/*variables*/
/*thus and such*/
body {
  padding-top: 0;
  background: transparent;
  overflow-x: hidden;
  color: #666666;
  font-family: 'Univers W01', sans-serif;
  font-size: 16px;
  position: relative;
  height: 100vh; }

.main-wrapper {
  position: relative; }

.header-wrapper.col-sm-3 {
  padding-left: 0;
  padding-right: 0;
  z-index: 100; }
  .header-wrapper.col-sm-3 .navbar {
    width: 100%; }

#content {
  position: relative;
  z-index: initial;
  background: #fff;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 300px; }
  #content:before {
    content: '';
    display: block;
    background: #000;
    opacity: .001;
    position: absolute;
    top: 0;
    bottom: -30px;
    left: -30px;
    right: -30px;
    z-index: -1; }
  #content h1 {
    color: #b5c633;
    text-transform: uppercase;
    letter-spacing: .025em; }
  #content img-shaded {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }

/* extra whitespace at bottom of pages that have less content 
     so it can't possibly expose BG above fold. 
     default above is 300px.  per Brandt. */
#content .post-584 {
  padding-bottom: 900px; }

/* animate page load, content slides up from offscreen */
#content {
  animation: slideup 2s 0 normal 1;
  animation-name: slideup;
  animation-duration: .5s; }

@keyframes slideup {
  0% {
    transform: translate(0, 1000px); }

  100% {
    transform: translate(0, 0); } }

.post-content section {
  padding-top: 60px; }

#content h3 {
  font-size: 20px;
  font-weight: 700; }

/* page position on mobile */
@media (max-width: 768px) {
  #content {
    position: relative;
    top: 200px; } }
