/* Restoration layer for skycampholbox.com.
   The Wayback Machine kept the home page HTML and its inline theme CSS, but not the
   per-page Spectra stylesheet (uag-css-426.css), the logo or any of the photographs.
   The rules below stand in for those lost block settings using the theme's own
   palette (#2FC1FF, #08ACF2, #4C5253, #F3F6F6) and type (Montserrat, Noto Sans). */

html, body { overflow-x: hidden; }
body { background: #ffffff; }

/* Archive notice, above the original header */
.skc-notice { position: relative; z-index: 1000; background: #101218; color: #F3F6F6; font-family: 'Noto Sans', sans-serif; font-size: 14px; line-height: 1.5; padding: 10px 16px; text-align: center; }
.skc-notice p { margin: 0 auto; max-width: 1100px; }
.skc-notice p + p { margin-top: 4px; color: #c9d1d3; }

/* Transparent header sits over the hero, below the notice */
#page { position: relative; }
.ast-theme-transparent-header #masthead { top: 0; z-index: 99; }
.site-title { display: block; margin: 0; font-size: 24px; line-height: 1.2; text-transform: uppercase; letter-spacing: .06em; }
.site-title a, .site-title a:hover, .site-title a:focus { color: #ffffff; text-decoration: none; }
.main-header-bar { padding: 14px 0; border-bottom-width: 0; }
.ast-builder-grid-row { display: flex; align-items: center; justify-content: space-between; }
.main-header-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 6px; }
.main-header-menu .menu-link { display: block; padding: 0 1em; color: #ffffff; font-weight: 400; text-decoration: none; line-height: 60px; }
.main-header-menu .menu-link:hover, .main-header-menu .menu-link:focus { color: #2FC1FF; }

/* Phone header: Astra switched these with JavaScript; here it is CSS only */
.skc-mobile-menu { position: static; }
.skc-mobile-menu summary { list-style: none; cursor: pointer; color: #ffffff; padding: 8px; display: flex; align-items: center; }
.skc-mobile-menu summary::-webkit-details-marker { display: none; }
.skc-mobile-menu summary svg { width: 24px; height: 24px; fill: currentColor; }
.skc-mobile-menu .ast-close-svg { display: none; }
.skc-mobile-menu[open] .ast-menu-svg { display: none; }
.skc-mobile-menu[open] .ast-close-svg { display: block; }
.skc-mobile-menu nav { position: absolute; left: 0; right: 0; top: 100%; background: #ffffff; box-shadow: 0 6px 12px rgba(0,0,0,.12); }
.skc-mobile-menu nav ul { list-style: none; margin: 0; padding: 0; }
.skc-mobile-menu nav a { display: block; padding: 12px 20px; color: #000000; text-decoration: none; border-bottom: 1px solid #eaeaea; }
.skc-mobile-menu nav a:hover, .skc-mobile-menu nav a:focus { color: #08ACF2; }
#ast-mobile-header .main-header-bar { position: relative; padding: 10px 0; }
#ast-mobile-header .ast-builder-grid-row { padding: 0 20px; }
@media (max-width: 921px) {
  #ast-desktop-header { display: none; }
  #ast-mobile-header { display: block; }
}
@media (min-width: 922px) {
  #ast-mobile-header { display: none; }
}

/* Spectra containers: lost per-block layout, restored as stacked, centred sections */
.wp-block-uagb-container { flex-direction: column; align-items: center; }
.wp-block-uagb-container .uagb-container-inner-blocks-wrap { flex-direction: column; width: 100%; max-width: 1240px; padding: 0 20px; }
.wp-block-uagb-container .wp-block-uagb-container { width: 100%; }
.entry-content p { margin-bottom: 1.2em; }
.uagb-separator, .uagb-ifb-separator { width: 80px; border-top: 3px solid #2FC1FF; margin: 18px auto 24px; display: block; font-size: 0; }

/* Hero (uagb-block-03e641d9): photo with a dark wash, as the transparent header expects */
.uagb-block-03e641d9 { min-height: 660px; justify-content: center; padding: 190px 0 120px; background: linear-gradient(rgba(16,18,24,.28), rgba(16,18,24,.28)), url(../images/holbox-playa.jpg) center 70% / cover no-repeat; }
.uagb-block-3a8f7215 { text-align: center; width: 100%; }
.uagb-block-3a8f7215 .uagb-ifb-title-prefix { color: #ffffff; font-size: 52px; line-height: 1.15; max-width: 980px; margin: 0 auto; text-shadow: 0 2px 12px rgba(0,0,0,.25); }
.uagb-block-3a8f7215 .uagb-ifb-title { color: #ffffff; font-size: 28px; letter-spacing: .14em; margin: 0; }

/* Intro (uagb-block-aabb0828) */
.uagb-block-aabb0828 { padding: 90px 0 50px; text-align: center; }
.uagb-block-aabb0828 .uagb-container-inner-blocks-wrap { max-width: 920px; }
.uagb-block-aabb0828 p { font-size: 18px; }

/* Cabins (uagb-block-ed373e9c) */
.uagb-block-ed373e9c { padding: 60px 0 70px; background: #F3F6F6; }
.uagb-block-ed373e9c .wp-block-columns { margin-bottom: 0; }
.uagb-block-ed373e9c .wp-block-columns + .wp-block-columns { margin-top: 50px; }
.uagb-block-50ee459e, .uagb-block-42e3fa87 { text-align: center; }
.uagb-block-50ee459e .uagb-heading-text::after, .uagb-block-42e3fa87 .uagb-heading-text::after { content: ""; display: block; width: 80px; margin: 18px auto 22px; border-top: 3px solid #2FC1FF; }
.uagb-block-ed373e9c p.has-text-align-center { max-width: 720px; margin-left: auto; margin-right: auto; font-size: 17px; }

/* Blog teaser (uagb-block-863293bf), text only: its images and the blog were never archived */
.uagb-block-863293bf { padding: 70px 0 40px; text-align: center; }
.uagb-block-863293bf .uagb-container-inner-blocks-wrap { max-width: 860px; }
.uagb-block-e872fc54 .uagb-ifb-title { margin-bottom: 14px; }

/* Location (uagb-block-9a36822c): text beside a photo of Punta Cocos in place of the map */
.uagb-block-9a36822c { padding: 60px 0 80px; }
.uagb-block-9a36822c .uagb-container-inner-blocks-wrap { flex-direction: row; gap: 40px; align-items: center; }
.uagb-block-04b19bad { flex: 1 1 40%; }
.uagb-block-664d76ce { flex: 1 1 60%; }
.uagb-block-04b19bad .uagb-separator { margin-left: 0; }
.skc-photo { margin: 0; }
.skc-photo img { display: block; width: 100%; height: auto; }
.skc-photo figcaption { font-size: 13px; line-height: 1.5; color: #4B4F58; margin-top: 8px; }
.skc-photo figcaption a, .site-footer .skc-credit a { color: inherit; text-decoration: underline; }

/* Closing section added for the restoration */
.skc-onward { padding: 60px 0 70px; background: #F3F6F6; text-align: center; }
.skc-onward .uagb-container-inner-blocks-wrap { max-width: 860px; }
.skc-onward p { font-size: 17px; }
.skc-onward a { color: #08ACF2; }

/* Footer */
.site-footer { color: #c9cccf; }
.site-footer .site-primary-footer-wrap { padding: 45px 20px; text-align: center; }
.site-footer p { margin: 0 0 8px; }
.site-footer .skc-credit { font-size: 13px; color: #9a9ea3; max-width: 900px; margin: 0 auto; }

/* Minimum phone fixes */
@media (max-width: 921px) {
  .uagb-block-03e641d9 { min-height: 520px; padding: 140px 0 90px; }
  .uagb-block-3a8f7215 .uagb-ifb-title-prefix { font-size: 36px; }
  .uagb-block-9a36822c .uagb-container-inner-blocks-wrap { flex-direction: column; }
  .uagb-block-04b19bad .uagb-separator { margin-left: auto; }
  .uagb-block-04b19bad { text-align: center; }
}
@media (max-width: 544px) {
  .uagb-block-03e641d9 { min-height: 460px; padding: 120px 0 70px; }
  .uagb-block-3a8f7215 .uagb-ifb-title-prefix { font-size: 28px; }
  .uagb-block-3a8f7215 .uagb-ifb-title { font-size: 20px; }
  .uagb-block-aabb0828 { padding: 60px 0 30px; }
  .site-title { font-size: 20px; }
  .skc-notice { font-size: 13px; }
}