header#enheader7 {
    /* Convenience variables for header only start here.  Add/update/delete for your needs. */
    --text-color: #ffffff;
    --font1:"neue-haas-unica",sans-serif;
    /* ----- */

    --height: min(10.41vw, 125px);
  --top-bar-height: min(3.33vw, 40px);
  --bottom-bar-height: min(2.08vw, 25px);
  --logo-width: min(12.41vw, 149px);


    --top-bar-background: transparent;
    --center-bar-background: transparent;
    --bottom-bar-background: transparent;
   --website-name-font-family:"Lora",serif;
   --website-name-font-size:clamp(25px,2.75vw,33px);
   --website-name-font-weight:400;
   --website-name-color:#fff;
   --website-name-line-height:clamp(25px,2.75vw,33px);

    --search-translate-font-family: var(--font1);
    --search-translate-font-size: min(1.1111vw, 14px);
    --search-translate-color: #222222;

    /* Top Navigation params */
    --topnav-font-family: "ff-good-web-pro-condensed",sans-serif;
    --topnav-font-size: clamp(14px, 1.66vw, 20px);
    --topnav-color: #e9cb8b;
    --topnav-background: transparent;  /*transparent; changed for ADA */
    --topnav-hover-color: #ffffff;
    --topnav-hover-background: var(--blue);
    --topnav-color3: #ffffff;

    --menu-font-family: var(--font1);
    --menu-font-size: clamp(15px, 1.55vw, 18px);
    --menu-background: transparent;
    --menu-color: #fff;
    --menu-hover-background: var(--blue2);
    --menu-hover-color: #ffffff;

}


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

    header#enheader7.enh1 {

        --header-height: clamp(90px,15.62vw,120px)  ;
        --header-background: #000;

        --logo-width: clamp(100px, 19.40vw, 149px);

        --search-translate-color: #000000;

        --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-size: clamp(15px, 2.6041vw, 20px);
        --menu-background: #ffffff;
        --menu-color: #000000;
        --menu-hover-background: #532380;
        --menu-hover-color: #f8f8f8;

    }
}



