@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap");

:root {
    --white: 0, 100%, 100%;
    --black: 0, 0%, 0%;
    --gray: 0, 0%, 50%;
    --gray-light: 0, 0%, 83%;
    --blue: 182, 100%, 15%;
    --blue-light: 182, 96%, 42%;
    --blue-dark: 182, 96%, 22%;
    --red: 0, 100%, 39%;
    --pearl-bush: 37, 29%, 91%;
    --light-blue: 192, 25%, 69%;
    --san-juan: 229, 40%, 33%;
    --denim: 205, 59%, 21%;
    --turquoise: 167, 47%, 52%;
    --anim-speed: 0.3s;
    --anim-style: linear;
    --pre-display: none;
    --cursor: pointer;
    --site-background: hsl(var(--white));
    --search-background-color: hsl(var(--light-blue));
    --dialog-background-color: hsl(var(--white));
    --dialog-backdrop-color: hsla(var(--black), 0.5);
    --site-shadow: 0 0 10px 0 hsl(var(--black), 0.5);
    --article-shadow: 0 0 10px 0 hsl(var(--blue), 0.5);
    --article-list-border-color: hsl(var(--light-blue));
    --article-list-border-color--hover: hsl(var(--denim));
    --text-color: hsl(var(--black));
    --text-white: hsl(var(--white));
    --footer-text-color: hsl(var(--white));
    --brand-color: hsl(var(--blue));
    --brand-color-light: hsl(var(--blue-light));
    --link-color: var(--text-color);
    --active-color: var(--brand-color);
    --title-color: var(--text-color);
    --title-border-color: var(--brand-color);
    --alert-color: hsl(var(--red));
    --footer-close-background: hsl(var(--white));
    --button-tag-background: hsl(var(--denim));
    --button-tag-background--hover: var(--button-background-color--hover);
    --button-tag-border: hsl(var(--denim));
    --button-tag-border--hover: hsl(var(--white));
    --tags-title-color: hsl(var(--black));
    --figure-background-color: hsl(var(--gray-light));
    --icon-footer-color: hsl(var(--white));
    --scrollbar-track-color: hsla(var(--blue), 0.5);
    --scrollbar-thumb-color: hsla(var(--blue), 1);
    --category-link-color: hsl(var(--black));
    --category-link-icon-color: var(--brand-color);
    --order-button-color: hsl(var(--white));
    --ribbon-background-color: hsl(var(--blue-light));
    --ribbon-border-color: hsl(var(--white));
    --ribbon-text-color: hsl(var(--black));
    --button-background-color: hsl(var(--denim));
    --button-background-color--hover: hsl(var(--turquoise));
    --footer-background-color: hsl(var(--san-juan));
    --pagination-background-color: hsl(var(--denim));
    --pagination-background-color--hover: hsl(var(--turquoise));
    --pagination-text-color: hsl(var(--white));
    --header-background: hsl(var(--pearl-bush));
    --header-height: 100px;
    --header-position: sticky;
    --header-position-block: 0;
    --header-position-inline: 0;
    --lightbox-close-background: hsl(var(--black));
    --lightbox-close-border-color: hsl(var(--white));
    --link-padding: 0;
    --logo-height: 80px;
    --logo-width: 80px;
    --search-width: 100vw;
    --hero-height: 45vh;
    --gallery-list-disaply: flex;
    --gallery-list-justify: center;
    --gallery-list-wrap: wrap;
    --gallery-item-border--color: #ccc;
    --gallery-item--width: 100%;
    --gallery-image-overlay-color: hsla(var(--blue), 0.3);
    --gallery-image-overlay-text-color: hsl(var(--white));
    --lightbox-disaply: none;
    --button-group-display: flex;
}

@media screen and (max-width: 991px) {
    :root {
        --header-content-position: absolute;
        --mobile-button-display: grid;
        --mobile-menu-width: 60vw;
        --search-height: 170px;
        --search-form-display: grid;
        --hero-position: relative;
        --sb-form--gap: 20px 0;
        --article-wrapper-columns: 1fr;
    }
}

