@font-face {
     font-family: "KGHAPPY";
     src: url("/assets/fonts/KGHAPPY.woff") format("woff"), 
    /* Modern Browsers */
     url("/assets/fonts/KGHAPPY.woff2") format("woff2");
    /* Modern Browsers */
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: "KG HAPPY Solid";
     src: url("/assets/fonts/KGHAPPYSolid.woff2") format("woff2"), url("/assets/fonts/KGHAPPYSolid.woff") format("woff");
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}
/* Fonts */
 h1 {
     font-family:"KGHAPPY", Arial, Helvetica, sans-serif;
     font-size:1.5rem 
}
 h2 {
     font-family:"KGHAPPY", Arial, Helvetica, sans-serif;
     font-size:1.4rem 
}
 h3, h4, h5 {
     font-family:"KG HAPPY Solid", Arial, Helvetica, sans-serif;
     font-size:1.25rem 
}
 p, ul, ol, li, a, body {
     font-family:"gotham",helvetica,sans-serif;
     font-weight:400;
     line-height:120%;
     font-size:1rem 
}
/* Nav */
 .skip { background-color: #00893E; border: 2px solid #fff; color: #fff; display: block; font-size: 12px; left: 56px; opacity: 0; padding: 2px 4px; position: absolute; text-decoration: none; top: 6px; width: auto; z-index: 99999;}
 .skip:focus { opacity: 1 !important; }
 .navbar {
     background-color: #ffffff;
     border-bottom: 2px solid #E6E6E6;
}
.nav-link:focus-visible {
    box-shadow: none;
    outline: 2px solid #000;
    outline-offset: 4px;
}
 .navbar-nav .nav-link {
     font-family:"KG HAPPY Solid", sans-serif;
     text-decoration: none;
     text-transform:uppercase;
     color:#000000;
     font-size:.9rem;
}
 .navbar-nav .nav-link {
     border-bottom: 4px solid #FFFFFF;
}
 .navbar-nav .nav-link:hover {
     border-bottom: 4px solid #00893E;
     color:#00893E;
     transition: all ease-in-out .2s;
}
 .navbar-toggler {
     border: none;
}
 .nav-bar .buttons {
     margin:0 0 10px 0;
     padding:0;
}
 .navbar-toggler-icon {
     background-image: url('/assets/img/nav/menu-icon.svg') 
}
 .top-bar {
     color:#ffffff;
     height:55px;
}
 .top-bar span {
     background-position: left;
}
 .input-group-search {
     width:inherit;
     position: relative;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .form-label {
     margin:.6rem 1rem 0 0;
     font-family:"KG HAPPY Solid", sans-serif;
     text-decoration: none;
     text-transform:uppercase;
}
 .zip-input .form-label {
     margin:0 
}
.form-control {
    border-color: #7D7D7D !important;
}
 .search-group {
     display: flex;
}
 .zip-input {
     color:#000000;
     background-color: #FFFFFF;
     outline:none;
     border:none;
     border-radius: 10rem 0 0 10rem;
     padding:0.375rem 0.75rem .375rem 1.25rem;
     transition: none;
}
 .submit-button {
     background-color: #FFFFFF;
     border:none;
     border-radius: 0 10rem 10rem 0;
     padding:.32rem .75rem .32rem .75rem;
}
 .navbar-locator {
     display:none;
}

/* fix sidescrolling on site 
.row { margin-left: 0px !important; margin-right: 0px !important; }*/

/* Carousel */
 .carousel-status {
     text-align: center;
     position: absolute;
     bottom: 0;
     margin: 0 auto;
     padding: 0;
     left: 0;
     right: 0;
}
 .carousel-control-next, .carousel-control-prev {
     border-radius: 99px;
     border: 2px solid #fff;
     max-height: 2.25rem;
     max-width: 2.25rem;
     top: calc(50% - 1.25rem);
}

 .carousel .carousel-control-next:focus, .carousel .carousel-control-prev:focus {
     border: 2px solid #000;
     outline: 2px solid #fff;
}
 .carousel-control-prev {
     left: 1.5rem;
 }
 
  .carousel-control-next {
     right: 1.5rem;
 }

 .carousel-control-next-icon, .carousel-control-prev-icon {
     background-color: #00893E;
     border-radius: 10rem;
     background-size:80% 80%;
     background-position:50%;
}
 .carousel-indicators [data-bs-target] {
     width: 10px;
     height:10px;
     border: solid 1.5px #000;
     background-color: #00893E;
     border-radius: 10rem;
     opacity:.9;
}
 #carouselIndicators .carousel-indicators .active {
     background-color: #D7282F;
}
 .btn-secondary {
     background-color:#00893E;
     padding: 0px 10px;
     font-size:.75rem;
}
 #play-pause-btn {
     bottom: 10px;
     right: 10px;
     background-color: #D7282F;
     border-radius: 10rem;
     border: none;
     padding: 6px 8px 8px 8px;
}

