/* ========== Layout Basics ========== */
.ct-section {
    width: 100%;
    background-size: cover;
    background-repeat: repeat;
}
.ct-section > .ct-section-inner-wrap,
.ct-div-block,
.ct-nestable-shortcode,
.oxy-tabs-contents,
.oxy-tab,
.oxy-tab-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.ct-div-block { flex-wrap: nowrap; }
.ct-new-columns {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}
.ct-inner-content,
.ct-widget,
.oxy-dynamic-list {
    width: 100%;
}
.ct-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}
.oxy-tabs {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: nowrap;
}
.ct-modal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* ========== Inline & Links ========== */
.ct-link-text,
.ct-span { display: inline-block; }
.ct-span { text-decoration: inherit; }

.ct-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    text-decoration: none;
}
.ct-link-text { text-decoration: inherit; }

.ct-link-button {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    background-color: #1e73be;
    border: 1px solid #1e73be;
    color: #ffffff;
    padding: 10px 16px;
}

/* ========== Media ========== */
.ct-image { max-width: 100%; }
.ct-fancy-icon > svg { width: 55px; height: 55px; }

/* ========== Slider ========== */
.ct-slider .unslider-nav ol li { border-color: #ffffff; }
.ct-slider .unslider-nav ol li.unslider-active { background-color: #ffffff; }
.ct-slider .ct-slide { padding: 0; }

/* ========== Containers & Widths ========== */
.ct-section-inner-wrap,
.oxy-header-container { max-width: 1120px; }

.block {
    font-family: Inter;
    max-width: 100%;
    width: 100%;
}
@media (max-width: 767px) { .block { margin-top: 2rem; } }

.icon > svg { width: 55px; height: 55px; color: #333333; }
.oxy-close-modal > svg { width: 35px; height: 35px; color: #333333; }

.button { padding: 10px 16px; }

.key { color: #bbc1c1; }
/* .floorplans { max-width: 1000px; } */

.content,
.container { max-width: 900px; }

.sep { margin-top: 2rem; margin-bottom: 2rem; }
.brochure { width: 90%; max-height: 90vh; }
.coming-soon { margin-top: 0 !important; }

/* ========== IE/Edge High Contrast Fixes ========== */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ct-div-block,
    .oxy-post-content,
    .ct-text-block,
    .ct-headline,
    .oxy-rich-text,
    .ct-link-text { max-width: 100%; }
    img { flex-shrink: 0; }
    body * { min-height: 1px; }
}

/* ========== Responsive Columns Reset (Legacy) ========== */
@media (max-width: 992px) {
    .ct-columns-inner-wrap { display: block !important; margin: 0 !important; }
    .ct-columns-inner-wrap:after { display: table; clear: both; content: ""; }
    .ct-column { width: 100% !important; margin: 0 !important; }
}


/* OXYGEN BASE CSS */

.ct-section-inner-wrap {
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  min-height: inherit;
}
.ct-section-with-shape-divider {
  position: relative !important;
}

div.ct-svg-icon > svg,
svg.ct-svg-icon {
  height: 1em !important;
  fill: #333333;
}
.ct-columns-inner-wrap {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.ct-column {
  float: left !important;
  word-break: break-word;
}
svg.ct-svg-icon {
  display: inline-block;
  width: 1em !important;
}
div.ct-svg-icon {
  display: inline-block;
  box-sizing: content-box;
  border-radius: 50%;
  width: auto;
}
div.ct-svg-icon > svg {
  width: 1em !important;
  display: block;
}
div.ct-fancy-icon {
  display: inline-flex;
  border-radius: 50%;
}
.ct-fancy-icon > svg {
  fill: #333333;
}
.ct-columns-inner-wrap > .ct-column:first-child {
  margin-left: 0 !important;
}
.ct-columns-inner-wrap > .ct-column:last-child {
  margin-right: 0 !important;
}


body.oxy-modal-active {
  height: 100vh;
  overflow-y: hidden;
  position: fixed;
  right: 0;
  left: 0;
}
.oxy-modal-backdrop {
  display: flex;
  align-items: center;
  justify-content: center;
}
body:not(.oxygen-builder-body) .oxy-modal-backdrop {
  display: none;
}
body.oxygen-builder-body .oxy-modal-backdrop {
  height: 100vh;
}
.oxy-modal-backdrop.live {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1400;
}
.oxy-modal-backdrop.hidden {
  display: none;
}
.oxy-modal-backdrop.left {
  flex-direction: column;
  align-items: flex-start;
}
.oxy-modal-backdrop.right {
  flex-direction: column;
  align-items: flex-end;
}
.oxy-modal-backdrop.top {
  flex-direction: row;
  align-items: flex-start;
}
.oxy-modal-backdrop.bottom {
  flex-direction: row;
  align-items: flex-end;
}
.oxy-modal-backdrop.upper_left {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.oxy-modal-backdrop.upper_right {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}
.oxy-modal-backdrop.bottom_left {
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
}
.oxy-modal-backdrop.bottom_right {
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
}
.oxy-modal-backdrop .ct-modal {
  background-color: white;
  max-height: 100vh;
  overflow-y: auto;
}
