/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1781675564
Updated: 2026-06-17 05:52:44

*/
@font-face {
  font-family: "DIN"; src: url("https://wordpress-1466767-6482143.cloudwaysapps.com/wp-content/uploads/2026/07/DIN-Black-Regular-1.woff") format("woff");font-weight: normal;font-style: normal;}
.mobile-extra-footer {
    display: none;
}

.header .containerRow {
    display: flex;
    align-items: center;
    width: 100%;
}

.headerLeft {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.headerLogo {
    flex-shrink: 0;
}

.headerLogo img {
    display: block;
    width: 350px;
    max-width: none;
}


.location-arrow {
    margin-left: 8px;
    font-size: 26px;
}

.mainNav ul {
    display: flex;
    align-items: center;
}


/* =========================================
   ST. LOUIS DESKTOP HEADER
========================================= */

.desktop_head {
    display: block;
    width: 100%;
    background: #000;
}

.desktop_head .main-header {
    width: 100%;
    min-height: 139px;
    background: #000;
}

.stl-header-row {
    display: flex !important;
    align-items: stretch;
    width: 100%;
    min-height: 139px;
}


/* =========================================
   LEFT AREA
========================================= */

.desktop_head .header-left {
    display: flex !important;
    align-items: center;
    width: 42%;
    min-width: 570px;
    flex-shrink: 0;
    background: #000;
}


/* =========================================
   LOGO
========================================= */

.desktop_head .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58%;
    padding: 10px 20px;
}

.desktop_head .logo a {
    display: block;
}

.desktop_head .logo img {
    display: block;
    width: 100%;
    max-width: 350px;
    height: auto;
}


/* =========================================
   LOCATION SECTION
========================================= */

.desktop_head .header-address {
    display: flex !important;
    align-items: center;
    width: 42%;
    min-width: 220px;
    visibility: visible !important;
    opacity: 1 !important;
}

.desktop_head .header-address-detail {
    display: block !important;
    width: 100%;
}

.desktop_head .address-info {
    display: block !important;
    width: 100%;
}

.desktop_head .address-dropdown {
    display: block !important;
    margin: 0 0 8px;
    color: #ed1c24 !important;
    font-family: Oswald, sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.1;
    cursor: pointer;
}

.desktop_head .address-dropdown i {
    margin-left: 5px;
    color: #ed1c24;
}

.desktop_head .current-store-name {
    display: block !important;
    margin: 0;
    color: #fff !important;
    font-family: Oswald, sans-serif;
    font-size: 18px;
    line-height: 1.25;
}


/* =========================================
   RIGHT MENU AREA
========================================= */

.desktop_head .header-menu-area {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;

    background-image:
        url('https://stlouiswings.pmwds.io/wp-content/uploads/2022/12/header-banner-02.png');

    background-size: cover;
    background-position: center;
}

.desktop_head .header-extras {
    width: 100%;
}

.desktop_head .main-menu {
    width: 100%;
}

.desktop_head .nav-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 35px;
    margin: 0;
    padding: 0 50px 0 30px;
    list-style: none;
}

.desktop_head .nav-list li {
    margin: 0;
    padding: 0;
}

.desktop_head .nav-list a {
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1024px) {

    .desktop_head {
        display: none !important;
    }

    .mobile_head {
        display: block !important;
    }

}
input#um-submit-btn {
    font-family: 'BaseNeueBlackWide' !important;
}