/* carousel controls */
.carousel .carousel-control-next, .carousel .carousel-control-prev { opacity: 1; }
.carousel .carousel-control-next:focus .carousel-control-next-icon,
.carousel .carousel-control-prev:focus .carousel-control-prev-icon,
.carousel .carousel-control-next:hover .carousel-control-next-icon,
.carousel .carousel-control-prev:hover .carousel-control-prev-icon { outline-color:#000; }

/* Home & CTAs */
 .cta-menu-title, .copy-title-red, .copy-title-white, .featurette-heading {
     text-transform:uppercase;
}
 .cta-menu-title-red::after {
     content: '';
     border-bottom: 5px solid #D7282F;
     width: 40px;
     display: block;
}
 .copy-title-red::after {
     content: '';
     border-bottom: 5px solid #D7282F;
     width: 40px;
     display: block;
}
 .copy-title-white::after {
     content: '';
     border-bottom: 5px solid #FFFFFF;
     width: 40px;
     display: block;
}
 .center-border-title::after {
     margin: 4px auto 20px auto;
}
 .left-border-title::after {
     margin: 5px 0px 20px 0px;
}
.featurette-heading::after{
    margin: 5px 0px 20px 0px;
}
 .blackRed-link, .faqs a, .legal a {
     color: #000000;
     text-decoration-color: #D7282F;
}
 .row .featurette {
     align-items:center;
}
 .white .cta-title, .white .cta-text, .white {
     color: #ffffff;
}
 .cta .row {
     max-width: 1344px;
     margin: 0 auto;
     border: none;
     align-items: center;
}
 .cta-title {
     text-transform:uppercase;
}
 .cta-title::after, .menu-product-title::after, .menu-options-title::after, .featurette-heading::after {
     content: '';
     border-bottom: 5px solid #D7282F;
     width: 40px;
     display: block;
}
 .mw-1344 {
     max-width: 1344px;
     margin:0 auto;
}
 .claim .row p {
     text-transform:uppercase;
     font-family: "KGHAPPY";
     font-size:1.4rem;
}
 .claim-image {
     max-width: 100px;
}
 .whiteRed-link {
     color:#FFFFFF;
     text-decoration-color:#D7282F;
}
/* Banner */
 .banner {
     position: relative;
     border-bottom: 1px solid #E6E6E6;
}
 .banner-copy {
     position: absolute;
     left: 50%;
     top: 45%;
     transform: translate(-50%, -45%);
     text-align: center;
     width:100%;
}
 .banner-copy h1 {
     font-size:2.5rem;
     color:#000000;
     margin:0 auto;
     padding:0 0 15px 0;
     line-height: normal;
     text-transform: uppercase;
     font-family: "gotham";
     font-weight:500;
     background-image: url('/assets/img/site/wavyLine.svg');
     background-repeat: repeat-x;
     background-size: 40px;
     background-position:center bottom;
     width:fit-content;
}
 .locator-banner {
     padding:10rem 0 9rem 0;
}
/* FAQs */
 .accordion-item {
     border:none 
}
 .accordion-item h2 {
     font-family:"gotham",helvetica,sans-serif;
     font-weight:500;
}
.accordion-button:focus, button:focus:not(:focus-visible) {
    box-shadow: none;
    outline: 2px solid #000;
}
 .faqs-nav a {
     list-style-type:none;
     font-family: "KG HAPPY Solid", sans-serif;
     text-transform: uppercase;
}
/* Menu */
 .menu .row img, .menu-category img, .catering-menu img {
     border: 2px solid #E6E6E6;
     border-radius: 10px;
}
 .menu .menu-body, .lto-menu-body, .menu-button {
     text-align:center;
}
 .menu-title, .menu-body p {
     color: #FFFFFF;
}
 .menu-title, .menu-product-title, .menu-options-title, .lto-menu-title {
     text-transform:uppercase;
}
 .menu-title::after, .lto-menu-title::after {
     content: '';
     border-bottom: 5px solid #FFFFFF;
     width: 40px;
     display: block;
}
 .menu-product-body ul {
     padding: 0;
}
 .menu-product-body li {
     list-style:none;
     display:inline-block;
     margin:10px 10px 10px 0 
}
 .menu-product-body li a {
     color:#000000;
     text-decoration-color: #D7282F;
}
 .menu-options-body, .menu-options-name {
     text-align:center;
}
 .menu-product img {
     border: 2px solid #E6E6E6;
     border-radius: 100rem;
}
 .menu-body, .menu-category-body {
     text-align:center;
     padding:15px 10px 10px 10px;
     color: #000000;
}
 .menu .row h3, .catering-menu .row h1, .catering-menu .row h3 {
     text-transform:uppercase;
}
 #menu .item-name {
     text-transform:uppercase;
     font-family:"KG HAPPY Solid", Arial, Helvetica, sans-serif;
     font-size:1.25rem;
     color:#000000;
}
 .menu-options-name {
     padding:15px 10px 10px 10px;
}

