/* =========================================================
   MOROCCO LUXURY TOUR TEMPLATES
   PREMIUM TOUR DESIGN
========================================================= */


/* =========================================================
   VARIABLES
========================================================= */

#mltt-tour {

    --mltt-gold: #DFC16C;
    --mltt-gold-dark: #B99A4D;

    --mltt-dark: #24211C;
    --mltt-text: #292722;
    --mltt-muted: #77736B;

    --mltt-cream: #FCFAF5;

    /* INCLUDED */
    --mltt-green: #2E8B45;
    --mltt-green-text: #45634B;
    --mltt-green-bg: #F2F9F3;
    --mltt-green-border: #D7EAD9;

    /* EXCLUDED */
    --mltt-red: #C44747;
    --mltt-red-text: #79514E;
    --mltt-red-bg: #FFF4F3;
    --mltt-red-border: #EFD7D4;
}


/* =========================================================
   RESET
========================================================= */

#mltt-tour,
#mltt-tour * {
    box-sizing: border-box;
}

#mltt-tour {

    width: 100%;

    margin: 0;
    padding: 0;

    font-family:
        "DM Sans",
        sans-serif;

    color:
        var(--mltt-text);
}

#mltt-tour a {
    text-decoration: none;
}


/* =========================================================
   FULL WIDTH
========================================================= */

.mltt-tour-page {
    overflow-x: hidden;
}

.mltt-tour {

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left:
        calc(50% - 50vw) !important;

    margin-right:
        calc(50% - 50vw) !important;

    margin-top: 0 !important;

    padding: 0 !important;
}


/* =========================================================
   HERO
========================================================= */

.mltt-hero {

    position: relative;

    width: 100%;

    min-height: 720px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    overflow: hidden;

    margin: 0 !important;
}


/* =========================================================
   HERO OVERLAY
========================================================= */

.mltt-hero-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.24) 0%,
            rgba(0,0,0,.18) 38%,
            rgba(0,0,0,.62) 100%
        );

    z-index: 1;
}


/* =========================================================
   HERO INNER
========================================================= */

.mltt-hero-inner {

    position: relative;

    z-index: 3;

    width:
        min(1180px, calc(100% - 40px));

    margin: 0 auto;

    padding:
        120px 20px 170px;

    text-align: center;
}


/* =========================================================
   EYEBROW
========================================================= */

.mltt-eyebrow {

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 3px;

    text-transform: uppercase;

    color: #FFFFFF;

    line-height: 1.5;
}


/* =========================================================
   GOLD LINE
========================================================= */

.mltt-gold-line {

    width: 55px;

    height: 2px;

    margin: 22px auto;

    background:
        var(--mltt-gold);
}


/* =========================================================
   HERO TITLE
========================================================= */

.mltt-title {

    max-width: 1000px;

    margin: 0 auto;

    font-family:
        "Playfair Display",
        serif;

    font-size:
        clamp(42px, 6vw, 76px);

    line-height: 1.05;

    font-weight: 600;

    color: #FFFFFF;

    text-shadow:
        0 3px 18px rgba(0,0,0,.28);
}


/* =========================================================
   HERO CTA
========================================================= */

.mltt-hero-cta {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-top: 35px;

    padding: 14px 24px;

    border:
        1px solid rgba(255,255,255,.65);

    color: #FFFFFF;

    font-size: 14px;

    font-weight: 600;

    background:
        rgba(0,0,0,.14);

    backdrop-filter:
        blur(8px);

    transition:
        .25s ease;
}

.mltt-hero-cta:hover {

    color: #FFFFFF;

    background:
        rgba(0,0,0,.32);

    border-color:
        var(--mltt-gold);

    transform:
        translateY(-2px);
}

.mltt-hero-cta span {

    color:
        var(--mltt-gold);

    font-size: 18px;
}


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

.mltt-bottom-bar {

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 5;

    background:
        rgba(20,18,15,.84);

    border-top:
        1px solid rgba(255,255,255,.15);

    backdrop-filter:
        blur(14px);
}


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

.mltt-bottom-inner {

    width:
        min(1050px, 100%);

    min-height: 92px;

    margin: 0 auto;

    padding:
        14px 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 25px;
}


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

.mltt-bottom-item {

    display: flex;

    align-items: center;

    gap: 9px;

    white-space: nowrap;
}

.mltt-bottom-item i {

    color:
        var(--mltt-gold);

    font-size: 17px;
}

.mltt-bottom-item span {

    font-size: 11px;

    letter-spacing: 1.2px;

    text-transform: uppercase;

    color:
        rgba(255,255,255,.68);

    font-weight: 600;
}

.mltt-bottom-item strong {

    font-size: 14px;

    color: #FFFFFF;

    font-weight: 700;
}


/* =========================================================
   SEPARATOR
========================================================= */

.mltt-bottom-separator {

    width: 1px;

    height: 32px;

    background:
        rgba(255,255,255,.18);
}


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

.mltt-bottom-rating {

    display: flex;

    align-items: center;

    gap: 10px;
}

.mltt-stars {

    display: flex;

    align-items: center;

    gap: 3px;
}

.mltt-stars i {

    color: #FFDE21;

    font-size: 14px;

    line-height: 1;
}

.mltt-bottom-rating strong {

    color: #FFFFFF;

    font-size: 14px;

    font-weight: 700;
}


/* =========================================================
   CONTENT BACKGROUND
========================================================= */

.mltt-content-wrap {

    width: 100%;

    background:
        var(--mltt-cream);

    margin: 0;

    padding: 0;
}


/* =========================================================
   CONTENT
========================================================= */

.mltt-content {

    width:
        min(1180px, calc(100% - 40px));

    margin: 0 auto;

    padding:
        70px 20px 90px;

    font-size: 16px;

    line-height: 1.8;
}


/* =========================================================
   TOUR TYPE
========================================================= */

