
:root{
    --zp-navy:#062b4f;
    --zp-navy-dark:#031e38;
    --zp-gold:#FFD21A;
    --zp-gold-soft:#FFD21A;
    --zp-white:#ffffff;
    --zp-text:#102b45;
    --zp-muted:#687b8a;
    --zp-border:#dde5eb;
    --zp-soft:#f7f9fb;
}


/* ==========================================================
   TOURS PAGE HEADER OVERRIDE
   Navbar becomes part of hero
========================================================== */

body .site-header{
    position:absolute !important;
    top:0;
    left:0;
    right:0;

    z-index:100;

    width:100%;

    background:rgba(3,30,56,.78) !important;

    border-bottom:1px solid rgba(255,255,255,.12);

    box-shadow:none !important;

    backdrop-filter:blur(3px);
}


/* remove upper contact bar on Tours page */
body .site-header .top-bar{
    display:none !important;
}


body .site-header .main-navbar{
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
}


body .site-header .nav-container{
    width:min(1440px,calc(100% - 80px));
    margin:0 auto;

    min-height:92px;
}


/* ==========================================================
   LOGO
========================================================== */

body .site-header .site-logo{
    width:auto !important;
    height:auto !important;

    padding:0 !important;

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

    background:transparent !important;

    box-shadow:none !important;
}


body .site-header .site-logo img{
    width:225px !important;
    max-width:225px !important;
    height:72px !important;

    object-fit:contain;

    background:transparent !important;

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

    box-shadow:none !important;
}


/* ==========================================================
   NAVIGATION
========================================================== */

body .site-header .main-menu{
    gap:38px;
}


body .site-header .main-menu a{
    position:relative;

    padding:34px 0 30px;

    color:#fff !important;

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

    background:transparent !important;

    border:0 !important;
}


body .site-header .main-menu a:hover,
body .site-header .main-menu a.active{
    color:var(--zp-gold) !important;
}


body .site-header .main-menu a.active::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:21px;

    width:38px;
    height:2px;

    margin:auto;

    border-radius:2px;

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


/* Plan Your Trip button */
body .site-header .header-btn,
body .site-header .plan-trip-btn,
body .site-header .primary-btn,
body .site-header .nav-btn{
    background:var(--zp-gold) !important;
    color:var(--zp-navy) !important;

    border:0 !important;

    border-radius:9px !important;

    box-shadow:none !important;
}



/* ==========================================================
   CONTAINER
========================================================== */

.zpt-container{
    width:min(1440px,calc(100% - 80px));
    margin:0 auto;
}



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

.zpt-hero{
    position:relative;

    min-height:400px;

    display:flex;
    align-items:center;

    overflow:hidden;

    /*
     * Temporary ONLINE image.
     * Replace this URL later with your own image.
     */
    background-image:
        linear-gradient(
            90deg,
            rgba(3,30,56,.88) 0%,
            rgba(3,30,56,.75) 40%,
            rgba(3,30,56,.48) 72%,
            rgba(3,30,56,.58) 100%
        ),
        url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=2200&q=88');

    background-size:cover;

    background-position:center 46%;

    background-repeat:no-repeat;
}


.zpt-hero-shade{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(0,18,36,.20) 0%,
            rgba(0,18,36,.04) 55%,
            rgba(0,18,36,.16) 100%
        );

    pointer-events:none;
}



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

.zpt-hero-layout{
    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(390px,.80fr)
        minmax(700px,1.65fr);

    align-items:center;

    gap:55px;

    /*
     * header is absolute;
     * this pushes content below navbar
     */
    padding-top:135px;
    padding-bottom:55px;
}



/* ==========================================================
   LEFT HERO CONTENT
========================================================== */

.zpt-hero-content{
    max-width:480px;
}


.zpt-eyebrow{
    display:block;

    margin:0 0 14px;

    color:var(--zp-gold);

    font-size:12px;
    font-weight:800;

    letter-spacing:.6px;
}


.zpt-hero-content h1{
    margin:0;

    color:#fff;

    font-size:48px;
    line-height:1.10;

    font-weight:800;

    letter-spacing:-1.1px;
}