/* WOOSH ON for devices with width >= 768 

Nav dropdowns and conent area with easing and bg overlays
Big picture dropdowns are also defined in this section

General nav styles are defined in a section further down this document

*/
@media (min-width: 768px) {
  .header-wrapper .navbar-header {
    float: none; }

  .col-sm-9.content-wrapper {
    padding-left: 0;
    padding-right: 0;
    z-index: 10;
    position: relative; }

  #content:before {
    content: '';
    left: -35%;
    right: 0; }

  .header-wrapper.col-sm-3 {
    /* dropdowns */
    /* Now let's play "name that background image" */ }
    .header-wrapper.col-sm-3 .navbar {
      width: 25vw;
      z-index: initial;
      margin-bottom: 0; }
      .header-wrapper.col-sm-3 .navbar .navbar-header {
        background: #fff;
        width: 100%; }
      .header-wrapper.col-sm-3 .navbar li {
        float: none;
        position: static; }
        .header-wrapper.col-sm-3 .navbar li .dropdown-menu {
          height: 100% !important;
          width: 75vw;
          display: block;
          top: 0;
          background: #fff;
          padding: 0;
          position: absolute;
          z-index: -1;
          transform: translateX(-100%);
          opacity: 0;
          transition: .5s ease;
          -webkit-transition: .5s ease-in-out;
          min-height: 471px; }
          .header-wrapper.col-sm-3 .navbar li .dropdown-menu li {
            float: left;
            transition: 2s ease;
            -webkit-transition: 2s ease;
            position: relative;
            z-index: 100;
            display: block;
            height: 100%;
            margin: 0 0 0 0;
            border-top: none;
            background: no-repeat center #fff;
            background-size: cover; }
            .header-wrapper.col-sm-3 .navbar li .dropdown-menu li:after {
              display: inline-block;
              position: absolute;
              background: no-repeat center;
              z-index: 1000; }
            .header-wrapper.col-sm-3 .navbar li .dropdown-menu li a, .header-wrapper.col-sm-3 .navbar li .dropdown-menu li > .active > a, .header-wrapper.col-sm-3 .navbar li .dropdown-menu li .active > a:hover, .header-wrapper.col-sm-3 .navbar li .dropdown-menu li .active > a:focus {
              display: block;
              position: relative;
              z-index: 10000;
              width: 100%;
              height: 100%;
              text-indent: -105vw;
              background: transparent;
              color: #666666;
              cursor: pointer !important; }
              .header-wrapper.col-sm-3 .navbar li .dropdown-menu li a:hover, .header-wrapper.col-sm-3 .navbar li .dropdown-menu li > .active > a:hover, .header-wrapper.col-sm-3 .navbar li .dropdown-menu li .active > a:hover:hover, .header-wrapper.col-sm-3 .navbar li .dropdown-menu li .active > a:focus:hover {
                background: #fff;
                opacity: .001; }
      .header-wrapper.col-sm-3 .navbar .dropdown.open .dropdown-menu {
        transform: translateX(25vw);
        opacity: 1; }
        .header-wrapper.col-sm-3 .navbar .dropdown.open .dropdown-menu:after {
          content: '';
          display: block;
          background: #000;
          opacity: .1;
          position: absolute;
          top: -100vh;
          bottom: -100vh;
          left: -50vh;
          right: 0;
          z-index: -1; }
    .header-wrapper.col-sm-3 .social .dropdown-menu li, .header-wrapper.col-sm-3 .events .dropdown-menu li {
      width: 50%; }
      .header-wrapper.col-sm-3 .social .dropdown-menu li:after, .header-wrapper.col-sm-3 .events .dropdown-menu li:after {
        content: '';
        height: 240px;
        width: 240px;
        top: 30%;
        left: calc(50% - 120px);
        box-shadow: 0 0 4px 1px #000; }
        .header-wrapper.col-sm-3 .social .dropdown-menu li:after img, .header-wrapper.col-sm-3 .events .dropdown-menu li:after img {
          max-width: 100%;
          height: 100%; }
    .header-wrapper.col-sm-3 .about .dropdown-menu li, .header-wrapper.col-sm-3 .food-menu .dropdown-menu li {
      /*on this one there are 3. that's fun */
      width: 33.33%; }
      .header-wrapper.col-sm-3 .about .dropdown-menu li:after, .header-wrapper.col-sm-3 .food-menu .dropdown-menu li:after {
        content: '';
        width: 170px;
        height: 170px;
        top: 36%;
        left: calc(39% - 46px);
        box-shadow: 0 0 4px 1px black; }
        .header-wrapper.col-sm-3 .about .dropdown-menu li:after img, .header-wrapper.col-sm-3 .food-menu .dropdown-menu li:after img {
          max-width: 100%;
          height: 100%; }
    .header-wrapper.col-sm-3 #menu-item-11 {
      background-image: url(/wp-content/themes/county_bench/images/food-bg.jpg); }
      .header-wrapper.col-sm-3 #menu-item-11:after {
        background-image: url(/wp-content/themes/county_bench/images/food-icons.svg); }
    .header-wrapper.col-sm-3 #menu-item-12 {
      background-image: url(/wp-content/themes/county_bench/images/drink-bg.jpg); }
      .header-wrapper.col-sm-3 #menu-item-12:after {
        background-image: url(/wp-content/themes/county_bench/images/drink-icons.svg); }
    .header-wrapper.col-sm-3 #menu-item-1008 {
      background-image: url(/wp-content/themes/county_bench/images/happy-hour-bg.jpg); }
      .header-wrapper.col-sm-3 #menu-item-1008:after {
        background-image: url(/wp-content/themes/county_bench/images/happy-hour-icon.svg); }
    .header-wrapper.col-sm-3 .about .dropdown-menu li:first-child {
      background-image: url(/wp-content/themes/county_bench/images/partners-bg.jpg); }
      .header-wrapper.col-sm-3 .about .dropdown-menu li:first-child:after {
        background-image: url(/wp-content/themes/county_bench/images/partners-icons.svg); }
    .header-wrapper.col-sm-3 .about .dropdown-menu li:nth-child(2) {
      background-image: url(/wp-content/themes/county_bench/images/team-bg.jpg); }
      .header-wrapper.col-sm-3 .about .dropdown-menu li:nth-child(2):after {
        background-image: url(/wp-content/themes/county_bench/images/team-icon.svg); }
    .header-wrapper.col-sm-3 .about .dropdown-menu li:nth-child(3) {
      background-image: url(/wp-content/themes/county_bench/images/craft-way-bg.jpg); }
      .header-wrapper.col-sm-3 .about .dropdown-menu li:nth-child(3):after {
        background-image: url(/wp-content/themes/county_bench/images/county-way-icon.svg); }
    .header-wrapper.col-sm-3 .events .dropdown-menu li:first-child {
      background-image: url(/wp-content/themes/county_bench/images/events-bg.jpg); }
      .header-wrapper.col-sm-3 .events .dropdown-menu li:first-child:after {
        background-image: url(/wp-content/themes/county_bench/images/county-calendar-icon.svg); }
    .header-wrapper.col-sm-3 .events .dropdown-menu li:nth-child(2) {
      background-image: url(/wp-content/themes/county_bench/images/private-events.jpg); }
      .header-wrapper.col-sm-3 .events .dropdown-menu li:nth-child(2):after {
        background-image: url(/wp-content/themes/county_bench/images/private-events-icon.svg); }
    .header-wrapper.col-sm-3 .social .dropdown-menu li:first-child {
      background-image: url(/wp-content/themes/county_bench/images/social-fb.jpg); }
      .header-wrapper.col-sm-3 .social .dropdown-menu li:first-child:after {
        background-image: url(/wp-content/themes/county_bench/images/facebook.svg); }
    .header-wrapper.col-sm-3 .social .dropdown-menu li:nth-child(2) {
      background-image: url(/wp-content/themes/county_bench/images/social-ig.jpg); }
      .header-wrapper.col-sm-3 .social .dropdown-menu li:nth-child(2):after {
        background-image: url(/wp-content/themes/county_bench/images/instagram.svg); } }
