.banner--video .e-hosted-video {
    --video-aspect-ratio: 100% !important;
}

.booking-widget-code iframe {
    max-height: 600px;
}

.cook-loop-v2 .elementor-widget-theme-post-featured-image img {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.cook-loop-v2 .elementor-image-box-description {
    line-height: normal;
    margin: 0 !important;
    margin-top: 4px !important;
}

.cook-loop-v2 figure.elementor-image-box-img {
    margin-right: 5px !important;
}

.cook-loop-v2 .elementor-image-box-wrapper {
    display: flex;
    align-items: center;
}

.class-loop .elementor-widget-image a {
    display: block;
    width: 100%;
}

.cook-loop-faqs .elementor-accordion-item {
    margin-bottom: 1.5rem;
    -moz-box-shadow: 0px 0px 7px 0px rgb(212 212 212);
    box-shadow: 0px 0px 7px 0px rgb(212 212 212);
    border-radius: 25px;
}

.cook-loop-faqs .elementor-accordion .elementor-tab-title {
    padding: 25px;
}

/* Custom play icon */
.eicon-play {
    display: none;
}

.elementor-custom-embed-play {
    width: 64px;
    content: url(https://romewithchef.com/wp-content/uploads/2024/06/arrows.svg);
    transition: 0.3s ease-in-out;
    filter: drop-shadow(2px 4px 20px rgba(0, 0, 0, 0.4));
}

.elementor-custom-embed-play:hover {
    width: 17%;
}

.elementor-share-btn__icon {
    width: unset;
}

.elementor-toc__body {
    padding-top: 0 !important;
}

.elementor-toc__header {
    border: none !important;
}

.instafeed-heading .elementor-icon-box-wrapper {
    justify-content: center;
}

.instafeed-heading .elementor-icon-box-title {
    margin: 0;
}

.instafeed-heading .elementor-icon-box-content {
    flex-grow: unset !important;
}

.highlights-extra-option::before {
    content: "";
    background: #CAD5C4;
    width: 60px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100px;
}

div[class*="highlights-extra-option-exhibit"]::before {
    font-size: 30px !important;
    font-weight: 700;
    position: absolute;
    z-index: 99999;
    margin-left: -48px !important;
    line-height: 1em;
    top: 5px;
}

.highlights-extra-option-exhibit-one:before {
    content: "1";

}

.highlights-extra-option-exhibit-two:before {
    content: "2";
}

.highlights-extra-option-exhibit-three:before {
    content: "3";
}


.highlights-extra-option-gardens:before,
.highlights-extra-option-above-ground:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 99999;
    width: 40px;
    height: 50px;
    background-repeat: no-repeat !important;
    background-position: center;
    margin-left: -53px !important;
}

.highlights-extra-option-gardens:before {
    background: url(https://romewithchef.com/wp-content/uploads/2024/06/clock-alt.svg);
}


.highlights-extra-option-above-ground:before {
    background: url(https://romewithchef.com/wp-content/uploads/2024/06/fire.svg);
}

.contact--info h3.elementor-icon-box-title {
    margin-top: 0;
}

div.wpforms-container-full {
    margin: 0 !important;
}

.contact--form .wpforms-container .wpforms-field {
    padding-bottom: 0 !important;
}

.contact--form input {
    border-radius: 82px !important;
    border: 2px solid #C4C4C4 !important;
}

.contact--form textarea {
    border-radius: 20px !important;
    border: 2px solid #C4C4C4 !important;
}

div[class*='grid-area-'] figcaption {
    display: flex;
    align-items: center;
    gap: 5px;
}

div[class*='grid-area-'] figcaption::before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.grid-area-1 figcaption::before {
    background-image: url('/wp-content/uploads/2025/03/explore-barcelona.svg');
}

.grid-area-2 figcaption::before {
    background-image: url('/wp-content/uploads/2025/03/explore-rome.svg');
}

.grid-area-3 figcaption::before {
    background-image: url('/wp-content/uploads/2025/03/explore-lisbon.svg');
}

.grid-area-4 figcaption::before {
    background-image: url('/wp-content/uploads/2025/03/explore-madrid.svg');
}

.grid-area-5 figcaption::before {
    background-image: url('/wp-content/uploads/2025/03/explore-london.svg');
}

.grid-area-6 figcaption::before {
    background-image: url('/wp-content/uploads/2025/03/explore-florence.svg');
}

.grid-area-7 figcaption::before {
    background-image: url('/wp-content/uploads/2025/03/explore-budapest.svg');
}

.cook-book .elementor-button-wrapper,
.cook-book .elementor-button-wrapper>a {
    height: 100%;
}

.cook-book .elementor-button-wrapper>a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-pagination {
    bottom: -20px !important;
}

.swiper-pagination-bullet {
    border-radius: 20px !important;
}

.wpforms-submit {
    background-color: #078C03 !important;
    width: 100% !important;
    border-radius: 82px !important;
}

.swiper-pagination-bullet-active {
    width: 60px !important;
    border-radius: 5px;
    background-color: #C90723 !important;
}

/* Cook loop */
.cook-loop p {
    margin-bottom: 0;
}

.custom-grid-area figure,
.custom-grid-area figure a {
    width: 100%;
    height: 100%;
}

.custom-grid-area>div>div>div>a {
    height: 100%;
    width: 100%;
}

.custom-grid-area figcaption.widget-image-caption.wp-caption-text {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    background-color: white;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: left;
}

.custom-grid-area::before {
    background: linear-gradient(to bottom, #121212 2%, transparent 15%, transparent 95%, #121212 100%);
}

/* Cook template */
.icon-reverse .elementor-icon-box-wrapper {
    justify-content: flex-end;
}

.icon-reverse .elementor-icon-box-content {
    flex-grow: unset !important;
}

.tripadvisor-like li.elementor-icon-list-item:first-child svg {
    width: 80px;
}

.gallery--button a {
    cursor: pointer;
}

/* Blog template*/
.blog-loop-item .elementor-icon-box-title {
    margin: 0 !important;
}

.category-bordered li {
    border: 2px solid #6F0413;
    border-radius: 20px;
    padding: 5px 10px !important;
}

.elementor-author-box__text {
    display: flex;
    flex-direction:
        column-reverse;
}

.elementor-widget-author-box .elementor-author-box__name {
    margin-top: 0;
    text-align: right;
}

.type-cook .elementor-widget-image a {
    width: 100%;
}

/* Chef Slider */
.chefs--slider .swiper-slide .elementor-widget-image::before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background: linear-gradient(to bottom, transparent 30%, black);
    border-radius: 20px;
}

/* Testimonial Video Slider */
.testimonial-video--slider::before,
.slider--gradient::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, white 0%, transparent 10%, transparent 90%, white 100%);
    z-index: 3;
    pointer-events: none;
}

.testimonial-video--slider .elementor-swiper-button,
.slider--gradient .elementor-swiper-button {
    z-index: 4 !important;
}

/* TI header */
header .ti-widget[data-layout-id="30"][data-set-id='light-contrast'][data-pid='3a9423731e4b536591568c68c3d']>.ti-widget-container>.ti-header {
    background: none !important;
    border: none;
}

header .ti-widget[data-layout-id='30'][data-set-id='light-contrast'][data-pid='3a9423731e4b536591568c68c3d'] {
    text-align: left !important;
}

header .ti-widget[data-layout-id='30'][data-set-id='light-contrast'][data-pid='3a9423731e4b536591568c68c3d'] .ti-widget-container,
header .ti-widget[data-layout-id='30'][data-set-id='light-contrast'][data-pid='3a9423731e4b536591568c68c3d'] .ti-widget-container * {
    font-family: inherit;
}

header .ti-mob-row .ti-arrow-down,
header .ti-stars,
header .ti-small-logo,
header .ti-widget[data-layout-id="30"][data-set-id='light-contrast'][data-pid='3a9423731e4b536591568c68c3d']>.ti-widget-container>.ti-header:after {
    display: none !important;
}

header .ti-mob-row .nowrap {
    font-size: 0 !important;
}

header .ti-widget[data-layout-id="30"][data-set-id='light-contrast'] .ti-header:hover {
    transform: none !important;
}

header .ti-widget[data-layout-id="30"][data-set-id='light-contrast'] .ti-dropdown-widget {
    min-width: 250px;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 10px);
}

