@import url("//fonts.googleapis.com/css2?family=Quicksand&family=Righteous&family=Squada+One&display=swap");

:root {
  --main-color: #008000;
  --size-width: 135px;
  --logo-display: none;
  --text-color: #000;
  --hide-mob-about-img: block;
  --text-color-newsletter: #000;
  --title-color-newsletter: #000;
  --title-font: 'Righteous';
  --title-font-weight: 900;
  --title-font-transform: uppercase;
  --title-font-size: 3em;
  --sub-title-font: 'Squada One';
  --sub-title-font-transform: uppercase;
  --sub-title-font-weight: 600;
  --sub-title-font-size: 1.5em;
  --body-font: 'Quicksand';
  --body-font-weight: 200;
  --body-font-transform: none;
  --newsletter-top-border-color: none;
  --btn-font-transform: uppercase;
  --temp-btn-1-color: #fff;
  --temp-btn-1-background: #000;
  --temp-btn-1-border: #fff;
  --temp-btn-1-hover-color: #000;
  --temp-btn-1-hover-background: #fff;
  --temp-btn-1-hover-border: #000;
  --temp-btn-2-color: #ff0000;
  --temp-btn-2-background: #fff;
  --temp-btn-2-border: #fff;
  --temp-btn-2-hover-color: #fff;
  --temp-btn-2-hover-background: #DB0A11;
  --temp-btn-2-hover-border: #DB0A11;
  --overlay-opacity: 0.4;
  --input-bar-color: #0861ba;
  --background-color-contact: #000;
  --text-color-contact: #fff;
  --banner-pin-color: #fff;
  --banner-pin-hover-color: #66b95f;
}

/* Fonts */

body,
.banner-section h2,
.map-newsletter .sph-email-subscription h2,
.map-newsletter .sph-email-subscription p,
.custom-modal .newsletter-popup .sph-email-subscription h2, 
.custom-modal .newsletter-popup .sph-email-subscription p, 
.food-menu-grid h3, .food-menu-grid h4, .food-menu-grid h5,
.food-menu-grid .food-item-title, 
.food-menu-grid .food-price  {
  font-family: var(--body-font);
  font-weight: var(--body-font-weight);
  text-transform: var(--body-font-transform);
}

h1, 
.section-header, 
.uk-overlay-panel h2, 
.about-us-v8-content .text-wrapper h2, 
.about-us-v7-content .text-wrapper h2, 
.about-us-v6-content .text-wrapper h2, 
.specials-v3.home-specials .section-header, 
.events-wrapper .events .section-header,  
.specials h1, 
.events-container h1,
.about-us-page .about-us-s1-content h2, 
.about-us-s4-wrapper h2,
.custom-modal .newsletter-popup .section-header {
  font-family: var(--title-font);
  font-size: var(--title-font-size);
  font-weight: var(--title-font-weight);
  text-transform: var(--title-font-transform);
}

h3, h4, h5, h6,
.empty-content-message h2,
.about-us-v8-content .text-wrapper h3, .about-us-v8-content .text-wrapper .text-holder h2,
.food-menu-grid h2, 
.drink-menu .food-menu-page h2, .drink-menu .drink-menu-page h2,
.specials h2, 
.events-container h2, 
.events-v3-wrapper .item-text h3 {
  font-family: var(--sub-title-font);
  font-size: var(--sub-title-font-size);
  font-weight: var(--sub-title-font-weight);
  text-transform: var(--sub-title-font-transform);
}

.contact-v2 .hours-title h2, .contact-v2 .social-title h2, .contact-v2 .contact-us-title h2,
.contact-v3 .hours-title h2, .contact-v3 .social-title h2, .contact-v3 .contact-us-title h2,
.contact-v4 .hours-title h2, .contact-v4 .social-title h2, .contact-v4 .contact-us-title h2 {
  font-family: var(--sub-title-font);
  font-weight: var(--sub-title-font-weight);
  text-transform: var(--sub-title-font-transform);
}

