:root {
   --base-font-size: 1rem;
   --bb-teal: #00A9A1;
   --bb-light-teal: #5aa994;
   --bb-light-teal-rgb: rgb(91, 169, 148);
   --bb-lime-green: #B2D235;
   --bb-lime-green-pattern-bg: #DBE23D;
   --bb-green: #096d68;
   --bb-green-rgb: rgb(9, 109, 104);
   --bb-orange: #FCAF17;
   --bb-yellow: #fbe051;
   --bb-pale-yellow: #f5f1b2;
   --bb-yellow-pattern-bg: #FFE06A;
   --bb-purple: #8F278A;
   --bb-purple-rgb: rgb(144, 39, 139);
   --bb-purple-pattern-bg: #89257F;
   --bb-magenta: #EC008C;
   --bb-dim-gray: rgb(80, 80, 80);
   --bb-placeholder-color: #5b5b5b;
   --bb-input-color: rgb(0, 0, 0);
   --bb-dark-gray: #585858;
   --bb-brown: #5F462B;
   --bb-chestnut: #CFAB7A;
   --bb-font-cabin: 'Cabin';
   --bb-font-brandon-printed: 'Brandon Printed';

}

/* ==================================================GLOBAL===================================== */

.scroll-lock,
.no-scroll {
   overflow-y: hidden !important;
}

/* sticky footer buttons */
.fixed-bottom {
   position: fixed !important;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   z-index: 1020;
}

/* sticky header */
.sticky-header {
   position: fixed !important;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 1020;
}

ul {
   list-style-position: outside;
   list-style-type: disc;
   padding-inline-start: 20px;

   &.list-unstyled {
      padding-left: 0 !important;
      padding-inline-start: 0 !important;
      list-style: none !important;
   }
}

img {
   max-width: 100%;
   height: auto;
}

/* Dynamic elements  */


.js-dropdown-box {
   transition: all 0.3s ease-in-out;
   display: none;
}

.js-dropdown-box.open {
   display: block;
}

.js-droplink:before {
   transform: rotate(0deg);
   transition: transform 0.3s ease-in-out;
}

.js-droplink.open:before {
   transform: rotate(180deg);
}

/* ================================================== NEW HEADER===================================== */

