/**************New**************/
/***Ultimate panel has a different border**/
/** Not ist parent container also needs to be wider...see mockup HTML**/
.ultimate-panel {
    border: solid;
    border-color: #ac9562;
    border-width: 6px;
    border-radius: 0px;
}

    /** Ultimate offer has larger image**/
    .ultimate-panel .check-img-ie {
        height: 300px
    }

    .ultimate-panel .offer-img {
        height: 300px;
        object-position: top left !important
    }


.display-offer.ultimate-panel a {
    color: #ac9562 !important;
    border-color: #ac9562 !important
}

    .display-offer.ultimate-panel a:hover {
        background-color: #ac9562 !important;
        color: #ffffff !important
    }


/*Ultimate snipe size and color CSS***/
.display-offer.ultimate-panel .snipe-top-right span {
    color: #ffffff;
    background-color: #ac9562
}

.display-offer.ultimate-panel .snipe-top-right span {
    left: 0px;
    top: -19px;
    z-index: 999;
    height: 90px;
    white-space: break-spaces !impoprtant;
    word-break: break-all;
    width: 250px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 30px;
    word-spacing: 300px;
    line-height: 15px;
    font-size: 13px
}

.ultimate-panel .snipe span {
    box-shadow: 0 0px 0px rgba(0,0,0,0) !important;
}

@media only screen and (min-width: 992px) {
    .ultimate-panel .offer-logo-block {
        bottom: 0px !important;
        position: absolute !important;
        right: 40px !important;
        width: 10% !important;
    }

        .ultimate-panel .offer-logo-block .offer-logo {
            margin-bottom: 20px
        }
}

.ultimate-panel .panel-body {
    padding: 0px !important
}

.ultimate-image {
    padding: 0px
}

@media only screen and (min-width: 992px) {
    .ultimate-copy {
        padding-left: 50px
    }
}




.ATCiconsm {
    background: #b69c5a;
    height: 20px;
    margin: 0;
    position: absolute;
    width: 25px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.75em;
    font-size: 20px;
    color: #f2f2f2;
}

    .ATCiconsm:after,
    .ATCiconsm:before {
        content: '';
        position: absolute;
        border-top: 15px solid #b69c5a;
        height: 0;
        width: 0;
        top: 100%;
    }

    .ATCiconsm:after {
        border-left: 20px solid transparent;
        right: 0px;
    }

    .ATCiconsm:before {
        border-right: 20px solid transparent;
        left: 0px;
    }

.atc_exc .ATCiconsm {
    top: 0;
    right: 0;
    left: auto;
}

@media (min-width: 768px) {


    .atc_exc .ATCiconsm {
        top: 0;
        right: 0;
        left: auto;
    }

    .ATClogo img {
        margin-right: 20px;
    }
}





.view-profile {
    margin-top: 15px;
    position: absolute;
    background-color: #588ad5;
    color: #ffffff;
    width: 100%;
    bottom: 0px;
    margin-top: 20px;
    left: 0px;
    padding: 10px;
    text-align: center
}

.bd_CampaignOffer #offer {
    position: relative;
    margin-top: -270px !important;
}

/***fix headline display issue**/
/*.bd_CampaignDetails #campaign-image .banner-image-content{margin-top:-170px}*/

.agencysearchdisplay h3, .agencysearchdisplay h4 {
    font-weight: bold;
}

.agent-buttons .fa-check {
    margin-right: 5px
}

.agencysearchpanelbody {
    min-height: 500px;
}

.agencysearchpanelbody {
    padding: 0px
}

.agency-email {
    word-wrap: anywhere;
}



.card-meet {
    padding-bottom: 40px
}

.card-meet .agency-logo {
    margin-top: 20px
}

.view-profile a {
    color: #FFFFFF;
    font-size: 14px
}

    .view-profile a:hover {
        color: #ffffff;
        text-decoration: underline
    }

.bd_advisors #main-content {
    padding-top: 20px
}

.agent-headshot:hover {
    filter: brightness(110%)
}

.card-expertise h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: 1px;
    font-family: 'Cabin';
    margin-top: 0px;
}

