@import url(./css/wp-core.css);@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap);:root{--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:32px;--color-red:#e31e25;--color-dark-red:#cb141a;--color-grey:#828080;--color-dark-grey:#38373c;--color-light-grey:#f9f9fa;--color-light-grey-2:#dedddd;--color-yellow:#ffae01;--color-dark-blue:#2f4a6d;--color-green:#79a62b;--color-green-2:#2c5e35;--color-dark-green:#0f1f15;--color-light-green:#d9ead3;--color-light-green-2:#f5fbf7;--color-blue:#007bff;--color-success:var(--color-green);--color-error:var(--color-red);--color-info:var(--color-blue);--color-warning:var(--color-yellow);--color-brand-primary:var(--color-red);--color-brand-secondary:var(--color-yellow);--text-main:var(--color-dark-grey);--text-main-hover:var(--color-yellow);--text-main-menu:var(--color-dark-grey);--text-main-menu-hover:var(--color-dark-grey);--alert-bar-bg-color:var(--color-dark-grey);--alert-bar-txt-color:var(--color-light-grey);--alert-bar-font-size:var(--font-size-16);--alert-bar-text-weight:var(--font-weight-semibold);--footer-text-size:var(--font-size-14);--footer-bg-color:var(--color-light-grey);--font-main:"Jost" , sans-serif;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-heavy-bold:800;--font-headline:"playfair-display" , serif;--font-size-11:11px;--font-size-12:12px;--font-size-14:14px;--font-size-16:16px;--font-size-18:18px;--font-size-20:20px;--font-size-22:22px;--text-main-menu-size:11px;--footer-text-size:11px;--transition:all .3s;--container:1280px;interpolate-size:allow-keywords;scrollbar-color:var(--color-green) var(--color-dark-green)}#cc-main{--cc-font-family:var(--font-main);--cc-btn-primary-bg:var(--color-dark-green);--cc-btn-primary-border-color:var(--color-dark-green);--cc-btn-primary-hover-bg:var(--color-green-2);--cc-btn-primary-hover-border-color:var(--color-green-2);--cc-btn-secondary-bg:var(--color-light-green-2);--cc-btn-secondary-border-color:var(--color-light-green-2);--cc-btn-secondary-hover-bg:var(--color-light-green);--cc-btn-secondary-hover-border-color:var(--color-light-green);--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-btn-border-radius:0}.marquee{overflow:hidden;display:block!important;width:100vw}.marquee-track{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;animation:scrollTrack 15s linear infinite}.marquee-content{flex-shrink:0!important;flex-grow:0!important;width:max-content!important;max-width:none!important;white-space:nowrap!important;padding-right:var(--space-xs)}@keyframes scrollTrack {
  0% { transform: translateX(0); }
  100% { transform: translateX(var(--scroll-amount, -100%)); }
}.font-weight-semibold{font-weight:var(--font-weight-semibold)}::selection{background:var(--color-green);color:var(--color-dark-grey)}*{box-sizing:border-box;margin:0;padding:0;font-family: var(--font-main)}form{&.wpcf7-form {
        p {
            width: 100%;
        }
        .wpcf7-response-output {
            margin-left: 0;
            margin-right: 0;
            padding-top: var(--space-md);
            padding-bottom: var(--space-md);
            border: none;
            background-color: var(--color-green-2);
            color:#FFFFFF;
        }
    }
}input,textarea,select,button{font-family: var(--font-main);border-width:1px;border-style:solid}label{font-weight:var(--font-weight-semibold);letter-spacing:2px;text-transform:uppercase;font-size:var(--font-size-11);display:block;margin-bottom:var(--space-sm)}input{&[type="text"],
    &[type="email"],
    &[type="password"],
    &[type="number"],
    &[type="search"],
    &[type="tel"],
    &[type="url"] {
        border-color: var(--color-light-grey-2);
        padding: var(--space-md) var(--space-lg);
        font-size: var(--font-size-14);
        color: var(--text-main);
        width: 100%;
        &::placeholder {
            color: var(--color-light-grey-2);
        }
        &.wpcf7-not-valid {
            border-color: var(--color-red);
        }
    }
    &[type="submit"] {
        background-color: var(--color-green-2);
        color: #FFF;
        border-color: var(--color-green-2);
        padding: var(--space-lg) var(--space-xxl);
        font-size: var(--font-size-11);
        font-weight: var(--font-weight-bold);
        cursor: pointer;
        transition: var(--transition);
        text-transform: uppercase;
        letter-spacing: 2px;
        &:hover {
            background-color: var(--color-dark-green);
            border-color: var(--color-dark-green);
        }
    }
}textarea{border-color:var(--color-light-grey-2);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-14);color:var(--text-main);width:100%;&::placeholder {
        color: var(--color-light-grey-2);
    }
}.row{width:100%;display:flex;flex-wrap:wrap;margin-bottom:var(--space-xl);gap:var(--space-xl);.half {
        width: 100%;        
        margin-bottom: var(--space-xl);
    }
    &:has(.half) {
        margin-bottom: 0;
        gap: 0;
    }

}.container{max-width:var(--container);padding-left:6%;padding-right:6%;margin:0 auto}.btn{text-transform:uppercase;font-weight:var(--font-weight-bold);font-size:var(--font-size-11)}.eyebrow{text-transform:uppercase;font-size:var(--font-size-11);font-weight:var(--font-weight-semibold);letter-spacing:2px;color:var(--color-green-2);&:before {
        display: inline-block;
        content: "";
        width: 30px;
        height: 1px;
        background-color: var(--color-green-2);
        margin-right: var(--space-md);
        position: relative;
        top: -3px;
    }
}p{line-height:1.6;a {
        color: var(--color-green-2);
        &:hover {
            text-decoration: underline;
        }
    }
}a{text-decoration:none}html,body{max-width:100%;position:relative;margin:0;padding:0}html{overflow-x:hidden;scroll-behavior:smooth}header{&.header {
        padding-top: 0;    
        padding-bottom: 0;
        height: 80px;
        background-color: #FFF;
        display: flex;
        align-items: center;
    }

    & > .container {
        width: 100%;
        display: flex;
        align-items: center;        
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
    }

    .header__logo img {
        max-width: 120px;
        height: auto;
    }
    nav {
        position: absolute;
        z-index: 999;
        top: 80px;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        background-color: #FFF;

        &.nav--open {
            opacity: 1;
            visibility: visible;
        }
        
        ul {
            padding: var(--space-xl);
            list-style-type: none;            
            background-color: #FFF;
            border-top: 1px solid var(--color-light-grey-2);
            li {
                &.current-menu-item {
                    a {
                        color: var(--color-green);                        
                    }
                }
            }
        }

        a {
            text-decoration: none;
            text-transform: uppercase;
            color: var(--text-main-menu);
            font-size: var(--text-main-menu-size);
            font-weight: var(--font-weight-bold);            
            transition: var(--transition);
            letter-spacing: 2px;
            display: block;
            padding: var(--space-sm) 0;
            border-bottom: 2px solid transparent;

            &:hover {
                color: var(--color-green);
                border-bottom-color: var(--color-green);
            }
        }
        svg {
            &.close-ico {
                position: absolute;
                top: -56px;
                right: 20px;
                width: 32px;
                height: 32px;
                background-color: #fff;
                fill: var(--color-dark-grey);               
            }
        }
    }
    &.page-header {
        background-color: var(--color-light-green-2);
        border-bottom: 1px solid var(--color-light-green);
        padding: calc(var(--space-xxl) * 2) 0;
        margin-bottom: calc(var(--space-xxl) * 3);
        h1 {
            margin-top: var(--space-lg);
            margin-bottom: var(--space-lg);
            text-transform: uppercase;
            color: var(--color-dark-green);
            font-weight: var(--font-weight-heavy-bold);
            font-size: clamp(32px, 5vw, 48px);        
            line-height: 1;            
        }
        .container {
            display: block;
        }
        p {
            max-width: 500px;
            color: var(--color-green-2);
        }
    }
}main{min-height:calc(100dvh - 176px);&.page {
        padding-bottom: calc(var(--space-xxl) * 3);
    }
}section{&.page-404 {
        min-height: calc(100dvh - 200px);
        text-align: center;
        color: var(--color-green);
        font-weight: var(--font-weight-bold);
        font-size: calc(var(--font-size-22) * 4);
    }
}aside{&.widgets-area {
        padding: calc(var(--space-xl) * 2.5) 0;
        background-color: var(--color-dark-green);   
        color: rgba(255, 255, 255, 0.4);
        font-size: var(--font-size-12);
        .container {
            padding-top: 0;
            padding-bottom: 0;
            display: flex;
            flex-direction: column;
            gap: var(--space-xxl);
            .footer-widget-col {
                flex: 1;
            }
            h4 {
                color: var(--color-green);
                text-transform: uppercase;
                letter-spacing: 2px;
                margin-bottom: var(--space-lg);
            }
            ul {
                list-style-type: none; 
                &.menu {
                    font-weight: var(--font-weight-semibold);
                    a {
                        padding: var(--space-xs) 0;
                        display: block;
                        width:fit-content
                    }
                }               
            }
            a {
                color: rgba(255, 255, 255, 0.4);
                transition: var(--transition);
                &:hover {
                    color: #FFF;
                }                
            }
        }
    }
}footer{&.footer {
        background-color: var(--color-dark-green);        
        padding: var(--space-xl);        
        border-top: 1px solid rgba(255, 255, 255, 0.05);
        .footer__content {
            font-family: var(--font-main);
            color: rgba(255, 255, 255, 0.25);
            font-size: var(--footer-text-size);
            display: flex;
            align-items: center;
            justify-content: center;    
            width: 100%;
            flex-direction: column;
            & > div {
                margin: var(--space-xs) 0;
            }
            span {
                text-transform: uppercase;
            }
        }
    }
}.hero{h2 {
        font-weight: var(--font-weight-heavy-bold);
        font-size: clamp(32px, 5vw, 48px);        
        line-height: 1;
        span {
            color: var(--color-green);
        }
    }
    .hero-left-box {
        padding: var(--space-xxl) var(--space-xl);
    }
}.our-brands{& > .wp-block-column {
        padding: var(--space-xl);        
    }
}.alignwide{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);max-width:100vw;box-sizing:border-box}.alignfull{margin:0 calc(50% - 50vw);max-width:100vw;width:100vw}@media screen and (max-width:767px){.hero{.wp-block-cover {
            min-height: 260px;
        }
    }}@media screen and (min-width:768px){header{nav {
            position: static;
            opacity: 1;
            visibility: visible;
            width: fit-content;
            background-color: transparent;
            
            ul {
                background-color: transparent;
                display: flex;
                align-items: center;
                border-top: none;
                li {
                    margin-left: var(--space-xxl);                    
                    &.current-menu-item {
                        a {                     
                            border-bottom-color: var(--color-green);
                        }
                    }
                }
            }            
        }
        svg {
            &.menu-ico,
            &.close-ico {
                display: none;
            }
        }
    }.hero{min-height:calc(100dvh - 80px);align-items:stretch!important;.hero-left-box {
            padding-left: clamp(var(--space-xxl), 50vw, 5rem);
        }
        p {
            max-width: 460px;
        }
        .wp-block-cover {
            height: 100%;
        }
    }main{min-height:calc(100dvh - 403px);&.page {
            padding-bottom: calc(var(--space-xxl) * 3);
            .row {
                .half {
                    width: 50%;      
                }
                &:has(.half) {
                    flex-wrap: nowrap;
                    gap: var(--space-xl);
                }
            }
        }
    }aside{&.widgets-area {
            .container {                
                flex-direction: row;                
            }            
        }
    }footer{&.footer {    
            .footer__content {
                flex-direction: row;
                justify-content: space-between;                
                & > div {
                    margin: 0;
                }
                span {
                    margin-left: var(--space-lg);
                }
            }
        }
    }.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-xl)}.container-half{width: calc(var(--container) / 2);margin:0}}@media (hover:hover){a{&.wp-element-button {
            transition: var(--transition);
            &:hover {
                background-color: var(--color-dark-green) !important;
                border-color: var(--color-dark-green) !important;
            }
            &.has-green-2-background-color {
                  &:hover {
                    background-color: var(--color-dark-green) !important;
                    border-color: var(--color-dark-green) !important;
                  }
            }    
            &.has-white-background-color {
                  &:hover {
                    background-color: var(--color-light-green) !important;      
                  }
            }        
        }
    }.our-brands{& > .wp-block-column {
            transition: var(--transition);            
            &:hover {
                background-color: rgb(from var(--color-green-2) r g b / 10%) !important;      
            }
        }        
    }}