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

    --height: min(21.7460vw, 274px);
    --top-bar-height: min(5.8730vw, 74px);
    --bottom-bar-height: min(4.7619vw, 60px);


    --logo-width: min(13.9682vw, 176px);


    --top-bar-background: transparent;
    --center-bar-background: transparent;
    --bottom-bar-background: transparent;


    --website-name-font-family: "Gloock", serif;
    --website-name-font-size: clamp(30px,4.4444vw, 56px);
    --website-name-font-weight: 400;
    --website-name-color: #1a1a1a;
    --website-name-line-height: clamp(36px,4.9206vw,62px);
    --website-name-visibility: visible;
    --website-name-line-break-display: none;

    --website-motto-font-family:  "Gloock", serif;
    --website-motto-font-size: clamp(15px,1.7460vw,22px);
    --website-motto-color: #204080;




    --search-translate-font-family: var(--font1);
    --search-translate-font-size: 12px;
    --search-translate-color: var(--text-color);

    /* Top Navigation params */
    --topnav-font-family: "DM Sans", sans-serif;
    --topnav-font-size: clamp(12px, 1.5079vw, 19px);
    --topnav-color: #ffffff;
    --topnav-background: var(--blue);  /*transparent; changed for ADA */
    --topnav-hover-color: #ffffff;
    --topnav-hover-background: var(--blue);
    --topnav-color3: #ffffff;

    --menu-font-family: "DM Sans", sans-serif;
    --menu-font-size: clamp(12px, 1.2698vw, 16px);
    --menu-background: var(--blue);
    --menu-color: #ffffff;
    --menu-hover-background: #1a1a1a;
    --menu-hover-color: #ffffff;

}

header#enheader2{
    background: url('/pics/header-bg.png') no-repeat center bottom,#ffffff !important;
}

header.enh1 > div.enh1-bottom-bar-bg{
    background: url('/pics/bottom-bar-bg.png') no-repeat center !important;
}
  /* Translate And Search */
  header.enh1 div.enh1-top-bar{
    height: 100%;
}
header.enh1 div.enh1-search-translate {
    padding: 0px 0px 0 0px;
    column-gap: 30px;
    position: relative;
  }
  header.enh1 div.enh1-search-translate img {
    width: auto;
  }
  #en-public-header-translate {
    color: #1a1a1a;
    text-transform: uppercase;
    font-size: clamp(10px,0.9523vw,12px);
    letter-spacing: 2.15px;
    position: relative;
    font-weight: 400;
    margin: 0px 4px 1px 0px;
    font-family: "Roboto", sans-serif;
    width: auto;
    height: auto;
    box-sizing: border-box;
  }
  #en-public-header-translate select{
    padding: 18px 8px 8px 8px;
  }
  header.enh1 div.enh1-search-translate #en-public-header-translate::after{
    display: none !important;
}
  header.enh1 div.enh1-search-translate #en-public-header-translate img {
    margin: 0px 11px 1px 0px;
    position: relative;

  }

  header.enh1 div.enh1-search-translate div.enh1-search{
    margin: 0px 1.5px 1px 0px;
    font-family: "Roboto", sans-serif;
    font-size: clamp(10px,0.9523vw,12px);
    color: #1a1a1a;
    text-transform: uppercase;
    align-self: center;
    letter-spacing: 2.07px;
  }
  header.enh1 div.enh1-search-translate div.enh1-search img{
    margin: 0px 4.5px 1px 0px;
  }
/* Search Default Code */
.en-header-popup-wrapper{
  height: 45px !important;
  max-width: 500px !important;
  margin: auto !important;
  }
  .en-header-popup-body {
    padding-top: 0px !important;
  }
  .en-header-popup-wrapper form input[type*="text"] {
    font-size: 16px !important;
    padding: 10px 10px !important;
    height: 45px !important;
    font-weight: 400;
    color: #000000;
    font-family: "Roboto", sans-serif !important;
  }
  .en-popup-close-img {
    width: 34px;
    height: 34px;
    background-color: #204080;
    border-radius: 50% 50%;
  }

  /* Social Icons */
  header.enh1 div.enh1-social {
    align-items: center;
    padding: 0px 0px 4px 0px !important;
    margin: 0px 8px 0px 0px;
  }