.mltt-type {

    display: inline-flex;

    align-items: center;

    margin-bottom: 28px;

    padding:
        7px 14px;

    border:
        1px solid rgba(223,193,108,.45);

    border-radius: 999px;

    color:
        var(--mltt-gold-dark);

    background:
        rgba(223,193,108,.08);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}


/* =========================================================
   POST CONTENT
========================================================= */

.mltt-post-content {
    width: 100%;
}


/* =========================================================
   H2 — MAIN SECTION
========================================================= */

.mltt-post-content h2 {

    position: relative;

    margin:
        58px 0 25px;

    padding:
        19px 22px 19px 62px;

    font-family:
        "Playfair Display",
        serif;

    font-size: 34px;

    line-height: 1.3;

    font-weight: 600;

    color:
        var(--mltt-dark);

    background:
        rgba(223,193,108,.075);

    border:
        1px solid rgba(223,193,108,.20);

    border-radius: 14px;
}


/* =========================================================
   H2 ICON
========================================================= */

.mltt-post-content h2::before {

    content: "\f4d7";

    position: absolute;

    left: 20px;

    top: 50%;

    transform:
        translateY(-50%);

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 9px;

    background:
        rgba(223,193,108,.18);

    color:
        var(--mltt-gold-dark);

    font-family:
        "Font Awesome 6 Free";

    font-weight: 900;

    font-size: 15px;
}


/* =========================================================
   H2 GOLD LINE
========================================================= */

.mltt-post-content h2::after {

    content: "";

    display: block;

    width: 48px;

    height: 2px;

    margin-top: 13px;

    background:
        var(--mltt-gold);
}


/* =========================================================
   H3 — LOCATION
========================================================= */

.mltt-post-content h3 {

    position: relative;

    margin:
        42px 0 20px;

    padding:
        14px 20px 14px 54px;

    font-family:
        "Playfair Display",
        serif;

    font-size: 25px;

    line-height: 1.4;

    font-weight: 600;

    color:
        var(--mltt-dark);

    background:
        rgba(223,193,108,.045);

    border-left:
        3px solid var(--mltt-gold);

    border-radius: 10px;
}


/* =========================================================
   H3 ICON
========================================================= */

.mltt-post-content h3::before {

    content: "\f3c5";

    position: absolute;

    left: 15px;

    top: 50%;

    transform:
        translateY(-50%);

    width: 27px;

    height: 27px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background:
        rgba(223,193,108,.16);

    color:
        var(--mltt-gold-dark);

    font-family:
        "Font Awesome 6 Free";

    font-weight: 900;

    font-size: 13px;
}


/* =========================================================
   H4
========================================================= */

.mltt-post-content h4 {

    margin:
        35px 0 15px;

    font-family:
        "DM Sans",
        sans-serif;

    font-size: 18px;

    line-height: 1.45;

    font-weight: 700;

    color:
        var(--mltt-dark);
}


/* =========================================================
   PARAGRAPH
========================================================= */

.mltt-post-content p {

    margin:
        0 0 20px;

    color:
        #4C4943;
}


/* =========================================================
   NORMAL LIST
========================================================= */

.mltt-post-content ul,
.mltt-post-content ol {

    margin:
        0 0 25px;

    padding-left:
        25px;
}

.mltt-post-content li {

    margin-bottom: 8px;
}


/* =========================================================
   INCLUDED — TITLE
========================================================= */

.mltt-post-content h4.mltt-auto-included {

    margin-top:
        42px !important;

    margin-bottom:
        0 !important;

    padding:
        20px 22px 13px !important;

    color:
        var(--mltt-green) !important;

    background:
        var(--mltt-green-bg) !important;

    border:
        1px solid var(--mltt-green-border) !important;

    border-bottom:
        0 !important;

    border-radius:
        14px 14px 0 0 !important;

    font-size:
        21px !important;

    font-weight:
        700 !important;
}


/* =========================================================
   INCLUDED — LIST
========================================================= */

.mltt-post-content ul.mltt-auto-included {

    margin:
        0 0 35px !important;

    padding:
        12px 22px 18px !important;

    background:
        var(--mltt-green-bg) !important;

    border:
        1px solid var(--mltt-green-border) !important;

    border-top:
        0 !important;

    border-radius:
        0 0 14px 14px !important;

    list-style:
        none !important;
}


/* =========================================================
   INCLUDED — ITEMS
========================================================= */

.mltt-post-content
ul.mltt-auto-included > li {

    position: relative !important;

    margin: 0 !important;

    padding:
        10px 10px 10px 34px !important;

    color:
        var(--mltt-green-text) !important;

    font-size:
        15px !important;

    line-height:
        1.6 !important;

    border-bottom:
        1px solid rgba(46,139,69,.10) !important;
}

.mltt-post-content
ul.mltt-auto-included > li:last-child {

    border-bottom: 0 !important;
}


/* =========================================================
   INCLUDED — CHECK
========================================================= */

.mltt-post-content
ul.mltt-auto-included > li::before {

    content: "✓";

    position: absolute;

    left: 0;

    top: 11px;

    width: 20px;

    height: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background:
        var(--mltt-green);

    color: #FFFFFF;

    font-family: Arial, sans-serif;

    font-size: 11px;

    font-weight: 700;
}


/* =========================================================
   EXCLUDED — TITLE
========================================================= */

.mltt-post-content h4.mltt-auto-excluded {

    margin-top:
        42px !important;

    margin-bottom:
        0 !important;

    padding:
        20px 22px 13px !important;

    color:
        var(--mltt-red) !important;

    background:
        var(--mltt-red-bg) !important;

    border:
        1px solid var(--mltt-red-border) !important;

    border-bottom:
        0 !important;

    border-radius:
        14px 14px 0 0 !important;

    font-size:
        21px !important;

    font-weight:
        700 !important;
}


/* =========================================================
   EXCLUDED — LIST
========================================================= */

