@import url('//fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300&display=swap');
@import url('//fonts.googleapis.com/css2?family=Jost:wght@300&display=swap');
@import url('//fonts.googleapis.com/css2?family=Modern+Antiqua&display=swap');

/*
font-family:'Futura LT W01 Light Condensed';
font-family:'Futura LT W01 Light';
font-family:'Algerian Mesa W00 Regular';

"Futura LT W01 Light Condensed" = font-family: 'Barlow Condensed', sans-serif; font-weight: 300;
"Futura LT W01 Light" = font-family: 'Jost', sans-serif; font-weight: 300;
"Algerian Mesa W00 Regular" = font-family: 'Modern Antiqua', cursive; font-weight: 400;
*/

/* change fonts  */
.home-specials h3,
.home-specials a,
.contact-v2 .hours-title,
.contact-v2 .social-title,
.contact-v2 .contact-us-title,
.drink-menu h1,
.drink-menu h2,
.drink-menu h5
{
  font-family: 'Jost', sans-serif; 
  font-weight: 300;
}

/* put under the comment if it's NOT sinle page website */
.header {
    background-attachment: fixed;
}

a {color: #ddd;}

/* home page */
/* dollar sign */
.home-specials > div:first-child {
    background-image: url('https://static.spotapps.co/web/gaetanostierrasanta--com/css/../images/dollar/dollar-orange.png');
}

.reservations a {
    color: #fff;
    background-color: #ddd;
}

.nav>li {
  padding: 0 5px;
}


/* tabs in drinks and food menu */
.tabnav .nav>li>a:hover, .tabnav .nav>li.active>a {
    color: #ddd;
    background: transparent;
    border-bottom: 10px solid rgba(220, 220, 220, 0.6);
}

/* drink menu and food menu item names */
.drink-menu h5 {
    color: #ddd;
}

/* specials titles in happy hours */
.specials h2 {
    color: #ddd;
}

.navbar-regular .navbar-collapse.collapse.in {
    background-color:  rgba(255,255,255,0.7);
}


/* black specials */
.specials-v2 {
    background-color: black;
}

.home-specials h3, .about-us h3 {
    color: white;
}

.about-us h3 {
    margin-top:4px;
}

.home-specials p {
    font-size: 1.2em;
    color: white;
    word-wrap: break-word;
    padding-top: 1.9em;
}

.home-specials p.specials-hours{
    padding-top: 0.2em;
    color: #ccc;
}

/* black gallery */
.gallery {
    background-color: black;
}

.gallery label, .reservations label, .email-subscription label, .reservations-and-parties label {
    text-transform: uppercase;
    color: white;
    border: none;
    padding: 10px 60px;
    margin-bottom: 20px;
    font-size: 1.7em;
}

.contact-v2 .contact-location {
    text-transform: uppercase;
}

/* ### custom style ### */

/* typography - text */
body {
  font-family: 'Jost', sans-serif; 
  font-weight: 300;
}

.navbar.nav-v4 .nav>li>a {
  padding: 10px 25px;
}
.navbar.nav-v4 .socialnav {
  padding-left: 10px;
}
.navbar.nav-v4 .social-icon.icon-spothopper_icon {
  display: none;
}

.section-header,
.about-us-v4-content .about-us-v4-link span,
.about-us-v4-content .text-wrapper h3,
.about-us-v3 h3,
.style-traditional.drink-menu h4 {
  font-family: 'Modern Antiqua', cursive; 
  font-weight: 400;
}

.navbar.nav-v5 .navbar-nav,
.about-us-v4 .about-us-v4-content:first-of-type a,
.sph-email-subscription .sph-submit-button {
  font-family: 'Barlow Condensed', sans-serif; 
  font-weight: 300;
}

.sph-email-subscription h2 {
    font-family: 'Jost', sans-serif; 
    font-weight: 300;
    font-size: 1.8em
}

.on-cover-content .section-wrapper .section-header {
    font-size: 5em;
}

.about-us-v4-content .text-wrapper h3,
.section-header,
.gallery label {
    font-size: 3.4em;
    color: #000;
}

.about-us-v3 h3,
.style-traditional.drink-menu h4 {
    font-size: 2.8em;
}

.style-traditional.drink-menu .menu-item-name-traditional div,
.about-us-v4-content .about-us-v4-link span {
    font-size: 1.3em;
}

.style-traditional.drink-menu .menu-item-price-traditional .food-price{
    font-size: 1em;
}

/* navigation */
.navbar.nav-v4 .header-logo {
    max-width: 260px;
}

/* cover */
.on-cover-content {
    display: table;
}

/* about */
.container.about-us-v4 {
    border-bottom: 4px solid #f4efe5;
    border-top: 4px solid #f4efe5;
}

.about-us-v4-content .text-wrapper {
    background-color: #f4efe5;
}

.about-us-v4 .about-us-v4-content:first-of-type a {
    margin-top: 40px;
    padding: 7px 45px 8px 45px;
    background-color: #358362;
    border-radius: 6px;
    text-transform: uppercase;
}

.about-us-v4 .about-us-v4-content:first-of-type a:hover {
    text-decoration: none;
}

.about-us-v4 .about-us-v4-content:first-of-type a:focus {
    text-decoration: none;
}

.about-us-v3 .text-wrapper {
    background-color: rgba(0, 0, 0, 0.8);
}

.about-us-v4-content .about-us-v4-link {
    background: rgba(0, 0, 0, 0.7);
}
.about-us-background {
    padding: 0;
}
.about-us-background .about-us-v3-wrapper {
    padding-top: 4em;
}

/* galery */
.gallery {
    background-color: #f4efe5;
    padding: 0 0 6em 0;
}

/* reviews */
.review-content {
    background-color: rgba(244,239,229,0.7);
    border-radius: 20px;
    padding-bottom: 40px;
}

.reviews {
    display: table;
    margin-right: 5em;
    float: right;
}

.jssorb21 {
    bottom: 0px!important;
}

/* newsletter */
.newsletter-section {
    background-color: #f4efe5;
    border-bottom: 4px solid #b0aca4;
}

.sph-email-subscription .sph-email-input,
.custom-modal .sph-email-subscription .sph-email-input {
    border: transparent;
    background-color: #358362;
    color: #fff;
    padding: 1em 10px;
    font-size: 16px;
}

::-webkit-input-placeholder {color: white;}
:-moz-placeholder {color: white;}
::-moz-placeholder {color: white;}
:-ms-input-placeholder {color: white;}

.sph-email-subscription .sph-submit-button,
.custom-modal .sph-email-subscription .sph-submit-button {
    background-color: #358362;
    padding: 0.3em 5px;
    font-family: 'Barlow Condensed', sans-serif; 
    font-weight: 300;
}

.custom-modal .section-header {
  margin-top: 0;
  color: #000;
}
.custom-modal .sph-email-subscription h2 {
  font-size: 1.8em;
  line-height: 1.3em;
  font-weight: normal;
}

.custom_html_1-section {
    text-align: center;
    padding: 3em 0;
    background-color: #358362;
    border-top: 3px solid #f5efe6;
}
.custom_html_1-section h4 {
    font-size: 3.4em;
    color: #f5efe6;
    font-family: 'Modern Antiqua', cursive; 
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0;
}

/* media query */
@media (max-width: 1500px) {
  .navbar.nav-v4 .nav>li {
    padding: 0;
  }
  .navbar.nav-v4 .nav>li>a {
    padding: 10px 20px;
  }
}

@media (max-width: 1400px) {
  .navbar.nav-v4 .nav>li>a {
    padding: 10px 15px;
  }
}

@media (max-width: 1200px) {
  .navbar.nav-v4 .nav>li>a {
    padding: 10px 8px;
    font-size: 1.1em;
  }
}

@media (max-width: 1100px) {
  .navbar.nav-v4 .header-logo {
    max-width: 220px;
    padding-left: 10px;
  }
}

@media (max-width: 991px) {
    .navbar.nav-v4 .header-logo {
        max-width: 150px;
        padding-left: 10px;
    }
    .navbar.nav-v4 .nav>li>a {
      padding: 10px 6px;
    }
}

@media (max-width: 960px) {
  .navbar.nav-v4 .nav>li>a {
    padding: 10px 5px;
    font-size: 1em;
  }
  .navbar.nav-v4 .header-logo {
    max-width: 140px;
    padding-left: 0;
    left: 5px;
  }
    .navbar.nav-v5 .header-logo {
        max-width: 210px;
    }
    .navbar.nav-v5 .nav>li>a {
        padding: 10px 10px;
        font-size: 1.2em;
    }
    .on-cover-content .section-wrapper .section-header {
        font-size: 4em;
    }
}

@media (max-width: 767px) {
  .navbar.nav-v4 .navbar-nav {
    margin-top: 10px !important;
    margin-bottom: 10px;
  }
  .navbar.nav-v4 .nav>li>a {
    padding: 8px 10px;
    font-size: 1.1em;
  }
  .on-cover-content .section-wrapper .section-header {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 2.5em;
  }
  .on-cover-content .section-wrapper p {
    font-size: 1.5em;
  }
    .reviews {
        margin: 0 auto;
        float: none;
    }
    .navbar.nav-v5 .header-logo img {
        max-width: 63px;
        top: 17%;
    }
    .review-content {
        padding: 5px 18px 20px 18px;
    }
    .header-logo, .navbar.nav-v4 .header-logo {
        max-width: 160px;
        height: 60px;
    }
    .custom-modal .section-header {
      font-size: 3em;
    }
    .custom-modal .sph-email-subscription h2 {
      margin-bottom: 20px;
      font-size: 1.5em;
    }
    .about-us-v4 .about-us-v4-content {
      height: 450px;
    }
    .sph-email-subscription h2 {
      font-size: 1.3em;
    }
}

@media (max-width: 401px) {
    .navbar.nav-v5 .header-logo img {
        max-width: 58px;
        top: 15%;
    }
    .header-logo, .navbar.nav-v4 .header-logo {
        padding-left: 2px;
        height: 50px;
    }
}

@media (max-width: 320px) {
  .header-logo, .navbar.nav-v4 .header-logo {
    max-width: 130px;
  }
  .on-cover-content .section-wrapper .section-header {
    margin-top: -10px;
    margin-bottom: 20px;
    font-size: 2.2em;
  }
  .custom_html_1-section h4 {
    font-size: 2.8em;
  }
  .on-cover-content .section-wrapper p {
    font-size: 1.6em;
  }
  .custom-modal .sph-email-subscription h2 {
    margin-bottom: 15px;
    font-size: 1.3em;
    line-height: 1.2em;
  }
}