/* Hotel Skógar homepage (elementor post-19) — local critical styles */

/* Header above hero */
.ast-theme-transparent-header #masthead {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  width: 100%;
}
.ast-theme-transparent-header .main-header-menu {
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 1.25rem;
}
.ast-theme-transparent-header .main-header-menu .menu-link {
  color: rgba(255, 255, 255, 0.9);
  white-space: nowrap;
  font-size: 13px;
  letter-spacing: 0.06em;
  padding: 0.35rem 0.4rem;
}
.ast-theme-transparent-header .main-header-menu .menu-link:hover,
.ast-theme-transparent-header .main-header-menu .current-menu-item > .menu-link {
  color: #fff;
}
.ast-theme-transparent-header .site-logo-img img,
.ast-theme-transparent-header .custom-logo {
  max-width: 120px;
  height: auto;
  filter: brightness(0) invert(1);
}

.elementor-19 .elementor-section {
  position: relative;
}
.elementor-19 .elementor-container {
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
}

/* Hero */
.elementor-element-6fa0298 {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
  background-image: url(/images/bg.jpg);
  background-size: cover;
  background-position: center center;
  background-color: #121212;
  color: #fff;
  /* clear logo + nav */
  padding: 200px 40px 120px;
  box-sizing: border-box;
}
.elementor-element-6fa0298 .elementor-shape {
  display: none !important;
}
.elementor-element-6fa0298 .elementor-background-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(18, 18, 18, 0.35);
  z-index: 0;
  pointer-events: none;
}
.elementor-element-6fa0298 > .elementor-container {
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: 0;
  max-width: 640px;
  width: 100%;
  text-align: right;
}
.elementor-element-6fa0298 .elementor-widget-wrap {
  text-align: right;
}
.elementor-element-6fa0298 .elementor-heading-title {
  color: #fff;
  font-size: clamp(2.75rem, 6.5vw, 5.25rem);
  line-height: 1.02;
  text-transform: uppercase;
  margin: 0 0 1.25rem;
  word-break: normal;
}
.elementor-element-6fa0298 .elementor-widget-text-editor,
.elementor-element-6fa0298 .elementor-widget-text-editor p {
  color: #fff;
  font-size: 1.05rem;
  line-height: 1.55;
  max-width: 28em;
  margin-left: auto;
  margin-right: 0;
}
.elementor-element-6fa0298 .elementor-element-4779ba2 {
  margin-top: 2rem;
}
.elementor-element-6fa0298 .elementor-element-4779ba2 .elementor-container {
  justify-content: flex-end;
  gap: 1rem;
  display: flex;
  flex-wrap: wrap;
}
.elementor-element-6fa0298 .elementor-button {
  display: inline-block;
  padding: 14px 26px;
  border: 1px solid #fff;
  color: #fff !important;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 13px;
  transition: background-color .2s, color .2s, border-color .2s;
  background: transparent;
}
.elementor-element-6fa0298 .elementor-button:hover {
  background: #e4032f;
  border-color: #e4032f;
  color: #fff !important;
}
.elementor-element-6fa0298 a:not(.elementor-button) {
  color: #fff;
}

.elementor-element-2f08528,
.elementor-element-366ea137 {
  padding: 64px 20px;
  background: #f7f6f2;
}
.elementor-image-box-title {
  font-size: 1.6rem;
  text-transform: uppercase;
  margin: 0 0 .75rem;
  color: #121212;
}
.elementor-image-box-description {
  color: #4a4a4a;
  line-height: 1.6;
}
.elementor-widget-button .elementor-button-link {
  text-decoration: none;
}

/* Don't let site content sit under absolute header oddly */
.home.ast-theme-transparent-header .site-content {
  padding-top: 0;
}
.home.ast-theme-transparent-header #content > .ast-container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.home.ast-page-builder-template .entry-header {
  display: none;
}

@media (max-width: 921px) {
  .elementor-element-6fa0298 {
    min-height: 90vh;
    padding: 160px 24px 90px;
    justify-content: center;
  }
  .elementor-element-6fa0298 > .elementor-container {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .elementor-element-6fa0298 .elementor-widget-wrap {
    text-align: center;
  }
  .elementor-element-6fa0298 .elementor-widget-text-editor p {
    margin-left: auto;
    margin-right: auto;
  }
  .elementor-element-6fa0298 .elementor-element-4779ba2 .elementor-container {
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .elementor-element-6fa0298 {
    min-height: 85vh;
    padding: 130px 16px 70px;
  }
  .elementor-element-6fa0298 .elementor-heading-title {
    font-size: clamp(2rem, 10vw, 3rem);
  }
  .elementor-element-6fa0298 .elementor-button {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
}