a.ti-header.source-all {
    padding: 0 !important;
}

.footer-logo p {
    margin-bottom: 0;
}

/* ID Based */
#showMore .elementor-heading-title {
    cursor: pointer;
    width: auto;
    ;
}

#showMore .elementor-heading-title>svg {
    transition: transform .5s ease;
}

#showMore .elementor-heading-title.active>svg {
    transform: rotate(180deg);
}

#showContent {
    display: none;
}

.custom-grid-area > div figure.wp-caption figcaption {
    background-color: transparent !important;
    background-image: url('/wp-content/uploads/2025/03/explore-badge-arrow.png') !important;
    background-repeat: no-repeat;
    background-size: auto;
    height: 50px;
    width: 150px;
    padding: 0 10px !important;
    left: 7px !important;
    bottom: 7px !important;
}

.custom-grid-area > div figure.wp-caption figcaption::before {
    width: 40px;
    height: 40px;
}

.custom-grid-area-tours > .elementor-widget-image a[data-elementor-open-lightbox="yes"] {
    width: 100%;
    height: 100%;
}

.new-product-sections-nav .elementor-nav-menu li:first-child a {
    padding-left: 0;
}

@media screen and (min-width: 991px) {
    .custom-grid-area {
        grid-template-areas:
            "grid-area-1 grid-area-2 grid-area-2 grid-area-3"
            "grid-area-4 grid-area-5 grid-area-6 grid-area-7"
            "grid-area-8 grid-area-5 grid-area-6 grid-area-7";
    }

    .grid-key-info {
        grid-template-areas:
            "grid-half-1 grid-half-2"
            "grid-half-3 grid-half-4"
            "grid-full grid-full";
    }

    .grid-area-1 {
        grid-area: grid-area-1
    }

    .grid-area-2 {
        grid-area: grid-area-2
    }

    .grid-area-3 {
        grid-area: grid-area-3
    }

    .grid-area-4 {
        grid-area: grid-area-4
    }

    .grid-area-5 {
        grid-area: grid-area-5
    }

    .grid-area-6 {
        grid-area: grid-area-6
    }

    .grid-area-7 {
        grid-area: grid-area-7
    }

    .gird-half-1 {
        grid-area: grid-half-1;
    }

    .gird-half-2 {
        grid-area: grid-half-2;
    }

    .gird-half-3 {
        grid-area: grid-half-3;
    }

    .gird-half-4 {
        grid-area: grid-half-4;
    }

    .grid-full {
        grid-area: grid-full;
    }

    .custom-grid-area-tours {
        grid-template-areas:
            "grid-area-1 grid-area-2 grid-area-2 grid-area-3"
            "grid-area-4 grid-area-5 grid-area-6 grid-area-3"
            "grid-area-7 grid-area-5 grid-area-6 grid-area-3";
    }
}