.agency-details h4 {
    margin-bottom: 0px;
    color: #999999;
    font-size: 12px;
    margin-top: 15px
}

.about-us {
    padding: 0px 30px;
}

.sticky-agent #btnAgencySearch {
    padding-right: 0px;
    padding-left: 0px
}

#btnAgencySearch .fa-search {
    margin-left: 0px;
    margin-right: 6px
}


/****** Adding an updated secondary style to standardise button display****/
.btn-secondary {
    border-width: 1px !important;
    border: 1px !important;
    border-style: solid !important;
    border-color: #d5d7df !important;
    border-radius: 3px;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 5px 10px;
    transition: 0.1s background-color linear, 0.1s color linear;
    display: inline-block;
    margin-top: 14px;
    color: #254c6d !important;
    background: transparent;
    font-weight: 500;
    text-transform: uppercase;
    box-shadow: rgba(0, 0, 0, 0) 0px 2px 5px 0px, rgba(0, 0, 0, 0) 0px 2px 10px 0px;
    line-height: 22px
}


    .btn-secondary:hover, .btn-secondary:hover {
        border-width: 1px;
        background: #262831 !important;
        color: #ffffff !important;
    }



btn-primary:focus {
    background-color: #f5f5f5 !important
}

.agency-logo {
    margin: 0 auto;
    margin-bottom: 20px;
    object-fit: contain;
    width: 140px;
    height: 90px
}

.agent-sub-head {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 14px
}

.dvFindAnAgent .agent-sub-head {
    text-align: left;
    margin-top: 20px
}

.top-destinations, .top-specialities {
    margin-bottom: 20px
}

.dvFindAnAgent {
    padding-bottom: 50px
}

.view-profile {
    margin-top: 15px;
    position: absolute;
    background-color: #588ad5;
    color: #ffffff;
    width: 100%;
    bottom: 0px;
    margin-top: 20px;
    left: 0px;
    padding: 10px;
    text-align: center
}

.btn.btn-block {
  margin: 2px 0;
}

.searchboxHeaderText
{
    font-weight:bold;
}

/****** New region selection*******/
#select-region {
    display: inline-block;
    vertical-align: middle;
}

    #select-region .btn-secondary {
        margin-top: 0px !important;
        border: 0px !important;
        padding: 0px;
        margin-left: 3px !important;
    }

        #select-region .btn-secondary:hover {
            background-color: transparent !important;
            box-shadow: none !important;
        }

    #select-region #dropdownMenuButton:hover {
        border-color: #98b2d6
    }


    #select-region .btn-secondary:hover img {
        transform: scale(1.1);
        transition: transform 0.2s ease-in-out
    }


    #select-region .dropdown {
        width: auto;
    }

.edition-item {
    padding: 10px 20px
}

    .edition-item:hover {
        background-color: #e3e7f1
    }

.dropdown .dropdown-menu {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0
}

.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    max-height: 300px
}

.dropdown.open .dropdown-menu {
    max-height: 300px;
    opacity: 1
}

#select-region.v1 img.menu-flag {
    border-radius: 3px
}

.menu-flag {
    max-width: 38px
}

.edition-location img.menu-flag {
    max-width: 24px;
    margin-right: 10px
}


.find-advisor {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 40px;
    padding-bottom: 40px;
    box-shadow: 0 2px 5px 0 rgba(81, 75, 75, 0.1), 0 2px 10px 0 rgba(45, 42, 42, 0.1) !important;
    margin-top: 25px;
    border-radius: 8px
}

.card-find-an-agent .find-advisor{  box-shadow: 0 0px 0px 0 rgba(81, 75, 75, 0), 0 2px 10px 0 rgba(45, 42, 42, 0) !important;}

.btn-primary:focus {
    background-color: #78a3ea !important;
}

.agent-buttons {
  margin-top: 25px;
  margin-bottom:20px;	
  flex-wrap: wrap;
}

.bd_CampaignOfferOffer .navbardefault {
    position: relative;
}