@media screen and (max-width: 575px) {
    :root {
        --gallery-columns: 1fr;
        --gallery-item--height: unset;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    :root {
        --gallery-columns: repeat(2, 1fr);
        --gallery-item--height: unset;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    :root {
        --gallery-columns: repeat(2, 1fr);
        --gallery-item--height: 150px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    :root {
        --gallery-columns: repeat(3, 1fr);
        --gallery-item-aspect: 1.3;
        --gallery-item--height: 150px;
    }
}

@media screen and (min-width: 1200px) {
    :root {
        --gallery-columns: repeat(3, 1fr);
    }
}

@media screen and (min-width: 992px) {
    :root {
        --mobile-button-display: none;
        --navigation-display: flex;
        --list-template-columns: repeat(4, 1fr);
        --search-position: sticky;
        --search-height: 80px;
        --search-form-display: flex;
        --hero-position: sticky;
        --external-search-position: sticky;
        --site-max-width: 992px;
        --sb-form--gap: 0 20px;
        --sb-form--columns: repeat(4, 1fr);
        --gallery-item-aspect: 1.3;
        --gallery-item--height: 150px;
        --article-wrapper-width: 992px;
        --article-wrapper-columns: 1fr 300px;
    }
}

*:where(:not(iframe, canvas, img, svg, video, pre, ul, li, .ip-search .ip-input.select):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

*, *:before, *:after {
    box-sizing: border-box;
    outline: none;
}

html {
    direction: var(--site-direction);
    font-family: "Assistant", sans-serif;
}

    html[lang=he], html[dir=rtl] {
        --site-direction: rtl;
        --tooltip-transform: translateX(50%);
    }

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

    body .ip-mobile-menu-checbox ~ .ip-header .ip-list {
        --site-transform: var(--mobile-menu-width);
        --mobile-button-transform: 0;
        --site-lightbox-opacity: 0;
        --site-lightbox-visibilityy: hidden;
    }

    body .ip-mobile-menu-checbox:checked ~ .ip-header:before {
        background: hsla(var(--black), 0.5);
        backdrop-filter: blur(3px);
        content: "";
        display: block;
        height: 100vh;
        inset: 0;
        opacity: var(--site-lightbox-opacity);
        position: absolute;
        visibility: var(--site-lightbox-visibilityy);
        transition: opacity var(--anim-speed) var(--anim-style), visibility var(--anim-speed) var(--anim-style);
        width: 100vw;
        z-index: 1;
    }

    body .ip-mobile-menu-checbox:checked ~ .ip-header .ip-list {
        --site-transform: 0;
        --mobile-button-transform: calc(var(--mobile-menu-width) * -1);
        --site-lightbox-opacity: 1;
        --site-lightbox-visibilityy: visible;
        --list-direction: column;
        overflow: hidden;
    }

    body .ip-mobile-menu-checbox:checked ~ .ip-header .ip-button.mobile {
        --mobile-button-transform: calc(var(--mobile-menu-width) * -1);
    }

    body .ip-mobile-menu-checbox:checked ~ .ip-header .ip-logo {
        z-index: 0;
    }

    body.new-menu-close {
        --site-transform: var(--mobile-menu-width);
        --mobile-button-transform: 0;
        --site-lightbox-opacity: 0;
        --site-lightbox-visibilityy: hidden;
    }

    body.new-menu-open {
        --site-transform: 0;
        --mobile-button-transform: calc(var(--mobile-menu-width) * -1);
        --site-lightbox-opacity: 1;
        --site-lightbox-visibilityy: visible;
        --list-direction: column;
        overflow: hidden;
    }

        body.new-menu-open .ip-header:before {
            background: hsla(var(--black), 0.5);
            backdrop-filter: blur(3px);
            content: "";
            display: block;
            height: 100vh;
            inset: 0;
            opacity: var(--site-lightbox-opacity);
            position: absolute;
            visibility: var(--site-lightbox-visibilityy);
            transition: opacity var(--anim-speed) var(--anim-style), visibility var(--anim-speed) var(--anim-style);
            width: 100vw;
            z-index: 1;
        }

        body.new-menu-open .ip-header .ip-logo {
            z-index: 0;
        }

pre {
    direction: ltr;
}

ul.ip-list, ol.ip-list {
    list-style: none;
}

a {
    color: var(--link-color);
    cursor: var(--cursor);
    text-decoration: var(--link-underline);
}

    a[disabled] {
        --link-color: var(--link-color--disabled);
        --cursor: not-allowed;
    }

    a.more-link {
        display: none;
    }

strong {
    font-weight: bold !important;
}

i {
    font-style: italic !important;
}

.aligncenter,
.has-text-align-center {
    text-align: center;
}

.wp-block-gallery {
    display: grid;
    gap: 10px;
}

@media screen and (max-width: 575px), screen and (max-width: 575px) {
    .wp-block-gallery {
        grid-template-columns: 1fr;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px), screen and (min-width: 992px) and (max-width: 1199px), screen and (min-width: 1200px) {
    .wp-block-gallery {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* TEST PRE */
.testPre {
    background-color: white;
    box-shadow: var(--site-shadow);
    border: solid 2px var(--alert-color);
    color: var(--alert-color);
    display: var(--pre-display);
    height: 80vh;
    inset-block-start: 10vh;
    inset-inline-end: 10vw;
    overflow: auto;
    position: fixed;
    width: 80vw;
    z-index: 1000000;
}

/* TEST PRE */
/* PAGE */
.ip-page.home .ip-page__wrapper .ip-list .ip-title {
    grid-column: -1/1;
}

.ip-page.home .ip-page__content {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

@media screen and (max-width: 991px) {
    .ip-page.home .ip-page__content .ip-list__wrapper {
        grid-template-columns: repeat(var(--number-of-posts), calc(100vw - 20px));
        overflow-x: auto;
        padding-block-end: 20px;
        scroll-snap-type: x mandatory;
    }
}

.ip-page.home .ip-page__content .ip-list__wrapper .ip-article {
    scroll-snap-align: center;
}

.ip-page.home .ip-page-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-block-end: 0;
    margin-inline: auto;
    max-width: 800px;
    text-align: center;
}

    .ip-page.home .ip-page-text p {
        font-size: 20px;
    }

    .ip-page.home .ip-page-text a {
        --link-underline: underline;
        font-weight: bold;
    }

    .ip-page.home .ip-page-text .ip-title {
        border-block-end: 0;
        font-size: 32px;
        justify-content: center;
    }

.ip-page.list, .ip-page.content {
    display: grid;
    grid-gap: 20px;
}

    .ip-page.list .ip-figure,
    .ip-page.list .ip-title.primary, .ip-page.content .ip-figure,
    .ip-page.content .ip-title.primary {
        grid-column: -1/1;
    }

    .ip-page.list .ip-page__wrapper, .ip-page.content .ip-page__wrapper {
        display: grid;
        grid-gap: 20px;
    }

@media screen and (min-width: 992px) {
    .ip-page.list .ip-page__wrapper, .ip-page.content .ip-page__wrapper {
        grid-template-columns: 1fr 300px;
    }
}

.ip-page.list .ip-page__wrapper > .ip-figure, .ip-page.content .ip-page__wrapper > .ip-figure {
    margin-inline: -10px;
}

    .ip-page.list .ip-page__wrapper > .ip-figure .ip-image, .ip-page.content .ip-page__wrapper > .ip-figure .ip-image {
        display: block;
        height: var(--figure-height);
        object-fit: cover;
        width: 100%;
    }

.ip-page__wrapper {
    background-color: var(--site-background);
    display: grid;
    grid-gap: 20px;
    padding-inline: 10px;
    position: relative;
}

.ip-page__content {
    padding-block-end: 30px;
}

.search .ip-page__content {
    grid-column: -1/1;
}

.ip-page__content .ip-page-text {
    margin-block-end: 50px;
}

    .ip-page__content .ip-page-text iframe {
        width: 100% !important;
    }

    .ip-page__content .ip-page-text img {
        height: 100%;
        max-width: 100%;
        object-fit: contain;
    }

    .ip-page__content .ip-page-text p {
        margin-block-end: 20px;
    }

.ip-page__content .ip-list {
    display: grid;
    gap: 20px;
}

@media screen and (min-width: 768px) {
    .list .ip-page__content .ip-list, .content .ip-page__content .ip-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

.ip-page__content .ip-list__wrapper {
    display: grid;
    grid-gap: 20px;
}

@media screen and (min-width: 768px) {
    .ip-page__content .ip-list__wrapper {
        grid-template-columns: repeat(5, 1fr);
    }

    .ip-page.list .ip-page__content .ip-list__wrapper {
        grid-column: -1/1;
        grid-template-columns: repeat(3, 1fr);
    }
}

.ip-page__content .ip-list .ip-article .ip-figure {
    --figure-height: 200px;
    margin-inline: -10px;
    margin-block-start: -10px;
}

/* PAGE */
/* SITE */
@media screen and (max-width: 991px) {
    .ip-site__content--wrapper {
        margin-inline: 10px;
        margin-block-end: 30px;
    }

        .ip-site__content--wrapper .ip-page-text {
            margin-block-end: 30px;
        }

        .ip-site__content--wrapper > .ip-list {
            display: flex;
            flex-direction: column;
            row-gap: 20px;
        }
}

@media screen and (max-width: 991px) {
    .ip-site > .ip-title.primary {
        margin-inline: 10px;
    }
}

.ip-site-info {
    margin-block-end: 30px;
}

/* SITE */
/* FIGURE */
.ip-figure {
    --media-image-fit: cover;
    --figure-height: 300px;
    background-color: var(--figure-background-color);
    display: flex;
    height: var(--figure-height);
    margin-block-end: var(--article-figure-space);
    overflow: hidden;
    /* MEDIA */
    /* MEDIA */
}

    .ip-figure .ip-media {
        display: block;
        /* MEDIA IMAGE */
        /* MEDIA IMAGE */
    }

    .ip-figure .ip-media--image {
        display: block;
        height: 100% !important;
        max-height: 100%;
        object-fit: var(--media-image-fit);
    }

    .ip-figure figcaption {
        display: none;
    }

/* FIGURE */
/* SOCIAL */
.ip-social {
    display: flex;
    gap: 10px;
    margin-inline: auto;
}

    .ip-social svg {
        aspect-ratio: 1;
        color: var(--svg-color);
        fill: var(--svg-color);
        width: 30px;
    }

.ip-social__icons {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

/* SOCIAL */
/* TITLE */
.ip-title {
    --cursor: pointer;
    align-items: baseline;
    border-block-end: solid 1px var(--title-border-color);
    color: var(--title-color);
    display: flex;
    font-size: var(--title-font-size);
    font-weight: bold;
}

    .ip-title.primary {
        --title-font-size: 36px;
    }

    .ip-title.secondary {
        --title-font-size: 24px;
    }

.search .ip-title {
    flex-wrap: wrap;
}

.ip-title--link {
    font-size: 12px;
    margin-inline-start: auto;
}

.ip-title .ip-posts {
    font-size: 14px;
}

/* TITLE */
/* LIST */
.ip-list {
    margin: 0;
    padding: 0;
}

    .ip-list .ip-article {
        --cursor: pointer;
        border: solid 1px var(--article-list-border-color);
        display: flex;
        flex-direction: column;
        overflow: hidden;
        padding: 10px;
        position: relative;
        transition: border calc(var(--anim-speed) / 3) var(--anim-style), box-shadow calc(var(--anim-speed) / 3) var(--anim-style), transform calc(var(--anim-speed) / 3) var(--anim-style);
    }

        .ip-list .ip-article:hover {
            --article-list-border-color: var(--article-list-border-color--hover);
            box-shadow: var(--article-shadow);
            transform: translateY(-2px);
        }

        .ip-list .ip-article .ip-figure {
            --article-figure-space: 10px;
        }

            .ip-list .ip-article .ip-figure .ip-image {
                display: block;
                height: var(--figure-height) !important;
                object-fit: cover;
                width: 100%;
            }

@media (any-hover: hover) {
    .ip-list .ip-article .ip-figure .ip-image {
        transition: transform 0.3s linear;
    }
}

.ip-list .ip-article .ip-figure .ip-image.no-found {
    margin: auto;
    max-height: 80px;
    max-width: 80px;
}

@media (any-hover: hover) {
    .ip-list .ip-article:hover .ip-image {
        transform: scale(1.2);
    }
}

/* LIST */
/* ARTICLE */
.ip-article__wrapper {
    column-gap: 10px;
    display: grid;
    grid-column: -1/1;
    grid-template-columns: var(--article-wrapper-columns);
    margin-inline: auto;
    row-gap: 30px;
    width: var(--article-wrapper-width);
}

.ip-article .ip-title {
    --article-title-space: 10px;
    margin-block-end: var(--article-title-space);
}

.ip-article__info {
    --article-info-space: 10px;
    margin-block-end: var(--article-info-space);
}

@media screen and (max-width: 767px) {
    .ip-article__info > *:not(:last-child) {
        margin-block-end: var(--article-info-space);
        padding-block-end: 10px;
    }
}

@media screen and (min-width: 768px) {
    .ip-article__info > *:not(:last-child) {
        margin-inline-end: var(--article-info-space);
        padding-inline-end: 10px;
    }
}

.ip-article .ip-text {
    --article-text-space: 10px;
    margin-block-end: var(--article-text-space);
}

/* ARTICLE */
/* BUTTON */
.ip-button {
    --link-underline: none;
    background: var(--button-background);
    cursor: var(--button-cursor);
    display: var(--button-display);
    font-size: var(--button-font-size);
    height: var(--button-height);
    width: var(--button-width);
    /* LINK */
    /* LINK */
    /* MOBILE */
    /* SUBMIT */
    /* SUBMIT */
    /* TAGS */
    /* TAGS */
}

    .ip-button.link {
        --button-cursor: pointer;
        padding: var(--link-padding);
        /* READ MORE */
        /* READ MORE */
    }

        .ip-button.link.ip-readmore {
            --button-font-size: var(--readmore-font-size);
            align-self: end;
            font-weight: bold;
            margin-block-start: auto;
            margin-inline-start: auto;
        }

            .ip-button.link.ip-readmore:after {
                content: " �";
                display: inline-block;
            }

    .ip-button.mobile {
        --button-background: var(--button-background-color);
        --button-height: 40px;
        --button-width: 40px;
        --button-display: var(--mobile-button-display);
        --mobile-icon-button-color: hsl(var(--white));
        --mobile-icon-button-space: 3px;
        --mobile-icon-button-size: 20px;
        place-content: center;
        position: relative;
    }

        .ip-button.mobile .ip-icon {
            width: var(--mobile-icon-button-size);
        }

            .ip-button.mobile .ip-icon, .ip-button.mobile .ip-icon:before, .ip-button.mobile .ip-icon:after {
                background-color: var(--mobile-icon-button-color);
                border-radius: 3px;
                display: block;
                height: var(--mobile-icon-button-space);
                width: var(--mobile-icon-button-size);
            }

                .ip-button.mobile .ip-icon:before, .ip-button.mobile .ip-icon:after {
                    content: "";
                    position: absolute;
                }

                .ip-button.mobile .ip-icon:before {
                    transform: translateY(calc(var(--mobile-icon-button-space) * -2));
                }

                .ip-button.mobile .ip-icon:after {
                    transform: translateY(calc(var(--mobile-icon-button-space) * 2));
                }

    .ip-button.submit {
        --button-background: var(--button-background-color);
        --button-color-text: hsl(var(--white));
        align-self: center;
        color: vaR(--button-color-text);
        padding-block: 10px;
        padding-inline: 10px;
    }

    .ip-button.tag {
        --button-background: var(--button-tag-background);
        --button-cursor: pointer;
        --button-font-size: 14px;
        border: solid 1px var(--button-tag-border);
        border-radius: 5px;
        padding-block: 5px;
        padding-inline: 5px;
    }

        .ip-button.tag:hover {
            --button-background: var(--button-tag-background--hover);
            --button-tag-border: var(--button-tag-border--hover);
        }

.ip-button-group {
    display: var(--button-group-display);
    justify-content: space-between;
    max-width: 500px;
    margin-block-end: 20px;
    margin-inline: auto;
}

    .ip-button-group .ip-button.link {
        --button-background: var(--button-background-color);
        --button-display: grid;
        border-radius: 5px;
        color: hsl(var(--white));
        grid-row: 2/3;
        padding-block: 5px;
        padding-inline: 10px;
        place-content: center;
    }

        .ip-button-group .ip-button.link:hover {
            --button-background: var(--button-background-color--hover);
        }

/* BUTTON */
/* FRAME */
.ip-iframe.map {
    border: solid 2px var(--brand-color);
    box-shadow: var(--site-shadow);
    margin-block-end: 50px;
    margin-inline: auto;
    max-width: 95vw;
}

/* FRAME */
/* SITE HEADER */
.ip-header {
    --svg-color: var(--brand-color);
    box-shadow: var(--site-shadow);
    display: flex;
    height: var(--header-height);
    inset-block-start: var(--header-position-block);
    position: var(--header-position);
    width: 100vw;
    z-index: 100;
    /* LOGO */
    /* LOGO */
    /* NAVIGATION */
    /* NAVIGATION */
    /* LIST */
}

.ip-header--wrapper {
    background: var(--header-background);
    display: flex;
    padding: 10px;
    width: 100%;
}

.ip-header--content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-inline: 10px;
    position: var(--header-content-position);
    width: 100%;
    z-index: 10;
}

@media screen and (max-width: 991px) {
    .ip-header--content {
        margin: auto -10px;
    }
}

@media screen and (min-width: 992px) {
    .ip-header--content {
        margin-block: auto;
    }
}

.ip-header .ip-logo {
    --media-image-fit: contain;
    display: block;
    height: var(--logo-height);
    position: relative;
    width: var(--logo-width);
    z-index: 50;
}

@media screen and (max-width: 991px) {
    .ip-header .ip-logo {
        margin-inline-start: auto;
    }
}

.ip-header .ip-logo .ip-figure {
    --figure-height: auto;
}

.ip-header .ip-logo-title {
    color: var(--text-color);
    font-weight: bold;
    inset-block-start: var(--logo-title-position--block);
    inset-inline-start: var(--logo-title-position--inline);
    position: absolute;
}

@media screen and (max-width: 991px) {
    .ip-header .ip-logo-title {
        --logo-title-position--block: 59px;
        --logo-title-position--inline: calc((100% + 180px) * -1);
        width: 260px;
    }
}

@media screen and (min-width: 992px) {
    .ip-header .ip-logo-title {
        --logo-title-position--block: 59px;
        --logo-title-position--inline: calc(100% + 10px);
        width: 260px;
    }
}

.ip-header .ip-navigation {
    display: var(--navigation-display);
    z-index: 10;
}

@media screen and (max-width: 991px) {
    .ip-header .ip-navigation {
        --list-space: 0;
        position: absolute;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px), (min-width: 992px) and (max-width: 1199px), (min-width: 1200px) {
    .ip-header .ip-navigation {
        --button-font-size: 16px;
    }
}

@media screen and (min-width: 992px) {
    .ip-header .ip-navigation {
        --list-display: flex;
        --list-margin-block: 0;
        --list-space: 20px;
        --button-height: 100%;
        margin-inline: auto;
        margin-block-end: 30px;
        place-content: center;
    }
}

.ip-header .ip-navigation .ip-button.mobile {
    transform: translateX(var(--mobile-button-transform));
    transition: transform var(--anim-speed) var(--anim-style);
}

@media screen and (min-width: 992px) {
    .ip-header .ip-navigation .ip-button.link {
        --link-color: var(--text-color);
        align-items: center;
        display: inline-flex;
    }
}

.ip-header .ip-list {
    display: var(--list-display);
    grid-area: page_list;
    grid-template-columns: var(--list-template-columns);
    gap: var(--list-space);
    margin-inline: var(--list-margin-inline);
    margin-block-end: var(--list-margin-block);
    max-width: var(--site-max-width);
    /* LIST ITEM */
    /* LIST ITEM */
}

.new-menu-open .ip-header .ip-list {
    --list-display: flex;
}

@media screen and (max-width: 991px) {
    .ip-header .ip-list {
        align-content: start;
        background: hsl(var(--white));
        box-shadow: inset var(--site-shadow);
        flex-direction: var(--list-direction);
        height: 100vh;
        inset-block-start: -10px;
        inset-inline-start: -10px;
        position: absolute;
        transform: translateX(var(--site-transform));
        transition: transform var(--anim-speed) var(--anim-style);
        width: var(--mobile-menu-width);
    }
}

@media screen and (max-width: 991px) {
    .ip-header .ip-list .ip-item:not(:last-child) {
        --menu-seperator: solid 1px var(--brand-color);
    }
}

@media screen and (min-width: 992px) {
    .ip-header .ip-list .ip-item {
        align-items: center;
    }
}

@media screen and (max-width: 991px) {
    .ip-header .ip-list .ip-item .ip-button.link {
        --link-padding: 20px;
        --button-display: flex;
        --link-color: var(--text-color);
        align-items: center;
        border-block-end: var(--menu-seperator);
        height: var(--list-item-height);
        padding-inline-start: 10px;
    }
}

.ip-header .ip-list .ip-item.current-menu-item .ip-button.link {
    font-weight: bold;
}

@media screen and (max-width: 991px) {
    .ip-header .ip-list .ip-item.current-menu-item .ip-button.link {
        box-shadow: inset -5px 0 0 0 var(--active-color);
    }
}

@media screen and (min-width: 992px) {
    .ip-header .ip-list .ip-item.current-menu-item .ip-button.link {
        box-shadow: 0 2px 0 0 var(--active-color);
    }
}

@media screen and (max-width: 575px), screen and (min-width: 576px) and (max-width: 767px), screen and (min-width: 768px) and (max-width: 991px) {
    .ip-header ~ .ip-social {
        display: grid;
        background: white;
        box-shadow: var(--site-shadow);
        grid-template-columns: 1fr 1.5fr 1fr;
        inset-block-start: var(--header-height);
        padding-block: 10px;
        padding-inline: 10px;
        position: sticky;
        width: 100vw;
        z-index: 60;
    }

        .ip-header ~ .ip-social span:not(.ip-social__icons) {
            white-space: nowrap;
        }
}

@media screen and (min-width: 992px) and (max-width: 1199px), screen and (min-width: 1200px) {
    .ip-header ~ .ip-social {
        inset-block-start: 65px;
        margin-block-start: -35px;
        position: sticky;
        transform: translateX(-45px);
        z-index: 100;
    }
}

.ip-header ~ .ip-social svg {
    width: 25px;
}

.ip-header ~ .ip-social .ip-button.link {
    --button-background: var(--button-background-color);
    --button-display: grid;
    border-radius: 5px;
    color: hsl(var(--white));
    grid-row: 2/3;
    padding-block: 5px;
    padding-inline: 10px;
    place-content: center;
}

    .ip-header ~ .ip-social .ip-button.link:hover {
        --button-background: var(--button-background-color--hover);
    }

@media screen and (max-width: 991px) {
    .ip-header ~ .ip-social .ip-button.link {
        --button-font-size: 12px;
    }
}

@media screen and (min-width: 992px) {
    .ip-header ~ .ip-social .ip-button.link {
        --button-font-size: 16px;
    }
}

/* SITE HEADER */
/* SITE FOOTER */
.ip-footer {
    --link-color: var(--footer-text-color);
    --svg-color: var(--icon-footer-color);
    background: var(--footer-background-color);
    clip-path: polygon(0 0, 100% 30px, 100% 100%, 0 100%);
    position: relative;
/*    z-index: 2000;*/
}

.ip-page__wrapper .ip-footer {
    margin-inline: -10px;
}

@media screen and (max-width: 991px) {
    .ip-footer {
        padding-block-start: 50px;
    }
}

@media screen and (min-width: 992px) {
    .ip-footer {
        padding-block-start: 100px;
    }
}

.ip-footer__list, .ip-footer__wrapper {
    margin-inline: auto;
}

@media screen and (min-width: 992px) {
    .ip-footer__list, .ip-footer__wrapper {
        width: 992px;
    }
}

.ip-footer__list {
    display: grid;
    gap: 20px;
    padding-block-end: 20px;
}

    .ip-footer__list .ip-list {
        align-content: start;
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

        .ip-footer__list .ip-list .ip-title {
            --title-font-size: 24px;
            --title-color: hsl(var(--white));
            --title-border-color: var(--title-color);
            grid-column: -1/1;
        }

    .ip-footer__list .ip-list__item {
        font-size: 16px;
    }

@media screen and (max-width: 991px) {
    .ip-footer__list {
        grid-template-columns: repeat(3, 1fr);
        width: 90vw;
    }

        .ip-footer__list .ip-list {
            display: grid;
            gap: 20px;
            grid-template-columns: repeat(3, 1fr);
            grid-column: -1/1;
        }
}

@media screen and (min-width: 992px) {
    .ip-footer__list {
        grid-template-columns: repeat(4, 1fr);
    }

        .ip-footer__list .ip-list:last-of-type {
            grid-template-columns: repeat(2, 1fr);
        }
}

.ip-footer__wrapper {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 991px) {
    .ip-footer__wrapper {
        padding-inline: 10px;
    }
}

.ip-footer__wrapper .ip-createdby {
    --link-color: var(--text-color);
}

    .ip-footer__wrapper .ip-createdby .ip-button.link {
        font-weight: bold;
        text-decoration: underline;
    }

.ip-footer__close {
    background-color: var(--footer-close-background);
    padding: 10px;
}

.ip-footer .ip-social {
    display: flex;
    gap: 10px;
    grid-column: -1/1;
    justify-content: center;
}

/* SITE FOOTER */
/* ASIDE */
.ip-aside {
    --sb-form--columns: 1fr;
    --cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media screen and (max-width: 991px) {
    .ip-aside {
        margin-inline: 10px;
        margin-block-end: 50px;
    }
}

@media screen and (min-width: 992px) {
    .ip-aside {
        border-inline-start: solid 1px hsl(var(--gray-light));
        padding-inline-start: 10px;
    }
}

.ip-aside .ip-external-search {
    --site-shadow: none;
    --external-search-zindex: 10;
}

.ip-aside .ip-box {
    border: solid 1px var(--brand-color);
    box-shadow: var(--site-shadow);
    padding: 10px;
}

    .ip-aside .ip-box .ip-title {
        border-block-end: solid 1px var(--brand-color);
        font-size: 24px;
        font-weight: bold;
        margin-block-end: 10px;
        padding-block-end: 10px;
    }

    .ip-aside .ip-box.button {
        background-color: var(--button-background-color);
        border-radius: 5px;
        padding: 0;
    }

        .ip-aside .ip-box.button .ip-button.link {
            --link-color: var(--order-button-color);
            align-items: center;
            display: flex;
            font-size: 24px;
            justify-content: center;
            padding: 10px;
            width: 100%;
        }

            .ip-aside .ip-box.button .ip-button.link:hover {
                --button-background: var(--button-background-color--hover);
            }

.archive .ip-wrapper .ip-site .ip-aside .ip-list {
    --list-template-columns: 1fr;
    --list-margin-block: 0;
    --list-space: 10px;
}

.ip-aside .ip-list__item:last-child {
    margin-block-start: 30px;
}

/* ASIDE */
/* SEARCH */
.ip-search {
    align-items: center;
    background-color: var(--search-background-color);
    display: flex;
    column-gap: 50px;
    height: var(--search-height);
    inset-block-start: var(--header-height);
    justify-content: center;
    margin-inline: auto;
    padding: 10px;
    position: var(--search-position);
    width: var(--search-width);
    z-index: 50;
}

@media screen and (max-width: 991px) {
    .ip-search {
        flex-wrap: wrap;
    }
}

.ip-search__not-found {
    display: grid;
    font-size: 36px;
    height: 150px;
    max-width: var(--site-max-width);
    margin-inline: auto;
    place-content: center;
}

.ip-search-form {
    align-items: center;
    display: var(--search-form-display);
    gap: 10px;
}

@media screen and (max-width: 991px) {
    .ip-search-form {
        grid-template-areas: "text text text button" "area type tags button";
        grid-template-columns: repeat(4, 1fr);
    }
}

.ip-search-form .ip-input {
    background-color: hsl(var(--white));
    border-radius: 20px;
    border: solid 1px hsl(var(--white));
    color: var(--text-color);
    font-family: "Assistant", sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
}

    .ip-search-form .ip-input::placeholder {
        color: var(--text-color);
    }

    .ip-search-form .ip-input.text {
        grid-area: text;
        padding-inline: 10px;
    }

    .ip-search-form .ip-input.select {
        appearance: auto;
        max-width: 100px;
    }

@media screen and (min-width: 992px) {
    .ip-search-form .ip-input.select {
        width: 120px;
    }
}

.ip-search-form .ip-input.select.area {
    grid-area: area;
}

.ip-search-form .ip-input.select.type {
    grid-area: type;
}

.ip-search-form .ip-input.select.tags {
    grid-area: tags;
}

.ip-search-form .ip-input.select option {
    word-break: break-all;
}

.ip-search-form .ip-button.submit {
    --button-background: transparent;
    --button-cursor: pointer;
    --button-color-text: var(--text-color);
    border: solid 5px hsl(var(--white));
    border-radius: 100%;
    grid-area: button;
    height: 30px;
    padding: 0;
    width: 30px;
}

    .ip-search-form .ip-button.submit:after {
        background-color: white;
        border-end-end-radius: 5px;
        border-end-start-radius: 5px;
        content: "";
        display: inline-block;
        height: 20px;
        transform: rotate(30deg) translateY(30px) translateX(-10px);
        transition: transform var(--anim-speed) var(--anim-style);
        width: 5px;
    }

    .ip-search-form .ip-button.submit:hover:after {
        transform: rotate(-30deg) translateY(23px) translateX(-5px);
    }

.ip-search__tags {
    --link-color: hsl(var(--white));
    align-items: baseline;
    display: flex;
    gap: 10px;
    justify-content: center;
    overflow: hidden;
}

.ip-search__tags--title {
    color: var(--tags-title-color);
    display: var(--search-tags-title-display);
}

.ip-search__tags--list {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

    .ip-search__tags--list .ip-button.tag {
        border-radius: 15px;
        padding-inline: 10px;
        scroll-snap-align: center;
        white-space: nowrap;
    }

/* SEARCH */
/* HERO */
.ip-hero {
    background-color: var(--brand-color);
    height: var(--hero-height);
    inset-inline: 0;
    position: var(--hero-position);
    overflow: hidden;
    width: 100vw;
}

@media screen and (min-width: 992px) {
    .ip-hero {
        inset-block-start: calc(var(--header-height) + var(--search-height));
    }
}

.ip-hero .ip-title {
    background-color: hsla(var(--white), 0.5);
    box-shadow: var(--site-shadow);
    color: var(--text-white);
    display: grid;
    font-size: 32px;
    height: 100%;
    inset: 0;
    letter-spacing: 1px;
    max-width: unset;
    padding: 50px;
    place-content: center;
    position: absolute;
    text-align: center;
    text-shadow: -1px 1px 5px hsl(var(--black)), 1px 1px 5px hsl(var(--black)), 1px 1px 0 hsl(var(--black)), -1px -1px 0 hsl(var(--black));
    width: 100%;
}

.ip-hero .ip-list {
    --list-max-width: 100%;
    display: flex;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100vw;
}

.ip-hero .ip-list__item {
    height: 100%;
    position: absolute;
    transition: opacity calc(var(--anim-speed) * 3) var(--anim-style), visibility calc(var(--anim-speed) * 3) var(--anim-style);
    width: 100vw;
}

.ip-hero .ip-list .ip-media--image {
    display: block;
    height: 100% !important;
    object-fit: cover;
    width: 100%;
}

/* HERO */
/* EXTERNAL SEARCH */
.ip-external-search {
    --external-search-zindex: 50;
    box-shadow: var(--site-shadow);
    position: var(--external-search-position);
    z-index: var(--external-search-zindex);
}

@media screen and (max-width: 991px) {
    .ip-external-search {
        max-width: 80vw;
        margin-inline: auto;
    }

    .home .ip-external-search {
        transform: translateY(-25%);
    }
}

@media screen and (min-width: 992px) {
    .ip-external-search {
        inset-block-start: calc(var(--header-height) + var(--search-height));
    }
}

.ip-external-search #sb-container {
    background: hsl(var(--white));
}

    .ip-external-search #sb-container .sb {
        max-width: var(--site-max-width) !important;
    }

        .ip-external-search #sb-container .sb * {
            font-family: "Assistant", sans-serif !important;
        }

    .ip-external-search #sb-container .sb__form {
        align-items: end !important;
        display: grid !important;
        gap: var(--sb-form--gap) !important;
        grid-template-columns: var(--sb-form--columns) !important;
    }

    .ip-external-search #sb-container .sb__form-field {
        float: unset !important;
        min-width: unset !important;
        width: 100% !important;
    }

    .ip-external-search #sb-container .sb__form-field-input {
        background: transparent !important;
        border: unset !important;
        box-shadow: inset 0 0 0 1px var(--brand-color) !important;
    }

    .ip-external-search #sb-container .sb__form-field-label {
        color: var(--text-color) !important;
        font-size: 14px !important;
        font-weight: bold !important;
    }

    .ip-external-search #sb-container .sb-custom-color {
        color: var(--text-color) !important;
    }

    .ip-external-search #sb-container .sb-custom-link-color, .ip-external-search #sb-container .sb-custom-link-color:hover {
        color: var(--alert-color) !important;
        font-size: 16px !important;
        font-weight: bold !important;
    }

    .ip-external-search #sb-container .sb-custom-field-bg-color {
        background: transparent !important;
        border: unset !important;
        box-shadow: inset 0 0 0 1px var(--brand-color) !important;
    }

    .ip-external-search #sb-container .sb-custom-bg-color {
        background-color: hsl(var(--white)) !important;
    }

    .ip-external-search #sb-container .sb-custom-button-bg-color {
        background: var(--button-background-color) !important;
        font-size: 24px !important;
        line-height: 24px !important;
    }

        .ip-external-search #sb-container .sb-custom-button-bg-color:hover {
            background: var(--button-background-color--hover) !important;
        }

    .ip-external-search #sb-container .sb-custom-box-shadow-color-focus::before {
        border-color: transparent transparent var(--brand-color) !important;
    }

    .ip-external-search #sb-container .sb__btn--verify {
        text-align: center !important;
        width: 100% !important;
    }

    .ip-external-search #sb-container .sb__properties {
        font-size: 14px !important;
    }

    .ip-external-search #sb-container .sb__properties-options {
        max-height: 30vh !important;
    }

    .ip-external-search #sb-container .sb__property {
        padding: unset !important;
        width: 100% !important;
    }

    .ip-external-search #sb-container .sb__dates {
        display: grid !important;
        gap: 10px !important;
        grid-template-columns: repeat(2, 1fr) !important;
        padding: unset !important;
        width: 100% !important;
    }

    .ip-external-search #sb-container .sb__guests {
        max-height: 35vh;
    }

    .ip-external-search #sb-container .sb__guests-rooms {
        padding: unset !important;
        width: 100% !important;
    }

    .ip-external-search #sb-container .sb__calendar {
        box-shadow: inset 0 0 0 1px var(--brand-color) !important;
    }

