/******** Tours ********/
:root {
  --svg-swing-distance: 10%; 
  --svg-swing-duration: 1.5s;
  --svg-swing-ease: ease-in-out; 
}

.hidden-element {
    display: none;
}

.tours-carousel-anchor,
.tours-carousel-anchor-white {
    cursor: pointer;
}

.elementor-widget-loop-grid .type-tours>.elementor-section-wrap {
    height: 100%;
}

/********tour page slider ***********/
.mc-tour-custom-swiper-container.swiper {
    width   : 100%;
    position: relative;
}

.mc-tour-custom-swiper-container .slide-inner {
    display   : flex;
    width     : 100%;
    height    : 100%;
    min-height: 530px;
}

.mc-tour-custom-swiper-container .slide-left {
    width          : 45%;
    background     : #000;
    padding        : 70px 63px;
    display        : flex;
    flex-direction : column;
    justify-content: center;
}

.mc-tour-custom-swiper-container .swiper-button-prev:after,
.mc-tour-custom-swiper-container .swiper-button-next:after {
    content: none;
}

.mc-tour-custom-swiper-container .slide-text .slide-title {
    color      : #fff;
    font-family: "MC Display Serif", sans-serif;
    font-size  : 38px;
    font-style : normal;
    font-weight: 400;
    line-height: 38px;
    margin-bottom: 20px;
}

.mc-tour-custom-swiper-container .slide-text .slide-eyebrow {
    color         : #fff;
    font-family   : "MC Sans", sans-serif;
    text-transform: uppercase;
    font-size     : 12px;
    font-style    : normal;
    font-weight   : 700;
    line-height   : 18px;
    letter-spacing: 0.72px;
    margin-bottom : 0;
}

.mc-tour-custom-swiper-container .slide-text p {
    color      : #fff;
    font-family: "MC Sans", sans-serif;
    font-size  : 18px;
    font-style : normal;
    font-weight: 400;
    line-height: 25.2px;
}

.mc-tour-custom-swiper-container .slide-right {
    width              : 55%;
    background-size    : cover;
    background-position: center;
}

.mc-tour-custom-swiper-container .slide-controls {
    position   : absolute;
    bottom     : 30px;
    left       : 63px;
    display    : flex;
    align-items: center;
    gap        : 10px;
}

.mc-tour-custom-swiper-container .slide-count {
    font-weight: bold;
    color      : #fff;
    z-index    : 10;
    font-family: "MC Display Serif", sans-serif;
    font-size  : 23.417px;
    font-style : normal;
    font-weight: 400;
    line-height: 100%;
}

.mc-tour-custom-swiper-container .slide-count .current {
    font-size  : 35.125px;
    font-style : normal;
    font-weight: 400;
    line-height: 35.125px;
}

.mc-tour-custom-swiper-container .swiper-button-prev,
.mc-tour-custom-swiper-container .swiper-button-next {
    position: relative;
    margin  : 0px;
    left    : 0;
    right   : 0;
}

.mc-tour-custom-swiper-container .swiper-button-prev svg,
.mc-tour-custom-swiper-container .swiper-button-next svg {
    transition: 0.2s ease-in;
}

.mc-tour-custom-swiper-container .swiper-button-prev:hover svg {
    transform: translateX(-10%);
}

.mc-tour-custom-swiper-container .swiper-button-next:hover svg {
    transform: translateX(10%);
}

.side-bar {
    background     : rgba(0, 0, 0, 0.85);
    position       : absolute;
    right          : 0px;
    height         : 100%;
    top            : 0px;
    bottom         : 0px;
    padding        : 17px 11px;
    z-index        : 10;
    display        : flex;
    flex-direction : column;
    justify-content: end;
}

.side-bar-container {
    position       : relative;
    display        : flex;
    justify-content: center;
}

