/* -------------------------- */
/* TOP NAVIGATION CONTAINER */
nav.en-nav {
    width: 100%;
    background: transparent;
    z-index: 99;
}

/* TOP NAVIGATION - MENU LIST */
nav.en-nav > ul {
height: 100%;
grid-area: 3 / 2 / 4 / 6;
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 auto 0 9px;
width: 100%;
justify-content: space-between;
}
#nav_items_0 > li > ul > li > a:hover::after, #nav_items_0 > li > ul > li:hover > a::after,#nav_items_0 > li > ul > li > a:focus::after, #nav_items_0 > li > ul > li:focus > a::after {
  content: "";
  position: absolute;
  background: url(/pics/nav-hover.png)repeat-y right top;
  width: 8px;
  height: 41px;
  right: 7px;
  top: 0;
}
#nav_items_0 > li > ul > li > ul > li:hover > a::after, #nav_items_0 > li > ul > li > ul > li:focus > a::after {
  content: "";
  position: absolute;
  background: url(/pics/nav-hover.png)repeat-y right top;
  width: 8px;
  height: 41px;
  right: 7px;
  top: 0;
}
/* TOP NAVIGATION - LIST ITEMS (this selector should usually not be needed.) */
nav.en-nav > ul > li {
}
nav.en-nav > ul > li:last-child ul {
  right: unset;
  left: -100%;
}
nav.en-nav > ul > li > ul > li ul {
  padding: 0;
  left: 100%;
  top: 0px;
  background: url(/pics/dropdown-bg.png) repeat!important;
  right: unset!important;
}
/* TOP NAVIGATION - LINKS */
nav.en-nav > ul > li > a {
padding: 15px 12px 15px;
font-size: clamp(15px,1.5vw,18px);
font-weight: 600;
line-height: 20px;
text-align: center;
color: #332f2f;
font-family: 'forma-djr-deck', sans-serif;
}
#nav_items_0 > li > ul > li > a:hover, #nav_items_0 > li > ul > li:hover > a, #nav_items_0 > li > ul > li.over > a, #nav_items_0 > li > ul > li:hover > ul > a:hover, #nav_items_0 > li > ul > li.over > ul > a:hover, #nav_items_0 > li > ul > li > ul > li:hover > a, #nav_items_0 > li > ul > li > ul > li.over > a, #nav_items_0 > li > ul > li > ul > li:hover > ul > a:hover, #nav_items_0 > li > ul > li > ul > li.over > ul > a:hover, #nav_items_0 > li > ul > li > ul > li > ul > li:hover > a, #nav_items_0 > li > ul > li > ul > li > ul > li.over > a, #nav_items_0 > li > ul > li > ul > li > ul > li:hover > ul > a:hover, #nav_items_0 > li > ul > li > ul > li > ul > li.over > ul > a:hover, #nav_items_0 > li > ul > li > a:focus, #nav_items_0 > li > ul > li:focus > a, #nav_items_0 > li > ul > li:focus > ul > a:focus, #nav_items_0 > li > ul > li.over > ul > a:focus, #nav_items_0 > li > ul > li > ul > li:focus > a, #nav_items_0 > li > ul > li > ul > li:focus > ul > a:focus, #nav_items_0 > li > ul > li > ul > li.over > ul > a:focus, #nav_items_0 > li > ul > li > ul > li > ul > li:focus > a, #nav_items_0 > li > ul > li > ul > li > ul > li:focus > ul > a:focus, #nav_items_0 > li > ul > li > ul > li > ul > li.over > ul > a:focus {
  background: #fff;
}
/* title */
div.en-public-header-middle div.en-public-header-website-name .school-name-bottom {
font-family: 'forma-djr-deck', sans-serif;
font-weight: 500;
font-size: 30px;
letter-spacing: 8.5px;
line-height: 34px;
text-transform: uppercase;
color: #1e2022;
margin-left: 1px;
}

div.en-public-header-middle div.en-public-header-website-name .right-text {
   font-family: 'adonis-web', serif;
position: absolute;
right: 0px;
bottom: 20px;
color: #4676b4 !important;
font-size: 30px;
font-weight: 700;
letter-spacing: -0.6px;
text-transform: none;
}

/* HOVER ON TOP NAVIGATION LINKS ONLY */
nav.en-nav > ul > li > a:hover {
    color: #332f2f;
}

/* 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: 10px 0;
background: url(/pics/dropdown-bg.png)repeat center;
z-index: 1;           /* adjust the distance of the level-1 submenu from the top-nav if necessary) */
   
}

/* 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 {
min-width: 220px;
max-width: 220px;
padding: 10px 16px;
height: auto;
font-variant: normal;
position: relative;
font-size: clamp(15px,1.58vw,19px);
font-weight: 600;
line-height: 20px;
letter-spacing: normal;
text-align: left;
color: #1e2022;
text-decoration: none;
text-transform: capitalize;
font-family: 'forma-djr-deck', sans-serif;
  }

/* HOVER ON LINKS IN SUBMENUS */
nav.en-nav > ul > li ul a:hover, nav.en-nav > ul > li ul a:focus {
background: #fff;
color: #1e2022;
}

/* LIST ITEMS THAT OPEN SUBMENUS */

#nav_items_0 > li > a::after, #nav_items_0 > li.over > a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: 12;
width: calc(100%);
height: 3px;
right: 0;
margin: 0 auto;
background: #7ad5ff;
opacity: 0;
}

#nav_items_0 > li:hover > a::after, #nav_items_0 > li.over > a::after, #nav_items_0 > li:focus > a::after {
    opacity: 1;
}
nav.en-nav > ul > li:hover > a, nav.en-nav > ul > li:focus > a {
    color: #332f2f;
    background: #fff;
}


/* STYLING OF THE TOPNAV AND DROPDOWN MENUS FOR THE MEDIUM VERSION */
@media only screen and (max-width: 1254px) {
    nav.en-nav > ul > li > a {
        padding: 12px 8px 13px 8px;
    }
        nav.en-nav > ul {
    left: 0;
    justify-content: space-evenly;
   }
}

@media only screen and (max-width: 965px){
    nav.en-nav > ul > li > ul {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    nav.en-nav > ul > li ul a {
        min-width: 195px;
        max-width: 195px;
    }
}


 @media only screen and (min-width:901px) and (max-width: 918px){ 
nav.en-nav > ul {
  left: 0;
  justify-content: space-between;
  width: 100%;
}
nav.en-nav > ul > li > a {
  padding: 10px 0 15px 0;
}
 }