.zpt-hero-content p{
    max-width:455px;

    margin:22px 0 0;

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

    font-size:14px;

    line-height:1.8;
}



/* ==========================================================
   SEARCH PANEL
========================================================== */

.zpt-search-box{
    width:100%;

    padding:18px;

    border-radius:18px;

    background:#fff;

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


/* SEARCH MAIN ROW */

.zpt-search-row{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        185px;

    gap:14px;
}


.zpt-search-input{
    height:62px;

    display:flex;

    align-items:center;

    gap:17px;

    padding:0 21px;

    border:1px solid var(--zp-border);

    border-radius:11px;

    background:#fff;
}


.zpt-search-input i{
    flex:none;

    color:var(--zp-gold);

    font-size:19px;
}


.zpt-search-input input{
    width:100%;
    height:100%;

    padding:0;

    border:0;
    outline:0;

    background:transparent;

    color:var(--zp-text);

    font-size:14px;
}


.zpt-search-input input::placeholder{
    color:#838d96;
}


.zpt-search-button{
    height:62px;

    padding:0 20px;

    border:0;

    border-radius:11px;

    background:var(--zp-gold-soft);

    color:var(--zp-navy);

    font-size:14px;

    font-weight:800;

    cursor:pointer;

    transition:.2s ease;
}


.zpt-search-button:hover{
    background:var(--zp-gold);

    color:var(--zp-navy);
}



/* ==========================================================
   FILTERS BELOW SEARCH
========================================================== */

.zpt-filter-row{
    display:grid;

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

    gap:14px;

    margin-top:14px;
}


.zpt-select-box{
    height:56px;

    display:flex;

    align-items:center;

    gap:14px;

    padding:0 18px;

    border:1px solid var(--zp-border);

    border-radius:10px;

    background:#fff;
}


.zpt-select-box i{
    width:19px;

    flex:none;

    color:var(--zp-navy);

    font-size:17px;

    text-align:center;
}


.zpt-select-box select{
    width:100%;
    height:100%;

    padding:0;

    border:0;
    outline:0;

    background:transparent;

    color:var(--zp-text);

    font-size:13px;

    cursor:pointer;
}



/* ==========================================================
   MAIN TOURS AREA
========================================================== */

.zpt-main{
    padding:30px 0 75px;

    background:#fff;
}



/* ==========================================================
   FILTER TABS / SORT
========================================================== */

.zpt-toolbar{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

    margin-bottom:29px;
}


.zpt-category-tabs{
    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;
}


.zpt-category-tabs a{
    min-height:45px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:0 22px;

    border:1px solid var(--zp-border);

    border-radius:28px;

    background:#fff;

    color:var(--zp-text);

    text-decoration:none;

    font-size:11px;

    font-weight:700;

    transition:.2s ease;
}


.zpt-category-tabs a:hover{
    border-color:var(--zp-gold);

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


.zpt-category-tabs a.active{
    border-color:var(--zp-navy);

    background:var(--zp-navy);

    color:#fff;
}


.zpt-sort select{
    min-width:265px;

    height:49px;

    padding:0 17px;

    border:1px solid var(--zp-border);

    border-radius:10px;

    outline:0;

    background:#fff;

    color:var(--zp-text);

    font-size:11px;
}



/* ==========================================================
   4 CARDS PER ROW
========================================================== */

.zpt-grid{
    display:grid;

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

    gap:22px;
}



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

.zpt-card{
    min-width:0;

    overflow:hidden;

    border:1px solid #e2e8ed;

    border-radius:13px;

    background:#fff;

    box-shadow:
        0 8px 27px
        rgba(4,39,69,.065);

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


.zpt-card:hover{
    transform:translateY(-4px);

    box-shadow:
        0 18px 38px
        rgba(4,39,69,.12);
}



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

.zpt-card-image{
    position:relative;

    height:205px;

    display:block;

    overflow:hidden;

    background:#e9eef1;
}


.zpt-card-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .5s ease;
}


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


.zpt-image-placeholder{
    width:100%;
    height:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#8a9aa5;

    font-size:30px;
}



/* ==========================================================
   BADGE
   NO GREEN / NO ORANGE
========================================================== */

.zpt-card-badge{
    position:absolute;

    top:15px;
    right:15px;

    min-height:30px;

    display:flex;

    align-items:center;

    padding:0 14px;

    border-radius:7px;

    background:var(--zp-navy);

    color:#fff;

    font-size:9px;

    font-weight:800;

    box-shadow:
        0 5px 12px
        rgba(0,0,0,.12);
}


.zpt-card-badge-gold{
    background:var(--zp-gold);

    color:var(--zp-navy);
}



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

.zpt-card-body{
    padding:17px 18px 16px;
}



/* REVIEWS */

.zpt-card-rating{
    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:13px;
}


.zpt-review-count{
    color:#596b79;

    font-size:9px;
}


.zpt-stars{
    display:flex;

    align-items:center;

    gap:2px;

    color:var(--zp-gold);

    font-size:10px;
}



/* TITLE */

.zpt-card-body h3{
    min-height:49px;

    margin:0 0 15px;

    color:var(--zp-text);

    font-size:15px;

    line-height:1.45;

    font-weight:800;
}


.zpt-card-body h3 a{
    color:inherit;

    text-decoration:none;
}


.zpt-card-body h3 a:hover{
    color:var(--zp-gold);
}



/* ==========================================================
   LOCATION + DURATION
========================================================== */

.zpt-tour-meta{
    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:22px;

    padding-bottom:15px;

    border-bottom:1px solid #e5ebef;
}


.zpt-tour-meta span{
    display:flex;

    align-items:center;

    gap:8px;

    color:#536878;

    font-size:10px;
}


.zpt-tour-meta i{
    color:#71818d;

    font-size:13px;
}



/* ==========================================================
   PRICE
========================================================== */

.zpt-card-bottom{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    padding-top:15px;
}


.zpt-price{
    display:flex;

    align-items:baseline;

    gap:4px;
}


.zpt-price strong{
    color:var(--zp-navy);

    font-size:18px;

    font-weight:900;
}


.zpt-price span{
    color:#647584;

    font-size:9px;
}


.zpt-heart{
    width:35px;
    height:35px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#657987;

    text-decoration:none;

    font-size:17px;

    transition:.2s ease;
}


.zpt-heart:hover{
    color:var(--zp-gold);
}



/* ==========================================================
   PAGINATION
========================================================== */

.zpt-pagination{
    margin-top:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;
}


.zpt-pagination a,
.zpt-pagination span{
    min-width:40px;

    height:40px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:0 13px;

    border:1px solid var(--zp-border);

    border-radius:8px;

    background:#fff;

    color:var(--zp-navy);

    text-decoration:none;

    font-size:10px;

    font-weight:700;
}


.zpt-pagination a:hover,
.zpt-pagination a.active{
    border-color:var(--zp-navy);

    background:var(--zp-navy);

    color:#fff;
}


.zpt-pagination .disabled{
    opacity:.40;
}



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

.zpt-empty{
    grid-column:1/-1;

    padding:65px 25px;

    border:1px dashed var(--zp-border);

    border-radius:14px;

    text-align:center;
}


.zpt-empty i{
    color:var(--zp-gold);

    font-size:38px;
}


.zpt-empty h3{
    margin:13px 0 6px;

    color:var(--zp-navy);
}


.zpt-empty p{
    color:var(--zp-muted);
}


.zpt-empty a{
    display:inline-flex;

    margin-top:10px;

    padding:11px 18px;

    border-radius:8px;

    background:var(--zp-navy);

    color:#fff;

    text-decoration:none;
}



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

@media(max-width:1280px){

    .zpt-container{
        width:calc(100% - 50px);
    }

    .zpt-hero-layout{
        grid-template-columns:
            350px
            minmax(0,1fr);

        gap:35px;
    }

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

}


@media(max-width:980px){

    body .site-header .nav-container{
        width:calc(100% - 35px);
    }

    .zpt-hero-layout{
        grid-template-columns:1fr;

        gap:30px;

        padding-top:130px;
    }

    .zpt-hero-content{
        max-width:650px;
    }

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

    .zpt-toolbar{
        align-items:flex-start;

        flex-direction:column;
    }

}


@media(max-width:700px){

    .zpt-container{
        width:calc(100% - 28px);
    }

    body .site-header .site-logo img{
        width:165px !important;
        height:58px !important;
    }

    .zpt-hero{
        min-height:auto;
    }

    .zpt-hero-layout{
        padding-top:115px;
        padding-bottom:40px;
    }

    .zpt-hero-content h1{
        font-size:35px;
    }

    .zpt-search-row{
        grid-template-columns:1fr;
    }

    .zpt-search-button{
        height:54px;
    }

    .zpt-filter-row{
        grid-template-columns:1fr;
    }

    .zpt-toolbar{
        align-items:stretch;
    }

    .zpt-sort,
    .zpt-sort select{
        width:100%;
    }

    .zpt-grid{
        grid-template-columns:1fr;
    }

    .zpt-card-image{
        height:240px;
    }

}


/* ==========================================================
   ZAN PEARL TOUR CARDS - MATCH REFERENCE
========================================================== */

.zpt-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:28px;
    align-items:start;
}

.zpt-card{
    position:relative;
    min-width:0;
    overflow:visible;

    border:0;
    border-radius:16px;

    background:transparent;

    box-shadow:none;

    transition:transform .25s ease;
}

.zpt-card:hover{
    transform:translateY(-4px);
}


/* IMAGE */

.zpt-card-image{
    position:relative;

    height:235px;

    display:block;

    overflow:hidden;

    border-radius:15px 15px 0 0;

    background:#edf2f4;
}

.zpt-card-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:transform .5s ease;
}