/* header {
   ul {
    padding-left: 0;
    padding-inline-start: 0;
    list-style: none;
   }
  
   .global-alert {
  
    a,
    a:hover {
     text-decoration: none;
    }
  
    .global-alert-link {
     font-size: 0.85rem;
    }
  
    .global-alert-message {
  
     p,
     a,
     a:hover {
      font-size: 1rem;
     }
    }
   }
  
   .navbar {
    ul {
     list-style: none;
     padding: 0;
    }
  
    a,
    a:hover {
     text-decoration: none;
  
    }
  
    .navbar__left {
     .navbar-brand {
      img {
       width: 6rem;
      }
     }
  
     .navbar-toggle {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
  
      .navbar-toggle-icon {
       width: 2rem;
       height: 0.25rem;
       background-color: var(--bb-teal, #00A9A1);
       position: relative;
       transform-origin: left;
       transition: transform 0.3s ease-in-out;
      }
  
      &.open {
       .navbar-toggle-icon:first-of-type {
        transform: rotate(45deg);
        top: -5px;
       }
  
       .navbar-toggle-icon:nth-of-type(2) {
        display: none;
       }
  
       .navbar-toggle-icon:last-of-type {
        transform: rotate(-45deg);
        top: 5px;
       }
  
      }
     }
  
     .navbar-expand-lg {
      .navbar-nav {
       .nav-link {
        font-size: 1rem;
        text-transform: uppercase;
        color: var(--bb-teal, #00A9A1);
        transition: color 0.3s ease-in-out;
        padding: 0;
  
       }
      }
     }
  
    }
  
    .navbar__right {
     #selected-location {
      display: none;
     }
  
     .img-icon {
      width: 2rem;
     }
  
     .img-caption {
      font-size: 0.75rem;
     }
  
     .navbar__cart {
      .cart-toggler {
       & .cart-has-fooditem {
        .cart-item-count {
         display: flex;
        }
       }
  
       .cart-item-count {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        background-color: var(--bb-magenta, #EC008C);
        border: 1px solid #fff;
        color: #fff;
        text-align: center;
        font-size: 1rem;
        position: absolute;
        bottom: 1;
        right: -0.2rem;
        display: none;
     
        align-items: center;
        justify-content: center;
       }
      }
  
     }
  
     .navbar__location {
  
      a,
      div {
       font-size: 1rem;
       color: var(--bb-teal, #00A9A1);
       transition: color 0.3s ease-in-out;
       -webkit-transition: color 0.3s ease-in-out;
       -moz-transition: color 0.3s ease-in-out;
       -ms-transition: color 0.3s ease-in-out;
       -o-transition: color 0.3s ease-in-out;
      }
  
     }
  
     .selected-location {
      .location-dropdown-toggler::before {
       content: "";
       border-top: 0.5rem solid var(--bb-teal, #00A9A1);
       border-right: 0.4rem solid transparent;
       border-left: 0.4rem solid transparent;
       position: absolute;
       top: 0.25rem;
       right: -1.125rem;
       transform: rotate(0deg);
       transition: transform 0.3s ease-in-out;
      }
  
      .location-dropdown-toggler.open::before {
       transform: rotate(180deg);
      }
  
     }
  
     .navbar__account {
      a {
       color: var(--bb-teal, #00A9A1);
       font-size: 1rem;
       transition: color 0.3s ease-in-out;
       -webkit-transition: color 0.3s ease-in-out;
       -moz-transition: color 0.3s ease-in-out;
       -ms-transition: color 0.3s ease-in-out;
       -o-transition: color 0.3s ease-in-out;
      }
  
     }
  
     .navbar__cart {
      .cart-empty-popup {
       position: absolute;
       background-color: #fff;
       border: 1px solid var(--bb-teal, #00A9A1);
       padding: 1rem;
       top: 5rem;
       right: 0.3rem;
       max-width: 20rem;
       color: var(--bb-dim-gray, rgb(80, 80, 80));
       z-index: 3;
  
       h2 {
        font-size: 1.25rem;
       }
  
       .arrow {
        position: absolute;
        width: 15px;
        height: 15px;
        border-width: 1px;
        border-style: solid;
        border-top-color: var(--bb-teal, #00A9A1);
        border-left-color: var(--bb-teal, #00A9A1);
        border-bottom-color: #fff;
        border-right-color: #fff;
        transform: rotate(45deg);
        top: -8px;
        right: 2rem;
        background-color: #fff;
       }
  
      }
     }
    }
   }
  
   .nav--mobile {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 5.8rem;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    transition: 0.5s;
  
    &.active {
     width: 100vw;
    }
  
    a,
    a:visited {
     color: var(--bb-teal, #00A9A1);
    }
  
    a:hover,
    a:active {
     color: var(--bb-green, #096d68);
    }
  
    .nav-link {
     padding: 0.25rem 1rem;
    }
  
    .nav--mobile__primary {
     a {
      font-size: 1.75rem;
     }
    }
  
    .nav--mobile__secondary {
     a {
      font-size: 1.125rem;
     }
    }
  
   }
  
   .location-bar {
    .location-bar-toggler::before {
     content: "";
     position: absolute;
     right: 15px;
     top: 50%;
     transform: translateY(-50%);
     border-top: 8px solid #fff;
     border-right: 6px solid transparent;
     border-left: 6px solid transparent;
    }
  
    .location-bar-toggler.open::before {
     transform: rotate(180deg) translateY(50%);
    }
  
    .location-bar__icon {
     width: 1.5rem;
    }
   }
  
   .location-dropdown {
    display: none;
  
    &.open {
     display: block;
    }
  
    .location-selected {
     h2 {
      color: var(--bb-green, #096d68);
      font-size: 1rem;
     }
  
     .location-dropdown-image {
      img {
       display: block;
       max-width: 100%;
      }
     }
  
     .location-dropdown-address {
  
      h3,
      a,
      span {
       font-size: 1rem;
       letter-spacing: -1px;
      }
     }
  
     .location-dropdown-links {
      ul {
       list-style-type: none;
       list-style-position: inside;
       padding-inline-start: 0;
      }
  
      .location-icons {
       display: flex;
       justify-content: center;
       gap: 1.25rem;
       text-align: center;
  
       ul {
        list-style-type: none;
        list-style-position: inside;
        padding-inline-start: 0;
  
        li {
         a {
          font-weight: bold;
          ;
         }
        }
       }
      }
     }
  
     .location-dropdown-hours {
      color: var(--bb-green, #096d68);
  
      .times {
       padding-left: 15px;
       color: var(--bb-green, #096d68);
       text-transform: lowercase;
      }
  
      a {
       color: var(--bb-green, #096d68);
       font-weight: bold;
      }
     }
    }
  
  
    #dropdown-location-selected {
     display: none;
    }
  
   }
  
   @media (min-width:360px) {
    .location-dropdown {
     .location-selected {
      h2 {
       font-size: 1.25rem;
      }
     }
  
    }
  
   }
  
   @media (min-width:992px) {
    .navbar {
     .navbar__left {
      .navbar-toggle {
       display: none;
      }
     }
  
     .navbar__right {
      .navbar__cart {
       .cart-toggler {
        .cart-item-count {
         bottom: 1rem;
        }
       }
      }
     }
    }
  
    .location-dropdown {
     position: absolute;
     z-index: 5;
     max-width: 30rem;
     background-color: #fff;
     border: 1px solid var(--bb-teal, #00A9A1);
     right: 8rem;
     top: 6rem;
     transition: all 0.3s ease-in-out;
  
     .location-selected {
      address {
       font-size: 1rem;
  
       span {
        font-size: 1rem;
       }
      }
  
      .location-dropdown-hours {
       font-size: 1rem;
  
       span,
       a {
        font-size: 1rem;
       }
      }
     }
    }
   }
  
   @media (min-width:1200px) {
    .navbar__left {
     .navbar-expand-lg {
      .navbar-nav {
       .nav-link {
        font-size: 1.125rem;
  
       }
      }
     }
    }
   }
  
  }  */

/* ================================================== OLD HEADER ===================================== */

header {
   transition: background-color 0.3s ease-in-out;
   background-color: #fdfdf9;
   border: 1px solid #e2e2e2;
}

#header a:hover {
   text-decoration: none;
}

