/* Shadow */
header>div>div>.elementor-widget-wrap {
    box-shadow: var(--shadow);
}

@media only screen and (min-width: 1026px) {

    /* Logo styling */
    .header-logo.elementor-widget-image .elementor-widget-container img {
        /* width: 260px; */
        transition: 0.2s;
    }

    header.elementor-sticky--effects .cl-sticky-column>div {
        padding: 25px 80px !important;
    }

    header.elementor-sticky--effects .cl-menu-column>div {
        padding-bottom: 12px;
    }

    /* Sticky styling */
    header.elementor-sticky--effects .header-logo.elementor-widget-image .elementor-widget-container img {
        width: 150px;
    }

    /* Spacing between menu items */
    .cl-nav-menu .elementor-nav-menu>.menu-item {
        margin-left: 50px;
    }

    /* 2 rows in dropdown */
    .grid2 ul.elementor-nav-menu--dropdown[aria-hidden="false"] {
        display: grid !important;
    }
    
    ul.elementor-nav-menu--dropdown {
        grid-auto-flow: column;
        grid-template-columns: repeat(2, auto);
    }


    /* Different row amounts depending on the amount of menu items */
    .cl-grid-6 ul {
        grid-template-rows: repeat(6,1fr);
    }

    .cl-grid-7 ul {
        grid-template-rows: repeat(7,1fr);
    }

    .cl-grid-8 ul {
        grid-template-rows: repeat(8,1fr);
    }

    .cl-grid-9 ul {
        grid-template-rows: repeat(9,1fr);
    }

    .cl-grid-10 ul {
        grid-template-rows: repeat(10,1fr);
    }
    
}

header .cl-sticky-column>div {
    padding: 40px 80px 30px !important;
    transition: 0.2s !important;
}

/* Search icon */
i.fa-search:before {
    content: var(--icon-search);
}

/* Dropdown arrow down */
i.fa-chevron-down:before {
    content: url(/wp-content/plugins/cl-xgl-functions/assets/icons/menu-arrow-down.svg);
    transition: 0.3s;
    display: inline-block;
    transform: rotate(0);
}

a.highlighted i.fa-chevron-down:before {
    transform: rotate(180deg);
}

/* Arrow next to link for dropdown */
.sub-arrow {
    color: var(--secondary-orange);
    margin-top: -5px;
}

/* White popup arrow */
.elementor-nav-menu>li ul:before {
    content: "\A";
    border-style: solid;
    border-width: 15px 30px 15px;
    border-color: transparent white transparent transparent;
    position: absolute;
    left: 25px;
    top: -5px;
    transform: rotate(205deg);
    z-index: -1;
}

/* Sub-menu dropdown arrow  */
.elementor-nav-menu>li>ul>li .sub-menu:before{
    content: none;
}

/* Insights-ROI dropdown */
.elementor-nav-menu>li>ul>li a.highlighted i.fa-chevron-down:before {
    transform: rotate(90deg);
} 

.elementor-nav-menu>li ul {
    background-color: white;
    border-radius: 30px;
    box-shadow: var(--shadow);
    z-index: 2;
    padding: 30px;
}

.cl-nav-menu a {
    font-size: 18px;
    border: none !important;
}

.cl-nav-menu ul.sub-menu {
    padding: 30px !important;
}

.cl-nav-menu ul.sub-menu a {
    color: var(--secondary-sturdygray)
}

.elementor-nav-menu--main .elementor-nav-menu a {
    padding: 16px 0;
    border-left: 0;
}

.cl-nav-menu .icon-dropdown ul.sub-menu a {
    padding: 13px 30px;
}

.icon-dropdown li a:before {
    content: "";
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    background-size: contain;
    left: 0;
}

/* Icons */
.icon-dropdown li.accounts a:before {
    background-image: url("/wp-content/uploads/sites/3/2022/06/accounts.svg");
}

.icon-dropdown li.auditing a:before {
    background-image: url("/wp-content/uploads/sites/3/2022/06/auditing.svg");
}

.icon-dropdown li.cloudaccounting a:before {
    background-image: url("/wp-content/uploads/sites/3/2022/06/cloud-accounting.svg");
}

.icon-dropdown li.finance a:before {
    background-image: url("/wp-content/uploads/sites/3/2022/06/corporate-finance.svg");
}

.icon-dropdown li.recovery a:before {
    background-image: url("/wp-content/uploads/sites/3/2022/06/corporate-recovery.svg");
}