.zpt-card:hover .zpt-card-image img{
    transform:scale(1.045);
}


/* BADGES */

.zpt-card-badge{
    position:absolute;

    top:18px;
    left:18px;
    right:auto;

    min-height:33px;

    padding:0 13px;

    display:flex;
    align-items:center;

    border-radius:8px;

    background:var(--zp-navy);

    color:#fff;

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

    box-shadow:none;
}

.zpt-card-badge-gold{
    background:var(--zp-gold);

    color:var(--zp-navy);
}


/* BODY OVERLAPS IMAGE */

.zpt-card-body{
    position:relative;

    z-index:2;

    margin-top:-17px;

    padding:30px 28px 28px;

    border-radius:20px;

    background:#fff;

    box-shadow:
        0 13px 34px rgba(7,43,79,.08);
}


/* RATING */

.zpt-card-rating{
    display:flex;
    align-items:center;

    gap:16px;

    margin-bottom:22px;
}

.zpt-review-count{
    color:#536676;

    font-size:9px;
}

.zpt-stars{
    display:flex;
    align-items:center;

    gap:2px;

    color:var(--zp-gold);

    font-size:10px;
}


/* TITLE */

.zpt-card-body h3{
    min-height:56px;

    margin:0 0 20px;

    color:var(--zp-text);

    font-size:17px;
    line-height:1.55;
    font-weight:800;
}

