@import url("//fonts.googleapis.com/css2?family=Germania+One&family=Roboto:wght@400;700&family=League+Gothic&display=swap");
@import url("https://static.spotapps.co/web/spothopper--madiscoffee--com/css/../custom/fonts/stylesheet.css");
/*
 Heading fonts : Germania One, cursive
 Body fonts : Roboto, sans-serif
 Subheading fonts: Roboto, sans-serif
 Navigtion fonts :Roboto, sans-serif
 Button fonts: Germania One, cursive
*/
body {
  font-family: "Roboto", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Germania One", cursive;
}

li.drop-down-link .sub-menu {
  padding: 8px;
}

li.drop-down-link .sub-menu a {
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
}

.navigation-left li a,
.navigation-right li a {
  font-weight: normal;
  color: #fff;
}

.nav-v2 .navigation-left li.active a,
.nav-v2 .navigation-right li.active a,
.nav-v2 .navigation-left li a:hover,
.nav-v2 .navigation-right li a:hover,
.nav-v2 .navigation-left li a:focus,
.nav-v2 .navigation-right li a:focus {
  color: #ffca08;
}

.nav-v2 .social-icon:hover,
.nav-v2 .social-icon:active {
  color: #ffca08;
}

.navigation-social {
  padding-left: 15px;
}

li.drop-down-link {
  position: relative;
}

li.drop-down-link.reservations-drop .sub-menu {
  left: -20% !important;
  width: 120% !important;
}

li.drop-down-link .sub-menu a {
  display: block;
  text-transform: uppercase;
  opacity: 1;
}

li.drop-down-link .sub-menu a:hover,
li.drop-down-link .sub-menu a:focus {
  text-decoration: none;
  color: #ffca08;
}

.section-header,
.about-us-v8-content .text-wrapper h1,
.about-us-v7-content .text-wrapper h1,
.specials-v3.home-specials h1,
.specials h1,
.events-container h1,
.coffee-bar-package h1,
.locations-page.about-us-background .about-us-v3 h1,
.about-us-page .about-us-s1-content h1,
.custom-modal .newsletter-popup .section-header {
  text-transform: uppercase;
  font-family: "Germania One", cursive;
  font-size: 4.2em;
}

.about-us-v8-content .text-wrapper h2,
.packages-form h2,
.catering-packages.custom-page h2,
.coffee-bar-package h2,
.reviews-v2-wrapper h2,
.tmt-section h2,
.custom_html_2-section h2,
.map-newsletter h2 {
  font-family: "Roboto", sans-serif;
  text-transform: none;
  font-weight: 700;
  font-size: 1.5em;
}

.custom-temp-btn,
.uk-overlay-panel a.custom-temp-btn,
.on-cover-content .section-wrapper a.custom-temp-btn,
.about-us-v7-content .text-wrapper .text-content .custom-temp-btn,
.about-us-v8-wrapper a.custom-temp-btn,
.custom-about-us-v8-wrapper.about-us-v8-wrapper a.custom-temp-btn,
.newsletter-section .sph-email-subscription .sph-submit-button,
.custom-modal .newsletter-popup .sph-email-subscription .sph-submit-button,
.addtocalendar.atc-style-blue .atcb-link,
.specials-v3.home-specials div a.custom-temp-btn,
.food-menu-nav .food-menu-nav-item {
  padding: 6px 40px;
  text-transform: uppercase;
  background-color: #ffca08;
  background: #ffca08;
  border: 2px solid #ffca08;
  color: #131313;
  font-family: "Germania One", cursive;
  font-weight: 400;
  font-size: 18px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1.4em;
}

.custom-temp-btn:hover,
.custom-temp-btn:focus,
.custom-temp-btn:active,
.uk-overlay-panel a.custom-temp-btn:hover,
.on-cover-content .section-wrapper a.custom-temp-btn:hover,
.about-us-v7-content .text-wrapper .text-content .custom-temp-btn:hover,
.about-us-v8-wrapper a.custom-temp-btn:hover,
.custom-about-us-v8-wrapper.about-us-v8-wrapper a.custom-temp-btn:hover,
.specials-v3.home-specials div a.custom-temp-btn:hover,
.newsletter-section .sph-email-subscription .sph-submit-button:hover,
.custom-modal .newsletter-popup .sph-email-subscription .sph-submit-button:hover,
.addtocalendar.atc-style-blue .atcb-link:hover,
.tmt-section a.custom-temp-btn:hover,
.food-menu-nav .food-menu-nav-item {
  text-decoration: none;
  background-color: #131313;
  background: #131313;
  border: 2px solid #ffca08;
  color: #ffca08;
  opacity: 1;
}

.article-background.catering-packages.custom-page .custom-temp-btn {
  background-color: #ffca08;
  background: #ffca08;
  border: 2px solid #ffca08;
  color: #131313;
}

.article-background.catering-packages.custom-page .custom-temp-btn:hover, .article-background.catering-packages.custom-page .custom-temp-btn:focus {
  background-color: #131313;
  background: #131313;
  border: 2px solid #131313;
  color: #ffca08;
}

/*HOMEPAGE*/
/* Slideshow and cover content */
.uk-overlay-background {
  background: rgba(0, 0, 0, 0.5);
}

.on-cover-content .section-wrapper .section-header,
.uk-overlay-panel h1 {
  margin-top: 70px;
  text-transform: uppercase;
  font-family: "Germania One", cursive;
  font-size: 4.6em;
}

.uk-dotnav-contrast > * > * {
  background: #d1d1d1;
  border: 1px solid #d1d1d1;
  opacity: 1;
}