header.enh1 div.enh1-social > a{
    width: auto;
    height: auto;
    padding: 0px;
    position: relative;
  }
  
  header.enh1.enh1tbar-2-2 div.enh1-social a > img:hover {
    transform: scale(1.15) !important;
    -webkit-transform: scale(1.15) !important;
    -moz-transform: scale(1.15) !important;
    transition: all ease 0.3s !important;
    -webkit-transition: all ease 0.3s !important;
    -moz-transition: all ease 0.3s !important;
  }


  #our-districts-wrap a.sch-btn{
    color: #204080;
    font-size: clamp(10px,0.9523vw,12px);
    letter-spacing: 2.1px;
    text-transform: uppercase;
    font-weight: 400;
    background: #f1f1f1;
    padding: 5px 5.5px 6px 5px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    min-height: clamp(30px,3.4920vw,44px);
    width: clamp(130px,13.3333vw,168px);
    font-family: "Roboto", sans-serif;
}

#our-districts-btn img{
    margin: 1px 0px 0px 8px !important;
}

/* #our-districts-wrap a.sch-btn:hover,
#our-districts-wrap a.sch-btn:focus{
    background: #d32e3a;
} */
#our-districts-wrap {
    position: relative;
    z-index: 2;
}
#our-districts-wrap #our-districts-dropdown {
    display: none;
    position: absolute;
    width: clamp(205px,19.0476vw,240px);
    right: 0;
    background: #f1f1f1;
    padding: 0px 0;
}
#our-districts-wrap #our-districts-dropdown ul {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    background: var(--white);
    margin: 0;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 15px 0px;
}
#our-districts-wrap #our-districts-dropdown ul li {
    list-style: none;
    width: 100%;
}

#our-districts-wrap #our-districts-dropdown ul li a {
    color: #204080;
    font-size: clamp(12px,1.1111vw,14px);
    text-decoration: none;
    padding: min(0.7936vw,10px) min(1.1904vw,15px);
    transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    display: block;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.5px;
}

#our-districts-wrap:hover a#our-districts-btn,
#our-districts-wrap:focus a#our-districts-btn{
    background: #204080;
    color: #ffffff;
}
.icon-hover{
    display: none;
}
#our-districts-wrap:hover a#our-districts-btn .icon-normal,
#our-districts-wrap:focus a#our-districts-btn .icon-normal{
    display: none;
}
#our-districts-wrap:hover a#our-districts-btn .icon-hover,
#our-districts-wrap:focus a#our-districts-btn .icon-hover{
    display: block;
}
#our-districts-wrap #our-districts-dropdown ul li a:hover,
#our-districts-wrap #our-districts-dropdown ul li a:focus {
	background: #204080;
	color: #ffffff;	
}

