/*------------------------------------------------------------------------------
    HEADER
------------------------------------------------------------------------------*/

/* Figma Investor Portal button */

.fls-investor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 10px 26px;
    border-radius: 4px;
    background: var(--brand-dark-green);
    color: var(--brand-yellow);
    font-family: var(--font-body);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-button);
    line-height: var(--line-height-tight);
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
}

.fls-investor-button:hover,
.fls-investor-button:focus {
    color: var(--brand-yellow);
    text-decoration: none;
}

/* Figma desktop navigation panel */

.fls-header-nav {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 16px 26px;
    border-radius: 4px;
    background: #fafafacc;
}

.fls-header-nav .main_menu_nav {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 0;
    padding: 0;
}

.fls-header-nav .main_menu_nav > li {
    margin: 0;
    padding: 0;
}

.fls-header-nav .main_menu_nav > li > a {
    padding: 0;
    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-nav);
    line-height: var(--line-height-tight);

    color: var(--brand-dark-green-text);
}

.fls-header-nav .dropdown-arrow::after {
    color: var(--brand-dark-green-text);
}

/* Desktop navigation interaction states */

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

    :is(
        .page-id-317,
        .page-id-343,
        .page-id-358,
        .page-id-371,
        .page-id-385,
        .page-id-390,
        .page-id-392,
        .page-id-394,
        .page-id-396,
        .page-id-398,
        .page-id-497,
        .page-id-527,
        .single-news
    ) #header .nav-box .main_menu_nav > li > a:hover,
    :is(
        .page-id-317,
        .page-id-343,
        .page-id-358,
        .page-id-371,
        .page-id-385,
        .page-id-390,
        .page-id-392,
        .page-id-394,
        .page-id-396,
        .page-id-398,
        .page-id-497,
        .page-id-527,
        .single-news
    ) #header .nav-box .main_menu_nav > li > a:focus-visible {
        color: var(--brand-light-green) !important;
        text-decoration: none !important;
    }

    :is(
        .page-id-317,
        .page-id-343,
        .page-id-358,
        .page-id-371,
        .page-id-385,
        .page-id-390,
        .page-id-392,
        .page-id-394,
        .page-id-396,
        .page-id-398,
        .page-id-497,
        .page-id-527,
        .single-news
    ) #header .nav-box
    .main_menu_nav > li.menu-item-has-children > a:hover::after,

    :is(
        .page-id-317,
        .page-id-343,
        .page-id-358,
        .page-id-371,
        .page-id-385,
        .page-id-390,
        .page-id-392,
        .page-id-394,
        .page-id-396,
        .page-id-398,
        .page-id-497,
        .page-id-527,
        .single-news
    ) #header .nav-box
    .main_menu_nav > li.menu-item-has-children > a:focus-visible::after {
        border-top-color: var(--brand-light-green) !important;
    }

    :is(
        .page-id-317,
        .page-id-343,
        .page-id-358,
        .page-id-371,
        .page-id-385,
        .page-id-390,
        .page-id-392,
        .page-id-394,
        .page-id-396,
        .page-id-398,
        .page-id-497,
        .page-id-527,
        .single-news
    ) #header .nav-box
    .main_menu_nav > li.menu-item-has-children > .sub-menu > li > a:hover,

    :is(
        .page-id-317,
        .page-id-343,
        .page-id-358,
        .page-id-371,
        .page-id-385,
        .page-id-390,
        .page-id-392,
        .page-id-394,
        .page-id-396,
        .page-id-398,
        .page-id-497,
        .page-id-527,
        .single-news
    ) #header .nav-box
    .main_menu_nav > li.menu-item-has-children > .sub-menu > li > a:focus-visible {
        background: rgba(250, 250, 250, 0.95) !important;
        color: var(--brand-light-green) !important;
        text-decoration: none !important;
    }
}

/*------------------------------------------------------------------------------
    HOMEPAGE HEADER
------------------------------------------------------------------------------*/

.page-id-317.header_transparent #header .header-box {
    background: transparent;
    box-shadow: none;
}