.uk-dotnav-contrast > .uk-active > *,
.uk-dotnav-contrast > * > :focus,
.uk-dotnav-contrast > * > :hover {
  background: #ffca08;
  border: 1px solid #ffca08;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Slideshow and cover content end*/
/*Banner section*/
.banner-section {
  padding: 30px 0;
}

.banner-section h1 {
  font-family: "Roboto", sans-serif;
  font-size: 1.3em;
}

.banner-section .banner-pin {
  color: #ffca08;
  font-size: 1.1em;
}

.banner-section .banner-pin:hover,
.banner-section .banner-pin:focus,
.banner-section .banner-pin.active {
  color: #fff;
}

/*Banner section end*/
/*About us section*/
.about-us-v8-wrapper:before {
  background-color: #131313;
  background-attachment: scroll;
}

.about-us-v8-content .text-wrapper h2 {
  margin-top: 10px;
  margin-bottom: 20px;
}

.about-us-v8-content .text-content.title-image h1:after {
  margin: 10px auto;
}

/*About us section end*/
/*Custom html 2 section*/
.custom_html_2-section {
  color: #fff;
  background-color: #000;
}

.custom_html_2-section .container {
  text-align: center;
}

.custom_html_2-section h1 {
  margin-top: 0;
}

.custom_html_2-section h2 {
  margin: 25px auto;
}

/*Custom html 2 section end*/
/*TMT section*/
.tmt-section h1 {
  margin-top: 20px;
  margin-bottom: 0;
}

.tmt-section h2 {
  margin-top: 10px;
}

.tmt-section p {
  font-size: 1.3em;
  margin: 20px auto;
}

.tmt-section a.custom-temp-btn {
  margin: 10px 5px 20px;
}

/*TMT section end*/
/*Reviews section*/
.reviews-v2-wrapper h1 {
  margin-top: 20px;
}

.reviews-v2-wrapper .container {
  padding-top: 20px;
}

.reviews-v2-wrapper h1 {
  margin-bottom: 0;
}

.reviews-v2-wrapper h2 {
  margin-top: 0;
  color: #fff;
}

.reviews-v2-wrapper h3 {
  font-family: "Roboto", sans-serif;
  text-transform: capitalize;
  margin: 20px auto 15px;
  color: #fff;
}

.reviews-v2-wrapper h3 .fa.fa-star {
  color: #bf9100;
  font-size: 0.8em;
}

.reviews-v2-wrapper .review-quote {
  color: #a71b0a;
  opacity: 1;
}

.reviews-v2-wrapper .review-text {
  padding-top: 0;
}

.reviews-v2-wrapper .review-text p {
  line-height: 1.5em;
}

.owl-theme .owl-dots .owl-dot button {
  background: #fff;
  border: 1px solid #fff;
  opacity: 0.5;
}

.owl-theme .owl-dots .owl-dot.active button,
.owl-theme .owl-dots .owl-dot:hover button {
  background: #fff;
  border: 1px solid #fff;
  opacity: 1;
}

/*Reviews section end*/
/*Newsletter section*/
.newsletter-section {
  border-right: none;
}

.newsletter-section .newsletter-content-holder:before {
  background-position: center;
  background-attachment: scroll;
}

.newsletter-section .section-header {
  color: #fff;
}

.newsletter-section .sph-email-subscription h2 {
  font-family: "Roboto", sans-serif;
  font-size: 1.3em;
  color: #fff;
  text-transform: none;
  font-weight: 400;
}

.newsletter-section .sph-email-subscription .sph-email-input {
  padding: 9px 5px;
  color: #fff;
  background-color: transparent;
  border-bottom: 1px solid #fff;
}

.newsletter-section .sph-email-subscription input::-webkit-input-placeholder {
  color: #fff;
}

.newsletter-section .sph-email-subscription input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.newsletter-section .sph-email-subscription input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}

.newsletter-section .sph-email-subscription input:-ms-input-placeholder {
  color: #fff;
}

.newsletter-section .sph-email-subscription input:-webkit-autofill,
.newsletter-section .sph-email-subscription input:-webkit-autofill:hover,
.newsletter-section .sph-email-subscription input:-webkit-autofill:focus,
.newsletter-section .sph-email-subscription input:-webkit-autofill:active {
  -webkit-text-fill-color: #fff;
  color: #fff !important;
}

.newsletter-section .bar:before,
.newsletter-section .bar:after {
  background: #ffca08;
}

.googlemap-v2 .triangle,
.googlemap-v3-wrapper .triangle {
  display: none;
}

.sph-response-message {
  font-size: 1.3em;
  color: #fff;
}

/*Newsletter section end*/
/*Newsletter popup section*/
.custom-modal .modal-content {
  background-image: url("https://static.spotapps.co/web/spothopper--madiscoffee--com/css/../custom/background_newsletter.jpg");
  background-size: cover;
  background-position: center;
  background-color: #131313;
}

.custom-modal .newsletter-popup .section-header {
  color: #fff;
}

.custom-modal .close {
  color: #fff;
  opacity: 0.6;
}

.custom-modal .close:hover {
  opacity: 0.8;
}

.custom-modal .newsletter-popup .sph-email-subscription h2 {
  font-family: "Roboto", sans-serif;
  font-size: 1.3em;
  color: #fff;
}

.custom-modal .newsletter-popup .sph-email-subscription .sph-email-input {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  padding: 9px 5px;
}

.custom-modal .newsletter-popup .sph-email-subscription .sph-email-input::-webkit-input-placeholder {
  color: #fff;
}

.custom-modal .newsletter-popup .sph-email-subscription .sph-email-input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.custom-modal .newsletter-popup .sph-email-subscription .sph-email-input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}

.custom-modal .newsletter-popup .sph-email-subscription .sph-email-input:-ms-input-placeholder {
  color: #fff;
}

/*Newsletter popup section end*/
/*Contact section*/
.contact-v3 {
  background-color: #131313;
  color: #fff;
}

.contact-v3 .contact-us p {
  margin: 0;
}

.contact-v3 .days {
  padding: 0;
  text-transform: capitalize;
}

.contact-v3 .from-to {
  text-transform: lowercase;
}

.contact-v3 a {
  text-decoration: none;
  color: #fff;
}

.contact-v3 a:focus {
  color: #fff;
}

/*Contact section end*/
.footer-v2-wrapper {
  background-color: #131313;
}

