/* =========================================================
   ZAN PEARL - POPULAR SAFARIS
========================================================= */

:root{
    --zs-deep:#044C48;
    --zs-blue:#005EA8;
    --zs-ocean:#006B63;

    --zs-gold:#D6A529;
    --zs-gold-light:#F1D46E;

    --zs-white:#FFFFFF;
    --zs-dark:#112D48;
    --zs-muted:#6C7D88;
    --zs-border:#E5EAED;
}


/* =========================================================
   SECTION
========================================================= */

.zp-safaris{
    width:100%;

    padding:90px 0 100px;

    background:#F9FBFC;

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

.zp-safaris-container{
    width:min(1380px,calc(100% - 60px));

    margin:0 auto;
}


/* =========================================================
   HEADING
========================================================= */

.zp-safari-heading{
    margin-bottom:40px;

    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:50px;
}

.zp-safari-label{
    display:inline-block;

    margin-bottom:9px;

    padding:7px 11px;

    border-radius:7px;

    background:#FFF8E8;

    color:var(--zs-gold);

    font-size:9px;
    font-weight:900;

    letter-spacing:1.3px;

    text-transform:uppercase;
}

.zp-safari-heading h2{
    margin:0;

    color:var(--zs-deep);

    font-family:'Manrope',sans-serif;

    font-size:44px;
    line-height:1.1;

    letter-spacing:-2px;

    font-weight:800;
}

.zp-safari-heading h2 span{
    color:var(--zs-gold);
}

.zp-safari-heading-right{
    max-width:430px;
}

.zp-safari-heading-right p{
    margin:0;

    color:var(--zs-muted);

    font-size:11px;

    line-height:1.75;
}

.zp-safari-heading-right a{
    display:inline-flex;

    align-items:center;

    gap:7px;

    margin-top:12px;

    color:var(--zs-deep);

    font-size:9px;

    font-weight:900;
}

.zp-safari-heading-right a i{
    color:var(--zs-gold);
}


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

.zp-safari-grid{
    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:24px;
}


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

.zp-safari-card{
    min-width:0;

    overflow:hidden;

    border-radius:17px;

    background:#fff;

    border:
        1px solid
        #EDF1F3;

    box-shadow:
        0 12px 35px
        rgba(0,39,85,.07);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.zp-safari-card:hover{
    transform:translateY(-6px);

    box-shadow:
        0 20px 48px
        rgba(0,39,85,.14);
}


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

.zp-safari-image{
    position:relative;

    width:100%;
    height:250px;

    display:block;

    overflow:hidden;

    border-radius:
        17px
        17px
        0
        0;

    background:#DBE7ED;
}

.zp-safari-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .55s ease;
}

.zp-safari-card:hover
.zp-safari-image img{
    transform:scale(1.06);
}

.zp-safari-placeholder{
    width:100%;
    height:100%;

    display:flex;

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

    background:
        linear-gradient(
            135deg,
            #DCE8EE,
            #BFD6E2
        );

    color:#7893A2;

    font-size:34px;
}


/* =========================================================
   BADGES
========================================================= */

.zp-safari-featured,
.zp-safari-popular{
    position:absolute;

    z-index:5;

    top:15px;

    padding:7px 11px;

    border-radius:7px;

    font-size:8px;

    font-weight:900;
}

.zp-safari-featured{
    left:15px;

    background:var(--zs-blue);

    color:#fff;
}

.zp-safari-popular{
    left:15px;

    top:48px;

    background:
        linear-gradient(
            135deg,
            var(--zs-gold-light),
            var(--zs-gold)
        );

    color:var(--zs-deep);
}


/* HEART */

.zp-safari-heart{
    position:absolute;

    z-index:5;

    top:15px;
    right:15px;

    width:34px;
    height:34px;

    display:flex;

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

    border-radius:50%;

    background:#fff;

    color:var(--zs-deep);

    font-size:12px;

    box-shadow:
        0 5px 15px
        rgba(0,39,85,.10);
}


/* =========================================================
   META OVER IMAGE
========================================================= */

.zp-safari-image-meta{
    position:absolute;

    z-index:6;

    left:16px;
    right:16px;
    bottom:0;

    min-height:42px;

    padding:0 14px;

    display:flex;

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

    gap:10px;

    border-radius:
        11px
        11px
        0
        0;

    background:
        linear-gradient(
            135deg,
            var(--zs-gold-light),
            var(--zs-gold)
        );

    color:var(--zs-deep);

    font-size:8px;

    font-weight:700;
}

.zp-safari-image-meta span{
    min-width:0;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;
}

.zp-safari-image-meta i{
    margin-right:4px;

    color:var(--zs-deep);
}

.zp-safari-meta-divider{
    width:1px;

    height:18px;

    flex:none;

    background:
        rgba(0,39,85,.27);
}


/* =========================================================
   BODY
========================================================= */

.zp-safari-body{
    padding:
        19px
        18px
        20px;
}


/* REVIEWS */

.zp-safari-review{
    display:flex;

    align-items:center;

    gap:11px;

    margin-bottom:12px;
}

.zp-safari-review > span{
    color:#657681;

    font-size:8px;
}

.zp-safari-stars{
    display:flex;

    gap:2px;

    color:var(--zs-gold);

    font-size:9px;
}


/* TITLE */

.zp-safari-body h3{
    min-height:58px;

    margin:0;

    color:var(--zs-dark);

    font-family:'Manrope',sans-serif;

    font-size:15px;

    line-height:1.48;

    font-weight:800;
}

.zp-safari-body h3 a{
    color:inherit;
}

.zp-safari-body h3 a:hover{
    color:var(--zs-blue);
}


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

.zp-safari-footer{
    margin-top:16px;

    padding-top:15px;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:12px;

    border-top:
        1px solid
        var(--zs-border);
}


/* PRICE */

.zp-safari-price{
    min-width:0;
}

.zp-safari-price small{
    display:block;

    margin-bottom:3px;

    color:#8B989F;

    font-size:7px;
}

.zp-safari-price strong{
    color:var(--zs-deep);

    font-family:'Manrope',sans-serif;

    font-size:15px;

    line-height:1;

    font-weight:800;
}

.zp-safari-price > span{
    margin-left:2px;

    color:#7A8992;

    font-size:7px;
}


/* BOOK BUTTON */

.zp-safari-book{
    min-height:38px;

    padding:
        0
        5px
        0
        14px;

    display:flex;

    align-items:center;

    gap:10px;

    border:
        1px solid
        var(--zs-blue);

    border-radius:50px;

    color:var(--zs-deep);

    background:#fff;

    font-size:9px;

    font-weight:800;

    transition:.25s;
}

.zp-safari-book > span{
    width:28px;
    height:28px;

    display:flex;

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

    border-radius:50%;

    background:var(--zs-blue);

    color:#fff;

    font-size:8px;

    transition:.25s;
}

.zp-safari-book:hover{
    background:var(--zs-deep);

    border-color:var(--zs-deep);

    color:#fff;
}

.zp-safari-book:hover > span{
    background:var(--zs-gold);

    color:var(--zs-deep);
}


/* =========================================================
   EMPTY
========================================================= */

.zp-safari-empty{
    grid-column:1 / -1;

    padding:45px;

    text-align:center;

    color:#81919A;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1180px){

    .zp-safari-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

}


@media(max-width:900px){

    .zp-safari-heading{
        align-items:flex-start;

        flex-direction:column;

        gap:15px;
    }

    .zp-safari-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media(max-width:620px){

    .zp-safaris{
        padding:65px 0 75px;
    }

    .zp-safaris-container{
        width:calc(100% - 30px);
    }

    .zp-safari-heading h2{
        font-size:33px;

        letter-spacing:-1px;
    }

    .zp-safari-grid{
        grid-template-columns:1fr;
    }

    .zp-safari-image{
        height:255px;
    }

}


/* ==========================================================
   GO ZANZIBAR - POPULAR SAFARIS
   GREEN + RED + ORANGE + WHITE
========================================================== */

.zp-safaris{
    background:#F8FBFA !important;
}

/* HEADING */
.zp-safari-label{
    color:#F20D18 !important;
}

.zp-safari-heading h2{
    color:#044C48 !important;
}

.zp-safari-heading h2 span{
    color:#FF6900 !important;
}

.zp-safari-heading-right p{
    color:#5E716E !important;
}

.zp-safari-heading-right a{
    color:#044C48 !important;
}

.zp-safari-heading-right a i{
    color:#F20D18 !important;
}

.zp-safari-heading-right a:hover{
    color:#F20D18 !important;
}

/* CARDS */
.zp-safari-card{
    background:#FFFFFF !important;
    border:1px solid rgba(4,76,72,.14) !important;
    box-shadow:0 12px 30px rgba(4,76,72,.08) !important;
}

.zp-safari-card:hover{
    border-color:rgba(242,13,24,.30) !important;
    box-shadow:0 18px 42px rgba(4,76,72,.14) !important;
}

/* FEATURED BADGE */
.zp-safari-featured{
    background:#044C48 !important;
    color:#FFFFFF !important;
}

/* POPULAR BADGE */
.zp-safari-popular{
    background:#F20D18 !important;
    color:#FFFFFF !important;
}

/* HEART */
.zp-safari-heart{
    background:#FFFFFF !important;
    color:#F20D18 !important;
    border-color:rgba(4,76,72,.12) !important;
}

.zp-safari-heart i{
    color:#F20D18 !important;
}

.zp-safari-heart:hover{
    background:#F20D18 !important;
    color:#FFFFFF !important;
}

.zp-safari-heart:hover i{
    color:#FFFFFF !important;
}

/* IMAGE META */
.zp-safari-image-meta{
    background:rgba(4,76,72,.92) !important;
    color:#FFFFFF !important;
}

.zp-safari-image-meta span,
.zp-safari-image-meta i{
    color:#FFFFFF !important;
}

.zp-safari-meta-divider{
    background:rgba(255,255,255,.35) !important;
}

/* REVIEWS */
.zp-safari-review span{
    color:#6A7B78 !important;
}

.zp-safari-stars,
.zp-safari-stars i{
    color:#FF6900 !important;
}

/* TITLE */
.zp-safari-body h3,
.zp-safari-body h3 a{
    color:#044C48 !important;
}

.zp-safari-body h3 a:hover{
    color:#F20D18 !important;
}

/* PRICE */
.zp-safari-price small,
.zp-safari-price span{
    color:#71827F !important;
}

.zp-safari-price strong{
    color:#F20D18 !important;
}

/* BOOK BUTTON */
.zp-safari-book{
    background:#044C48 !important;
    border-color:#044C48 !important;
    color:#FFFFFF !important;
}

.zp-safari-book > span{
    background:#F20D18 !important;
    color:#FFFFFF !important;
}

.zp-safari-book i{
    color:#FFFFFF !important;
}

.zp-safari-book:hover{
    background:#F20D18 !important;
    border-color:#F20D18 !important;
    color:#FFFFFF !important;
}

.zp-safari-book:hover > span{
    background:#FF6900 !important;
}

/* PLACEHOLDER */
.zp-safari-placeholder{
    background:#EEF5F3 !important;
    color:#044C48 !important;
}

.zp-safari-placeholder i{
    color:#044C48 !important;
}

/* EMPTY */
.zp-safari-empty{
    background:#F4F8F7 !important;
    color:#044C48 !important;
    border-color:rgba(4,76,72,.15) !important;
}


/* ==========================================================
   GO ZANZIBAR SAFARIS - FINAL BRAND OVERRIDE
   GREEN + RED + ORANGE + WHITE ONLY
========================================================== */

/* SECTION */
section.zp-safaris{
    background:#FFFFFF !important;
}

/* SAFARI EXPERIENCES LABEL */
section.zp-safaris .zp-safari-label{
    background:rgba(242,13,24,.07) !important;
    border:1px solid rgba(242,13,24,.18) !important;
    color:#F20D18 !important;
}

/* HEADING */
section.zp-safaris .zp-safari-heading h2{
    color:#044C48 !important;
}

section.zp-safaris .zp-safari-heading h2 span{
    color:#FF6900 !important;
}

/* VIEW ALL */
section.zp-safaris .zp-safari-heading-right a{
    color:#044C48 !important;
}

section.zp-safaris .zp-safari-heading-right a i{
    color:#F20D18 !important;
}

/* CARD */
section.zp-safaris .zp-safari-card{
    background:#FFFFFF !important;
    border-color:rgba(4,76,72,.12) !important;
}

/* FEATURED */
section.zp-safaris .zp-safari-featured{
    background:#006B63 !important;
    color:#FFFFFF !important;
}

/* POPULAR */
section.zp-safaris .zp-safari-popular{
    background:#F20D18 !important;
    color:#FFFFFF !important;
}

/* ==========================================
   IMAGE BOTTOM BAR - REMOVE YELLOW
========================================== */

section.zp-safaris .zp-safari-image-meta{
    background:#044C48 !important;
    color:#FFFFFF !important;
    border-color:#044C48 !important;
}

section.zp-safaris .zp-safari-image-meta span{
    color:#FFFFFF !important;
}

section.zp-safaris .zp-safari-image-meta i{
    color:#FF6900 !important;
}

section.zp-safaris .zp-safari-meta-divider{
    background:rgba(255,255,255,.35) !important;
}

/* HEART */
section.zp-safaris .zp-safari-heart{
    background:#FFFFFF !important;
    border:1px solid rgba(0,107,99,.18) !important;
    color:#006B63 !important;
}

section.zp-safaris .zp-safari-heart i{
    color:#006B63 !important;
}

section.zp-safaris .zp-safari-heart:hover{
    background:#F20D18 !important;
    border-color:#F20D18 !important;
}

section.zp-safaris .zp-safari-heart:hover i{
    color:#FFFFFF !important;
}

/* REVIEWS */
section.zp-safaris .zp-safari-review > span{
    color:#61726F !important;
}

section.zp-safaris .zp-safari-stars,
section.zp-safaris .zp-safari-stars i{
    color:#FF6900 !important;
}

/* SAFARI TITLE */
section.zp-safaris .zp-safari-body h3 a{
    color:#044C48 !important;
}

section.zp-safaris .zp-safari-body h3 a:hover{
    color:#F20D18 !important;
}

/* PRICE */
section.zp-safaris .zp-safari-price small,
section.zp-safaris .zp-safari-price span{
    color:#687976 !important;
}

section.zp-safaris .zp-safari-price strong{
    color:#044C48 !important;
}

/* ==========================================
   BOOK NOW - REMOVE BLUE COMPLETELY
========================================== */

section.zp-safaris a.zp-safari-book{
    background:#FFFFFF !important;
    border:1.5px solid #006B63 !important;
    color:#044C48 !important;
}

section.zp-safaris a.zp-safari-book > span{
    background:#F20D18 !important;
    border-color:#F20D18 !important;
    color:#FFFFFF !important;
}

section.zp-safaris a.zp-safari-book > span i{
    color:#FFFFFF !important;
}

section.zp-safaris a.zp-safari-book:hover{
    background:#044C48 !important;
    border-color:#044C48 !important;
    color:#FFFFFF !important;
}

section.zp-safaris a.zp-safari-book:hover > span{
    background:#FF6900 !important;
    border-color:#FF6900 !important;
}

/* REMOVE POSSIBLE PSEUDO ELEMENT BLUE */
section.zp-safaris .zp-safari-book::before,
section.zp-safaris .zp-safari-book::after{
    border-color:#006B63 !important;
}

section.zp-safaris .zp-safari-book:hover::before,
section.zp-safaris .zp-safari-book:hover::after{
    border-color:#044C48 !important;
}

/* PLACEHOLDER */
section.zp-safaris .zp-safari-placeholder{
    background:#F1F7F5 !important;
    color:#044C48 !important;
}

section.zp-safaris .zp-safari-placeholder i{
    color:#044C48 !important;
}