.side-bar .side-bar-text {
    color         : #FFF;
    font-family   : "MC Sans", sans-serif;
    font-size     : 14px;
    font-style    : normal;
    font-weight   : 500;
    line-height   : 22.4px;
    letter-spacing: 0.98px;
    text-transform: uppercase;
    position      : absolute;
    transform     : rotate(90deg);
    white-space   : nowrap;
    top           : -80px;
}

@media (max-width: 1024px) {
    .side-bar {
        display: none;
    }

    .mc-tour-custom-swiper-container .slide-inner {
        flex-direction: column;
    }

    .mc-tour-custom-swiper-container .slide-left {
        order  : 2;
        width  : 100%;
        padding: 50px 20px 80px 20px;
    }

    .mc-tour-custom-swiper-container .slide-controls {
        bottom         : 40px;
        left           : initial;
        width          : 100%;
        justify-content: center;
    }

    .mc-tour-custom-swiper-container .slide-right {
        min-height: 600px;
        width     : 100%;
    }
}

@media (max-width: 768px) {

    .mc-tour-custom-swiper-container .slide-text .slide-title{
        font-size  : 36px;
        line-height: 38px;
    }

    .mc-tour-custom-swiper-container .slide-text p {
        font-size  : 16px;
        line-height: 25px;
    }

    .mc-tour-custom-swiper-container .slide-count .current {
        font-size  : 28px;
        line-height: 30px;
    }

    .mc-tour-custom-swiper-container .slide-right {
        min-height: 249px;
    }
}

/********end tour page slider ***********/

.tours-carousel .tours-carousel .swiper-slide>.e-con-boxed:before {
    content         : '';
    background-color: transparent;
    opacity         : 0.5;
    background-image: linear-gradient(107deg, #FFF 15.56%, rgba(217, 217, 217, 0.00) 63.04%);
}

.mc-tour-feature-button .elementor-button-link .elementor-button-icon {
    font-size: 52px !important;
    display  : flex;
}

.mc-tour-feature-button .elementor-button-link {
    text-shadow     : none !important;
    background-image: none !important;
}

.tours-carousel-anchor svg,
.tours-carousel-anchor-white svg {
    transition: 0.2s ease-in;
    width     : auto !important;
}

.tours-carousel-anchor:hover svg,
.tours-carousel-anchor-white:hover svg {
    transform: translateY(20%);
}

.mc-tour-feature-button .elementor-button-link .elementor-button-icon {
    transition: 0.2s ease-in;
}

.mc-tour-feature-button .elementor-button-link:hover .elementor-button-icon {
    transform: translateX(20%);
}

.mc-tour-feature-button .elementor-button-link:hover,
.mc-tour-feature-button .elementor-button-link:focus {
    background-color: transparent;
}

.elementor-widget-loop-grid .e-loop-item.type-tours .elementor-widget-image {
    overflow: hidden;
}

.elementor-widget-loop-grid .e-loop-item.type-tours .elementor-widget-image img {
    transition: all .3s ease-out;
}

.elementor-widget-loop-grid .e-loop-item.type-tours:hover .elementor-widget-image img {
    transform: scale(1.1);
}

@media (max-width: 1024px) {
    #mc-tour-draw-attention-buttons .elementor-shortcode {
        display: flex;
    }

    .mc-tour-view-button.hide-on-mobile {
        display: none;
    }
}

