/*
 * Minimal layout primitives for the stored IAS page layouts.
 *
 * The old page-builder frontend bundle was 54 KB and contained styles for
 * widgets, controls and breakpoints that this theme never renders. These are
 * the small structural rules still needed by the native renderer and the
 * existing page-specific geometry files.
 */
:root { --direction-multiplier: 1; }
body.rtl, html[dir="rtl"] { --direction-multiplier: -1; }

.ias-hidden { display: none; }
.ias-visibility-hidden, .ias-invisible { visibility: hidden; }
.ias-screen-only,
.ias-screen-only span,
.screen-reader-text,
.screen-reader-text span,
.ui-helper-hidden-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}
.ias-clearfix::after { display: block; clear: both; height: 0; content: ""; }
.ias *, .ias *::before, .ias *::after { box-sizing: border-box; }
.ias a { box-shadow: none; text-decoration: none; }
.ias img { display: inline-block; height: auto; max-width: 100%; border: 0; border-radius: 0; box-shadow: none; }
.ias embed, .ias iframe, .ias object, .ias video { width: 100%; max-width: 100%; margin: 0; border: 0; line-height: 1; }

.ias-section { position: relative; }
.ias-inner-section { width: 100%; }
.ias-section .ias-container { display: flex; position: relative; margin-inline: auto; }
.ias-section.ias-section-boxed > .ias-container { max-width: 1140px; }
.ias-section.ias-section-stretched { width: 100%; }
.ias-section.ias-section-items-top > .ias-container { align-items: flex-start; }
.ias-section.ias-section-items-middle > .ias-container { align-items: center; }
.ias-section.ias-section-items-bottom > .ias-container { align-items: flex-end; }
.ias-section.ias-section-height-full { min-height: 100vh; }
.ias-background-overlay { position: absolute; inset: 0; }

.ias-column { display: flex; position: relative; min-height: 1px; }
.ias-column-content { display: flex; align-content: flex-start; flex-wrap: wrap; position: relative; width: 100%; }
.ias-column-content > .ias-widget { width: 100%; }
.ias-widget { position: relative; }
.ias-widget:not(:last-child) { margin-block-end: var(--kit-widget-spacing, 20px); }

.ias-column-gap-narrow > .ias-column > .ias-column-content { padding: 5px; }
.ias-column-gap-default > .ias-column > .ias-column-content { padding: 10px; }
.ias-column-gap-extended > .ias-column > .ias-column-content { padding: 15px; }
.ias-column-gap-wide > .ias-column > .ias-column-content { padding: 20px; }
.ias-column-gap-wider > .ias-column > .ias-column-content { padding: 30px; }
.ias-inner-section .ias-column-gap-no .ias-column-content { padding: 0; }

@media (min-width: 768px) {
  .ias-column.ias-col-10 { width: 10%; }
  .ias-column.ias-col-11 { width: 11.111%; }
  .ias-column.ias-col-12 { width: 12.5%; }
  .ias-column.ias-col-14 { width: 14.285%; }
  .ias-column.ias-col-16 { width: 16.666%; }
  .ias-column.ias-col-20 { width: 20%; }
  .ias-column.ias-col-25 { width: 25%; }
  .ias-column.ias-col-30 { width: 30%; }
  .ias-column.ias-col-33 { width: 33.333%; }
  .ias-column.ias-col-40 { width: 40%; }
  .ias-column.ias-col-50 { width: 50%; }
  .ias-column.ias-col-60 { width: 60%; }
  .ias-column.ias-col-66 { width: 66.666%; }
  .ias-column.ias-col-70 { width: 70%; }
  .ias-column.ias-col-75 { width: 75%; }
  .ias-column.ias-col-80 { width: 80%; }
  .ias-column.ias-col-83 { width: 83.333%; }
  .ias-column.ias-col-90 { width: 90%; }
  .ias-column.ias-col-100 { width: 100%; }
}

@media (max-width: 1024px) {
  .ias-section .ias-container { flex-wrap: wrap; }
}
