/* Only the adaptations needed to run the original design without WordPress or jQuery. */
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid #f2bb52; outline-offset: 4px; }
/* Keep the reference header's full-size logo instead of squeezing it beside the menu. */
@media (min-width: 992px) {
  .primary-header .logo-col { min-width: 120px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .primary-header-inner { width: calc(100% - 48px); }
  .primary-header .header-row { justify-content: center; gap: 32px; }
  .primary-header .logo-col { flex: 0 0 100px; min-width: 100px; }
  .primary-header { font-size: clamp(16px, 1.65vw, 20px); }
  .main-nav .menu li a { padding-inline: 8px; }
}
.static-carousel { display: block; position: relative; }
.static-carousel > .item { display: none; }
.static-carousel > .item.active { display: block; }
.static-carousel.reviews > .item { min-height: var(--review-height, 0px); }
.static-carousel button { font: inherit; }
.static-carousel .owl-nav button, .static-carousel .owl-dots button { background: transparent; padding: 0; color: inherit; border: 0; }
.static-carousel .owl-nav button { line-height: 1; }
.static-carousel .owl-dots { display: flex; justify-content: center; gap: 8px; padding: 10px 0; }
.static-carousel .owl-dot { border: 1px solid var(--color-1) !important; width: 14px; height: 14px; border-radius: 50%; }
.static-carousel .owl-dot.active { background: var(--color-1); }
.static-carousel.images .owl-nav { display: flex; justify-content: space-between; }
.carousel-pause { position: absolute; bottom: 8px; right: 12px; z-index: 4; padding: 3px 9px; border: 1px solid currentColor; border-radius: 2px; background: #fffdf2; color: #445854; font-size: 12px !important; line-height: 1.5; }
.reviews .carousel-pause { position: relative; right: auto; bottom: auto; margin-top: 12px; }
.static-contact-form .gform_fields { display: grid; }
.static-contact-form input, .static-contact-form textarea { width: 100%; padding: 8px; color: #fff; border-radius: 0; font: inherit; }
.static-contact-form .gfield_label { display: inline-block; margin-bottom: 8px; }
.static-contact-form .gfield--type-submit { align-self: end; }
.static-contact-form #form-status { margin-top: 24px; }
.static-contact-form #form-status:empty { display: none; }
.static-contact-form #form-status a { color: #fff; text-decoration: underline; }
.static-contact-form [type=submit]:disabled { opacity: .6; }
.image-lightbox { max-width: 95vw; max-height: 95vh; padding: 35px 10px 10px; background: #14221e; border: none; }
.image-lightbox::backdrop { background: #000d; }
.image-lightbox img { display: block; max-width: 90vw; max-height: 82vh; object-fit: contain; }
.image-lightbox button { position: absolute; right: 5px; top: 0; color: #fff; background: transparent; border: 0; font-size: 28px; }
@media (max-width: 767px) {
  .adara-service-sections .service .image-col, .adara-service-sections .service .content-col { flex-basis: 100%; border: none; }
  .adara-service-sections .service .content-col { padding: 30px 22px; min-width: 0; }
  .adara-service-sections .service.img-cover .image-col .image { position: relative; }
  .adara-service-sections .service.img-cover .image-col .image img { max-height: 350px; }
  .content-section h1 { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Keep the shared hero panel opaque while only the photographs crossfade. */
body.home #carousel-slider > .content {
  background: #fbf7f7;
  backdrop-filter: none;
  z-index: 3;
}