/* MAIN SETTINGS */
:root {
    --en-topnav-color-1: #0c1d58;
    --en-topnav-color-2: #ffffff;
}

/* TOP NAVIGATION CONTAINER */
nav.en-nav {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /*border: 1px solid #ff0000;*/
}

nav.en-nav > ul {
    box-sizing: border-box;
    /*border: 1px solid #ff0000;*/
    height: 100%;
    align-items: center;
}

/* TOP NAVIGATION - LIST ITEMS (this selector should usually not be needed.) */
nav.en-nav > ul > li {

}

/* TOP NAVIGATION - LINKS */
nav.en-nav > ul > li > a {
    display: flex;
    align-items: center;
    padding: 19.5px 16px 19.5px 16px; /* padding makes top navigation buttons larger. */
    background: inherit;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 21px;
    line-height: 2.1rem;
    letter-spacing: -0.1px;
    color: #fff;
    color: var(--en-topnav-color-2);
    height: 100%;
    vertical-align: middle;
    background: rgb(0, 0,0,0.01);
}

/* HOVER ON TOP NAVIGATION LINKS ONLY */
nav.en-nav > ul > li:hover > a, nav.en-nav > ul > li:focus > a {
    background:  url(/pics/menu_hover.png) no-repeat top right #324796;
    color: var(--en-topnav-color-2);
}


/* SUBMENUS */
nav.en-nav > ul > li ul {
    border: none;
    background: transparent;
    padding: 0px;
    border-radius: 0px; /* border radius won't work without padding and background color */
}

/* SUBMENU LEVEL 1 ONLY */
nav.en-nav > ul > li > ul {
    padding-top: 0px;
}

/* SUBMENUS - LIST ITEMS  (this selector should usually not be needed.) */
nav.en-nav > ul > li ul li {
}

/* SUBMENUS - LINKS */
nav.en-nav > ul > li ul a {
    background: var(--en-topnav-color-1);
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    line-height: 2.0rem;
    letter-spacing: -0.1px;
    color: #fff;
    color: var(--en-topnav-color-2);
    padding: 10px 23px; /* padding makes the links in the submenus larger. */
    padding-right: clamp(10px, calc(60px - 20%), 45px); /* recommended to keep as is */
    min-width: 230px; /* avoid making significant changes */
    max-width: 330px; /* avoid making significant changes */
}

/* HOVER ON LINKS IN SUBMENUS */
nav.en-nav > ul > li ul a:hover {
    background: #324796;
    color: var(--en-topnav-color-2);
}

nav.en-nav > ul li.nav_item_last:hover > ul {
    right: 0;
}

/* LIST ITEMS THAT OPEN SUBMENUS */
nav.en-nav > ul > li ul li.en-has-submenu > a:after {
    content: '\2794';
    display: inline-block;
    margin-left: 12px;
}


/* STYLING OF THE TOPNAV AND DROPDOWN MENUS FOR THE MEDIUM VERSION */
@media only screen and (max-width: 1100px) {

    /* NAVIGATION - TOP LEVEL ITEMS */
    nav.en-nav > ul > li > a {
        padding: 1.7vh 2vw 1.7vh 2.36vw;
        font-size: max(16px, 1.7272vw);
    }

    /* NAVIGATION - LOWER LEVEL ITEMS */
    nav.en-nav > ul > li ul a {
        font-size: 1.6363vw;
    }

    /* POSITIONING AND STYLING OF DROP DOWN MENUS */
    nav.en-nav > ul > li > ul {
        padding-top: 0;
    }

}

@media only screen and (max-width: 850px) {

    /* NAVIGATION - TOP LEVEL ITEMS */
    nav.en-nav > ul > li > a {
        padding:1.4vh 2vw 1.4vh 2.36vw;
        font-size: max(16px, 1.7272vw);
    }

}