[id] {
    scroll-margin-top: var(--nav-height, 2ex);
}
[data-is-white="true"] .phone {
    color: var(--bs-white);
}
.holland {
    font-size: 130px;
}
.home-hero .holland {
    font-size: max(10vw, 130px);
}
@media (max-width: 992px) {
    .holland {
        font-size: 90px;
    }
    .home-hero .holland {
        font-size: clamp(50px, 10vw, 90px);
        line-height: 1.4;
    }
    .home-hero .holland ~ .hero-subtitle {
        font-size: 20px;
    }
}
.macy-item a{
    max-width:100%;
    width:100%;
    display:block;
}
.macy-item > a > img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display:block;
}
/** overriding .hero:first-child */
.hero.hero-md-down-short {
    height: 50vh;
}
.hero-fade {
    transition: all 1s ease;
    transition-property: transform, opacity;
}
.hero-fade.fade {
    opacity: 0;
    transform: translateY(5px) scale(0.975);
}
.row-development {
    --bs-gutter-x: 48px;
    --bs-gutter-y: 48px;
}
.card-development {
    border-color: var(--light-gold);
}
.card-development,
.card-development .card-img-bottom,
.card-development .card-header:first-child {
    border-radius: 0;
}
.card-development .card-header {
    background-color: var(--light-gold);
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1;
    padding-top: 9px;
    padding-bottom: 11px;
}
.card-development [class*="card-img"] {
    object-fit: contain;
    padding: calc(var(--bs-gutter-x) / 2);
}
.btn-lg {
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x) * 2);
    padding-right: calc(var(--bs-gutter-x) * 2);
}
:root {
    --dark-gold: #b17502;
}
body {
    overflow-x: hidden;
}
.glide-grid {
    --columns: 12px 1fr 1fr 12px;
    --rows: 250px 250px 180px;
    --gap: 0px;
    --bs-gutter-x: 0.75rem;
    display: grid;
    grid-template-columns: var(--columns);
    grid-template-rows: var(--rows);
    gap: var(--gap);
    max-width: 100%;
}
.glide-grid > * {
    z-index: 1;
}
.glide-grid--container {
    max-width: 100%;
    --bs-gutter-x: 0.75rem;
}

.glide-grid .glide__slide [data-image] {
    border: 2px #FFFFFF solid;
}

.glide-grid--svg {
    align-self: end;
    grid-column: 1 / -1;
    grid-row: 1 / span 2;
    background-color: #fff;
    /* svg descendant has position absolute, this resets the height */
    height: 100%;
    margin-right: calc(var(--bs-gutter-x) * -1);
    margin-left: calc(var(--bs-gutter-x) * -1);
    overflow: hidden;
    position: relative;
}
.glide-grid--svg .svg:first-child {
    top: initial;
    left: calc(var(--bs-gutter-x) * -1);
    right: calc(var(--bs-gutter-x) * -1);
}
.glide-grid--controls {
    grid-column: 2 / span 2;
    grid-row: 3 / span 1;
    /** wrong color needs to be the darker gold */
    background-color: var(--dark-gold);
    position: relative;
    z-index: 10;
    display: grid;
    grid-template-columns: 1fr;
    place-content: center;
    gap: 0.5rem;
    display: grid;
}
.glide-grid--controls .glide__arrow {
    position: relative;
    top: 0;
    right: unset;
    left: unset;
    transform: unset;
    color: var(--white, white);
    background-color: transparent;
    margin: 0 auto;
    box-shadow: unset;
    border-color: transparent;
    transition: all 0.25s ease;
    transition-property: opacity, transform;
}
.glide-grid--controls:hover .glide__arrow:not(:hover) {
    opacity: 0.75;
    transform: scale(0.9);
}
/* sub grid polyfill */
.glide-grid .glide-grid--slides {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    max-width: 100%;
}
.glide-grid .glide__slide {
    display: grid;
    grid-template-columns: var(--columns);
    grid-template-rows: var(--rows);
    gap: var(--gap);
}
.glide-grid .glide__slide [data-image="1"] {
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
}
.glide-grid .glide__slide [data-image="2"] {
    grid-column: 3 / span 1;
    grid-row: 1 / span 1;
}
.glide-grid .glide__slide [data-image="3"] {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
}
.glide-grid .glide__slide [data-image="4"] {
    grid-column: 3 / span 1;
    grid-row: 2 / span 1;
}

@media (min-width: 576px) {
    .glide-grid {
        --columns: 15px 1fr 2fr 2fr 1fr 15px;
        --rows: 365px 365px 120px;
    }
     .glide-grid--svg {
        grid-column: 1 / -1;
        grid-row: 1 / span 1;
    }
    .glide-grid .glide-grid--controls {
        grid-column: 5 / span 1;
        border: 1px solid #FFF;
        border-top: none;
        display: grid;
    }
    .glide-grid .glide__slide [data-image="1"] {
        grid-column: 2 / span 2;
        grid-row: 1 / span 1;
        border-right: none;
    }
    .glide-grid .glide__slide [data-image="2"] {
        grid-column: 4 / span 2;
        grid-row: 1 / span 1;
        border-top: 2px solid #FFF;
    }
    .glide-grid .glide__slide [data-image="3"] {
        grid-column: 2 / span 2;
        grid-row: 2 / span 1;
        border-right: none;

    }
    .glide-grid .glide__slide [data-image="4"] {
        grid-column: 4 / span 2;
        grid-row: 2 / span 1;
        /* border-top: none;
        border-right: none; */
    }
}

