/*
Theme Name: Chez Bruce
Theme URI: http://www.chezbruce.co.uk/
Description: Bespoke theme for Chez Bruce
Author: Awake Digital
Author URI: http://www.awakedigital.com/
Version: 1.0
Tags: 

License:
License URI:
*/

/**
 * @license
 * MyFonts Webfont Build ID 3316116, 2016-12-01T14:09:44-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: Museo-300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo/300/
 * Copyright: Copyright (c) 2008 by Jos Buivenga/exljbris. All rights reserved.
 * Licensed pageviews: Unlimited
 * 
 * Webfont: MuseoSans-300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/300/
 * Copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
 * Licensed pageviews: 500,000 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3316116
 * 
 * © 2016 MyFonts Inc
*/

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

@font-face {font-family: 'Museo Slab 300';src: url('webfonts/329994_0_0.eot');src: url('webfonts/329994_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/329994_0_0.woff2') format('woff2'),url('webfonts/329994_0_0.woff') format('woff'),url('webfonts/329994_0_0.ttf') format('truetype');}
@font-face {font-family: 'Museo Sans 300';src: url('webfonts/329994_1_0.eot');src: url('webfonts/329994_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/329994_1_0.woff2') format('woff2'),url('webfonts/329994_1_0.woff') format('woff'),url('webfonts/329994_1_0.ttf') format('truetype');}



body
{
  position: relative;
  margin: 0;
  font-size: 12px;
  font-family:"Museo Sans 300", Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight:300; font-style:normal;
  text-align: center;
  background-color: #191A1B;/*#CECDCB;*//*#1A1B1C;*/
}
.inner
{
  clear: both;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4.3%;
  padding-right: 4.3%;
  text-align: left;
}





p
{
  line-height: 1.6em;
}
a, a:link, a:active, a:visited { color: black; }
a img { border: none; }
a.thumbnail img { border: 1px solid white; }
a.thumbnail:hover img { border: 1px solid black; }

img { max-width: 100%; height: auto; }





#backgroundSlideshow
{
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom: 0;
  z-index: -1;
  width: 100%;
}
.slide
{
  right: 0;
  bottom: 0;
  font-size: 150px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}