.footer-v2-wrapper p {
  font-size: 1.3em;
}

/*HOMEPAGE END*/
/*ABOUT US PAGE*/
.about-us-s1-wrapper {
  padding-top: 70px;
}

.about-us-page .about-us-s1-content img {
  max-width: 250px;
}

.about-page-content .about-us-v7-content .text-wrapper .text-content {
  padding: 40px 6%;
}

/*ABOUT US PAGE END*/
/*FOOD AND DRINKS PAGE*/
.food-menu-page .food-menu-v2-wrapper,
.drink-menu-page .drink-menu-v2-wrapper {
  padding-top: 85px;
}

.food-menu-nav .food-menu-nav-item {
  padding: 6px 40px;
}

.food-menu-nav .food-menu-nav-item:hover,
.food-menu-nav .food-menu-nav-item:focus,
.food-menu-nav .food-menu-nav-item.active {
  background-color: #ffca08;
  background: #ffca08;
  border: 2px solid #ffca08;
  color: #131313;
}

.food-menu-grid-item-content {
  border-radius: 0;
}

.drink-menu .food-menu-page h2,
.drink-menu .drink-menu-page h2 {
  font-family: "Germania One", cursive;
  text-transform: uppercase;
  font-size: 2em;
  color: #000;
}

.food-menu-grid h3,
.food-menu-grid .food-price {
  font-family: "Roboto", sans-serif;
  font-size: 1.3em;
  color: #000;
}

.food-menu-grid p,
.food-menu-grid .food-item-description {
  font-size: 1.2em;
}

.food-menu-grid-item-content .food-menu-content {
  border-left: 1px solid #1d1d1d;
}

.food-menu-grid .food-price {
  color: #1d1d1d;
}

/*FOOD AND DRINKS PAGE END*/
/*GIFT CARDS PAGE*/
.gift-cards-page h1 {
  margin-top: 35px;
}

/*GIFT CARDS PAGE END*/
/*PRESS PAGE*/
.press-holder .press-item {
  border: none;
  border-bottom: 1px solid #000;
  margin-top: 0;
  padding: 10px;
  padding-bottom: 30px;
}

.press-holder a img {
  max-width: 200px;
}

.press-background .section-header {
  margin-top: 35px;
  color: #fff;
}

.press-holder h2 {
  font-family: "Germania One", cursive;
  font-size: 2.4em;
  color: #000;
}

.press-holder p {
  font-size: 1.3em;
  font-family: "Roboto", sans-serif;
  color: #000;
}

.press-autor {
  font-size: 1.3em;
  color: #000;
  font-style: italic;
}

/*PRESS PAGE END*/
/* LOCATIONS PAGE */
.locations-page.about-us-background .about-us-v3 h1 {
  color: #fff;
}

.locations-page.about-us-background .text-wrapper {
  margin-top: 10px;
}

.locations-page.about-us-background .text-wrapper .section-header {
  margin-bottom: 30px;
}

.locations-page.about-us-background .about-us-v3 .food-menu-grid-item-content h1 {
  font-size: 4.2em;
  color: #000;
}

.locations-page.about-us-background .food-menu-grid h2 {
  font-size: 1.5em;
  font-family: "Roboto", sans-serif;
  color: #000;
}

.locations-page.about-us-background .food-menu-grid h3 {
  margin-top: 5px;
  font-family: "Roboto", sans-serif;
  color: #000;
}

.location-info-holder p {
  font-size: 1.3em;
}

.location-info-holder p a {
  color: #000;
}

.location-info-holder p a:hover,
.location-info-holder p a:focus {
  color: #000;
}

/* LOCATIONS PAGE END */
.drink-menu .pagecontent {
  padding-top: 150px;
}

.empty-content-message h2,
.empty-content-message h3,
.food-menu-page .empty-content-message h2,
.food-menu-page .empty-content-message h3 {
  text-transform: none;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 1.3em;
}