@media (max-width: 768px) {
    .tours-carousel .swiper-container .swiper-slide .e-con-inner>.e-child {
        height: 100%;
    }

    .tours-carousel .swiper-wrapper {
        min-height: 500px;
    }

    .tours-carousel-anchor {
        position: absolute;
        bottom  : 0px;
    }

    .tours-carousel .swiper-container .swiper-slide>.e-con-boxed:before {
        background-image: linear-gradient(157deg, #FFF 53.05%, rgba(217, 217, 217, 0.00) 77.11%);
    }

    .mc-column-order-3-mobile {
        order: 3;
    }
}


/** tour detail page **/
.hide-draw-sections {
    display: none;
}

.secondaries-draw-sections {
    position: absolute;
    top     : 0px;
    z-index : -1;
}

.secondaries-draw-sections.is-active {
    z-index: 90;
}

.mc-tour-drawatt-details-list {
    margin         : 0px !important;
    list-style-type: none !important;
}

.mc-tour-drawatt-details-list li {
    font-family  : "MC Sans", sans-serif;
    font-size    : 16px;
    font-style   : normal;
    color        : #282A1D;
    line-height  : 16px;
    font-weight  : 400;
    display      : flex;
    align-items  : center;
    padding-left : 5px;
    cursor       : pointer;
    align-items  : stretch;
    margin-bottom: 0px;
}

.mc-tour-drawatt-details-list li h3 {
    font-family  : "MC Sans", sans-serif;
    font-size    : 16px;
    font-style   : normal;
    color        : #282A1D;
    line-height  : 16px;
    font-weight  : 400;
    margin-bottom: 0px;
}

.mc-tour-drawatt-details-list li svg {
    margin-right: 10px;
}

.mc-tour-drawatt-details-list li.is-active {
    font-weight: 700;
}

.mc-tour-drawatt-details-list li.is-active svg circle {
    stroke: #FFD1D1;
}

.mc-tour-drawatt-details-list li {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.5);
}

.mc-tour-view-button {
    padding         : 10px 25px;
    background-color: #D9D9D9;
    color           : #FFF;
    font-family     : "MC Sans", sans-serif;
    font-size       : 16px;
    font-style      : normal;
    font-weight     : 700;
    line-height     : 23px;
    letter-spacing  : 1.04px;
    text-transform  : uppercase;
    border          : 0px;
    width           : 100%;
    margin-bottom   : 10px;
}

.mc-tour-view-button:hover,
.mc-tour-view-button.is-active {
    background-color: #000;
}

.mc-tour-view-button.is-inactive,
.mc-tour-view-button:hover.is-inactive {
    background-color: #D9D9D9;
    pointer-events  : none;
}

.mc-tour-drawattention-container .hotspots-interaction .hotspot-active.first-load {
    fill-opacity: 0.6 !important;
}

#mc-tour-draw-attention-details-mobile .mc-tour-drawatt-details-list li {
    font-size: 16px;
    padding  : 0px 0px 0px 15px;
}

#mc-tour-draw-attention-details-mobile .mc-tour-drawatt-details-list li h3 {
    font-size: 16px;
}

#mc-tour-draw-attention-details-mobile .mc-tour-drawatt-details-list li:last-child {
    border-bottom: 1px solid #000;
}

.mc-tour-drawatt-details-list-item .wc-icon-container {
    display: flex;
}

#mc-tour-draw-attention-details-mobile .mc-tour-drawatt-details-list li .mc-tour-drawatt-details-list-item,
#mc-tour-draw-attention-details-desktop .mc-tour-drawatt-details-list li .mc-tour-drawatt-details-list-item {
    display    : flex;
    flex       : 1;
    align-items: center;
}

#mc-tour-draw-attention-details-mobile .mc-tour-drawatt-details-list li .mc-tour-drawatt-details-list-item {
    padding-top   : 15px;
    padding-bottom: 15px;
}

#mc-tour-draw-attention-details-desktop .mc-tour-drawatt-details-list li .mc-tour-drawatt-details-list-item {
    padding-top   : 12px;
    padding-bottom: 12px;
}

#mc-tour-draw-attention-details-mobile .mc-tour-drawatt-details-list li.is-active svg circle,
#mc-tour-draw-attention-details-desktop .mc-tour-drawatt-details-list li.is-active svg circle {
    stroke: #000;
    fill  : #FFD1D1;
}

#mc-tour-draw-attention-details-mobile .mc-tour-drawatt-details-list li.is-active-first svg circle,
#mc-tour-draw-attention-details-desktop .mc-tour-drawatt-details-list li.is-active-first svg circle {
    stroke: #FFD1D1;
    fill  : #FFF;
}