.bs-header {
   padding: 0 1rem;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   background-image: url("https://media.bahamabreeze.com/images/site/responsive/header-mob-bg.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   background-color: #fdfdf9;
}



.bs-header .logo-wrap {
   width: 7rem;
}

.bs-header .logo-wrap .logo {
   display: block;
   line-height: 0;
}

.bs-header nav {
   margin-left: 3rem;

}

.bs-header ul {
   padding-left: 0;
}

.bs-header .nav-list {
   margin-bottom: 0;
   padding-left: 0;
}

.bs-header .nav-list .nav-item {
   display: inline-block;
   margin: 0 1.5rem;
}

.bs-header .nav-list .nav-item:first-of-type {
   margin-left: 0;
}

.bs-header .nav-list .nav-item:last-of-type {
   margin-right: 0;
}

.bs-header .nav-list .nav-link {
   font-size: 1.25rem;
   text-transform: uppercase;
   color: #00a9a1;
   padding: 0;
   transition: color 0.3s ease-in-out;
   font-family: "WickedGrit";
   /*"NanumGothicBold";*/
}

.bs-header .nav-list .nav-link:hover {
   color: #096d68;
}

.bs-header .cart-location-wrapper {
   margin-left: auto;
   margin-right: 0;

}

.bs-header .cart-location-list {
   display: flex;
   align-items: center;
   padding-left: 0;
   gap: 1.5rem;
}

.header .cart-location-item .img-reserve {
   width: 2rem;
}

.header .cart-location-item .img-cart {
   width: 1.5rem;
}

.bs-header .cart-location-list .cart-location-item {
   color: #00a9a1;
   font-family: "Now-Medium";
}

.bs-header .cart-location-list .cart-location-item:last-of-type {
   margin-right: 0;
}


.bs-header .cart-location-list .cart-location-item .locate-me-wrap .selected-location {
   display: none;

}

.bs-header .cart-location-list .cart-location-item .locate-me-wrap .selected-location .location-name,
.bs-header .cart-location-list .cart-location-item .locate-me-wrap .selected-location .location-num,
.bs-header .cart-location-list .cart-location-item .locate-me-wrap .selected-location .location-link {
   display: block;
   text-transform: uppercase;
   font-size: 0.875rem;
   line-height: 1.5;
   color: #00a9a1;

}

.bs-header .cart-location-list .cart-location-item .locate-me-wrap .non-selected-location {
   font-size: 1rem;
   line-height: 1.4rem;
   font-family: "NanumGothicExtraBold";
   text-transform: uppercase;
   color: #00a9a1;
}

.bs-header .cart-location-list .cart-location-item .locate-me-wrap.selected .non-selected-location {
   display: none;
}

.bs-header .cart-location-list .cart-location-item .locate-me-wrap.selected .selected-location {
   text-align: right;
   display: block;
}

.bs-header .cart-location-list .cart-location-item .locate-me-wrap.selected .selected-location .location-name,
.bs-header .cart-location-list .cart-location-item .locate-me-wrap.selected .selected-location .location-num {
   display: inline-block;
   font-family: "Now-Medium";
   /*"NanumGothicExtraBold";*/
   font-size: 1rem;
   line-height: 1.4rem;
   text-transform: uppercase;
   color: #00a9a1;
   letter-spacing: 0.5px;
}

.bs-header .cart-location-list .cart-location-item .locate-me-wrap .selected-location .location-name {
   position: relative;
}


.bs-header .cart-location-list .cart-location-item .locate-me-wrap .selected-location .location-name:before {
   content: "";
   border-top: 0.5rem solid #00a9a1;
   border-right: 0.4rem solid transparent;
   border-left: 0.4rem solid transparent;
   position: absolute;
   top: 0.3rem;
   right: -1.25rem;
}

.bs-header .cart-location-list .cart-location-item .locate-me-wrap.selected .selected-location .location-num {
   display: block;
   margin-top: -3px;
}

.bs-header .cart-location-list .cart-location-item .locate-me-wrap.selected .selected-location .location-link {
   font-family: "Now-Medium";
   /*font-family: "NanumGothicExtraBold";*/
   text-transform: uppercase;
   font-size: 1rem;
   line-height: 1.4rem;
   color: #00a9a1;
   letter-spacing: 0.5px;
}

.bs-header .cart-location-list .cart-location-item .login-link,
.bs-header .cart-location-list .cart-location-item .logout-link {
   font-size: 1rem;
   font-family: "Now-Medium";
   text-transform: uppercase;
   color: #00a9a1;
}

.bs-header .cart-location-list .cart-location-item .login-link:visited,
.bs-header .cart-location-list .cart-location-item .logout-link:visited {
   color: #00a9a1;
}

.bs-header .cart-location-list .cart-location-item .login-link:hover,
.bs-header .cart-location-list .cart-location-item .login-link:focus,
.bs-header .cart-location-list .cart-location-item .login-link:active,
.bs-header .cart-location-list .cart-location-item .logout-link:hover,
.bs-header .cart-location-list .cart-location-item .logout-link:focus,
.bs-header .cart-location-list .cart-location-item .logout-link:active {
   color: #096d68;
}


.bs-header .cart-link {
   position: relative;
}

.bs-header .cart-link .cart-item-count {
   width: 1.5rem;
   height: 1.5rem;
   border-radius: 50%;
   background-color: #fd9317;
   border: 1px solid #ffffff;
   color: #ffffff;
   text-align: center;
   line-height: 1.5rem;
   font-size: 1.2rem;
   font-family: "Now-Medium";
   /*font-family: "NanumGothicRegular";*/
   position: absolute;
   bottom: -0.5rem;
   right: -0.2rem;
   display: none;
}

.bs-header .cart-link .cart-item-count .visually-hidden {
   display: none;
}

.bs-header .cart-link.cart-has-fooditem .cart-item-count {
   display: block;
}

.bs-header .cart-link .sr-only {
   display: none;
}

.bs-header #cart-empty-popup {
   background-color: #ffffff;
   border: 1px solid #00a9a1;
   padding: 1rem;
   top: 6rem;
   right: 0.3rem;
   max-width: 25rem;
   left: auto;
   color: #096d68;
   position: absolute;
   z-index: 1000;
}

.bs-header #cart-empty-popup .arrow {
   position: absolute;
   width: 15px;
   height: 15px;
   margin: 0;
   border: 1px solid;
   border-top-color: #00a9a1;
   border-left-color: #00a9a1;
   border-bottom-color: #ffffff;
   border-right-color: #ffffff;
   transform: rotate(45deg);
   top: -7.6px;
   right: 3rem;
   background-color: #ffffff;
}