#main
{
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
#main,
.slide
{
  background-color: #CECDCB;
}
.home #main { background-color: transparent; }
#main > .inner
{
  position: relative;
  min-height: 550px;
  padding-top: 30px;
  padding-bottom: 150px;
}
@media only screen and (max-height: 800px) { #main > .inner { min-height: 400px; } }
@media only screen and (max-height: 600px) { #main > .inner { min-height: 300px; } }
@media only screen and (max-height: 400px) { #main > .inner { min-height: 200px; } }
@media only screen and (max-height: 320px) { #main > .inner { min-height: 100px; } }
#main > .inner strong
{
  font-weight: 600;
}
.home #main > .inner
{
  padding-bottom: 50px;
}





#header .topbar
{
  background: url(images/i_header.png);
}
#header .topbar .inner {
  height: 50px;
}
@media only screen and (max-width: 999px) {
  #header .topbar .inner { position: relative; }
}
#header .topbar-shadow
{
  height: 24px;
  background: url(images/i_header-shadow.png) top no-repeat;
}
a#logo
{
  float: left;
  max-width: 67%;
  padding-top: 15px;
  letter-spacing: 0.3em;
  font: normal 27px "Times New Roman";
  text-decoration: none;
  color: white;
}





#mainmenu-trigger svg {
  float: right;
  width: 25px;
  height: 21px;
  margin: 0 20px;
  stroke: white;
  stroke-width: 0.8;
  cursor: pointer;
}
#mainmenu-trigger svg .cross { opacity: 0; }
/*#mainmenu-trigger.active svg { stroke: #d7284d; }*/
#mainmenu-trigger.active svg .burger { opacity: 0; }
#mainmenu-trigger.active svg .cross { opacity: 1; }
@media only screen and (min-width: 1000px) {
  #mainmenu-trigger { display: none; }
}
ul#mainmenu
{
  float: right;
  margin: 0;
  padding: 17px 0 0 0;
  list-style: none;
  text-align: right;
}
@media only screen and (max-width: 999px) {
  ul#mainmenu {
    display: none;
    position: absolute;
    z-index: 100;
    top: 50px;
    right: 0;
    padding: 17px 20px 0 10px;
    background: /*#191a1b*/rgba(0,0,0,0.84);
  }
}
@media only screen and (min-width: 1000px) {
  ul#mainmenu { display: block !important; }
  ul#mainmenu li
  {
    float: left;
    /*display: inline;*/
    height: 13px;
    /*margin-left: 15px;
    padding-left: 15px;*/
    padding: 0 15px;
    background: url(images/i_mainmenu-divider.png) left 1px no-repeat;
  }
  ul#mainmenu li:first-child
  {
    /*margin-left: 0px;
    padding-left: 0px;*/
    background: none;
  }
}
ul#mainmenu li a
{
  display: block;
  height: 33px;
  /*font-size: 12px;*/
  /*font-family:"Futura Light", 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size-adjust:0.46; font-weight:200; font-style:normal;*/
  text-decoration: none;
  text-transform: uppercase;
  color: #A8A8A8;
  cursor: pointer;
}
@media only screen and (max-width: 999px) {
  ul#mainmenu li a {
    padding: 0 20px;
  }
}
/*@media only screen and (min-width: 1000px) {*/
  ul#mainmenu li a:hover,
  ul#mainmenu li a.selected,
  ul#mainmenu li.current-menu-item a
  {
    color: white;
  }

  /* CSS-ONLY DROPDOWN MENU */
  /*ul#mainmenu li:hover
  {
   background: url(images/i_submenu-spike-pink.png) bottom no-repeat;
  }*/
  /*ul#mainmenu li:hover ul{visibility:visible;}*/
  
  /* JQUERY DROPDOWN MENU */
  ul#mainmenu li.selected
  {
    /*background: url(images/i_submenu-spike-pink.png) bottom no-repeat; SEE COLOUR CODE SECTION BELOW*/
  }
/*}*/





@media only screen and (min-width: 1000px) {
  ul#mainmenu ul
  {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 60px;
    /*margin: 0 auto;*/
    padding: 9px 0 0 0;
    list-style: none;
    text-align: center;
    /*background: url(images/i_submenu-bar-pink.png); SEE COLOUR CODE SECTION BELOW*/
    /*background: #D52C50;*/
    /*background: rgba(213,44,80,0.9);*/
  }
}
@media only screen and (max-width: 999px) {
  ul#mainmenu ul {
    /*display: block !important;
    opacity: 1 !important;*/
    display: none;
    margin: 0;
    padding: 0 15px;
    list-style: none;
    /*text-align: left;*/
  }
}
/*ul#mainmenu li.current-menu-item ul.sub-menu
{
  display: block;
}*/
ul#mainmenu ul { font-size: 0.9em; }

@media only screen and (min-width: 1000px) {
  ul#mainmenu ul li
  {
    display: inline;
    float: none;
  }
  ul#mainmenu ul li a
  {
    display: inline;
    text-decoration: none;
    color: white !important;
  }
  ul#mainmenu ul li a:hover,
  ul#mainmenu ul li.current-menu-item a
  {
    text-decoration: underline;
    /*color: #444 !important;*/
  }
}
@media only screen and (max-width: 999px) {
  ul#mainmenu ul li a:hover,
  ul#mainmenu ul li.current-menu-item a
  {
    color: white;
  }
}





#social
{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 0 !important;
}
#social .inner
{
  max-width: 1000px;
  height: 0 !important;
  padding: 14px 0 0 0;
}
#twitter
{
  float: right;
  /*position: absolute;
  top: 14px;
  right: 0px;*/
  width: 21px;
  height: 21px;
  background: url(images/b_twitter.png) no-repeat;
}




