/* Theme: Alchemist / Product Page HTML Template / Updated: 06/09/21 */

body {
    overflow-x: unset !important;
}
section {
    padding-top: 10rem;
}
article {
    padding-bottom: 8rem;
}
#footer {
    padding-bottom: var(--booking-bar-height) !important;
    margin-bottom: var(--booking-bar-height) !important;
}
.swiper-next, .swiper-prev {
    cursor: pointer;
}
.swiper-controls {
    margin-top: -1rem;
}
.button-primary-solid {
    background-color: var(--product-color1);
    border: solid 1px var(--product-color1);
}

/* Cards */
.card-outline, .accommodation-card, .schedule-card {
    border: 1px solid var(--product-color3);
}
#product-schedule img {
    padding: 2rem;
}
@media screen and (min-width: 767px) {
    .image-border_right {
        border-right: 1px solid var(--product-color3);
    }
    .image-border_left {
        border-left: 1px solid var(--product-color3);
    }
    .highlights-swiper {
        padding-bottom: 2rem;
    }
    .highlights-swiper .swiper-slide:nth-child(odd) .highlights-card {
        margin-top: 2rem;
    }
}

/* Typography */

h2, .schedule-subheader {
    color: var(--product-color1);
}

h3, h4 {
    color: var(--product-color2);
}

article h5 {
    color: var(--product-color3);
    text-transform: uppercase;
}

h3, h4, article h5, .location-subheader {
    font-family: var(--secondary-font);
}

#product-dates h5 {
    color: var(--body-color);
}

/* Jump Bar */

#product-jumpbar {
    display: none;
}
@media (min-width: 768px) {
    #product-jumpbar {
        display: block;
    }

    .label-jumpbar {
        font-size: 0.75rem;
        line-height: 1.33;
        letter-spacing: 0.0625em;
        color: var(--body-color);
    }
    .label-jumpbar.active {
        color: var(--product-color1);
    }
    #product-jumpbar.sticky-top {
        top: -1px;
    }
}


/* Hero */
.product-hero-block {
    width: 100%;
    min-height: calc(100vh - var(--booking-bar-height) - var(--jumpbar-height) - var(--menu-height));
    background-repeat: no-repeat; 
    background-position: center center; 
    background-size: cover;
}
.product-hero-inner {
    width: 630px;
    max-width: 100%;
}

/* Overview */
#product-overview .illo-img {
    top: 0;
    right: 0;
    transform: translate(50%, 3rem);
}
#product-overview .illo-bg {
    top: 0;
    right: 0;
}
#product-overview img {
    filter: brightness(0.8);
}
.overview-text {
    margin: 10rem 0 0 0;
}
#product-overview p {
    white-space: pre-line;
}
#product-overview .overview-info_image {
    margin-right: 2rem;
}
#product-overview .overview-info_image img {
    max-width: 64px;
    filter: brightness(1);
}
#product-overview h4 {
    font-family: var(--headings-font-family);
}
#product-overview h5 {
    color: var(--body-color);
}

/* Highlights */
#product-highlights .illo-bg {
    top: -50%;
    left: 0;
}

/* Hosts */
#product-hosts .illo-bg {
    bottom: 0;
    right: 0;
}

/* Schedule */
#product-schedule .illo {
    transform: translate(-50%, -2rem);
    bottom: 0;
    z-index: 2;
}

#product-schedule .img-full-stretch {
    min-height: 400px;
}

/* What's Included */
#includedAccordion .cursor-pointer:hover svg path {
    transform: translateY(8%);
}

.accordionToggle circle, .accordionToggle path {
    stroke: var(--product-color3);
}

.included-section-items circle, .included-section-items path {
    stroke: var(--product-color2);
}

/* Venue */
#product-location img {
    width: 100%;
    height: auto;
}
#product-location .illo {
    right: 0;
    top: 0;
    transform: translate(-2rem, -50%);
}

/* Variants */
#product-variants .illo {
    top: 50%;
    left: 0;
    z-index: -1;
}

/* Dates */
.date-card .button {
    min-width: 140px;
    text-align: center;
}
.date-card .label-banner:not(:last-of-type) {
    margin-right: .5rem !important;
}

/* Trip Tips */
.tip-card p {
    white-space: pre-line;
}

/* Reviews */
.reviews-card {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* What's Included */

.included-container {
    background-color: transparent !important;
}

/* Blog */
.blog-author-image {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
#product-blog .button-primary-outline {
    border: 1px solid #9CC2C0;
    color: #9CC2C0 !important;
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1000px;
    }
}
@media (max-width: 767px) {
    .sl-next, .sl-next svg, .sl-prev, .sl-prev svg {
        width: 30px !important;
    }
    #product-bookingbar .label-small-uppercase {
        font-size: 0.8rem;
    }
    #product-bookingbar .label-big {
        font-size: 1rem;
    }
    .label-jumpbar {
        line-height: 1.125;
    }
    .overview-text {
        margin: 3rem 0 0 0;
    }
    #product-hosts .illo,
    #product-schedule .illo,
    #product-variants .illo-bg2,
    #product-highlights .illo {
        display: none;
    }
    #product-location .illo {
        bottom: 0;
        transform: translate(-2rem, 50%);
        top: unset;
    }
    #product-location .illo svg {
        max-width: 20vw;
    }
    #product-variants .illo-bg1 {
        top: 0;
    }
    #product-dates .label-wrapper {
        justify-content: flex-start !important;
    }
    #product-schedule .img-full-stretch {
        max-height: 300px;
    }
    
}

@media (min-width: 768px) {
    #product-schedule .img-full-stretch {
        min-height: 400px;
    }
    .booking-bar-banners .label-banner:not(:last-of-type) {
        margin-right: .5rem !important;
    }
    .quotation-marks {
        position: absolute;
        top: 0;
        left: 0;
    }
    .quotation-marks-noimage {
        position: absolute;
        top: 0;
    }
    .date-card .button {
        min-width: 180px;
        text-align: center;
    }
}

/* iubenda cookies icon & whatsapp */
a.iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right] {
    bottom: 105px !important;
}
.eapps-whatsapp-chat-7981a4f0-ea3e-4592-a8f4-b00cb225d6cf-custom-css-hook [class^="Window__Component"] {
    margin-bottom: 85px !important;
}
@media (min-width: 1024px) {
    a.iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right] {
        bottom: 70px !important;
    }
    .eapps-whatsapp-chat-7981a4f0-ea3e-4592-a8f4-b00cb225d6cf-custom-css-hook [class^="Window__Component"] {
        margin-bottom: 50px !important;
    }
}
.eOUJqv {
    bottom: 65px !important;
  }
@media (max-width: 992px) {
  .eOUJqv {
    bottom: 90px !important;
  }
  /*#hubspot-messages-iframe-container {*/
  /*  margin: 0 0 90px 0 !important;*/
  /*}*/
}