@media screen and (max-width: 991px) {
    .custom-grid-area {
        grid-template-areas:
            "grid-area-1 grid-area-1"
            "grid-area-2 grid-area-3"
            "grid-area-2 grid-area-4"
            "grid-area-5 grid-area-5"
            "grid-area-6 grid-area-7";
        --e-con-grid-template-columns: repeat(2, 1fr) !important;
        --e-con-grid-template-rows: 330px 150px !important;
        --grid-auto-flow: row !important;
    }

    .grid-area-1 {
        grid-area: grid-area-1
    }

    .grid-area-2 {
        grid-area: grid-area-2
    }

    .grid-area-3 {
        grid-area: grid-area-3
    }

    .grid-area-4 {
        grid-area: grid-area-4
    }

    .grid-area-5 {
        grid-area: grid-area-5
    }

    .grid-area-6 {
        grid-area: grid-area-6
    }

    .grid-area-7 {
        grid-area: grid-area-7
    }

    .custom-grid-area .grid-area-8 {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .icon-list-inline ul {
        margin: 0;
    }

    .banner-area-1 {
        grid-area: banner-area-1
    }

    .banner-area-2 {
        grid-area: banner-area-2
    }

    .banner-area-3 {
        grid-area: banner-area-3
    }

    .banner-area-4 {
        grid-area: banner-area-4
    }

    .banner-area-5 {
        grid-area: banner-area-5
    }

    .banner-area-6 {
        grid-area: banner-area-6
    }

    .banner-grid-area>div {
        grid-template-areas:
            "banner-area-1 banner-area-2 banner-area-3"
            "banner-area-1 banner-area-4 banner-area-4"
            "banner-area-5 banner-area-4 banner-area-4"
            "banner-area-5 banner-area-6 banner-area-6";
    }

    .banner-grid-area img {
        height: 100% !important;
        object-fit: cover;
        object-position: top right;
    }

    /* Cook loop */
    .class-loop .elementor-image-box-wrapper {
        display: flex;
        flex-direction: row;
        gap: 5px;
        align-items: center;
    }

    .custom-grid-area::before {
        background: none;
    }

    .custom-grid-area.cook>div {
        grid-template-areas:
            "grid-area-1 grid-area-3"
            "grid-area-2 grid-area-3";
    }


    .custom-grid-area figcaption.widget-image-caption.wp-caption-text {
        right: 1rem;
    }

    .custom-grid-area.cook .grid-area-1 {
        grid-area: grid-area-1
    }

    .custom-grid-area.cook .grid-area-2 {
        grid-area: grid-area-2
    }

    .custom-grid-area.cook .grid-area-3 {
        grid-area: grid-area-3
    }

    .highlights-extra-option-gardens:before,
    .highlights-extra-option-above-ground:before {
        margin-left: -63px !important;
    }

    div[class*="highlights-extra-option-exhibit"]::before {
        margin-left: -55px !important;
    }

    .banner-grid-area .e-con-inner>* {
        max-height: 111px;
    }

    .banner-grid-area .banner-area-1,
    .banner-grid-area .banner-area-5 {
        max-height: 250px;
    }

    .banner-grid-area .banner-area-4 {
        max-height: 454px;
    }
}