@charset "UTF-8";

#editorial-content-layout {
    padding: 0;
    overflow: hidden;
}

    #editorial-content-layout ul, #editorial-content-layout ol {
        font-family: KingsCaslon-Regular,Arial,Helvetica,sans-serif;
        font-size: 18px;
        line-height: 30px;
        letter-spacing: .02em;
        font-weight: normal;
        color: inherit;
        padding-inline-start: 40px;
    }

        #editorial-content-layout ul li, #editorial-content-layout ol li {
            list-style: inherit;
            margin: 0 0 10px;
        }

    #editorial-content-layout .container p {
        font-size: 18px;
        line-height: 36px;
    }

    #editorial-content-layout .center-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
    }

    #editorial-content-layout .book-now {
        width: auto !important;
    }

    #editorial-content-layout blockquote {
        position: relative;
    }

    #editorial-content-layout .interview {
        position: relative;
        z-index: 1;
        text-indent: calc(60px + 1em);
    }

        #editorial-content-layout .interview::after {
            content: "";
            height: 1px;
            position: absolute;
            top: 0;
            left: 0;
            top: 1.05em;
            z-index: 1;
            width: 60px;
            background-color: #303030;
        }

        #editorial-content-layout .interview:lang(ar):after {
            left: inherit;
            right: 0;
        }

    #editorial-content-layout .centered-item {
        grid-column: 2 / span 1;
        justify-self: center;
    }

    #editorial-content-layout .quote {
        font-family: "KingsCaslon-Regular", Arial, Helvetica, sans-serif;
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom: 0.25em;
        letter-spacing: 0.02em;
        line-height: 38px;
    }

    #editorial-content-layout blockquote:before,
    #editorial-content-layout blockquote:after {
        position: absolute;
        color: #303030;
        font-size: 50px;
        width: 2rem;
        height: 3rem;
    }

    #editorial-content-layout blockquote:before {
        content: '“';
        left: -2rem;
    }

    #editorial-content-layout blockquote:after {
        content: '”';
    }

    #editorial-content-layout cite {
        font-style: italic;
        font-size: 18px;
        font-weight: normal;
    }

    #editorial-content-layout .two-column-banner-container {
        width: 100%;
        padding: 80px 0;
    }

        #editorial-content-layout .two-column-banner-container .caption-text {
            display: none;
        }

    #editorial-content-layout .full-banner-container {
        height: 100%;
        width: 100%;
        position: relative;
    }

        #editorial-content-layout .full-banner-container img {
            outline: none;
            object-fit: cover;
            width: 100%;
            height: 100%;
        }

        #editorial-content-layout .full-banner-container .caption-text {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 2;
            color: #ffffff;
            padding: 0 3%;
        }

    #editorial-content-layout .c-media {
        padding-bottom: 40px;
    }

    #editorial-content-layout .width-container-80 {
        width: 80%;
        margin: 0 auto;
    }

        #editorial-content-layout .width-container-80:lang(ar) {
            text-align: right;
        }

    #editorial-content-layout #video {
        overflow: hidden;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    #editorial-content-layout .cbp-player {
        display: table;
        position: absolute;
        top: 50%;
        z-index: 11;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #editorial-content-layout h2 {
        color: #303030;
        font-family: "KingsCaslon-Regular", Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 1.8em;
        margin-bottom: 0.55em;
        letter-spacing: 0.02em;
    }

        #editorial-content-layout h2:lang(ar) {
            text-align: right;
        }

    #editorial-content-layout .container-flex-15 {
        padding-right: 15%;
        padding-left: 15%;
    }

    #editorial-content-layout .container-flex-10 {
        padding-left: 10%;
        padding-right: 10%;
    }

    #editorial-content-layout .picture-container {
        height: 100%;
        width: 100%;
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
    }

    #editorial-content-layout .picture-div img {
        outline: none;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    #editorial-content-layout .two-column-banner-container > div {
        display: block;
    }

    #editorial-content-layout .tooltip {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

        #editorial-content-layout .tooltip .tooltiptext {
            visibility: hidden;
            background-color: #ede6e1;
            text-align: left;
            padding: 20px;
            position: absolute;
            z-index: 100;
            bottom: 100%;
            left: calc(50%);
            transform: translateX(-50%);
            opacity: 0;
            transition: opacity 0.3s;
            display: inline-block;
            box-sizing: border-box;
            white-space: nowrap;
        }

            #editorial-content-layout .tooltip .tooltiptext p {
                margin: 0;
            }

        #editorial-content-layout .tooltip:hover .tooltiptext {
            visibility: visible;
            opacity: 1;
        }

    #editorial-content-layout .popup-title:lang(ar) {
        text-align: right;
    }

    #editorial-content-layout .three-column-banner-container ul:lang(ar) {
        direction: rtl;
    }