.mltt-post-content
ul.mltt-auto-excluded {

    margin:
        0 0 35px !important;

    padding:
        12px 22px 18px !important;

    background:
        var(--mltt-red-bg) !important;

    border:
        1px solid var(--mltt-red-border) !important;

    border-top:
        0 !important;

    border-radius:
        0 0 14px 14px !important;

    list-style:
        none !important;
}


/* =========================================================
   EXCLUDED — ITEMS
========================================================= */

.mltt-post-content
ul.mltt-auto-excluded > li {

    position: relative !important;

    margin: 0 !important;

    padding:
        10px 10px 10px 34px !important;

    color:
        var(--mltt-red-text) !important;

    font-size:
        15px !important;

    line-height:
        1.6 !important;

    border-bottom:
        1px solid rgba(201,74,74,.10) !important;
}

.mltt-post-content
ul.mltt-auto-excluded > li:last-child {

    border-bottom: 0 !important;
}


/* =========================================================
   EXCLUDED — X
========================================================= */

.mltt-post-content
ul.mltt-auto-excluded > li::before {

    content: "×";

    position: absolute;

    left: 0;

    top: 11px;

    width: 20px;

    height: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background:
        var(--mltt-red);

    color: #FFFFFF;

    font-family: Arial, sans-serif;

    font-size: 14px;

    font-weight: 700;
}


/* =========================================================
   TOUR HIGHLIGHTS
   IMPORTANT:
   ONLY elements with .mltt-highlights-title
========================================================= */

.mltt-post-content
.mltt-highlights-title {

    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin:
        58px 0 25px !important;

    padding:
        18px 22px 18px 62px !important;

    font-family:
        "Playfair Display",
        serif !important;

    font-size:
        34px !important;

    line-height:
        1.25 !important;

    font-weight:
        600 !important;

    color:
        var(--mltt-dark) !important;

    background:
        rgba(223,193,108,.07) !important;

    border:
        1px solid rgba(223,193,108,.20) !important;

    border-radius:
        14px !important;
}


/* =========================================================
   HIGHLIGHTS ICON
========================================================= */

.mltt-post-content
.mltt-highlights-title::before {

    content: "\f4d7" !important;

    position: absolute !important;

    left: 20px !important;

    top: 50% !important;

    transform:
        translateY(-50%) !important;

    width: 30px !important;

    height: 30px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    border-radius: 9px !important;

    background:
        rgba(223,193,108,.16) !important;

    color:
        var(--mltt-gold-dark) !important;

    font-family:
        "Font Awesome 6 Free" !important;

    font-weight: 900 !important;

    font-size: 15px !important;
}


/* =========================================================
   HIGHLIGHTS — NO GOLD LINE
========================================================= */

.mltt-post-content
.mltt-highlights-title::after {

    display: none !important;

    content: none !important;
}


/* =========================================================
   HIGHLIGHTS LIST
========================================================= */

.mltt-post-content
ul.mltt-highlights-list {

    width: 100% !important;

    margin:
        0 0 35px !important;

    padding: 0 !important;

    list-style: none !important;
}


/* =========================================================
   HIGHLIGHTS ITEMS
========================================================= */

.mltt-post-content
ul.mltt-highlights-list > li {

    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin:
        0 0 10px !important;

    padding:
        13px 18px 13px 45px !important;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size: 16px !important;

    line-height: 1.6 !important;

    color:
        #4F4B43 !important;

    background:
        #FCFAF5 !important;

    border:
        1px solid #EEE8DA !important;

    border-radius:
        10px !important;

    list-style: none !important;

    box-shadow: none !important;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease !important;
}


/* =========================================================
   HIGHLIGHTS — REMOVE BULLET
========================================================= */

.mltt-post-content
ul.mltt-highlights-list > li::marker {

    content: "" !important;
}


/* =========================================================
   HIGHLIGHTS — CHECK ICON
========================================================= */

.mltt-post-content
ul.mltt-highlights-list > li::before {

    content: "\f00c" !important;

    position: absolute !important;

    left: 15px !important;

    top: 50% !important;

    transform:
        translateY(-50%) !important;

    width: 20px !important;

    height: 20px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    border-radius: 50% !important;

    background:
        rgba(223,193,108,.16) !important;

    color:
        var(--mltt-gold-dark) !important;

    font-family:
        "Font Awesome 6 Free" !important;

    font-weight: 900 !important;

    font-size: 10px !important;
}


/* =========================================================
   HIGHLIGHTS — STRONG
========================================================= */

.mltt-post-content
ul.mltt-highlights-list > li strong {

    color:
        #292722 !important;

    font-weight: 700 !important;
}


/* =========================================================
   HIGHLIGHTS — HOVER
========================================================= */

.mltt-post-content
ul.mltt-highlights-list > li:hover {

    transform:
        translateX(3px) !important;

    border-color:
        rgba(223,193,108,.45) !important;

    box-shadow:
        0 6px 18px rgba(36,33,28,.06) !important;
}


/* =========================================================
   GALLERY
========================================================= */

.mltt-post-content .wp-block-gallery {

    display: grid !important;

    grid-template-columns:
        repeat(3, 1fr) !important;

    gap: 14px !important;

    margin:
        35px 0 45px !important;
}

.mltt-post-content
.wp-block-gallery figure {

    margin: 0 !important;

    overflow: hidden;

    border-radius: 14px;
}

.mltt-post-content
.wp-block-gallery figure:first-child {

    grid-column: span 2;
}

.mltt-post-content
.wp-block-gallery img {

    width: 100% !important;

    height: 260px !important;

    object-fit: cover !important;

    border-radius: 14px !important;

    transition:
        transform .45s ease;
}

.mltt-post-content
.wp-block-gallery figure:first-child img {

    height: 360px !important;
}

.mltt-post-content
.wp-block-gallery figure:hover img {

    transform:
        scale(1.035);
}


/* =========================================================
   MAP
========================================================= */