.page-id-317 #header .header-box .container {
    position: relative;
    box-sizing: border-box;
    width: calc(100% - (2 * var(--layout-desktop-gutter)));
    max-width: var(--layout-container-max);
    height: 133px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 !important;
    display: grid;
    grid-template-columns: 111px minmax(0, 1fr) 192px;
    grid-template-rows: 133px;
    align-items: center;
}

/* Logo */

.page-id-317 #header .logo-box {
    position: relative;
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    margin-top: 29px;
    padding: 0;
}

.page-id-317 #header .logo-desktop img {
    width: 111px;
    height: 104px;
    object-fit: contain;
}

/* Force the white logo for the Figma hero */

.page-id-317 #header .logo-desktop img {
    content: url('../../images/logo-FLS-white.svg');
}

/* Navigation panel */

.page-id-317 #header .nav-box {
    position: relative;
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    box-sizing: border-box;
    width: iauto;
    max-width: 777px;
    height: 45px;
    margin-top: 0;
    margin-left: clamp(24px, calc(100vw - 1240px), 200px);
    margin-right: clamp(24px, 2.78vw, 40px);
    padding: 16px 26px;
    border-radius: 4px;
    background: rgba(250, 250, 250, 0.8);
    box-shadow: 0 4px 18px rgba(0, 37, 25, 0.08);
}

.page-id-317 #header .nav-box .main_menu_nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: clamp(24px, 2.78vw, 40px);
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.page-id-317 #header .nav-box .main_menu_nav > li {
    margin: 0;
    padding: 0;
}

.page-id-317 #header .nav-box .main_menu_nav > li > a {
    padding: 0 !important;
    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-nav);
    line-height: var(--line-height-tight);
    letter-spacing: 0;
    color: var(--brand-dark-green-text) !important;
    white-space: nowrap;
}

/* Figma dropdown indicators */

.page-id-317 #header .nav-box
.main_menu_nav > li.menu-item-has-children > a {
    position: relative;
    padding-right: 22px !important;
}

.page-id-317 #header .nav-box
.main_menu_nav > li.menu-item-has-children > a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid var(--brand-dark-green-text);
    transform: translateY(-50%);
}

/* Figma submenu panel */

.page-id-317 #header .nav-box
.main_menu_nav > li.menu-item-has-children > .sub-menu {
    margin-top: 12px;
    background: rgba(250, 250, 250, 0.8);
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(0, 37, 25, 0.10);
}

.page-id-317 #header .nav-box
.main_menu_nav > li.menu-item-has-children > .sub-menu > li > a {
    color: var(--brand-dark-green-text);
}

/* Investor Portal Button */

.page-id-317 #header .consulting-header-button {
    position: relative;
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    align-self: center;
    box-sizing: border-box;
    width: 192px;
    margin: 0 !important;
    padding: 10px 26px !important;
    border-radius: 4px !important;
    background: var(--brand-dark-green) !important;
    color: var(--brand-yellow) !important;
    font-family: var(--font-body);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-button);
    line-height: var(--line-height-tight);
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    transform: translateY(-3px);
}

/*------------------------------------------------------------------------------
    HEADER - INNER PAGES
    Mission       : 343
    Midgard       : 358
    Alfheim       : 371
    Contact       : 385
    Team          : 390
    Insights      : 392
    Governance    : 394
    Geographies   : 396
    Approach      : 398
    Policies      : 497
    Terms         : 527
    News Articles : single-news 
------------------------------------------------------------------------------*/

:is(
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
).header_transparent #header .header-box {
    background: transparent;
    box-shadow: none;
}

:is(
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
) #header .header-box .container {
    position: relative;
    box-sizing: border-box;
    width: calc(100% - (2 * var(--layout-desktop-gutter)));
    max-width: var(--layout-container-max);
    height: 133px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 !important;
    display: grid;
    grid-template-columns:
        111px minmax(0, 1fr) 192px;
    grid-template-rows: 133px;
    align-items: center;
}

/* Logo --------------------------------------------------*/

:is(
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
) #header .logo-box {
    position: relative;
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    margin-top: 29px;
    padding: 0;
}

:is(
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
) #header .logo-desktop img {
    width: 109px;
    height: 102px;
    object-fit: contain;
    content: url('../../images/fls-logo-mission-figma-small.webp');
}

/* Navigation panel --------------------------------------*/