.bd_CampaignOffer .card-meet-float {
    margin-left: 30px;
    margin-top: 15px;
    margin-bottom: 10px;
    min-width: 220px;
}

.bd_CampaignOffer .card-meet-float .agency-logo {
    margin-bottom: 40px
}

.bd_CampaignDetails .card-meet-float .agency-logo-section img.agency-logo{margin-bottom:50px}
.btn .fa-question-circle, .ntn .fa-ship{margin-left:0px!important}




/*********Updated CSS for modal etc*****/

/*.btn-primary:focus {
    background-color: #f5f5f5 !important
}*/

.agent-buttons {
    margin-top: 25px;
    flex-wrap: wrap;
}

    .agent-buttons .agent-btn {
        margin-bottom: 5px;
        margin-top: 5px;
        margin-right: 0px
    }

.popup-modal .modal-content {
    border-radius: 7px !important;
    border: 6px solid #124e86;
    text-align: center;
}


.popup-modal p, .popup-modal h1, .popup-modal h2 {
    margin-top: 5px !important
}

.popup-modal .modal-footer {
    text-align: center
}

.popup-modal .fa-mobile-screen {
    color: #588ad5;
    font-size: 28px
}

.popup-modal .close-btn {
    text-align: right !important;
}

    .popup-modal .close-btn a {
        color: #ffffff;
        font-size: 20px;
        font-weight: bold;
        margin-right: 10px
    }

        .popup-modal .close-btn a:hover {
            color: #7B1011
        }

/*Modal animation*/
.fade-scale {
    transform: scale(0);
    opacity: 0.5;
    -webkit-transition: all .55s linear;
    -o-transition: all .55s linear;
    transition: all .55s linear;
}

    .fade-scale.in {
        opacity: 1;
        transform: scale(1);
    }


/***** animate phone***/
@keyframes wobble {
    0% {
        transform: translateX(0);
    }

    15% {
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0);
    }
}

.wobble-element {
    animation: wobble 1s ease-in-out infinite;
}




/*****Destination panel images**/
.destinations-africa {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310426/destination-banners-africa.jpg");
    background-position: center;
}

.destinations-asia {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .2), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310427/destination-banners-asia.jpg");
    background-position: center;
}

.destinations-the-caribbean {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/287353/caribbean.jpg");
    background-position: center;
}

.destinations-caribbean {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/287353/caribbean.jpg");
    background-position: center;
}

.destinations-mexico {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299405/mexico.jpg");
    background-position: center;
}

.destinations-us {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310428/destination-banners-us.jpg");
    background-position: center;
}

.destinations-south-america {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310425/destination-banner-south-america.jpg");
    background-position: center;
}

.destinations-cruise-lines {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299409/cruise-lines.jpg");
    background-position: center;
}

.destinations-antarctica {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/306475/antarctica.jpg");
    background-position: center;
}

.destinations-australia {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299400/aus1.jpg");
    background-position: center;
}

.destinations-europe {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310424/destination-banner-europe.jpg");
    background-position: center;
}

.destinations-canada {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302633/panel-canada.jpg");
    background-position: center;
}

.destinations-the-pacific-islands {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302635/panel-pacific.jpg");
    background-position: center;
}

.destinations-central-america {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302634/panel-central-america.jpg");
    background-position: center;
}

.destinations-middle-east {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/library/2023/ATC-More-Destinations/me.jpg");
    background-position: center;
}

.destinations-view-TE {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299395/banner-travelexperiences.jpg");
    background-position: center;
}


.background-destinations {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299383/banner-destinations.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299383/banner-destinations.jpg");
}

.background-destinations-the-caribbean {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299384/banner-destinations-caribbean.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299384/banner-destinations-caribbean.jpg");
}

.background-destinations-africa {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310426/destination-banners-africa.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310426/destination-banners-africa.jpg");
}

.background-destinations-australia {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302262/banner-australia.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302262/banner-australia.jpg");
}

.background-destinations-mexico {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302369/banner-mexico.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302369/banner-mexico.jpg");
}

.background-destinations-united-states {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310428/destination-banners-us.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310428/destination-banners-us.jpg");
}