@media screen and (max-width: 767px) {
    .ip-external-search #sb-container .sb__calendar {
        width: 100% !important;
    }
}

@media screen and (min-width: 768px) {
    .ip-external-search #sb-container .sb__calendar {
        width: 500px !important;
    }

    .ip-aside .ip-external-search #sb-container .sb__calendar {
        width: 100% !important;
    }
}

.ip-external-search #sb-container .sb__calendar-btn {
    box-shadow: inset 0 0 0 1px var(--brand-color) !important;
}

.ip-external-search #sb-container .sb__calendar-btn-icon .icon {
    fill: var(--button-background-color) !important;
}

.ip-external-search #sb-container .sb__calendar-month {
    width: 250px !important;
}

.ip-external-search #sb-container .sb__calendar-weekdays {
    font-weight: bold;
}

.ip-external-search #sb-container .sb__calendar-day--past {
    opacity: 0.5 !important;
}

.ip-external-search #sb-container .sb__calendar-day--valid.sb__calendar-day--range {
    background: hsla(var(--blue), 0.85) !important;
}

    .ip-external-search #sb-container .sb__calendar-day--valid.sb__calendar-day--range:hover {
        box-shadow: inset 0 0 0 2px hsl(var(--black)) !important;
    }

.ip-external-search #sb-container .sb__calendar-day--valid.sb__calendar-day--checkin, .ip-external-search #sb-container .sb__calendar-day--valid.sb__calendar-day--checkout {
    background: hsla(var(--blue), 0.5) !important;
}

    .ip-external-search #sb-container .sb__calendar-day--valid.sb__calendar-day--checkin:before, .ip-external-search #sb-container .sb__calendar-day--valid.sb__calendar-day--checkout:before {
        background: var(--button-background-color) !important;
    }

