/* TABLE OF CONTENTS
------------------------------------------------------------/
1.0     Global & Utilities
1.1         Project Variables
1.2         Utility Classes
2.0     Core Components
2.1         All Menus
2.2         Main Menu
2.3         Mobile Menu
2.4         Other Menus
2.5         Buttons
2.6         Footer
2.7         Other Components
3.0     Layout & Structure
4.0     Templates
5.0     3rd Party Styling
6.0     Page Specific Styles
9999    Here be Dragons

/// END TABLE OF CONTENTS * */

/* * 1.0 Global & Utilities
------------------------------------------------------------ */
/* * 1.1 Project Variables
------------------------------------------------------------ */
:root {
    /* For info only */
    --wp-mobile-breakpoint: 600px;
    --wp-column-breakpoint: 782px;
    --wp--preset--spacing--90: clamp(6rem, 4.5rem + 3.75vw, 7.5rem);
    --wp--preset--spacing--100: clamp(8rem, 6rem + 5vw, 10rem);
    /* Align Kadence Blocks Spacing with Theme.json */
    --global-kb-spacing-xxs: var(--wp--preset--spacing--20);
    --global-kb-spacing-xs: var(--wp--preset--spacing--30);
    --global-kb-spacing-sm: var(--wp--preset--spacing--40);
    --global-kb-spacing-md: var(--wp--preset--spacing--50);
    --global-kb-spacing-lg: var(--wp--preset--spacing--60);
    --global-kb-spacing-xl: var(--wp--preset--spacing--70);
    --global-kb-spacing-xxl: var(--wp--preset--spacing--80);
    --global-kb-spacing-3xl: clamp(6rem, 4.5rem + 3.75vw, 7.5rem);
    --global-kb-spacing-4xl: clamp(8rem, 6rem + 5vw, 10rem);
    --global-kb-spacing-5xl: clamp(10rem, 7.5rem + 6.25vw, 12.5rem);
    --global-content-edge-padding: var(--wp--preset--spacing--50);
}

/* * 1.2 Utility Classes
------------------------------------------------------------ */
/* This screen reader utility is included with WordPress. Adding it here for reference */
/*
.screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
*/

