.ev_date {position:relative; 

  min-width: 100px;

float:left; background-color: rgba(244, 149, 19, 0.8); min-height:40px; }



.ev_date2 { width:80%; margin-left:10%;

 float:left;min-height:40px;

 } 

 .ev_date2 h3{ margin-right:10%; display:inline-block; float:left}



.ev_day, .ev_month, .ev_year {

  position: absolute;

  }

 

.ev_day {left:5px;

  font-size: 24px;

  top: 12px;

  }

 

.ev_month { 

  top: 0;

  left: 0;  

  font-size: 14px;

  }

 

.ev_year { 

  top: 10px;

  right: 0;

  font-size: 16px;

  rotation: -90deg !important;

  /* ** Hacks ** */

  -webkit-transform: rotate(-90deg);

  -moz-transform: rotate(-90deg);  

  }



    .username s, .account-group-inner s {

      color: #b1bbc3;

    }

    s {

      text-decoration: none;

    }

    ol, ul {

    margin: 0;

    /* list-style: none; */

    padding: 0;

    }

    .fullname {

    font-weight: bold;

    color: #292f33;

    }

    .typeahead-accounts.social-context li>a {

    line-height: 16px;

    padding: 7px 15px 6px 10px;

    }

    .nav li a {

    position: relative;

    font-size: 12px;

    }

    .size32 {

    width: 32px !important;

    height: 32px !important;

    border-radius: 4px !important;

    }

    .avatar {

    width: 48px;

    height: 48px;

    border-radius: 5px;

    -moz-force-broken-image-icon: 1;

    }

    .typeahead-items li {

    width: 100%;

    white-space: nowrap;

    float: left;

    clear: left;

    }

    .typeahead-items li>a {

    display: block;

    padding: 7px 15px 7px 10px;

    overflow: hidden;

    color: #66757f;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 14px;

    line-height: 32px;

    }

    input:text, textarea, div[contenteditable], .t1-select {

    display: inline-block;

    width: 210px;

    padding: 4px;

    margin: 0;

    outline: 0;

    background-color: #fff;

    border: 1px solid #e1e8ed;

    border-radius: 3px;

    }

    .input_container ul {

    background: #FFF !important;

    }

    .detail-banner {

      position: relative;

    }

    .layer {

            background-color: rgba(17, 18, 12, 0.5);

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

    }



h1 {

  font-family: 'Open Sans', sans-serif;

}

.navbar {height:80px;

    margin-bottom: 0px;

}

.funkyradio div {

  clear: both;

  overflow: hidden;

}



.funkyradio label {

  width: 100%;

  border-radius: 3px;

  border: 1px solid #D1D3D4;

  font-weight: normal;

}



.funkyradio input[type="radio"]:empty,

.funkyradio input[type="checkbox"]:empty {

  display: none;

}



.funkyradio input[type="radio"]:empty ~ label,

.funkyradio input[type="checkbox"]:empty ~ label {

  position: relative;

  line-height: 2.5em;

  text-indent: 3.25em;

  margin-top: 2em;

  cursor: pointer;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

}



.funkyradio input[type="radio"]:empty ~ label:before,

.funkyradio input[type="checkbox"]:empty ~ label:before {

  position: absolute;

  display: block;

  top: 0;

  bottom: 0;

  left: 0;

  content: '';

  width: 2.5em;

  background: #D1D3D4;

  border-radius: 3px 0 0 3px;

}



.funkyradio input[type="radio"]:hover:not(:checked) ~ label,

.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {

  color: #888;

}



.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,

.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {

  content: '\2714';

  text-indent: .9em;

  color: #C2C2C2;

}



.funkyradio input[type="radio"]:checked ~ label,

.funkyradio input[type="checkbox"]:checked ~ label {

  color: #777;

}



.funkyradio input[type="radio"]:checked ~ label:before,

