/* Globals */
 #mainwrap h1, #mainwrap .h1, .menu-product-title 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, .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;
     background-color:#f6f6f6;
}
 #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;
}
/* Popup */
 .dwmodal .btn {
     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;
     padding: 16px;
     text-align: center;
     text-decoration: none;
     text-transform: uppercase;
}
 .dwmodal .btn:hover {
     background-color: #6e9e5b;
}
 .dwmodal #buttonTwo {
     border-color: #ffe384;
}
 .dwmodal #buttonTwo:hover {
     background-color: #ffe384;
}
 .dwmodal-image {
     margin-bottom:10px;
}
 .dwmodal-close-button:focus, .dwmodal-close-button:active {
     outline: #B22C21 solid 2px !important;
}
/* Top Bar */
 .top-bar .container .skip, .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, .skip:focus {
     opacity: 1 !important;
}
 .top-bar {
     align-content: center;
     background-color: #ffda62;
     display: flex;
     height: 50px;
     position: sticky;
     top: 0px;
     z-index: 999;
}
/* 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 .nav-container .nav-buttons .btn.tabindex:focus-visible {
     border-color: #6e9e5b;
     box-shadow: 0 0 0 0.2rem rgb(229, 151, 0);
}
 .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 {
     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 #000000;
     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 12px;
     text-decoration: none;
     text-transform: uppercase;
     display: inline-block;
     line-height: 24px;
}
 #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;
}
 #footer .page-links div, #footer .page-links div a {
     min-height: 24px !important;
}
/* 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 #000000;
     color: #767676;
     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: #b13928;
     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;
}

 .sub-nav .sub-navbar-nav ul {
     gap: 16px 50px;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     list-style: none;
     margin: 0px;
     padding: 0px;
}
 .sub-nav .sub-navbar-nav ul li {
     width: 100%;
}
 .sub-nav .sub-navbar-nav ul a {
     color: #2B2B2B;
     font-family: "futura-pt-bold";
     font-size: 16px;
     font-weight: 700;
     text-decoration: none;
     text-transform: uppercase;
}
 .sub-nav .sub-navbar-nav ul a:active {
     color: #b13928;
}
 .sub-nav .sub-navbar-nav ul a:hover {
     text-decoration: underline;
}
/* Menu */
 .menu-category, .menu-landing {
     display: flex;
     flex-wrap: wrap;
     gap: 36px;
     justify-content: center;
     list-style: none;
     margin: 48px 0px;
     padding-left: 0px;
     text-align: center;
     width: 100%;
}
 .menu-category .product-container, .menu-landing .product-container {
     background-color: #fff;
     display: block;
     text-decoration: none;
}
 .menu-category .product-container img, .menu-landing .product-container img {
     padding: 0px 10px;
}
 .menu-category a h3, .menu-landing a h3 {
     color: #525250;
     font-size: 1rem;
     font-family: "futura-pt-bold", sans-serif;
     font-weight: normal;
     margin: -7% 0 0 0;
     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;
}
 .menu-product-text {
     color: #2b2b2b;
     font-family: "futura-pt-condensed", sans-serif;
     font-size: 24px;
     font-weight: 700;
     text-align: center;
     text-transform: uppercase;
}
 .product-description .buttons {
     display: flex;
     flex-wrap: wrap;
     gap: 8px 24px;
     justify-content: center;
     list-style: none;
     padding: 0px;
     width: 100%;
}
 .product-description .buttons .btn, .btn {
     background-color: #fff;
     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;
}
 .buttons .btn-green:hover, .buttons .btn-green:focus, .buttons .btn-green:focus-visible, .btn-green:hover, .btn-green:focus, .btn-green:focus-visible {
     background-color: #6e9e5b;
}
 .buttons .btn-yellow:hover, .buttons .btn-yellow:focus, .buttons .btn-yellow:focus-visible, .btn-yellow:hover, .btn-yellow:focus, .btn-yellow:focus-visible {
     background-color: #ffe384;
}
 .buttons .btn-red:hover, .buttons .btn-red:focus, .buttons .btn-red:focus-visible, .btn-red:hover, .btn-red:focus, .btn-red:focus-visible {
     background-color: #b13928;
     color:#FFFFFF;
}
 .product-description .buttons .btn:focus, .product-description .buttons .btn:focus-visible, .foodcontainitem a:focus, .foodcontainitem a:focus-visible {
     outline-offset: 2px;
     outline: 2px solid #000000;
}
 .btn-red {
     border: 2px solid #b13928;
}
 .btn-green {
     border: 2px solid #6e9e5b;
}
 .btn-yellow {
     border: 2px solid #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: #000000;
     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 .address dl {
     display: grid;
     grid-template-columns: max-content 1fr;
     gap: 0.25rem 0.75rem;
     margin: 0 0 !important;
}
 form .address dd {
     margin: 0;
}
 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;
}
 legend.legend-sr-only {
     position: absolute !important;
     width: 1px !important;
     height: 1px !important;
     padding: 0 !important;
     margin: -1px !important;
     overflow: hidden !important;
     clip: rect(0, 0, 0, 0) !important;
     clip-path: inset(50%) !important;
     border: 0 !important;
}
 fieldset {
     border: 0;
     padding: 0;
     margin: 0;
}
/* Video */
 .video-wrapper {
     position: relative;
}
 .video-wrapper #play-pause-btn {
     bottom: 6px;
     background-color: #6e9e5b;
     border-radius: 10rem;
     border: 2px solid #000;
     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;
}
.carousel-status button.pause:before {
    content: 'Play';
}
.carousel-status button.play:before {
    content: 'Pause';
}

/* 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;
}
#accordionFaqs {
background-color:#fff;
border-radius: 10px;
}
#accordionFaqs h2 {
    text-align: left;
    padding: 1rem 0  1rem 1.25rem;
    border: solid 2px #6e9e5b;
    margin: 0;
    border-radius: 10px;
    font-size:1.5rem;
}
 .accordion-item {
     border: none;
}
 .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);
}
.accordion-header button {
     color: #2b2b2b;
     font-family: "futura-pt-bold", sans-serif;
     font-size: 1.4rem;
     line-height: normal;
     text-decoration: underline;
     text-decoration-color: #6e9e5b;
}
 .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.2]3rem;
}
 .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%;
}
/* locator map override for accessibility (color contrast) */
 .leaflet-bar {
     box-shadow: 0 2px 5px rgb(0 0 0 / 85%) !important;
}
 .leaflet-bar a, .leaflet-bar a:hover {
     border: 1px solid #000 !important;
}
 #map:focus, #map:focus-visible {
     outline-offset: 4px;
     outline: 2px solid #000000;
}
 #search form .search-group input:focus, #search form .search-group input:focus-visible {
     outline-offset: 1px;
     outline: 4px solid #990000;
}
 .subdued_text {
     color: #b13928 !important;
}
/* 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;
    }
     .sub-nav .sub-navbar-nav ul a {
         font-size: 20px;
    }
     .sub-nav .sub-navbar-nav ul li {
         width: auto;
    }
    /* Menu */
     .menu-category a h3, .menu-landing a h3 {
         font-size: 1.15rem;
    }
}
 @media (min-width: 768px) {
}
 @media (min-width: 992px) {
    /* Globals */
     #mainwrap h1, #mainwrap .h1, .menu-product-title 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 */
    /* 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 */
     .sub-nav .sub-navbar-nav ul a {
         font-size: 28px;
    }
    /* Mobile Footer Locator */
     #mobilesearch {
         display: none;
    }
}
 