.mltt-post-content .mltt-map {

    margin:
        40px 0;

    padding: 8px;

    background:
        #FFFFFF;

    border:
        1px solid #E8E4DA;

    border-radius: 16px;

    box-shadow:
        0 15px 45px rgba(36,33,28,.07);

    overflow: hidden;
}

.mltt-post-content
.mltt-map iframe {

    display: block;

    width: 100%;

    min-height: 430px;

    border: 0;

    border-radius: 10px;
}


/* =========================================================
   FINAL CTA
========================================================= */

.mltt-final-cta {

    position: relative;

    margin-top: 75px;

    padding:
        70px 25px;

    overflow: hidden;

    border-radius: 20px;

    background:
        linear-gradient(
            135deg,
            #29261F,
            #171511
        );

    text-align: center;
}

.mltt-final-inner {

    position: relative;

    z-index: 2;

    max-width: 750px;

    margin: 0 auto;
}

.mltt-final-cta .mltt-eyebrow {

    color:
        var(--mltt-gold);
}

.mltt-final-cta h2 {

    margin:
        15px 0 18px;

    padding: 0;

    background: none;

    border: 0;

    font-family:
        "Playfair Display",
        serif;

    font-size:
        clamp(30px, 4vw, 46px);

    line-height: 1.2;

    color: #FFFFFF;
}

.mltt-final-cta h2::before,
.mltt-final-cta h2::after {

    display: none;
}

.mltt-final-cta p {

    max-width: 620px;

    margin:
        0 auto 28px;

    color:
        rgba(255,255,255,.72);

    font-size: 16px;
}


/* =========================================================
   BUTTON
========================================================= */

.mltt-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 48px;

    padding:
        13px 24px;

    background:
        var(--mltt-gold);

    color:
        #252117 !important;

    font-size: 13px;

    font-weight: 700;

    border-radius: 4px;

    transition:
        .25s ease;
}

.mltt-button:hover {

    color:
        #252117 !important;

    background:
        #EAD28E;

    transform:
        translateY(-2px);
}


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

@media (max-width: 767px) {

    /* HERO */

    .mltt-hero {

        min-height: 650px;
    }

    .mltt-hero-inner {

        width:
            calc(100% - 25px);

        padding:
            100px 10px 190px;
    }

    .mltt-title {

        font-size:
            clamp(35px, 10vw, 52px);

        line-height: 1.08;
    }


    /* BOTTOM BAR */

    .mltt-bottom-inner {

        min-height: auto;

        padding:
            12px 8px;

        gap: 9px;

        flex-wrap: wrap;
    }

    .mltt-bottom-item {

        gap: 5px;
    }

    .mltt-bottom-item i {

        font-size: 13px;
    }

    .mltt-bottom-item span {

        font-size: 8px;

        letter-spacing: .5px;
    }

    .mltt-bottom-item strong {

        font-size: 10px;
    }

    .mltt-bottom-separator {

        height: 22px;
    }

    .mltt-stars {

        gap: 2px;
    }

    .mltt-stars i {

        font-size: 9px;
    }

    .mltt-bottom-rating {

        gap: 6px;
    }

    .mltt-bottom-rating strong {

        font-size: 10px;
    }


    /* CONTENT */

    .mltt-content {

        width:
            calc(100% - 24px);

        padding:
            45px 8px 60px;
    }


    /* H2 */

    .mltt-post-content h2 {

        margin-top: 40px;

        padding:
            16px 16px 16px 52px;

        font-size: 28px;
    }

    .mltt-post-content h2::before {

        left: 16px;

        width: 27px;

        height: 27px;
    }


    /* H3 */

    .mltt-post-content h3 {

        margin-top: 32px;

        padding:
            12px 15px 12px 48px;

        font-size: 21px;
    }

    .mltt-post-content h3::before {

        left: 12px;
    }


    /* INCLUDED / EXCLUDED */

    .mltt-post-content
    h4.mltt-auto-included,

    .mltt-post-content
    h4.mltt-auto-excluded {

        padding:
            15px 17px 10px !important;

        font-size:
            18px !important;
    }

    .mltt-post-content
    ul.mltt-auto-included,

    .mltt-post-content
    ul.mltt-auto-excluded {

        padding:
            10px 16px 14px !important;
    }

    .mltt-post-content
    ul.mltt-auto-included > li,

    .mltt-post-content
    ul.mltt-auto-excluded > li {

        padding:
            9px 8px 9px 31px !important;

        font-size:
            14px !important;
    }


    /* HIGHLIGHTS */

    .mltt-post-content
    .mltt-highlights-title {

        margin:
            40px 0 20px !important;

        padding:
            16px 16px 16px 52px !important;

        font-size:
            27px !important;

        line-height:
            1.28 !important;
    }

    .mltt-post-content
    .mltt-highlights-title::before {

        left: 15px !important;

        width: 27px !important;

        height: 27px !important;

        font-size: 13px !important;
    }

    .mltt-post-content
    ul.mltt-highlights-list > li {

        margin-bottom:
            9px !important;

        padding:
            12px 13px 12px 40px !important;

        font-size:
            15px !important;

        line-height:
            1.6 !important;
    }

    .mltt-post-content
    ul.mltt-highlights-list > li::before {

        left: 12px !important;

        width: 20px !important;

        height: 20px !important;
    }


    /* GALLERY */

    .mltt-post-content
    .wp-block-gallery {

        grid-template-columns:
            1fr !important;

        gap: 10px !important;
    }

    .mltt-post-content
    .wp-block-gallery figure:first-child {

        grid-column: auto;
    }

    .mltt-post-content
    .wp-block-gallery img,

    .mltt-post-content
    .wp-block-gallery figure:first-child img {

        height:
            250px !important;
    }


    /* MAP */

    .mltt-post-content
    .mltt-map iframe {

        min-height:
            320px;
    }


    /* CTA */

    .mltt-final-cta {

        margin-top:
            50px;

        padding:
            50px 20px;
    }

}


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

