header#enheader4 {
  /* Convenience variables for header only start here.  Add/update/delete for your needs. */
  --text-color: #010101;
  --font1: "soleil", sans-serif;
  /* Convenience variables end here */

  --height: 150px;
  --top-bar-height: 30px;
  --bottom-bar-height: 51px;
  --column-gap: min(2vw, 22px);

  --logo-width: 80px;
  --logo-shadow-color: rgb(0, 0, 0, 15%);
  --logo-border-color: #dddddd;

  --top-bar-background: #fff;
  --top-bar-border-color: var(--gray); /* if border enabled */
  --center-bar-background: #ffffff;
  --bottom-bar-background: #ffffff;
  --bottom-bar-border-color: #e0e0e0; /* if border enabled */

  --website-name-font-family:"Baskerville", serif;
  --website-name-font-size: 30px;
  --website-name-font-weight: 700;
  --website-name-color: #002d62;
  --website-name-line-height: 28px;
  --website-name-shadow-color: #cccccc;
  --website-name-visibility: visible;
  --website-name-line-break-display: none;

  --website-motto-font-family: "soleil", sans-serif;
  --website-motto-font-size: 0.5em;
  --website-motto-color: #666666;


  --search-translate-font-family: var(--font1);
  --search-translate-font-size: 13px;
  --search-translate-color: #002d62;

  /* Top Navigation params */
  --topnav-font-family: var(--font1);
  --topnav-font-size: clamp(12px, 1.58vw, 16px);
  --topnav-color: #002d62;
  --topnav-background:#fff;  /*transparent; changed for ADA */
  --topnav-hover-color: #002d62;
  --topnav-hover-background: transparent;
  --topnav-color3: #010101;

  --menu-font-family: var(--font1);
  --menu-font-size: clamp(12px, 1.5vw, 16px);
  --menu-background: transparent;
  --menu-color: #fff;
  --menu-hover-background: #98b4c8;
  --menu-hover-color: #002d62;

}

header.fixed-header {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100% !important;
  margin: 0 auto !important;
  z-index: 10;
  right: 0;
  box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  animation: slideDown 0.35s ease-out;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
header.enh1.fixed-header > div.enh1-bottom-bar-bg {
  background: #fff;
}
nav.en-nav > ul > li > ul > li ul {
  top: 0 !important;
}

@media only screen and (min-width:851px){
 
  header.fixed-header {
    --height: 150px !important;
  }

}

.header-links {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 21px;
  margin: 0 24px 0 0;
}
.header-links a {
  color: #002d62;
  font-family: "baskerville-display-pt", serif;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 18px;
  line-height: 20px;
  background: url('/pics/header-link-arrow.png') left top 5px no-repeat;
  padding: 0 0 0 19px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
}
a.header-link1 {
  padding: 0 0 0 17px;
}
a.header-link2 {
  margin: 0 2px 0 -1px;
  padding: 0 0 0 18px;
}
a.header-link4 {
  margin: 0 0 0 -2px;
}
.header-links a:hover, .header-links a:focus {
  text-decoration: underline;
  padding: 0 19px 0 0;
  background-position: right top 5px;
}
  #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 {
    color: var(--menu-hover-color);
    background: var(--menu-hover-background);
  }
  nav.en-nav > ul > li > ul > li ul {
    top: 0;
  }
  @media only screen and (min-width: 851px) {
  nav.en-nav > ul > li > ul > li ul {
    padding: 5px 0;
    background: #141616;
  }
}

  @media only screen and (max-width: 1236px) {
    header.enh1 div.enh1-middle {
      margin: 7px 0 0 0px;
    }
  
    header.enh1 div.enh1-search-translate {
      padding: 2px 8px 0 18px;
    }
    header.enh1.enh1-1-3 > nav.en-nav > ul, header.enh1.enh1-1-4 > nav.en-nav > ul {
top: 0;
left: 0;
max-width: 100%;
    }
    header.enh1.enh1dm-1-2 nav.en-nav ul > li:nth-last-child(2) > ul {
      left: auto;
      right: 0;
    }

  }

  @media only screen and (max-width: 1070px) {
    header.enh1 div.enh1-search-translate {
      padding: 2px 14px 0 18px;
    }
    header.enh1 > nav.en-nav > ul > li > a {
      padding: 8px 5px 10px;
    }
    header.enh1.enh1-1-3 > nav.en-nav > ul, header.enh1.enh1-1-4 > nav.en-nav > ul {
      justify-content: space-evenly;
    }
  }
  @media only screen and (max-width: 900px) {
  .en-aos-init {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
}
  
/* STYLING FOR MOBILE */
@media only screen and (max-width: 850px) {
  header.enh1.enh1-1-4 div.enh1-logo-cont {
    grid-row: 1 !important;
    grid-column: 1 !important;
    margin: 0 0 0 0 !important;
  }
  header#enheader4.enh1 {

      --header-height: clamp(114px, 19vw, 150px);
      --header-background: #ffffff;

      --logo-width: clamp(80px, 15vw,  110px);

      --website-name-font-size: clamp(20px, 4.5vw, 32px);
      /* --website-name-color: #000000; */
      /* --website-name-font-weight: 600; */
      --website-name-line-break-display: inline-block;

      --website-motto-font-size: 0.6em;


      --mobnav-button-background: var(--header-background);
      --mobnav-button-color: var(--blue);
      --mobnav-button-hover-background: var(--blue);
      --mobnav-button-hover-color: var(--header-background);

      --menu-font-family: var(--topnav-font-family);
      --menu-font-size: clamp(18px, 3.5vw, 20px);
      --menu-background: #ffffff;
      --menu-color: #000;
      --menu-hover-background:#002d62 ;
      --menu-hover-color: #fff;
      --logo-shadow-color: rgb(0, 0, 0, 10%);
      

  }
  header.enh1 nav.en-nav > ul > li.hasSubNav > a::after {
    content: "";
    position: absolute;
    transform: rotate(0) !important;
    margin: 5.5px 0 0 8px;
    transition: all ease 0.5s;
    right: 18px;
    top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
    width: 0;
    height: 0;
    bottom: 0;
    margin: auto 0;
  }
  header.enh1 nav.en-nav > ul > li > a:hover::after, header.enh1 nav.en-nav > ul > li > a:focus::after {
    border-top: 7px solid #fff;
    transform: rotate(180deg) !important;
  }
  header.enh1 > nav.en-nav > ul > li > a {
    padding: 7px 45px;
    padding-left: 45px;
    padding-left: 45px;
    padding-left: calc(var(--en-mobnav-left-padding-top-level) + var(--en-mobnav-left-padding-following-levels) * var(--en-menu-level));
    position: relative;
  }
  header.enh1 div.enh1-search-translate {
    padding: 2px 2px 2px 2px;
    border: none;
  }
  .fb_icon {
    width: 20px;
    height: 20px;
  }
  header.enh1.enh1 div.enh1-website-name-motto a > br,.enh1-website-name > br {
    display: none;
  }


  header.enh1 div.enh1-search-translate {
    grid-column: 1 / 3;
    gap: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .header-links {
    align-items: center;
    gap: 16px;
    margin: 0;
  }
    .footer-links.fright-links > br {
      display: none;
    }
}

@media only screen and (max-width: 610px) {
  .en-header-popup-wrapper {
    max-width: 90% !important;
  }

}