#mc-tour-draw-attention-details-mobile .mc-tour-drawatt-details-list li.is-active-first,
#mc-tour-draw-attention-details-desktop .mc-tour-drawatt-details-list li.is-active-first {
    font-weight: 700;
}


#mc-tour-draw-attention-details-mobile .mc-tour-drawatt-details-list li.is-active,
#mc-tour-draw-attention-details-desktop .mc-tour-drawatt-details-list li.is-active {
    background-color: #000;
    font-weight     : 700;
    color           : #FFF;
}

#mc-tour-draw-attention-details-mobile .mc-tour-drawatt-details-list li.is-active h3,
#mc-tour-draw-attention-details-desktop .mc-tour-drawatt-details-list li.is-active h3 {
    font-weight: 700;
    color      : #FFF;
}

#mc-tour-draw-attention-details-mobile .mc-tour-detail-button,
#mc-tour-draw-attention-details-desktop .mc-tour-detail-button {
    display         : block;
    background-color: transparent;
    border          : 0px;
    width           : 54px;
    min-height      : 100%;
    border-left     : 0px;
}

#mc-tour-draw-attention-details-mobile .mc-tour-detail-button svg {
    margin: 0px;
}

#mc-tour-draw-attention-details-desktop .mc-tour-detail-button svg {
    margin    : auto;
    transition: all 0.3s ease;
    transform : translateX(-50%);
}

#mc-tour-draw-attention-details-mobile .mc-tour-detail-button svg {
    margin    : auto;
    transition: all 0.3s ease;
}

#mc-tour-draw-attention-details-mobile .mc-tour-drawatt-details-list li.is-active .mc-tour-detail-button,
#mc-tour-draw-attention-details-desktop .mc-tour-drawatt-details-list li.is-active .mc-tour-detail-button {
    background-color: #000;
    border-left     : 1px solid #FFF;
}


#mc-tour-draw-attention-details-desktop li.is-active .mc-tour-detail-button svg {
    transform: translateX(0px);
}


/*** Tour Section ***/
.mc-toursection-parent-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.mc-toursection-parent-info h4, .mc-toursection-parent-info .parent-tour-tax {
    font-family   : "MC Sans", sans-serif;
    margin-bottom : 0px;
    font-size     : 13px;
    font-style    : normal;
    color         : #000;
    font-weight   : 400;
    text-transform: uppercase;
    line-height   : 15px;
    letter-spacing: 0.39px;
}

.mc-toursection-parent-info h3, .mc-toursection-parent-info .parent-tour-title {
    font-family   : "MC Sans", sans-serif;
    font-size     : 28px;
    font-style    : normal;
    font-weight   : 700;
    color         : #000;
    text-transform: uppercase;
    letter-spacing: 1.12px;
    margin-bottom : 0px;
}

.mc-toursection-drawattention {
    max-width: 134px;
    position : relative;
}

.mc-toursection-drawattention .hotspots-interaction {
    margin: 0px;
}

.mc-toursection-drawattention-overlay {
    position        : absolute;
    top             : 0;
    width           : 100%;
    height          : 100%;
    background-color: transparent;
}

.mc-toursection-drawattention-overlay a {
    height    : 100%;
    width     : 100%;
    display   : flex;
    transition: 0.2s ease-in;
}

/*
.mc-toursection-drawattention-overlay a:hover { 
    background-color: rgba(0, 0, 0, 0.3);
}*/

.mc-toursection-back-button-container {
    position: absolute !important;
    bottom  : 0;
}

.mc-toursection-back-button {
    font-family   : "MC Sans", sans-serif;
    font-size     : 17px;
    font-style    : normal;
    font-weight   : 400;
    line-height   : 44px;
    letter-spacing: -0.34px;
    color         : #1A202C;
    display       : flex;
    align-items   : center;
    text-transform: uppercase;
    width         : auto;
}