.zpt-card-body h3 a{
    color:inherit;
    text-decoration:none;
}

.zpt-card-body h3 a:hover{
    color:var(--zp-gold-dark);
}


/* META + PRICE PANEL */

.zpt-tour-meta{
    min-height:52px;

    padding:15px 18px 12px;

    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:18px;

    border:0;

    border-radius:10px 10px 0 0;

    background:#f3f7f7;
}

.zpt-tour-meta span{
    display:flex;
    align-items:center;

    gap:7px;

    color:#546977;

    font-size:9px;
}

.zpt-tour-meta i{
    color:var(--zp-gold-dark);

    font-size:11px;
}


/* PRICE AREA */

.zpt-card-bottom{
    position:relative;

    margin:0;

    padding:17px 18px;

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

    gap:10px;

    border:0;
    border-radius:0 0 10px 10px;

    background:#f3f7f7;
}

.zpt-card-bottom::before{
    content:"";

    position:absolute;

    top:0;
    left:18px;
    right:18px;

    height:1px;

    background:#dbe4e5;
}

.zpt-price{
    display:flex;
    align-items:baseline;

    gap:3px;
}

.zpt-price strong{
    color:var(--zp-navy);

    font-size:17px;
    line-height:1;
    font-weight:900;
}

.zpt-price span{
    color:#60727f;

    font-size:8px;
}


