.locations-2026 {
    --sx-xl: clamp(3.75rem, 1.25rem + 6.667vw, 6.25rem);
    --sx-lg: clamp(2.5rem, 0rem + 6.667vw, 5rem);
    --sx-ml: clamp(1.875rem, 1.25rem + 1.667vw, 2.5rem);
    --sx-md: 1.25rem;

    --color--accent: #CBA052;
    --color--blue-grey: #DEE7EC;
    --color--blue: #005F81;
    --color--royal-blue: #00476C;
    --color--grey: #EDEDED;
    --color--light-blue: #E5F8FF;
    --color--black: #202020;

    --font-size-3xl:    clamp(2.375rem, 2rem + 1vw, 2.75rem);
    --font-size-2xl:    clamp(1.875rem, 1.375rem + 1.333vw, 2.375rem);
    --font-size-xl:     clamp(1.625rem, 1.25rem + 1vw, 2rem);
    --font-size-lg:     clamp(1rem, 0.438rem + 1.5vw, 1.563rem);
    --font-size-md:     clamp(1rem, 0.75rem + 0.667vw, 1.25rem);
    --font-size-base:   1.125rem;
    --font-size-sm:     0.875rem;
    --font-size-xs:     0.75rem;

    font-family: myriad-pro, sans-serif;
    font-size: 1.125rem;
}
:target {
scroll-margin-top: 80px;
}
.font-size-3xl { font-size: var(--font-size-3xl) !important; }
.font-size-2xl { font-size: var(--font-size-2xl) !important; }
.font-size-xl  { font-size: var(--font-size-xl) !important; }
.font-size-lg  { font-size: var(--font-size-lg) !important; }
.font-size-md  { font-size: var(--font-size-md) !important; }
.font-size-base { font-size: var(--font-size-base) !important; }
.font-size-sm  { font-size: var(--font-size-sm) !important; }
.font-size-xs  { font-size: var(--font-size-xs) !important; }
.bold { font-weight: 700; }
.italic { font-style: italic; }
.border-bottom {
    border-bottom: 1px solid currentColor;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.loc-btn {
    width: 100%;
    background-color: #CBA052;
    padding: 16px 20px;
    color: #FFF !important;
    display: block;
    text-align: center;
    text-decoration: none;
}
.btn-outline {
    border: 1px solid currentColor;
    color: currentColor;
    padding: 10px 20px;
}
.loc-btn--none {
    text-decoration: none;
}
.loc-btn:hover,
.loc-btn:focus,
.loc-btn--none:hover,
.loc-btn--none:focus {
    text-decoration: underline;
}


.text-center { text-align: center; }
.font-fam-primary { font-family: myriad-pro, sans-serif;}
.font-fam-seconary { font-family: 'begumsemibold', serif;}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* undo some theme styling */
.locations-2026 p, 
.locations-2026 span, 
.locations-2026 li, 
.locations-2026 a {
    color: inherit;
    line-height: 1.4;
}
.small-panel {
    padding: var(--sx-md);
}
.light-blue-section {
    background-color: var(--color--light-blue);
    color: var(--color--blue);
}
.blue-grey-section {
    color: var(--color--black, black);
    background-color: var(--color--blue-grey);
}
.blue-section {
    color: white;
    background-color: var(--color--royal-blue);
}
.grey-section {
    color: var(--color--black, black);
    background-color: var(--color--grey);
}
.alt-white-section {
    color: var(--color--black, black);
    background-color: white;
}
.grey-section .heading,
.blue-grey-section .heading,
.alt-white-section .heading,
.grey-section .accent,
.blue-grey-section .accent,
.alt-white-section .accent {
    color: var(--color--blue);
}

.location-introduction {
    display: grid;
    
    gap: 1rem;
}
@media screen and (min-width: 920px){
    .location-introduction {
        grid-template-columns: repeat(3, 1fr);
    }
    .introductin-content--inner {
        max-width: 650px;
    }
    .location-introduction #breadcrumbs {
        grid-column: span 3;
    }
    .introductin-content {
        grid-column: span 2;
    }
    .introduction-panels {
        grid-column: span 1;
    }
}
.introduction-panels > *:not(:last-child) {
    margin-bottom: 10px;
}
.location-inner-nav {
    overflow-x: auto;
    /* position: sticky;
    top: 80px;
    z-index: 98; */
}
@media screen and (min-width: 1134px) {
    /* .location-inner-nav {
        top: 140px;
    } */
}
.location-inner-nav nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--sx-md) 0;
    gap: 20px;
}
.location-inner-nav ul{
    display: flex;
    gap: 20px;
    flex-shrink: 0;
}
.location-inner-nav li {
    flex-shrink: 0;
}
.location-inner-nav a {
    text-decoration: none;
}
.location-inner-nav a:hover,
.location-inner-nav a:focus {
    text-decoration: underline;
}
.location-introduction {
    margin-bottom: var(--sx-lg);
}
.location-featured {
    border-top: 1px solid var(--color--blue);
    border-bottom: 1px solid var(--color--blue);
    color: var(--color--blue);
    padding: 1rem;
}
.locations-2026 .row,
.inner-content {
    max-width: min(95vw, 75rem);
    margin-left: auto;
    margin-right: auto;
}
.location-banner {
    color: white;
    position: relative;
    padding-top: var(--sx-xl);
    padding-bottom: var(--sx-lg);
}
.location-banner header {
    max-width: 650px;
}
.location-banner__contact {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 40px;
}
.location-banner__links {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
figure.location-banner__background {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}
figure.location-banner__background::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(
        90deg, var(--Base, #005F81) 42%, 
        rgba(0, 95, 129, 0.54) 66.02%, 
        rgba(0, 95, 129, 0.00) 79.88%
    )
}
@media screen and (max-width: 786px){
    figure.location-banner__background::after {
        background: linear-gradient(
            90deg, var(--Base, #005F81) 33%, 
            rgba(0, 95, 129, 0.60)
        );
    }
}
figure.location-banner__background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.location-banner h1 {
    margin: 0;
}
.location-banner h1::after {
    content: "";
    display: block;
    border-bottom: 2px solid var(--color--accent);
    width: 100px;
    height: 2px;
    margin: var(--sx-md) 0;
}
.location-banner address {
    font-style: normal;
}
.location-banner address div {
    display: flex;
    gap: 10px;
}
.location-banner .banner-cta {
    border: 1px solid #fff;
    padding: 10px 16px;
    text-decoration: none;
    transition: all 0.2s;
}
.location-banner .banner-cta:hover,
.location-banner .banner-cta:focus {
    background-color: white;
    color: var(--color--blue);
}
a.booking-link {
    padding: 10px 16px;
    text-decoration: none;
    border: 2px solid #00476C !important;
    background: #ABDBED;
    color: #202020 !important;
    transition: all 0.2s;
}
.booking-link:hover, 
.booking-link:focus {
    border-color: white !important;
    background: var(--color--royal-blue) !important;
    color: white !important;
}
.locations-2026 .row #breadcrumbs {
    padding: 20px 0px;
    color: #005F81;
}

.location-banner .get-direction-banner {
    margin-left: 10px;
}
.location-section {
    padding-top: var(--sx-lg);
    padding-bottom: var(--sx-xl);
}
.location-section > * {
    max-width: min(95vw, 75rem);
    margin-left: auto;
    margin-right: auto;
}
.location-section__header {
    text-align: center;
}
.location-section__header > h2 {
    font-size: var(--font-size-2xl);
}
.location-section__header > p {
    font-size: var(--font-size-lg);
}
.location-section__header h2::after {
    content: "";
    display: block;
    height: 2px;
    width: 100px;
    border-bottom: 2px solid var(--color--accent);
    margin: 1rem auto;
}

/* #region - Cards */
.location-cards {
    display: grid;
    gap: 16px;
}
@media screen and (min-width: 1000px){
    .location-cards {
        grid-template-columns: repeat(auto-fill, minmax(300px, max-content))
    }
}
.location-card {
    background-color: white;
    color: var(--color--black, black);
}

.location-card img {
    width: 100%;
    aspect-ratio: 5 / 3;
    object-fit: cover;
}
.location-card__inner {
    padding: 25px;
    gap: 10px; 
}
.location-card__inner > *:not(:last-child) {
    margin-bottom: 10px;
}
.location-card__link::after {
    content: "→";
    padding-left: 4px;
}
/* #endregion */


/* #region - Icons Cards */
.location-icon-cards {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.location-icon-card {
    width: 45%;
}
.location-icon-card__icon {
    font-size: 2rem;
}
.location-icon-card .heading {
    font-family: myriad-pro, sans-serif;
}
.location-icon-card img {
    margin-bottom: 0.75rem;
}
@media screen and (min-width: 1000px) {
    .location-icon-card {
        width: 210px;
    }
}
/* #endregion */


/* #region - Subsections */
.location-subsections iframe {
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}
.location-subsections__row {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 40px 0;
}
@media screen and (min-width: 768px){
    .location-subsections__row {
        flex-direction: row;
    }
    .location-subsections__row.position-left {
        flex-direction: row-reverse;
    }
}
.location-subsections__row img {
    border: 10px solid var(--color--blue-grey);
    width: 100%;
    height: auto;
}
.location-subsections__row:not(:last-child){
    border-bottom: 1px solid #00476C55;
}
.location-subsections__row > * {
    flex: 1;
}
/* #endregion */


/* #region - Testimonials */
.location-testimonial__row {
    max-width: 980px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    margin: 0 auto;
    text-align: center;
}

.location-testimonial__photo {
    width: 100%;
    max-width: 250px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 50% 50%;
    border: 18px solid var(--color--blue-grey);
}
.location-testimonial figure {
    margin: 0;
    font-size: var(--font-size-lg);
}
.location-testimonial blockquote {
    background: transparent;
    padding: 0;
    border: none;
    margin: 0;
    color: inherit;
    margin: var(--sx-md) 0;
}
.location-testimonial blockquote p {
    padding: 0;
    color: inherit;
    border: none;
    font-size: inherit;
    line-height: 1.4;
}
.location-testimonial figcaption {
    font-weight: 700;
    font-family: 'begumsemibold', serif;
}
@media screen and (min-width: 768px){
    .location-testimonial__row {
        display: flex;
        gap: 50px;
        flex-direction: row;
        align-items: start;
        text-align: left;
    }
    .location-testimonial blockquote p {
        text-align: left;
    }
}
/* #endregion */


/* #region - FAQs */
.location-faqs {
    max-width: 800px;
    background-color: white;
    padding: 40px;
    margin: 0 auto;
}
@media screen and (max-width: 820px){
    .location-faqs {
        margin-left: 10px;
        margin-right: 10px;
    }
}
.location-faqs__group:not(:last-child){
    margin-bottom: 40px;
}
.locations-2026 summary {
    padding: .5rem 0;
    color: var(--color--royal-blue);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.locations-2026 details summary::after {
    content: "\002B";
    font-size: 30px;
}
.locations-2026 details[open] summary::after {
    content: "\2013";
}
.locations-2026 details {
    border-bottom: 1px solid var(--color--royal-blue);
}
.locations-2026 .details-inner > *:last-child {
    margin-bottom: 1.5em;
}
/* #endregion */



.loctions-amenities__panel {
    background-color: white;
    padding: 1rem;
}
.loctions-amenities__panel:not(:last-child){
    margin-bottom: 1.25rem;
}
ul.loctions-amenities__social {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    padding: 0;
    gap: 1rem;
}
ul.loctions-amenities__social a {
    background-color: #ABDBED;
    color: var(--color--blue);
    display: block;
    padding: 0.75rem 1.25rem;
    text-align: center;
}

.carousel-panel {
    background-color: white;
    padding: 10px;
}
.location-carousel-main img,
.location-carousel-nav img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.location-floorplans .location-carousel-main img, 
.location-floorplans .location-carousel-nav img {
    aspect-ratio: 2 / 1;
}
.carousel-panel ul {
    list-style: none;
    padding: 0;
}
.location-carousel-main {
    position: relative;
    margin-bottom: 10px;
}
.location-carousel-main .splide__arrows {
    position: absolute;
    z-index: 9;
    top: 50%;
    justify-content: space-between;
    width: 100%;
    display: flex;
    padding: 0 20px;
}
.splide__arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--color--blue);
}
.splide__arrow svg {
    fill: white;
    width: 20px;
}
.splide__arrow--prev {
    transform: scale(-1);
}
.location-section__panels {
    display: grid;
    gap: 1rem;
    color: var(--color--black, black);
    align-items: start;
}
.loctions-amenities__panel > *:not(:last-child) {
    margin-bottom: 1rem;
}
@media screen and (min-width: 1000px) {
    .location-section__panels {
        grid-template-columns: repeat(3, 1fr);
    }
    .carousel-panel {
        grid-column: span 2;
    }
}

.location-carousel-nav li.splide__slide img:hover {
    border: 2px solid var(--color--blue);
    cursor: pointer;
}

.location-section__aside .light-blue-section {
    padding: 40px;
}
.light-blue-section .gform_heading,
.light-blue-section .gfield.gfield--type-checkbox legend {
    display: none;
}
.light-blue-section .ginput_container.ginput_container_checkbox .gchoice {
    display: flex;
    align-items: flex-start;
}
.light-blue-section .gform-field-label__text {
    color: var(--color--blue);
    line-height: 1;
    font-size: 14px;
}
.light-blue-section .ginput_container.ginput_container_checkbox .gfield-choice-input,
.light-blue-section .optin-container .ginput_container_consent input {
    appearance: none;
    background-color: white;
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    border: 3px solid #ABDBED !important;
    display: grid;
    place-content: center;
}
.light-blue-section .ginput_container.ginput_container_checkbox .gfield-choice-input::before,
.light-blue-section .optin-container .ginput_container_consent input[type="checkbox"]::before {
  content: "";
  width: 28px;
  height: 28px;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background-color: #005F81;
}
.light-blue-section .ginput_container.ginput_container_checkbox .gfield-choice-input:checked::before,
.light-blue-section .optin-container .ginput_container_consent input[type="checkbox"]:checked::before {
    transform: scale(1);
}
.light-blue-section .ginput_container.ginput_container_checkbox .gchoice label {
    font-weight: 400 !important;
    color: #005F81;
    line-height: 1.2;
}
.light-blue-section .gform_body .gfield {
    margin-bottom: 1.25rem;
}
.light-blue-section .gform_body .gfield legend,
.light-blue-section .gform_body .gfield legend span,
.light-blue-section .gform_body .gfield label,
.light-blue-section .gfield.gfield--type-email span.gfield_required.gfield_required_text
 {
    font-size: 14px;
    font-weight: 700;
    color: #005F81;
}
.light-blue-section input[type="text"],
.light-blue-section input[type="email"],
.light-blue-section input[type="tel"]
 {
    border: 3px solid #ABDBED !important;
    background: #FFF !important;
}
.light-blue-section .gform-footer.gform_footer.top_label input[type="submit"] {
    width: 100%;
    border: 0px;
    background-color: #CBA052;
    box-shadow: unset;
    margin-top: 20px;
}
.light-blue-section .gform_wrapper {
    margin-bottom: 20px;
}
.light-blue-section p {
    font-size: 25px;
    line-height: 29px;
}
.sample-floor-btn img {
    width: 20px;
    margin-left: 10px;
}

.suite-description-section {
    padding: 40px;
}
.suite-description-section h2, 
.suite-description-section h3,
.suite-description-section h4
{
    font-family: myriad-pro, sans-serif;;
}
.suite-description-section h2 { font-size: var(--font-size-xl); }
.suite-description-section h3 { font-size: var(--font-size-lg); }
.suite-description-section h4 { font-size: var(--font-size-md); }
.suite-description-section .acf-label label {
    font-weight: 700;
    font-size: 25px;
    line-height: 29px;
    margin-bottom: 10px;
}


/* #region - Events */
.location-event-cards {
    display: flex;
    gap: var(--sx-md);
    flex-wrap: wrap;
}
.location-event-card {
    flex: 1;
    color: var(--color--blue);
    background-color: white;
    padding: var(--sx-ml);
}
.location-event-card a {
    flex: 1;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    color: inherit;
    text-decoration: none;
}
.location-event-card h3 {
    color: inherit;
    line-height: 1.4;
    font-weight: 600;
    font-size: 18px;
    font-family: myriad-pro, sans-serif;
    text-decoration: underline;
}
.location-event-card a:hover h3 {
    text-decoration: none;
}
@media screen and (max-width: 920px) {
    .location-event-card {
        flex-basis: 100%;
    }
}
.location-event-card time {
    flex-shrink: 0;
    display: block;
    background-color: var(--color--accent);
    border-radius: 50%;
    width: 7rem;
    height: 7rem;
    display: flex;
    line-height: 1.1;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    color: var(--color--black, black);
}

.location-event-card .month { 
    font-size: 1rem;
    font-weight: bold;
}
.location-event-card .date {
    font-family: begumsemibold, serif;
    font-weight: bold;
    font-size: 1.75rem;
    line-height: 1.2;
}  
.location-event-card .time {
    font-size: 0.875rem;
}
/* #endregion */


.location-contact-summary {
    text-align: center;
    max-width: 840px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    font-family: begumsemibold, serif;
}
.location-contact-summary .font-size-2xl p {
    font-size: var(--font-size-2xl) !important;
    font-family: begumsemibold, serif;
}
.location-contact-summary__phone {
    font-size: 1.75rem;
}
.location-contact-summary__group {
    background-color: white;
    padding: 1rem;
    display: flex;
    gap: 20px;
    align-items: center;
    color: var(--color--blue);
    margin-top: var(--sx-ml);
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
}


.locations-2026 .gform_body .gfield_required  {
    color: var(--color--blue) !important;
    margin-left: 0.1em;
    font-size: inherit;
    display: inline-block;
}

.locations-2026 .gform_body .instruction {
    color: var(--color--blue);
}
.locations-2026 .gfield input {
    margin: 0;
}
.locations-2026 .gform_submission_error {
    font-size: inherit;
    color: #ff0000;
}

.location-inner-nav a.btn-outline {
    flex-shrink: 0;
}

.location-card-icon {
    filter: brightness(0) invert(9%) sepia(73%) saturate(6283%) hue-rotate(188deg) brightness(97%) contrast(101%);
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    object-position: center;
}

.location-lifestyles-image {
    box-sizing: border-box;
    width: 100%;
    border: 10px solid #ABDBED;
}
.light-blue-section.location-inner-nav {
    position: relative;
    overflow: visible; 
}
.light-blue-section.location-inner-nav .inner-content {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}
.light-blue-section.location-inner-nav .inner-content ul {
    display: flex;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.light-blue-section.location-inner-nav .location-inner-nav__arrow {
    display: none;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 5;
    cursor: pointer;
    height: 100%;
    max-height: 64px;
    aspect-ratio: 0.8;
}
.light-blue-section.location-inner-nav .location-inner-nav__arrow.arrow-right {
    right: 0;
}
.light-blue-section.location-inner-nav .location-inner-nav__arrow.arrow-left {
    left: 0;
    transform: translateY(-50%) scale(-1);
}
.locations-template.locations-template-single-locations-2026 .footer-bar {
    display: none;
}
.light-blue-section.location-inner-nav {
    position: sticky;
    top: 80px;
    z-index: 98;
    transition: top 0.2s;
}
@media screen and (max-width: 1015px) {

    .light-blue-section.location-inner-nav .location-inner-nav__arrow.is-visible {
        display: block;
        background: linear-gradient(90deg, rgba(234, 249, 255, 0.5) 13%, #EBFAFF 43%);
        padding: 15px 10px;
    }
}
@media screen and (max-width: 1200px){
    :target {
        scroll-margin-top: 100px;
    }
    body.menu-shrunk .light-blue-section.location-inner-nav  {
        top: 9px;
    }
}