.mc-toursection-back-button svg {
    margin-right: 8px;
    transition  : 0.2s ease-in;
}

.mc-toursection-back-button:hover {
    color: #1A202C;
}

.mc-toursection-back-button:hover svg {
    transform: translateX(-20%);
}

.wc-tour-section-container .elementor-widget-custom-hotspot .asset-container .floor-title {
    background: #000;
    padding   : 15px;

}

.wc-tour-section-container .elementor-widget-custom-hotspot .asset-container .floor-title h2 {
    color         : #FFF;
    font-family   : "MC Sans";
    font-size     : 20px;
    font-style    : normal;
    font-weight   : 700;
    line-height   : 22.3px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-bottom : 0px;
}

.elementor-widget-custom-hotspot .elementor-widget-container {
    height: auto !important;
}

.wc-tour-section-container .elementor-widget-custom-hotspot .content-container .content h2 {
    color         : #000;
    font-family   : "MC Sans";
    font-size     : 20px;
    font-style    : normal;
    font-weight   : 700;
    line-height   : 24px;
    padding-right : 65px;
    margin-bottom : 0px;
    text-transform: capitalize;
}

.wc-tour-section-container .elementor-widget-custom-hotspot .content-container .content .content-info {
    color      : #000;
    font-family: "MC Sans";
    font-size  : 16px;
    font-style : italic;
    font-weight: 700;
}

.wc-tour-section-container .navigation-controls .inactive svg path {
    fill: rgba(146, 146, 146, 0.6);
}

.wc-tour-section-container .elementor-widget-custom-hotspot .elementor-widget-container .floor-container.active {
    gap          : 2rem;
    border-bottom: 0px;
}

.wc-tour-section-container .elementor-widget-custom-hotspot .content-container .content.active {
    justify-content: flex-start;
}

.wc-tour-section-container .elementor-widget-custom-hotspot .content-container .content .media img {
    max-width: 100%;
}

.wc-tour-section-container .elementor-widget-custom-hotspot .content-container .content p {
    color      : #000;
    font-family: "MC Sans";
    font-size  : 16px;
    font-style : normal;
    font-weight: 400;
    line-height: 25px;
}

.wc-tour-section-container .e-hotspot--active .e-hotspot__inner-circle {
    background-color: #F5A3A3;
}

.wc-tour-section-container .e-hotspot__button {
    align-items: center;
}

.wc-tour-section-container .e-hotspot--active {
    --hotspot-size: 41px;
}

.wc-tour-section-container .e-hotspot__button::after {
    content       : "+";
    font-family   : "MC Sans";
    font-size     : 20px;
    font-style    : normal;
    font-weight   : 700;
    line-height   : 30px;
    letter-spacing: -0.6px;
    color         : #1A202C;
    text-align    : center;
    display       : flex;
    justify-self  : center;
    position      : absolute;
}

.wc-tour-section-container .e-hotspot--active .e-hotspot__button::after {
    color           : #FFF;
    content         : "";
    width           : 5px;
    height          : 5px;
    background-color: #FFF;
    border-radius   : 100%;
}

.wc-tour-section-container .info-hotspot .e-hotspot__inner-circle {
    background-color: #000;
}

.wc-tour-section-container .info-hotspot .e-hotspot__button::after {
    content         : 'i';
    background-color: transparent;
    width           : auto;
    height          : auto;
    letter-spacing  : 0px;
    color           : #FFF;
    font-family     : "MC Display Serif" !important;
    font-size       : 22px;
    font-weight     : 400;
}

.wc-tour-section-container .e-hotspot--active.info-hotspot .e-hotspot__button::after {
    font-size: 28px;
}

.wc-tour-section-container .navigation-controls {
    top          : 0;
    right        : 0;
    align-content: flex-start;
    gap          : 20px;
}

#mc-hotspots-list-names ul {
    margin         : 0px !important;
    list-style-type: none !important;
}

