@media (max-width: 340px) {
  .navik-header .logo {
    padding: 0px;
    text-align: left;
  }
  .burger-menu {
    top: 13px;
  }
}

@media (min-width: 321px) and (max-width: 413.95px) {
  .page-hero-section {
      padding-top: 40px;
      padding-bottom: 40px;
  }
}


#tabs-nav {
  margin-bottom: 30px;
}

/*  CUSTOM MENU ITEM WRAPPING */
.single-col-list {
  padding-left: 15px;
  margin: 0;
  list-style-type: none;
}

.multi-col-list {
  width: 100%;
}

.multi-col-list ul {
  display: block;
  width: 100%;
  padding-left: 10px;
  margin: 0;
  list-style-type: none;
  column-gap: 2rem;
}

.multi-col-list li {
  break-inside: avoid;
  padding: 0 0.25rem;
}

/* Responsive column counts */
@media (min-width: 576px) {
  .multi-col-list ul {
    column-count: 2;
  }
}

@media (min-width: 768px) {
  .multi-col-list ul {
    column-count: 3;
  }
}

@media (min-width: 1200px) {
    .multi-col-list ul {
      column-count: 4;
    }
    .callusbtn {
      display: none;
  }
}


.line-menu {
  background-color: #fff;
}

.dropdown-plus::before, .dropdown-plus::after {
  background-color: #fff;
}



/* Optional: make sure list items don’t get cramped at small screens */
.multi-col-list li {
  break-inside: avoid;
  padding: 0 0.25rem;
}




.navik-menu ul li > a {
  color: #ffffff;
}

.white-color, .white-color h2, .white-color h3, .white-color h4, .white-color h5, .white-color h6, .white-color p, .white-color a, .white-color li, .white-color i, .white-color span {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}


.icon {
    width: 100%; /* Make the icon fill its container */
    height: auto; /* Maintain aspect ratio */
    max-width: 80px; /* Optional: Set a maximum width */
    margin: 0 auto; /* centers the icon */
  }

  .tabs-1 li h5 {
    margin-top: 10px;
  }


  .visually-hidden {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
  }

  /* remove BG Header on larger screens */
  .viewport-lg{
    background-image: url(menu.css);
  }
  

  .callusbtn {
    left: 0px;
}


  .burger-menu {
    right: 0px;
  }


  
  @media (max-width: 767px) {
    .icon {
      max-width: 60px;
    }
  }

  #hero-1 h2, #hero-2 h2, #hero-3 h2, .hero-4-txt h2, #hero-6 h2, #hero-9 h2 {
    line-height: .9;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Add drop shadow */
}

#hero-3 h3, #hero-6 h3, .h4, h4 {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Add drop shadow */
}

.hero-4-txt
.navik-menu {
  color: #212121;
}

.logo {
  display: flex;
  align-items: flex-start; /* Align items to the top */
  font-family: 'Oswald', sans-serif;
    line-height: 1.2;
    font-weight: 5400;
    text-transform: uppercase;
    letter-spacing: 0;
	color:white;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: clamp(0.8rem, 2vw, 1.2rem);
}

.logo span {
  text-align: left;
}

.logo span.FOTW {
	font-size: clamp(1.3rem, 4vw, 1.8rem);
	font-weight: 600;
	line-height: 1.3;
	margin-top: 20px;
}

#header-3 .navik-menu ul li > a {
  font-size: 22px;
  padding-left: 16px;
  padding-right: 16px;
}

#header-3 .navik-menu .topMenu .dropdown_menu .sticky {
  color:white;
}

.navbar-dark .navik-menu ul li > a {
  color: #f4dfff;
}

.header .navik-header .header-transparent .header-shadow .viewport-lg .sticky {
  color: #f4dfff;
}

.navbar-dark .navik-menu > ul > li.dropdown_menu > a > span::before {
  border-color: #f4dfff;
}

a {
  color: #9673FF;
}

a:hover {
  color: #8416A8;
}

#giftcards-page {
  background-image: url(../images/giftcards-page.jpg);
}

#rewards-page {
  background-image: url(../images/rewards-page.jpg);
}

.wide-70 {
  padding-top: 50px;
}

.menu-6-txt {
  background-color: white;
}

.menu-7-img {
  background-color: white;
}

.menu-7-item {
  margin-bottom: 25px;
}

.menu-6-txt ul {
  list-style: initial;
  padding-left: 30px;
}

.menu-6-txt ul li {
  margin-bottom: 5px;
  line-height: 1.2;
  font-size: 16px;
}

/* Optional: Style the list markers */
.menu-6-txt ul li::marker {
  color: #8416A8;
  font-size: 1.2em;
}

