body {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    color: rgb(94, 90, 93);
}
    body.theme-font-standard h1, body.theme-font-standard h2, body.theme-font-standard h3, body.theme-font-standard h4, body.theme-font-standard h5, body.theme-font-standard h6 {
        font-family: 'Varela Round', 'sans-serif';
        font-weight: 400;
        letter-spacing: -0.025em;
        line-height: 1.2;
        margin-top: 0;
        color: rgb(108, 194, 136);
    }

        body.theme-font-standard h3{
            font-size:26px;
        }

        body.theme-font-standard p {
            font-family: "Open Sans", sans-serif;
            font-size: 15px;
            color: rgb(94, 90, 93);
        }
body.theme-color-earth.section--themed{

}

.section{
    padding-top:45px;
    padding-bottom:45px;
}

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

.header-white .logo ul{
    align-self:flex-end;
    margin-left:auto;
}
    .header-white .logo ul .link {
        align-items: center;
        justify-content: center;
        height:50px;
    }
        .header-white .logo ul .link a {
            height: 50px;
            background-color: rgb(11, 90, 156);
            width: auto;
            min-width: 200px;
            color: #fff;
            text-decoration: none;
            display: flex;
            text-align: center;
            align-items: center;
            justify-content: center;
            margin-right:20px;
        }
        .header-white .logo ul .link a:hover {
            background-color:#444;
        }


            main {
                padding-top: 0px;
            }

            footer {
                background-color: #7f7f7f;
                color: #fff;
            }

            body.theme-color-earth footer a {
                color: #fff;
                text-decoration: none;
            }

                body.theme-color-earth footer a:hover {
                    text-decoration: underline;
                }

            .overlay--dark:after {
                background: rgba(37,33,33,.1)
            }

            body.theme-font-standard .section__hero-content h1 {
                color: #fff;
            }


            body.theme-font-standard .header {
                font-size: 15px;
                background-color: #b9cf3b;
                border-top: 5px solid #2b9f73;
                padding-top: 30px;
                padding-bottom: 30px;
                font-family: "Varela Round", "sans-serif";
                font-weight: 400;
                letter-spacing: -0.025em;
                color: #fff;
            }

            .header a {
                font-size: 15px;
                text-transform: none;
                font-family: "Varela Round", "sans-serif";
                font-weight: 400;
                letter-spacing: -0.025em;
            }

            .section--full-height {
                min-height: 50vh !important;
            }


            .link {
                list-style: none;
                display: block;
            }



            .umb-block-grid__layout-container a {
                color: #b9cf3b;
                text-decoration: none;
            }



            .umb-block-grid__layout-container .btn {
                display: inline-block;
                border-radius: 0;
                position: relative;
                padding: 12px 15px;
                margin-top: 5px;
                margin-bottom: 5px;
                font-size: 14px;
                font-weight: 700;
                box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
                transition: all 0.2s ease-in-out 0s;
                background-color: rgb(4, 77, 102);
                color: #fff;
                text-decoration: none;
                list-style: none;
                border: 1px solid rgb(4, 77, 102);
                min-width: 200px;
                text-align: center;
            }

                .umb-block-grid__layout-container .btn:hover {
                    background-color: #fff;
                    color: rgb(4, 77, 102);
                }
            /*
Navigation Styles
*/
            /*.main-navigation {
    background-color: #333;
    padding: 0 1rem;
    width: 100%;
    background-color: #b9cf3b;
    border-top: 5px solid #2b9f73;
    color:#fff;
    cursor:pointer;
    height:80px;
}
    .main-navigation ul {
        list-style: none;
        position: relative;
        z-index: 1000;
        margin-block-start:0;
        margin-block-end:0;
        padding-inline-start:0;
        width:100%;
        
    }
    .main-navigation ul li{
        float:left;
        display:flex;
        height:75px;
        padding:20px;
        align-items:center;
        cursor:pointer;
    }



.nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 0;
}

.nav-item {
    position: relative;
}

    .nav-item a,
    .nav-item span {
        display: flex;
        padding: 28px 20px;
        color: #fff;
        text-decoration: none;
        transition: background-color 0.2s ease;
    }

        .nav-item a:hover,
        .nav-item a:focus {
            background-color: #555;
        }

        .nav-item a.active {
            background-color: #007bff;
        }*/
            /* Label items (non-links) */
            /*.nav-item span {
        cursor: default;
    }*/


.tab-section .tabs{
    display:flex;
}
.tab-section .tab-content{
    position:absolute;top:40px;
}
.tabs a {
    color: #6cc288;
    cursor: pointer;
    padding: 10px;
    display: inline-block;
    border-color: rgb(222, 222, 222);
    border-style: solid;
    border-width: 1px;
}
.tab-section-nav {
    background-color: #e9f6ed;
    color: #6cc288;
}
.tab-section-nav.active {
    background-color: #fff;
    color: #6cc288;
}