@media (max-width: 1400px) {
  .section-header,
  .about-us-v8-content .text-wrapper h1,
  .about-us-v7-content .text-wrapper h1,
  .specials-v3.home-specials h1,
  .specials h1,
  .events-container h1,
  .coffee-bar-package h1,
  .locations-page.about-us-background .about-us-v3 h1,
  .about-us-page .about-us-s1-content h1,
  .custom-modal .newsletter-popup .section-header {
    font-size: 3.8em;
  }
  .about-us-v8-content .text-wrapper h2,
  .packages-form h2,
  .catering-packages.custom-page h2,
  .coffee-bar-package h2,
  .custom_html_2-section h2,
  .tmt-section h2,
  .reviews-v2-wrapper h2,
  .map-newsletter h2 {
    font-size: 1.4em;
  }
  .on-cover-content .section-wrapper .section-header,
  .uk-overlay-panel h1 {
    font-size: 4.2em;
  }
  .about-us-page .about-us-s1-content img {
    max-width: 200px;
  }
  .locations-page.about-us-background .about-us-v3 .food-menu-grid-item-content h1 {
    font-size: 3.8em;
  }
  .locations-page.about-us-background .food-menu-grid h2 {
    font-size: 1.4em;
  }
  .empty-content-message h2,
  .empty-content-message h3,
  .food-menu-page .empty-content-message h2,
  .food-menu-page .empty-content-message h3 {
    font-size: 1.3em;
  }
}
@media (max-width: 1200px) {
  .section-header,
  .about-us-v8-content .text-wrapper h1,
  .about-us-v7-content .text-wrapper h1,
  .specials-v3.home-specials h1,
  .specials h1,
  .events-container h1,
  .coffee-bar-package h1,
  .locations-page.about-us-background .about-us-v3 h1,
  .about-us-page .about-us-s1-content h1,
  .custom-modal .newsletter-popup .section-header {
    font-size: 3.4em;
  }
  .about-us-v8-content .text-wrapper h2,
  .packages-form h2,
  .catering-packages.custom-page h2,
  .coffee-bar-package h2,
  .custom_html_2-section h2,
  .tmt-section h2,
  .reviews-v2-wrapper h2,
  .map-newsletter h2 {
    font-size: 1.3em;
  }
  p {
    font-size: 1.2em;
  }
  .on-cover-content .section-wrapper .section-header,
  .uk-overlay-panel h1 {
    font-size: 3.8em;
  }
  .banner-section {
    padding: 25px 0;
  }
  .banner-section h1 {
    font-size: 1.2em;
  }
  .about-us-v8-content .text-content.title-image h1:after {
    max-height: 60px;
  }
  .tmt-section p {
    font-size: 1.2em;
  }
  .contact-v3 .contact-location,
  .contact-v3 .hours,
  .contact-v3 .find-us {
    font-size: 1.1em;
  }
  .footer-v2-wrapper a {
    font-size: 1.1em;
  }
  .about-us-page .about-us-s1-content img {
    max-width: 150px;
  }
  .drink-menu .food-menu-page h2,
  .drink-menu .drink-menu-page h2 {
    font-size: 1.8em;
  }
  .food-menu-grid h3,
  .food-menu-grid .food-price {
    font-size: 1.2em;
  }
  .food-menu-grid p,
  .food-menu-grid .food-item-description {
    font-size: 1.1em;
  }
  .locations-page.about-us-background .about-us-v3 .food-menu-grid-item-content h1 {
    font-size: 3.4em;
  }
  .locations-page.about-us-background .food-menu-grid h2 {
    font-size: 1.3em;
  }
  .location-info-holder p {
    font-size: 1.2em;
  }
  .press-holder h2 {
    font-size: 2.2em;
  }
  .press-holder p {
    font-size: 1.2em;
  }
  .press-autor {
    font-size: 1.2em;
  }
  .empty-content-message h2,
  .empty-content-message h3,
  .food-menu-page .empty-content-message h2,
  .food-menu-page .empty-content-message h3 {
    font-size: 1.2em;
  }
}
@media (max-width: 1023px) {
  .header-logo {
    max-width: 70px;
    left: 5px;
  }
  .nav > li {
    padding: 0;
  }
  .nav > li > a {
    font-family: "Roboto", sans-serif;
    font-size: 1em;
    padding: 10px 8px;
    font-weight: normal;
  }
  .navbar-inverse.nav-v2 .navbar-nav > li > a:focus,
  .navbar-inverse.nav-v2 .navbar-nav > li > a:hover,
  .navbar-inverse.nav-v2 .navbar-nav > .active > a,
  .navbar-inverse.nav-v2 .navbar-nav > .active > a:focus,
  .navbar-inverse.nav-v2 .navbar-nav > .active > a:hover {
    color: #ffca08;
  }
  .nav-v2 .social-icon {
    font-size: 24px;
    line-height: 28px;
  }
  li.drop-down-link .sub-menu a {
    font-size: 1.2em;
  }
  li.drop-down-link .sub-menu {
    padding: 5px;
  }
  li.drop-down-link .sub-menu a {
    font-size: 0.9em;
  }
  .section-header,
  .about-us-v8-content .text-wrapper h1,
  .about-us-v7-content .text-wrapper h1,
  .specials-v3.home-specials h1,
  .specials h1,
  .events-container h1,
  .coffee-bar-package h1,
  .locations-page.about-us-background .about-us-v3 h1,
  .about-us-page .about-us-s1-content h1,
  .custom-modal .newsletter-popup .section-header {
    font-size: 3em;
  }
  .custom-temp-btn,
  .uk-overlay-panel a.custom-temp-btn,
  .on-cover-content .section-wrapper a.custom-temp-btn,
  .about-us-v7-content .text-wrapper .text-content .custom-temp-btn,
  .about-us-v8-wrapper a.custom-temp-btn,
  .custom-about-us-v8-wrapper.about-us-v8-wrapper a.custom-temp-btn,
  .map-newsletter .sph-email-subscription .sph-submit-button,
  .custom-modal .newsletter-popup .sph-email-subscription .sph-submit-button,
  .addtocalendar.atc-style-blue .atcb-link,
  .specials-v3.home-specials div a.custom-temp-btn,
  .food-menu-nav .food-menu-nav-item {
    font-size: 16px;
  }
  .on-cover-content .section-wrapper .section-header,
  .uk-overlay-panel h1 {
    font-size: 3.4em;
  }
  .reviews-v2-wrapper h3 {
    font-size: 1.1em;
  }
  .reviews-v2-wrapper .review-text p {
    font-size: 1.1em;
  }
  .newsletter-section .newsletter-content-holder:before {
    background-position: center center;
  }
  .about-us-page .about-us-s1-content img {
    max-width: 100px;
  }
  .about-page-content .about-us-v7-content .text-wrapper .text-content,
  .about-us-v7-content .text-wrapper h1 {
    text-align: center;
  }
  .about-page-content .about-us-v7-content .text-wrapper .text-content p {
    text-align: center !important;
  }
  .locations-page.about-us-background .about-us-v3 .food-menu-grid-item-content h1 {
    font-size: 3em;
  }
  .empty-content-message h2,
  .empty-content-message h3,
  .food-menu-page .empty-content-message h2,
  .food-menu-page .empty-content-message h3 {
    font-size: 1.2em;
  }
}
@media (max-width: 991px) {
  .nav > li > a {
    font-size: 0.8em;
    padding: 10px 6px;
  }
  .map-newsletter .bar {
    top: 0;
  }
  .about-us-page .about-us-s1-content {
    text-align: center !important;
  }
}
@media (max-width: 769px) {
  .navbar-collapse.collapse {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .header-logo {
    max-width: 40px;
  }
  .navbar-nav {
    margin-top: 5px !important;
    margin-bottom: 0;
  }
  .nav > li > a {
    padding: 6px 15px;
    font-size: 1.2em;
  }
  .navbar-inverse .navbar-collapse {
    max-height: 480px;
    overflow: hidden;
  }
  .navbar-inverse .navbar-nav > li > a:hover,
  .navbar-inverse .navbar-nav > li.active > a,
  .navbar-inverse .navbar-nav > li.active > a:hover {
    background-color: #ffca08;
    color: #000 !important;
  }
  .navbar-inverse .navbar-toggle:hover .icon-bar,
  .nav-v2.navbar-inverse.navbar-fixed-top button[aria-expanded=true].navbar-toggle .icon-bar {
    background-color: #ffca08 !important;
  }
  .navigation-bootstrap {
    padding-bottom: 0 !important;
  }
  li.drop-down-link .sub-menu {
    padding: 0 30px 5px 30px;
  }
  .section-header,
  .about-us-v8-content .text-wrapper h1,
  .about-us-v7-content .text-wrapper h1,
  .specials-v3.home-specials h1,
  .specials h1,
  .events-container h1,
  .coffee-bar-package h1,
  .locations-page.about-us-background .about-us-v3 h1,
  .about-us-page .about-us-s1-content h1,
  .custom-modal .newsletter-popup .section-header {
    font-size: 2.6em;
  }
  .about-us-v8-content .text-wrapper h2,
  .packages-form h2,
  .catering-packages.custom-page h2,
  .coffee-bar-package h2,
  .custom_html_2-section h2,
  .tmt-section h2,
  .reviews-v2-wrapper h2,
  .map-newsletter h2 {
    font-size: 1.2em;
  }
  p {
    font-size: 1.1em;
  }
  .navbar-fixed-bottom.nav-v1 .bottom-list-item a {
    text-transform: uppercase;
    font-family: "Germania One", cursive;
    font-size: 14px;
    padding: 15px 5px;
  }
  .on-cover-content .section-wrapper .section-header,
  .uk-overlay-panel h1 {
    font-size: 2.4em;
  }
  .banner-section {
    padding: 15px 0;
  }
  .banner-section h1 {
    font-size: 1.1em;
  }
  .about-us-v8-content {
    min-height: 200px;
  }
  .about-us-v8-content .text-wrapper h1 {
    margin-top: 20px;
  }
  .about-us-v8-content .text-wrapper {
    text-align: center;
  }
  .about-us-v8-content .text-wrapper p {
    text-align: center !important;
  }
  .about-us-v8-content .title-image h1:after {
    background-position: center !important;
  }
  .about-us-v8-content .text-content.title-image h1:after {
    max-height: 55px;
  }
  .tmt-section {
    padding: 2em 0;
  }
  .tmt-section p {
    font-size: 1.1em;
  }
  .custom_html_2-section {
    padding: 2em 0;
  }
  .reviews-v2-wrapper h3 {
    font-size: 1em;
  }
  .reviews-v2-wrapper .review-text p {
    font-size: 1em;
  }
  .newsletter-section .newsletter-content-holder {
    padding: 2em 0;
  }
  .newsletter-section {
    min-height: 450px;
  }
  .footer-v2-wrapper p {
    font-size: 1.1em;
  }
  .footer-v2-wrapper a {
    font-size: 1em;
  }
  .about-us-page .about-us-s1-content img {
    max-width: 70px;
  }
  .food-menu-page .food-menu-v2-wrapper,
  .drink-menu-page .drink-menu-v2-wrapper {
    padding-top: 45px;
  }
  .food-menu-nav .food-menu-nav-item {
    padding: 7px 20px;
    border: none;
    border-bottom: 2px solid #ffca08;
    border-radius: 0;
  }
  .food-menu-nav .food-menu-nav-item:hover,
  .food-menu-nav .food-menu-nav-item:focus,
  .food-menu-nav .food-menu-nav-item.active {
    border: none;
    border-bottom: 2px solid #ffca08;
    border-radius: 0;
  }
  .food-menu-nav .food-menu-nav-item:first-of-type {
    border-top: 2px solid #ffca08;
  }
  .drink-menu .food-menu-page h2,
  .drink-menu .drink-menu-page h2 {
    font-size: 1.6em;
  }
  .food-menu-grid h3,
  .food-menu-grid .food-price {
    font-size: 1.1em;
  }
  .food-menu-grid p,
  .food-menu-grid .food-item-description {
    font-size: 1.05em;
  }
  .locations-page.about-us-background .text-wrapper {
    margin-top: 0px;
  }
  .locations-page.about-us-background .about-us-v3 .food-menu-grid-item-content h1 {
    font-size: 2.6em;
  }
  .locations-page.about-us-background .food-menu-grid h2 {
    font-size: 1.2em;
  }
  .location-info-holder p {
    font-size: 1.1em;
  }
  .press-holder h2 {
    font-size: 2em;
  }
  .press-holder p {
    font-size: 1.1em;
  }
  .press-autor {
    font-size: 1.1em;
  }
  .drink-menu .pagecontent {
    padding-top: 70px;
  }
  .empty-content-message h2,
  .empty-content-message h3,
  .food-menu-page .empty-content-message h2,
  .food-menu-page .empty-content-message h3 {
    font-size: 1.1em;
  }
}
@media (max-width: 320px) {
  .section-header,
  .about-us-v8-content .text-wrapper h1,
  .about-us-v7-content .text-wrapper h1,
  .specials-v3.home-specials h1,
  .specials h1,
  .events-container h1,
  .coffee-bar-package h1,
  .locations-page.about-us-background .about-us-v3 h1,
  .about-us-page .about-us-s1-content h1,
  .custom-modal .newsletter-popup .section-header {
    font-size: 2.2em;
  }
  .about-us-v8-content .text-wrapper h2,
  .packages-form h2,
  .catering-packages.custom-page h2,
  .coffee-bar-package h2,
  .custom_html_2-section h2,
  .tmt-section h2,
  .reviews-v2-wrapper h2,
  .map-newsletter h2 {
    font-size: 1.1em;
  }
  .navbar-fixed-bottom.nav-v1 .bottom-list-item a {
    font-size: 12px;
  }
  .on-cover-content .section-wrapper .section-header,
  .uk-overlay-panel h1 {
    font-size: 2.2em;
  }
  .footer-v2-wrapper a {
    font-size: 0.9em;
  }
  .locations-page.about-us-background .about-us-v3 .food-menu-grid-item-content h1 {
    font-size: 2.2em;
  }
  .locations-page.about-us-background .food-menu-grid h2 {
    font-size: 1.1em;
  }
  .empty-content-message h2,
  .empty-content-message h3,
  .food-menu-page .empty-content-message h2,
  .food-menu-page .empty-content-message h3 {
    font-size: 1.1em;
  }
}
/* START website specific style */
li.drop-down-link {
  margin-top: 10px;
}

li.drop-down-link .sub-menu {
  white-space: nowrap;
  min-width: -webkit-max-content !important;
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}

li.drop-down-link .sub-menu a {
  font-size: 1em !important;
  margin-left: 5px;
  text-align: left;
  text-transform: capitalize !important;
}

video#coverVideo {
  margin-top: 85px;
}