/*End Woosh*/
/******** Main Background ********/
/* extra small devices & defaults */
html {
  background: url(/wp-content/themes/county_bench/images/main-bg-600.jpg) no-repeat center;
  background-attachment: fixed;
  background-size: cover;
  min-height: 100%; }

/*medium non-retina devices */
@media (min-width: 768px) {
  html {
    background-image: url(/wp-content/themes/county_bench/images/main-bg-1000.jpg); } }
/*large monitors and retina devices */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 1200px) {
  html {
    background-image: url(/wp-content/themes/county_bench/images/main-bg-hr.jpg); } }
.home #content {
  background: transparent; }
  .home #content article div {
    background: rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
    border-radius: 18px; }
  .home #content article img {
    max-width: 80%; }

/******* Make the (non-wooshy part) Navbar Pretty *******/
.header-wrapper .navbar {
  background: #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.83);
  border-radius: 0;
  border: 0; }
  .header-wrapper .navbar .navbar-brand {
    float: none; }
    .header-wrapper .navbar .navbar-brand img {
      width: 66%;
      margin: 9px auto 0;
      max-height: 180px; }
  .header-wrapper .navbar .navbar-collapse {
    background: url(/wp-content/themes/county_bench/images/restaurant-icons.svg) no-repeat 52% 94% white;
    background-size: 45%;
    padding-bottom: 20%;
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
    .header-wrapper .navbar .navbar-collapse .navbar-nav {
      padding: 0 18px;
      width: 100%; }
    .header-wrapper .navbar .navbar-collapse li {
      border-top: 1px solid #666666;
      padding-left: 0;
      font-size: 15px;
      line-height: 4;
      text-transform: uppercase; }
      .header-wrapper .navbar .navbar-collapse li:first-child {
        border-top: none; }
    .header-wrapper .navbar .navbar-collapse a {
      color: #666666;
      padding-left: 0;
      position: relative; }
    .header-wrapper .navbar .navbar-collapse .current-menu-parent a {
      border-left: 9px solid #b5c633;
      position: relative;
      left: -19px;
      padding-left: 13px; }
    .header-wrapper .navbar .navbar-collapse .nav > li > a:hover, .header-wrapper .navbar .navbar-collapse .nav > li > a:focus {
      left: -19px;
      padding-left: 13px;
      border-left: 9px solid #b5c633;
      background: transparent; }
    .header-wrapper .navbar .navbar-collapse .nav > .active > a, .header-wrapper .navbar .navbar-collapse .nav > .open > a, .header-wrapper .navbar .navbar-collapse .nav > .open > a:hover, .header-wrapper .navbar .navbar-collapse .nav > .open > a:focus {
      left: -19px;
      padding-left: 36px;
      font-size: 18px;
      color: black;
      background: #FFF;
      border-left: 9px solid #b5c633; }

button span {
  background-color: #b5c633 !important; }

@media (max-width: 768px) {
  .header-wrapper .navbar .navbar-collapse {
    background: url(/wp-content/themes/county_bench/images/restaurant-icons.svg) no-repeat 42% 94% white;
    background-size: 45%; }

  .header-wrapper .navbar .navbar-brand img {
    width: 40%;
    margin: 0 auto;
    max-height: 120px; } }
/* Food Menus */
.food-page h3 {
  color: #b5c633;
  margin: 25px 15px;
  font-size: 24px !important; }
.food-page p {
  margin-left: 15px; }
.food-page .drinks-hr {
  border-top: 1px solid #444;
  width: 96%;
  margin-top: 20px; }

.menu-column {
  text-align: left;
  color: #555; }

.fdm-item {
  font-family: 'Montserrat', Helvetica, sans-serif !important; }

.fdm-item-price {
  display: none; }

.fdm-section-header {
  color: #b5c633; }

.fdm-sectionid-6 h3 {
  display: none; }

.appetizer-hr {
  border-top: 1px solid #bbb;
  width: 70%;
  margin-top: 40px; }

.fdm-extra-heading {
  font-size: .8em;
  text-transform: uppercase;
  font-weight: normal;
  font-style: italic;
  position: relative;
  top: 20px; }

/*  Various Inner Page Styles  ======================================================= */
p a {
  color: #b5c633;
  font-size: 1.1em; }

.post_content a img {
  width: 90%;
  display: block;
  margin: 40px auto; }

#OT_imglogo {
  width: 100px; }

.social-grid {
  width: 100%;
  margin-left: 12px; }

.social-grid img {
  margin: 25px 5px;
  width: 90%;
  max-width: 230px;
  box-shadow: 0 0 6px #000; }

.post-207 .private-pdf a {
  font-size: 32px;
  color: #b5c633; }

.events-table table {
  padding-top: 20px;
  margin-top: 15px;
  border-top: 1px solid #ccc; }
.events-table th, .events-table td {
  padding: 20px 20px 5px 20px;
  min-width: 200px; }

#em-wrapper a {
  color: #b5c633; }

.gform_wrapper form {
  margin: 18px; }
  .gform_wrapper form .gfield {
    margin: 20px 0 10px !important; }
  .gform_wrapper form .gform_button {
    background-color: #b5c633;
    color: #333;
    padding: 11px 40px 13px 40px;
    border: none;
    border-radius: 5px;
    font-size: 22px !important; }

/*  Mailchimp signup page Styles  =======================================================  */
#mc_embed_signup {
  background: #fff;
  clear: left;
  padding-bottom: 300px; }
  #mc_embed_signup h2 {
    margin-bottom: 40px; }
  #mc_embed_signup .content-copy {
    margin-bottom: 40px;
    font-size: 1.3em; }
  #mc_embed_signup input.button {
    background-color: #b5c633;
    color: #fff; }
  @media screen and (max-width: 768px) {
    #mc_embed_signup {
      margin-bottom: 50px; } }

.signupcta {
  position: absolute;
  left: -40px;
  top: 50px; }
  @media screen and (min-width: 1200px) {
    .signupcta {
      left: 5%; } }
  @media screen and (max-width: 768px) {
    .signupcta {
      position: static;
      margin: 10px auto; } }
  .signupcta button {
    background-color: #b5c633;
    height: auto !important; }
    .signupcta button a {
      color: #fff !important;
      padding: 10px; }
  .signupcta .btn {
    background-color: #b5c633;
    height: auto !important; }
    .signupcta .btn a {
      color: #fff !important;
      padding: 10px; }

/*  Site Footer Styles  ======================================================= */
.footer-info p {
  font-size: 0.9em;
  font-weight: 200;
  color: #666;
  text-align: center;
  position: relative;
  top: -100px;
  z-index: 20; }

.home .site-footer {
  color: #fff;
  position: absolute;
  bottom: 0; }
  .home .site-footer .footer-info {
    background-color: rgba(0, 0, 0, 0.6);
    width: 132%;
    margin-left: -15px;
    margin-right: 0; }
    .home .site-footer .footer-info p {
      display: block;
      padding: 20px;
      position: static;
      font-size: 0.9em;
      font-weight: 200;
      color: #fff !important;
      text-align: center; }
.cta-button {
    background-color: #b5c633;
    padding: 9px;
}

.cta-button a p{
    color: #fff;
}