/* HEART */

.zpt-heart{
    width:32px;
    height:32px;

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

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

    text-decoration:none;

    font-size:16px;

    transition:.2s ease;
}

.zpt-heart:hover{
    color:var(--zp-navy);
}


/* RESPONSIVE */

@media(max-width:1280px){

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

}

@media(max-width:950px){

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

}

@media(max-width:700px){

    .zpt-grid{
        grid-template-columns:1fr;
    }

    .zpt-card-image{
        height:245px;
    }

    .zpt-card-body{
        padding:28px 22px 24px;
    }

}


/* =========================================================
   ZURI JOURNEYS - TOURS READABILITY FIX
========================================================= */

.zpt-card-body h3,
.zpt-card-body h3 a{
    color:#003f3b !important;
    font-size:18px !important;
    line-height:1.45 !important;
    font-weight:800 !important;
}

.zpt-review-count,
.zpt-tour-meta span,
.zpt-price span,
.zpt-card-badge{
    font-size:12px !important;
    line-height:1.5 !important;
}

.zpt-tour-meta span{
    color:#4f6661 !important;
}

.zpt-price small{
    color:#687975 !important;
    font-size:11px !important;
}

.zpt-price strong{
    color:#004d47 !important;
    font-size:19px !important;
    font-weight:800 !important;
}

.zpt-card-body p{
    color:#5f716d !important;
    font-size:13px !important;
    line-height:1.75 !important;
}


/* =========================================================
   ZURI JOURNEYS - TOURS PAGE FINAL BRAND
========================================================= */

:root{
    --zp-navy:#004d47 !important;
    --zp-navy-dark:#003f3b !important;
    --zp-gold:#FFD21A !important;
    --zp-gold-soft:#FFD21A !important;
    --zp-white:#ffffff !important;
    --zp-text:#355f5b !important;
    --zp-muted:#687975 !important;
    --zp-border:#dce7e3 !important;
    --zp-soft:#f5f7f6 !important;
}


/* =========================================================
   HEADER - MATCH HOME PAGE
========================================================= */

body .site-header{
    position:relative !important;
    top:auto !important;

    background:transparent !important;

    border:0 !important;
    box-shadow:none !important;

    backdrop-filter:none !important;
}


/* SHOW TOP BAR LIKE HOME */
body .site-header .top-bar{
    display:block !important;

    background:#06252f !important;
}


/* MAIN NAVBAR */
body .site-header .main-navbar{
    background:#00574f !important;

    border:0 !important;
    box-shadow:none !important;
}


/* SAME NAV CONTAINER FEEL AS HOME */
body .site-header .nav-container{
    width:min(1410px,calc(100% - 70px)) !important;

    min-height:82px !important;

    margin:auto !important;
}


/* LOGO */
body .site-header .site-logo{
    background:#ffffff !important;

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

    padding:8px 26px 8px 14px !important;

    box-shadow:none !important;
}


body .site-header .site-logo img{
    width:auto !important;
    max-width:220px !important;
    height:61px !important;

    object-fit:contain !important;
}


/* MENU */
body .site-header .main-menu{
    gap:36px !important;
}


body .site-header .main-menu a{
    padding:0 !important;

    color:#ffffff !important;

    font-size:15px !important;
    font-weight:700 !important;
}


body .site-header .main-menu a:hover,
body .site-header .main-menu a.active{
    color:#ffffff !important;
}


body .site-header .main-menu a.active::after{
    bottom:-16px !important;

    width:38px !important;

    background:#FFD21A !important;
}


/* PHONE AREA */
body .site-header .header-call{
    color:#004d47 !important;
}


body .site-header .header-call-icon{
    background:#005f57 !important;

    border-color:#FFD21A !important;

    color:#ffffff !important;
}


body .site-header .header-call-icon i{
    color:#ffffff !important;
}


body .site-header .header-call-text small,
body .site-header .header-call-text strong{
    color:#004d47 !important;
}


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

.zpt-hero{
    min-height:390px !important;

    background-image:
        linear-gradient(
            90deg,
            rgba(0,63,59,.78) 0%,
            rgba(0,77,71,.62) 42%,
            rgba(0,77,71,.38) 72%,
            rgba(0,63,59,.44) 100%
        ),
        url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=2200&q=88') !important;
}


