body { font-size:16px; overflow-x:hidden; }
.dropdown:hover .dropdown-menu{ display: block; }
.dropdown-menu{ margin-top: 0; }
.dropdown-toggle::after { display:none; }
.dropdown-menu-right { left:auto; right:0;}
.futura-book { font-family: futura-pt,sans-serif; font-weight: 400; font-style: normal; }
.montserrat { font-family: 'Montserrat', sans-serif; }
.social-icons a { width:63px; height:63px; }
.social-icons a.facebook { background:transparent url(../img/social-icons.png) no-repeat 0 0; }
.social-icons a.instagram { background:transparent url(../img/social-icons.png) no-repeat right 0; }
a { text-decoration: none;}
p a { color:#92171c; }
p { color:#3b3b3b; }
.text-red { color:#92171c; }
.text-white, .text-white p { color:#fff; }
.bg-red { background-color:#91171c; }
.bg-red-logo { background-color: #990000; }
a:hover, a:active, a:focus { color:#92171c; outline:none; -webkit-appearance: none; }
header { position: relative; z-index:99; }
header a { color:#000; font-size:1.3rem; }
.page-header { background-color:#f4f4f4; padding-top:4.5rem;  }
.page-header h2 { color:#92171c; font-family: 'Montserrat', sans-serif; font-size:4.5rem; font-weight: 600; line-height: 3.7rem;}
footer h3 { font-size:1.1rem; color:#6a6a6a; }
footer a { color:#adadad; display:block; margin-bottom:.8rem; }
header .logo { max-width:235px; }
input[type=text], .form-control { background-color: #f0f0f0; border:none; }
textarea{ height:160px;}
.mobile-trigger { display:none; position: absolute; top:20px; right:18px; width:30px; height:30px; z-index:100;   -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;  }
.mobile-trigger span { border-radius:20px; display:block; height:3px; width:100%; background-color:#92171c; margin-bottom:2px; opacity:1; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;  }
.main-nav {  -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;  }
body.open .mobile-trigger { top:30px; }
body.open .mobile-trigger span:nth-child(2) { opacity: 0; }
body.open .mobile-trigger span:nth-child(1) { transform:rotate(45deg); }
body.open .mobile-trigger span:nth-child(3) { transform:rotate(-45deg); margin-top:-10px; }
body.open .main-nav { right:50%; }
.legal, .legal a { color:#adadad; font-size:.9rem; }
.mw-80 { max-width:80%; margin:auto; }
.mw-60 { max-width:60%; margin:auto; }
.mw-50 { max-width:50%; margin:auto; }

.text-with-border { font-family: futura-pt,sans-serif; font-weight: 400; font-style: normal; font-size:18px; border:#91171c solid 14px; padding:3.5rem; background-color:#fff; }
.has-floating-box { position:relative; }
.has-floating-box .text-with-border { position:absolute; top:50%; right:25px; transform:translateY(-50%);z-index:10; width:60%;}
.has-floating-box .offset-image-left { margin-left:-100px; }
.member-name-title { background-color: #91171c; color:#fff; padding:.5rem .5rem; min-height:73px;  }
.member-name-title h4 { font-size:18px; margin:0; padding:0; font-weight: 700; }
.member-name-title p { font-size:12px; margin-bottom:0; color:#fff; }
.eom-wrapper { border:20px solid #d4d4d4; padding:3.2rem; }
.eom-wrapper h3 { font-size:30px; color:#91171c;}
.modal-dialog .modal-content { border:14px solid #91171c; }
.btn-close { background:none; opacity:1; width:1.5em; height:1.5em; }
.btn-close span { border-radius:20px; display:block; height:3px; width:100%; background-color:#92171c; margin-bottom:2px; opacity:1; }
.btn-close span:nth-child(1) { transform:rotate(45deg); }
.btn-close span:nth-child(2) { transform:rotate(-45deg); margin-top:-5px; }
#teamModal h3 { font-size:30px; }
#teamModal p { font-size:18px; }
.team-modal img.img-fluid { width:100%; max-width: inherit; }

.page-header.has-image { position:relative; }
.page-header.has-image h2 { position:absolute; bottom:-13px; left:40px; color:#fff; }


.border-animation { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; border:0px solid red;  -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.position-relative:hover .border-animation { border:14px solid #92171c; }
.position-relative { position:relative; }
.restaurant-grid h3, .home-grid h3 { color:#fff; position:absolute; bottom:-18px; left:10px; font-size:32px; font-weight:700; z-index:20; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; text-shadow: 2px 2px 4px rgba(0,0,0,0.21);  }
.position-relative .h3-wrapper { width:100%; position:absolute; bottom:0; left:0; z-index:20; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.position-relative:hover .h3-wrapper { transform:scale(1.15); left:1.5rem;  }
.position-relative.roadhouse:hover .h3-wrapper {  transform:scale(1.09); left:.5rem;  } 

.hero { height:70vh; min-height:550px;  }
.hero.the-bistro { background:transparent url(../img/restaurants/open-bar-and-tables-at-the-bistro-inside-the-cloudveil-hotel.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;  }
.hero.enoteca { background:transparent url(../img/restaurants/open-kitchen-with-variety-of-bottled-wine-and-local-draft-beer-at-bar-enoteca.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;  }
.hero.the-kitchen { background:transparent url(../img/restaurants/the-kitchen-restaurants-intimate-dining-room-and-open-bar-space.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;  }
.hero.bin-22{ background:transparent url(../img/restaurants/open-bar-at-bin-22-featuring-contemporary-dining-atmosphere.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;  }
.hero.roadhouse{ background:transparent url(../img/restaurants/four-brewing-tanks-next-to-an-open-table-at-roadhouse-pub-&-eatery.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;  }
.hero.osteria{ background:transparent url(../img/restaurants/chef-placing-pizza-in-wood-fired-pizza-oven-adjacent-open-bar-seating.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;  }
.hero.bistro-catering{ background:transparent url(../img/private-events/tuna-tartare-with-fresh-avocado-puree-cilantro-and-poppy-seeds-on-a-rice-cracker.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;  }
.hero.gift-cards { background:transparent url(../img/beef-tartare-with-caramelized-onions-and-fresh-greens-on-a-table-with-toasted-bread.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;}
.hero.bovine{ background:transparent url(../img/retail/bovine-&-swine-sausages-on-an-open-flame-grill.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;  }
.hero.cream{ background:transparent url(../img/retail/an-assortment-of-cream-and-sugar-artisan-ice-cream-sandwiches.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;  }
.hero.bodega{ background:transparent url(../img/restaurants/red-food-truck-at-bodega-specialty-grocery-and-bottle-shop.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;  }
.hero.bodega-retail{ background:transparent url(../img/retail/rows-of-wine-racks-and-regional-spirits-at-bodega-specialty-grocer.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;  }
.hero.bin-22-retail{ background:transparent url(../img/retail/multiple-rows-of-wine-racks-with-dining-room-guests-eating-tapas-in-the-background.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;  }

.button{ font-weight:700; color:#fff; background: #92171c; font-size:20px; display:block; padding:12px 40px; border:none; }
.button:hover { background: #fff; color:#92171c !important; }
.restaurant-info-wrapper { background:#eeeeee; }
.restaurant-info { position:relative; top:-70px; left:50%; transform:translateX(-50%); max-width:1060px; background:#fff; max-height:575px; z-index:6; }
.map-wrapper { position:relative; top:-140px; left:0; width:100%; z-index:5; }


#tripleseat_embed_form { max-width:50%; margin:auto; color:#3b3b3b; font-size:18px; }
.row_contact_header h2, #lead_form_event_header { font-size:22px; font-weight:700; margin-top:2.5rem; }
#tripleseat_embed_form .text, 
#tripleseat_embed_form .location_list,
#tripleseat_embed_form .hasDatepicker,
#tripleseat_embed_form .lead_additional_information,
#tripleseat_embed_form .timeselect_input,
#tripleseat_embed_form  .referral_list{ border:none; background-color: #f0f0f0; border-radius:0px; width:100%;}

#tripleseat_embed_form { max-width:50%; margin:auto; }
.row_contact_header h2 { font-size:22px; }
#tripleseat_embed_form .text, 
#tripleseat_embed_form .location_list,
#tripleseat_embed_form .hasDatepicker,
#tripleseat_embed_form .timeselect_input,
#tripleseat_embed_form  .referral_list { height:40px; }
#tripleseat_embed_form #lead_submit { background-color:#91171c; color:#fff; border:none; font-size:20px; padding:8px 30px;}

.home-grid h3 { font-size:32px; font-weight:700; }

.press-page .press-item { border:14px solid #92171c;  }

.reservation-modal.modal { z-index: 1000000;}
.reservation-modal .modal-body { position:relative; }
.reservation-modal .close-modal { position:absolute; top:0; right:10px; border: 0; background:transparent; font-size:1.6rem; z-index:100; }

.team-member { cursor: pointer;}

/* @media (min-width:1281px){
    .position-relative:hover .h3-wrapper { margin-left:1rem; }
} */

@media (max-width:1280px){
    header a { font-size:1.1rem; }
}
 
@media (max-width:990px){
    header a { font-size:1rem; }
    .page-header { padding-top:3.5rem;  }
    .page-header h2 { font-size:3rem; line-height: 2.2rem; }
    footer h3 { margin-top:2rem; }
    .mw-80, .mw-60, .mw-50 { max-width:100%; }
    .container-fluid { overflow-x:hidden; }
}

@media (max-width:768px){

    .has-floating-box .text-with-border { position:static; top:auto; right:auto; transform:translateY(0); width:90%; margin:-50px auto auto; }
    .has-floating-box .offset-image-left { margin-left:auto; width:100%; }
    .text-with-border {  padding:2rem;  }

    .restaurant-info { top:auto; left:auto; transform:translateX(0%); max-height:inherit; }
    .map-wrapper { position:relative; top:auto; }

     #tripleseat_embed_form { max-width:100%; }
     
}

@media (max-width:575px){
    header a { font-size:1.3rem; }
    .mobile-trigger { display:block; }
    .main-nav { background:#fff; text-align:center; margin-top:1rem; position: absolute; top:98px; right:-290px; transform:translateX(50%); width:100%;  z-index:90; height:100vh; opacity:.9  }
    .index-page .main-nav { top:0; }
    .page-header { padding-top:2.5rem;  }
    .page-header h2 { font-size:2rem; line-height: 1.7rem; }
    .dropdown-menu { width:100%; }
    .dropdown-menu.show { transform:translateX(-50%) !important; left:50% !important; top:25px !important; width:90%;  text-align: center; }
    .dropdown-menu a { font-size:1rem; }
    .dropdown-toggle::after { display:none; margin-left:auto; }
    
     .restaurant-grid h3 { font-size: 28px; bottom:-15px }
     .home-grid h3 { font-size:28px;  bottom:-15px }
     .hero.the-bistro { background-attachment:scroll;  }
    
}