@font-face {
  font-family: 'bluefin-icomoon';
  src: url('/wp-content/themes/brandstyle1/fonts/bluefin-icomoon.eot');
  src: url('/wp-content/themes/brandstyle1/fonts/bluefin-icomoon.eot?#iefix') format('embedded-opentype'),
  url('/wp-content/themes/brandstyle1/fonts/bluefin-icomoon.woff') format('woff'),
  url('/wp-content/themes/brandstyle1/fonts/bluefin-icomoon.ttf') format('truetype');
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'bluefin-icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sra2:before {
  color:#fff;
  content: "\e611";
  font-size: 45px;
  vertical-align: middle;
}

.icon-sra3:before {
  color:#fff;
  content: "\e610";
  font-size: 45px;
  vertical-align: middle;
}

.icon-rosette:before {
content: "\e600";
color:#ffffff;
font-size:26px;
position:relative;
top:-2px;
}

.icon-restaurants-twitter:before {
content: "";
color:#ffffff;
font-size:25px;
position:relative;
top:2px;
}

.icon-restaurants-twitter:hover:before {
opacity:0.5;
}

.icon-restaurants-twitter-footer:before {
content: "";
color:#D5D3D1;
font-size:25px;
position:relative;
top:2px;
}

.icon-restaurants-twitter-footer:hover:before {
opacity:0.5;
}

.icon-restaurants-facebook:before {
content: "";
color:#ffffff;
font-size:25px;
position:relative;
top:2px;
}

.icon-restaurants-facebook:hover:before {
Opacity:0.5;
}

.icon-restaurants-facebook-footer:before {
content: "";
color:#D5D3D1;
font-size:25px;
position:relative;
top:2px;
}

.icon-restaurants-facebook-footer:hover:before {
Opacity:0.5;
}

.icon-restaurants-instagram:before {
content: "";
color:#D5D3D1;
font-size:25px;
position:relative;
top:2px;
}

.icon-restaurants-instagram:hover:before {
opacity:0.5;
}

.icon-restaurants-instagram-footer:before {
content: "";
color:#D5D3D1;
font-size:25px;
position:relative;
top:2px;
}

.icon-restaurants-instagram-footer:hover:before {
Opacity:0.5;
}

/* What's On Social Icon style */
.addthis-iconfont .addthis_toolbox a {
    color:#3B5D5F;
}

.addthis-iconfont .addthis_toolbox a:hover {
    color:#FFFFFF;
}