.newsletter-section .sph-email-subscription .sph-email-input {
  border: 1px solid #fff;
  text-align: center;
}

/* Food page */
.food-menu-grid h3 {
  font-weight: 600;
}

/* Food page end */
/*Press page*/
.press-background:before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-image: url("https://static.spotapps.co/web/spothopper--madiscoffee--com/css/../custom/about_us_page_left.jpg");
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-filter: brightness(0.3);
  -moz-filter: brightness(0.3);
  -o-filter: brightness(0.3);
  -ms-filter: brightness(0.3);
  filter: brightness(0.3);
}

.press-background .press-holder a {
  max-width: 200px;
  justify-self: center;
}

/*Press page end*/
/*Catering package page START*/
.article-background.custom-page {
  background-color: #edeceb;
  color: #000;
}

.custom-page h1 {
  font-family: "Gobold Bold", serif;
}

.custom-page h1.section-header {
  font-family: "Gobold Bold", serif;
}

.custom-page .custom-temp-btn {
  font-family: "Gobold Uplow", serif;
}

.custom-page .times-font {
  font-family: "Times New Roman", serif;
}

.custom-page .desktop-view {
  display: block;
}

.custom-page .mobile-view {
  display: none;
}

.custom-page div {
  text-shadow: none;
}

.custom-page .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.custom-page .flex-content {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.custom-page .flex-content.left-content {
  text-align: left;
}

.custom-page .flex-content img {
  margin: 5px;
  width: 400px;
}

.custom-page .catering-base-package-img {
  background-image: url("https://static.spotapps.co/web/spothopper--madiscoffee--com/css/../custom/catering/catering_base_package.jpg");
  height: 400px;
  width: 400px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5%;
}

.coffee-bar-package {
  margin-top: 30px;
}

.coffee-bar-package .flex-content {
  width: 31%;
  margin: 10px 2% 10px 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}
.coffee-bar-package .flex-content:last-child {
  margin-right: 0;
}
.coffee-bar-package .flex-content img {
  max-height: 450px;
  margin: auto;
}

.coffee-bar-package h1 {
  font-size: 3em;
  margin-top: 50px;
}

.catering-packages.custom-page h2,
.coffee-bar-package h2 {
  font-size: 1.6em;
}

.coffee-bar-package img {
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
}

.catering-packages.custom-page .pagecontent {
  width: 100%;
}

.catering-packages.custom-page .form-title-content h2 {
  font-family: "League Gothic", sans-serif;
}

.catering-packages.custom-page .flex-wrapper {
  margin-top: 50px;
}
.catering-packages.custom-page .flex-wrapper .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  margin: 0 auto;
  max-width: 1600px;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
  margin-bottom: 50px;
}
.catering-packages.custom-page .flex-wrapper .flex-item.in-viewport {
  opacity: 1;
}
.catering-packages.custom-page .flex-wrapper .flex-item .text {
  width: calc(40% - 10px);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 10px;
  text-align: left;
}
.catering-packages.custom-page .flex-wrapper .flex-item .text h1.section-header {
  text-align: inherit;
  margin-top: 0;
}
.catering-packages.custom-page .flex-wrapper .flex-item .text a.custom-temp-btn {
  display: inline-block;
  margin-bottom: 0;
}
.catering-packages.custom-page .flex-wrapper .flex-item img {
  width: calc(60% - 10px);
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.5);
}
.catering-packages.custom-page .flex-wrapper .flex-item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.catering-packages.custom-page .flex-wrapper .flex-item:nth-child(even) .text {
  text-align: right;
}