@media (max-width: 480px) {

    .mltt-post-content
    .mltt-highlights-title {

        margin-top:
            35px !important;

        padding:
            15px 14px 15px 49px !important;

        font-size:
            24px !important;
    }

    .mltt-post-content
    .mltt-highlights-title::before {

        left: 13px !important;

        width: 27px !important;

        height: 27px !important;
    }

    .mltt-post-content
    ul.mltt-highlights-list > li {

        padding:
            11px 12px 11px 38px !important;

        font-size:
            14px !important;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .mltt-title {

        font-size:
            32px;
    }

    .mltt-post-content
    .mltt-highlights-title {

        font-size:
            23px !important;
    }

}

/* =========================================================
   INCLUDED / EXCLUDED — FINAL FIX
   Compatible with Gutenberg .wp-block-list
========================================================= */

/* ---------- INCLUDED ---------- */

#mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-included {
    list-style: none !important;
    list-style-type: none !important;

    margin: 0 0 35px !important;
    padding: 12px 22px 18px !important;

    background: #F2F9F3 !important;
    border: 1px solid #D7EAD9 !important;
    border-top: 0 !important;

    border-radius: 0 0 14px 14px !important;
}

#mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-included > li {
    position: relative !important;

    display: block !important;

    list-style: none !important;
    list-style-type: none !important;

    margin: 0 !important;

    padding: 10px 10px 10px 34px !important;

    color: #45634B !important;

    font-size: 15px !important;
    line-height: 1.6 !important;

    border-bottom: 1px solid rgba(46,139,69,.10) !important;
}

#mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-included > li:last-child {
    border-bottom: 0 !important;
}

/* REMOVE WORDPRESS BULLET */
#mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-included > li::marker {
    content: "" !important;
    font-size: 0 !important;
}

/* GREEN CHECK */
#mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-included > li::before {
    content: "\f00c" !important;

    position: absolute !important;

    left: 0 !important;
    top: 11px !important;

    width: 20px !important;
    height: 20px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #2E8B45 !important;

    color: #FFFFFF !important;

    font-family: "Font Awesome 6 Free" !important;
    font-size: 10px !important;
    font-weight: 900 !important;

    line-height: 1 !important;
}


/* ---------- EXCLUDED ---------- */

#mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-excluded {
    list-style: none !important;
    list-style-type: none !important;

    margin: 0 0 35px !important;
    padding: 12px 22px 18px !important;

    background: #FFF4F3 !important;
    border: 1px solid #EFD7D4 !important;
    border-top: 0 !important;

    border-radius: 0 0 14px 14px !important;
}

#mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-excluded > li {
    position: relative !important;

    display: block !important;

    list-style: none !important;
    list-style-type: none !important;

    margin: 0 !important;

    padding: 10px 10px 10px 34px !important;

    color: #79514E !important;

    font-size: 15px !important;
    line-height: 1.6 !important;

    border-bottom: 1px solid rgba(196,71,71,.10) !important;
}

#mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-excluded > li:last-child {
    border-bottom: 0 !important;
}

/* REMOVE WORDPRESS BULLET */
#mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-excluded > li::marker {
    content: "" !important;
    font-size: 0 !important;
}

/* RED X */
#mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-excluded > li::before {
    content: "\f00d" !important;

    position: absolute !important;

    left: 0 !important;
    top: 11px !important;

    width: 20px !important;
    height: 20px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #C44747 !important;

    color: #FFFFFF !important;

    font-family: "Font Awesome 6 Free" !important;
    font-size: 10px !important;
    font-weight: 900 !important;

    line-height: 1 !important;
}


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

@media (max-width: 767px) {

    #mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-included,
    #mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-excluded {
        padding: 10px 16px 14px !important;
    }

    #mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-included > li,
    #mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-excluded > li {
        padding: 9px 8px 9px 31px !important;
        font-size: 14px !important;
    }

    #mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-included > li::before,
    #mltt-tour .mltt-post-content ul.wp-block-list.mltt-auto-excluded > li::before {
        top: 10px !important;
    }
}

/* =========================================================
   PREMIUM DESIGN — TOUTES LES GALERIES SPECTRA
========================================================= */

/* Galerie */
.spectra-image-gallery.spectra-image-gallery__layout--grid {
    display: grid !important;

    grid-template-columns: 2fr 1fr 1fr !important;
    grid-template-rows: 245px 245px !important;

    gap: 10px !important;

    width: 100% !important;
    height: 500px !important;

    margin: 35px 0 !important;
    padding: 0 !important;
}


/* =========================================================
   BLOCS IMAGES
========================================================= */

.spectra-image-gallery
.spectra-image-gallery__media-wrapper {

    position: relative !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 13px !important;

    cursor: pointer !important;

    box-sizing: border-box !important;
}


/* =========================================================
   PREMIÈRE IMAGE — GRANDE
========================================================= */

.spectra-image-gallery
.spectra-image-gallery__media-wrapper:nth-child(1) {

    grid-column: 1 !important;
    grid-row: 1 / 3 !important;

    border-radius: 17px !important;
}


/* =========================================================
   DEUXIÈME IMAGE
========================================================= */

.spectra-image-gallery
.spectra-image-gallery__media-wrapper:nth-child(2) {

    grid-column: 2 !important;
    grid-row: 1 !important;
}


/* =========================================================
   TROISIÈME IMAGE
========================================================= */

.spectra-image-gallery
.spectra-image-gallery__media-wrapper:nth-child(3) {

    grid-column: 3 !important;
    grid-row: 1 !important;
}


/* =========================================================
   QUATRIÈME IMAGE
========================================================= */

.spectra-image-gallery
.spectra-image-gallery__media-wrapper:nth-child(4) {

    grid-column: 2 / 4 !important;
    grid-row: 2 !important;
}


/* =========================================================
   MEDIA
========================================================= */