.background-destinations-europe {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310424/destination-banner-europe.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310424/destination-banner-europe.jpg");
}

.background-destinations-south-america {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310425/destination-banner-south-america.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310425/destination-banner-south-america.jpg");
}

.background-destinations-asia {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310427/destination-banners-asia.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/310427/destination-banners-asia.jpg");
}

.background-destinations-canada {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302630/banner-canada.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302630/banner-canada.jpg");
}

.background-destinations-central-america {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302631/banner-centralamerica.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302631/banner-centralamerica.jpg");
}

.background-destinations-pacific-islands,
.background-destinations-pacific-region {
    /*old Safari*/
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302632/banner-pacific.jpg");
    /*Others*/
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302632/banner-pacific.jpg");
}

/*****travelexperience panel images**/
.experiences-resorts {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299369/panel-resorts.jpg");
}

/*.experiences-resorts {
    background-image: radial-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("../The%20Magazine-Updated_files/resorts.jpg");
}

.experiences-cruise {
    background-image: radial-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("../The%20Magazine-Updated_files/panel-ocean2.jpg");
}*/


.experiences-boutique {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .2), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299359/panel-boutique.jpg");
}

.experiences-city {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299360/panel-city.jpg");
}

.experiences-cruise {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299361/panel-cruise.jpg");
}

/*.experiences-cruise {
    background-image: radial-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302559/panel-ocean.jpg");
}*/

.experiences-adventure2 {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299357/panel-adventure.jpg");
}

.experiences-adventure {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302556/panel-adventure2.jpg");
}

/*.experiences-tailor {
    background-image: radial-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299372/panel-tailor.jpg");
}*/

.experiences-tailormade {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/306468/panel-tailormade.jpg");
}

.experiences-villa {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/306469/panel-villa.jpg");
}

.experiences-lgbt {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299367/panel-lgbt.jpg");
}

.experiences-family {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302555/panel-family3.jpg");
}

.experiences-allin {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299358/panel-allin.jpg");
}

.experiences-romance {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299371/panel-romance.jpg");
}

.experiences-river {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299370/panel-river.jpg");
}

.experiences-rail {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299368/panel-rail.jpg");
}

.experiences-rail {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302567/panel-rail2.jpg");
}

.experiences-wellness,
.experiences-wellnessspa,
.experiences-wellbeing {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/302560/panel-wellbeing.jpg");
}

.experiences-culinary {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299362/panel-culinary.jpg");
}

.experiences-guided,
.experiences-tour {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299366/panel-guided.jpg");
}

.experiences-golf {
    background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/299365/panel-golf.jpg");
}

[class*="sizzling"] {
    background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)), url("https://www.theaffluenttraveler.com/media/305585/banner-sizzling-19.jpg");
}

.select-section {
    background-size: cover, cover;
    color: #fff;
    font-family: 'Nunito Sans', 'sofia_prolight', sans-serif;
    font-size: 15px;
    letter-spacing: 3px;
    font-weight: normal;
    height: 250px !important;
    margin-bottom: auto;
    margin-top: auto;
    /* text-shadow: 2px 2px 4px #000000; */
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}

#section-selection .section-panel {
    margin-bottom: 7px;
}

.section-panel {
    background-color: #fff;
    border-radius: 7px;
    margin: 0.5rem 0 1rem;
}

/*********************** NEW 08-March ***************************************** *************************INSPIRATION Mockup!!!********************************************************************************************/

/*** main content padding update for this page so that content can align as required to top/bottom***/
.bd_Inspirationtest #main-content {
    padding-bottom: 0px;
    padding-top: 0px
}

/************** Full width row that breaks out of center container - used for the search and blue full widthbranding sections **************************/

.full-width-row {
    width: 100vw;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
}


