/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Child theme for Hello Elementor
Author: Your Name
Template: hello-elementor
Version: 1.0.0
*/

/* Load parent theme CSS */
@import url("../hello-elementor/style.css");


/* =========================
   Futura PT Font
   ========================= */

@font-face {
    font-family: 'Futura PT';
    src: url('/wp-content/themes/hello-elementor-child/fonts/FuturaCyrillicBold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Theme css */

/*a {
    color: #004C21 !important;
}*/

/* =========================================
   HFE HEADER MENU
   ========================================= */

.hfe-nav-menu {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.hfe-nav-menu > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}


/* =========================================
   MENU LINK
   ========================================= */

.hfe-nav-menu > li > a.hfe-menu-item {
    position: relative !important;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    padding: 13px 14px !important;

    color: #006B3F !important;
    background: transparent !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;

    border: none !important;
    box-shadow: none !important;
}


/* =========================================
   TOP + BOTTOM ACTIVE/HOVER LINES
   ========================================= */

.hfe-nav-menu > li > a.hfe-menu-item::before,
.hfe-nav-menu > li > a.hfe-menu-item::after {
    content: "";
    position: absolute;

    left: 50%;
    transform: translateX(-50%);

    width: 32px;
    height: 1px;

    background: #006B3F;

    opacity: 0;

    transition: opacity 0.25s ease;
}


/* Top line */
.hfe-nav-menu > li > a.hfe-menu-item::before {
    top: 0;
}


/* Bottom line */
.hfe-nav-menu > li > a.hfe-menu-item::after {
    bottom: 0;
}


/* =========================================
   HOVER
   ========================================= */

.hfe-nav-menu > li > a.hfe-menu-item:hover::before,
.hfe-nav-menu > li > a.hfe-menu-item:hover::after {
    opacity: 1;
}


/* =========================================
   ACTIVE MENU
   ========================================= */

.hfe-nav-menu > li.current-menu-item > a::before,
.hfe-nav-menu > li.current-menu-item > a::after,

.hfe-nav-menu > li.current_page_item > a::before,
.hfe-nav-menu > li.current_page_item > a::after,

.hfe-nav-menu > li.current-menu-ancestor > a::before,
.hfe-nav-menu > li.current-menu-ancestor > a::after {
    opacity: 1 !important;
}


/* =========================================
   ABOUT US ARROW
   ========================================= */

/* Give About Us a little extra room */
#menu-item-22 > a.hfe-menu-item {
    padding-right: 27px !important;
}


/* Create proper chevron */
#menu-item-22 > a.hfe-menu-item {
    background-image:
        linear-gradient(
            45deg,
            transparent 48%,
            #006B3F 49%,
            #006B3F 60%,
            transparent 61%
        ),
        linear-gradient(
            -45deg,
            transparent 48%,
            #006B3F 49%,
            #006B3F 60%,
            transparent 61%
        ) !important;

    background-position:
        calc(100% - 12px) 50%,
        calc(100% - 8px) 50% !important;

    background-size:
        6px 6px,
        6px 6px !important;

    background-repeat: no-repeat !important;
}


/* =========================================
   REMOVE HFE DEFAULT ARROW
   ========================================= */

.hfe-nav-menu .sub-arrow {
    display: none !important;
}


/* =========================================
   REMOVE DEFAULT BORDERS / EFFECTS
   ========================================= */

.hfe-nav-menu > li,
.hfe-nav-menu > li > a {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .hfe-nav-menu {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .hfe-nav-menu > li > a.hfe-menu-item {
        justify-content: flex-start;
        padding: 14px 20px !important;
    }

}

/* Home banner */

/* Main hero heading */
.elementor-heading-title {
    color: #ffffff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -0.5px;
}

/* Highlighted "career" */
.career-highlight {
    color: #d7df00;
    padding: 0 5px;
    display: inline;
}

/* Home why section */
.whyHeading {
    background: linear-gradient(0deg, #006C3E 0%, #006C3E 0%, #BED544 100%);
    -webkit-background-clip
Determines the background painting area.
: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.workingGrid{
	background: linear-gradient(0deg, #006C3E 0%, #006C3E 0%, #BED544 100%);
    -webkit-background-clip
Determines the background painting area.
: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: 'Futura PT', sans-serif !important;
    font-weight: 700;
}

.jobHeading {
	background: linear-gradient(0deg, #006C3E 0%, #006C3E 0%, #BED544 100%);
    -webkit-background-clip
Determines the background painting area.
: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: 'Futura PT', sans-serif !important;
    font-weight: 700;
}

.whyHeading {
    font-family: 'Futura PT', sans-serif !important;
    font-weight: 700;
}

/* Footer section */
.footerSecHeading {
    background: linear-gradient(90deg, #006C3E 0%, #006C3E 0%, #BED544 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* =========================================
   MOBILE HEADER - COMPASS
   Desktop remains unchanged
   ========================================= */

@media (max-width: 767px) {

    /* -------------------------------------
       TOP GREEN BAR
       ------------------------------------- */

    /* Main top bar */
    .elementor-element-b4bb14b {
        width: 100% !important;
        min-height: 54px !important;
        height: 54px !important;
        padding: 0 22px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        background: #006B3F !important;
    }


    /* Connect list */
    .elementor-element-b4bb14b .elementor-icon-list-items {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }


    /* Hide phone, email and extra contact items */
    .elementor-element-b4bb14b
    .elementor-icon-list-item:nth-child(n+2) {
        display: none !important;
    }


    /* Connect text */
    .elementor-element-b4bb14b
    .elementor-icon-list-text {
        color: #ffffff !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        padding: 0 !important;
    }


    /* Add small dropdown arrow after Connect */
    .elementor-element-b4bb14b
    .elementor-icon-list-item:first-child
    .elementor-icon-list-text::after {
        content: "";
        display: inline-block;

        width: 6px;
        height: 6px;

        margin-left: 7px;
        margin-bottom: 3px;

        border-right: 1.5px solid #ffffff;
        border-bottom: 1.5px solid #ffffff;

        transform: rotate(45deg);
    }


    /* -------------------------------------
       TRACK SHIPMENT
       ------------------------------------- */

    .elementor-element-10e3ec0 {
        position: absolute !important;

        top: 0 !important;
        right: 22px !important;

        width: auto !important;
        height: 54px !important;
        min-height: 54px !important;

        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        background: transparent !important;
    }


    /* Track Shipment list */
    .elementor-element-10e3ec0
    .elementor-icon-list-items {
        display: flex !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Track Shipment item */
    .elementor-element-10e3ec0
    .elementor-icon-list-item {
        margin: 0 !important;
        padding: 0 !important;
    }


    /* Track Shipment link */
    .elementor-element-10e3ec0
    .elementor-icon-list-item a {
        display: flex !important;
        align-items: center !important;

        color: #ffffff !important;
        text-decoration: none !important;

        font-size: 12px !important;
        font-weight: 500 !important;

        gap: 7px !important;
    }


    /* Track icon */
    .elementor-element-10e3ec0
    .elementor-icon-list-icon {
        display: flex !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .elementor-element-10e3ec0
    .elementor-icon-list-icon svg {
        width: 15px !important;
        height: 15px !important;
    }


    /* -------------------------------------
       SECOND HEADER AREA
       ------------------------------------- */

    /*
     * Your logo / hamburger HTML was not included
     * in the pasted code, so don't target them yet.
     *
     * The container containing them should be:
     *
     * - white
     * - approximately 108px high
     * - logo on left
     * - Track Shipment button in middle/right
     * - hamburger on far right
     */
}