.bs-header #cart-empty-popup h2 {
   font-size: 1.2rem;
   line-height: 1.6rem;
   text-align: center;
   margin-bottom: 0.6rem;
   font-weight: bold;
   font-family: "NanumGothicRegular";
}

.bs-header #cart-empty-popup p {
   font-size: 1rem;
   line-height: 1.3;
   text-align: center;
   margin-bottom: 0.6rem;
   font-family: "NanumGothicRegular";
}

.bs-header #cart-empty-popup a {
   display: block;
}

.bs-header #cart-empty-popup .btn {
   display: block;
   width: 100%;
}

.bs-header #cart-empty-popup .btn:first-of-type {
   margin-bottom: 0.5rem;
}


.header-wrapper {

   background-color: transparent;
   transition: background-color 0.3s ease-in-out;
   border: 1px solid transparent;
}

.header-wrapper.scroll-sticky {
   background-color: #fdfdf9;
   border: 1px solid #e2e2e2;
}

.header-wrapper .location-dropdown {
   font-family: "NanumGothicRegular";
   position: absolute;
   right: auto;
   top: 13rem;
   z-index: 1020;
   width: 100%;
   padding: 1rem;
   background-color: #fff;
   border: 1px solid #00a9a1;
   text-align: left;
   transition: all 0.3s ease-in-out;
   display: none;

}

.header-wrapper .location-dropdown .location-selected .location-dropdown-address a,
.header-wrapper .location-dropdown .location-selected .location-dropdown-address a:visited {
   color: var(--bb-dim-gray, rgb(80, 80, 80));
}

.header-wrapper .location-dropdown .location-selected .location-dropdown-address a:hover {
   color: #00a9a1;
}


.header-wrapper .location-dropdown.open,
.header-wrapper .location-dropdown.is-open {
   display: block;

}

.header-wrapper .location-dropdown .location-dropdown-address a:hover {
   text-decoration: underline;
}



.header-wrapper .location-dropdown .popup-header {
   text-transform: uppercase;
   text-align: center;
   margin-bottom: 1rem;
   font-size: 1rem;
   color: #096d68;
   font-family: "NanumGothicBold";
}

.header-wrapper .location-dropdown .location-detail {
   display: flex;
   margin-bottom: 1rem;
   justify-content: space-between;
}

.header-wrapper .location-dropdown .location-detail .location-img {
   width: 48%;
   padding-right: 0.4rem;
}

.header-wrapper .location-dropdown .location-detail .location-img img {
   width: 100%;
}

.header-wrapper .location-dropdown .location-detail .location-cont {
   width: 52%;
   padding-left: 0.4rem;
}

.header-wrapper .location-dropdown .location-detail .location-cont .name a {
   font-size: 1.1rem;
   line-height: 1.3rem;
   margin-bottom: 0.5rem;
   color: #096d68;
   transition: color 0.3s ease-in-out;
   font-family: "NanumGothicBold";
}

.header-wrapper .location-dropdown .location-detail .location-cont .name a:hover {
   color: #00a9a1;
}

.header-wrapper .location-dropdown .location-detail .location-cont .location-address address {
   display: block;
}

.header-wrapper .location-dropdown .location-detail .location-cont .location-address address p {
   font-size: 1rem;
   line-height: 1.4rem;
   color: #096d68;
}

.header-wrapper .location-dropdown .location-timimg {
   width: 52%;
}

.header-wrapper .location-dropdown .location-timimg .time-item {
   display: flex;
   margin-bottom: 0.3rem;
   justify-content: space-between;
   align-items: center;
}

.header-wrapper .location-dropdown .location-timimg .time-item span {
   font-size: 1rem;
   line-height: 1.4rem;
   text-transform: uppercase;
   color: #096d68;
}

.header-wrapper .location-dropdown .location-timimg .time-item:last-of-type {
   margin-bottom: 0;
}

.header-wrapper .location-dropdown .location-timimg .time-list {
   font-size: 1rem;
   line-height: 1.6rem;
   width: 100%;
   display: block;
   color: #096d68;
}

.header-wrapper .location-dropdown .location-timimg .time-list .times {
   float: right;
}



.header-wrapper .location-dropdown #popRestHrsLink {
   display: none;
   text-transform: uppercase;
   color: #096d68;
   /* color: var(--bb-dim-gray, rgb(80, 80, 80)); */
   transition: color 0.3s ease-in-out;
   margin-bottom: 1rem;
   font-size: 1rem;
   font-family: "NanumGothicBold";
}


.header-wrapper .location-dropdown #popRestHrsLink:visited {
   color: var(--bb-dim-gray, rgb(80, 80, 80));
}

.header-wrapper .location-dropdown #popRestHrsLink:hover {
   color: #00a9a1;
}

.header-wrapper .location-dropdown .location-links .menu-item {
   display: block;
   margin-bottom: 0.3rem;
}

.header-wrapper .location-dropdown .location-links .menu-item .link {
   font-size: 1rem;
   line-height: 1.4rem;
   color: #096d68;
   text-transform: capitalize;
   transition: color 0.3s ease-in-out;
   font-family: "NanumGothicBold";
}

.header-wrapper .location-dropdown .location-links .menu-item .link:hover {
   color: #00a9a1;
}

.header-wrapper .location-dropdown .location-links .menu-item:last-of-type {
   margin-bottom: 0;
}

.header-wrapper .location-dropdown .location-links a {
   font-size: 1rem;
   line-height: 1.4rem;
   color: #096d68;
   transition: color 0.3s ease-in-out;
   font-family: "NanumGothicBold";
}

