@import url('https://fonts.googleapis.com/css?family=BenchNine:700&display=swap');

html {
   scroll-behavior: smooth;
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
}

h1, h2, h3, h4
{
   font-family: 'BenchNine';
}

h2
{
   font-size: 5rem;
}

h4
{
   font-size: 2.5rem;
}

body
{
   color: black;
   font-size: 16px;
   line-height: 1.5em;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pub-orange
{
   color:#B56E2D;
}
.pub-orange-background
{
   background-color:#B56E2D;
}

.off-white-color
{
   color:#FEFEFE;
}
.off-white-background
{
   background-color:#FEFEFE;
}

/* HEADER STYLES */

#header-bar
{
   background-color: black;
   z-index: 10;
}

#header-bar-container,
.footer-bar-container
{
   max-width: 1200px;
   margin: 0 auto;

}

header a,
header a:visited,
header a:link,
header a:hover,
header a:active,
header a:focus
{
   color:#FEFEFE;
   text-decoration: none;
}

#pub-logo
{
   width: initial;
}

#pub-logo img
{
   max-width: 65px;
}

#phone-number-icon
{
   font-size: 24px;
}

@media screen and (min-width: 350px)
{
   #phone-number-text
   {
      display: inline !important;
   }

   #phone-number-icon
   {
      font-size: initial;
      padding-left: 0 !important;
      padding-right: 0 !important;
   }
}

#header-menu-area #reservations,
#header-menu-area #order-now
{
   font-size: 0.875em;
}
#header-menu-area #reservations
{
   padding-left: 0.25em;
}

.social-icons 
{
   cursor: pointer;
   line-height: 0;
}

.facebook,
.twitter,
.instagram 
{
   height: 38px;
   width: 38px;
   display: inline-block;
}

.facebook 
{
   background-image: url('//assets.bestcigarprices.com/frontend/images/social/sprite.png');
   background-position: 39px 199px;
}
.facebook:hover 
{
   background-image: url('//assets.bestcigarprices.com/frontend/images/social/sprite.png');
   background-position: 0px 199px;
}

.twitter 
{
   background-image: url('//assets.bestcigarprices.com/frontend/images/social/sprite.png');
   background-position: 39px 279px;
}
.twitter:hover 
{
   background-image: url('//assets.bestcigarprices.com/frontend/images/social/sprite.png');
   background-position: 0px 279px;
}

.instagram 
{
   background-image: url('//assets.bestcigarprices.com/frontend/images/social/sprite.png');
   background-position: 39px 239px;
}
.instagram:hover 
{
   background-image: url('//assets.bestcigarprices.com/frontend/images/social/sprite.png');
   background-position: 0px 239px;
}

#inline-menu
{
   text-align: center;
   font-size: 1.25em;
   clear: both;
}

.button
{
   font-family: 'BenchNine';
   font-size: 1.25em;
   padding: 0.25em 0.75em;
   border-radius: 0.5em;
}
.button:active
{
   color:#B56E2D;
   background-color:#FEFEFE;
}

#header-menu-area .nav-item
{
   font-family: 'BenchNine';
   font-weight: normal;
}

.collapsed #hamburger-icon
{
   color:#FEFEFE;
}

#hamburger-icon
{
   font-size: 2em;
}

.navbar ul
{
   width: 100%;
}

.navbar li
{
   list-style: none outside none;
   font-family: 'BenchNine';
   font-size: 2.25em;
   text-align: center;
   padding: 0.25em;
   border-bottom-width: 2px;
   border-bottom-color:#B56E2D;
   border-bottom-style: solid;
}

.btn .nav-link
{
   padding: 0;
}

.nav-link
{
   padding: 0.5rem 0.5rem;
}
#header-notification
{
   height:20px;
   width:100%;
   padding-left: 35px;
   padding-right:35px;
   clear: both;
   text-align: center;
}

#header-image
{
   max-width: 1140px;
   margin: 0 auto;
   background-size: cover;
   background-repeat: no-repeat;
   margin-top: 10px;
   height: 325px;
   border-bottom-width: 2px;
   border-bottom-style: solid;
   border-bottom-color:#B56E2D;
}
#header-image img
{
   width: 100%;
}

#header-image-title
{
   margin: 0 auto;
   background: rgb(0,0,0,.45);
   border-top: 1px solid blanchedalmond;
   border-bottom: 1px solid blanchedalmond;
   color: blanchedalmond;
   text-align: center;
   width: 100%;
   max-width: 850px;
   display: inline-block;
   margin-top: 125px;
}
#header-image-title h1
{
   margin: 0.5em 0 0.25em;
   line-height: 1;
}

.title-sm
{
   font-size: 2.5rem;
   letter-spacing: 5px;
}

.title-bold
{
   font-weight: bold;
}

.title-lg
{
   font-size: 2.5rem;
   letter-spacing: 8px;
}
@media screen and (min-width:576px)
{
   #pub-logo img
   {
      max-width: 85px;
   }

   #header-image
   {
      margin-top: 25px;
      height: 275px;
   }

   .title-sm
   {
      font-size: 1.5rem;
   }

   .title-lg
   {
      font-size: 3.5rem;
   }
}
@media screen and (min-width:768px)
{
   #inline-menu
   {
      font-size: 1.375em;
   }

   #header-image
   {
      height: 425px;
   }

   #header-image-title
   {
      width: 70%;
      margin-top: 150px;
      margin-left: 15%;
   }

   .title-sm
   {
      font-size: 2.5rem;
   }

   .title-lg
   {
      font-size: 4rem;
   }
}
@media screen and (min-width:768px) and (max-height:576px)
{
   #header-image
   {
      height: 275px;
   }
}
@media screen and (min-width:768px) and (min-height:1200px)
{
   #header-image-title
   {
      margin-top: 150px;
   }
}
@media screen and (min-width:992px)
{
   #pub-logo img
   {
      max-width: 100px;
   }

   #inline-menu
   {
      font-size: 1.625em;
   }

   #header-image-title
   {
      margin-top: 150px;
   }

   .title-sm
   {
      font-size: 3rem;
   }

   .title-lg
   {
      font-size: 4.5rem;
   }
}
@media screen and (min-width:1200px)
{
   #inline-menu
   {
      font-size: 1.75em;
   }

   #header-image
   {
      height: 500px;
   }

   #header-image-title
   {
      margin-top: 175px;
   }

   .title-sm
   {
      font-size: 2.5rem;
   }

   .title-lg
   {
      font-size: 6.5rem;
   }
}
@media screen and (min-width:1200px) and (min-height:992px)
{
   .title-sm
   {
      font-size: 2.5rem;
   }

   .title-lg
   {
      font-size: 6.5rem;
   }
}

.full-image-container
{
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2500; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

.full-image-container > img
{
  margin: auto;
  display: block;
  width: 80%;
  height:auto;
  max-height:90%;
}

.open-image { 
  animation-name: zoomin;
  animation-duration: 0.6s;
}

.close-image { 
  animation-name: zoomout;
  animation-duration: 0.6s;
}

/* FOOTER STYLES */

footer
{
   width: 100%;
   position: absolute;
   left: 0;
}

#footer-bar-gray,
#footer-bar-black
{
   width: 100%
}

#footer-bar-gray
{
   background-color: gray;
}

#footer-bar-black
{
   background-color: black;
}

.white-border
{
   border: 1px solid white;
   padding-top: 5px;
   font-size: 0.875em;
}

.btn-bcp
{
   background-color:#b56f2c;
}
.btn-bcp:hover
{
   color: black;
   transition: color 250ms;
}
.btn-bcp:focus
{
   background-color:#9e5d2e;
}

#order-pickup-button
{
   font-size: 2em;
   font-weight: bold;
   padding: 0;
   margin: 0
}

#hours-contact-map table
{
   font-size: 0.875em;
   font-weight: bold;
   color:#FFF;
}

#hours-contact-map table th,
#hours-contact-map table td
{
   border: 0;
}

#hours-contact-map table tr .bottom-border
{
   border-bottom: 1px white solid;
}

#map-container img
{
   width: 100%;
}

#footer-nav
{
   padding: 0 0 1em;
   background: black;
}

#footer-nav a,
#footer-nav a:hover,
#footer-nav a:visited
{
   text-decoration: none;
   color:#FEFEFE;
   font-family: 'BenchNine';
   font-size: 1.375em;
   padding: 0 0.75em;
}

#copyright
{
   font-size: 0.875em;
   font-weight: bold;
   margin-top: 1em;
}

/* PAGE STYLES */
.short-about
{
   font-size:  1.0rem;
}

.underline
{
   text-decoration: underline;
}

.index-page-cards h3
{
   font-weight: bold;
   font-size: 4rem;
   text-align: center;
}
.index-page-cards h3:hover
{
   text-decoration: underline;
   cursor: pointer;
}
#happy-hour-page .index-page-cards h3:hover
{
   cursor: default;
}
.index-page-cards img.clip-right
{
   clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
   shape-outside: polygon(0 0, 100% 0, 90% 100%, 0 100%);
   width: 100%;
}
.index-page-cards img.clip-left
{
   clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
   shape-outside: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
   width: 100%;
}
.index-page-cards img:hover
{
   cursor: pointer;
   opacity:.9;
}
@media screen and (max-width:576px)
{
   .index-page-cards img.clip-right,
   .index-page-cards img.clip-left
   {
      clip-path: none;
   }

   #happy-hour-page h2 
   {
      font-size: 4rem;
   }
}

.carousel-indicators
{
   position: absolute;
   right: 0;
   left: 0;
   margin-top: 10px;
   z-index: 15;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding-left: 0;
   margin-right: 5%;
   margin-left: 5%;
   list-style: none;
}

.carousel-indicators li {
   position: relative;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 auto;
   flex: 0 1 auto;
   width: 10px;
   height: 10px;
   border-radius: 100%;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li 
{
   border: 1px solid #000;
}

.slide-btn 
{
   position: relative;
   bottom: 70px;
   margin: -20px 160px -2px 160px;
   text-transform: uppercase;
   font-size: 25px;
   border: 2px solid #fff;
   color:#fff;
   background: #b56f2c; /* Old browsers */
}

.slide-btn2 
{

   width:100%;
   text-transform: uppercase;
   font-size: 25px;
   border: 2px solid #fff;
   color:#fff;
   background: #b56f2c !important;
}

.slide-btn-hidden
{
   opacity: 0;
}

.carousel-indicators .active 
{
   background-color: #000;
}

.carousel-control-prev, .carousel-control-next 
{
    position: absolute;
    top: 0;
    bottom: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 8%;
    color: #fff;
    text-align: center;
    opacity: 0.9;
    font-size: 20px;
}
.carousel-control-next 
{
   right: 10px;
}

.carousel-control-prev 
{
   left: 10px;
}

img.slider-mobile 
{
   width:100%;
}