/************** Search  section for search blog and find an agent*********/
.search-for-stuff {
    background-color: #e0e1e7;
    padding-top: 20px;
    padding-bottom: 20px
}

    .search-for-stuff .search-container {
        padding-left: 0px;
        padding-right: 0px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

/***************Top branding - Journeys logo row****************/
.journeys-branding {
    padding: 40px 0px 40px 0px
}

    .journeys-branding img {
        max-width: 240px
    }



/**** Using card layouts for the inspiration sections *****/



.card-inspiration {
    /**no box shadow or border radius.. remove white background too .. but keep card structure for layout***/
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.0), 0 2px 10px 0 rgba(0,0,0,0.0);
    border-radius: 0px;
    margin-top: 0px;
    background-color: transparent !important;
    flex: 1;
    margin-bottom: 30px
}



/**** Cropping the Inspiration card images ******/
.inspiration-img /*** standard inspiration Image- side cols*/ {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 7px !important
}


/*** Main (center column) inspiration img should be cropped taller *****Important***** add this (inspiration-img-main) class to the main inspiration image in center col ***/
.inspiration-img-main /*** Main inspiration Image - cebter cols*/ {
    height: 420px;
}

/*** Change height on mobile****/
@media (max-width: 768px) {
    .inspiration-img, .inspiration-img-main {
        height: 300px
    }
}

/**** Important **** Make sure cards stack equal so layout doesn't look ragge. Add row-eq-height to this row****/
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

    .row-eq-height > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

.card-inspiration h3 {
    margin-top: 10px;
    font-szie: 2.3rem;
    font-weight: bold
}


/*************** Style the blue full width branding section **************/
.journeys-intro {
    background: linear-gradient(135deg, #1c3a6e 0%, #2a6bb3 50%, #2a5298 100%);
    ;
    color: #fff; /* default text color */
    padding-top: 130px;
    padding-bottom: 130px
}

    .journeys-intro img {
        max-width: 290px
    }

/********* Adding a divider line between the cols***/
.logo-col::after {
    content: "";
    display: block;
    width: 2px;
    height: 80%;
    background: rgba(255,255,255,0.5);
    position: absolute;
    right: -15px;
    top: 10%;
}

@media (max-width: 767px) {
    .hero-flex {
        flex-direction: column;
        text-align: center;
    }

    .logo-col::after {
        display: none; /* hide divider on mobile */
    }
}


/*************** Select Destination/Experiences/Tips tiles section****************/

.select-section {
    border-radius: 7px
}

/*** Center the text in the tiles **********/
.flexcontainer-center {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.image-card {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 7px;
}

    .image-card img {
        width: 100%;
        aspect-ratio: 1 / 1; /* forces square crop */
        object-fit: cover; /* fills the square nicely */
        display: block;
        object-position: center;
    }

.overlay-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: rgba(0,0,0,0.25);
    transition: background 0.3s;
    text-transform: uppercase;
}

.image-card:hover .overlay-text {
    background: rgba(0,0,0,0.4);
}

.select-section-title {
    text-transform: uppercase;
    margin-top: 50px
}

/***** Style  // for section titles ***/
.slashes {
    color: #FDB50C;
    font-weight: bold;
    margin-right: 10px
}


/*** View More****/

.view-more {
    display: flex;
    align-items: center;
    width: 100%;
    text-decoration: none;
    color: #333;
}

    /**** vieww more horizontal lines****/
    .view-more:before,
    .view-more:after {
        content: "";
        flex-grow: 1;
        height: 1px;
        background: #ccc;
    }

    .view-more:before {
        margin-right: 15px;
    }

    .view-more:after {
        margin-left: 15px;
    }

/*** Hide the extra destinations and experiences at the start***/
.more-destinations {
    display: none;
}

.more-experiences {
    display: none;
}

.fa-chevron-right, .fa-chevron-up {
    margin-right: 10px;
    font-size: 12px;
}

.agency-search-row {
    display: flex;
    max-width: 500px;
}
.agency-search-row-input {
    flex: 1;
    margin-right: 5px;
    min-width:100px;
    margin-top:5px;
}


/***Fix issue with no logo ***/
.agency-logo-section {
  min-height: 60px;
}

.bd_Inspirationtest #btnAgencySearch .btn-find-advisor {
    padding: 10px 10px;
    max-width: 200px;
}