/* LOGO */
  header.enh1 div.enh1-logo-cont a {
    display: flex;
    margin: 0px 0px 0px -74px;
  }
  header.enh1.enh1logo-4-3 div.enh1-logo-cont img {
    box-shadow: none;
    max-width: 100%;
    max-height: 100%;
    border-radius: 0px;
    border: none;
  }

  .enh1-website-name{
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1.45px;
  }

  .enh1-website-name > span{
    font-size: clamp(12px,1.4134vw,17.81px);
    line-height: clamp(14px,1.6785vw,21.15px);
    color: #204080;
    text-transform: uppercase;
    font-family: "DM Sans", sans-serif;
    display: inline-block;
    font-weight: 600;
    margin: 0px 0px 0px 11.5px;
    top: -1px;
    position: relative;
    letter-spacing: 1.5px !important;
  }
  .ES{
    letter-spacing: 1.76px !important;
  }
  header.enh1 div.enh1-website-name-motto > div.enh1-website-name br {
    display: inline-block;
  }
  .enh1-website-motto{
    grid-column: 3/4;
    grid-row: 2;
    line-height: 34px;
    font-weight: 400;
    text-transform: none;
    text-align: left !important;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    letter-spacing: 0.45px;
    flex-direction: column;
    margin: 0px -1px 0px 0px;
  }

  .enh1-website-motto span{
    letter-spacing: 1.15px;
  position: relative;
  right: -1px;
  }
  @media only screen and (min-width: 769px){    
    #our-districts-wrap:hover #our-districts-dropdown,
    #our-districts-wrap:focus #our-districts-dropdown {
        display: block;
    } 
    header.enh1 > nav.en-nav {
        grid-template-columns: var(--logo-width) auto 1fr;
      }
      header.enh1.enh1-1-2 .enh1-top-bar, header.enh1.enh1-1-4 .enh1-top-bar {
        grid-column: 2/4;
        z-index: 9;
      }
      header.enh1 div.enh1-middle {
        grid-row: 1/3;
        grid-column: 2;
        padding: 12px 0px 0px 5px;
        box-sizing: border-box;
    }

    header.enh1 > nav.en-nav > ul {
        grid-row: 3;
        grid-column: 1 / 4;
      }



      header.enh1.enh1topnav-4-3 nav.en-nav > ul > li:hover > a{
        border: none !important;
        padding-bottom: 0px !important;
        }
        header.enh1.enh1topnav-2-2 nav.en-nav ul {
          justify-content: space-around;
        }
        header.enh1 > nav.en-nav > ul {
            padding: 0px 0px 0px 0px;
            box-sizing: border-box;
            grid-row: 3;
            height: 100%;
            align-self: center;
        }
        header.enh1 > nav.en-nav > ul > li > a{
          font-weight: 700;
          letter-spacing: 1.6px;
          align-items: center;
          padding: 2px min(1.0317vw,13px) 0px min(1.0317vw,13px);
          text-transform: uppercase !important;
        }
    
        nav.en-nav > ul > li:hover > a::after, nav.en-nav > ul > li.over > a::after, nav.en-nav > ul > li:focus > a::after, nav.en-nav > ul > li.over > a:focus::after {
          content: "";
          width: 15px;
          height: 10px;
          position: absolute;
          bottom: 0px;
          background: url('/pics/menu-hvr-icon.png') center top no-repeat;
          z-index: 9;
          left: 50%;
          transform: translateX(-50%);
        }
    
        header.enh1.enh1dm-1-2 nav.en-nav ul > li:hover > ul{
            margin: 0 0px 0px 0px;
            z-index: 9;
            padding: 15px 0px 15px 0px;
            box-sizing: border-box;
            background: #204080;
            box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.2); 
        }
    
    
        header.enh1 > nav.en-nav > ul > li ul a{
            padding: min(1.0317vw, 13px) clamp(10px, calc(60px - 20%), 45px) min(1.0317vw, 13px) min(1.9047vw, 24px);
            min-width: clamp(175px,19.8412vw,250px);
            max-width: clamp(175px,19.8412vw,250px);
            font-weight: 700;
            letter-spacing: 0.5px;
            line-height: 1;
        }
     
       
      #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: #1a1a1a !important;
          color: #ffffff !important;
        }
  }



  @media only screen and (max-width: 1360px) {
    header.enh1 div.enh1-logo-cont a {
      margin: 0px 0px 0px 0px;
    }

  }

  @media only screen and (max-width: 1260px) {
    header.enh1 > nav.en-nav{
      padding: 0px 10px;
      box-sizing: border-box;
    }

    header.enh1 div.enh1-search-translate {
      column-gap: min(1.5873vw,20px);
    }
    #en-public-header-translate{
      margin: 0px 0px 0px 0px;
    }

    header.enh1 div.enh1-search-translate div.enh1-search {
      margin: 0px 0px 0px 0px;
    }

    header.enh1 div.enh1-social {
      padding: 0px 0px 0px 0px !important;
      margin: 0px 0px 0px 0px;
    }

    .enh1-website-motto{
      margin: 0px 0px 0px 0px;
      line-height: clamp(20px,2.6984vw,34px);
      padding: 0px !important;
    }

    header#enheader2 {
      background: #fff !important;
    }
    header.enh1.enh1-1-2 div.enh1-logo-cont{
      box-sizing: border-box;
      padding: 0px !important;
    }

    header.enh1 div.enh1-middle{
      padding: 10px 0px 0px 5px;
    }

    .enh1-website-name > span{
      margin: 0px 0px 0px 0px;
  top: 0px;
    }


    header.enh1 div.enh1-search-translate div.enh1-search img {
      margin: 0px 0px 1px 0px;
    }
    header.enh1 div.enh1-search-translate #en-public-header-translate img {
      margin: 0px 6px 0px 0px;
      position: relative;
    }
  }

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

    header#enheader2.enh1 {

        --header-height: clamp(70px,15.625vw,120px);
        --header-background: #ffffff;

        --logo-width: clamp(50px,13.0208vw,100px);

        --website-name-font-size: clamp(20px,4.1666vw,32px);
        --website-name-line-height: clamp(20px,4.9479vw,38px);
        --website-name-color: #1a1a1a;
        --website-name-font-weight: 400;
        --website-name-line-break-display: inline-block;



        --menu-font-family: "DM Sans", sans-serif;
        --menu-font-size: clamp(15px, 2.4739vw, 19px);
        --menu-background: #ffffff;
        --menu-color: #1a1a1a;
        --menu-hover-background: var(--blue);
        --menu-hover-color: #ffffff;

    }


    header.enh1 button.en-mobnav-button {
      border: none;
      border-radius: 50%;
      width: clamp(35px,6.51vw,50px);
      height: clamp(35px,6.51vw,50px);
      padding: 10px;
      box-sizing: border-box;
      background: #204080;
      display: flex;
      justify-content: center;
      align-items: center;
      }
      header.enh1 button.en-mobnav-button img {
        width: clamp(15px,3.25vw,25px);
        object-fit: contain;
        height: clamp(15px,3.25vw,25px);
      }
    
      header.enh1 button.en-mobnav-button:hover {
        background: #1a1a1a;
      }

      header.enh1{
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    }
      header.enh1.enh1-1-2 div.enh1-logo-cont {
        box-sizing: border-box;
        padding: 0 0 0 min(0.6510vw, 5px) !important;
      }

      header.enh1 div.enh1-middle {
        padding: 0px min(0.6510vw, 5px) 0px 0px;
      }

      header.enh1 > div.en-mobile-header{
        gap: min(1.3020vw,10px);
      }
      .enh1-website-name{
        letter-spacing: 1px !important;
      }
      .enh1-website-name > span {
        font-size: clamp(9px,1.9531vw,15px) !important;
        line-height: 1 !important;
        color: #204080 !important;
        text-transform: uppercase !important;
        font-family: "DM Sans", sans-serif !important;
        font-weight: 600 !important;
        letter-spacing: 1px !important;
      }
      .ES {
        letter-spacing: 1px !important;
      }

      header.enh1 > nav.en-nav {
        padding: 0px 0px;
        column-gap: min(1.3020vw,10px);
      }

      header.enh1 div.enh1-website-motto {
        color: inherit;
        grid-column: 1/3;
        grid-row: 4;
      }

      header.enh1 div.enh1-top-bar {
        height: 100%;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        padding: 5px 0px 5px 0px;
      }

      header.enh1 div.enh1-search-translate {
        column-gap: 15px;
        border: none !important;
      }
      header.enh1 div.enh1-social{
        border: none !important;
      }

      header.enh1 div.enh1-website-motto {
        color: inherit;
        grid-column: 1/3;
        grid-row: 4;
        justify-content: center;
        text-align: center !important;
        align-items: center;
        flex-direction: row;
        padding: 5px 10px !important;
        line-height: 1.2;
        font-size: clamp(13px,2.3437vw,18px) !important;
        flex-wrap: wrap;
      }
      #our-districts-wrap a.sch-btn{
        min-height: clamp(30px,5.2083vw,40px);
        width: clamp(130px,18.2291vw,140px);
        font-size: clamp(10px,1.5625vw,12px);
      }
      .en-header-popup-wrapper{
        width: 85% !important;
        max-width: 85% !important;
      }

      #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: #fff;
        background: #204080;
        transition: all 0.3s ease-in-out;
      }



      #our-districts-wrap  #our-districts-dropdown.show-dd {
        display: block;
    }
    #our-districts-wrap #our-districts-dropdown{
        top: unset;
        bottom: 32px;
    }
    #our-districts-wrap #our-districts-dropdown ul li {
        border: none !important;
    }

    #our-districts-wrap #our-districts-dropdown ul li a{
      padding: 5px 10px;
    }
    .disable-overflow header{
      position: relative;
      z-index: unset;
    }
}