.spectra-image-gallery
.spectra-image-gallery__media {

    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;

    border-radius: inherit !important;
}


/* =========================================================
   IMAGES
========================================================= */

.spectra-image-gallery
.spectra-image-gallery__media-thumbnail {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: inherit !important;

    transform: scale(1) !important;

    transition:
        transform .65s cubic-bezier(.2,.7,.2,1),
        filter .45s ease !important;
}


/* =========================================================
   HOVER ZOOM
========================================================= */

.spectra-image-gallery
.spectra-image-gallery__media-wrapper:hover
.spectra-image-gallery__media-thumbnail {

    transform: scale(1.07) !important;

    filter: brightness(.84) !important;
}


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

.spectra-image-gallery
.spectra-image-gallery__media-wrapper::after {

    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    z-index: 2 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            to top,
            rgba(20,18,15,.35),
            rgba(20,18,15,0) 60%
        ) !important;

    opacity: .55 !important;

    transition: opacity .35s ease !important;
}


.spectra-image-gallery
.spectra-image-gallery__media-wrapper:hover::after {

    opacity: .85 !important;
}


/* =========================================================
   SUPPRIMER BLUR SPECTRA
========================================================= */

.spectra-image-gallery
.spectra-image-gallery__media-thumbnail-blurrer {

    display: none !important;
}


/* =========================================================
   SUPPRIMER CAPTIONS
========================================================= */

.spectra-image-gallery
.spectra-image-gallery__media-thumbnail-caption-wrapper {

    display: none !important;
}


/* =========================================================
   AUCUN TEXTE / BOUTON AJOUTÉ
========================================================= */

.spectra-image-gallery
.spectra-image-gallery__media-wrapper::before {

    content: none !important;
}


/* =========================================================
   PETIT DÉTAIL DORÉ SUR LA PREMIÈRE PHOTO
========================================================= */

.spectra-image-gallery
.spectra-image-gallery__media-wrapper:nth-child(1)::before {

    content: "" !important;

    display: block !important;

    position: absolute !important;

    left: 22px !important;
    bottom: 22px !important;

    width: 42px !important;
    height: 3px !important;

    background: #DFC16C !important;

    border-radius: 5px !important;

    z-index: 5 !important;
}


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

@media (max-width: 900px) {

    .spectra-image-gallery.spectra-image-gallery__layout--grid {

        grid-template-columns: 2fr 1fr !important;

        grid-template-rows: 220px 220px !important;

        height: 448px !important;

        gap: 8px !important;
    }


    .spectra-image-gallery
    .spectra-image-gallery__media-wrapper:nth-child(1) {

        grid-column: 1 !important;
        grid-row: 1 / 3 !important;
    }


    .spectra-image-gallery
    .spectra-image-gallery__media-wrapper:nth-child(2) {

        grid-column: 2 !important;
        grid-row: 1 !important;
    }


    .spectra-image-gallery
    .spectra-image-gallery__media-wrapper:nth-child(3) {

        grid-column: 2 !important;
        grid-row: 2 !important;
    }


    .spectra-image-gallery
    .spectra-image-gallery__media-wrapper:nth-child(4) {

        display: none !important;
    }
}


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

@media (max-width: 600px) {

    .spectra-image-gallery.spectra-image-gallery__layout--grid {

        grid-template-columns: 1fr 1fr !important;

        grid-template-rows: 210px 125px !important;

        height: 342px !important;

        gap: 7px !important;

        margin: 25px 0 !important;
    }


    /* GRANDE IMAGE */

    .spectra-image-gallery
    .spectra-image-gallery__media-wrapper:nth-child(1) {

        grid-column: 1 / 3 !important;
        grid-row: 1 !important;

        border-radius: 14px !important;
    }


    /* IMAGE 2 */

    .spectra-image-gallery
    .spectra-image-gallery__media-wrapper:nth-child(2) {

        display: block !important;

        grid-column: 1 !important;
        grid-row: 2 !important;

        border-radius: 10px !important;
    }


    /* IMAGE 3 */

    .spectra-image-gallery
    .spectra-image-gallery__media-wrapper:nth-child(3) {

        display: block !important;

        grid-column: 2 !important;
        grid-row: 2 !important;

        border-radius: 10px !important;
    }


    /* IMAGE 4 */

    .spectra-image-gallery
    .spectra-image-gallery__media-wrapper:nth-child(4) {

        display: none !important;
    }


    /* DÉTAIL DORÉ */

    .spectra-image-gallery
    .spectra-image-gallery__media-wrapper:nth-child(1)::before {

        left: 16px !important;
        bottom: 16px !important;

        width: 35px !important;
    }
}


/* =========================================================
   PETITS MOBILES
========================================================= */

@media (max-width: 380px) {

    .spectra-image-gallery.spectra-image-gallery__layout--grid {

        grid-template-rows: 185px 105px !important;

        height: 297px !important;
    }
}
/* =========================================================
   PREMIUM GOOGLE MAPS — GLOBAL
   ========================================================= */

/* Conteneur principal de la map */
iframe[src*="google.com/maps"],
iframe[src*="googleusercontent.com"] {
    width: 100% !important;
    min-height: 420px !important;
    display: block !important;
    border: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow:
        0 15px 40px rgba(36, 33, 28, 0.14),
        0 3px 12px rgba(36, 33, 28, 0.08) !important;
}

/* Blocs contenant les cartes */
.wp-block-embed iframe[src*="google"],
.elementor-widget-google_maps iframe,
.wp-block-uagb-google-map iframe,
.google-map iframe,
.google-maps iframe {
    width: 100% !important;
    min-height: 420px !important;
    border: 0 !important;
    border-radius: 18px !important;
    display: block !important;
}