.editorial-container .searchContainer .button-0-3.book-now:lang(ar), .editorial-footer-banner .searchContainer .button-0-3.book-now:lang(ar) {
    width: auto !important;
}

.discover-more-style {
    text-transform: uppercase;
    color: #303030;
    font-family: "Tw Cen W01 Semi Bold";
    letter-spacing: .04em;
    font-size: 16px;
    line-height: 20px;
    transition: all .5s ease;
    display: inline-block !important;
    padding: 15px 0 5px;
    border-bottom: 1px solid #303030;
    cursor: pointer;
}

.accomodationList .slick-slide {
    margin: 0 10px;
}

.accomodationList .slickNavBtn {
    box-shadow: none;
}

    .accomodationList .slickNavBtn.slickNavBtn-next {
        right: 10%;
        color: #ffffff;
        background: none;
    }

    .accomodationList .slickNavBtn.slickNavBtn-prev {
        left: 10%;
        color: #ffffff;
        background: none;
    }

.moreItemsContainer {
    padding: 80px 0;
}

    .moreItemsContainer .optional-title {
        margin: 0 0 80px auto;
    }

    .moreItemsContainer .usps_title.optional-title {
        margin: 0 0 15px 0;
    }

.ar.USPs p:lang(ar) {
    direction: rtl;
}

.ar.USPs .fullscreen-container .tp-caption-editorial h1:lang(ar) {
    text-align: right;
}

.ar.USPs .fullscreen-container .tp-caption-editorial p:lang(ar) {
    direction: rtl;
    text-align: right;
}

.ar.USPs #editorial-content-layout h2:lang(ar) {
    text-align: right;
}

.ar.USPs #editorial-content-layout .width-container-80 .quote:lang(ar) {
    direction: rtl;
}

    .ar.USPs #editorial-content-layout .width-container-80 .quote:lang(ar):before {
        left: 0;
        right: -2rem;
        transform: scaleX(-1);
    }

    .ar.USPs #editorial-content-layout .width-container-80 .quote:lang(ar):after {
        transform: scaleX(-1);
    }

.ar.USPs .interview:lang(ar):after {
    left: 0;
    right: inherit;
}

.fullscreen-container .half-slide .text-editorial:lang(ar) {
    text-align: right;
}

@media (min-width: 992px) {
    .moreItemsContainer .optional-title {
        text-transform: inherit;
        font-family: "Tw Cen MT W01 Medium Cond", Arial,Helvetica,sans-serif;
        font-size: 42px;
        line-height: 44px;
    }
}

@media (min-width: 780px) {
    #editorial-content-layout {
        padding: 60px 0 0;
    }

        #editorial-content-layout .two-column-banner-container > div {
            display: grid;
            align-items: center;
            justify-content: center;
            grid-template-columns: 1fr 1fr;
            grid-auto-rows: auto;
            grid-gap: 50px 0;
        }

        #editorial-content-layout .three-column-banner-container > div {
            display: grid;
            align-items: flex-start;
            grid-template-columns: 1fr 1fr;
            grid-auto-rows: auto;
            grid-gap: 50px 0;
        }

            #editorial-content-layout .three-column-banner-container > div .description-container {
                border-bottom: 1px solid #c0c0c0;
            }

        #editorial-content-layout .c-media {
            padding-right: 4.2vw;
        }

            #editorial-content-layout .c-media:lang(ar) {
                padding-left: 4.2vw;
                padding-right: 0;
            }

    .editorial-footer-banner {
        padding: 25px 1%;
    }
}

@media (min-width: 1280px) {
    #editorial-content-layout .three-column-banner-container > div {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (max-width: 600px) {
    .event-table,
    .event-table tbody,
    .event-table tr,
    .event-table td {
        display: block;
    }

        .event-table td + td {
            margin-top: 20px;
        }

    #editorial-content-layout .tooltip {
        width: 100%;
    }

        #editorial-content-layout .tooltip .tooltiptext {
            width: 85vw;
            transform: translateX(-56%);
            white-space: normal;
        }
}