/*FORM DESIGN START*/
.packages-form-page {
  width: 100%;
}

.packages-form-page input[type=checkbox] {
  height: 20px;
  width: 20px;
}

.more-items {
  font-weight: bold;
  margin-bottom: 45px;
}

.catering-packages h1.section-header {
  font-family: "Gobold Bold", serif;
}

.custom-page.catering-packages-base .container {
  padding: 0;
}

.custom-page.catering-packages-base .pagecontent {
  width: 100%;
}

.custom-page.catering-packages-base .pagecontent .text-center p {
  padding: 0 50px;
}

.custom-page.catering-packages-base .flex-box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30%;
  margin: 30px auto 0;
  max-width: 90%;
}
.custom-page.catering-packages-base .flex-box .flex-content.packages-form {
  width: 40%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.custom-page.catering-packages-base .flex-box .flex-content {
  width: 60%;
}

.check-box-holder {
  display: block;
  width: 100%;
}

.box-holder legend {
  color: #000;
  font-size: 1em;
  margin: 0;
  border: none;
}

.box-holder textarea {
  width: 100%;
}

.checkbox-holder {
  margin: 10px 0;
}

.checkbox-holder label {
  position: relative;
  top: -5px;
  padding-left: 10px;
  display: inline;
}

.custom-page.catering-packages-base input:not([type=checkbox]),
.custom-page.catering-packages-base select {
  color: #000;
  border: none;
  border-bottom: 1px solid #000;
  width: 100%;
  max-width: 100%;
  padding: 5px 0 5px 5px;
  margin-bottom: 10px;
}

.custom-page.catering-packages-base textarea {
  width: 100%;
}

.custom-page button.custom-temp-btn {
  width: 100%;
}

.custom-page .submit-success {
  text-align: center;
  margin-top: 50px;
}

.custom-page.catering-packages-base .info-text {
  margin: 25px auto;
}

.custom-page.catering-packages-base .info-text a {
  color: #000;
}

.custom-page.catering-packages-base .info-text a:hover {
  color: #000;
}

/*FORM DESIGN END*/
/*Thank you page*/
.thank-you-base-page {
  text-align: center;
  color: #000;
  background-color: #fbe19f;
}

.thank-you-base-page .section-header {
  margin-bottom: 50px;
  text-shadow: none;
}

.thank-you-base-page p {
  text-shadow: none;
}

/*Thank you page end*/
.custom-temp-btn[disabled] {
  cursor: not-allowed;
}

/*Catering package page END*/
/* Custom Locations page start */
.drink-menu.custom-locations-page {
  background-color: #fff;
}
.drink-menu.custom-locations-page * {
  text-shadow: none;
}
.drink-menu.custom-locations-page .pagecontent .container {
  text-align: center;
}
.drink-menu.custom-locations-page .section-header {
  font-family: "wonder corner";
}
.drink-menu.custom-locations-page .custom-temp-btn,
.drink-menu.custom-locations-page h2 {
  font-family: "Bebas";
}
.drink-menu.custom-locations-page .pagecontent {
  color: #000;
}
.drink-menu.custom-locations-page .custom-locations-grid {
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: 30px;
  padding-block: 3em 10em;
}
.drink-menu.custom-locations-page .custom-locations-grid > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.drink-menu.custom-locations-page .custom-locations-grid .university-city-images-container .img-holder img {
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 70%;
     object-position: 50% 70%;
  -webkit-transition: 300ms ease-in-out all;
  transition: 300ms ease-in-out all;
}
.drink-menu.custom-locations-page .custom-locations-grid .university-city-images-container .img-holder img:is(:hover, :focus) {
  border-radius: 5px;
  scale: 1.02;
}
.drink-menu.custom-locations-page .custom-locations-grid .location-info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.drink-menu.custom-locations-page .custom-locations-grid img {
  width: 100%;
}
.drink-menu.custom-locations-page .custom-locations-grid p {
  font-family: "Aeonik TRIAL";
}
.drink-menu.custom-locations-page .custom-locations-grid p a {
  color: #000;
}

/* Custom Locations page end */
/* Locations page v2 */
.locations-v2-page {
  background-color: #fff;
  overflow: hidden;
  color: #000;
}

.locations-v2-page * {
  text-shadow: none;
}

.locations-v2-page .main-holder {
  border-top: 2px solid #000;
}

.locations-v2-page .pagecontent {
  width: 100%;
  padding-bottom: 0;
}

.locations-v2-page h1.section-header {
  margin-top: 35px;
  margin-bottom: 30px;
}

.locations-v2-page .main-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}