.options { 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center; 
}
.options li { 
    list-style: none; 
    max-width: calc(100%/6); 
    width: 100%; 
}

 .menu-options-name p {
     font-size:1.2rem;
     text-transform: uppercase;
     font-family:"KG HAPPY Solid", Arial, Helvetica, sans-serif;
}
 .catering-form .row {
     max-width:50%;
}
 .text-current a {
     color:#707070;
}
 .lto-menu img, .lto-menu-cta img {
     border-radius:10px 10px 0 0 
}
 .lto-menu p {
     background-color: #FFFFFF;
     color: #000000;
     text-align: center;
     padding: 20px 5px 20px 5px;
     border-radius:0 0 10px 10px;
     font-size:1.05rem;
     font-family:"KG HAPPY Solid", Arial, Helvetica, sans-serif;
}
 .lto-menu-cta h3 {
     background-color: #FFFFFF;
     color: #000000;
     text-align: center;
     padding: 10px 10px 10px 10px;
     font-size:1.15rem;
     margin:0;
}
 .lto-menu-cta p {
     background-color: #FFFFFF;
     color: #000000;
     text-align: center;
     padding: 0px 10px 25px 10px;
     border-radius:0 0 10px 10px;
}
 .lto-card-lto::before {
     content: 'Limited Time Offer';
     background-color: #00893E;
     color: #ffffff;
     font-size:16px;
     font-weight:500;
     position: absolute;
     padding: 10px 15px;
     border-radius: 10px 0;
}
 .lto-card-favorites::before {
     content: 'Favorites';
     background-color: #000000;
     color: #ffffff;
     font-size:16px;
     font-weight:500;
     position: absolute;
     padding: 10px 15px;
     border-radius: 10px 0;
}
 .lto-card-value::before {
     content: '$10 Baja Bundle';
     background-color: #FDCC5A;
     color: #000000;
     font-size:16px;
     font-weight:500;
     position: absolute;
     padding: 10px 15px;
     border-radius: 10px 0;
}
 .lto-card-body {
     text-align:center;
     padding:20px 10px;
     background-color: #ffffff;
     color: #000000;
     border-radius: 0 0 10px 10px;
}
 .sub-navbar-nav{
     display: flex;
     flex-direction: row;
     flex-wrap:wrap;
     justify-content: space-evenly;
     align-items: center;
     list-style: none;
     padding:0;
     margin:0;
}
 .breadNav ul {
     display: flex;
     flex-direction: row;
     list-style: none;
     padding:0;
     margin:0 0 3rem 0;
}
 .sub-navbar-nav a {
     font-family:"KG HAPPY Solid";
     color:#000000;
     text-decoration:none;
     text-transform: uppercase;
}
 .sub-navbar-nav .active a {
     background-color:#D7282F;
     color:#ffffff;
     none;
     border-radius:5rem;
     padding:5px 20px 
}
 .breadNav {
     border-bottom: 2px solid #E6E6E6;
     margin-bottom: 4rem;
}
 .breadNav a {
     color:#D7282F;
     text-decoration:none;
}
 .breadNav li {
     color: #000000;
     padding-right:10px;
}
 .breadNav li:after {
     content: '/';
     color: #000000;
     padding-left:10px;
}
 .breadNav li:last-of-type::after {
     content: '';
}
/* Patterns */
 .pattern-tan {
     border-top: 2px solid #E6E6E6;
     border-bottom: 2px solid #E6E6E6;
}
 .pattern-food-gray {
     background-image: image-set('/assets/img/1200/patterns/patternFoodGray.webp' type('image/webp'), '/assets/img/patterns/patternFoodGray.png' type('image/png') );
     background-color:#444444;
     background-size: 250px;
     background-position: top;
}
 .pattern-food-green {
     background-image: image-set('/assets/img/1200/patterns/patternFoodGreen.webp' type('image/webp'), '/assets/img/patterns/patternFoodGreen.png' type('image/png') );
     background-color:#00893e;
     background-size: 250px;
     background-position: top;
}
 .pattern-ingredients {
     background-image: image-set('/assets/img/1200/patterns/patternIngredients.webp' type('image/webp'), '/assets/img/patterns/patternIngredients.png' type('image/png') );
     background-color:#444444;
     background-size: 250px;
     background-position: top;
}
 .pattern-red {
     background-image: image-set('/assets/img/1200/patterns/patternRed.webp' type('image/webp'), '/assets/img/patterns/patternRed.png' type('image/png') );
     background-color:#d92b2c;
     background-size: 250px;
     background-position: top;
}
 .pattern-brown {
     background-image: image-set('/assets/img/1200/patterns/patternTan.webp' type('image/webp'), '/assets/img/patterns/patternTan.png' type('image/png') );
     background-color:#f7f6f2;
     background-size: 250px;
     background-position: top;
     border-top: 2px solid #E6E6E6;
     border-bottom: 2px solid #E6E6E6;
}
 .pattern-checkers {
     background-image: url('/assets/img/nav/checkers.svg');
     background-color:#d92b2c;
     background-size: contain;
     background-position: top left;
     background-repeat:no-repeat;
}
/* About Us */
.about-images {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center;
    padding: 0px;
}
.about-images li {
    align-items: center;
    display: flex;
    list-style: none;
    max-width: calc(100% / 3 - 16px);
    width: 100%;
}