:is(
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
) #header .nav-box {
    position: relative;
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    box-sizing: border-box;
    width: auto;
    max-width: 777px;
    height: 45px;
    margin-top: 0;
    margin-left: clamp(24px, calc(100vw - 1240px), 200px);
    margin-right: clamp(24px, 2.78vw, 40px);
    padding: 16px 26px;
    border-radius: 4px;
    background: rgba(250, 250, 250, 0.8);
    box-shadow: 0 4px 18px rgba(0, 37, 25, 0.08);
}

:is(
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
) #header .nav-box .main_menu_nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: clamp(24px, 2.78vw, 40px);
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

:is(
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
) #header .nav-box .main_menu_nav > li {
    margin: 0;
    padding: 0;
}

:is(
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
) #header .nav-box .main_menu_nav > li > a {
    padding: 0 !important;
    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-nav);
    line-height: var(--line-height-tight);
    letter-spacing: 0;
    color: var(--brand-dark-green-text) !important;
}

/* Dropdown indicators -----------------------------------*/

:is(
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
) #header .nav-box .main_menu_nav > li.menu-item-has-children > a {
    position: relative;
    padding-right: 22px !important;
}

:is(
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
) #header .nav-box .main_menu_nav > li.menu-item-has-children > a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid var(--brand-dark-green-text);
    transform: translateY(-50%);
}

/* Inner page submenu panel ----------------------------*/

:is(
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
) #header .nav-box .main_menu_nav > li.menu-item-has-children > .sub-menu {
    margin-top: 12px;
    background: rgba(246, 252, 250, 0.93) !important;
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(0, 37, 25, 0.10) !important;
}

:is(
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
) #header .nav-box .main_menu_nav > li.menu-item-has-children > .sub-menu > li {
    background: transparent !important;
}

:is(
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
) #header .nav-box .main_menu_nav > li.menu-item-has-children > .sub-menu > li > a {
    background: transparent !important;
    color: var(--brand-dark-green-text) !important;
}

/* Investor Portal button --------------------------------*/

:is(
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
) #header .consulting-header-button {
    position: relative;
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    align-self: center;
    box-sizing: border-box;
    width: 192px;
    margin: 0 !important;
    padding: 10px 26px !important;
    border-radius: 4px !important;
    background: var(--brand-dark-green) !important;
    color: var(--brand-yellow) !important;
    font-family: var(--font-body);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-button);
    line-height: var(--line-height-tight);
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    transform: translateY(-3px);
}

/* Investor Portal button interaction states */

:is(
    .page-id-317,
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
) #header .consulting-header-button.hide_on_mobile:hover {
    background: var(--brand-yellow) !important;
    color: var(--brand-dark-green-text) !important;
    text-decoration: none !important;
}

:is(
    .page-id-317,
    .page-id-343,
    .page-id-358,
    .page-id-371,
    .page-id-385,
    .page-id-390,
    .page-id-392,
    .page-id-394,
    .page-id-396,
    .page-id-398,
    .page-id-497,
    .page-id-527,
    .single-news
) #header .consulting-header-button.hide_on_mobile:focus-visible {
    background: var(--brand-yellow) !important;
    color: var(--brand-dark-green-text) !important;
    text-decoration: none !important;
    outline: 2px solid var(--brand-yellow);
    outline-offset: 3px;
}

/* News article adjustment ----------------*/

.single-news #header .consulting-header-button {
    top: 77px;
}

/*--------------------------------------------------------*/

.main_menu_nav > li > a {
    padding: 16px 14px;

    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-nav);
    line-height: var(--line-height-tight);
    letter-spacing: 0;
}

.main_menu_nav > li .sub-menu > li > a {
    font-family: var(--font-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-nav);
    line-height: var(--line-height-tight);
    letter-spacing: 0;
}

.dropdown-arrow {
    padding-right: 4px;
    margin-right: 4px;
}

.dropdown-arrow::after {
    content: '\f107';
    font-family: "Font Awesome 6 Free";
    color: var(--brand-white);
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 16px;
}

.header_style_2.mobile_grid_landscape .header-box .container .main_menu_nav > li > a {
    color: var(--brand-dark-green-text);
}