.food-menu-v2-wrapper .empty-content-message,
.drink-menu-v2-wrapper .empty-content-message,
.specials-v3 .empty-content-message,
.events-v3-wrapper .empty-content-message, 
.specials .empty-content-message, 
.events-container .empty-content-message, 
.specials .empty-content-message h2, 
.events-container .empty-content-message h2 {
  font-family: var(--body-font);
  font-weight: var(--body-font-weight);
  text-transform: var(--body-font-transform);
  text-align: center;
}

/* Buttons */

.custom-temp-btn,
.sph-email-subscription .sph-submit-button.custom-temp-btn,
.custom-modal .newsletter-popup .sph-email-subscription .sph-submit-button,
.food-menu-nav .food-menu-nav-item {
  color: var(--temp-btn-1-color);
  background-color: var(--temp-btn-1-background);
  background: var(--temp-btn-1-background);
  border: 2px solid var(--temp-btn-1-border);
  text-transform: var(--btn-font-transform);
  text-decoration: none;
}
.custom-temp-btn:hover,
.custom-temp-btn:focus,
.sph-email-subscription .sph-submit-button.custom-temp-btn:hover,
.custom-modal .newsletter-popup .sph-email-subscription .sph-submit-button:hover,
.food-menu-nav .food-menu-nav-item.active,
.food-menu-nav .food-menu-nav-item:hover,
.food-menu-nav .food-menu-nav-item:focus {
  color: var(--temp-btn-1-hover-color);
  background-color: var(--temp-btn-1-hover-background);
  background: var(--temp-btn-1-hover-background);
  border: 2px solid var(--temp-btn-1-hover-border);
  text-decoration: none;
}

.temp-btn-1 {
  color: var(--temp-btn-1-color)!important;
  background-color: var(--temp-btn-1-background)!important;
  background: var(--temp-btn-1-background)!important;
  border: 2px solid var(--temp-btn-1-border)!important;
  text-decoration: none;
}
.temp-btn-1:hover {
  color: var(--temp-btn-1-hover-color)!important;
  background-color: var(--temp-btn-1-hover-background)!important;
  background: var(--temp-btn-1-hover-background)!important;
  border: 2px solid var(--temp-btn-1-hover-border)!important;
}

.temp-btn-2 {
  color: var(--temp-btn-2-color)!important;
  background-color: var(--temp-btn-2-background)!important;
  background: var(--temp-btn-2-background)!important;
  border: 2px solid var(--temp-btn-2-border)!important;
  text-decoration: none;
}
.temp-btn-2:hover {
  color: var(--temp-btn-2-hover-color)!important;
  background-color: var(--temp-btn-2-hover-background)!important;
  background: var(--temp-btn-2-hover-background)!important;
  border: 2px solid var(--temp-btn-2-hover-border)!important;
}

/* .on-cover-content .section-wrapper .section-header {
  color: var(--text-color);
} */

.uk-overlay-background {
  background: rgba(0, 0, 0, var(--overlay-opacity));
}

.banner-section .banner-pin {
  color: var(--banner-pin-color);
}
.banner-section .banner-pin:hover,
.banner-section .banner-pin:focus {
  color: var(--banner-pin-hover-color);
}

/* .navbar.nav-v6 .navbar-logo .container {
  display: var(--logo-display);
} */

.map-newsletter {
  border-right: none;
}
.map-newsletter .section-header,
.newsletter-section .section-header {
  color: var(--title-color-newsletter);
}
.newsletter-section .sph-email-subscription h2,
.map-newsletter .sph-email-subscription h2,
.map-newsletter h2:not(.section-header), 
.newsletter-section h2:not(.section-header), 
.newsletter-section .sph-email-subscription p,
.map-newsletter .sph-email-subscription p {
  color: var(--text-color-newsletter);
}

.bar:before, .bar:after,
.newsletter-section .bar:before, .newsletter-section .bar:after	{
  background: var(--input-bar-color);
}

.contact-v3 {
  background-color: var(--background-color-contact);
  color: var(--text-color-contact);
}
.contact-us a {
  color: var(--text-color-contact);
}

.modal-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-attachment: fixed;
  background-position: top left;
  background-size: cover;
}

.food-menu-grid .food-price {
  color: var(--main-color);
}
.food-menu-grid-item-content .food-menu-content {
  border-left: 1px solid var(--main-color);
}