/* Rewards */
 .club-join ul{
     list-style-position:inside;
}
/* Press */
 .newsNav {
     max-width:1344px;
     margin:0 auto;
     padding:40px 0;
     display: flex;
     column-gap:30px;
     list-style-type: none;
}
 .newsNav li a, .contentNewsItems .pressTitle a {
     color: #000000;
     text-decoration-color: #D7282F;
}
 .press {
     background-image: image-set('/assets/img/1200/patterns/patternTan.webp' type('image/webp'), '/assets/img/patterns/patternTan.png' type('image/png'));
     background-color:#f7f6f2;
     background-size: 250px;
     background-position: top;
     border-top: 2px solid #E6E6E6;
     border-bottom: 2px solid #E6E6E6;
     padding:4rem 0;
}
 .press h2, .press .contentNewsItems {
     max-width:1344px;
     margin:0 auto;
     padding:10px 0 
}
 .press ul li {
     list-style-type: none;
     display:flex;
     margin-bottom:1rem;
     text-align:left;
}
 .pressDate {
     min-width: 120px;
     padding:0 12px;
}
/* Buttons */
.btn:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, .75) !important;
    outline: 2px solid #fff !important;
}

 .btn-red, .btn-green, .btn-yellow, .btn-black {
     font-family:"KG HAPPY Solid", sans-serif;
     text-transform:uppercase;
     text-decoration: none;
     border-radius:5rem;
     font-size:.9rem;
}
 .btn-red, .btn-red:hover, .btn-red:active, .btn-red:focus, .btn-red:visited {
     background-color:#D7282F;
     color:#ffffff;
}
 .btn-green, .btn-green:hover, .btn-green:active, .btn-green:visited {
     background-color:#00893E;
     color:#ffffff;
}
 .btn-yellow, .btn-yellow:hover, .btn-yellow:active, .btn-yellow:visited {
     background-color:#FDCC5A;
     color:#000000;
}
 .btn-black, .btn-black:hover, .btn-black:active, .btn-black:visited {
     background-color:#000000;
     color:#ffffff;
}
/* Footer */
 .footer-container {
     border-top:2px solid #E6E6E6;
}
 .footer-container .row {
     max-width: 1344px;
     margin: 0 auto;
}
 .footer-container .nav-link {
     color:#000000;
     font-family:"gotham",helvetica,sans-serif;
     font-weight:500;
}
 .footer-container .border-heading {
     text-transform: uppercase;
     font-family:"KG HAPPY Solid", sans-serif;
}
 .footer-container .border-heading::after{
     content: '';
     position: relative;
     display: block;
     height: 9px;
     border-bottom: solid 4px #D7282F;
     width: 30px;
}
/* Sitemap */
 .sitemap {
     max-width: 1344px;
     margin: 3rem auto;
}
 .sitemap ul {
     list-style-type:none;
}
 .sitemap ul li {
     margin-bottom:5px;
}
 .sitemap ul li a {
     color: #000000;
     text-decoration-color: #D7282F;
     word-wrap: break-word;
}