.funkyradio input[type="checkbox"]:checked ~ label:before {

  content: '\2714';

  text-indent: .9em;

  color: #333;

  background-color: #ccc;

}



.funkyradio input[type="radio"]:focus ~ label:before,

.funkyradio input[type="checkbox"]:focus ~ label:before {

  box-shadow: 0 0 0 3px #999;

}



.funkyradio-default input[type="radio"]:checked ~ label:before,

.funkyradio-default input[type="checkbox"]:checked ~ label:before {

  color: #333;

  background-color: #ccc;

}



.funkyradio-primary input[type="radio"]:checked ~ label:before,

.funkyradio-primary input[type="checkbox"]:checked ~ label:before {

  color: #fff;

  background-color: #337ab7;

}



.funkyradio-success input[type="radio"]:checked ~ label:before,

.funkyradio-success input[type="checkbox"]:checked ~ label:before {

  color: #fff;

  background-color: #5cb85c;

}



.funkyradio-danger input[type="radio"]:checked ~ label:before,

.funkyradio-danger input[type="checkbox"]:checked ~ label:before {

  color: #fff;

  background-color: #d9534f;

}



.funkyradio-warning input[type="radio"]:checked ~ label:before,

.funkyradio-warning input[type="checkbox"]:checked ~ label:before {

  color: #fff;

  background-color: #f0ad4e;

}



.funkyradio-info input[type="radio"]:checked ~ label:before,

.funkyradio-info input[type="checkbox"]:checked ~ label:before {

  color: #fff;

  background-color: #5bc0de;

}

a.morelink {

  text-decoration:none;

  outline: none;

}

.morecontent span {

  display: none;

}

    html,body

{

    width: 100%;

    height: 100%;

    margin: 0px;

    padding: 0px;

}



#homejumbo {

    background: url('/web/20200630034410im_/https://www.onionring.co.uk/images/BBQ-background.png');

    background-position: center top; background-size: cover; background-attachment: fixed;

    background-repeat: no-repeat;

    height: 100vh;

 }

 #homejumbo p{

  font-size:21px;

  color:orange;

 }

 #homejumbo h1{

  font-family: 'Open Sans', sans-serif;

  font-size:80px;

  color:white;

 }

 #homejumbo h2{

  font-size:40px;

  text-align: center; 

  color: white; 

  font-family: 'Open Sans', sans-serif;

 }

  #homejumbo a{

   left:10px;

   color:white;

  }

 .vertical-center {

   min-height: 100%;  /* Fallback for browsers do NOT support vh unit */

   min-height: 100vh; /* These two lines are counted as one :-)       */



   display: flex;

   align-items: center;}

   

   

           .detail-gallery .owl-controls {

            display: none;

        }

    .post-content {width:100%;

    display:block;

}

        /* Main carousel style */

        .carousel {

            max-width: 660px;

        }



        .hours {

            float: none !important;

        }

.carousel-indicators{display:block; width:100%}