.header-wrapper .location-dropdown .location-links a:hover {
   color: #00a9a1;
}

.header-wrapper .location-dropdown .location-links ul {
   display: flex;
   justify-content: space-between;
}

.header-wrapper .location-dropdown .location-links ul li {
   width: 50%;
   text-align: center;
}

.header-wrapper .location-dropdown .location-links.mobile-links {
   display: none !important;
}

.header-wrapper .location-dropdown .act-wrap {
   padding: 1.2rem 0 0;
}

.header-wrapper .location-dropdown .act-wrap .btn {
   display: block;
   font-family: "TekoRegular";
   width: 100%;
}


.header-wrapper .location-dropdown .select-location {
   display: none;
}

/* MAX 992px STARTS */


.bs-header {
   flex-wrap: wrap;
   background: url("https://media.bahamabreeze.com/images/site/responsive/header-mob-bg.png") 0px 0px no-repeat;
   background-size: cover;
   gap: .5rem;
}

.bs-header .hamburger-btn {
   display: inline-block;
   background-color: transparent;
   border: 0;
}

.bs-header .hamburger-btn .line {
   display: block;
   width: 25px;
   height: 4px;
   background-color: #00a9a1;
   position: relative;
   transform-origin: left;
   transition: transform 0.3s ease-in-out;
}

.bs-header .hamburger-btn .line:last-of-type {
   margin-top: 10px;
}

.bs-header .hamburger-btn.open .line:first-of-type {
   transform: rotate(45deg);
   top: -5px;
}

.bs-header .hamburger-btn.open .line:last-of-type {
   transform: rotate(-45deg);
   top: -1px;
}

.bs-header nav {
   margin-top: 0;
}

.bs-header .mod-icon-text {
   margin-left: auto;
   text-align: center;
   display: block;
}

.bs-header .mod-icon-text .icon {
   width: auto;
   height: 3.1rem;
   display: block;
   margin: 0 auto 0.3rem;
}

.bs-header .mod-icon-text .icon img {
   width: auto;
   height: 100%;
}

.bs-header .mod-icon-text .text {
   display: block;
   font-size: 1.5rem;
   letter-spacing: 1px;
   color: #00a9a1;
   font-weight: 600;
   text-transform: uppercase;
   position: relative;
   top: 0.1rem;
}


.bs-header .cart-location-wrapper {
   margin-top: 0;
}

/* .bs-header .cart-location-list .cart-location-item {
     margin-right: 2rem;
  } */

.bs-header .cart-location-list .cart-location-item:last-of-type {
   margin-right: 0;
}

.bs-header .cart-link {
   display: inline-block;
   width: 2.4rem;
   max-height: initial;
   position: relative;
   padding-bottom: 1.8rem;
}

.bs-header .cart-link .cart-item-count {
   width: 1.8rem;
   height: 1.8rem;
   border-radius: 50%;
   background-color: #fd9317;
   border: 1px solid #00a9a1;
   color: #ffffff;
   text-align: center;
   line-height: 1.8rem;
   font-size: 1.5rem;
   font-family: "TekoRegular";
   position: absolute;
   bottom: 2rem;
   right: -0.5rem;
   display: none;
}

.bs-header .cart-link .cart-item-count .sr-only {
   display: none;
}

.bs-header .cart-link.cart-has-fooditem .cart-item-count {
   display: block;
}



.bs-header .mob-menu-wrap {
   position: fixed;
   top: 8.1rem;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ffffff;
   padding: 1.5rem 15px;
   overflow-y: auto;
   margin: 0;
   z-index: 5;
   transform: translateX(-100%);
   transition: transform 0.3s ease-in-out;
}

.bs-header .mob-menu-wrap .mob-nav-list .nav-item {
   margin-bottom: .75rem;
}

.bs-header .mob-menu-wrap .mob-nav-list .login-wrap .login-link,
.bs-header .mob-menu-wrap .mob-nav-list .login-wrap .logout-link {
   font-size: 1.75rem;
   color: #00a9a1;
   text-transform: uppercase;
}

.bs-header .mob-menu-wrap .mob-nav-list .login-wrap .login-link:visited,
.bs-header .mob-menu-wrap .mob-nav-list .login-wrap .logout-link:visited {
   color: #00a9a1;
}

.bs-header .mob-menu-wrap .mob-nav-list .login-wrap .login-link {
   padding: .5rem 1rem;
   position: relative;
}

.bs-header .mob-menu-wrap .mob-nav-list .login-wrap .login-link::after {
   content: "/";
   display: inline-flex;
   position: absolute;
   right: 0;
}

.bs-header .mob-menu-wrap .mob-nav-list .login-wrap .logout-link {
   position: relative;
   padding: .5rem 0.75rem .5rem .5rem;
}

.bs-header .mob-menu-wrap .mob-nav-list .nav-link {
   font-size: 1.75rem;
   line-height: 1;
   color: #00a9a1;
   text-transform: uppercase;
   display: block;
}

.bs-header .mob-menu-wrap .mob-nav-list.primary-nav .nav-link {
   font-size: 2rem;
   line-height: 1;
}

.bs-header .mob-menu-wrap.active {
   transform: translateX(0%);
}



.header-wrapper .location-wrap {
   width: 100%;
   background-image: linear-gradient(to top, #02aaa2, #00a8ff);
   box-shadow: none;
}

.header-wrapper .location-wrap .js-droplink,
.header-wrapper .location-wrap #mobile-location-dropdown {
   background-color: transparent;
   border: 0;
}

.header-wrapper .location-wrap .mod-icon-text {
   padding: 0 15px;
   min-height: 4rem;
   width: 100%;
   display: flex;
   justify-content: initial;
   align-items: center;
   position: relative;
}