/* Contact Forms */
.form-container { max-width: 56rem; margin: auto; padding: 0px 12px; text-align: left; }
.form-container .center-border-title { padding: 0 12px; }
.form-container .center-border-title::after { margin-left: 0px; }
.form-container h2, body section p.thankYouMsg { background: none; color: #d7282f; padding: 1rem 0rem;font-size:2.25rem;line-height:3.25rem; text-align: left;}
.form-container h3 { color: #000; text-align: left; }
.form-container p { color: #000; text-align: left; }
.form-container .pageTitle { color: #000; text-align: left; }
.form-container .text-danger { color: #d7282f; text-align: right; font-size: .75rem; margin: -12px 0 12px; text-align: left; }
.form-container .address {line-height:1.5rem}
.form-container .subdued_text {text-align: left; font-size: 1rem;margin: 1.5rem 0rem}
.form-container .twoFieldsInline { display: flex; }
.form-container .twoFieldsInline .form-group { flex-grow: 1; padding: 0 12px 0 0; }
.form-container .twoFieldsInline .form-group:last-of-type { padding-right: 0; }
.form-container .form-group label { display: block; padding-bottom: 8px; text-align: left; }
.form-container .form-group input[type="text"],
.form-container .form-group input[type="password"],
.form-container .form-group input[type="datetime-local"],
.form-container .form-group select,
.form-container .form-group textarea{ display: block; width: 100%; margin-bottom: 12px; padding: 12px 6px; border-radius: 5px; border: 1px solid #ccc; }
.form-container .form-group textarea { min-height: 120px; }
.form-container .form-group button { border: none; background-image: url(/assets/img/btn-green.svg); }
.form-container .text-center { text-align: center; }
.locator-form .buttons{text-align:left}
.form-container .formErrorsList ul{padding-left: 0rem}
.form-container .formErrorsList li{display:inline-block; width: 50%; font-size: .8rem;  }
.form-container .formErrorsList .icon{color:#d7282f;font-size:1.1rem}
.form-container .formErrorsList .icon, .form-container .formErrorsList a{color:#d7282f;}
.form-container .formErrorsList a{text-decoration: underline;}
.copy .container .form-container p.text-danger{ color: #d7282f; text-align: right; font-size: 12px; margin: -12px 0 12px; }
.form-container  .disclaimer { font-size: 1rem; font-family: Arial; line-height: 1.2rem; padding: .75rem; background-color: #ededed; margin-top: 1.5rem }


/* Nav Only */
 @media (max-width: 1280px) {
     .navbar-expand-lg .navbar-nav {
         flex-wrap:wrap;
    }
     .buttons a {
         margin-bottom:5px;
    }
}
 @media (max-width: 992px) {
     .navbar-nav .nav-item {
         border-top: 1px solid #E6E6E6;
         padding: 0 0 .5rem 0;
         margin-top: 1rem;
    }
     .navbar-nav .nav-item a {
         padding:2rem 0;
         width: fit-content;
    }
     .copy {
         text-align:center;
    }
     .left-border-title::after {
         margin:5px auto 20px auto;
    }
     .banner-copy h1 {
         font-size:1.75rem;
         background-size:25px;
         padding:15px;
    }
     .input-group-search {
         display:none;
    }
     .top-bar {
         height:35px;
    }
     .navbar-locator {
         display:block;
         top:18px;
         right:10px;
         position:absolute;
    }
     .navbar-toggler {
         left:10px;
         position: absolute;
         top:25px;
    }
     .navbar-brand {
         margin:0 auto !important;
         display: block;
    }
     .navbar-collapse .buttons {
         display: block;
         position: absolute;
         top: 76px;
         width: 100%;
         text-align: center;
    }
     .buttons {
         display: block;
         width: 100%;
         text-align: center;
         margin-top: 10px;
    }
     .catering-form .row {
         max-width:75%;
    }
    
    /* About Us */
    .about-images li { 
        flex-wrap: wrap;
        justify-content: center;
        max-width: calc(100% / 2 - 16px);
    }
    .about-images li p {
        margin-top: .75rem;
        padding: 0px !important;
        text-align: center;
        width: 100%;
    }
}
 @media (max-width: 768px) {
     .cta-title, .cta-menu-title, .cta-text, .catering.pattern-tan .row, .baja-app .row, .menu-product-body {
         text-align:center;
    }
     .left-border-title::after {
         margin: 4px auto 20px auto;
    }
     .app-icons {
         margin: 0 auto;
         text-align:center 
    }
     .banner-copy h1 {
         font-size:2rem;
         background-size:25px;
         padding:15px;
         width:min-content;
    }
     .newsNav {
         justify-content:center;
    }
     .press {
         text-align:center;
    }
     .catering-form .row {
         max-width:85%;
    }
    .options li { 
        max-width: calc(100%/2); 
    }
}
 @media (max-width: 576px) {
     .banner-copy h1 {
         font-size:1.5rem;
         background-size:25px;
         padding:15px;
    }
     .footer-container .row .col {
         text-align:center;
    }
     body > footer > div > div:nth-child(4) > ul.nav.flex-row {
         justify-content:center;
    }
     .footer-container .border-heading::after {
         margin:0 auto;
    }
     .catering-form .row {
         max-width:90%;
    }
     .col .nav flex-row {
         justify-content:center;
    }
    .options li {
        max-width: 100%;
    }
    .about-images li { 
        max-width: 100%;
    }
}
 