.ip-external-search #sb-container .sb__calendar-day--valid:hover {
    box-shadow: inset 0 0 0 2px var(--brand-color) !important;
}

.ip-external-search #sb-container .sb__calendar-day--checkin:before {
    border-color: transparent transparent hsl(var(--white), 0.5) !important;
}

.ip-external-search #sb-container .sb__calendar-day--checkout:before {
    border-color: hsl(var(--white), 0.5) transparent transparent !important;
}

.ip-external-search #sb-container .focus .sb-custom-box-shadow-color-focus {
    box-shadow: inset 0 0 0 3px var(--brand-color) !important;
}

.ip-external-search #sb-container .sb-custom-icon-color {
    color: var(--button-background-color) !important;
    fill: var(--button-background-color) !important;
}

/* EXTERNAL SEARCH */
/* READ MORE */
.ip-readmore span {
    display: none;
}

/* READ MORE */
/* CATEGORIES */
.ip-categories {
    --categories-columns: repeat(3, 1fr);
    display: flex;
    flex-direction: column;
    margin-block-end: 30px;
    row-gap: 20px;
}

    .ip-categories.full-width {
        --categories-columns: 1fr;
    }

.ip-categories__content {
    display: grid;
    gap: 10px;
    grid-template-columns: var(--categories-columns);
}

