/* Original Navigation CSS
--------------------------------------------- */
.main-navigation {
	/* display: block; */
	/* width: 100%; */
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	/* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left; */
	position: absolute;
	/* top: 100%; */
	/* left: -999em; */
	z-index: 99999;
}

.main-navigation ul ul ul {
	/* left: -999em; */
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	/* left: auto; */
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	/* left: auto; */
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

/* Overwrites
--------------------------------------------- */

@media only screen and (min-width: 768px){
    .nav-homepage-link {
        display: none;
    }
}

ul#top-menu {
    display: flex;
    justify-content: flex-end;
    gap: 1.5em;
}

.menu-item-has-children > a::after {
    content: "\f0d7"; /* Font Awesome right-angle triangle (fa-caret-right) */
    font-family: 'Font Awesome 6 Free'; /* Adjust based on your version */
    font-weight: 900; /* Required for Font Awesome 5+ */
    margin-left: 8px; /* Add spacing between text and icon */
    display: inline-block;
}

.menu-main-container ul ul {
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 1em;
    border-radius: 4px;
    box-shadow: 0 8px 24px rgb(10 14 41 / 50%);
    transform: translateY(0.5em);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}

.main-navigation ul ul a {
    line-height: 1;
    padding: 0.5em 0;
    white-space: nowrap;
    overflow: hidden;
    width: auto!important;
    font-weight: 500;
}

.menu-main-container ul ul ul {
    top: 2em;
    left: 1em;
}

.menu-main-container > ul > li:last-of-type > ul {
    right: 0;
}

.menu-main-container ul li a {
    color: #000c55;
}

.menu-main-container ul li a:hover,
.main-navigation li.current_page_item > a,
.main-navigation li.current_page_ancestor > a  {
    color: #df5c27;
}

.main-navigation ul ul li.current_page_item > a::before {
    content: '';
    width: 4px;
    height: 1em;
    background-color: #e16431;
    position: absolute;
    left: -1em;
}

/* Footer nav */

.menu-main-container ul {
    padding: 0;
}

nav#footer-navigation ul {
    justify-content: center;
}

nav#footer-navigation ul li {
    list-style-type: none;
}

footer .menu-main-container ul li a {
    color: white;
}

@media only screen and (max-width: 767px){
    footer .menu-main-container ul {
        flex-direction: column;
        align-items: center;
        padding-top: 1em;
        padding-bottom: 1em;
    }
}

/* Mobile nav 
--------------------------------------------- */

@media only screen and (max-width: 800px){
    nav#header-navigation {
        display: none;
    }
}

@media only  screen and (min-width: 801px){
    #esil-nav-mobile__hamburger {
        display: none;
    }
}

#esil-nav-mobile {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background-color: #030c54cf;
    z-index: 998;
    padding: 7em 0.625em 4em 0.625em;
    overflow-y: auto;
}

#esil-nav-mobile ul#top-menu {
    display: flex;
    flex-direction: column;
    gap: 0em;
}

#esil-nav-mobile ul {
    list-style-type: none;
    background-color: transparent;
    box-shadow: none;
}

#esil-nav-mobile ul li a {
    color: white;
}

div#esil-nav-mobile .site-width-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

nav.esil-nav-mobile__nav {
    margin-top: 0.5em;
}

nav.esil-nav-mobile__nav li.menu-item-has-children > ul {
    height: 0;
    opacity: 0;
    pointer-events: none;
    padding: 0 0 0 1em;
}

nav.esil-nav-mobile__nav li.menu-item-has-children > ul.submenu-opened {
    height: 100%;
    opacity: 1;
    pointer-events: all;
    padding-top: 0.5em;
}

#esil-nav-mobile ul ul li a {
    font-weight: 400;
}

#esil-nav-mobile ul#top-menu ul {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

body.mobile-menu-open #esil-nav-mobile {
    opacity: 1;
    pointer-events: all;
}

body.mobile-menu-open main#content {
    filter: blur(6px);
}

body.mobile-menu-open {
    overflow-y: hidden;
}

nav.esil-nav-mobile__nav ul li{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 0;
-moz-transform: translateY(20px);
-webkit-transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}

nav.esil-nav-mobile__nav ul li.is-shown{
    opacity: 1;
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}


/* Hamburger icon */

div#esil-nav-mobile__hamburger-wrapper {
    position: absolute;
    top: 0;
    right: 1.25em;
    z-index: 999;
    height: 6em;
    display: flex;
    align-items: center;
}

#esil-nav-mobile__hamburger {
    width: 60px;
    height: 45px;
    position: relative;
    /* margin: 50px auto; */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    transform: scale(0.5);
    transform-origin: center right;
  }
  
  #esil-nav-mobile__hamburger span {
    display: block;
    position: absolute;
    height: 9px;
    width: 100%;
    background: #d3531a;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

#esil-nav-mobile__hamburger span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#esil-nav-mobile__hamburger span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#esil-nav-mobile__hamburger span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#esil-nav-mobile__hamburger.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#esil-nav-mobile__hamburger.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#esil-nav-mobile__hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}

nav.esil-nav-mobile__nav ul#top-menu ul > li:last-of-type {
    margin-bottom: 1em;
}

nav.esil-nav-mobile__nav ul#top-menu > li {
    margin-bottom: 1em;
}

nav.esil-nav-mobile__nav ul#top-menu > li.menu-item-has-children {
    margin-bottom: 1em;
}