@import url("../sources/top/assets/css/tokens.css");
@import url("../sources/top/assets/css/header.css");
@import url("../sources/top/assets/css/footer.css");

.iraka-new-design-root { font-size: 16px; }

.iraka-new-design-page .site-header *,
.iraka-new-design-page .site-header *::before,
.iraka-new-design-page .site-header *::after,
.iraka-new-design-page .mobile-menu *,
.iraka-new-design-page .mobile-menu *::before,
.iraka-new-design-page .mobile-menu *::after,
.iraka-new-design-page .site-footer *,
.iraka-new-design-page .site-footer *::before,
.iraka-new-design-page .site-footer *::after { box-sizing: border-box; }

.iraka-new-design-page .site-header ul,
.iraka-new-design-page .mobile-menu ul,
.iraka-new-design-page .site-footer ul { margin: 0; padding: 0; list-style: none; }

.iraka-new-design-page .site-header a,
.iraka-new-design-page .mobile-menu a,
.iraka-new-design-page .site-footer a { color: inherit; text-decoration: none; }

.iraka-new-design-page .site-header img,
.iraka-new-design-page .site-footer img { display: block; max-width: 100%; }

.iraka-new-design-page .site-footer p,
.iraka-new-design-page .site-footer address { margin: 0; font-style: normal; }

.iraka-new-design-page .site-footer__contact-info {
  align-items: center;
  flex-direction: column;
  gap: 0.2em;
}

.iraka-new-design-page .site-footer__contact-line { display: block; }

.iraka-new-design-page .site-footer .container {
  width: min(100% - (var(--container-padding-mobile) * 2), var(--container-max));
  margin-inline: auto;
}

.iraka-new-design-page .skip-link {
  position: fixed;
  inset: var(--space-2) auto auto var(--space-2);
  z-index: calc(var(--z-menu) + 10);
  padding: var(--space-2) var(--space-3);
  background: var(--color-white);
  color: var(--color-text);
  transform: translateY(-200%);
}

.iraka-new-design-page .skip-link:focus { transform: translateY(0); }
.iraka-new-design-page.is-menu-open { position: fixed; width: 100%; overflow: hidden; }

/* Prevent SWELL's structural .l-container rule from altering this FIX source. */
.iraka-new-design-ti-roof-what .l-container {
  --container-max: 1200px;
  width: min(var(--container-max), calc(100% - 96px));
  max-width: none;
  padding-inline: 0;
}

@media (max-width: 899px) {
  .iraka-new-design-ti-roof-what .l-container {
    width: min(720px, calc(100% - 48px));
  }
}

@media (max-width: 420px) {
  .iraka-new-design-ti-roof-what .l-container {
    width: calc(100% - 48px);
  }
}

@media (min-width: 768px) {
  .iraka-new-design-page .site-footer .container {
    width: min(100% - (var(--container-padding-desktop) * 2), var(--container-max));
  }
}

.admin-bar.iraka-new-design-page .site-header { top: 32px; }
@media (max-width: 782px) {
  .admin-bar.iraka-new-design-page .site-header { top: 46px; }
}