body{background:url('../images/butlers/pattern-butlers-wharf.jpg');}
.content-section{background:none;}

    h2{color:#3B5D5F; font-size:28px; font-family: 'Trocchi', serif; font-weight: bold; border:none;}
    h3{color:#3B5D5F; font-size:22px; font-family: 'Trocchi', serif; font-weight: bold; border:none;}
    h4{color:#3B5D5F; font-size:24px; font-family: 'Trocchi', serif; font-weight: bold; border:none;}
    h4{font-size:16px}
    #content{font-family: 'Trocchi', serif;}
    body, p, .at{font-family: 'Trocchi', serif; font-size:16px; color:#626262; line-height:30px;}
    body{font-family: 'Trocchi', serif;}
    p a, a.whatson-panel-link, li a { color:#626262; text-decoration:underline;}
    p a:hover, .whatson-panel-link:hover, li a:hover{color:#271E17;}
    

    .header{background:#271E17;}
    .headeraddress, .headeremail{color:#DFDED5; font-family: 'Trocchi', serif;}
    .nav2{background:#3B5D5F; padding-top:4px;}
    .nav-item{color:#EBE8E0; font-family: 'Trocchi', serif; padding-right: 29px; }
    .nav-last{padding-right:0px;}
    .nav-item:hover{color:#271E17;}
    .underhero{background:rgba(39, 30, 23, 0.8); }
    .underhero h1{color:#EBE8E0; font-family: 'Trocchi', serif; font-weight:bold;  padding-top:12px; text-transform:none;}

    /*booking widget*/
    .booking-section{background:url('../images/butlers/bookatable-bg.jpg'); }
    h6{color:#385D66;font-size:17px; font-family: 'Trocchi', serif; font-weight:normal;}
    .w-button{background:#385D66; font-family: 'Trocchi', serif; font-weight:normal;}
    #bookForm--month{padding-left:0 !important;}
    /*
    
    home
    
    */
    .home #main{margin-top:178px;}
    .logo{position:relative; margin:0 auto; top:150px; width:500px;}
    
    
    .home #thumbnails{overflow:visible !important;}
    
    
    .panelback{#fff;}
    
    /*footer*/
    .footer{background:#362A22}
    .footerbar{background:#4A4039;}
    .group{margin-top:19px;}
    .footerlink, .footer-linksbottom, .footer-linksbottom a{font-family: 'Trocchi', serif; color:#D5D3D1; font-size:11px;}
    .footerlink:hover,.footer-linksbottom a:hover{color:#768D7F;}
    
    /*main slider*/
    #homeslider{position:relative; height:570px;}
    
    .message{display:none;}
    .selctions{background:#000; height:90px; opacity:0.7; padding-top:35px; margin-top:-90px; text-align:center;}
    .actualselector.sel{color:#385D66;}
    .actualselector{color:#271E17;}
    .actualselector-triangle{top:-13px;}
    
    .panelback{color:#fff;}
    /*parallax*/
    
    
    .home .caption{font-family: 'Trocchi', serif;  }
    .home #thumbnails{ font-family: 'Trocchi', serif; }
      

    /*at*/
    .atpageslider .flex-caption h2{font-family: 'Trocchi', serif; font-weight:bold;}
    
    

    
    
    /*home top flexslider (areas)*/
    .home .flex-caption {padding:40px; height:auto; top:35%;}
    .home .flex-caption h2{font-family: 'Trocchi', serif; font-weight:normal; font-size:20px;  display:inline; border-bottom:2px dashed #DDDBD0; color:#DDDBD0; padding-left:20px; padding-right:20px; padding-bottom:10px;}
    
    .home .flexslider{margin:0}
    /*homepanel widgets*/
    /*.homepanel h2{font-family: 'Trocchi', serif; font-size:26px; font-weight:400; padding-bottom:10px;}
        .homepanel h2.background--light{color:#4A4543;border-bottom:2px dashed #4A4543;}
      
        .homepanel h2.background--dark{color:#fff; border-bottom:2px dashed #fff;}
        
    .homepanelcontentdiv p{font-family: 'Trocchi', serif; font-size:14px; line-height:28px; padding-top:20px; padding-bottom:20px;}
        .homepanelcontentdiv p.background--light{color:#524131;}
        .homepanelcontentdiv p.background--dark{color:#DFDED5;}
        
            
    .homepanelcontentdiv p.more{padding-top:10px;}
        .homepanelcontentdiv p.more.background--light{border-top:2px dashed #385C68;}
        .homepanelcontentdiv p.more.background--light a{color:#385C68;}

        .homepanelcontentdiv p.more.background--dark{border-top:2px dashed #fff;}
        .homepanelcontentdiv p.more.background--dark a{color:#fff; }
*/
/*
    
    
    new homepage panels
    
    
    */
/*    .homepanel{border-top:2px solid #fff; background:#fff;}
    .full-section{margin-top:0; margin-bottom:0; }
    .homepanel .panel-gradient{width:90%; position:absolute; }
    .homepanel .panel-gradient.panel-left, .homepanel .panel-gradient.half-panel-left{
    
      height:100%;  left:0;
      background:linear-gradient(to left, rgba(255,255,255,0) 10%, #fff 40%,#fff 30% );
      background: -webkit-linear-gradient(right,  rgba(255,255,255,0) 10%, #fff 40%,#fff 30%);

    
    }
    .homepanel .panel-gradient.panel-right, .homepanel .panel-gradient.half-panel-right{
      
      height:100%; right:0;
      background:linear-gradient(to right, transparent 10%, #271E17 40%, #271E17 30%);
      background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 10%, #271E17 40%,#271E17 30%);
    }
    
    .homepanel .full-section{background-size:cover; background-position:50% 50%;}
    
    .homepanel .full-section .homepanelcontentdiv{position:absolute; width:100%;}
      
    .homepanel .full-section .homepanelcontentdiv h2{display:block}
    .homepanel h2{ font-size:30px; font-weight:400; padding-bottom:10px; border:none; text-transform:none; color:#333333;}
    
    .homepanel .full-section .homepanelcontentdiv .homepaneltext{width:50%;}
    .homepanel .full-section .panel-right .homepaneltext {float:right;}
    .homepanel .full-section .half-panel-right .homepaneltext {float:right;}
    .homepanel .full-section .panel-left .homepaneltext {float:left;}
    .homepanel .full-section .half-panel-left .homepaneltext {float:left;}

        
    .homepanel .full-section .panel-right  p, .homepanel .full-section .panel-right  h2{ color:#333333; float:right;}
    .homepanel .full-section .half-panel-right  p, .homepanel .full-section .half-panel-right  h2{ color:#DFDED5; float:right; text-align:right;}
    .homepanel .full-section .half-panel-right  h2{ color:#659999;}
    .homepanel .full-section .panel-right  p, .homepanel .full-section .panel-right  h2:after{clear:both;}
    .homepanel .full-section .half-panel-right  p, .homepanel .full-section .half-panel-right  h2:after{clear:both;}
    
    .homepanel .full-section  p{ color:#333; font-size:14px;  padding-top:20px; padding-bottom:20px;}
    .homepanel .full-section .homepaneltext{}
    
    
    .homepanel .full-section .half-panel-right p{border-top:2px dashed #fff; border-bottom:2px dashed #fff;}
    .homepanel .full-section .half-panel-left p{border-top:2px dashed #262623; border-bottom:2px dashed #262623;}
    
    
    .homepanelcontentdiv p.more{border:none;}
    .homepanelcontentdiv.half-panel-right{padding-right:0;}
    
    .homepanel .full-section .half-panel-right .button{border:1px solid #323232; }
    .homepanel .full-section .half-panel-right  .w-col-6{float:right;} */
    
            
    /* last homepage panel*/
    .calendar-section{background:url('../images/butlers/panel-bg3.jpg'); background-size:cover; margin-top:0; }
    

    
    #sequence{font-family: 'Trocchi', serif;}
    #sequence .actualtitle{font-size:27px; color:#4A4443; border-bottom:2px dashed #262623; border-top:2px dashed #262623; padding-top:20px; padding-bottom:20px; line-height:30px;}
    #sequence .slidetext{color:#A13357; line-height:23px;}
    #sequence .readmore{color:#3B5D5F; text-transform:uppercase; font-weight:700; margin-top:20px;}
    #sequence .readmore a{color:#3B5D5F; text-decoration:none;}
    #sequence .readmore:hover{color:#A13357;}
    
    #sequence .sequenceNav{background-color:#3B5D5F; height:35px;}
    #sequence .model{border:4px solid #403123;}
    
    /*buttons*/
    .w-button, .menus, .button.whatsbutton{font-family: 'Trocchi', serif; opacity:1; background:#3B5D5F; color:#fff; font-weight:normal;}
    .w-button:hover, .menus:hover, .button.whatsbutton:hover{background:#fff; color:#9CAEB3;}
    .menus.active{ background:#3B5D5F; opacity:1; color:#fff;}
    
        /*menu areas*/
        .choices {  /*border-bottom: 2px solid #fff;*/  margin-bottom: -2px;  margin-left:30px; margin-top:30px;}
        .choicesbar{height:1px; background:#3b5d5f; width:100%; margin-top:83px;}
        .menu-inactive {  background: #3B5D5F ; color:#fff; border: 1px solid #3B5D5F;  border-bottom:1px solid #3b5d5f;  display: inline-block;  margin: 0 3px 0 0;  padding: 0; text-decoration:none; }
        .menu-active {  background: none; color:#3b5d5f;  border: 1px solid #3b5d5f; border-bottom:1px solid #fff;  display: inline-block;  margin: 0 3px 0 0;  padding: 0;  text-decoration:none;}

        .choices h4{padding:3px; padding-left:20px; padding-right:20px; font-size:14px; font-weight:normal; width:175px; color:#3B5D5F;}
        .menu-inactive  h4{color:#fff;}

        
        .menu-title h2{padding-left:0;}
        .menu-title .page-intro{margin-left:0; left:35px;}
        .menu-info h3{text-align:left; margin-top:50px;}
        .menu-info p{text-align:left; margin:0;}
        
        .choices-title{ float:left; text-align:left;  padding-left:0px !important;}

    /*private dining*/
    .pdformblock{background:rgba(255, 255, 255, 0.5);}
    
    
    /*final general tweaks*/
    .underhero{background:rgba(39, 30, 23, 0.9)}
    .pdformblock{background:rgba(255, 255, 255, 0.5);}
    .artimicle{background:rgba(255, 255, 255, 0.5);}

    .reserve-text {font-size:15px;}

    /* Remove dots from buttons */
    .promotitlecircle {
        display:none;
    }

    .events-footer {
        border:2px dashed #262623;
        color:#3B5D5F;
    }

    .menu-active {
        border-bottom-color: #E0E0E0;
    }

    .whatson-article-image, .entry-thumbnail, .whatson-event-image, .event-content-area, .promo-block.eventtype, .square-image {
        border:8px solid #EBECEC;
    }

    .button.alternate {
        background:transparent !important;
        border:1px solid #3b5d5f;
        color: #3b5d5f;
    }

    .button.alternate:hover {
        background:#3b5d5f !important;
        border:1px solid #3b5d5f;
        color: #ffffff;
    }

.loc-icon {
  background: url('http://www.plateau-restaurant.co.uk/wp-content/themes/brandstyle1/images/groupsite-brands/chophouse/ButlersWharf-location.png') no-repeat;
  padding-left: 20px;
}

.mob-icon {
  background: url('http://www.plateau-restaurant.co.uk/wp-content/themes/brandstyle1/images/groupsite-brands/chophouse/ButlersWharf-phone.png') 0px 3px no-repeat;
  padding-left: 20px;
}

a.headeremail {
  background: url('http://www.plateau-restaurant.co.uk/wp-content/themes/brandstyle1/images/groupsite-brands/chophouse/ButlersWharf-email.png') 0px 4px no-repeat;
  padding-left: 20px;
}

.whatson-event-overlay {
    margin-top:22%;
    background: rgba(235,232,224, 0.7);
}

.whatson-panel-link {
    display:block;
    margin-top:20px;
    font-size: 14px;
}

/***********************
***** Inbox - Simon ****
***********************/


@media only screen and (max-width: 799px) {
      .x-nav2 .nav-item { background-color: #271E17!important; }
}

/*Menu Page: to improve UX*/
@media only screen and (max-width: 991px) {
  /*To Avoid Text leaking out*/
  .underhero h1 { font-size: 16px!important; }

  .choicesbar { display: none; }
  .menu-active { border-bottom: 1px solid #333; }
  .menu-inactive {border: 1px solid white; }
  .menu-active,
  .menu-inactive { margin-top: .5em; }

  .content-container { padding-top: 10px; }
  .content-container article { padding: .5em; }
  
  .choices {
    margin-top: 0;
    margin-left: 0;
  }
  .choices .choices-title {
    width: 100%;
    float: none;
    text-align: center;
  }
  .choices h4 { width: 167px; }

}
@media screen and (min-width: 800px) and (max-width: 990px) {
  .sequenceNav{width:24% !important;right:57%;}
  .sequence-canvas .readmoreOFF.w-col-4 .button.whatsbutton{padding: 1px;margin-top: -5px;}
}
@media only screen and (max-width: 768px) {
  .choices .w-col-9 {
    float: none;
    text-align: center;
  }

  .menu-title .page-intro h2 {
    font-size: 24px;
    margin-top: 15px;
    text-align: center;
  }

  .menu-separater { margin-top: 0; }
  .menu-title .page-intro h2 { padding-bottom: 5px; }
  .x-menus { margin-top: 0; }
  .x-menus .menus { width: 90%; }
  .x-menus .promo-block { display: none; }

  a.menu-pdf-link {
    padding: .5em 0;
    display: inline-block;
  }
  
  
  #mobile-book-btn-bottom a.button {
    border-bottom: none;
  }
}

@media only screen and (max-width: 330px) {
    .x-menus .menus { width: 96%; }
}

/* new panels! */
.cover {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}

.x-panel {
  overflow: hidden;
  border-top:2px solid #fff;
}

.x-panel--image-right,
.x-panel--image-left {
  background-color: white;
  padding: 50px 0;
}

@media (min-width: 30em) {
  .x-panel--image-right .x-panel__body,
  .x-panel--image-left .x-panel__body {
    padding: 0px 20px 0;
  }
}

.x-panel--center .x-panel__body ,
.x-panel--right .x-panel__body ,
.x-panel--left .x-panel__body  {
  padding: 50px 30px;
}

.x-panel__part {
  overflow: hidden;
}

@media (min-width: 30em) {
  .x-panel__part {
    width: 50%;
  }
  .x-panel--image-left .x-panel__part,
  .x-panel--left .x-panel__part {
    float: left;
  }
  .x-panel--image-right .x-panel__part,
  .x-panel--right .x-panel__part {
    float: right;
  }
  .x-panel--center .x-panel__part {
    margin: 0 auto;
  }
}

.x-panel__image {
  min-height: 300px;
}

.x-panel__body {
  padding: 10px 20px 20px;
  overflow: hidden;
}
.x-panel--center .x-panel__body,
.x-panel--right .x-panel__body,
.x-panel--left .x-panel__body {
  background-color: rgba(39, 30, 23, .85);
}
@media (min-width: 30em) {
  .x-panel__body {
    /*min-height: 300px;*/
  }
  .x-panel--image-right .x-panel__body {
    padding-right: 20px;
  }
  .x-panel--image-left .x-panel__body {
    padding-left: 20px;
  }
}

@media (min-width: 50em) {
  .x-panel__button {
    width: 50% !important;
  }
}

.x-panel--right p,
.x-panel--left p,
.x-panel--center p {
border-top: 2px dashed #fff;
border-bottom: 2px dashed #fff;
padding: 10px 0;
color: white;
}
.x-panel__body h2 {
  margin-top: 0 !important;
}

.x-panel--image-right p,
.x-panel--image-left p{
  padding: 10px 0;
  border-top: 2px dashed rgb(39, 30, 23);
  border-bottom: 2px dashed rgb(39, 30, 23);
}

.x-panel__image {
  border: 3px solid rgb(39, 30, 23);
}


/*new footer!*/
.x-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
}



.x-footer {
  font-family: 'Trocchi', serif;
  font-family: .8em;
  text-align: center;
  background: #362A22;
  color: white;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
}
.x-footer,
.x-footer * {
  line-height: 20px !important;
}
.x-footer a {
  text-decoration: none;
}
@media screen and (min-width: 940px) {
  .x-footer {
    text-align: left;
  }
}



.x-footer__nav {
  font-size: 12px;
  margin-bottom: 20px;
  margin-left: 15px;
}
@media screen and (min-width: 940px) {
  .x-footer__nav {
    margin-left: 0;
    margin-bottom: 15px;
    float: left;
  }
}

.x-footer__nav a {
  margin-right: 12px;
  color: white;
  text-decoration: none;
}



.x-footer__credits {
  font-size: 12px;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 20px;
  margin-right: 15px;
}
@media screen and (min-width: 940px) {
  .x-footer__credits {
    float: left;
  }
}

.x-footer__credits,
.x-footer__credits a {
  color: white;
}



.x-footer__social {
  padding-left: 12px;
  margin-bottom: 20px;
}
@media screen and (min-width: 940px) {
  .x-footer__social {
    display: none;
  }
}
.x-footer__social a {
  margin-right: 12px;
  text-decoration: none;
}


.x-footer__bottom {
  margin: 0;
}
@media screen and (min-width: 940px) {
  .x-footer__bottom {
    text-align: right;
    float: right;
    white-space: nowrap;
  }
}
.x-footer__bottom a {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  margin-bottom: 20px;
}

.x-footer__badges {
  display: inline-block;
  white-space: nowrap;
}
.x-footer__badges a {
  vertical-align: middle;
}



.x-signup-button {
  display: inline-block;
  position: relative;
  overflow: hidden;
  color: white;
  text-decoration: none;
  border: 1px solid #362A22;
  padding: 15px 60px 15px 15px;
  background-color: #3B5D5F;
  font-size: 13px;
}
.x-signup-button:after {
  display: block;
  position: absolute;
  content: '>';
  color: white;
  padding: 15px;
  text-align: center;
  border-left: 1px solid #362A22;
  top: 0;
  bottom: 0;
  right: 0;
  width: 15px;
  background-color: #3B5D5F;
  font-family: Verdana;
}


    
.mobile-post .wp-image-1163{
/*.postid-1162 .entry-content .wp-image-1163{*/
	/*display:block;*/]
	/*border:4px solid #000;*/
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
    
	
	}
	
#mobile-menu-trigger{color:#fff;}