.header-wrapper .location-wrap .mod-icon-text .icon {
   width: 1.25rem;
   margin-right: 0.8rem;
   line-height: 0;
}

.header-wrapper .location-wrap .mod-icon-text .text {
   color: #ffffff;
   font-family: "NanumGothicBold";
   font-size: 1rem;
   text-transform: uppercase;
}

.header-wrapper .location-wrap .mod-icon-text:before {
   content: "";
   position: absolute;
   right: 15px;
   top: 50%;
   transform: translateY(-50%);
   border-top: 8px solid #ffffff;
   border-right: 6px solid transparent;
   border-left: 6px solid transparent;
}

.header-wrapper .location-wrap .mod-icon-text.js-droplink.open:before {
   transform: rotate(180deg) translateY(50%);
}


.header-wrapper .location-dropdown .select-location .act-wrap {
   padding-top: 0;
}

.header-wrapper .location-dropdown.selected .location-selected {
   display: block;
}

.header-wrapper .location-dropdown.selected .select-location {
   display: none;
}



.header-wrapper .location-dropdown .location-detail {
   display: flex;
   margin-bottom: 1rem;
   justify-content: space-between;
}


.header-wrapper .location-dropdown .location-detail .location-dropdown-image img {
   width: 100%;
}


.header-wrapper .location-dropdown .location-timimg {
   display: none;
   width: 50%;
}

.header-wrapper .location-dropdown .location-timimg .time-item {
   display: flex;
   margin-bottom: 0.3rem;
   justify-content: space-between;
   align-items: center;
}

.header-wrapper .location-dropdown .location-timimg .time-item span {
   font-size: 1.4rem;
   line-height: 1.8rem;
   text-transform: uppercase;
   color: #00a9a1;
}

.header-wrapper .location-dropdown .location-timimg .time-item:last-of-type {
   margin-bottom: 0;
}

.header-wrapper .location-dropdown .location-timimg .time-list {
   font-size: 1.4rem;
   line-height: 1.6rem;
   width: 100%;
   display: block;
}

.header-wrapper .location-dropdown .location-timimg .time-list .times {
   float: right;
}



.header-wrapper .location-dropdown .location-links {
   display: none;
}

.header-wrapper .location-dropdown .location-links .menu-item {
   display: block;
   margin-bottom: 0.3rem;
}

.header-wrapper .location-dropdown .location-links .menu-item .link {
   font-size: 1rem;
   color: #096d68;
   text-transform: capitalize;
   transition: color 0.3s ease-in-out;
   font-family: "NanumGothicBold";
}

.header-wrapper .location-dropdown .location-links .menu-item .link:hover {
   color: #00a9a1;
}

.header-wrapper .location-dropdown .location-links .menu-item:last-of-type {
   margin-bottom: 0;
}

.header-wrapper .location-dropdown .location-links a {
   font-size: 1.4rem;
   line-height: 1.6rem;
   color: #096d68;
   transition: color 0.3s ease-in-out;
   font-family: "NanumGothicBold";
}

.header-wrapper .location-dropdown .location-links a:hover {
   color: #00a9a1;
}

.header-wrapper .location-dropdown .location-links ul {
   display: flex;
   justify-content: space-between;
}

.header-wrapper .location-dropdown .location-links ul li {
   width: 50%;
   text-align: center;
}

.header-wrapper .location-dropdown .location-links.mobile-links {
   display: block !important;
}

.header-wrapper .location-dropdown .location-links.mobile-links ul {
   justify-content: initial;
}

.header-wrapper .location-dropdown .location-links.mobile-links ul li {
   width: auto;
   text-align: left;
   padding-right: 1rem;
   margin-right: 1rem;
   position: relative;
}

.header-wrapper .location-dropdown .location-links.mobile-links ul li:before {
   content: "";
   position: absolute;
   width: 2px;
   background-color: #00a9a1;
   right: 0;
   top: 3px;
   bottom: 3px;
}

.header-wrapper .location-dropdown .location-links.mobile-links ul li:last-of-type {
   padding-right: 0;
   margin-right: 0;
}

.header-wrapper .location-dropdown .location-links.mobile-links ul li:last-of-type:before {
   content: none;
}

.header-wrapper .location-dropdown .act-wrap {
   padding: 1.2rem 0 0;
}

.header-wrapper .location-dropdown .act-wrap .btn {
   display: block;
   font-family: "TekoMedium";
   margin-top: 0.6rem;
   width: 100%;
}

.header-wrapper .location-dropdown .act-wrap .btn:first-of-type {
   margin-top: 0;
}



@media only screen and (max-width: 991.98px) {
   .header-wrapper {
      border: none;
   }

   .header-wrapper .location-dropdown {
      width: 100%;
      right: auto;
      top: 13rem;
   }
}

@media only screen and (min-width: 992px) {
   .header-wrapper .location-dropdown #popRestHrsLink {
      display: block;
   }

   .bs-header .hamburger-btn {
      display: none;
   }

   .header-wrapper .location-dropdown {
      right: 11rem;
      top: 8rem;
      max-width: 30rem;
   }

   .header-wrapper .location-dropdown .popup-header {
      font-size: 1.25rem;
   }
}




/* ==================================================FOOTER===================================== */