#mc-hotspots-list-names ul li a {
    font-family   : "MC Sans";
    font-size     : 16px;
    font-style    : normal;
    color         : #282A1D;
    line-height   : 16px;
    font-weight   : 400;
    display       : flex;
    padding-left  : 5px;
    cursor        : pointer;
    align-items   : stretch;
    padding-top   : 12px;
    padding-bottom: 12px;
    border-bottom : 0.5px solid rgba(0, 0, 0, 0.50);
}

#mc-hotspots-list-names p {
    display: none;
}

#mc-hotspots-list-names ul li a.is-active {
    font-weight     : 700;
    color           : #fff;
    background-color: #000000;
}

#mc-hotspots-list-names ul li a.is-active svg circle {
    stroke: #000000;
    fill  : #E38F8F;
}

#mc-hotspots-list-names ul li svg {
    margin-right: 10px;
}

.mc-tour-section-title {
    pointer-events: none;
}

.mc-tour-section-title-mobile h1 {
    display        : flex;
    justify-content: space-between;
}

.mc-tour-section-title-mobile.is-open h1::after {
    transform: rotate(-180deg);
}

.mc-tour-section-title-mobile.show-icon h1::after {
    content               : "\e933";
    font-family           : 'icomoon' !important;
    font-style            : normal;
    font-weight           : normal;
    font-variant          : normal;
    text-transform        : none;
    line-height           : 1;
    -webkit-font-smoothing: antialiased;
    transition            : all 0.1s ease-in;
}

.mc-tour-detail-hero-title {
    padding-bottom: 20px;
}

.mc-tour-detail-hero-title h1{
    font-family: "MC Display Serif", sans-serif;
    font-size: 46px;
    font-weight: 400;
    line-height: 48px;
    color: #FFFFFF;
}

#mc-tour-draw-attention-details-mobile li.is-active .mc-tour-detail-button svg {
  display: inline-block;           
  transform: translateX(var(--svg-swing-distance)); 
  will-change: transform;
  animation: svg-swing-cycle var(--svg-swing-duration) var(--svg-swing-ease) infinite;
  transform-origin: center;
}

@keyframes svg-swing-cycle {
  0%   { transform: translateX(var(--svg-swing-distance)); }
  50%  { transform: translateX(calc(var(--svg-swing-distance) * -1)); }
  100% { transform: translateX(var(--svg-swing-distance)); }
}

@media (max-width: 768px) {
    .mc-toursection-parent-info { 
        gap: 0px;
    }

    .mc-toursection-parent-info h3, .mc-toursection-parent-info .parent-tour-title {
        font-size  : 16px;
        line-height: 17px;
    }

    .mc-toursection-parent-info h4, .mc-toursection-parent-info .parent-tour-tax {
        font-size  : 10px;
        line-height: 12px;
    }

    .wc-tour-section-container .elementor-widget-custom-hotspot .asset-container .floor-title h2 {
        font-size  : 12px;
        line-height: 18px;
    }

    .wc-tour-section-container .elementor-widget-custom-hotspot .asset-container .floor-title {
        padding: 10px 15px;
    }

    #mc-hotspots-list-names {
        height    : 0px;
        transition: all 0.3s ease-in-out;
        overflow: hidden;
    }

    #mc-hotspots-list-names.is-open {
        height: auto;
    }

    .mc-tour-section-title {
        pointer-events: all;
    }

    .mc-tour-section-title h1 {
        display        : flex;
        justify-content: space-between;
    }

    .mc-tour-section-title.is-open h1::after {
        transform: rotate(-180deg);
    }

    .mc-tour-section-title.show-icon h1::after {
        content               : "\f078";
        font-family: 'Font Awesome 6 Free';
        font-style            : normal;
        font-variant          : normal;
        text-transform        : none;
        line-height           : 1;
        -webkit-font-smoothing: antialiased;
        transition            : all 0.1s ease-in;
    }

    .mc-tour-detail-hero-title h1{
        font-size: 36px;
        line-height: 38px;
    }
}