/* MAIN SETTINGS */
:root {
    --en-mobnav-left-padding-top-level: 15px;
    --en-mobnav-left-padding-following-levels: 35px;

    /* SCHOOL COLORS TO BE USED IN THE HEADER AND FOOTER - (ALL AREAS EXCEPT THE MENU) */
    --en-mobnav-color-1: var(--en-website-color-1);
    --en-mobnav-color-2: var(--en-website-color-2);

    /* MENU COLORS */
    --en-mobnav-menu-bgcolor: #f8f8f8;
    --en-mobnav-menu-color: #444444;

    /* MENU HOVER COLORS */
    --en-mobnav-menu-hover-bgcolor: var(--en-mobnav-color-1);
    --en-mobnav-menu-hover-color: var(--en-mobnav-color-2);

}


button.en-mobnav-button {position: absolute;margin: 0;background: #fff;color: #fff;width: 38px;height: 38px;padding: 0;right: 12px;border-radius: 5px;border: 1.5px solid #00007e2e;box-shadow: 0px 4px 12px 0 rgba( 31, 38, 135, 0.15 );}
.hum_menu {top: 50%;transform: translateY(-50%);}
button.en-mobnav-button span {width: 30px;height: 3.5px;background: #004080;display: block;margin: 0 0 6.5px 0;margin-top: 0px;margin-top: 0px;border-radius: 50px;left: 50%;position: relative;transform: translateX(-50%);top: 3px;}
button.en-mobnav-button:hover {background: #000;}
button.en-mobnav-button:hover span {background: #fff;}
button.en-nav-menu-hamburger-button {background: var(--en-mobnav-color-1);color: var(--en-mobnav-color-2);margin: 0 2vw;font-size: max(24px, 3.6363vw);}
button.en-nav-menu-hamburger-button:hover {color: var(--en-mobnav-color-1);background: var(--en-mobnav-color-2);}
nav.en-nav {background: #fff;color: var(--en-mobnav-color-2);border-left: 1px solid var(--en-mobnav-menu-color);border-right: 1px solid var(--en-mobnav-menu-color);}
nav.en-nav button.en-mobile-nav-close-button {width: min-content;font-size: 24px;padding: 4px 8px;background: transparent;color: var(--en-mobnav-color-2);border: none;border-radius: 6px;margin: 10px 15px;}
nav.en-nav button.en-mobile-nav-close-button:hover {background: var(--en-mobnav-color-2);color: var(--en-mobnav-color-1);}
nav.en-nav > div.en-mobile-nav-header { background: var(--en-mobnav-color-1);color: var(--en-mobnav-color-2);font-family: inherit;font-size: 28px;}
nav.en-nav > div.en-mobile-nav-footer {background: var(--en-mobnav-color-1);color: var(--en-mobnav-color-2);font-family: inherit;font-size: 22px;}
nav.en-nav ul li {border-top: 1px solid #eef4f3;position: relative;}
nav.en-nav > ul > li:last-child {border-bottom: 1px solid #eef4f3;}
nav.en-nav > ul > li > a {font-size: 18px;color: #fff;background: #004080;font-family: 'Barlow', sans-serif !important;padding-top: 16px;font-weight: 500;padding-bottom: 16px;}
nav.en-nav > ul > li > a:hover,nav.en-nav > ul > li > a:focus {color: #fff;background: #004080;}
nav.en-nav > ul > li > ul a {font-family: 'Barlow', sans-serif !important;font-size: 16px;color: #0d1a18;background: #fff !important;padding: 12px 15px !important;font-weight: 400;}
nav.en-nav > ul > li > ul a:hover,nav.en-nav > ul > li > ul a:focus {color: #fff;background: #004080 !important;}
nav.en-nav > ul > li ul > li.en-has-submenu > a {
    color: var(--en-mobnav-menu-color);
}
nav.en-nav > ul > li ul > li.en-has-submenu > a:hover {color: var(--en-mobnav-menu-hover-color);background: var(--en-mobnav-menu-hover-bgcolor);}
nav.en-nav > ul > li ul > li.en-mobile-submenu-opened > a {color: var(--en-mobnav-menu-color);background: var(--en-mobnav-menu-bgcolor);}

nav.en-nav > ul > li ul li.en-has-submenu > a:before {display: inline-block;margin-right: 7px;background: var(--en-mobnav-menu-color);width: 14px;height: 13px;}
nav.en-nav > ul > li ul li.en-has-submenu > a:hover:before {background: var(--en-mobnav-menu-hover-color);}

nnav.en-nav > ul > li > ul li.en-mobile-submenu-opened > a:before {transform: rotate(90deg);}

nav.en-nav > ul > li ul li.en-has-submenu > a:after {display: none;margin-left: 12px;background: var(--en-mobnav-menu-color);width: 14px;height: 13px;}

nav.en-nav > ul > li ul li.en-has-submenu > a:hover:after {background: var(--en-mobnav-menu-hover-color);}

nav.en-nav > ul > li > ul li.en-mobile-submenu-opened > a:after {transform: rotate(90deg);}
.en-mobnav-button.close_lines {width: 45px;}
.close_lines span {width: 23px !important;height: 3.5px !important;display: inline-block !important;background: #820024;position: relative !important;top: 4px !important;margin: 0 !important;left: auto !important;}
#close_line1 {transform: rotate(50deg) translate(0, 0px);}
#close_line2 {transform: rotate(128deg) translate(-12px, 10px);}
nav.en-nav > ul > li a::after {content: "";position: absolute;transform: rotate(0) !important;margin: 5.5px 0 0 8px;transition: all ease 0.5s;right: 18px;top: 15px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #fff;width: 0;height: 0;}
header.en-public-header a.en-website-logo{margin: 0 !important;background: #004080;}
#tabs {grid-row: 3;z-index: 91;align-items: center;grid-column: 1/4;justify-content: center;}
#tabs {margin:20px 0;}
#social-icons a{width: 40px;height: 40px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);background-position: center !important;}
nav.en-nav a:hover, nav.en-nav a:focus {color: #181848;}
.translate-button{margin: 0 15px 0 0;}
.en-header-popup-wrapper form input[type*="text"]{width: 97%;}
.translate-button{font-size: 15px !important;}
#search-button{margin:0 15px 0 0;}
#googleTranslate {width: 110px !important;}
#search-button .icon{margin: 0;}
#marquee-new{width: 100% !important;font-size: 13px;}
nav.en-nav ul{grid-row: 2;grid-column: 1 / 5;}
#social-icons {margin: 15px 0 0 5px;}
#social_links a:last-child {margin-right: 30px;}
body, #nav_items_0 li ul li a::after, #nav_items_0 li.over ul li a::after {content: none;}

.en-nav-appear-from-right button.en-mobnav-button {margin: 13px 0 0;}
nav.en-nav > ul > li a:hover::after, nav.en-nav > ul > li a:focus::after {border-top: 7px solid #fff;transform: rotate(180deg) !important;}