.locations-v2-page .items-holder {
  width: 30%;
  background-color: #fff;
}

.locations-v2-page .items-holder .items {
  overflow-y: scroll;
  height: 100%;
}

.locations-v2-page .items-holder .location-info-holder:not(:last-of-type) {
  border-bottom: 2px solid #000;
}

.locations-v2-page .items-holder .location-info-holder .location-info-item img {
  margin-top: 0;
}

.locations-v2-page .items-holder .location-info-holder .location-info-item.item-1 {
  padding: 0;
}

.locations-v2-page .items-holder .location-info-holder h1 {
  margin-top: 30px;
  color: #000;
}

.locations-v2-page .items-holder .location-info-item.item-2 {
  padding-bottom: 30px;
  margin-bottom: 0;
}

.locations-v2-page .items-holder .location-info-item.item-2 .button-holder {
  padding: 10px 0 0;
}

.locations-v2-page .items-holder .zoom-btn {
  display: inline-block;
}

.locations-v2-page .map-holder .reset-zoom-btn {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 1;
  margin: 0;
  padding: 5px 15px;
}

.locations-v2-page .mobile-scroll {
  display: none;
}

.locations-v2-page .map-holder {
  width: 70%;
}

.locations-v2-page .main-holder .scroll-indicator {
  position: absolute;
  top: -22px;
  left: calc(50% - 29px);
  opacity: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 15px -5px #000;
          box-shadow: 0 0 15px -5px #000;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}

.locations-v2-page .main-holder .scroll-indicator span {
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 10px;
  height: 10px;
  margin: 0 0 13px -5px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: scrollIndicatorWobble 2s infinite;
  animation: scrollIndicatorWobble 2s infinite;
}

.locations-v2-page .main-holder .scroll-indicator span:nth-of-type(2) {
  bottom: 7px;
}

@-webkit-keyframes scrollIndicatorWobble {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
            transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-5px, 5px);
            transform: rotate(-45deg) translate(-5px, 5px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
            transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes scrollIndicatorWobble {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
            transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-5px, 5px);
            transform: rotate(-45deg) translate(-5px, 5px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
            transform: rotate(-45deg) translate(0, 0);
  }
}
/* Locations page v2 end */
/* Locations page start */
.drink-menu.locations-v2-page .pagecontent h1,
.drink-menu.locations-v2-page .pagecontent h2,
.drink-menu.locations-v2-page .pagecontent p,
.drink-menu.locations-v2-page .pagecontent .custom-temp-btn {
  font-family: "Aeonik TRIAL";
}

.drink-menu.locations-v2-page .location-info-item {
  background-color: #e0e0e0;
}

.drink-menu.locations-v2-page .pagecontent h1:not(.section-header) {
  margin-top: 0;
  padding-top: 30px;
}

.drink-menu.locations-v2-page .items p a {
  color: #000;
}

.drink-menu.locations-v2-page .custom-temp-btn {
  border-color: #000;
}

/* Locations page end */
/* Menu Picker page */
.menu-picker-custom-page {
  background-color: #fff;
  color: #000;
}

.menu-picker-custom-page::before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  background-image: url("https://static.spotapps.co/web/spothopper--madiscoffee--com/css/../custom/food_back.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(0.6) opacity(0.2);
  -moz-filter: grayscale(0.6) opacity(0.2);
  -o-filter: grayscale(0.6) opacity(0.2);
  -ms-filter: grayscale(0.6) opacity(0.2);
  filter: grayscale(0.6) opacity(0.2);
}

.menu-picker-custom-page * {
  text-shadow: none;
}

.menu-picker-custom-page .pagecontent {
  text-align: center;
  padding-bottom: 1px;
}
.menu-picker-custom-page .pagecontent .text-center.btns-holder a {
  margin: 5px;
}

/* Menu Picker page end */
.drink-menu.article-background.custom-locations-page .location-info a.custom-temp-btn.hvr-fade {
  border: 2px solid #000;
}
.drink-menu.article-background.custom-locations-page .location-info a.custom-temp-btn.hvr-fade:is(:hover, :focus, :active) {
  color: #ffca08;
}

@media (max-width: 1024px) {
  .custom-page.catering-packages-base .pagecontent h1 {
    font-size: 3em;
  }
}
@media (max-width: 1024px) {
  .coffee-bar-package h1 {
    font-size: 2.7em;
  }
  .custom-page.catering-packages-base .flex-box .flex-content.packages-form {
    width: 60%;
  }
}
@media (max-width: 1023px) {
  .catering-packages.custom-page .flex-wrapper .flex-item,
  .catering-packages.custom-page .flex-wrapper .flex-item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .catering-packages.custom-page .flex-wrapper .flex-item .text,
  .catering-packages.custom-page .flex-wrapper .flex-item:nth-child(even) .text {
    width: 100%;
    text-align: center;
  }
  .catering-packages.custom-page .flex-wrapper .flex-item img,
  .catering-packages.custom-page .flex-wrapper .flex-item:nth-child(even) img {
    width: 100%;
    margin-top: 10px;
  }
}
@media (max-width: 991px) {
  li.drop-down-link .sub-menu a {
    font-size: 0.8em !important;
  }
  .catering-packages-base.custom-page .pagecontent {
    width: 90%;
  }
  .drink-menu.custom-locations-page .custom-locations-grid {
    grid-template-columns: 2fr 1fr;
  }
}
@media (max-width: 767px) {
  .nav-v2.navbar-fixed-top .header-logo {
    height: 60px;
  }
  li.drop-down-link .sub-menu {
    width: 100%;
  }
  .nav > li > a {
    font-size: 1em !important;
  }
  li.drop-down-link {
    margin-top: 0;
  }
  video#coverVideo {
    margin-top: 60px;
  }
  .about-us-s1-wrapper {
    padding-top: 60px;
  }
  .custom-page .desktop-view {
    display: none;
  }
  .custom-page .mobile-view {
    display: block;
    text-align: center;
  }
  .custom-page .flex-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .custom-page.catering-packages-base .pagecontent h1 {
    font-size: 2.3em;
  }
  .custom-page.catering-packages-base .pagecontent p {
    font-size: 1.3em;
  }
  .custom-page.catering-packages-base .flex-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .custom-page .catering-base-package-img {
    background-size: cover;
    background-position: center;
    margin-right: 0;
  }
  .custom-page .flex-content.left-content {
    text-align: center;
  }
  .custom-page .flex-content {
    width: 100% !important;
  }
  .custom-page.catering-packages-base .pagecontent .text-center p {
    padding: 0 20px;
  }
  .custom-page.catering-packages-base .info-text {
    text-align: left;
  }
  .custom-page.catering-packages-base input:not([type=checkbox]),
  .custom-page.catering-packages-base select {
    width: 100%;
  }
  .coffee-bar-package h1 {
    font-size: 2.4em;
  }
  .custom-page .flex-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .custom-page .flex-content img {
    width: calc(50% - 10px);
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 5px;
  }
  .drink-menu.custom-locations-page .custom-locations-grid {
    grid-template-columns: 1fr;
  }
  /*Locations page v2 */
  .locations-v2-page {
    overflow: visible;
  }
  .locations-v2-page.drink-menu .tabs-container {
    margin-bottom: 0;
  }
  .locations-v2-page .main-holder {
    display: inline-block;
  }
  .locations-v2-page .items-holder {
    overflow-y: visible;
    width: 100%;
  }
  .locations-v2-page .items-holder .location-info-holder .location-info-item.item-1 {
    padding-top: 0;
  }
  .locations-v2-page .items-holder .location-info-holder .location-info-item.item-1 img {
    display: inline-block;
    margin: 0 auto;
    height: auto;
  }
  .locations-v2-page .items-holder .location-info-holder h1 {
    padding: 10px 0;
    margin-top: 10px;
  }
  .locations-v2-page .location-info-item.item-2 .custom-temp-btn {
    min-width: 200px;
  }
  .locations-v2-page .map-holder {
    width: 100%;
    border-top: 2px solid #000;
  }
  .locations-v2-page .map-holder .reset-zoom-btn {
    top: 50px;
    -webkit-animation: none;
            animation: none;
  }
  .locations-v2-page .mobile-scroll {
    position: absolute;
    top: 0;
    right: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .locations-v2-page .mobile-scroll .scroll-btn {
    margin: 0;
    padding: 5px 15px;
    position: sticky;
    z-index: 2;
    pointer-events: all;
  }
  .locations-v2-page .mobile-scroll .scroll-btn.view-locations {
    display: none;
  }
  /* END Locations page  v2*/
  /* Multiple pins on map */
  .maps-wrapper .reset-zoom-btn {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 1;
    margin: 0;
    padding: 0 5px;
  }
  .maps-wrapper.about-us-s3-wrapper .reset-zoom-btn {
    top: 10px;
    right: 50px;
    padding: 0 5px;
  }
  .maps-wrapper .reset-zoom-btn {
    right: 5px;
  }
}