.zpt-hero-shade{
    background:
        linear-gradient(
            180deg,
            rgba(0,63,59,.10),
            rgba(0,63,59,.03),
            rgba(0,63,59,.12)
        ) !important;
}


/* because header is no longer absolute */
.zpt-hero-layout{
    padding-top:55px !important;
    padding-bottom:55px !important;
}


/* HERO TEXT */
.zpt-eyebrow{
    color:#FFD21A !important;

    font-size:12px !important;
    font-weight:900 !important;
}


.zpt-hero-content h1{
    color:#ffffff !important;
}


.zpt-hero-content p{
    color:rgba(255,255,255,.94) !important;
}


/* =========================================================
   SEARCH PANEL
========================================================= */

.zpt-search-box{
    background:#ffffff !important;

    box-shadow:
        0 18px 45px
        rgba(0,77,71,.16) !important;
}


.zpt-search-input{
    border-color:#dce7e3 !important;
}


.zpt-search-input i{
    color:#005f57 !important;
}


.zpt-search-input input{
    color:#003f3b !important;
}


.zpt-search-input input::placeholder{
    color:#687975 !important;
}


/* SEARCH BUTTON */
.zpt-search-button{
    background:#FFD21A !important;

    color:#ffffff !important;

    border:1px solid #FFD21A !important;

    font-weight:800 !important;
}


.zpt-search-button:hover{
    background:#005f57 !important;

    border-color:#005f57 !important;

    color:#ffffff !important;
}


/* FILTER SELECTS */
.zpt-select-box{
    border-color:#dce7e3 !important;

    background:#ffffff !important;
}


.zpt-select-box i{
    color:#005f57 !important;
}


.zpt-select-box select{
    color:#355f5b !important;
}


/* =========================================================
   FILTER TABS
========================================================= */

.zpt-category-tabs a{
    border-color:#dce7e3 !important;

    background:#ffffff !important;

    color:#355f5b !important;
}


.zpt-category-tabs a:hover{
    border-color:#FFD21A !important;

    color:#FFD21A !important;
}


.zpt-category-tabs a.active{
    background:#005f57 !important;

    border-color:#005f57 !important;

    color:#ffffff !important;
}


/* =========================================================
   TOUR CARDS
========================================================= */

.zpt-card-badge{
    background:#005f57 !important;

    color:#ffffff !important;
}


.zpt-card-badge-gold{
    background:#FFD21A !important;

    color:#ffffff !important;
}


.zpt-stars,
.zpt-stars i{
    color:#FFD21A !important;
}


.zpt-card-body h3,
.zpt-card-body h3 a{
    color:#003f3b !important;
}


.zpt-card-body h3 a:hover{
    color:#FFD21A !important;
}


.zpt-tour-meta{
    background:#f5f7f6 !important;
}


.zpt-tour-meta span{
    color:#4f6661 !important;
}


.zpt-tour-meta i{
    color:#005f57 !important;
}


.zpt-card-bottom{
    background:#f5f7f6 !important;
}


.zpt-price strong{
    color:#004d47 !important;
}


.zpt-heart{
    color:#FFD21A !important;
}


.zpt-heart:hover{
    color:#005f57 !important;
}


/* =========================================================
   PAGINATION
========================================================= */

.zpt-pagination a,
.zpt-pagination span{
    border-color:#dce7e3 !important;

    color:#004d47 !important;
}


.zpt-pagination a:hover,
.zpt-pagination a.active{
    background:#005f57 !important;

    border-color:#005f57 !important;

    color:#ffffff !important;
}


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

@media(max-width:700px){

    body .site-header .nav-container{
        width:calc(100% - 28px) !important;
    }


    body .site-header .site-logo{
        padding:4px 10px !important;

        background:transparent !important;

        border-radius:0 !important;
    }


    body .site-header .site-logo img{
        width:165px !important;
        max-width:165px !important;

        height:58px !important;
    }


    .zpt-hero-layout{
        padding-top:45px !important;
        padding-bottom:40px !important;
    }

}