.header_style_2.mobile_grid_landscape .header-box .container .main_menu_nav > li > a:hover,
.header_style_2.mobile_grid_landscape .header-box .container .main_menu_nav > li.current_page_item > a {
    color: var(--brand-light-green);
}

.consulting-header-button {
    margin: 10px 0 10px 16px !important;
    background-color: var(--brand-light-green) !important;
    border-radius: 8px !important;
}

.consulting-header-button,
.consulting-header-button a {
    font-family: var(--font-body);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-button);
    line-height: var(--line-height-tight);
    letter-spacing: 0;
    text-transform: uppercase;
}

/* header transparent */

.header_style_2.mobile_grid_landscape .header-box {
    background-color: transparent;
    box-shadow: none;
}

.header_transparent #header .main_menu_nav > li > a {
    color: var(--brand-white) !important;
}

.header_transparent #header .main_menu_nav > li > a:hover,
.header_transparent #header .main_menu_nav > li.current_page_item > a {
    color: var(--brand-yellow) !important;
}

.header_transparent #header .consulting-header-button {
    margin: 10px 0 10px 16px !important;
}

/* Figma navigation override inside transparent header */

.header_transparent #header
.fls-header-nav .main_menu_nav > li > a {
    color: var(--brand-dark-green-text) !important;
}


/*------------------------------------------------------------------------------
    HEADER - DESKTOP NAVIGATION INTERACTION STATES
------------------------------------------------------------------------------*/

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

    :is(
        .page-id-317,
        .page-id-343,
        .page-id-358,
        .page-id-371,
        .page-id-385,
        .page-id-390,
        .page-id-392,
        .page-id-394,
        .page-id-396,
        .page-id-398,
        .page-id-497,
        .page-id-527,
        .single-news
    ) #header .nav-box .main_menu_nav > li > a:hover,
    :is(
        .page-id-317,
        .page-id-343,
        .page-id-358,
        .page-id-371,
        .page-id-385,
        .page-id-390,
        .page-id-392,
        .page-id-394,
        .page-id-396,
        .page-id-398,
        .page-id-497,
        .page-id-527,
        .single-news
    ) #header .nav-box .main_menu_nav > li > a:focus-visible {
        color: var(--brand-light-green) !important;
        text-decoration: none !important;
    }

    :is(
        .page-id-317,
        .page-id-343,
        .page-id-358,
        .page-id-371,
        .page-id-385,
        .page-id-390,
        .page-id-392,
        .page-id-394,
        .page-id-396,
        .page-id-398,
        .page-id-497,
        .page-id-527,
        .single-news
    ) #header .nav-box
    .main_menu_nav > li.menu-item-has-children > a:hover::after,

    :is(
        .page-id-317,
        .page-id-343,
        .page-id-358,
        .page-id-371,
        .page-id-385,
        .page-id-390,
        .page-id-392,
        .page-id-394,
        .page-id-396,
        .page-id-398,
        .page-id-497,
        .page-id-527,
        .single-news
    ) #header .nav-box
    .main_menu_nav > li.menu-item-has-children > a:focus-visible::after {
        border-top-color: var(--brand-light-green) !important;
    }

    :is(
        .page-id-317,
        .page-id-343,
        .page-id-358,
        .page-id-371,
        .page-id-385,
        .page-id-390,
        .page-id-392,
        .page-id-394,
        .page-id-396,
        .page-id-398,
        .page-id-497,
        .page-id-527,
        .single-news
    ) #header .nav-box
    .main_menu_nav > li.menu-item-has-children > .sub-menu > li > a:hover,

    :is(
        .page-id-317,
        .page-id-343,
        .page-id-358,
        .page-id-371,
        .page-id-385,
        .page-id-390,
        .page-id-392,
        .page-id-394,
        .page-id-396,
        .page-id-398,
        .page-id-497,
        .page-id-527,
        .single-news
    ) #header .nav-box
    .main_menu_nav > li.menu-item-has-children > .sub-menu > li > a:focus-visible {
        background: rgba(250, 250, 250, 0.95) !important;
        color: var(--brand-light-green) !important;
        text-decoration: none !important;
    }
}

/*----------------------------------------------------------------------------*/