/* Conteneur */
.wp-block-embed:has(iframe[src*="google"]),
.elementor-widget-google_maps,
.wp-block-uagb-google-map,
.google-map,
.google-maps {
    border-radius: 18px !important;
    overflow: hidden !important;
    position: relative !important;
    background: #f5f2eb !important;
    box-shadow:
        0 15px 40px rgba(36, 33, 28, 0.14),
        0 3px 12px rgba(36, 33, 28, 0.08) !important;
}

/* Petite finition dorée */
.wp-block-embed:has(iframe[src*="google"])::after,
.elementor-widget-google_maps::after,
.wp-block-uagb-google-map::after,
.google-map::after,
.google-maps::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 90px;
    height: 3px;
    background: #DFC16C;
    border-radius: 3px 3px 0 0;
    z-index: 10;
    pointer-events: none;
}

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

@media (max-width: 767px) {

    iframe[src*="google.com/maps"],
    iframe[src*="googleusercontent.com"],
    .elementor-widget-google_maps iframe,
    .wp-block-uagb-google-map iframe,
    .google-map iframe,
    .google-maps iframe {
        min-height: 300px !important;
        border-radius: 14px !important;
    }

    .wp-block-embed:has(iframe[src*="google"]),
    .elementor-widget-google_maps,
    .wp-block-uagb-google-map,
    .google-map,
    .google-maps {
        border-radius: 14px !important;
    }

}

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

@media (min-width: 768px) and (max-width: 1024px) {

    iframe[src*="google.com/maps"],
    .elementor-widget-google_maps iframe,
    .wp-block-uagb-google-map iframe,
    .google-map iframe,
    .google-maps iframe {
        min-height: 360px !important;
    }

}

/* =========================================================
   MLTT — LAYOUT FINAL
   CONTENT LEFT / BOOKING FORM RIGHT
========================================================= */

#mltt-tour .mltt-tour-layout {
    width: min(1280px, calc(100% - 50px));
    margin: 0 auto;
    padding: 55px 0 70px;

    display: grid;
    grid-template-columns: minmax(0, 1fr) 370px;
    gap: 40px;

    align-items: start;
}

#mltt-tour .mltt-tour-main {
    min-width: 0;
}

#mltt-tour .mltt-tour-main .mltt-content {
    width: 100%;
    margin: 0;
    padding: 0;
}

#mltt-tour .mltt-booking-sidebar {
    width: 100%;
    min-width: 0;

    position: sticky;
    top: 100px;

    align-self: start;
}


/* =========================================================
   REDUCE HERO
========================================================= */

#mltt-tour .mltt-hero {
    min-height: 560px !important;
}

#mltt-tour .mltt-hero-inner {
    padding: 90px 20px 125px !important;
}

#mltt-tour .mltt-title {
    max-width: 900px !important;
    font-size: clamp(36px, 5vw, 58px) !important;
    line-height: 1.08 !important;
}


/* =========================================================
   REDUCE BOTTOM BAR
========================================================= */

#mltt-tour .mltt-bottom-inner {
    min-height: 72px !important;
    padding: 10px 20px !important;
    gap: 20px !important;
}


/* =========================================================
   CONTENT
========================================================= */

#mltt-tour .mltt-content {
    font-size: 15.5px !important;
    line-height: 1.75 !important;
}


/* =========================================================
   H2
========================================================= */

#mltt-tour .mltt-post-content h2 {
    margin: 45px 0 20px !important;
    font-size: 27px !important;
    line-height: 1.25 !important;
}


/* =========================================================
   H3
========================================================= */

#mltt-tour .mltt-post-content h3 {
    margin: 32px 0 16px !important;
    font-size: 20px !important;
    line-height: 1.35 !important;
}


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

#mltt-tour .mltt-booking-card {
    width: 100%;
}


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

@media (max-width: 900px) {

    #mltt-tour .mltt-tour-layout {
        width: calc(100% - 40px);

        display: flex;
        flex-direction: column;

        gap: 35px;

        padding: 45px 0 60px;
    }

    #mltt-tour .mltt-tour-main {
        width: 100%;
        order: 1;
    }

    #mltt-tour .mltt-booking-sidebar {
        width: 100%;
        position: static;
        order: 2;
    }

    #mltt-tour .mltt-booking-card {
        max-width: 700px;
        margin: 0 auto;
    }

}


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

@media (max-width: 767px) {

    #mltt-tour .mltt-hero {
        min-height: 500px !important;
    }

    #mltt-tour .mltt-hero-inner {
        padding: 75px 10px 155px !important;
    }

    #mltt-tour .mltt-title {
        font-size: clamp(32px, 9vw, 46px) !important;
    }

    #mltt-tour .mltt-tour-layout {
        width: calc(100% - 24px);
        gap: 28px;
        padding: 35px 0 50px;
    }

}


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

@media (max-width: 480px) {

    #mltt-tour .mltt-hero {
        min-height: 470px !important;
    }

    #mltt-tour .mltt-title {
        font-size: 31px !important;
    }

    #mltt-tour .mltt-tour-layout {
        width: calc(100% - 20px);
        padding-top: 30px;
    }

}

/* =========================================================
   RESTORE MLTT BOOKING HEADER
   Ne touche pas au design du formulaire de réservation
   ========================================================= */

.mltt-booking-header {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 25px;
    padding: 0;
}

.mltt-booking-header .mltt-booking-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 10px;

    color: #DFC16C;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.mltt-booking-header .mltt-booking-kicker::before {
    content: "";
    display: inline-block;

    width: 24px;
    height: 1px;

    background: #DFC16C;
}

.mltt-booking-header h2 {
    margin: 0 0 12px;

    color: #24211C;

    font-size: 28px;
    line-height: 1.25;
    font-weight: 700;

    letter-spacing: -0.3px;
}

.mltt-booking-header p {
    margin: 0;

    color: #77736b;

    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
}