.no-mb-all,
.no-mb-all a,
.no-mb-all p,
p.no-mb-all,
a.no-mb-all {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

.no-mb-start {
    margin-block-start: 0 !important;
}

.no-mb-end {
    margin-block-end: 0 !important;
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.wrap-pretty {
    text-wrap: pretty;
    overflow-wrap: break-word;
}

.wrap-balanced {
    text-wrap: balance;
    overflow-wrap: break-word;
}

div.mt-auto.is-layout-flex {
    margin-top: auto;
}

.rounded-small,
.rounded-small > img,
.rounded-small > .components-resizable-box__container > img {
    border-radius: 5px;
}

.rounded-medium,
.rounded-medium > img,
.rounded-medium > .components-resizable-box__container > img {
    border-radius: 10px;
}

.rounded-large,
.rounded-large > img,
.rounded-large > .components-resizable-box__container > img {
    border-radius: 20px;
}
@media screen and (min-width: 782px) {
    div.gap-20 {
        gap: var(--wp--preset--spacing--20);
    }
    div.gap-40 {
        gap: var(--wp--preset--spacing--40);
    }
    div.gap-60 {
        gap: var(--wp--preset--spacing--60);
    }
    div.gap-80 {
        gap: var(--wp--preset--spacing--80);
    }
    div.gap-100 {
        gap: clamp(6rem, -1.682rem + 15.758vw, 12.5rem);
    }
}

/* Set smaller gap sizes for tablet breakpoint. 
** No need for mobile spacing since it collapses on mobile */
@media screen and (max-width: 781px) {
    div.gap-20 {
        gap: var(--wp--preset--spacing--10);
    }
    div.gap-40 {
        gap: var(--wp--preset--spacing--20);
    }
    div.gap-60 {
        gap: var(--wp--preset--spacing--40);
    }
    div.gap-80 {
        gap: var(--wp--preset--spacing--60);
    }
    div.gap-100 {
        gap: var(--wp--preset--spacing--80);
    }
}

@media screen and (min-width: 1024px) {
    .margin-x-3xl {
        margin-left: var(--global-kb-spacing-3xl);
        margin-right: var(--global-kb-spacing-3xl);
    }

    .padding-x-3xl {
        padding-left: var(--global-kb-spacing-3xl);
        padding-right: var(--global-kb-spacing-3xl);
    }

    .margin-x-4xl {
        margin-left: var(--global-kb-spacing-4xl);
        margin-right: var(--global-kb-spacing-4xl);
    }

    .padding-x-4xl {
        padding-left: var(--global-kb-spacing-4xl);
        padding-right: var(--global-kb-spacing-4xl);
    }

    .margin-x-5xl {
        margin-left: var(--global-kb-spacing-5xl);
        margin-right: var(--global-kb-spacing-5xl);
    }

    .padding-x-5xl {
        padding-left: var(--global-kb-spacing-5xl);
        padding-right: var(--global-kb-spacing-5xl);
    }
}

.aspect-cinema {
    aspect-ratio: 2.35/1;
}

.icon-circle {
    padding: 0.75rem;
    background-color: var(--wp--preset--color--white);
    border-radius: 50%;
    margin-block-start: 0em;
    margin-block-end: 0em;
    line-height: 0;
    aspect-ratio: 1 / 1;
}

.icon-circle img {
    border-radius: unset;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

figure.image-cover {
    display: flex;
    flex-grow: 1;
}

.image-cover img,
.image-cover > .components-resizable-box__container,
.image-cover > .wp-block-image .components-resizable-box__container img {
    object-fit: cover;
    display: flex !important;
    flex-grow: 1;
    width: 100% !important;
    height: 100% !important;
}

.font-size-ml {
    font-size: clamp(1.25rem, 0.893rem + 0.952vw, 1.75rem);
}

.wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

@media screen and (max-width: 781px) {
    .text-center-mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        width: unset !important;
    }
}

/* Multiply Blend to remove white image backgrounds */
.multiply-blend {
    background: lightgray 50%;
    mix-blend-mode: multiply;
}

/* News Column Utilities */
.news-columns {
    columns: 2 20em;
    column-gap: 4em;
    orphans: 2;
}

.news-columns:not(p) {
    margin-bottom: 1em;
}

/* Max Height for Hero Images */
.max-height-400 img {
    max-height: 25rem;
    width: auto;
    object-fit: cover;
    object-position: 50% 50%;
}

@media (max-width: 899px) {
    .break-column-mobile.wp-block-columns:not(.is-not-stacked-on-mobile)
        > .wp-block-column {
        flex-basis: 100% !important;
    }
}

/* Make columns side by side at 900px and above */
@media (min-width: 900px) {
    .break-column-mobile.wp-block-columns {
        flex-wrap: nowrap !important;
    }

    .break-column-mobile.wp-block-columns:not(.is-not-stacked-on-mobile)
        > .wp-block-column {
        flex-basis: 0 !important;
        flex-grow: 1 !important;
    }
}

/* * 2.0 Core Components
------------------------------------------------------------ */
/* Elements
------------------------------------------------------------ */

h1:where(.is-root-container *),
h2:where(.is-root-container *),
h3:where(.is-root-container *),
h4:where(.is-root-container *),
h5:where(.is-root-container *),
h6:where(.is-root-container *) {
    text-wrap: balance;
    overflow-wrap: break-word;
}

/* Remove default content padding on media & text blocks */
.wp-block-media-text > .wp-block-media-text__content {
    padding: unset;
}

/* Removed default margin blocks on entry content */
.entry-content {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

/* Add padding for media and text blocks based on image position class */
@media screen and (min-width: 600px) {
    .has-media-on-the-right.wp-block-media-text
        > .wp-block-media-text__content {
        padding-left: unset;
        padding-right: var(--wp--preset--spacing--80);
    }
    .has-media-on-the-left.wp-block-media-text > .wp-block-media-text__content {
        padding-right: unset;
        padding-left: var(--wp--preset--spacing--80);
    }
}

.has-background a:where(:not(.wp-element-button)) {
    text-decoration: underline;
}

/* * 2.1 All Menus
------------------------------------------------------------ */

/* * 2.2 Main Menu
------------------------------------------------------------ */
li.book-now-btn {
    margin-left: 0.5rem;
}
/* * 2.3 Mobile Menu
------------------------------------------------------------ */

/* * 2.4 Other Menus
------------------------------------------------------------ */

/* * 2.5 Buttons
------------------------------------------------------------ */

/* * 2.6 Footer
------------------------------------------------------------ */

/* * 2.7 Other Components
------------------------------------------------------------ */

/* * 3.0 Layout & Structure
------------------------------------------------------------ */
.wp-block-kadence-header-row .kadence-header-row-inner, .articles-title-wrapper {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
}
/* * 4.0 Templates
------------------------------------------------------------ */

/* * 5.0 3rd Party Styling
------------------------------------------------------------ */
/* * 6.0 Page Specific Styles
------------------------------------------------------------ */
/* ---------- Homepage Styles ---------- */
/* ---------- About Page Styles ---------- */
/* ---------- Contact Page Styles ---------- */

/* * 9999 Here be Dragons
------------------------------------------------------------ */