/* =========================================================
   MOROCCO TOUR CARDS
   PREMIUM IMAGE CARDS
   BLOCKSY + POLYLANG
========================================================= */


/* =========================================================
   GRID
========================================================= */

.entries[data-archive="default"][data-layout="grid"] {

    gap: 28px !important;
}


/* =========================================================
   CARD
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card {

    position: relative !important;

    display: block !important;

    width: 100% !important;

    height: 430px !important;

    min-height: 430px !important;

    padding: 0 !important;

    margin: 0 !important;

    overflow: hidden !important;

    border: 0 !important;

    border-radius: 16px !important;

    background: #111111 !important;

    box-shadow:
        0 10px 35px rgba(0,0,0,.12) !important;

    transition:
        transform .35s ease,
        box-shadow .35s ease !important;
}


.entries[data-archive="default"]
.entry-card.mtc-card:hover {

    transform:
        translateY(-6px) !important;

    box-shadow:
        0 20px 50px rgba(0,0,0,.22) !important;
}


/* =========================================================
   IMAGE = FOND DE LA CARTE
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.ct-media-container.mtc-card-image {

    position: absolute !important;

    inset: 0 !important;

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 0 !important;

    z-index: 1 !important;
}


/* =========================================================
   IMAGE
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.ct-media-container.mtc-card-image img {

    position: absolute !important;

    inset: 0 !important;

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    min-width: 100% !important;

    min-height: 100% !important;

    object-fit: cover !important;

    object-position: center !important;

    transform: scale(1.001) !important;

    transition:
        transform .7s ease !important;
}


/* =========================================================
   ZOOM AU SURVOL
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card:hover
.ct-media-container.mtc-card-image img {

    transform:
        scale(1.08) !important;
}


/* =========================================================
   OVERLAY GLOBAL
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-overlay {

    position: absolute !important;

    inset: 0 !important;

    z-index: 5 !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: space-between !important;

    padding: 20px !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.18) 0%,
            rgba(0,0,0,.05) 28%,
            rgba(0,0,0,.15) 43%,
            rgba(0,0,0,.82) 100%
        ) !important;
}


/* =========================================================
   BADGE
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-badge {

    align-self: flex-start !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: fit-content !important;

    max-width: 90% !important;

    padding:
        9px 14px !important;

    background:
        #b8863b !important;

    color:
        #ffffff !important;

    border-radius:
        5px !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    letter-spacing:
        1px !important;

    text-transform:
        uppercase !important;

    box-shadow:
        0 4px 15px rgba(0,0,0,.25) !important;
}


/* =========================================================
   BOTTOM
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-bottom {

    width: 100% !important;

    margin-top: auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   TITRE
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-title {

    width: 100% !important;

    margin: 0 0 16px 0 !important;

    padding: 0 !important;

    color:
        #ffffff !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:
        23px !important;

    font-weight:
        700 !important;

    line-height:
        1.28 !important;

    text-shadow:
        0 2px 8px rgba(0,0,0,.55) !important;
}


/* =========================================================
   LIGNE INFO
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-info {

    display: flex !important;

    align-items: stretch !important;

    width: 100% !important;

    margin:
        0 0 17px 0 !important;

    padding:
        13px 0 !important;

    border-top:
        1px solid rgba(255,255,255,.35) !important;

    border-bottom:
        1px solid rgba(255,255,255,.35) !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ITEM
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-info-item {

    flex: 1 1 50% !important;

    min-width: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 5px !important;
}


/* =========================================================
   SEPARATEUR
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-info-item + .mtc-info-item {

    padding-left:
        20px !important;

    margin-left:
        20px !important;

    border-left:
        1px solid rgba(255,255,255,.3) !important;
}


/* =========================================================
   LABEL
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-label {

    display: block !important;

    color:
        rgba(255,255,255,.70) !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        1.2px !important;

    text-transform:
        lowercase !important;
}


/* =========================================================
   VALEUR
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-value {

    display: block !important;

    color:
        #ffffff !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    line-height:
        1.35 !important;

    overflow-wrap:
        anywhere !important;
}


/* =========================================================
   FOOTER
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-footer {

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 15px !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* =========================================================
   RATING
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-rating {

    display: flex !important;

    align-items: center !important;

    gap: 7px !important;

    white-space: nowrap !important;
}


/* =========================================================
   STARS
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-stars {

    color:
        #d9b36a !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size:
        15px !important;

    font-weight:
        700 !important;

    letter-spacing:
        1px !important;

    line-height:
        1 !important;

    text-shadow:
        0 1px 4px rgba(0,0,0,.3) !important;
}


/* =========================================================
   NOTE
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-rating-number {

    color:
        #ffffff !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;
}


/* =========================================================
   BOUTON
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-button {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 9px !important;

    min-height:
        42px !important;

    padding:
        0 17px !important;

    box-sizing: border-box !important;

    background:
        #ffffff !important;

    color:
        #181818 !important;

    border:
        0 !important;

    border-radius:
        5px !important;

    text-decoration:
        none !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;

    line-height:
        1 !important;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease !important;
}


.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-button:hover {

    background:
        #b8863b !important;

    color:
        #ffffff !important;

    transform:
        translateX(3px) !important;
}


/* =========================================================
   FLECHE
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-arrow {

    font-size:
        16px !important;

    line-height:
        1 !important;

    transition:
        transform .25s ease !important;
}


.entries[data-archive="default"]
.entry-card.mtc-card
.mtc-button:hover
.mtc-arrow {

    transform:
        translateX(3px) !important;
}


/* =========================================================
   CACHER LES ELEMENTS BLOCKSY
========================================================= */

.entries[data-archive="default"]
.entry-card.mtc-card
.entry-title,

.entries[data-archive="default"]
.entry-card.mtc-card
.entry-excerpt,

.entries[data-archive="default"]
.entry-card.mtc-card
.entry-meta {

    display:
        none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .entries[data-archive="default"]
    .entry-card.mtc-card {

        height:
            400px !important;

        min-height:
            400px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-title {

        font-size:
            21px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-overlay {

        padding:
            18px !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .entries[data-archive="default"][data-layout="grid"] {

        grid-template-columns:
            1fr !important;

        gap:
            22px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card {

        height:
            430px !important;

        min-height:
            430px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-overlay {

        padding:
            17px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-title {

        font-size:
            21px !important;

        line-height:
            1.3 !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-info {

        padding:
            12px 0 !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-info-item + .mtc-info-item {

        padding-left:
            15px !important;

        margin-left:
            15px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-value {

        font-size:
            12px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-stars {

        font-size:
            13px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-button {

        min-height:
            40px !important;

        padding:
            0 14px !important;
    }
}


/* =========================================================
   PETIT MOBILE
========================================================= */

@media (max-width: 420px) {

    .entries[data-archive="default"]
    .entry-card.mtc-card {

        height:
            410px !important;

        min-height:
            410px !important;

        border-radius:
            13px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-overlay {

        padding:
            15px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-badge {

        padding:
            8px 11px !important;

        font-size:
            9px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-title {

        font-size:
            19px !important;

        margin-bottom:
            14px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-info {

        margin-bottom:
            14px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-info-item + .mtc-info-item {

        padding-left:
            12px !important;

        margin-left:
            12px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-label {

        font-size:
            8px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-value {

        font-size:
            11px !important;
    }


    .entries[data-archive="default"]
    .entry-card.mtc-card
    .mtc-button {

        min-height:
            38px !important;

        padding:
            0 11px !important;

        font-size:
            9px !important;
    }
}