/* MOBILE */
@media (max-width: 600px) {

    .mltt-booking-header {
        margin-bottom: 20px;
    }

    .mltt-booking-header .mltt-booking-kicker {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .mltt-booking-header h2 {
        font-size: 24px;
    }

    .mltt-booking-header p {
        font-size: 13.5px;
        line-height: 1.65;
    }
}


/* =========================================================
   MLTT — PREMIUM BOOKING HEADER
   PLANIFICA TU VIAJE
========================================================= */

#mltt-tour .mltt-booking-header {
    position: relative !important;

    width: 100% !important;

    margin: 0 0 28px !important;
    padding: 0 0 22px !important;

    border-bottom: 1px solid rgba(223,193,108,.22) !important;
}


/* =========================================================
   KICKER
========================================================= */

#mltt-tour .mltt-booking-header .mltt-booking-kicker {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;

    gap: 9px !important;

    margin: 0 0 13px !important;
    padding: 0 !important;

    color: #B99A4D !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 10px !important;
    line-height: 1.4 !important;

    font-weight: 800 !important;

    letter-spacing: 2px !important;

    text-transform: uppercase !important;
}


/* petite ligne avant EXPERIENCIA PRIVADA */

#mltt-tour .mltt-booking-header
.mltt-booking-kicker::before {
    content: "" !important;

    display: block !important;

    width: 27px !important;
    height: 2px !important;

    flex: 0 0 27px !important;

    background: #DFC16C !important;

    border-radius: 3px !important;
}


/* =========================================================
   H2
========================================================= */

#mltt-tour .mltt-booking-header h2 {
    position: relative !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;

    color: #24211C !important;

    font-family:
        "Playfair Display",
        Georgia,
        serif !important;

    font-size: 30px !important;

    line-height: 1.2 !important;

    font-weight: 600 !important;

    letter-spacing: -0.4px !important;

    text-transform: none !important;
}


/*
   IMPORTANT :
   Empêche le ::before de tes H2 principaux
   de s'appliquer au H2 du formulaire
*/

#mltt-tour .mltt-booking-header h2::before {
    content: none !important;
    display: none !important;
}

#mltt-tour .mltt-booking-header h2::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   DESCRIPTION
========================================================= */

#mltt-tour .mltt-booking-header p {
    width: 100% !important;

    max-width: 330px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #77736B !important;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size: 14px !important;

    line-height: 1.7 !important;

    font-weight: 400 !important;
}


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

#mltt-tour .mltt-booking-card {
    position: relative !important;

    width: 100% !important;

    padding: 30px 28px !important;

    background: #FFFFFF !important;

    border: 1px solid rgba(36,33,28,.09) !important;

    border-radius: 18px !important;

    box-shadow:
        0 15px 45px rgba(36,33,28,.08),
        0 3px 12px rgba(36,33,28,.04) !important;

    overflow: hidden !important;
}


/* petite ligne dorée au sommet */

#mltt-tour .mltt-booking-card::before {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 28px !important;

    width: 55px !important;
    height: 3px !important;

    background: #DFC16C !important;

    border-radius: 0 0 4px 4px !important;
}


/* =========================================================
   FORM ELEMENTS
========================================================= */

#mltt-tour .mltt-booking-card input,
#mltt-tour .mltt-booking-card textarea,
#mltt-tour .mltt-booking-card select {
    width: 100% !important;

    border: 1px solid #E6E1D7 !important;

    border-radius: 7px !important;

    background: #FCFAF5 !important;

    color: #292722 !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 14px !important;

    padding: 12px 14px !important;

    outline: none !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease !important;
}


#mltt-tour .mltt-booking-card input:focus,
#mltt-tour .mltt-booking-card textarea:focus,
#mltt-tour .mltt-booking-card select:focus {
    border-color: #DFC16C !important;

    background: #FFFFFF !important;

    box-shadow:
        0 0 0 3px rgba(223,193,108,.12) !important;
}


/* =========================================================
   LABELS
========================================================= */

#mltt-tour .mltt-booking-card label {
    display: block !important;

    margin: 0 0 7px !important;

    color: #4C4943 !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 11px !important;

    font-weight: 700 !important;

    letter-spacing: .7px !important;

    text-transform: uppercase !important;
}


/* =========================================================
   BUTTON
========================================================= */

#mltt-tour .mltt-booking-card button,
#mltt-tour .mltt-booking-card input[type="submit"] {
    width: 100% !important;

    min-height: 48px !important;

    padding: 13px 20px !important;

    border: 0 !important;

    border-radius: 5px !important;

    background: #DFC16C !important;

    color: #252117 !important;

    font-family: "DM Sans", sans-serif !important;

    font-size: 12px !important;

    font-weight: 800 !important;

    letter-spacing: .8px !important;

    text-transform: uppercase !important;

    cursor: pointer !important;

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


#mltt-tour .mltt-booking-card button:hover,
#mltt-tour .mltt-booking-card input[type="submit"]:hover {
    background: #EAD28E !important;

    color: #252117 !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 8px 20px rgba(36,33,28,.10) !important;
}


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

@media (max-width: 767px) {

    #mltt-tour .mltt-booking-header {
        margin-bottom: 23px !important;

        padding-bottom: 19px !important;
    }

    #mltt-tour .mltt-booking-header
    .mltt-booking-kicker {
        font-size: 9px !important;

        letter-spacing: 1.6px !important;
    }

    #mltt-tour .mltt-booking-header h2 {
        font-size: 25px !important;

        line-height: 1.25 !important;
    }

    #mltt-tour .mltt-booking-header p {
        max-width: 100% !important;

        font-size: 13.5px !important;

        line-height: 1.65 !important;
    }

    #mltt-tour .mltt-booking-card {
        padding: 25px 20px !important;

        border-radius: 15px !important;
    }

    #mltt-tour .mltt-booking-card::before {
        left: 20px !important;
    }
}


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

@media (max-width: 480px) {

    #mltt-tour .mltt-booking-header h2 {
        font-size: 23px !important;
    }

    #mltt-tour .mltt-booking-card {
        padding: 23px 17px !important;
    }
}