.tab-content {
    box-sizing: border-box;
}
            .tab-content .tab-pane{
                opacity:0;
            }
                .tab-content .tab-pane.active {
                    opacity: 100;
                    background-color: #fff;
                    border-color: rgb(222, 222, 222);
                    border-style: solid;
                    border-width: 1px;
                    padding: 15px;
                    box-sizing: border-box;
                }
            /* New Nav Styles */
            /* Main navigation */
.main-navigation {
    position: relative;
    z-index: 1000;
    background-color: #6cc288;
    border-top: 5px solid #47ac68;
    color: #fff;
    cursor: pointer;
    height: 80px;
}



            .nav-list {
                list-style: none;
                margin: 0;
                padding: 0;
                display: flex;
            }

            .nav-item {
                position: relative;
                height: 75px;
                align-items: center;
                cursor: pointer;
                display: flex;
            }


            body.theme-color-earth .nav-link, body.theme-color-earth .nav-label {
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
                padding: 20px;
                color: #fff;
                text-decoration: none;
                transition: background-color 0.2s;
                color: #fff;
                border: none;
                height:100%;
            }

            .nav-link:hover,
            .nav-link:focus {
                background-color: #444;
            }

            .nav-link.active {
                background-color: #007bff;
            }

            .nav-label {
                display: block;
                color: #fff;
                font-size: 0.875rem;
                text-transform: uppercase;
                letter-spacing: 0.05em;
            }
            /* Dropdown arrow */
            .dropdown-arrow {
                border: solid #fff;
                border-width: 0 2px 2px 0;
                display: inline-block;
                padding: 3px;
                transform: rotate(45deg);
                transition: transform 0.2s;
            }
            /* Dropdown menu */
            .dropdown-menu {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                min-width: 150px;
                background-color: #fff;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
                list-style: none;
                margin: 0;
                padding: 0;
                border-radius: 4px;
            }

            body.theme-color-earth .dropdown-menu .nav-link {
                color: #333;
                padding: 20px;
                width: 100%;
                margin: 0;
            }

            .dropdown-menu .nav-link:hover,
            .dropdown-menu .nav-link:focus {
                background-color: #f5f5f5;
            }

            body.theme-color-earth .dropdown-menu .nav-link.active {
                background-color: #e3f2fd;
                color: #007bff;
            }
            /* Show dropdown on hover */
            .has-dropdown:hover > .dropdown-menu,
            .has-dropdown:focus-within > .dropdown-menu {
                display: block;
            }

            .has-dropdown:hover > .nav-link .dropdown-arrow {
                transform: rotate(-135deg);
            }
            /* Nested dropdowns (third level) */
            .dropdown-menu .has-dropdown > .dropdown-menu {
                top: 0;
                left: 100%;
                margin-left: 0;
            }

            .dropdown-menu .has-dropdown > .nav-link .dropdown-arrow {
                transform: rotate(-45deg);
                margin-left: auto;
            }

            .dropdown-menu .has-dropdown:hover > .nav-link .dropdown-arrow {
                transform: rotate(-45deg);
            }
            /* Active state for parent items */
            .nav-item.active > .nav-link {
                background-color: rgb(46, 137, 182);
            }

            .dropdown-menu .nav-item.active > .nav-link {
                background-color: #e3f2fd;
                color: #007bff;
            }

            .nav-link--home {
                display: flex;
            }

                .nav-link--home a {
                    z-index: 1000;
                    height: 100%;
                }


            .mobile-nav {
                display: none;
            }
            /* Mobile styles ----------------------------------------------------------------- */
            /* Mobile Header */
            .mobile-header {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                height: 60px;
                background-color: #fff;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                z-index: 1000;
                padding: 0 1rem;
                align-items: center;
                justify-content: space-between;
            }


            @media (max-width: 1040px) {
                .mobile-header {
                    display: flex;
                }
                /* Hide desktop nav */
                .desktop-nav {
                    display: none;
                }

                .main-navigation, .logo.main-logo {
                    display: none;
                }
                /* Add padding for fixed header */
                body {
                    padding-top: 60px;
                }
            }

            .mobile-header__logo img {
                height: 40px;
                width: auto;
            }
            /* Hamburger Button */
            .mobile-header__toggle {
                background: none;
                border: none;
                padding: 0.5rem;
                cursor: pointer;
            }

            .hamburger {
                display: flex;
                flex-direction: column;
                gap: 5px;
                width: 24px;
            }

                .hamburger span {
                    display: block;
                    height: 2px;
                    background-color: #333;
                    border-radius: 2px;
                    transition: transform 0.3s, opacity 0.3s;
                }
            /* Hamburger animation */
            .mobile-header__toggle[aria-expanded="true"] .hamburger span:nth-child(1) {
                transform: translateY(7px) rotate(45deg);
            }

            .mobile-header__toggle[aria-expanded="true"] .hamburger span:nth-child(2) {
                opacity: 0;
            }

            .mobile-header__toggle[aria-expanded="true"] .hamburger span:nth-child(3) {
                transform: translateY(-7px) rotate(-45deg);
            }
            /* Mobile Navigation Panel */
            .mobile-nav {
                position: fixed;
                top: 0;
                left: 0;
                bottom: 0;
                width: 300px;
                max-width: 85vw;
                background-color: #fff;
                z-index: 1001;
                transform: translateX(-100%);
                transition: transform 0.3s ease;
                display: flex;
                flex-direction: column;
                overflow: hidden;
            }

                .mobile-nav:not([hidden]) {
                    transform: translateX(0);
                }

            .mobile-nav__header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 1rem;
                border-bottom: 1px solid #eee;
            }

            .mobile-nav__title {
                font-weight: 600;
                font-size: 1.1rem;
            }

            .mobile-nav__close {
                background: none;
                border: none;
                font-size: 1.5rem;
                cursor: pointer;
                padding: 0.25rem 0.5rem;
                color: #666;
            }
            /* Navigation List */
            .mobile-nav__list {
                list-style: none;
                margin: 0;
                padding: 0;
                overflow-y: auto;
                flex: 1;
            }

            .mobile-nav__item {
                border-bottom: 1px solid #f0f0f0;
            }

            .mobile-nav__item-row {
                display: flex;
                align-items: stretch;
            }

            .mobile-nav__link {
                flex: 1;
                display: flex;
                align-items: center;
                gap: 0.75rem;
                padding: 1rem;
                color: #333;
                text-decoration: none;
                font-size: 1rem;
            }

            .mobile-nav__link--label {
                color: #666;
                font-size: 0.875rem;
                text-transform: uppercase;
                letter-spacing: 0.05em;
            }

            .mobile-nav__link.active {
                color: #007bff;
                font-weight: 500;
            }

            .mobile-nav__icon {
                width: 24px;
                height: 24px;
                border-radius: 4px;
            }
            /* Expand Button */
            .mobile-nav__expand {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 50px;
                background: none;
                border: none;
                border-left: 1px solid #f0f0f0;
                cursor: pointer;
            }

            .mobile-nav__arrow {
                display: block;
                width: 10px;
                height: 10px;
                border: solid #666;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg);
                transition: transform 0.2s;
            }

            .mobile-nav__expand[aria-expanded="true"] .mobile-nav__arrow {
                transform: rotate(-135deg);
            }
            /* Submenu */
            .mobile-nav__submenu {
                list-style: none;
                margin: 0;
                padding: 0;
                background-color: #f8f9fa;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s ease;
            }

                .mobile-nav__submenu:not([hidden]) {
                    max-height: 500px; /* Adjust based on content */
                }

                .mobile-nav__submenu .mobile-nav__link {
                    padding-left: 2rem;
                    font-size: 0.9rem;
                }

                .mobile-nav__submenu .mobile-nav__submenu .mobile-nav__link {
                    padding-left: 3rem;
                }
            /* Overlay */
            .mobile-nav__overlay {
                position: fixed;
                inset: 0;
                background-color: rgba(0, 0, 0, 0.5);
                z-index: 1000;
                opacity: 0;
                transition: opacity 0.3s;
            }

                .mobile-nav__overlay:not([hidden]) {
                    opacity: 1;
                }
            /* Active item styling */
            .mobile-nav__item.active > .mobile-nav__item-row {
                background-color: #f0f7ff;
            }

            .contact-row {
                display: flex;
                width: 100%;
                gap: 1%;
                row-gap: 10px;
                margin-bottom: 10px;
            }


                .contact-row .col {
                    width: 100%;
                    flex-grow: 1;
                }

                .contact-row .col-6 {
                    width: 50%;
                }

                .contact-row .col-8 {
                    width: 75%;
                }

                .contact-row .col-4 {
                    width: 25%;
                }
                .contact-row .col-md-4 {
                    padding-left: 0;
                    padding-right: 0;
                    flex-grow: 1;
                }


                .contact-row .col.heading {
                    font-weight: 800;
                    font-size: 1.2rem;
                }

            input[type=submit] {
                background-color: rgb(11, 90, 156);
                color: #fff;
                border: none;
                min-width: 200px;
                padding: 10px 15px;
            }


            .form-control{
                padding:0 10px;
            }



            .ctaSection{ padding: 20px; display:inline-block;}
            @media(min-width:768px){
                .ctaSection {
                    padding: 20px;
                    display: flex;
                }
            }

.blueGreyBackground {
    background-color: #f0f3f4;
}
.blackBackground {
    background-color: #000;
    color:#fff;
}
.whiteBackground {
    background-color: #fff;
    color:#666;
}



.product-grid__item:hover body.theme-color-earth .product-grid__item__name, .product-grid__item:hover body.theme-color-earth .product-grid__item__price, body.theme-color-earth .bg-main-color, body.theme-color-earth .button--border--solid, body.theme-color-earth .mobile-nav, body.theme-color-earth .product-grid__item:hover .product-grid__item__name, body.theme-color-earth .product-grid__item:hover .product-grid__item__price, body.theme-color-earth .section--themed {
    background-color: #6cc288;
    color: #000;
}