@media (min-width:768px){
     .glide-grid {
        --columns: 1fr 3fr 3fr 1fr;
        --rows: 265px 245px 265px 120px;
    }
     .glide-grid--svg {
        grid-column: 1 / -1;
        grid-row: 1 / span 2;
    }
   .glide-grid .glide-grid--controls {
       grid-column: 3 / span 1;
       grid-row: 4 / span 1;
       border: 1px solid #FFF;
       border-top: none;
   }
    .glide-grid .glide__slide [data-image="1"] {
        
        grid-column: 2 / span 2;
        grid-row: 1 / span 1;
        
    }
    .glide-grid .glide__slide [data-image="2"] {
        grid-column: 2 / span 1;
        grid-row: 2 / span 1;
        border-top: none;
        border-right: none;
        
    }
    .glide-grid .glide__slide [data-image="3"] {
        grid-column: 3 / span 1;
        grid-row: 2 / span 1;
        border-right: 2px solid #FFF;

    }
    .glide-grid .glide__slide [data-image="4"] {
        grid-column: 2 / span 2;
        grid-row: 3 / span 1;
        border-top: none;
    }
}

@media (min-width: 991px) {
    .glide-grid {
        --columns: 1fr 65px 350px 350px 80px 135px 1fr;
        --rows: 70px 120px 110px 20px 320px;
    }
     .glide-grid .glide-grid--controls {
        border: none;
        grid-column: 5 / span 1;
        grid-row: 3 / span 1;
    }
     .glide-grid--svg {
        grid-column: 1 / -1;
        grid-row: 1 / span 3;
    }
    .glide-grid .glide__slide [data-image="1"] {
        grid-column: 2 / span 2;
        grid-row: 2 / span 3;
        border-right: none;
    }
    .glide-grid .glide__slide [data-image="2"] {
        grid-column: 4 / span 1;
        grid-row: 1 / span 3;
        border-bottom: none;
    }
    .glide-grid .glide__slide [data-image="3"] {
        grid-column: 3 / span 1;
        grid-row: 5 / span 1;
        border-top: none;
        border-right: none;
    }
    .glide-grid .glide__slide [data-image="4"] {
        grid-column: 4 / span 3;
        grid-row: 4 / span 2;
        border-top: 2px solid #FFF;
    }
}

@media (min-width: 1200px) {
    .glide-grid {
        --columns: 1fr 120px 405px 405px 80px 190px 1fr;
        --rows: 80px 130px 120px 30px 330px;
    }
}

@media (min-width: 1500px) {
    .glide-grid {
        --columns: 1fr 190px 475px 475px 100px 260px 1fr;
        --rows: 110px 160px 150px 60px 360px;
       
    }
}

/** Glide Fade Transitions */
.glide__slides {
    /* important needed because this is set using the style attribute */
    transform: translate3d(0, 0, 0) !important;
}
.glide__slide {
    position: absolute;
    top: 0;
    left: 0;
    order: 2;
    opacity: 0;
    transition: opacity 500ms ease;
}
.glide__slide.glide__slide--active {
    position: relative;
    order: 1;
    opacity: 1;
}
.glide-grid .glide__counter {
    color: var(--white, white);
    text-align: center;
    display: block;
    font-size: 15px;
}
.full-bleed--wrapper {
    --content-width: ;
    display:grid;
    grid-template-columns: 1fr var(--content-width, 100%) 1fr;
    align-items: center;
}
@media (min-width: 576px) {
    .full-bleed--wrapper {
        --content-width: 540px;
    }
}
@media (min-width: 768px) {
    .full-bleed--wrapper {
        --content-width: 720px;
    }
}
@media (min-width: 992px) {
    .full-bleed--wrapper {
        --content-width: 960px;
    }
}
@media (min-width: 1200px) {
    .full-bleed--wrapper {
        --content-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .full-bleed--wrapper {
        --content-width: 1320px;
    }
}
.full-bleed--wrapper > * {
    grid-column: 1 / -1;
    grid-row: span 1;
    z-index: 10;
}
@media (min-width: 768px) {
    .full-bleed--wrapper > * {
        grid-column: 2;
    }
}
@media (min-width: 992px) {
    .full-bleed--wrapper > * {
        grid-column: 1 / span 2;
        grid-row: 1 / span 1;
    }
}
@media (min-width: 1200px) {
    .full-bleed--wrapper > * {
        grid-column: 2;
    }
}
.full-bleed {
    --bs-gutter-x: 0.75rem;
    width: 100%;
    height: 100%;
    grid-column: 1 / -1;
    z-index: 1;
}
.full-bleed .row {
    --bs-gutter: var(--bs-gutter-x);
    height: 100%;
}
.full-bleed img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (min-width: 992px) {
    .full-bleed .row {
        margin-right: calc(var(--bs-gutter) * -1);
        margin-left: calc(var(--bs-gutter) * -1);
    }
    .full-bleed img {
        margin-right: calc(var(--bs-gutter-x) * -1);
    }
}
.pretty[for] .state > *:not(.icon) {
    position: initial;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    text-indent: 1.5em;
    min-width: calc(1em + 2px);
}
.pretty[for] .state > *:not(.icon)::before,
.pretty[for] .state > *:not(.icon)::after {
    content: '';
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    display: block;
    box-sizing: border-box;
    border-radius: 0;
    z-index: 0;
    position: absolute;
    left: 0;
    top: calc((0% - (100% - 1em)) - 8%);
}
.pretty[for] .state > *:not(.icon)::before {
    background-color: rgba(255, 255, 255, 0.7);
    border-color: transparent;
}
.pretty.p-icon[for] .state > .icon {
    color: var(--primary);
}
.pretty.p-icon[for] input:checked ~ .state > *:not(.icon)::after {
    background-color: #fff;
}