.box { font-size: 14px; }
.box.black,
.box.white
{
  min-height: 300px;
  padding: 15px 30px 50px 30px;
}
@media only screen and (max-width: 720px) {
  .box > table.cols-50 td {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  body.page-template-page-gallery .box.black { padding: 0; }
}
.box.narrow { max-width: 250px; }
.box.short { min-height: 150px !important; }

.box.keypeople { max-width: 470px; }
.box.keypeople td { vertical-align: top; }
@media only screen and (max-width: 580px) {
  .box.keypeople table,
  .box.keypeople tbody,
  .box.keypeople tr { display: inline; }
  .box.keypeople td {
    float: left;
    width: 50%;
    padding: 0 0 20px 0;
  }
}

.box.booking { width: 300px; }

#target.booking { margin-left: 30px; }

#booking { padding: 40px 0 0 40px; }

.box.black  { background: url(images/i_blackbox.png); }
.box.white  { background: url(images/i_whitebox.png); }
.box.quote
{
  position: relative;
  width: 260px;
  min-height: 0;
  margin-top: -15px;
  /*margin-top: 30px;
  margin-bottom: 180px;*/
  /*padding: 45px 40px 15px 20px;*/
  padding: 15px 30px;
  font-size: 20px;
  font-family:"Museo Slab 500", Rockwell, Georgia, serif; font-weight:500; font-style:normal;
}
.box.quote p
{
  margin: 10px 0;
  line-height: 1.3em;
}
.box.quote h6
{
  margin: 0;
  font-size: 11px;
  font-family:"Museo Sans 300", Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight:300; font-style:normal;
  font-style: normal;
  font-weight: normal;
}
.box.quote.black h6 { color: #969696; }
.box.quote.white h6 { color: #A6A6A6; }
.box.quote.black { color: #ccc9cb; }
.box.quote.white { color: #333; }
.box.quote .quotecorner
{
  position: absolute;
  top: 0;
  left: -13px;
  width: 93px;
  height: 47px;
}
.box.quote.white .quotecorner { background: url(images/i_whitebox-quote-corner.png) no-repeat; }
.box.quote.black .quotecorner { background: url(images/i_blackbox-quote-corner.png) no-repeat; }





/*.whitebox.home
{
  min-height: 0;
  height: auto;
  padding-bottom: 30px;
}
.box td:first-child
{
  padding-right: 120px;
}*/
.box h1
{
  font-size: 26px;
  font-weight: normal;
  font-family:"Museo Slab 300", Rockwell, Georgia, serif; font-weight:300; font-style:normal;
  /*font-family:"Museo Slab 500", Rockwell, Georgia, serif; font-weight:500; font-style:normal;*/
}
/*.box h1 + p
{
  font-size: 14px;
  line-height: 1.4em;
}*/
.box h1,
.box h2
{ 
  color: #cd2ba1;
}
.box hr
{
  border: none;
  border-top: 1px solid #DDD;
}




.whitebox.home {
  overflow: hidden;
  position: absolute;
  bottom: 5em;
  width: 33%;
  padding: 1em 2em;
  background: rgba(255,255,255,0.9);
}
/*.whitebox.home
{
  height: 160px;
  padding-top: 25px;
}
.whitebox.home,
.whitebox.home a
{
  color: #616161;
}
.whitebox.home .column
{
  float: left;
}
.whitebox.home .column.one
{
  width: 300px;
  padding-right: 40px;
}
.whitebox.home .column.two
{
  width: 200px;
  padding-left: 25px;
  padding-right: 25px;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
}
.whitebox.home .column.three
{
  width: 243px;
  padding-left: 25px;
}

*/
.whitebox.home h3
{
  margin-top: 0.5em;
  font-family:"Museo Slab 300", Rockwell, Georgia, serif; font-weight:300; font-style:normal;
  font-size: 18px;
  letter-spacing: 1px;
}
.whitebox.home .column.one h3 { color: #d7284d; }
/*
.whitebox.home .column.two h3 { color: #9fbb10; }
.whitebox.home .column.three h3 { color: #9c2795; }*/
/*.whitebox.home .column.one p { width: 200px; }*/


/*.whitebox.home a
{
  padding-top: 2px;
  padding-left: 25px;
  padding-bottom: 2px;
  font-weight: bold;
  text-decoration: none;
}
.whitebox.home a:hover
{
  color: black;
}
.whitebox.home .column.one a
{
  background: url(images/i_red-bullet.png) left no-repeat;
}
.whitebox.home .column.three a
{
  background: url(images/i_purple-bullet.png) left no-repeat;
}*/


/*.whitebox.home ul,*/
#footer ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}
/*.whitebox.home ul li
{
  padding-bottom: 10px;
  display: block;
  padding: 5px 0 5px 28px;
  text-decoration: none;
}
.whitebox.home .column.two li
{
  background: url(images/i_green-bullet.png) left no-repeat;
}*/





.alignright
{
  float: right;
  margin-left: 15px;
}
.alignleft
{
  float: left;
  margin-right: 15px;
}




/*#galleria { max-width: 100%; height: 500px; background: #000; }*/
#galleria .galleria-errors { display: none; }





/* COLOUR CODING & MENU POSITIONING *******************************************/

.top-parent-pageid-2 .box.white h1,
.top-parent-pageid-2 .box.white h2,
ul#mainmenu li#menu-item-14.current-menu-ancestor > a
{
  color: #d16000;
}
@media only screen and (min-width: 1000px) {
  ul#mainmenu li#menu-item-14.selected > a/*,
  ul#mainmenu li#menu-item-14.current-menu-item > a*/
  {
    background: url(images/i_submenu-spike-orange.png) bottom no-repeat;
  }
  ul#mainmenu li#menu-item-14 ul
  {
    background: url(images/i_submenu-bar-orange.png) repeat-x;
  }
  ul#mainmenu li#menu-item-14 ul li
  {
    position: relative;
    left: -10px;
  }
}


.top-parent-pageid-8 .box.white h1,
.top-parent-pageid-8 .box.white h2,
ul#mainmenu li#menu-item-12.current-menu-ancestor > a
{
  color: #9c2795;
}
@media only screen and (min-width: 1000px) {
  ul#mainmenu li#menu-item-12.selected > a/*,
  ul#mainmenu li#menu-item-12.current-menu-item > a*/
  {
    background: url(images/i_submenu-spike-purple.png) bottom no-repeat;
  }
  ul#mainmenu li#menu-item-12 ul
  {
    background: url(images/i_submenu-bar-purple.png) repeat-x;
  }
  ul#mainmenu li#menu-item-12 ul li
  {
    position: relative;
    left: 50px;
  }
}


.top-parent-pageid-55 .box.white h1,
.top-parent-pageid-55 .box.white h2,
ul#mainmenu li#menu-item-55.current-menu-ancestor > a,
ul#mainmenu li#menu-item-145.current-menu-item > a
{
  color: #9fbb10;
}
@media only screen and (min-width: 1000px) {
  ul#mainmenu li#menu-item-55.selected > a/*,
  ul#mainmenu li#menu-item-55.current-menu-item > a*/
  {
    background: url(images/i_submenu-spike-green.png) bottom no-repeat;
  }
  ul#mainmenu li#menu-item-55 ul
  {
    background: url(images/i_submenu-bar-green.png) repeat-x;
  }
  ul#mainmenu li#menu-item-55 ul li
  {
    position: relative;
    left: -9px;
  }
}


ul#mainmenu li#menu-item-142.current-menu-item > a
{
  color: #29a4c8;
}


.top-parent-pageid-19 .box.white h1,
.top-parent-pageid-19 .box.white h2,
ul#mainmenu li#menu-item-147.current-menu-ancestor > a
{
  color: #d7284d;
}
@media only screen and (min-width: 1000px) {
  ul#mainmenu li#menu-item-147.selected > a/*,
  ul#mainmenu li#menu-item-147.current-menu-item > a*/
  {
    background: url(images/i_submenu-spike-pink.png) bottom no-repeat;
  }
  ul#mainmenu li#menu-item-147 ul
  {
    background: url(images/i_submenu-bar-pink.png) repeat-x;
  }
  ul#mainmenu li#menu-item-147 ul li
  {
    position: relative;
    left: 180px;
  }
}


.top-parent-pageid-21 .box.white h1,
.top-parent-pageid-21 .box.white h2,
ul#mainmenu li#menu-item-151.current-menu-ancestor > a
{
  color: #d3b801;
}
@media only screen and (min-width: 1000px) {
  ul#mainmenu li#menu-item-151.selected > a/*,
  ul#mainmenu li#menu-item-151.current-menu-item > a*/
  {
    background: url(images/i_submenu-spike-yellow.png) bottom no-repeat;
  }
  ul#mainmenu li#menu-item-151 ul
  {
    background: url(images/i_submenu-bar-yellow.png) repeat-x;
  }
  ul#mainmenu li#menu-item-151 ul li
  {
    position: relative;
    left: 150px;
  }
}


.top-parent-pageid-28 .box.white h1,
.top-parent-pageid-28 .box.white h2,
ul#mainmenu li#menu-item-153.current-menu-ancestor > a
{
  color: #7b45a8;
}
@media only screen and (min-width: 1000px) {
  ul#mainmenu li#menu-item-153.selected > a/*,
  ul#mainmenu li#menu-item-153.current-menu-item > a*/
  {
    background: url(images/i_submenu-spike-blue.png) bottom no-repeat;
  }
  ul#mainmenu li#menu-item-153 ul
  {
    background: url(images/i_submenu-bar-blue.png) repeat-x;
  }
  ul#mainmenu li#menu-item-153 ul li
  {
    position: relative;
    left: 250px;
  }
}


.top-parent-pageid-31 .box.white h1,
.top-parent-pageid-31 .box.white h2,
ul#mainmenu li#menu-item-156.current-menu-ancestor > a
{
  color: #399b98;
}
@media only screen and (min-width: 1000px) {
  ul#mainmenu li#menu-item-156.selected > a/*,
  ul#mainmenu li#menu-item-156.current-menu-item > a*/
  {
    background: url(images/i_submenu-spike-teal.png) bottom no-repeat;
  }
  ul#mainmenu li#menu-item-156 ul
  {
    background: url(images/i_submenu-bar-teal.png) repeat-x;
  }
  ul#mainmenu li#menu-item-156 ul li
  {
    position: relative;
    left: 260px;
  }
}

/* END COLOUR CODING **********************************************************/





#fancybox-left,
#fancybox-right
{
  display: inline !important;
  visibility: visible !important;
}
#fancybox-left span { left: 20px; }
#fancybox-right span
{
	left: auto;
	right: 20px;
}





.ninja-forms-form-wrap
{
  /*position: relative;*/
  font-size: 12px;
}
.ninja-forms-no-display { display: none; }

.ninja-forms-form-wrap .field-wrap
{
  clear: left;
  margin-bottom: 10px;
}
.label-left label
{
  float: left;
  width: 160px;
  margin-right: 10px;
  text-align: right;
}
.ninja-forms-form-wrap textarea,
.ninja-forms-form-wrap input[type="text"]
{
  width: 160px;
  padding: 2px 5px;
  border: 1px solid #AAA;
}
.ninja-forms-form-wrap textarea:focus,
.ninja-forms-form-wrap input[type="text"]:focus
{
  border: 1px solid #666;
  background: #FCEBEF;
}
.ninja-forms-req-symbol
{
  font-size: 20px;
  margin: 0 5px;
  color: red;
}
.ninja-forms-field-error
{
  padding-right: 20px;
  text-align: right;
  color: red;
}
.ninja-forms-field-error p { line-height: 0; }

/*.OT_searchTimeField,
.OT_searchTimeField:focus,
.OT_searchDateField,
.OT_searchDateField:focus,
.OT_searchPartyField,
.OT_searchPartyField:focus
{
  width: 110px !important;
  border: none !important;
  background: white;
}*/
.ui-datepicker .ui-widget-header
{
  font-size: 9px !important;
}
/*.ui-datepicker-title
{
  margin-left: 0 !important;
  font-size: 9px !important;
}*/
.ninja-forms-form-wrap .submit-wrap { text-align: center; }

.ninja-forms-success-msg
{
  margin-top: 50px;
  color: green;
}





#footer { padding-top: 12px; }

#footer/*,
#footer .inner*/
{
  background: url(images/i_footer.png) top repeat-x #191A1B;
}
#footer .inner
{
  padding-top: 20px;
  /*padding-bottom: 50px;*/
  font-family: Georgia;
  font-style: italic;
  color: #c7c5c5;
}
#footer .column
{
  float: left;
  width: 170px;
  margin-left: 50px;
  margin-bottom: 30px;
}
#footer .column.one
{
  width: 240px;
  margin-left: 0;
}
#footer .column.three
{
  margin-left: 0;
}
#footer .column.four
{
  width: 190px;
  margin-left: 30px;
}
#footer .column h3
{
  margin-bottom: 0;
  font: normal 18px "Times New Roman";
  letter-spacing: 0.2em;
}
#footer .column ul:first-child,
#footer .column p:first-child
{
  margin-top: 50px;
}
#footer #signature
{
  clear: both;
  margin-top: 18px;
  padding: 15px 0 30px 0;
  font: normal 10px Arial, Helvetica, Sans-Serif;
  color: #888787;
  border-top: 1px solid #333;
}
#footer #signature a
{
  text-decoration: none;
  color: #888787;
}
#footer #signature a:hover
{
  text-decoration: underline;
}





#footer ul li
{
  padding-bottom: 6px;
}
#footer ul a,
#footer span.bullet
{
  margin-left: 20px;
  padding-left: 20px;
  white-space: nowrap;
  background: url(images/i_grey-purple-bullet.png) left no-repeat;
}
#footer .textwidget span { 
  line-height: 2em;
  white-space: nowrap;
}
@media only screen and (max-width: 480px) { #footer .textwidget span { display: block; } }

#footer span.bullet a { color: #c7c5c5; }
#footer span.bullet a:hover { color: #eb074d; }

#footer ul.contact li
{
  display: inline;
  padding: 5px 0 5px 32px;
  text-decoration: none;
  color: #c7c5c5;/*#6E6E6E;*/
  background: url(images/i_grey-pink-bullet.png) left no-repeat;
}
#footer ul.contact li
{
  background: url(images/i_grey-purple-bullet.png) left no-repeat;
}
#footer ul a:hover
{
  color: #eb074d;
}