.carousel-inner img{

width:100%;       }

        /* Indicators list style */

        .article-slide .carousel-indicators li {

            height: 40px; min-width:50px;

            float: left;

            margin-bottom: 5px;

            margin-left: 0;

            margin-right: 5px !important;

            margin-top: 0; display:block; overflow:hidden;border: 2px solid #FFFFFF; text-align:center; vertical-align:middle;

              display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden; }

        /* Indicators images style */

        .article-slide .carousel-indicators img {

               flex-shrink: 0;

    min-width: 100%;

    min-height: 100%; float: left;

            height: 40px;

            left: 0; width:auto; display:inline-block;}

        /* Indicators active image style */

        .article-slide .carousel-indicators .active img {

            border: 2px solid #428BCA;

            opacity: 0.7;

        }

        .detail-banner .detail-banner-btn {

        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);

        }

        .btn-breadcrumb .btn:not(:last-child):after {

          content: " ";

          display: block;

          width: 0;

          height: 0;

          border-top: 17px solid transparent;

          border-bottom: 17px solid transparent;

          border-left: 10px solid white;

          position: absolute;

          top: 50%;

          margin-top: -17px;

          left: 100%;

          z-index: 3;

        }

        .btn-breadcrumb .btn:not(:last-child):before {

          content: " ";

          display: block;

          width: 0;

          height: 0;

          border-top: 17px solid transparent;

          border-bottom: 17px solid transparent;

          border-left: 10px solid rgb(173, 173, 173);

          position: absolute;

          top: 50%;

          margin-top: -17px;

          margin-left: 1px;

          left: 100%;

          z-index: 3;

        }



        .btn-breadcrumb .btn {

          padding:6px 12px 6px 24px;

        }

        .btn-breadcrumb .btn:first-child {

          padding:6px 6px 6px 10px;

        }

        .btn-breadcrumb .btn:last-child {

          padding:6px 18px 6px 24px;

        }



        /** Default button **/

        .btn-breadcrumb .btn.btn-default:not(:last-child):after {

          border-left: 10px solid #fff;

        }

        .btn-breadcrumb .btn.btn-default:not(:last-child):before {

          border-left: 10px solid #ccc;

        }

        .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {

          border-left: 10px solid #ebebeb;

        }

        .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {

          border-left: 10px solid #adadad;

        }



        /* The responsive part */



        .btn-breadcrumb > * > div {

            /* With less: .text-overflow(); */

            white-space: nowrap;

            overflow: hidden;

            text-overflow: ellipsis;    

        }



        .btn-breadcrumb > *:nth-child(n+2) {

          display:none;

        }



        /* === For phones =================================== */

        @media (max-width: 767px) {

            .btn-breadcrumb > *:nth-last-child(-n+2) {

                display:block;

            } 

        }



        /* === For tablets ================================== */

        @media (min-width: 768px) and (max-width:991px) {

            .btn-breadcrumb > *:nth-last-child(-n+4) {

                display:block;

            } 

          }



        /* === For desktops ================================== */

        @media (min-width: 992px) {

            .btn-breadcrumb > *:nth-last-child(-n+6) {

                display:block;

            } 

        }



   