.ip-categories .ip-button.link {
    --link-padding: 5px;
    --button-display: flex;
    gap: 5px;
}

    .ip-categories .ip-button.link svg {
        height: 20px;
        color: var(--category-link-icon-color);
        fill: var(--category-link-icon-color);
        width: 20px;
    }

    .ip-categories .ip-button.link:not(.selected) {
        --link-color: var(--category-link-color);
        --category-link-icon-color: var(--alert-color);
    }

/* CATEGORIES */
/* BANNER */
.ip-banner {
    background-color: var(--brand-color);
}

    .ip-banner.homepage {
        margin-inline: auto;
    }

@media screen and (max-width: 767px) {
    .ip-banner.homepage {
        height: 250px;
    }
}

@media screen and (min-width: 768px) {
    .ip-banner.homepage {
        max-width: 992px;
    }
}

.ip-banner .ip-image {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

@media screen and (max-width: 575px), screen and (min-width: 576px) and (max-width: 767px) {
    .ip-banner .ip-image.banner-wide {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px), screen and (min-width: 992px) and (max-width: 1199px), screen and (min-width: 1200px) {
    .ip-banner .ip-image.banner-mobile {
        display: none;
    }
}

/* BANNER */
/* PAGINATION */
.ip-pagination {
    display: flex;
    gap: 5px;
    grid-area: page_pagination;
    justify-content: center;
    margin-block-start: 50px;
}

    .ip-pagination .page-numbers {
        background-color: var(--pagination-background-color);
        border-radius: 3px;
        color: var(--pagination-text-color);
        min-width: 30px;
        padding: 5px;
        text-align: center;
    }

        .ip-pagination .page-numbers:not(.current, .dots):hover {
            --pagination-background-color: var(--pagination-background-color--hover);
            --pagination-text-color: hsl(var(--white));
        }

    .ip-pagination .current {
        --pagination-background-color: var(--pagination-background-color--hover);
        --pagination-text-color: hsl(var(--white));
    }

/* PAGINATION */
/* GALLERY */
@media screen and (max-width: 575px), screen and (min-width: 576px) and (max-width: 767px) and (orientation: portrait) {
    #siteGallery {
        grid-template-columns: var(--gallery-columns);
        width: calc(100vw - 20px);
    }
}

.ip-gallery {
    display: grid;
    gap: 10px;
    flex-wrap: var(--gallery-list-wrap);
}

.ip-article .ip-gallery {
    margin-block-end: 50px;
}

@media screen and (max-width: 991px) {
    .ip-gallery {
        justify-content: var(--gallery-list-justify);
    }
}

@media screen and (max-width: 575px), screen and (min-width: 576px) and (max-width: 767px) and (orientation: portrait) {
    .ip-gallery .ip-list {
        scroll-snap-type: x mandatory;
        padding-block-end: 20px;
        grid-template-columns: repeat(8, calc(100vw - 20px));
        overflow-x: auto;
    }

    .ip-gallery .ip-list__item {
        scroll-snap-align: center;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) and (orientation: landscape), screen and (min-width: 768px) and (max-width: 991px) {
    .ip-gallery .ip-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.ip-gallery__item {
    aspect-ratio: var(--gallery-item-aspect);
    border: solid 1px var(--gallery-item-border--color);
    display: grid;
    height: var(--gallery-item--height);
    overflow: hidden;
    place-content: center;
}

@media screen and (max-width: 991px) {
    .ip-gallery__item {
        margin-inline: auto;
    }
}

.ip-gallery__item img {
    display: block;
    height: var(--gallery-item--height);
    object-fit: cover;
    width: var(--gallery-item--width);
}

.ip-gallery .ip-title {
    width: 100%;
}

/* GALLERY */
/* GALLERY */
.ip-gallery {
    display: var(--gallery-list-disaply);
    gap: 10px;
    flex-wrap: var(--gallery-list-wrap);
    justify-content: var(--gallery-list-justify);
}

.ip-gallery__item {
    aspect-ratio: var(--gallery-item-aspect);
    border: solid 1px var(--gallery-item-border--color);
    display: grid;
    height: var(--gallery-item--height);
    overflow: hidden;
    place-content: center;
}

    .ip-gallery__item img {
        display: block;
        height: var(--gallery-item--height);
        object-fit: cover;
    }

/* GALLERY */
/* LIGHTBOX */
.ip-lightbox {
    position: fixed;
    display: var(--lightbox-disaply);
    height: 100vh;
    inset: 0;
    place-content: center;
    width: 100vw;
    z-index: 100;
}

.ip-lightbox__backdrop {
    backdrop-filter: blur(3px);
    background: hsla(var(--black), 0.5);
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
}

.ip-lightbox__close {
    aspect-ratio: 1;
    background: var(--lightbox-close-background);
    border: solid 1px var(--lightbox-close-border-color);
    border-radius: 100%;
    inset-block-start: -20px;
    inset-inline-start: -20px;
    position: absolute;
    width: 40px;
}

.ip-lightbox__close--icon {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
}

    .ip-lightbox__close--icon:before, .ip-lightbox__close--icon:after {
        background-color: var(--lightbox-close-border-color);
        border-radius: 3px;
        content: "";
        display: inline-block;
        height: 50%;
        inset: 50%;
        position: absolute;
        width: 2px;
    }

    .ip-lightbox__close--icon:before {
        transform: translate(-50%, -50%) rotateZ(45deg);
    }

    .ip-lightbox__close--icon:after {
        transform: translate(-50%, -50%) rotateZ(-45deg);
    }

.ip-lightbox__content {
    background: hsla(var(--black), 0.9);
    border: solid 1px hsl(var(--white));
    height: 90vh;
    position: relative;
    width: 90vw;
    z-index: 10;
}

.ip-lightbox__gallery {
    display: grid;
    grid-template-rows: 1fr 80px;
    height: 100%;
    padding: 10px;
    row-gap: 30px;
}

.ip-lightbox__gallery--show {
    border: solid 1px hsl(var(--white));
    height: 100%;
    max-height: 730px;
    width: 100%;
}

    .ip-lightbox__gallery--show .ip-media--image,
    .ip-lightbox__gallery--show img {
        display: block;
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

.ip-lightbox__gallery--list {
    --gallery-list-disaply: flex;
    --gallery-list-justify: start;
    --gallery-list-wrap: nowrap;
    --gallery-item--height: 50px;
    align-items: center;
    border: solid 1px hsl(var(--white));
    column-gap: 10px;
    display: flex;
    height: 80px;
    margin-block-start: auto;
    margin-inline: auto;
    padding: 10px;
    overflow-x: auto;
}

    .ip-lightbox__gallery--list .ip-gallery {
        padding: 0;
    }

    .ip-lightbox__gallery--list .ip-gallery__item {
        --gallery-item-border--color: #000;
        --gallery-item--width: 100%;
    }

        .ip-lightbox__gallery--list .ip-gallery__item .ip-media--image {
            --gallery-item--width: 100%;
        }

/* LIGHTBOX */
/* COMMENT FORM */
.comments-title {
    font-size: 24px;
    font-weight: bold;
}

.comment-form {
    display: flex;
    background: hsla(var(--gray-light), 0.5);
    border-radius: 10px;
    border: solid 1px hsl(var(--gray));
    box-shadow: var(--site-shadow);
    flex-direction: column;
    gap: 20px;
    padding: 10px;
}

.comment-notes,
.logged-in-as {
    grid-column: -1/1;
}

.required-field-message,
.comment-awaiting-moderation {
    color: var(--alert-color);
}

.comment-form-comment {
    grid-column: -1/1;
    background: #fff;
    border-radius: 10px;
    border: solid 1px hsl(var(--gray-light));
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}

    .comment-form-comment textarea {
        width: 100%;
    }

.comment-form-author {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: hsl(var(--white));
    border-radius: 10px;
    padding: 10px;
    border: solid 1px hsl(var(--gray-light));
}

.comment-form-email {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: hsl(var(--white));
    border-radius: 10px;
    padding: 10px;
    border: solid 1px hsl(var(--gray-light));
}

.comment-form-url {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: hsl(var(--white));
    border-radius: 10px;
    padding: 10px;
    border: solid 1px hsl(var(--gray-light));
}

.comment-form-cookies-consent {
    display: flex;
    align-items: center;
}

@media screen and (min-width: 992px) {
    .comment-form-cookies-consent {
        grid-column: 1/3;
    }
}

.comment-form-cookies-consent label {
    cursor: pointer;
}

.comment-form-cookies-consent #wp-comment-cookies-consent {
    all: revert;
}

.form-submit {
    display: flex;
    justify-content: flex-end;
}

@media screen and (min-width: 992px) {
    .form-submit {
        grid-column: 3/4;
    }
}

.form-submit .submit {
    --button-background: var(--button-background-color);
    background-color: var(--button-background);
    border-radius: 5px;
    color: hsl(var(--white));
    cursor: pointer;
    padding: 10px;
}

    .form-submit .submit:hover {
        --button-background: var(--button-background-color--hover);
    }

.comment-list {
    all: revert;
}

    .comment-list b,
    .comment-list .fn {
        font-weight: bold;
    }

    .comment-list .says {
        display: none;
    }

    .comment-list .comment-body {
        margin-bottom: 30px;
    }

    .comment-list .children {
        margin-inline-start: 10px;
    }

/* COMMENTS */
/* DIALOG */
.ip-dialog {
    background-color: var(--dialog-background-color);
    border: solid 1px var(--brand-color);
    position: fixed;
    z-index: 1000;
}

@media screen and (max-width: 575px), screen and (min-width: 576px) and (max-width: 767px) {
    .ip-dialog {
        inset-block: 5vh;
        inset-inline: 5vw;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px), screen and (min-width: 992px) and (max-width: 1199px), screen and (min-width: 1200px) {
    .ip-dialog {
        inset-block: calc((100vh - 700px) / 2);
        inset-inline: calc((100vw - 400px) / 2);
        max-width: 400px;
    }
}

.ip-dialog__close {
    display: grid;
    place-content: center;
    height: 40px;
    inset-block-start: 0;
    inset-inline-start: 0;
    position: absolute;
    width: 40px;
}

.ip-dialog__close--icon {
    font-size: 36px;
}

.ip-dialog::backdrop {
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
}

.ip-dialog iframe {
    height: 100% !important;
    width: 100% !important;
}

/* DIALOG */
/* RIBBON */
.ip-ribbon {
    background: var(--ribbon-background-color);
    border-block-end: solid 1px var(--ribbon-border-color);
    border-block-start: solid 1px var(--ribbon-border-color);
    border-inline-end: solid 1px var(--ribbon-border-color);
    box-shadow: inset 0 2px 5px 0 var(--brand-color), 0 5px 5px 0 var(--brand-color);
    color: var(--ribbon-text-color);
    display: grid;
    height: 30px;
    inset-block-start: 20px;
    padding-inline-end: 50px;
    padding-inline-start: 50px;
    place-content: center;
    position: absolute;
    transform: var(--ribbon-rotate);
    z-index: 10;
}

    .ip-ribbon.lottery {
        --ribbon-rotate: rotateZ(40deg);
        inset-inline-start: -50px;
    }

    .ip-ribbon.benefits {
        --ribbon-rotate: rotateZ(-40deg);
        inset-inline-end: -50px;
    }

/* RIBBON */
/* TALKING ON SITE */
.ip-talking-icons {
    display: flex;
    gap: 10px;
}

    .ip-talking-icons .ip-media--image {
        aspect-ratio: 1;
        display: inline-flex;
        color: var(--svg-color);
        fill: var(--svg-color);
        width: 40px;
    }

/* TALKING ON SITE */
/* BREADCRUMBS */
.ip-breadcrumb {
    margin-block-end: 20px;
}

/* BREADCRUMBS */
/* 404 */
.error-404 .page-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-inline: auto;
    padding: 50px;
    place-content: center;
    place-items: center;
}

    .error-404 .page-content p {
        font-size: 36px;
    }

    .error-404 .page-content .ip-media {
        display: block;
        max-width: 100%;
    }

.link label, a.link {
    border-bottom: unset;
}

.ip-button {
    font-weight: 400;
}

.ip-footer .ip-list__item .ip-button.link {
    color: white;
}

.ip-createdby .ip-button.link {
    color: black;
}

.sb-screen-xs .sb__btn--verify {
    text-align: center;
}

.sb-portal-hotel-card__reputation-wrapper, .sb-portal-hotel-card__reputation-value-small, .sb-portal-filters__item--slider {
    display: none;
}

.sb-portal-filters {
    border: none;
}

.klaro .cookie-notice:not(.cookie-modal-notice) {
    background-color: #fff;
}