/* Globals  */
#mainwrap h1, #mainwrap .h1 { color: #b13928; font-family: "futura-pt-bold", sans-serif; font-size: 2rem; margin: 0 auto; text-align: center; text-transform: uppercase; }
#mainwrap h2, #mainwrap .h2 { color: #2B2B2B; font-family: "futura-pt-condensed", sans-serif; font-size: 1.375rem; font-weight: 700; text-align: center; text-transform: uppercase; }
h3, h4, h5 { font-family: "futura-pt-bold", sans-serif; font-size:1rem}
html, p, ul, ol, li, a, body {font-family:'Open Sans', sans-serif; font-weight:400;line-height:120%; font-size:1rem}
.container a { color: #2b2b2b; text-decoration-color: #6e9e5b; text-decoration-thickness: 2px; }
#mainwrap { background-image: url('/assets/img/bg.png'); background-repeat: repeat; }
#mainwrap .btn-secondary { background-color: #fff; border: 2px solid #6e9e5b; border-radius: 10px; color: #2b2b2b; font-family: "futura-pt-bold", sans-serif; font-size: 1rem; line-height: 1rem; margin: 8px 0px; padding: 8px; text-align: center; text-decoration: none; text-transform: uppercase; }
#mainwrap .btn-secondary:hover { background-color: #6e9e5b; }
.text-red { color: #b13928 !important; }

/* Top Bar */
.top-bar { align-content: center; background-color: #ffda62; display: flex; height: 50px; position: sticky; top: 0px;  z-index: 999; }
.top-bar .container .skip { background-color: #6e9e5b; border: 2px solid #fff; color: #000; display: block; font-size: 12px; left: 56px; opacity: 0; padding: 2px 4px; position: absolute; text-decoration: none; top: 6px; width: auto; z-index: 99999;}
.top-bar .container .skip:focus { opacity: 1 !important; }

/* Nav Bar */
.navbar { background-color: #fff; padding: 24px 0px; position: sticky !important; top: 50px; z-index: 999; }
.navbar.navbar-expand-lg > .container { justify-content: center; }
.navbar .container .nav-container { display: flex; justify-content: space-between; width: 100%; }
.navbar .container .nav-container .nav-buttons .btn { background-color: #fff; border: 2px solid #6e9e5b; border-radius: 10px; color: #2b2b2b; display: inline-block; font-family: "futura-pt-bold", sans-serif; font-size: 20px; line-height: 1rem; margin: 8px 0px; padding: 16px; text-align: center; text-decoration: none; text-transform: uppercase; }
.navbar .container .nav-container .nav-buttons .btn:hover { background-color: #6e9e5b; }
.navbar .container .navbar-brand { text-align: center; position: static; margin: -48px auto 0px; display: block; }
.navbar .container .navbar-brand img { width: 50%; }
.navbar .container .navbar-toggler { width: 40px; padding: 0px; color: #2b2b2b; border: none; }
.navbar .container .navbar-locator {display: flex; align-items: center;}
.navbar .container .navbar-nav { justify-content: center; }
.navbar .container .navbar-nav > li > a {  font-size: 14px; font-weight: 600; padding: 12px 0px; vertical-align: top; letter-spacing: -0.25px; text-align: center; text-transform: uppercase; }
.navbar .container .navbar-nav > li > a:focus { outline: 2px solid #000; }
.navbar .container .navbar-nav > li > a .top { color: #2b2b2b; font-size: 16px; line-height: 16px; } 
.navbar .container .navbar-nav > li > a > * { display: block; font-family: "futura-pt-bold", sans-serif; font-weight: normal; white-space: nowrap;}
.navbar .container .navbar-nav > li > a .bot { color: #2b2b2b; font-size: 1.5rem; }
.navbar .container .navbar-nav > li > a.btn { background-color: #fff; border: 2px solid #6e9e5b; border-radius: 10px; color: #2b2b2b; display: inline-block; font-family: "futura-pt-bold", sans-serif; font-size: 20px; line-height: 1rem; margin: 8px 0px; padding: 16px; text-align: center; text-decoration: none; text-transform: uppercase; }
.navbar .container .navbar-nav > li > a:hover span.bot { text-decoration: underline; text-decoration-color: #6e9e5b; text-decoration-thickness: 4px}
.navbar .container .navbar-nav > li > a.btn:hover { background-color: #6e9e5b; }
.top-bar .container #social, .navbar .container #search { display: none; }
.navbar .container #search { border-radius: 0px 0px 15px 15px; border: 4px solid #FFFFFF; background-color: #6E9E5B; color: #2B2B2B; font-family: "futura-pt", sans-serif; margin: -4px 8px 0px 0px; max-width: 225px; padding: 20px 12px; position: absolute; right: 16px; top: -58px; z-index: 2; }
.navbar .container #search .title { color: #ffffff; font-size: 16px; line-height: 20px; margin-bottom: 2px; font-family: "futura-pt-bold", sans-serif; font-weight: 400; }
.navbar .container #search .subtitle { color: #2B2B2B; font-family: "futura-pt", sans-serif; font-size: 13px; font-weight: 700; }
.navbar .container #search form { display: flex; padding: 0px; }
.navbar .container #search button[type=submit] { background-image: url(/assets/img/submit.jpg); background-size: cover; border: 0px;  font-weight: bold; height: 30px; margin-top: 5px; margin-left: 5px; width: 32px; }
.navbar .container #search input[type=text] { background-color: #ffffff; border: 1px solid #4c4a4a; font-family: "futura-pt", sans-serif; font-weight: 400;  height: 30px; margin-top: 5px; width: 151px; }

/* Footer */
#footer { background-color: #fcdb60; }
#footer .container { flex-wrap: wrap; }
#footer .container-fluid { background-image: linear-gradient(#e8c65a, #ffe286, #ffe286, #ffe286); border-bottom: 2px dashed #fff; }
#footer .container-fluid .top { padding: 24px 0px 48px; }
#footer .container-fluid .top div { display: flex; justify-content: center; }
#footer .container .middle { margin-top: 30px; row-gap: 24px; }
#footer .container .middle .social { display: flex; justify-content: center; }
#footer .container .middle .links { display: flex; justify-content: center; }
#footer .container .bottom { margin-top: 30px; text-align: center; }
#footer .container .bottom a { color: #525250; font-family: "futura-pt", sans-serif; font-size: 16px; font-weight: 500; margin: 0 5px; text-decoration: none; text-transform: uppercase; }
#footer .container .bottom a:hover { text-decoration: underline;}
#footer .container .copyright { margin-top: 50px; text-align: center; }
#footer .container .copyright p { color: #525250; font-family: Arial, sans-serif; font-size: 13px; }

/* nav */
.showDesktop { display: none !important; }
.showMobile, #subnav li.showMobile, .subnav li.showMobile { display: block !important; }

/* Mobile Footer Locator */
#mobilesearch { background-color: #6e9e5b; bottom: 0px; padding: 20px 0px; position: fixed; width: 100%;  z-index: 999; }
#mobilesearch .row { align-items: center; }
#mobilesearch img { width: 100%; }
#mobilesearch form { display: flex; align-items: stretch;  ; text-align: center; }
#mobilesearch form input[type=text] { background-color: #ffffff; border: 1px solid #4c4a4a; color: #979292; font-family: "futura-pt", sans-serif; font-size: 18px; font-weight: 400; line-height: 2; margin: 0px; text-align: center; width: calc(90% - 50px); }
#mobilesearch form button[type=submit] { background-image: url(/assets/img/submit.jpg); background-size: cover; border: 0px; font-weight: bold; height: fill-available;  margin-left: 5px; width: 40px; }

/* page sub nav */
#mainwrap .pagenav { text-align: center; }
#mainwrap .pagenav h1 { background-image: url(/assets/img/ghostedblimp.png); background-position: center; background-repeat: no-repeat; background-size: contain; color: #6e9e5b; font-size: 52px; line-height: 1; margin: 0 auto; padding: 50px 0px 64px; }
#mainwrap .pagenav #subnavtwo ul { gap: 16px 50px; display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0px; padding: 0px; }
#mainwrap .pagenav #subnavtwo ul li { width: 100%; }
#mainwrap .pagenav #subnavtwo ul a { color: #2B2B2B; font-family: "futura-pt-bold"; font-size: 16px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
#mainwrap .pagenav #subnavtwo ul a:active { color: #b13928; }
#mainwrap .pagenav #subnavtwo ul a:hover { text-decoration: underline; }

/* Menu */
.foodcontainer { display: flex; flex-wrap: wrap; gap: 36px; justify-content: center; list-style: none; margin: 48px 0px; padding-left: 0px; text-align: center; width: 100%; } 
.foodcontainer li a { background-color: #fff; display: block; text-decoration: none; }
.foodcontainer li a img { padding: 0px 10px; width: 100%;  }  
.foodcontainer li a h3 { color: #525250; font-size: 1rem; font-family: "futura-pt-bold", sans-serif; font-weight: normal; margin: -16px 0px 0px; text-align: center; text-transform: uppercase; padding: 0px 0px 16px; }

/* Products Page */
.breadNav ul { color: #2b2b2b; font-size: 24px; margin-left: 3.5%; margin-top: 20px; text-align: left; text-transform: uppercase; padding: 0px; }
.breadNav ul li:first-child { display: none; }
.breadNav ul li { display: inline-block; font-family: "futura-pt-condensed", sans-serif; font-size: 24px; font-weight: 300; }
.breadNav ul li::after { content: " > "; }
.breadNav ul li:last-child::after { content: none;  }
.breadNav ul li a { color: #2b2b2b; font-family: "futura-pt-condensed", sans-serif; font-size: 24px; font-weight: 300; text-decoration: underline; }
.product.row { padding: 5% 0px; }
.product .product-description p { color: #2b2b2b; font-family: "futura-pt-condensed", sans-serif; font-size: 24px; font-weight: 700; text-align: center; text-transform: uppercase; }
.product .product-description .buttons { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: center; list-style: none; padding: 0px; width: 100%; }
.product .product-description .buttons .btn { background-color: #fff; border: 2px solid #6e9e5b; border-radius: 10px; color: #2b2b2b; display: inline-block; font-family: "futura-pt-bold", sans-serif; font-size: 20px; line-height: 1rem; margin: 8px 0px; padding: 16px; text-align: center; text-decoration: none; text-transform: uppercase; }
.product .product-description .buttons .btn:hover { background-color: #6e9e5b; }
.product .product-description .buttons li:nth-of-type(even) .btn { border-color: #ffe384; }
.product .product-description .buttons li:nth-of-type(even) .btn:hover { background-color: #ffe384; }

/* timeline */
.timeline { align-items: start; display: flex; flex-wrap: wrap; list-style-type: none; margin: 0 auto; max-width: 800px; padding: 0px; }
.timeline .year { width: 100%; }
.timeline .year p { background: #729b4e; border-radius: 99px; color: #ffffff; font-family: "futura-pt-condensed", sans-serif; font-weight: 700; font-size: 3em; margin: 50px auto 1em; padding: 0px 64px; text-align: center; width: fit-content; }
.timeline .event { background: #ffffff; border: 1px solid #c8c7c7; border-radius: 5px; color: #525250; display: inline-block; margin: 10px auto; padding: 0.4em; position: relative; text-align: center; text-decoration: none; transition: background 0.15s linear 0s; width: 100%; }
.timeline .event img { width: 100%; }

/* Inquiry Forms */
form .pageTitle { color: #b13928; font-family: "futura-pt-bold", sans-serif; font-size: 60px; line-height: 60px; margin-bottom: 0px; text-align: center; text-transform: uppercase; }
#mainwrap form h2 { text-align: left; margin: 24px 0px 0px}
form .address { color: #b13928; font-family: "futura-pt-bold", sans-serif; font-size: 18px; line-height: 22px; margin-bottom: 32px; text-align: left; text-transform: uppercase; }
form .form-control { margin-bottom: 12px; }
form .form-control:focus { border-color: #fff; outline: 2px solid #2b2b2b; }
form .btn.order-online { box-shadow: none; background-color: #ffda62; color: #2b2b2b; font-size: 1em; border-radius: 8px; border: 2px solid #ffda62; font-family: "futura-pt-bold", sans-serif; margin-bottom: 32px; text-transform: uppercase; text-decoration: none; }
form .btn.order-online:hover { background-color: #fff; color: #2b2b2b; }
form button[type="submit"] { background-color: #fff; border: 2px solid #6e9e5b; border-radius: 10px; color: #2b2b2b; display: inline-block; font-family: "futura-pt-bold", sans-serif; font-size: 20px; line-height: 1rem; margin: 8px 0px; padding: 16px; text-align: center; text-decoration: none; text-transform: uppercase; }
form button[type="submit"]:hover, form button[type="submit"]:focus { background-color: #6e9e5b; border-color: #6e9e5b; color: #2b2b2b; outline: 2px solid #2b2b2b }
.franppcright, .franInquiry { background-color: #f2f2f2; border-radius: 10px; border: 5px solid #ffffff; padding: 1% 2%; }
.franppcright { margin: 4% 0 50px 2%; max-width: 800px; }
.franInquiry { margin: 4% auto 50px auto; max-width: 800px; }

/* Video */
.video-wrapper { position: relative; }
.video-wrapper #play-pause-btn { bottom: 6px; background-color: #6e9e5b; border-radius: 10rem; border: 2px solid #fff; padding: 6px 8px 8px 8px; position: absolute; right: 6px; }
.video-wrapper #play-pause-btn svg { stroke: #000; stroke-width: 4px; }

/* Carousel */
.carousel .carousel-control-next, .carousel .carousel-control-prev { border: 2px solid #fff; border-radius: 99px; max-height: 2.25rem; max-width: 2.25rem; opacity: 1; outline: 2px solid #000; top: calc(50% - 1.25rem); }
.carousel .carousel-control-next:focus, .carousel .carousel-control-prev:focus, .carousel .carousel-control-next:hover, .carousel .carousel-control-prev:hover { border: 2px solid #000; opacity: 1; outline: 2px solid #fff; }
.carousel .carousel-control-next { right: 24px; }
.carousel .carousel-control-prev { left: 24px; }
.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon { background-color: #6e9e5b; background-position: 50%; background-size: 80% 80%; border-radius: 10rem; outline: none !important; }
.carousel .carousel-status { bottom: 0; left: 0; margin: 0 auto; padding: 0; position: absolute; right: 0; text-align: center; }

/* Accordion */
.nav-tabs { column-gap: 4px; border: none; }
.nav-tabs .nav-item button.active, .nav-tabs .nav-item button { background-color: #fff; border: 2px solid #6e9e5b; color: #2b2b2b; font-family: "futura-pt-bold", sans-serif; font-size: 1.5rem; line-height: 1.5rem; text-align: center; text-transform: uppercase; }
.nav-tabs .nav-item button { background-color: #6e9e5b; }
.tab-content { border: 2px solid #6e9e5b; }
.tab-content .accordion-item { border: none; } 
.tab-content .accordion-item .accordion-button:not(.collapsed) { color: #2b2b2b; background-color: #fff; border: none; box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }
.tab-content .accordion-item button { color: #2b2b2b; font-family: "futura-pt-bold", sans-serif; font-size: 1.5rem; line-height: 1.2; text-decoration: underline; text-decoration-color: #6e9e5b;}
.tab-content .accordion-item .accordion-body, .accordion-item .accordion-body li, .accordion-item .accordion-body a, .accordion-item .accordion-body p { color: #2b2b2b; font-family: "futura-pt", sans-serif; font-size: 1.2rem; } 
.tab-content .accordion-item .accordion-body a { text-decoration-color: #6e9e5b; text-decoration-thickness: 2px;}

/* Sitemap */
.sitemap ul { list-style-type: none; margin: 24px 0px; }
.sitemap ul li { margin-bottom: 5px; }
.sitemap ul li a { color: #000000; text-decoration-color: #6e9e5b; text-decoration-thickness: 2px; word-wrap: break-word; }

.fadedline { width: 100%; }

/* Break Points */
@media (min-width: 576px) {
    /* Nav Bar */
    .navbar .container { max-width: 768px; }
    .navbar .container .navbar-brand img { width: 100%; }
    
    /* page sub nav */
    #mainwrap .pagenav #subnavtwo ul a { font-size: 20px; }
    #mainwrap .pagenav #subnavtwo ul li { width: auto; }

    /* Menu */
    .foodcontainer li a h3 { font-size: 1.35rem; margin-top: -24px; }
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
    /* Globals */
    #mainwrap h1, #mainwrap .h1 { font-size: 4rem; }
    #mainwrap h2, #mainwrap .h2 { font-size: 2.5rem; }
    h3, h4, h5 { font-size:2rem}

    /* Top Bar */
    .top-bar .container #social { align-items: center; column-gap: 8px; display: flex; flex-wrap: nowrap; height: 100%; justify-content: center; margin-right: 0px; }
    .top-bar .container #social div { display: flex; align-items: center; }
    .top-bar .container #social div { color: #2B2B2B; font-family: "futura-pt", sans-serif; text-transform: uppercase;  }
    .top-bar .container #social div a { color: #2B2B2B; font-family: "futura-pt", sans-serif; line-height: 1.5rem; text-decoration: none;  }
    .top-bar .container #social div a:hover { text-decoration: underline; }
    .top-bar .container #social { display: flex; }
    
    /* Nav Bar */
    .navbar .container .navbar-nav > li { display: flex; align-items: center; }
    .navbar.navbar-expand-lg > .container { max-width: 1600px; margin: 0 auto; justify-content: end; }
    .navbar .container .navbar-brand { left: 16px; margin-top: 0px; position: absolute; top: -50px; z-index: 99;  } 
    .navbar .container .collapse { justify-content: right; }
    .nav-buttons, .navbar .container .navbar-locator { display: none; }

    /* Footer */
    #footer .container .middle { margin-top: -30px; }
    #footer .container .middle .social { justify-content: start; }
    #footer .container .middle .links { justify-content: end; }

    /* Nav */
    .showDesktop { display: block !important; }
    .showMobile, #subnav li.showMobile, .subnav li.showMobile { display: none !important; }
    

    /* Menu */
    .foodcontainer li a h3 { margin-top: -24px; }
    
    /* Timeline */
    .timeline .event { width: 45%; }
    .timeline .event:after { background: #f2c024; border: 2px solid #f2c024; border-radius: 50%; content: " "; display: block; height: 9px; right: -5%; position: absolute; top: 1.5em; width: 9px; }
    .timeline li:nth-child(3n):after { left: -5%; }
    .timeline .event.description { margin-top: -1.5rem; }
}    

@media (min-width: 1200px) {
    /* Nav Bar */
    .navbar.navbar-expand-lg > .container { flex-wrap: wrap; justify-content: space-between; }
    .navbar .container .collapse { justify-content: center; }
    .navbar .container .navbar-nav { margin-right: 0px; }
    .navbar .container #search { display: block; }
    
    /* page sub nav */
    #mainwrap .pagenav #subnavtwo ul a { font-size: 28px; }
    
    /* Mobile Footer Locator */
    #mobilesearch { display: none; }

}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
    }
    
}