footer {
   ul {
      padding-left: 0;
      padding-inline-start: 0;
      list-style: none;
   }

   .footer-nav__primary {
      ul {

         li {
            a {
               font-size: 1rem;
               line-height: 1.5;
               padding: 0;
            }
         }
      }
   }

   .footer-nav__secondary {
      ul {
         li {
            a {
               font-size: 0.75rem;
               line-height: 1.8;
               display: block;
               padding: 0;

               &::after {
                  content: "|";
                  display: inline-flex;
                  padding: 0 0.5rem;
               }
            }

            &:last-child a {
               &::after {
                  content: "";
                  display: none;
               }
            }
         }
      }
   }

   .footer-nav__social {
      h3 {
         font-size: 1rem;
      }

      ul {
         -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;

         li {
            .img-social {
               width: 2.5rem;
            }
         }
      }


   }

   .footer__copyright {
      p {
         font-size: 0.75rem;
      }
   }

}


/* =========================================== COMPONENTS ================================================================= */

/* ---------------------------eClub-------------------------------------- */

.section-eclub {

   input[type=text] {
      background-color: #FFF;
      border: 3px solid var(--bb-lime-green, #B2D235);
      color: #000;
      font-family: 'Cabin', 'Gills Sans', sans-serif;
      font-size: 1rem;
   }

   input[type=text]::-webkit-input-placeholder {
      color: var(--bb-placeholder-color, #5b5b5b);
      font-family: 'Cabin', 'Gills Sans', sans-serif;
      font-size: 0.93rem;
   }

   input[type=text]::-moz-placeholder {
      color: var(--bb-placeholder-color, #5b5b5b);
      font-family: 'Cabin', 'Gills Sans', sans-serif;
      font-size: 0.93rem;
   }

   input[type=text]:-ms-input-placeholder {
      color: var(--bb-placeholder-color, #5b5b5b);
      font-family: 'Cabin', 'Gills Sans', sans-serif;
      font-size: 0.93rem;
   }

   input[type=text]::-ms-input-placeholder {
      color: var(--bb-placeholder-color, #5b5b5b);
      font-family: 'Cabin', 'Gills Sans', sans-serif;
      font-size: 0.93rem;
   }

   input[type=text]::placeholder {
      color: var(--bb-placeholder-color, #5b5b5b);
      font-family: 'Cabin', 'Gills Sans', sans-serif;
      font-size: 0.93rem;
   }

   input[type=text]:-moz-placeholder {
      color: var(--bb-placeholder-color, #5b5b5b);
      font-family: 'Cabin', 'Gills Sans', sans-serif;
      font-size: 0.93rem;
   }

   input[type=text]:-ms-input-placeholder {
      color: var(--bb-placeholder-color, #5b5b5b);
      font-family: 'Cabin', 'Gills Sans', sans-serif;
      font-size: 0.93rem;
   }

   input[type=text]::-webkit-input-placeholder {
      color: var(--bb-placeholder-color, #5b5b5b);
      font-family: 'Cabin', 'Gills Sans', sans-serif;
      font-size: 0.93rem;
   }

   h2 {
      font-size: 1.65rem;
      line-height: 1;
      letter-spacing: -1px;
   }

   h3 {
      font-size: 0.8rem;
   }

   .text-small {
      font-size: 0.75rem;
      line-height: 1.1;
   }

   .terms {
      display: none;
   }

   @media (min-width:360px) {

      h2 {
         font-size: 2rem;
      }

      h3 {
         font-size: 0.75rem;
      }

   }

   @media (min-width:375px) {

      h2 {
         font-size: 2.25rem;
      }

      h3 {
         font-size: 0.93rem;
      }

   }

   @media (min-width:390px) {

      .text-small {
         font-size: 0.93rem;
      }

   }

   @media (min-width:414px) {

      h2 {
         font-size: 2.5rem;
      }

      h3 {
         font-size: 1rem;
      }

   }

   @media (min-width:428px) {

      h2 {
         font-size: 2.75rem;
      }

      h3 {
         font-size: 1.1rem;
      }

   }

   @media (min-width:480px) {

      h2 {
         font-size: 2.8rem;
      }

      h3 {
         font-size: 1.25rem;
      }

   }

   @media (min-width:540px) {

      h2 {
         font-size: 3.5rem;
      }

      h3 {
         font-size: 1.45rem;
      }

   }

   @media (min-width:768px) {

      h2 {
         font-size: 3.5rem;
      }

      h3 {
         font-size: 1.5rem;
      }

      input[type=text] {

         font-size: 1.125rem;
      }

      input[type=text]::-webkit-input-placeholder {

         font-size: 1rem;
      }

      input[type=text]::-moz-placeholder {

         font-size: 1rem;
      }

      input[type=text]:-ms-input-placeholder {

         font-size: 1rem;
      }

      input[type=text]::-ms-input-placeholder {

         font-size: 1rem;
      }

      input[type=text]::placeholder {

         font-size: 1rem;
      }

      input[type=text]:-moz-placeholder {

         font-size: 1rem;
      }

      input[type=text]:-ms-input-placeholder {

         font-size: 1rem;
      }

      input[type=text]::-webkit-input-placeholder {

         font-size: 1rem;
      }

   }

   @media (min-width:820px) {

      h2 {
         font-size: 4rem;
      }

      h3 {
         font-size: 2rem;
      }

   }

   @media (min-width:992px) {

      form {
         display: flex;
         align-items: center;
      }

      h2 {
         font-size: 1.6rem;
      }

      h3 {
         font-size: 0.8rem;
      }

   }


   @media (min-width:1200px) {

      h2 {
         font-size: 2rem;
      }

      h3 {
         font-size: 1rem;
      }

   }

   @media (min-width:1366px) {

      h2 {
         font-size: 2.25rem;
      }

      h3 {
         font-size: 1.125rem;
      }

   }

   @media (min-width:1400px) {

      h2 {
         font-size: 3.25rem;
      }

      h3 {
         font-size: 1.25rem;
      }

   }

   @media (min-width:1600px) {

      h2 {
         font-size: 3.75rem;
      }

      h3 {
         font-size: 1.35rem;
      }

   }

   @media (min-width:1792px) {

      h2 {
         font-size: 2.75vw;
      }

      h3 {
         font-size: 1.35vw;
      }

   }

}




/* ===============================================================PAGES===================================================== */

/*--------------------------------------------- HOME ---------------------------------------------- */
.page--home {
   .hero {
      video {
         width: 100%;
         aspect-ratio: 4/5;
         -o-object-fit: cover;
         object-fit: cover;

      }

      .hero__overlay {
         .btn {
            font-size: 1.5rem;
         }
      }
   }

   .section-about-us {
      .on-hover:nth-of-type(1) {

         img {

            &.img-leaf {
               position: absolute;
               left: -8%;
               top: 15%;
               animation-play-state: paused;
               max-height: 50%;
               width: auto;
            }
         }

         &:hover {
            img {
               &.img-leaf {
                  -webkit-animation: wiggle 0.5s infinite;
                  animation: wiggle 0.5s infinite;
                  animation-play-state: running;
               }
            }


         }
      }

      .on-hover:nth-of-type(2) {
         img {
            &.img-leaf {
               position: absolute;
               right: -8%;
               left: auto;
               top: 10%;
               animation-play-state: paused;
               max-height: 50%;
            }
         }

         &:hover {
            img {
               &.img-leaf {
                  -webkit-animation: wiggle 0.5s infinite;
                  animation: wiggle 0.5s infinite;
                  animation-play-state: running;
               }
            }

         }
      }

      .on-hover:nth-of-type(3) {
         img {
            &.img-leaf {
               position: absolute;
               right: -10%;
               left: auto;
               top: 8%;
               animation-play-state: paused;
               max-height: 50%;
               width: auto;
            }
         }

         &:hover {
            img {
               &.img-leaf {
                  -webkit-animation: wiggle 0.5s infinite;
                  animation: wiggle 0.5s infinite;
                  animation-play-state: running;
               }
            }

         }
      }



   }

   .section-featured {
      h3 {
         font-size: 1.125rem;
      }

      .img-umbrella {
         transform-origin: bottom center;
         animation: sway 2s infinite;
         top: 0;
         right: 0;
         width: fit-content;
         position: absolute;
         -webkit-animation: sway 2s infinite;
      }

      .img-drink {
         animation: float 2s ease-in-out infinite;
         -webkit-animation: float 2s ease-in-out infinite;

      }

      .img-gift-card {
         -webkit-animation: wobble 4s infinite;
         animation: wobble 4s infinite;
      }

      .img-app {
         -webkit-animation: wobble 6s infinite;
         animation: wobble 6s infinite;
      }




   }

   .section-cta {
      .btn-link {
         font-size: 3.5vw;
         text-decoration: none;
      }

      .btn-link:nth-child(2)::before {
         content: "|";
         display: inline-flex;
         padding: 0 0.75rem;
      }

      .btn-link:nth-child(2)::after {
         content: "|";
         display: inline-flex;
         padding: 0 0.75rem;
      }
   }

   @media (min-width:480px) {
      .section-featured {
         h3 {
            font-size: 1.5rem;
         }
      }

      .section-cta {

         .btn-link,
         .btn-link:visited,
         .btn-link:hover {
            font-size: 1.25rem;
         }
      }
   }

   @media (min-width:576px) {
      .hero {
         .hero__overlay {
            .btn {
               font-size: 2rem;
            }
         }
      }
   }

   @media (min-width:768px) {
      .hero {
         video {
            aspect-ratio: 21/9;
         }
      }

      .section-about-us {
         .on-hover {
            img {
               &.img-leaf {
                  position: absolute;
                  left: -5%;
                  top: 15%;
                  max-height: 60%;
               }
            }
         }

         .on-hover:nth-of-type(2) {
            img {
               &.img-leaf {
                  position: absolute;
                  right: -5%;
                  left: auto;
                  top: 10%;
                  animation-play-state: paused;
                  max-height: 60%;
               }
            }

         }

         .on-hover:nth-of-type(3) {
            img {
               &.img-leaf {
                  position: absolute;
                  right: -5%;
                  left: auto;
                  top: 8%;
                  animation-play-state: paused;
                  max-height: 60%;
               }
            }
         }
      }



      .section-featured {
         h3 {
            font-size: 1.75rem;
         }
      }
   }

   @media (min-width:992px) {
      .section-featured {
         h3 {
            font-size: 0.875rem;
         }

         .img-umbrella {
            top: -0.5rem;
            right: 0.25rem;
         }
      }

      .section-about-us {
         .on-hover {
            img {
               &.img-leaf {
                  position: absolute;
                  left: -10%;
                  top: 15%;
                  max-height: 60%;
               }
            }
         }

         .on-hover:nth-of-type(2) {
            img {
               &.img-leaf {
                  position: absolute;
                  right: -5%;
                  left: auto;
                  top: 15%;
                  animation-play-state: paused;
                  max-height: 50%;
               }
            }

         }

         .on-hover:nth-of-type(3) {
            img {
               &.img-leaf {
                  position: absolute;
                  right: -10%;
                  left: auto;
                  top: 5%;
                  animation-play-state: paused;
                  max-height: 50%;
               }
            }
         }
      }

   }

   @media (min-width:1200px) {
      .section-featured {
         h3 {
            font-size: 1rem;
         }

         .img-umbrella {
            top: -0.25rem;
            right: 0.93rem;
         }
      }

   }

   @media (min-width:1400px) {
      .section-featured {

         h3 {
            font-size: 1.125rem;
         }
      }

   }

   @media (min-width:1792px) {
      .hro {
         video {
            aspect-ratio: 21/8;
         }
      }
   }









}