.icon-dropdown li.forensic a:before {
    background-image: url("/wp-content/uploads/sites/3/2022/06/forensic.svg");
}

.icon-dropdown li.payroll a:before {
    background-image: url("/wp-content/uploads/sites/3/2022/06/payroll.svg");
}

.icon-dropdown li.taxplanning a:before {
    background-image: url("/wp-content/uploads/sites/3/2022/06/tax-planning.svg");
}

.icon-dropdown li.vat a:before {
    background-image: url("/wp-content/uploads/sites/3/2022/06/vat.svg");
}

nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    right: -40px !important;
    left: unset !important;
    height: 100vh;
    top: -50px !important;
    padding: 60px 0 40px 40px;
    box-shadow: var(--shadow);
    border-radius: 30px 0 0 30px;
}

@media only screen and (max-width: 1025px) {
    header .cl-sticky-column>div {
        padding: 20px !important;
    }

    header {
        margin: 0 20px;
        inset-inline-start: 0 !important;
    }

    .cl-nav-menu ul.elementor-nav-menu--dropdown {
        box-shadow: none;
        padding: 10px 20px !important;
    }

    nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
        width: 40vw !important;
    }

    .elementor-nav-menu--burger .elementor-nav-menu {
        overflow: scroll;
        min-height: 90vh;
        display: block;
        flex-direction: column;
        overflow-y: auto;
    }
    .cl-nav-menu ul {
        padding-top: 40px !important;
    }


}

@media only screen and (max-width: 767px) {
    header .cl-sticky-column>div {
        padding: 20px !important;
    }

    header {
        margin: 0 20px;
    }

    nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
        width: 70vw !important;
    }
}

header .elementor-menu-toggle {
    z-index: 9999;
    position: relative;
}

nav.elementor-nav-menu--dropdown.elementor-nav-menu__container a {
    padding-left: 0;
    padding-bottom: 15px;
}

.menu-link span:nth-child(2)
{
    color: #626A75 !important;
}

.menu-link span:nth-child(2):hover
{
    color: #BB3F03 !important;
}

/* Search and login menu item */
.cl-search, .cl-external-login {
    margin-top: auto !important;
}

/* Only show on tablet and mobile */
@media only screen and (min-width: 1025px) {
    .cl-external-login,
    .cl-search {
        display: none !important
    }
}

.elementor-nav-menu--dropdown .cl-search a {
    color: var(--secondary-orange);
}

.elementor-nav-menu__align-right .elementor-nav-menu, .elementor-nav-menu__align-right .elementor-nav-menu--layout-vertical>ul>li>a {
    /* justify-content: normal !important; */
}

.cl-search,
.cl-external-login {
    padding-left: 26px !important;
}

.cl-search {
    margin-top: auto !important;
}

.cl-external-login {
    bottom: 0;
}

.cl-search:before,
.cl-external-login:before {
    content: "";
    height: 20px;
    width: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 12px;
}

.cl-search:before {
    background-image: var(--icon-search);
}

.cl-external-login:before {
    background-image: var(--icon-login);
    width: 15px;
}

.cl-nav-menu {
    margin-bottom: 0 !important;
}

@media only screen and (max-width: 1025px) {
    .elementor-nav-menu {
        height: 90vh;
    }

    .cl-search,
    .cl-external-login {
        padding-bottom: 30px !important;
    }

    .cl-external-login {
        top: -30px;
    }

    .elementor-search-form__toggle {
        opacity: 0;
        height: 0;
        position: absolute;
        --e-search-form-toggle-size: 0 !important;
    }

    /* Active menu item mobile */
    .current-menu-item {
        border-right: 3px solid #DD5412 !important;
    }

    .current-menu-item a {
        line-height: 1 !important;
    }

    /* Arrows mobile */
    .sub-arrow {
        margin-left: auto;
        margin-right: 20px;
    }

    .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-sub-item:focus {
        background-color: white !important;
        color: var(--secondary-sturdygray);
    }
}

/* Submenu */
.menu-link {
    font-size: 14px;
}

/* Hamburger menu icon */
.elementor-menu-toggle .eicon-menu-bar:before {
    content: url(/wp-content/plugins/cl-xgl-functions/assets/icons/hamburger-menu-icon.svg);
}

.elementor-menu-toggle .eicon-menu-bar {
    width: 22px;
}

.elementor-menu-toggle .eicon-close:before {
    content: url(/wp-content/plugins/cl-xgl-functions/assets/icons/xmark-solid.svg);
}

.elementor-menu-toggle .eicon-close {
    width: 20px;
}