/* Menu Item Text */
#header-3 .navik-menu ul li.topMenu > a {
  color:white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.item-details-xs {
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  color: #999999;
}
@media (min-width: 576px){
  .item-details-xs {
    font-size: .9rem;
    line-height: 1.3;
    font-weight: 400;
    color: #999999;
  }
}

.custom-item-details-xs {
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  color: #999999;
}
@media (min-width: 576px){
  .custom-item-details-xs {
    font-size: 1.0rem;
    line-height: 1.3;
    font-weight: 400;
    color: #999999;
  }
}

#header-1.navik-header.sticky, #header-3.navik-header.sticky {
    background-image: url("../images/about-page.jpg");
    background-size: cover;
    background-position: center;
  }

  @media (min-width: 1200px) {
    .navik-header.sticky .logo img {
        max-height: 83px;
    }
}


@media (min-width: 768px) and (max-width: 899px) {
  .slider-h2-shrink {
    font-size: 3rem !Important;
  }
}


@media (min-width: 900px) and (max-width: 1139px) {
  .slider-h2-shrink {
    font-size: 4rem !Important;
  }
}

@media (min-width: 1140px) and (max-width: 1400px) {
  .slider-h2-shrink {
    font-size: 5.0rem !Important;
  }
}


.custom-item-disabled {
  text-decoration: line-through;
  opacity: 0.5;
}


.posts-category {
  padding-top: 35px;
  margin-bottom: .25rem;
}

#menu-drinks-custom hr {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

hr {
  border-top: 2px solid rgba(87, 22, 117, 0.411);
}

h5.signature-title {
  line-height: 1;
  margin-top: 10px;
  padding-bottom: 6px;
  letter-spacing: 0;
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  FOOTER HOURS
/*------------------------------------------*/

#store-status {
  font-weight: bold;
  margin-top: 0.5rem;
}

.open-now {
  color: #28a745; /* green */
}

.closed-now {
  color: #dc3545; /* red */
}

.today-row {
  font-weight: bold;
  color: #d32f2f; /* A standout red, change as desired */
}


/*------------------------------------------*/
/*  DRINK ICON
/*------------------------------------------*/

.drink-ico {
    display: block;
    position: absolute;
    width: 120px;
    height: 50px;
  }
  
  .pbox-7 .drink-ico {
    top: 10px;
    right: 10px;
  }
  
  
  .menu-7-img .drink-ico,
  .pbox-14-img .drink-ico {
    top: 7px;
    right: 5px;
  }

 
  .drink-ico.ico-25 [class*="flaticon-"]:before, 
  .drink-ico.ico-25 [class*="flaticon-"]:after { font-size: 1.375rem; }
  
  
  
  .drink-SpriteGroup {
    background-image: url(../images/drinkbadge/SpriteGroup.png);
    width: 120px;
    height: 50px;
    position: absolute;
  }
  
  .drink-CokeGroup {
    background-image: url(../images/drinkbadge/CokeGroup.png);
    width: 120px;
    height: 50px;
    position: absolute;
  }
  
  .drink-DrPepperGroup {
    background-image: url(../images/drinkbadge/DrPepperGroup.png);
    width: 120px;
    height: 50px;
    position: absolute;
  }
  
  .drink-MtnDewGroup {
    background-image: url(../images/drinkbadge/MtnDewGroup.png);
    width: 120px;
    height: 50px;
    position: absolute;
  }
  
  .drink-RedCreamSoda {
    background-image: url(../images/drinkbadge/RedCreamSoda.png);
    width: 120px;
    height: 50px;
    position: absolute;
  }
  
  .drink-RootBeer {
    background-image: url(../images/drinkbadge/RootBeer.png);
    width: 120px;
    height: 50px;
    position: absolute;
  }

  .drink-Orange {
    background-image: url(../images/drinkbadge/Fanta.png);
    width: 120px;
    height: 50px;
    position: absolute;
  }

  .drink-PepsiGroup {
    background-image: url(../images/drinkbadge/PepsiGroup.png);
    width: 120px;
    height: 50px;
    position: absolute;
  }

  .drink-Lemonade {
    background-image: url(../images/drinkbadge/Lemonade.png);
    width: 120px;
    height: 50px;
    position: absolute;
  }
  
  .drink-SpriteLemonade {
    background-image: url(../images/drinkbadge/SpriteLemonade.png);
    width: 120px;
    height: 50px;
    position: absolute;
  }

  .drink-Water {
    background-image: url(../images/drinkbadge/Blank.png);
    width: 120px;
    height: 50px;
    position: absolute;
  }

  .drink-HotChocolate {
    background-image: url(../images/drinkbadge/Blank.png);
    width: 120px;
    height: 50px;
    position: absolute;
  }

  .drink-Coffee {
    background-image: url(../images/drinkbadge/Blank.png);
    width: 120px;
    height: 50px;
    position: absolute;
  }