/**
 * @license
 * MyFonts Webfont Build ID 3151601, 2016-01-11T08:08:04-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Epilepsja-Outline by Mikołaj Grabowski
 * URL: http://www.myfonts.com/fonts/mikolaj-grabowski/epilepsja/outline/
 * Copyright: Copyright © 2015 by Mikołaj Grabowski. All rights reserved.
 * Licensed pageviews: 500,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3151601
 * 
 * © 2016 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3016f1");

  
@font-face {font-family: 'Epilepsja-Outline';src: url('../fonts/3016F1_0_0.eot');src: url('../fonts/3016F1_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3016F1_0_0.woff2') format('woff2'),url('../fonts/3016F1_0_0.woff') format('woff'),url('../fonts/3016F1_0_0.ttf') format('truetype');}


@font-face {
    font-family: 'theano_didotregular'; /*DIDOT*/
    src: url('../fonts/theanodidot-regular-webfont.eot');
    src: url('../fonts/theanodidot-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/theanodidot-regular-webfont.woff2') format('woff2'),
         url('../fonts/theanodidot-regular-webfont.woff') format('woff'),
         url('../fonts/theanodidot-regular-webfont.ttf') format('truetype'),
         url('../fonts/theanodidot-regular-webfont.svg#theano_didotregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.popups.active {  overflow: auto;}

/*kill 'submitting...' overlay*/
.blockUI{visibility:hidden !important;}


.instagram{background-image:none; height:auto;}


a:hover, a:focus{text-decoration:none; outline:none;}
a:focus{color:#f58020;}

body{background-image:none; font-family: 'canada-type-gibson'; font-weight:400;} /*gibson instead of gotham*/
body *{font-size:14px;}
p{font-family: 'theano_didotregular'; }
.entry-content p{margin-bottom:20px; font-size:18px; line-height:40px;}
.entry-content a{font-size:18px;}

.header{background-image:none; background-color:#fff; position:fixed; /*min-height:0;*/ z-index:99;}
.nav-logo-center{background-image: url("../images/Top Nav Logo.svg");height:29px; width:77px; top:0; transform: translateY(0px); margin-top:3.5vh;}
.nav-hamburger{margin-top: 4px;}
.box-link, .button.w-button{font-family: 'canada-type-gibson'; font-weight:400; border-color:#cbc3b7; border-style:solid; color:#f58020; padding:10px 30px; border-width:2px;z-index:98; border-radius:2px; display:inline-block; font-size:14px; text-transform:uppercase; background-color:transparent; letter-spacing:3px; margin-top: 10px;}
.button.w-button:hover{text-decoration:none;}
.nav-reservations.box-link{margin-top:0;}
.nav-reservations.box-link.active{color:#f58020;}
.button.newbutton{background-color:transparent; text-align:center;}
.box-link:active, .box-link:hover, .button.w-button:hover{border-color:#cbc3b7; background-color:#efede9; color: #f58020;}
/*.box-link.popup-link:hover{background-color:#fff;}*/
.box-link:after{background:none;}
.pattys{background-color:#f58020;}
.nav-bar{padding-top:10px;}


/*slide in nav*/
.nav-menu, .nav-reserve{background-color:#fff; border-top: 1px solid #cbc3b7;}
.menu{background-color:transparent;}
.menu ul{list-style:none;}
.menu li a{display:block; font-family: 'canada-type-gibson'; color:#5c707c; font-size:16px; line-height:40px; letter-spacing:0.9px; text-align: center; text-transform:uppercase;}
.nav-seperator{background-color: #aec7bd; height:1px;}
.nav-logo{background-image: url("../images/Side Nav Logo.svg");height:27px; width:190px;}
.nav-social li{width:33px; margin: 0 2px;}
.nav-social li a{border:none;}
.nav-social li a:hover{opacity:0.7;}
.nav-social .facebook{background-image: url("../images/Side Nav Facebook.svg");height:30px; width:29px;}
.nav-social .twitter{background-image: url("../images/Side Nav twitter.svg");height:30px; width:29px;}
.nav-social .google-plus{background-image: url("../images/Side Nav Google.svg");height:30px; width:29px;}
.nav-social .soundcloud{background-image: url("../images/soundcloud.svg");height:30px; width:29px;}
.nav-social .instagram{background-image: url("../images/Side Nav Instagram.svg");height:30px; width:29px;}
.menu-item-object-page a:hover, .menu-item-object-page.current_page_item a{color:#f58020;}
#menu-header-menu{padding:40px 0;}

.menu-item-object-custom {  list-style: outside none none;  text-align: center;}

/*slide in book bar*/
.nav-reserve{padding-top:5vh; visibility:hidden;}
.nav-reserve.active{ visibility:visible}
.close-reserve{padding:0; right:30px; font-family: arial; color:#f58020;}
.nav-reserve h2{font-family:"Epilepsja-Outline"; font-size:35px; line-height:36px; letter-spacing:0.9px; color:#5c707c; margin-bottom: 30px; padding-top:0;}
.nav-reserve #book-wrapper{width:80%; margin-left:10%;}
.nav-reserve form {padding: 10px 10px 10px 0;}
.nav-reserve label{color:#5c707c; font-family: 'canada-type-gibson'; font-size:12px; line-height:20px; letter-spacing:0.9px; margin:0; margin: 10px 0 0 10px; font-weight:normal;}
.nav-reserve .bookBar__input{width:100%;   -webkit-appearance:none;  -moz-appearance:none;  appearance:none;}
.nav-reserve .button.button-dandd.normalbook.hp-submit{width:100%; margin-top: 20px; margin-bottom: 30px;}
/*

 footer 

*/
footer{background-color: #ebf1ef;}
.footer-block.links ul li a{color:#9b9b9b; font-size:11px; line-height:35px; letter-spacing:1px; text-transform:uppercase; font-weight: 300;}
.ignite-link{color:#9b9b9b; font-size:12px; line-height:14.4px;}
.footer-block.links ul li a:hover, .ignite-link:hover{color:#f58020;}

.footer-block.news, .footer-block.social{width:24%;}
.footer-social li a{border:none;}
.footer-social .facebook{background-image: url("../images/footer Facebook.svg");height:36px; width:36px;}
.footer-social .twitter{background-image: url("../images/footer twitter.svg");height:36px; width:36px;}
.footer-social .google-plus{background-image: url("../images/footer Google.svg");height:36px; width:36px;}
.footer-social .instagram{background-image: url("../images/footer Instagram.svg");height:36px; width:36px;}
.footer-social li a:hover{background-color:transparent; opacity:0.5;}



/*

home

*/

/*book bar*/
.datepicker button, .datepicker button img{height:0px;}
#ui-datepicker-div{z-index:20 !important;}
.bookBar__item {
  display: inline-block;
  vertical-align: middle;
}

.bookBar__input {
    -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color: transparent;
  border: 1px solid #aec7bd;
  border-radius: 3px;
  color: #f38020;
  display: inline-block;
  font-family: "canada-type-gibson";
  height: 40px;
  line-height: 18px;
  margin: 0 10px;
  /*padding: 0 15px;*/
  text-align: left;
  vertical-align: middle;
  width:150px;
  font-size: 16px;
  background-color: #fff;
}

select.bookBar__input {height: 42px;}

.button.button-dandd.normalbook.hp-submit {
  background-color: #f38020;
  border: 0 none;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-family: "canada-type-gibson";
  font-size: 16px;
  line-height: 18px;
  padding: 12px 20px;
  transition: all 0.25s ease 0s;
  vertical-align: middle;
  width: 150px;
  margin-left: 10px;
  letter-spacing: 0.8px;
}

.button.button-dandd.normalbook.hp-submit:hover{background-color:#cbc3b7;}


.bookbar{text-align:center; background-image: url("../images/Booking Widget background.png"); padding:39px 0; }
.bookbar h4{display:inline-block; color:#5c707c; font-family: 'theano_didotregular'; font-size:25px; line-height:35px; text-transform:uppercase; margin-right:37px;}



/*panels*/
.hero{height:85vh;} /*for inner pages*/
.hero{background-image: url("../images/Top Left image.jpg"); background-size:cover !important; background-position:50% 50% !important;}
.home .hero{background:none; height:90vh; margin-top:10vh;}
.hero-left{width:50%; background-size:cover; background-position:50% 50%; height:90vh; position:absolute; top:10vh; left:0;}
.hero-right{width:50%; display:inline-block; position:absolute; left:50%; top:10vh;}
.hero-right-inner{display:inline-block; width:50%; }
.hero-slot1{width:100%; display:inline-block; height:45vh; background-size:cover; background-position:50% 50%;}
.hero-slot2{width:100%; display:inline-block; height:45vh; background-size:cover; background-position:50% 50%;}
.hero-slot3{width:50%; display:inline-block; height:90vh; background-size:cover; background-position:50% 50%; vertical-align:top; position:absolute; right:0; top:0;}

.hero-left{padding-left:99px;}
.home .hero h1{background-image:url('/wp-content/themes/brandstyle1-Child-brandSite-100wardourst/assets/images/Logo WHT.svg'); text-indent:-9000px; width:373px; height:54px; margin-top:30vh;}
.hero-left p{font-family: 'theano_didotregular'; font-size:20px; line-height:38px; letter-spacing:0.9px; color:#fff; margin-top:70px; width:60%;}

.hero-slot1, .hero-slot2, .hero-slot3{display:table;}
.hero-right p{display:table-cell; font-family: 'theano_didotregular'; font-size:30px; line-height:35px; letter-spacing:1.3px; color:#fff; vertical-align:middle; text-align:center; text-transform:uppercase; /*padding: 0 30px;*/padding: 0 10px; text-shadow: 2px 2px 8px #000;}






.homepanels-container{background-color:#ebf1ef; background-image: url("../images/Big 100 full.svg"); background-position:center; background-repeat:repeat-y;}

.homepanels-container{background:none;}
.homepanel{padding:0 70px; padding-bottom:60px; padding-top:60px; display: table; background-image:url('/wp-content/themes/brandstyle1-Child-brandSite-100wardourst/assets/images/Big-100-bottom.png'), url('/wp-content/themes/brandstyle1-Child-brandSite-100wardourst/assets/images/Big-100-top.png'); background-position:center top, center bottom; background-repeat:no-repeat;}

.homepanel.image-right{background-color:#EBF1EF;}
.homepanel.image-left{background-color:#F2F0ED;}


.homepanel.image-right .text-side{width:50%; padding-right:80px;}
.homepanel.image-left .text-side{ width:50%; padding-left:80px;}

.homepanel .homepanel-image{width:50%; height:497px; background-size:cover; background-position:50% 50%; display:table-cell;}
.homepanel .clear{clear:both;}

.homepanel  .text-side{display: table-cell; vertical-align: middle; float:none;}
.homepanel .text-side h2, .newsletter h3{font-family: 'Epilepsja-Outline'; font-size:45px; line-height:50px; letter-spacing:0.9px; color:#5c707c; border-bottom: 3px solid #f58020; padding:0; margin:0; padding-bottom:25px; display:inline-block;}
.homepanel .text-side p{font-family: 'theano_didotregular'; font-size:35px; line-height:45px; color:#5c707c; margin:30px 0;}
.home .homepanel .text-side a{border-top: 3px solid #f58020; padding-top:15px; color:#f58020; font-size:11px; line-height:35px; letter-spacing:1px; font-family:canada-type-gibson; text-transform:uppercase; margin-top:20px; display:inline-block;}
.homepanel .text-side a:hover{color:#5c707c;}


 .hero-cycler div {
  background-color: white;
  background-position: center center;
  background-size: cover;
  height: 45vh;
  position: absolute;
  /*top: 0;*/
  width: 24.75vw;
  z-index: 0;
  display:table !important;
  /*transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s*/
}
.hero-cycler div.active {
  z-index: 3;
  display:table !important;
}
.hero-cycler div:hover{/*transform: scale(1.1); -webkit-transform: scale(1.1);*/}
.hero-slot3 div{height:90vh; width: 24.8vw;}



 
.hero-slot1, .hero-slot2, .hero-slot3 {  display: none; cursor:pointer; overflow:hidden;}
.home .hero{background:#000;}

.hero-right p{    -webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;}
.hero-right p.large{/*font-size:30px; text-shadow:1px 1px 6px #000;*/}

.hero-cycler::before {
  background: #fff none repeat scroll 0 0;
  content: " ";
  height: 45vh;
  opacity: 0.0;
  position: absolute;
  width: 24.75vw;
  z-index: 10;
  -webkit-transition: opacity 0.3s ease;      -moz-transition: opacity 0.3s ease;                     -o-transition: opacity 0.3s ease;       -ms-transition: opacity 0.3s ease;              transition: opacity 0.3s ease;
}
.hero-cycler.toggle::before {  opacity: 0.2;}
.hero-slot3::before{height: 90vh;}


/*hacks for ie*/
.ie .hero-slot3 div, .ie .hero-cycler div, .ie .hero-cycler::before{width: 25vw;}
/*hacks for MAC Chrome */
.mac.chrome .hero-slot3 div, .mac.chrome .hero-cycler div, .mac.chrome .hero-cycler::before{width: 25vw;}



.hero-image p::before {
  background: #000 none repeat scroll 0 0;
  content: " ";
  height: 45vh;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 0;
  width: 24.75vw;
  z-index: -1;
}

.hero-slot3 .hero-image p::before{height:90vh;}


.explore-home {
  left: 50%;
  margin-top: 91vh;
  position: absolute;
  top: 0;
  z-index: 89;
  margin-left:-35px;
}

.explore-home-inner {
  background-image: url("../images/Explore with arrow.svg");
  display: block;
  height: 45px;
  margin: 0 auto;
  width: 70px;
  cursor:pointer;
}




.testimonials-container{text-align:center; background-image: url("../images/Last panel Background.jpg"); padding:66px 0; height:auto;}
.testimonials-container h4, .testimonials-container h4 p{font-family: 'theano_didotregular'; font-size:35px; line-height:50px; color:#5c707c; text-align:center; width:70%; margin-left:15%; font-weight:normal;}
.testimonials-container h5{font-family: 'theano_didotregular'; font-style:italic; font-size:20px; color:#5c707c; text-align:center; line-height:45px; font-weight:normal;}

/*testimonial slider nav*/
#owl-testimonial .owl-controls {
  left: 0;
  margin-top: 10px;
  position: absolute;
  text-align: center;
  top: 30%;
  width:100%;
}
#owl-testimonial .owl-pagination{display:none;}
#owl-testimonial   .owl-buttons div{opacity:1.0; background:none;}
#owl-testimonial   .owl-buttons div:hover{opacity:0.5;}

#owl-testimonial .owl-controls .owl-prev{position:absolute; left:20px; background-image: url("../images/testi-arrow-left.png"); width:19px; height:36px; font-size:0px;}
#owl-testimonial .owl-controls .owl-next{position:absolute; right:20px; background-image: url("../images/testi-arrow-right.png"); width:19px; height:36px; font-size:0px;}


/*datepicker*/
.bookbar #ui-datepicker-div{top:auto !important; left:50% !important;}


/**

INNER PAGES

**/

.page .hero::before {
  /*background-image: linear-gradient(-180deg, rgba(68, 68, 68, 0.04) 0%, #444444 100%);*/
   background-image: linear-gradient(-180deg, rgba(68, 68, 68, 0.0) 0%, rgba(68, 68, 68, 0.7) 100%);
  content: " ";
  display: block;
  height: 48vh;
  margin-top: 37vh;
  position: absolute;
  top: 0;
  width: 100%;
}
.page .hero h1{font-family: 'Epilepsja-Outline'; font-size:100px; line-height:75px; color:#fff; position:absolute; top:55vh; width:100%; text-align:center;}
.page .hero h1::after{position:absolute; top:20vh; content:" "; width:80px; height:3px; background:#f58020; /*left: 48%;*/ left:50%; margin-left:-40px;}
.page-explore {  background-image: url("../images/Arrow.svg");  content: " ";  height: 20px;  left: 49.5%;  position: absolute;  top: 79.5vh;  width: 20px;}
.main-container{padding-top:40px; background-color:#f2f0ed; background-image:url('/wp-content/themes/brandstyle1-Child-brandSite-100wardourst/assets/images/Big-100-bottom.png'), url('/wp-content/themes/brandstyle1-Child-brandSite-100wardourst/assets/images/Big-100-top.png'); background-position:center top, center bottom; background-repeat:no-repeat;}
.page-explore{cursor:pointer;}

.page-template-page-standard .main-container{padding:0 80px;}

/*about*/
.page .homepanel p{font-size:22px; line-height:35px; color:#5c707c; font-family: 'theano_didotregular';}
.page .homepanel h4 p{font-size:35px; line-height:50px; color:#5c707c; font-family: 'theano_didotregular';}
.page-template-page-AT .main-container{background:none; padding:0;}

/*gallery*/
.gallery-select{display:inline-block; text-align:center;  font-family: "canada-type-gibson"; color:#f58020; opacity:0.7; font-size:16px; line-height:20px; letter-spacing:1px; outline: 0; margin:30px 73px; text-transform:uppercase;}
.gallery-select:hover, .gallery-select.selected{opacity:1; outline: 0;}

.square-image{margin-bottom:10px;}

#imagelightbox-close,.imagelightbox-arrow,#imagelightbox-caption{background-color:#f58020 !important;}
#imagelightbox-close{right:20em !important; top:5em !important;}

/*private Dining*/
.page-template-page-privatedining h3, .page-template-page-privatedining-inner h3{color:#5c707c; font-size:35px; line-height:50px; letter-spacing:0.9px; font-family: 'Epilepsja-Outline';text-align: left;}
.page-template-page-privatedining h3::after,.page-template-page-privatedining-inner h3:after {
  background: #f58020 none repeat scroll 0 0;
  content: " ";
  display: block;
  height: 3px;
  margin-bottom: 20px;
  margin-top: 30px;
  position: relative;
  width: 80px;
}
.page-template-page-privatedining-inner h3{font-size:27px; margin-top: -15px;}
.page-template-page-privatedining .main-container .box-link{margin-top:20px; margin-bottom: 40px;}
.page-template-page-privatedining .promo-block{height:250px;}
.page-template-page-privatedining .home-feature-button-link .button{background:#edebe5; font-size:20px; line-height:20px; color:#5c707c; font-family: 'theano_didotregular'; padding: 20px 0;}

.page-template-page-privatedining .w-col-12 p {
  color: #5c707c;
  font-family: "theano_didotregular";
  font-size: 18.8px;
  line-height: 35px;
}



.page-template-page-privatedining-inner #eventForm{margin-top:20px; display:inline-block; width: 100%;}
.page-template-page-privatedining-inner .first p{font-size:20px; line-height:35px; color:#5c707c; font-family: 'theano_didotregular'; margin-bottom:20px;}
.first p a, p a{font-size:20px; line-height:35px; font-family: 'theano_didotregular'; color:#f38020;}
.first p a:hover, p a:hover{text-decoration:underline; color:#f38020;}


.events-buttons-group .box-link{padding: 10px 20px;}
.events-buttons-group .box-link:hover{background:#fff;}

.page-template-page-privatedining-inner .button.button-dandd.normalbook.hp-submit{width:auto;}

#eventForm .box-link{float:right; margin-top: 15px;}
#eventForm .box-link:hover{background:#fff;}
#eventForm label{font-family: "canada-type-gibson"; font-size:12px; line-height:35px; color:#5c707c; font-weight:normal;}

#eventForm .w-input,#eventForm .w-select{font-family: "canada-type-gibson"; font-size:10px; line-height:14px; color:#cbc3b7;}

.page-template-page-privatedining-inner p a{font-size:18px;}/*fix for private dining/private dining page*/

/*menus - food&drink*/
.choices {
  margin-bottom: -2px;
  margin-left: 30px;
  margin-top: 30px;
  border-bottom: 0 solid black;
}
.choices-title {
  float: left;
  padding-left: 0 !important;
  text-align: left;
}
.choices h4 {
  font-size: 14px;
  font-weight: normal;
  padding: 3px 20px;
  /*width: 155px;*/
}
.menu-active {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #000 none repeat scroll 0 0;
  border-color: #fff #fff #000;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #ffffff;
  display: inline-block;
  margin: 0 3px 0 0;
  padding: 0;
  text-decoration: none;
}
.menu-active {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: rgba(203, 195, 183, 0.3) rgba(203, 195, 183, 0.3) #f2f0ed;
  border-image: none;
  border-style: solid;
  border-width: 1px;
}

.menu-inactive {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #333 none repeat scroll 0 0;
  border-color: #333 #333 #fff;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  margin: 0 3px 0 0;
  padding: 0;
  text-decoration: none;
}
.menu-inactive {
  background: rgba(203, 195, 183, 0.3) none repeat scroll 0 0;
  border-color: rgba(203, 195, 183, 0.3) rgba(203, 195, 183, 0.3) transparent;
  border-bottom:none;
}

.choicesbar {
  background: rgba(203, 195, 183, 0.3);
  height: 1px;
  margin-top: 83px;
  width: 100%;
}
.choices h4{font-family: "theano_didotregular"; font-size:18.8px; line-height:50px; color:#5c707c; padding:0 20px;}

.x-menus .first, .page-template-page-whats-on .first p {font-family: "theano_didotregular"; font-size:18.8px; line-height:35px; color:#5c707c;}
.menu-items{border:none;}
#menudisplay{border:1px solid rgba(203, 195, 183, 0.4); margin-bottom:60px; margin-top: 10px;}

.print-options h4 {  float: right;}
.print-options h4 a {
  color: #cbc3b7;
  font-family: "canada-type-gibson";
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  line-height:14px;
  letter-spacing:1.5px;
}
.pdf-icon {
  display: inline-block;
  margin-right: 5px;
}

.single-menu .main-container, .tax-menuTypes .main-container, .page-id-5 .main-container{background-image:none;}


.menu-sections h4 {  font-size: 21px;  padding-bottom: 0; color:#f58020; font-family: 'Epilepsja-Outline'; margin-bottom: 30px;}
.menuLink {  text-decoration: none;}
.menu {
  border-bottom: 1px solid rgba(92, 112, 124, 0.1);  
  border-radius: 0;
  font-family: "canada-type-gibson";
  font-size: 14px;
  letter-spacing: 1.8px;
  line-height:14px;
  padding: 10px 0;
  margin-bottom:0;
  
}
.page_items.menu{border:none; padding:0; }




.menuLink h4 {
  color: #5c707c;
  font-weight: normal;
   font-family: "canada-type-gibson";
  font-size: 14px;
  letter-spacing: 1.8px;
  line-height:14px;
  text-transform:uppercase;
  margin-bottom: 0;
}


.menu.active h4, .menu:hover h4{
  color: #f58020;
}



/*whats on*/
.blog-cat-list .box-link{width:100%; text-align:center; padding:10px 0;}

.whatson-events h2{border-top:1px solid #cbc3b7; color:#cbc3b7; margin-bottom:0; font-family: "canada-type-gibson"; font-size:14px; letter-spacing:2px; text-transform:uppercase;}

.whatson-events-container{border:1px solid #edebe5; background:rgba(255, 255, 255, 0.4); padding:65px; margin-bottom:49px;}
.whatson-event-overlay, .event-content-area{padding-left:15px !important; padding-right:15px !important;}
.whatson-event-image{width:100%; height:200px;}
.whatson-event-overlay h2{text-align:center; font-size:20px; line-height:20px; color:#5c707c; font-family: "theano_didotregular"; padding:20px 0; background:#edebe5 ; width:100%;}
.event-content-area{color:#5c707c;}
.event-content-area h4, .event-content-area .first{font-family: "canada-type-gibson"; font-size:14px; letter-spacing:2px;}
.event-content-area h4{text-transform:uppercase;}

.event-content-area .first,
.event-content-area .first p{font-size:20px; line-height:35px; font-family: "theano_didotregular";}

.event-content-area .button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-top: 3px solid #f58020;
  color: #f58020;
  display: inline-block;
  font-family: canada-type-gibson;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 35px;
  margin-top: 20px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  text-transform: uppercase;
  width: auto !important;
}

.whatson-event-link{margin-bottom:87px; display:block;}
.whatson-events h2.blog-title{font-size:35px; line-height:50px; letter-spacing:0.9px; color:#5c707c; font-family: 'Epilepsja-Outline'; border:none; padding:none; margin:none; margin-top:65px;}

.whatson-events h2.blog-title:after {
  background: #f58020 none repeat scroll 0 0;
  content: " ";
  display: block;
  height: 3px;
  margin-bottom: 0;
  margin-top: 30px;
  position: relative;
  width: 80px;
}



.whatson-article-image.small{width:100%; height:234px;}
.whatson-article-container{border-bottom:1px solid #cbc3b7; padding-bottom:49px; margin-top:49px;}
.whatson-article-content h2{font-size:14px; letter-spacing:2px; color:#5c707c; font-family: "canada-type-gibson"; margin:0; padding:0; margin-bottom:16px;}
.whatson-article-content .first{font-size:20px; line-height:35px; color:#5c707c; font-family: "theano_didotregular"; margin:0; padding:0;}
.whatson-article-link-dummy {
  border-top: 3px solid #f58020;
  color: #f58020;
  display: block;
  font-family: canada-type-gibson;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 35px;
  margin-top: 20px;
  padding-top: 15px;
  text-transform: uppercase;
  width: 80px;
}

.whatson-article-link-dummy:hover, .event-content-area .button:hover{color:#5c707c;}

.main-container.whatson-second{background-color:#fff; background-image: url("/wp-content/themes/brandstyle1-Child-brandSite-100wardourst/assets/images/100WS-top-onWhite.png"), url("/wp-content/themes/brandstyle1-Child-brandSite-100wardourst/assets/images/100WS-bottom-onWhite.png") !important;}

/*events - archive*/
.post-type-archive-event .main-container{background-image:none;}
.post-type-archive-event h2{font-family: "canada-type-gibson"; font-size:14px; letter-spacing:2px; color:#5c707c; text-transform:uppercase;}
.calendar-button{font-family: "canada-type-gibson"; font-size:14px; letter-spacing:2px; color:#5c707c; text-transform:uppercase; margin-top:10px;}
.calendar-button.left{float:left;}
.calendar-button.right{float:right;}


.post-type-archive .whatson-article{border-bottom:1px solid #cbc3b7;margin-top: 49px; padding-bottom: 49px; }

/*unique blog post page - single*/
.single .entry-title{
  border-bottom: 3px solid #f58020;
  color: #5c707c;
  display: inline-block;
  font-family: "Epilepsja-Outline";
  font-size: 35px;
  letter-spacing: 0.9px;
  line-height: 50px;
  margin: 0;
  padding: 0 0 25px;
  margin-bottom:50px;
}
.single .entry-content p{color:#5c707c; font-size:20px; line-height:35px;}
.single .single-post-back{font-family: "canada-type-gibson"; font-size:14px; letter-spacing:2px; color:#5c707c; text-transform:uppercase;}

.addthis_toolbox a {
  color: #5c707c;
  text-decoration: none;
  font-size: 35px;
}
.addthis_toolbox a:hover{color:#f58020;}

.single .datetag{    
	color: #5c707c;
    display: inline-block;
    font-family: "Epilepsja-Outline";
    text-align: center;
    width: 100%;
    padding-top: 10px;
    font-size: 20px;
}
.single-event .datetag{display:block; color:#f58020;font-family: "canada-type-gibson"; font-size:14px; letter-spacing:2px; margin-top:33px; margin-bottom:0;}

/*gallery*/
#gallery-inject .w-col-3{padding-left:5px; padding-right:5px;}

/*contact*/
.page-template-page-findus .main-container{background:#f2f0ed; padding:0;}
.contact-left-container{padding:0; padding-left:70px; padding-top:60px;}
.contact-left-container h4{font-family: "canada-type-gibson"; font-size:14px; line-height:35px; letter-spacing:1.3px; color:#cbc3b7; text-transform:uppercase; font-weight:normal; margin-top: 20px;}
.contact-left-container h5{font-family: "canada-type-gibson"; font-size:16px; line-height:35px; letter-spacing:1.3px; color:#cbc3b7; font-weight:normal;}
.contact-left-container p{font-family: "theano_didotregular"; font-size:20px; line-height:35px; color:#5c707c;}


/*newsletter*/
.popups.active{background-color: rgba(0, 0, 0, 0.7);}
.newsletter h3{text-align:left; }
.popup-box{border-color:#fff; background-color: #f2f0ed;}
.popup-box p{  color: #5c707c;  font-family: "theano_didotregular";  font-size: 18px;  line-height: 25px; font-weight:normal;}
.popup-input{
  -moz-appearance: none;
  background-color: #fff;
  border: 1px solid #aec7bd;
  border-radius: 3px;
  color: #f38020;
  display: inline-block;
  font-family: "canada-type-gibson";
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  text-transform:none;
  padding:5px 15px;
  line-height:20px;
}
.newsletter h4{font-family: "theano_didotregular"; font-size:18px; line-height:40px; font-weight:bold; text-transform:uppercase; text-align:left; color:#5c707c;}
.newsletter .w-col{text-align:left;}
.newsletter  strong{font-family: "theano_didotregular"; font-size:11px; line-height:12px; color:#5c707c; font-weight:normal; text-transform:uppercase;}

.newsletter .dob{}
.newsletter .dob label{display:none;}

.newsletter .error{font-family:"canada-type-gibson"; text-transform:uppercase; letter-spacing: 2px;}




/*

event ticker homepage panels

*/


.event-ticker-panel{width:50%; float:left; padding-bottom: 30px; padding-top: 45px;}
.event-ticker-panel.left{background:#4E5F69;}
.event-ticker-panel.right{background:#5c707c;}

.event-ticker-image-container{margin-left:10%; display:inline-block;}
.event-ticker-image{background-size:cover; background-position:50% 50%; height:113px; width:113px; border-radius:113px;  display:inline-block;}

.event-ticker-panel .event-content-area{margin-left:30px;  display:inline-block; vertical-align: top;}
.event-ticker-panel .heading{ font-family: "canada-type-gibson";  font-size: 16px;  letter-spacing: 1px;  color: #f58020; text-transform:uppercase; text-align:left; margin:0;}
.event-ticker-panel .title{ font-family: "theano_didotregular";  font-size: 28px;  line-height: 50.4px;  color: #ffffff; text-transform:uppercase;}

/*
1500px max --- reduce TITLE font size
*/
@media only screen and (max-width: 1500px) {
		.event-ticker-panel .title{font-size:18px; line-height:27px; margin-bottom:20px;}
}
/*
1250px max --- stack the panels
*/
@media only screen and (max-width: 1250px) {
	.event-ticker-panel{float:none; width:100%;}

	.event-ticker-panel .event-content-area, .event-ticker-image-container{display:block;}
	.event-ticker-image-container{margin:0; width:100%;}
	.event-ticker-image{margin:0 auto; display:block;}
	.event-ticker-panel .heading, .event-ticker-panel .title{text-align:center;}
	.event-ticker-panel .heading{margin-top:10px;}
	.event-ticker-panel .event-content-area{margin:0;}
	.event-ticker-panel .event-content-area .button{display:block; width: 100px !important;}
}







/*



responsive overrides



*/
@media only screen and (max-width: 1255px) {
	.footer-block.news, .footer-block.social{width:100%}
	footer span{display:none !important;}
}

@media only screen and (max-width: 1180px) {
	.bookbar h4{display:none;}
	.gallery-select{margin:30px 40px;}
}

@media only screen and (max-width: 1080px) {
	.page .hero h1{font-size:80px;}
}

@media only screen and (max-width: 865px) {
	.page .hero h1{font-size:60px;}
}

@media only screen and (max-width: 900px) {
	
	.home .hero h1{background-size:contain; background-repeat:no-repeat; height:44px; width:273px;}
	.hero-left {padding-left: 60px;}
	.hero-left p{width:80%;}
	
	.button.button-dandd.normalbook.hp-submit{width:80%; margin-top:20px;}
	.bookBar__input{width:120px;}
	
	.homepanel .text-side p{font-size:20px; line-height:30px;}
	.homepanel .homepanel-image{height:450px;}
	
	.page .homepanel h4 p{font-size:25px; line-height:40px;}
	.homepanel .text-side p {  font-size: 16px;  line-height: 28px;}	
}

@media only screen and (max-width: 797px) {

	.nav-bar {padding-top: 5px;}
	
	
	/*menu area tabs*/
	.choicesbar{background:none;}
	.menu-active{border-color: rgba(203, 195, 183, 0.3) rgba(203, 195, 183, 0.3) rgba(203, 195, 183, 0.3);}
	
	/*gallery menu options*/
	.gallery-select{margin:30px 20px;}
	
	
	.page-template-page-whats-on .whatson-events .whatson-event-link{width:100%; display:block !important; margin-left:0 !important; margin-bottom:20px; padding-left:10px; padding-right:10px;}
	.page-template-page-whats-on .whatson-events .whatson-event-link .box-link{width:100%; display:block !important;  text-align:center;}
	
	
	
	

}

@media only screen and (max-width: 777px) {
	/*stack homepage hero panels*/
	.hero-left {height: 45vh;  left: 0;  position: absolute;  top: 10vh;  width: 100%;}
	.hero-left p{margin-top:30px;}
	.hero-right {  display: block;  left: 0;  position: absolute;  top: 55vh;  width: 100%;}
	.hero-right-inner { display: inline-block;  height: 45vh;  overflow: hidden;  width: 66.6vw;}
	.hero-slot1, .hero-slot2{width:33.3vw;}
	.hero-slot2 {display: block;  height: 45vh;  left: 33.3vw;  position: absolute;  top: 0;  width: 33.3vw;}
	.hero-cycler div{width:33.3vw;}
	.hero-slot3{height:45vh; width:33.3vw;}
	.hero-slot3 div{height:45vh; width:33.3vw;}
	.hero-right p{font-size:15px; line-height:20px;}
	.home .hero h1{margin-top:7vh;}
	.hero-image p::before, .hero-cycler::before{width:33.3vw;}	

	
	/*stack home / about panel content*/
	.homepanel{display:block;}
	.homepanel .homepanel-image{display:block; width:100%;}
	.homepanel.image-left .text-side{padding-left:0; width:100%;}
	
	.homepanel.image-right .text-side{padding-right:0; width:100%;}
	.homepanel .text-side{display:block;}
	.homepanel .text-side a{margin-bottom:50px;}
	.homepanel.image-right .homepanel-image{/*float:left;*/}
	
	/*homepage&about stack issue fix for right-side*/
	.homepanel.image-right{display:flex; flex-direction: column;}
	.homepanel.image-right .text-side{order:2; display:block; width:100%; }
	.homepanel.image-right .homepanel-image{order:1; display:block; width:100%; }	
	
	.page .hero::after{margin-top:39vh;}
	
	.home .hero h1{width:250px;}
	.hero-left {padding-left: 40px;}
	
	
	
	
		.hero-left p {
  color: #fff;
  font-family: "theano_didotregular";
  font-size: 18px;
  letter-spacing: 0.9px;
  line-height: 28px;
  margin-top: 16px;
  width: 80%;
}

.hero-right p{padding:0;}


	/*mobile top logo*/
	.nav-logo-center { display: block;  margin-top: 27px;  position: absolute;  top: 0; margin-left:20px;}
	.nav-reservations.box-link{margin-left:120px; padding:10px; font-size:10px;}
	

}

@media only screen and (max-width: 685px) {
	.page .hero h1{font-size:40px;}
}


@media only screen and (max-width: 600px) {
	.bookbar{display:none;}
	.page-id-22 .hero h1{font-size:25px;} /*terms and conditions h1 title*/
	.homepanel .homepanel-image {  height: 250px; margin-bottom:20px;}
	.homepanel{padding:40px;}
	
	
	.popups.active{overflow:auto;}
	.newsletter h3 {  font-size: 20px;  line-height: 25px;  padding-bottom: 10px;  text-align: left;}
	
	.popup-box{padding-top:30px;}
	.popup-box p{display:none;}
	
	.mobile-hide{display:none;}
	
	.newsletter .dob{}
	.newsletter .dob label {  display: inline-block;  font-weight: normal;  margin: 0 10% 0 0;  width: 5%;  font-family: "theano_didotregular";  font-size:11px; }
	.newsletter .dob input{display:inline-block; width:79%; vertical-align:inherit;}
	
	.newsletter .close-button{padding: 5px 20px 20px;}
	
	
	

	

}








  /*
    ipad landscape
    */
    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape) {
      
    .home .hero h1{margin-top:20vh;}
    .hero-left p{width:80%;}
	
	.newsletter h3 {  font-size: 20px;  line-height: 25px;  padding-bottom: 10px;  text-align: left;}
		.newsletter .dob{}
	.newsletter .dob label {  display: inline-block;  font-weight: normal;  margin: 0 10% 0 0;  width: 5%;  font-family: "theano_didotregular";  font-size:11px; vertical-align:top; text-align: left;}
	.newsletter .dob input{display:inline-block; width:79%; vertical-align:middle; padding:0; margin:0;}
      
	.nav-bar {padding-top: 5px;}  
	
	.explore-home{margin-top:85vh;}
	  
    }



    
    /*
    ipad vertical
    */
    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : portrait)
    
     {
		 
	/*mobile top logo*/
	.nav-logo-center {  margin-top: 35px; }		 

	.home .hero h1{margin-top:15vh;}
	.homepanel .text-side h2{margin-top:30px;}


.newsletter h3 {  font-size: 20px;  line-height: 25px;  padding-bottom: 10px;  text-align: left;}
	.newsletter .dob{}
	.newsletter .dob label {  display: inline-block;  font-weight: normal;  margin: 0 10% 0 0;  width: 5%;  font-family: "theano_didotregular";  font-size:11px; vertical-align:top; text-align: left;}
	.newsletter .dob input{display:inline-block; width:79%; vertical-align:middle; padding:0; margin:0;}
  
      .contact-left-container p, .contact-left-container p a, .contact-left-container h5{font-size:14px; line-height:20px;}
	  .contact-left-container p a{font-size:13px;}
	  .contact-left-container .w-col-12{margin-top:40px;}
	  
	  .explore-home{margin-top:89vh;}
    }
	
	
	
	/*iPhone 6 Media Queries
iPhone 6 in portrait & landscape*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 

	

}
	/*iPhone 6 in landscape*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { }

/*iPhone 6 in portrait*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

	
	/*
	
iPhone 5 & 5S Media Queries
iPhone 5 & 5S in portrait & landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { /* STYLES GO HERE */}

/*iPhone 5 & 5S in landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { /* STYLES GO HERE */}
/*iPhone 5 & 5S in portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { /* STYLES GO HERE */ }





/*iPhone 2G, 3G, 4, 4S Media Queries
It's noteworthy that these media queries are also the same for iPod Touch generations 1-4.

iPhone 2G-4S in portrait & landscape*/
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) { 
	.hero-left{padding-left:30px;}
	.home .hero h1{width:200px; margin-top:10vh;}
	.hero-left p{font-size: 15px; line-height: 16px; margin-top: 8px; width:90%;}

}
/*iPhone 2G-4S in landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { 

	.hero-left{padding-left:30px;}
	.home .hero h1{width:200px; margin-top:10vh;}
	.hero-left p{font-size: 15px; line-height: 16px; margin-top: 8px;  width:90%;}

}
/*iPhone 2G-4S in portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { /* STYLES GO HERE */ }	
	
	
	
	
	
	
	
/*this query for netbooks & landscape small tablets*/
	
@media only screen and (min-width : 600px) and (max-height: 600px) {
	.home .hero h1{margin-top:20vh;}
	.hero-left {  padding-left: 40px;}
	.hero-left p{margin-top:40px;}
}	




/* Featured Events Slider */
.page-template-page-whats-on .featured-events-slider,
.page-template-page-whats-on-new__home .featured-events-slider{
  margin-bottom:30px;
}
.page-template-page-whats-on .featuredEventSlide,
.page-template-page-whats-on-new__home .featuredEventSlide{ 
  background-size: cover;
  background-position:center center;
  width: 100%;
  height: 402px;

}    
.page-template-page-whats-on .owl-item .flex-caption,
.page-template-page-whats-on-new__home .owl-item .flex-caption{
  position:absolute; 
  bottom:0; 
  width:100%; 
  background: linear-gradient(transparent, #000); 
  padding-bottom:20px; 
  padding-top:50px;
}
.page-template-page-whats-on .owl-item .flex-caption h2, 
.owl-item .flex-caption p,
.page-template-page-whats-on-new__home .owl-item .flex-caption h2{ 
  width:95%; 
  padding:0; 
  margin:0; 
  margin-left:2.5%;  
  color:#fff; 
  text-shadow:1px 1px 2px #000000;
}
.page-template-page-whats-on .owl-item .flex-caption p,
.page-template-page-whats-on-new__home .owl-item .flex-caption p{
  font-size:14px; 
  line-height:17px;
}
.page-template-page-whats-on .owl-item a,
.page-template-page-whats-on-new__home .owl-item a{
  text-decoration:none;
}






.header-phone-number {
  position: absolute;
  right: 90px;
  top: 35px;
  font-size: 20px;
  color: #5c707c;
}
.header-phone-number__mob {
  display: none;
  margin-top: -7px;
  margin-right: -20px;
}
.header-phone-number__mob img {
  width: 20px;
  height: 20px;
}
@media all and (max-width: 600px) {
  .header-phone-number__desktop {
    display: none;
  }
  .header-phone-number__mob {
    display: block;
  }
  .nav-logo-center {
    margin-left: 0;
  }
  .nav-reservations.box-link {
    margin-left: 105px;
  }
}
@media all and (max-width: 375px) {
  .header-phone-number__mob {
    margin-right: 0;
  }
  .header-phone-number {
    right: 54px;
    top: 38px;
  }
}
@media all and (max-width: 350px) {
  .header-phone-number__mob {
    display: none;
  }
}





@media all and (max-width: 600px) {
  .header .nav-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 0;    
  }

  .header .nav-bar .box-link.nav-reservations {
    display: none;
  }

  .header .nav-bar .box-link:not(.nav-reservations) {
    margin-top: 0;
    padding: 10px 15px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;   
  }

  .header .nav-bar .nav-logo-center {
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 0;    
  }

  .header .nav-bar .nav-hamburger {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 0;
    float: none;
  }
}