header#enheader5 {
  /* Convenience variables for header only start here.  Add/update/delete for your needs. */
  text-align: left;
  --text-color: #0d0d0d;
  --font1: 'Source Sans Pro', sans-serif;
  /* Convenience variables end here */

  --height: 159px;
  --top-bar-height: 46px;
  --nav-cont-height: calc(var(--height) - var(--top-bar-height));
  --topnav-height: calc(var(--nav-cont-height));
  --topnav-li-height: calc(var(--topnav-height) * .5);

  --column-gap: ;

  --logo-width: clamp(75px, 12vw, 149px);

  --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: url('/pics/header-bg.jpg') no-repeat center top #fff;
  --bottom-bar-background: transparent;
  --bottom-bar-border-color: #e0e0e0;
  /* if border enabled */

  --website-name-font: normal min(3.4545vw, 38px) / 1.2 'Nunito', sans-serif;
  --website-name-letter-spacing: 0px;
  --website-name-color: var(--text-color);
  --website-name-shadow-color: #cccccc;
  --website-name-visibility: visible;
  --website-name-line-break-display: none;

  --website-motto-font: normal 0.5em 'Nunito', sans-serif;
  --website-motto-letter-spacing: normal;
  --website-motto-color: #666666;

  --marquee-font: normal min(1.55vw, 17px) var(--font1);
  --marquee-letter-spacing: normal;
  --marquee-background: var(--top-bar-background);
  --marquee-color: #262223;
  --marquee-popup-font: inherit;
  --marquee-popup-letter-spacing: 0px;
  --marquee-popup-background: #e6e6e6;
  --marquee-popup-color: #173673;
  --marquee-popup-button-color: #FFF;
  --marquee-popup-button-background: #173673;
  --marquee-popup-button-border: 1px solid var(--text-color);
  --marquee-popup-active-button-color: var(--blue);
  --marquee-popup-active-button-background: #FFF;

  --search-translate-font: normal min(1.3636vw, 15px) var(--font1);
  --search-translate-letter-spacing: normal;
  --search-translate-color: #222222;

  /* Top Navigation params */
  --topnav-font: 700 clamp(12px, 1.6363vw, 18px) var(--font1);
  --topnav-letter-spacing: 1.2px;
  --topnav-color: #0d0d0d;
  /* --topnav-background: url('/pics/header_bg.png') repeat; */
  /*transparent; changed for ADA */
  --topnav-hover-color: #173673;
  --topnav-hover-background: #e6e6e6;
  --topnav-color3: #000;

  --menu-font: normal clamp(12px, 1.4545vw, 16px) var(--font1);
  --menu-font-2: 500 clamp(12px, 1.63vw, 18px) var(--font1);
  --menu-letter-spacing: 1.2px;
  --menu-background: var(--blue);
  --menu-color: #ffffff;
  --menu-hover-background: var(--blue2);
  --menu-hover-color: #ffffff;

  --misc1-font: bold clamp(17px, calc(21vw / 11), 21px) / 1.6 var(--font1);
  --misc1-letter-spacing: normal;
  --misc1-color: var(--blue);

}

/* STYLING FOR MOBILE */
@media only screen and (max-width: 768px) {

  header#enheader5.enh2 {
    padding: 10px 0;
    box-sizing: border-box;
    --header-height: max-content;
    --header-background: #ffffff;

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

    --website-name-font: 600 clamp(20px, 4.5vw, 32px) / 1.2 'Nunito', sans-serif;
    --website-name-letter-spacing: normal;
    --website-name-color: #000000;
    --website-name-line-break-display: inline-block;

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

    --marquee-background: var(--blue);
    --marquee-color: #262223;

    --search-translate-color: #000000;

    --mobnav-button-background: #204ba1;
    --mobnav-button-color: #fff;
    --mobnav-button-hover-background: #e6e6e6;
    --mobnav-button-hover-color: #173673;

    --menu-font: normal 15px var(--font1);
    --menu-letter-spacing: 1.2px;
    --menu-background: #204ba1;
    --menu-color: #fff;
    --menu-hover-background: ;
    --menu-hover-color: #fff;
    --logo-shadow-color: rgb(0, 0, 0, 10%);
  }

  nav.en-nav>ul>li ul {
    display: block !important;
  }

  #nav_items_0 li ul li a {
    background: #e6e6e6;
    color: #0d0d0d;
  }

  #nav_items_0 li ul li a:hover {
    background: #204ba1;
    color: #fff;
  }
}