/* Shared header layout: matches the Iran Affairs page on every page. */
.site-header {
  height: 90px;
}

.site-header .logo-link {
  height: 66px;
  width: 128px;
}

.site-header .main-nav {
  gap: 29px;
}

.site-header .main-nav a,
.site-header .services-menu-trigger {
  font-size: 18px;
}

.site-header .header-phone {
  font-size: 27px !important;
}

.site-header .header-email {
  font-size: 18px;
}

/* Keep the Language control identical to the home page. */
.site-header .language-menu-trigger {
  font-size: 11px;
  height: 38px;
  padding: 0 8px;
  width: auto;
}

@media (min-width: 781px) {
  html[lang="en"] .site-header .logo-link {
    order: 3;
    transform: translateX(-2cm);
  }

  html[lang="en"] .site-header .main-nav {
    order: 2;
    transform: translateX(-3cm);
  }

  html[lang="en"] .site-header .header-controls {
    order: 1;
    transform: translateX(-30%);
  }

  html[lang="en"] .site-header .header-contact {
    align-items: center;
    text-align: center;
  }
}

@media (max-width: 780px) {
  .site-header {
    height: 70px;
  }

  .site-header .logo-link {
    height: 52px;
    width: 101px;
  }

  .site-header .language-menu-trigger {
    font-size: 10px;
    height: 36px;
    width: 76px;
  }
}

/* The immigration page has more specific old header rules. */
body.immigration-page .site-header {
  height: 90px;
}

body.immigration-page .site-header .logo-link {
  height: 66px;
  width: 128px;
}

body.immigration-page .site-header .main-nav {
  gap: 29px;
}

body.immigration-page .site-header .main-nav a {
  font-size: 18px;
}

body.immigration-page .site-header .header-phone {
  font-size: 27px !important;
}

body.immigration-page .site-header .header-email {
  font-size: 18px;
}

body.immigration-page .site-header .language-menu-trigger {
  font-size: 11px;
  height: 38px;
  padding: 0 8px;
  width: auto;
}

@media (max-width: 780px) {
  body.immigration-page .site-header {
    height: 70px;
  }

  body.immigration-page .site-header .logo-link {
    height: 52px;
    width: 101px;
  }

  body.immigration-page .site-header .language-menu-trigger {
    font-size: 10px;
    height: 36px;
    width: 76px;
  }
}