.homebutton{background-color: rgba(242, 150, 45, 0.9); border:5px #FFF  solid !important; border-radius: 5px !important; color: white !important; width: 200px;padding: 10px 20px;transition: background-color .15s linear; font-size:18px; display:block; margin:5px auto; } 



.homebutton:hover{background-color: rgba(242, 150, 55, 0.9); }   



.col-centered{

    float: none;

    margin: 0 auto; text-align:center

}



.search-star{position: absolute; z-index: 2; top:5px; left: 5px}



.card-simple{ background-color:#000; color:#FFF}

.card-simple a, .card-simple a:link, .card-simple a:visited, .card-simple a:active{color:#FFF}

.card-simple-label{background-color:#000;}

.card-simple-price{background-color:#f49513}



footer a,footer  a:link,footer a:active,footer a:visited,footer a:hover{color:#f49513}



.col-black{color:#000}

.col-white{color:#FFF}

.col-orange{color:#F49513}

.bold{font-weight:bold;}

.detail-follow{margin-top:10px}

.follow-btn{width:40px; display:inline-block}



.gap-top{margin-top:20px}

.post-label h4{color: white; display:inline-block; float:left}

.post-label i{float:left}

.label-left{float:left; display:block; width:90%}

.label-left a, .label-right a{color:#FFF} 

.label-right{float:left; display:block; width:10%; text-align:right; font-size:16px}

.float-right{float:right;}



#searchform h2{color:#FFF; margin-top:0}

.rounded{border: 5px; border-radius: 5px;}

.post-content h2{font-size:16px; margin-bottom:0px; padding:10px}

.post-content h1{font-size:18px; margin: 5px 0;}





    @media (max-width: 767px) { 



            .header-content .nav {

            background-color: rgba(255,255,255,0.1);

            float: none;

            left: -15px;

            margin-top: 62px;

            padding: 0px;

            position: absolute;

            right: -15px;

            z-index: 99999;

        }

    }

    .ui-group-buttons .or{position:relative;float:left;width:.3em;height:1.3em;z-index:3;font-size:12px}

    .ui-group-buttons .or:before{position:absolute;top:50%;left:50%;content:'or';background-color:#5a5a5a;margin-top:-.1em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.55;color:#fff;font-style:normal;font-weight:400;text-align:center;border-radius:500px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1);box-shadow:0 0 0 1px rgba(0,0,0,0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}

    .ui-group-buttons .or:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:2.84em;background-color:rgba(0,0,0,0);/*border-top:.6em solid #5a5a5a;border-bottom:.6em solid #5a5a5a*/}

    .ui-group-buttons .or.or-lg{height:1.3em;font-size:16px}

    .ui-group-buttons .or.or-lg:after{height:2.85em}

    .ui-group-buttons .or.or-sm{height:1em}

    .ui-group-buttons .or.or-sm:after{height:2.5em}

    .ui-group-buttons .or.or-xs{height:.25em}

    .ui-group-buttons .or.or-xs:after{height:1.84em;z-index:-1000}

    .ui-group-buttons{display:inline-block;vertical-align:middle; /*float:right; min-width:280px;*/}

    .ui-group-buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}

    .ui-group-buttons .btn{float:left;border-radius:0}

    .ui-group-buttons .btn:first-child{margin-left:0;border-top-left-radius:.25em;border-bottom-left-radius:.25em;padding-right:15px}

    .ui-group-buttons .btn:last-child{border-top-right-radius:.25em;border-bottom-right-radius:.25em;padding-left:15px}





        .card-simple {

            position: relative;

            border: 5px !important;

            border-radius: 5px !important;

        }

        .layer {

            background-color: rgba(17, 18, 12, 0.47);

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

        }

    

.oringnav {color:#F49513; background-color:#FFF}    



#map {margin-top:20px}

#offerprint{text-align:center; padding:20px; background-color:#FFF; width:100%; border: 2px #000 dotted; overflow:hidden}

#offerprint img{max-width:500px}



.detail-photos img{height:80px; float:left; padding:15px;border: 5px; border-radius: 5px;}



.thesubmitone{background-color: rgba(242, 150, 45, 0.99); color: white !important; width:auto; overflow:visible; display:inline-block;}



    @media (max-width: 767px) { 

.header-nav-user{display: none}

.homebutton{display:none}   }





.modal {

  display: none;

  position: fixed;

  z-index: 299;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.modal img{max-width:100%;}



/* Modal Content */

.modal-content {

  position: relative;

background-color:rgba(0, 0, 0, 0.8);

  margin: auto;

  padding: 5% 0;

  width: 100%;

  height:100%;

  text-align:center;

  vertical-align:middle;



}

#lightboxpic {max-height:90%; height:90%; margin:0 auto;}





/* The Close Button */

.closebox {z-index:300;

  color: #FFF;

  position: absolute;

  top: 0px;

  right: 25px;

  font-size: 35px;

  font-weight: bold;

  vertical-align:top;

}



.closebox:hover,

.closebox:focus {

  color: #FFF;

  text-decoration: none;

  cursor: pointer;

}



.mySlides {

  display: none;

}



/* Next & previous buttons */

.prev,

.next {

  cursor: pointer;

  position: absolute;

  top: 50%;

  width: auto;

  padding: 16px;

  margin-top: -50px;

  color: white;

  font-weight: bold;

  font-size: 40px;

  transition: 0.6s ease;

  border-radius: 0 3px 3px 0;

  user-select: none;

  -webkit-user-select: none;

}



/* Position the "next button" to the right */

.next {

  right: 0;

  border-radius: 3px 0 0 3px;

}

.prev {

  left: 0;

}



/* On hover, add a black background color with a little bit see-through */

.prev:hover,

.next:hover {

  background-color: rgba(0, 0, 0, 0.8);

}



/* Number text (1/3 etc) */

.numbertext {

  color: #f2f2f2;

  font-size: 12px;

  padding: 8px 12px;

  position: absolute;

  top: 0;

}





.active,

.demo:hover {

  opacity: 1;

}



img.hover-shadow {

  transition: 0.3s

}



.hover-shadow:hover {

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)

}

#interactivemap{margin-top:30px}



.homemain{ margin-top: 130px;}

.homemain h2{font-size: 30px; color: white;}

.homemain #searchform{margin-top: 30px;}

 @media (max-width: 991px) { 

.homemain{ margin-top: 80px;}

.typisttext{display:none}

.homemain #searchform{margin-top: 0px;}}



 @media (max-width: 768px) { 

.sidebar{display:none}

}



  .activity-feed {

  padding: 15px;

}

.activity-feed .feed-item {

  position: relative;

  padding-bottom: 20px;

  padding-left: 30px;

  border-left: 2px solid #e4e8eb;

}

.activity-feed .feed-item:last-child {

  border-color: transparent;

}

.activity-feed .feed-item:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: -6px;

  width: 10px;

  height: 10px;

  border-radius: 6px;

  background: #fff;

  border: 1px solid #F49513;

}

.activity-feed .feed-item .date {

  position: relative;

  top: -5px;

  color: #8c96a3;

  text-transform: uppercase;

  font-size: 13px;

}

.activity-feed .feed-item .text {

  position: relative;

  top: -3px;

}

.panel.date {

    margin: 0px;

    width: 60px;

    text-align: center;

}



.panel.date .month {

    padding: 2px 0px;

    font-weight: 700;

    text-transform: uppercase;

}



.panel.date .day {

    padding: 3px 0px;

    font-weight: 700;

    font-size: 1.5em;

}





.dropdown ul { width:100%}

.dropdown-menu { text-align: center; margin:0; background-color:#FFF; }

.dropdown-menu>li { display: inline-block; width: 100%; text-align: center; }





.navbar-toggle .icon-bar {

    margin-top: 4px;

      display: block;

    width: 22px;

    height: 2px;

    border-radius: 1px;

}



.btn-primary {

    display: inline-block;

    padding: 9px 15px;

    transition: background-color .15s linear;

}

.glyphicon-menu-hamburger{color:#F49513; font-size:16px;}

.glyphicon-search{color:#F49513; font-size:16px;}



#morepics{display:block;padding:5px; float:left; width:100%;}

#offerprint{width:100%; border: 2px #000 dotted;}



.float-right{float:right}

    .layer {

            background-color: rgba(17, 18, 12, 0.35);

    }





.loadingmorediv{bottom:50px; margin:0 auto; display:block; width:100%; background-color:#FFF; clear:both; position:relative;}

button .resetfilter {background:none!important;border:none; padding:0!important; cursor: pointer;}

.editsearch{background-color: #000; margin-top: 0px; margin-bottom: 10px; width: 100%; color:#FFF;}
.nav-tabs{margin-top:10px}


.label-right i{font-size:34px; float:right}



.button {

    background-color: #f49513;

    color: white;

    padding: 15px 32px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

}






/*
     FILE ARCHIVED ON 03:44:10 Jun 30, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:59:50 Aug 22, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 285.844
  exclusion.robots: 0.173
  exclusion.robots.policy: 0.159
  RedisCDXSource: 7.465
  esindex: 0.013
  LoadShardBlock: 251.135 (3)
  PetaboxLoader3.datanode: 263.25 (5)
  CDXLines.iter: 23.311 (3)
  load_resource: 169.298 (2)
  PetaboxLoader3.resolve: 87.962 (2)
*/