/* ============================================================
   Shared header styles extracted from header.php
   Template-1-only rules are scoped by body.header-template-1.
   ============================================================ */

body.header-template-1 .header--row-inner.header-bottom-inner {background-color: #4A6FA5 !important;}


body.header-template-1 .menu-item-title-wrap.dd-title {color: white !important;}

 
body.header-template-1 .menu-item.menu-item-type-post_type.menu-item-object-page {color: white !important;}

 
body.header-template-1 .sub-menu {background-color: #4A6FA5 !important;}

 
body.header-template-1 .bg-light.py-3 {margin-top: -10px;
    background-color: #4A6FA5 !important;}


body.header-template-1 .breadcrumb-item .text-dark {color: white !important;}


body.header-template-1 .breadcrumb-item+.breadcrumb-item::before {color: white !important;}



body.header-template-1 .navbar-nav > .nav-item > a {color: white !important; /* ， !important  */}




body.header-template-1 .py-2.top-header.bg-light-silver.text-dark-lead {background-color: #4A6FA5 !important;
    font-size: 30px!important;}


body.header-template-1 .custom-nav-container nav {background-color: #4A6FA5 !important;}



body.header-template-1 .about-container {background-color: #4A6FA5 !important;}

        
body.header-template-1 .about-container.about-content.text {background-color: white !important;}




        
body.header-template-1 .col-lg-3.col-md-4.col-sm-6.col-6.col-sm-6 {background-color: #E0ECFF !important;}

       
body.header-template-1 .card.product-card.rounded-0.border-0.mt-3 {background-color: #E0ECFF !important;}




    
body.header-template-1 .py-4.bg-white.shadow-sm.responsive-nav {background-color: #E0ECFF !important;}


body.header-template-1, body.header-template-1 .image-placeholder, body.header-template-1 .home-contain {background-color: #E0ECFF !important;}



body.header-template-1 .bg-light.pt-5.pb-4 {width: 60%;
background-color: #E0ECFF !important;
 margin: 0 auto; /*  */}


        
body.header-template-1 .home-contain {background-color: #E0ECFF !important;}

       
body.header-template-1 .bg-white.shadow-sm.p-3.pt-4.pb-4.rounded-3 {background-color: #E0ECFF !important;}


 
body.header-template-1 .bg-light.py-2, body.header-template-1 .bg-light.py-5, body.header-template-1 .bg-white.p-3.py-4.rounded-3.shadow-sm {background-color: #E0ECFF !important;}



body.header-template-1 .breadcrump-light.d-flex.justify-content-center-.m-0 {background-color: #4A6FA5 !important;}



        
body.header-template-1 .py-5.bg-image-center.text-white.text-center.bg-light {background-color: #4A6FA5 !important;}



body.header-template-1 .small.opacity-75, body.header-template-1 .small.mt-3 {color: white;}


       


body.header-template-1 .image-placeholder {width: 80%; /*  */
    max-height: 800px; /*  */
    margin: auto auto 30px auto;
    background-color: #f8f9fa;
    overflow: hidden;
    position: relative;
    display: flex; /*  */
    justify-content: center;
    align-items: center;}



body.header-template-1 .image-placeholder img {max-width: 100%; /*  */
    max-height: 100%; /*  */
    height: auto; /*  */
    width: auto; /*  */
    object-fit: contain; /* ， */}



@media (max-width: 991px) {

        
body.header-template-1 .navbar-nav > .nav-item > a {color: #090909 !important; /* ， !important  */}



}







@media (max-width: 768px) {


body.header-template-1 .nv-single-page-wrap.col {padding: 30px!important;}



        
body.header-template-1 .bg-light.pt-5.pb-4 {width: 100%;
background-color: #E0ECFF !important;}




         
body.header-template-1 .image-placeholder {width: 100%; 
        max-height: 300px;
         margin: auto auto 30px auto;
          background-color: #f8f9fa; 
          overflow: hidden;
          position: relative;
           display: block;}

  

    
body.header-template-1 .custom-nav-container {display: none !important;}

}



body.header-template-1 .row.align-items-center.nav-01 {display: none;}



body.header-template-1 .py-2.top-header.bg-light-silver.text-dark-lead .small {color: white !important;
    font-size: 20px!important;}


body.header-template-1 .breadcrumb.breadcrump-light.d-flex.justify-content-center.m-0 .breadcrumb-item.small.active i {color: white !important;}



body.header-template-1 .breadcrumb.breadcrump-light.d-flex.justify-content-center.m-0 .breadcrumb-item.small {color: white !important;}





body.header-template-1 .home-img-2 {display: none!important;}

 


body.header-template-1 .bg-light.py-3 {margin-top: 10px;}



body.header-template-default .py-5.bg-image-center.text-white.text-center.bg-light {
                background-color: #7263f6 !important;
            }

@media (min-width: 769px) { .no-display-windows { display: none; } }

/*.input-group {*/
    /*    width: 100%;*/
    /*}*/
    /*.form-control {*/
    /*    border-radius: 0;*/
    /*}*/
    /*.btn-primary {*/
    /*    border-radius: 0;*/
    /*}*/

.menu-container {
        margin-top: 10px;
        width: auto;
    }
    .menu-list, .submenu {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .menu-list > li, .submenu > li {
        position: relative;
    }
    .menu-list > li > a, .submenu > li > a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: black;
        background-color: #f9f9f9;
    }
    .menu-list > li > a:hover, .submenu > li > a:hover {
        background-color: #e0e0e0;
    }
    .submenu {
        display: none;
        margin-left: 10px;
        border-left: 2px solid #ccc;
    }
    .submenu.show {
        display: block;
    }
    .toggle-btn {
        background: none;
        border: none;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: -4px;
    }


    .responsive-image {
        max-height: 74px;
        max-width: 277.5px;
    }

    /* （， 768px） */
    @media (max-width: 768px) {
        .responsive-image {
            /*margin-top: -8px;*/
            max-height: 38px;
            max-width: 142.5px;
        }
    }

    .responsive-image-out {
        margin-top: -26px;
    }

    /* （， 768px） */
    @media (max-width: 768px) {
        .responsive-image-out {
            margin-top: -52px!important;
        }
    }

    /*.responsive-nav {*/
    /*    height: 150px;*/
    /*    width: 80px;*/
    /*}*/

    /* （， 768px） */
    @media (max-width: 768px) {
        .responsive-nav {
            height: 60px;
            /*width: auto;*/
        }
    }

body {
        margin: 0;
    }

    .main-content {
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 20px;
    }

    @media screen and (max-width: 768px) { /* 768px */
        .main-content {
            padding: 0; /* padding */
        }
    }


/* Declarations moved out of inline style attributes. */
.topbar-center { text-align: center; }
.topbar-about-link { text-decoration: none; color: inherit; }
.header-logo-image { object-fit: cover; }
.header-nav-actions { height: 60px; margin-left: auto; }
.header-action-icons-template1 { margin-top: -28px; }
.header-home-icon-offset { margin-left: -30px !important; }
.header-nav-row { height: 60px; }
.header-search-wrap { height: 60px; }
.header-action-icons-default { margin-top: -14px; }
.header-home-bi { font-size: 24px; }
.header-cart-panel { width: 320px; z-index: 2000; }
.header-close-icon { font-size: 16px; }
.toggle-btn { width: 30%; margin-right: -20px; }
.toggle-arrow { float: right; margin-right: 10px; color: black; }