/***********************************/
/********** Import Fonts *********/
/***********************************/

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("//media.travsrv.com/appSkins/62422/v6/themes/standard/fonts/Lato/Lato-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    src: local(""), url("//media.travsrv.com/appSkins/62422/v6/themes/standard/fonts/Lato/Lato-Bold.ttf") format("truetype");
}

/* Main Branding Colors */
:root {
    /* Colors for consistency with Keystone*/
    --color-primary: #ab6324;
    --color-primary-hover: #94551e;
    --color-secondary: #016d7c;
    --color-secondary-hover: #015e6b;
}

.ds-primary {
    background-color: var(--color-primary) !important;
    color: white !important;
}

.ds-primary:hover {
    background-color: var(--color-primary-hover) !important;
}

.ds-secondary {
    background-color: var(--color-secondary) !important;
    color: white !important;
}

.ds-secondary:hover {
    background-color: var(--color-secondary-hover) !important;
}

/***********************************/
/********** Replace Images *********/
/***********************************/

.WBLoginForm #theWBLoginFormBody,
.home .topContainer {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/banner-hero/club365-homepage-hero.jpg");
    background-position: right center;
}

/* Adjust shadow */
.WBLoginForm #theWBLoginFormBody:before,
.home .topContainer:before {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2) 5%, transparent);
}

/* Our Top Deals */

/* Hotels */
.ourTopDeals .card.one .mainImg {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/offers/club365-top-deals-hotels.jpg");
}

/* Resorts */
.ourTopDeals .card.two .mainImg {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/offers/club365-top-deals-resorts.jpg");
}

/* Cars */
.ourTopDeals .card.three .mainImg {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/offers/club365-top-deals-car.jpg");
}

/* flights */
.ourTopDeals .card.four .mainImg {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/offers/club365-top-deals-flights.jpg");
}

/* Vacation Goals */

.inspirations .card.one .mainImg {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/photo-cards/club365-photo-cards-beach.jpg");
}

.inspirations .card.two .mainImg {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/photo-cards/club365-photo-cards-adventure.jpg");
}

.inspirations .card.three .mainImg {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/photo-cards/club365-photo-cards-family.jpg");
}

.inspirations .card.four .mainImg {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/photo-cards/club365-photo-cards-couples.jpg");
}

/* Heros, Hints */

.planVacation .card.one .mainImg {
    background-image: url("//media.travsrv.com/appSkins/79373/v6/themes/standard/images/bg/ArticlePages/112003-2_RCI_HVC_1088x816px_Roadtrip02.jpg");
}

.planVacation .card.two .mainImg {
    background-image: url("//media.travsrv.com/appSkins/79373/v6/themes/standard/images/bg/ArticlePages/112003-2_RCI_HVC_1088x816px_Hero02.jpg");
}

.planVacation .card.one .mainImg {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/blog-promos/club365-blog-shenandoah-family-fun.jpg");
}

.planVacation .card.two .mainImg {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/blog-promos/club365-blog-island-getaways.jpg");
}

/* Article Pages */

.article-shenandoah-valley-vacationsPage .article .topImage {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/article-heros/club365-article-shenandoah-hero.jpg");
}

.article-city-vacationsPage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/79373/v6/themes/standard/images/bg/BlogPost/12.jpg");
}

.article-colorado-vacationsPage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/79373/v6/themes/standard/images/bg/BlogPost/3.jpg");
}

.article-island-getaway-vacationsPage .article .topImage {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/article-heros/club365-article-island-hero.jpg");
    background-position: center 80% !important;
}

.article-beach-vacationsPage .article .topImage {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/article-heros/club365-article-beach-hero.jpg");
}

.article-adventure-vacationsPage .article .topImage {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/article-heros/club365-article-adventure-hero.jpg");
    background-position: center;
}

.article-family-vacationsPage .article .topImage {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/article-heros/club365-article-family-hero.jpg");
    background-position: center;
}

.article-romantic-vacationsPage .article .topImage {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/article-heros/club365-article-couples-hero.jpg");
    background-position: center;
}

.article-travel-with-kidsPage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/62422/v6/themes/standard/images/bg/BlogPost/112003-2_RCI_HVC_2720x680px_BlogPost01.jpg");
}

.article-welcomePage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/62422/v6/themes/standard/images/bg/BlogPost/112538_HCV_Beach874980444_2720x680px.jpg");
    background-position: center;
}

body,
.arnAirRevelex header.alphaSkin,
.arnCruise header.alphaSkin,
.arnCruise .profile-dropdown li,
.arnVillas header.alphaSkin {
    color: #000;
    font-family: "Lato", sans-serif !important;
}

/****************************/
/********* Global ***********/
/****************************/

/******* Submit Buttons *******/

/* All btns across all pages */

.submit,
.upgradeButton,
a.ArnShowRatesLink,
.SinglePropDetail a.bookRoom,
.page.home .freeTrial .content a.submit,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .submit,
.page.home .dashboard .columnThree .submit,
.ArnQuadSearchContainer .submit,
.ArnCarRentals .search-container .btn,
.SearchHotels .modifySearchButton,
.ArnActivities button,
.buttonLink,
.ds-primary,
.arnVillas a.btns .search-button,
.page.home .dashboard .box a .submit,
#login a {
    background-color: var(--color-primary);
    color: #ffffff;
}

.submit:hover,
.upgradeButton:hover,
a.ArnShowRatesLink:hover,
.SinglePropDetail a.bookRoom:hover,
.page.home .freeTrial .content a.submit:hover,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .submit:hover,
.page.home .dashboard .columnThree .submit:hover,
.ArnQuadSearchContainer .submit:hover,
.ArnCarRentals .search-container .btn:hover,
.ArnActivities button:hover,
.buttonLink:hover,
.ds-primary:hover,
.arnVillas a.btns .search-button:hover,
.page.home .dashboard .box a:hover,
#login a:hover {
    background-color: var(--color-primary-hover);
}

/* Keystone integration new Branding additions */
.alphaSkin .searchOptionsControls {
    justify-content: space-between;
}

.alphaSkin .searchOptionsControls button.clearSearchOptions.submit:hover {
    background-color: white;
    color: var(--color-secondary-hover);
    border-color: var(--color-secondary-hover);
}

.alphaSkin .searchOptionsControls button.clearSearchOptions.submit {
    width: 47%;
    padding: 10px 32px;
    border: 2px solid var(--color-secondary) !important;
    color: var(--color-secondary);
    border-radius: 32px;
}

.alphaSkin .searchOptionsControls button.doneSearchOptions.submit {
    width: 47%;
    padding: 10px 32px;
    background-color: var(--color-primary);
    border-radius: 32px;
    color: white;
}

.alphaSkin .searchOptionsControls button.doneSearchOptions.submit:hover {
    background-color: var(--color-primary-hover);
}

.alphaSkin .litepicker .container__days .day-item.is-in-range {
    background-color: #d3eef2;
}

.alphaSkin .litepicker .container__days .day-item.is-in-range:hover {
    background-color: #d3eef2;
    color: #351f65;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a:hover:after,
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a.active:after {
    background-color: var(--color-secondary) !important;
}

.alphaSkin #searching .submit {
    background-color: var(--color-secondary);
}

.alphaSkin #searching .submit:hover {
    background-color: var(--color-secondary-hover);
}

.alphaSkin .ArnSecondarySearchOuterContainer .submit {
    background-color: var(--color-secondary);
}

.alphaSkin .upgradeMembershipSection .upgradeMembershipOption span.promotion {
    background-color: #daf5fa;
}

.alphaSkin .CheckOutForm.CheckoutMode-WBCheckoutFormKeystone #theConfirmationContainer {
    background-color: #daf5fa;
}

.alphaSkin #theHotel {
    background-color: #f5f5f5;
}

.alphaSkin.SinglePropDetail .bestAvailable {
    background-color: #daf5fa;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicyPopupAnchor:hover,
.SinglePropDetail.WBPropertyDetailViewKeystone .RateCalendarPopupAnchor:hover,
.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelAnchor:hover {
    color: #36382e;
}

.ArnPropClass svg path,
.customRatingImageSpan svg path {
    fill: var(--color-secondary);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnSecondarySearchOuterContainer .ArnIndividualSearchContainer.ArnPropertyClassesContainer div span svg path {
    fill: var(--color-secondary);
}

.SearchHotels.SearchMode-WBHotelListKeystone .ArnLeftSearchContainer {
    background-color: #f5f5f5;
}

.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date {
    background-color: #daf5fa;
}

/* Travel Search Widget Btns */

.topSearch .tabcontent .submit {
    xbackground-image: url("//media.travsrv.com/appSkins/64/v6/themes/global/skins/images/icons/search-icon-white.png");
}

/******** title pill-box tabs *******/

.page .popularDestinations .featuredDestinationsContainer .savingsLink span,
.page .ourTopDeals .title {
    color: #fff;
    background-color: var(--color-secondary-hover);
}

/* Forgot password page */

.WBForgotPasswordFormContainer.ArnSubPage {
    background-color: #f2f7f8;
}

.ArnSubPage.WBFaq a {
    color: var(--color-secondary);
}

/****************************/
/* hotels, resorts, cars, activities */
/****************************/

.ArnQuadSearchContainer .submit,
.ArnCarRentals .search-container .btn,
.ArnActivities button,
a.ArnShowRatesLink,
.SearchHotels .modifySearchButton,
.SearchHotels .ArnLeftSearchContainer .submit,
#searching .submit,
.SearchHotels .ArnContentContainer a.bookRoom {
    background-color: #c16f2a;
    color: white;
}

.ArnQuadSearchContainer .submit:hover,
.ArnCarRentals .search-container .btn:hover,
.ArnActivities button:hover,
a.ArnShowRatesLink:hover,
.SearchHotels .modifySearchButton:hover,
.SearchHotels .ArnLeftSearchContainer .submit:hover,
#searching .submit:hover,
.SearchHotels .ArnContentContainer a.bookRoom:hover {
    background-color: var(--color-primary-hover);
    color: white;
}

/****************************/
/*********** Sections **********/
/****************************/

/* Hero */
/**** WBLoginForm  & Search Widget ****/
/***************************************/
.WBLoginForm .loginContainer {
    background-color: rgba(242, 247, 248, 0.9);
}

.WBLoginForm .loginContainer .headerLogo {
    max-width: 50%;
    width: 60%;
    margin: 15px 0;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm h2 {
    font-weight: 700;
    max-width: 70%;
    color: #2f4857;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm #theUserNameAjax {
    position: relative;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .LoginAction.submit {
    font-weight: 600 !important;
    text-transform: uppercase;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm .FormActions a,
.WBLoginFormContainer.ArnSubPage #theWBLoginForm .FormActions span {
    color: black;
}

/* Get Started On Your Next Adventure */
/***************************************/

.page.home .productList {
    background-color: #fff;
}

.page.home .productList h2 {
    color: var(--color-secondary);
    font-weight: 700;
}

.page.home .productList h4 {
    font-weight: 700;
    color: black;
    font-size: 20px;
    text-transform: capitalize;
}

.page.home .productList p {
    color: black;
    font-weight: 400;
}

/******** cards (icon cards) *******/

.page.home .productList.smallIconCards .box span:first-child div {
    background-color: #bfdbe0;
}

/* loginBottom */
.page.home .productList.smallIconCards .contentContainer > span {
    border: 1px solid var(--color-secondary);
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

/* static-home */
.page.home .productList.smallIconCards .contentContainer > a {
    border: 1px solid var(--color-secondary);
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

/* Exclusives */
/***************************************/

.page.home .exclusives {
    background-color: #f5f5f5;
}

.page.home .exclusives .headline h2 {
    font-weight: 700;
    color: var(--color-secondary);
}

.page.home .exclusives .headline p {
    color: #383b3e;
}

.page.home .exclusives .sectionContainer .content .box.columnOne,
.page.home .exclusives .sectionContainer .content .box.columnTwo,
.page.home .exclusives .sectionContainer .content .box.columnThree {
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.page.home .exclusives .box h4 {
    color: #222427;
    font-weight: 700;
}

.page.home .exclusives .box .small {
    font-weight: 400;
}

.page.home .exclusives img {
    xbackground-color: #004357;
    border-radius: 50%;
}

/* Our Top Deals */
/***************************************/

.page.home .ourTopDeals {
    background-color: white;
}

.page.home .ourTopDeals h2 {
    font-weight: 700;
    color: var(--color-secondary);
}

.page.home .ourTopDeals h3 {
    font-weight: 700;
    color: #222427;
}

.page.home .ourTopDeals .small {
    font-weight: 400;
}

/* Getaway Goals */
/***************************************/

.page.home .inspirations {
    background-color: #f2f7f8;
}

.page.home .inspirations h2 {
    font-weight: 700;
    color: var(--color-secondary);
}

.page.home .inspirations h3 {
    font-weight: 700;
}

.page.home .inspirations p {
    color: #222427;
    font-size: 18px;
}

.page.home .inspirations .content .card {
    background-color: #004357;
}

.page.home .inspirations .card .contentBox h3 {
    color: white;
}

/* Destinations, Dream & Discover */
/***************************************/

.page.home .popularDestinations {
    background-color: white;
}

.page.home .popularDestinations h2 {
    font-weight: 700;
    color: var(--color-secondary);
}

.page.home .popularDestinations p {
    color: #222427;
}

.page.home .popularDestinations .featuredDestinationsContainer .destinationSavings a.destinationIncentiveLink {
    color: #fff;
    font-weight: 400;
}

.page.home .popularDestinations .featuredDestinationsContainer .savingsLink span.averagePercenteOff {
    font-weight: 400;
    color: #000;
    font-size: 15px;
}

.page.home .popularDestinations .featuredDestinationsContainer .savingsLink {
    font-weight: 700;
}

/* Hints & Happenings */
/***************************************/

.page.home .planVacation {
    background-color: #f2f7f8;
}

.page.home .planVacation h2 {
    font-weight: 700;
    color: var(--color-secondary);
}

.page.home .planVacation h4 {
    font-weight: 700;
    color: black;
}

.page .planVacation .contentBox a {
    font-weight: 700;
    color: #333f48;
}

/* Join Today and Save */
/***************************************/

.page.home .freeTrial {
    background-color: white;
    color: #2f4857;
}

.page.home .freeTrial h2 {
    color: var(--color-secondary);
    font-weight: 700;
}

.page.home .freeTrial p {
    color: var(--color-secondary);
}

.WBLoginForm .freeTrial .content .externalbutton .submit,
.page.home .freeTrial .content a.submit {
    font-weight: 700;
    text-transform: uppercase;
}

.WBLoginForm .freeTrial .content > span > div {
    color: var(--color-secondary);
}

.WBLoginForm .freeTrial .content .contact {
    color: var(--color-secondary);
    text-decoration: underline;
}

.alphaSkin .page.home .freeTrial .content p a span:first-child {
    color: #016e84;
}

/* Footer */
/***************************************/

.ArnSupportLinks.ArnSupportBottom {
    background-color: #f4f5f6;
}

.ArnSupportLinks.ArnSupportBottom a {
    color: #222427;
    font-weight: 700;
}

footer {
    background-color: white;
}

footer .staticContainer .otcTermsLink {
    color: #2f4857;
}

footer a.privacyLink,
footer a.travelclubPhoneUS {
    color: #333;
}

/* Alpha Header */
/***************************************/

.alphaSkin .nav-top {
    background-color: var(--color-secondary);
}

.alphaSkin .nav-top .top-links a {
    font-weight: 700;
}

/* active breadcrumb */
.alphaSkin .nav-bottom li.active > a {
    color: var(--color-primary) !important;
}

.alphaSkin .nav-bottom li.active > a svg {
    fill: var(--color-primary);
}

.alphaSkin .profile-btn .profile-dropdown .rewards .rewards-link {
    color: var(--color-secondary);
}

@media screen and (min-width: 1001px) {
    .alphaSkin .nav-bottom > ul > li.active:not(.alphaSkin .nav-bottom li.overflow-btn-container.active),
    .alphaSkin .nav-bottom > ul > li:hover:not(.alphaSkin .nav-bottom li.overflow-btn-container:hover) {
        border-bottom: 4px solid var(--color-primary) !important;
    }

    .alphaSkin .nav-bottom li:hover > a,
    .alphaSkin .nav-bottom li.active > a {
        color: var(--color-primary) !important;
    }

    .arnVillas .alphaSkin .nav-bottom li:hover > a,
    .arnVillas .alphaSkin .nav-bottom li.active > a {
        color: var(--color-primary) !important;
    }

    .alphaSkin .nav-bottom li:hover > a svg,
    .alphaSkin .nav-bottom li.active > a svg {
        fill: var(--color-primary);
    }

    .alphaSkin .profile-btn .profile-dropdown #logout:hover > svg {
        fill: var(--color-primary);
    }

    .alphaSkin .profile-btn .profile-dropdown #logout:hover > a {
        color: var(--color-primary) !important;
    }

    .alphaSkin .nav-bottom .overflow-btn-container:hover > button svg {
        fill: var(--color-primary);
    }
}

.arnVillas header.alphaSkin .nav-bottom a:active {
    color: var(--color-primary) !important;
}

.alphaSkin .nav-bottom .overflow-btn-container li:hover {
    background-color: #f5f5f5;
}

.alphaSkin .profile-btn .profile-dropdown .drop-link:hover {
    background-color: #f5f5f5;
}

.alphaSkin .profile-btn .profile-dropdown form:hover {
    background-color: #f5f5f5;
}

.alphaSkin .profile-btn .profile-dropdown form:hover > button {
    color: var(--color-primary);
}

.alphaSkin .profile-btn .profile-dropdown .drop-link:hover > a span {
    color: var(--color-primary);
}

.alphaSkin .profile-btn .profile-dropdown form:hover > button svg {
    fill: var(--color-primary);
}

/* Search Widget */
/***************************************/

.page.home .titleContainer .titleContent {
    background-color: rgba(242, 247, 248, 0.6);
}

.alphaSkin .page.home .titleContent h1 {
    color: #222427;
}

.home .titleContainer .tab a {
    color: #222427;
}

.home .titleContainer .tab a.active {
    border-bottom: 3px solid #222427;
}

.topSearch .ArnIndividualSearchContainer span.ArnAcdParentLable::after {
    border-color: #222427;
}

/* Dashboard */
/***************************************/

.page.home .dashboard {
    background-color: #f2f7f8;
}

.page.home .dashboard h3 {
    color: #222427;
    font-weight: 700;
}

.page.home .dashboard h4 {
    font-weight: 700;
}

#arnliusername {
    font-weight: 700;
    color: #222427;
}

.alphaSkin.homePage .dashboard .memberInfo svg {
    fill: #4c4c4c;
}

.page.home .dashboard .freeTrialMember a {
    color: white;
    font-weight: 700;
    /* background-color: initial; */
}

.page.home .dashboard .freeTrialMember p {
    color: #000 !important;
}

.page.home .dashboard .box p {
    font-weight: 700;
}

.page.home .dashboard .box a {
    font-weight: 700;
    color: white;
}

.page.home .dashboard .columnTwo .box {
    background-color: #fff8f2;
}

.page.home .dashboard .columnThree .submit {
    font-weight: 700;
}

.page.home .dashboard .columnFour .box {
    background-color: #fff8f2;
}

.page.home .dashboard .columnFour p {
    font-weight: 400;
    color: black;
}

.dashboard .columnFour.detail.offer .box p.bookNow {
    color: #020202;
}

/* Account Summary/Admin */
/***************************************/

.userAdmin .accoundDetails .memberDetails {
    background-color: var(--color-secondary);
}

.userAdmin a.upgradeButton.premium {
    color: white;
}

.userAdmin #theMyAccountDetailsGroup div.FormFields a,
.userAdmin .WBClub365Menu a {
    color: var(--color-secondary);
}

.userAdmin #theMyAccountDetailsGroup div.FormFields a:hover,
.userAdmin .WBClub365Menu a:hover {
    color: var(--color-secondary-hover);
}

.userAdmin .WBClub365TravelCredits .accoundDetails .accountSummary {
    background-color: var(--color-secondary);
}

.filters a.selected {
    background-color: var(--color-secondary);
}

.userAdmin .WBClub365Menu a.selected {
    background-color: var(--color-secondary);
    color: white;
}

.userAdmin .buttonLink {
    background-color: var(--color-primary);
}

.userAdmin .buttonLink:hover {
    background-color: var(--color-primary-hover);
}

/* Shopping */
/***************************************/

.arnMerchandise #header-content {
    background-color: #2f4857;
}

/* Cruise Landing */
/***************************************/
.cruisePage .page-display-1 .titleContent {
    background-color: #fff8f2;
}

.cruisePage .page-display-1 .titleContent h1 {
    font-size: 34px;
    color: var(--color-secondary);
    font-weight: 700;
}

.cruisePage .page-display-1 .products .content h2 {
    text-align: left;
    font-size: 30px;
    color: var(--color-secondary);
    font-weight: 700;
}

.cruisePage .page-display-1 .products .content > h3 {
    text-align: left;
    font-size: 16px;
    color: #222427;
    font-weight: 500;
}

.cruisePage .page-display-1 .titleContent p {
    color: #2f4857;
}

.cruisePage .page-display-1 .titleContent .buttonLink {
    font-weight: 600;
}

.cruisePage .products .contentContainer .box .number {
    background-color: #046e84 !important;
    font-size: 22px;
}

.cruisePage .page-display-1 .products .contentContainer .box svg {
    fill: var(--color-secondary);
}

.cruisePage .cruiseAmenities {
    background-color: #f2f7f8;
}

.cruisePage .cruiseAmenities h2 {
    color: var(--color-secondary);
}

.cruisePage .whyBook {
    background-color: #fff;
}

.cruisePage .whyBook h2 {
    color: var(--color-secondary);
}

.cruisePage .whyBook p {
    color: var(--color-secondary);
}

.cruisePage .whyBook p .questions {
    color: var(--color-secondary);
}

.cruisePage .page-display-1 .whyBook .buttonLink {
    font-weight: 600;
}

.cruisePage .buttonLink {
    background-color: var(--color-primary) !important;
}

.cruisePage .buttonLink:hover {
    background-color: var(--color-primary-hover) !important;
}

/*ArnNoPropertyResults*/

.ArnNoPropertyResults .arrowDown:before {
    border-top-color: var(--color-primary-hover);
}

.inspirations .card.two .mainImg {
    background-position: left;
}

@media only screen and (min-width: 1000px) {
    a.selectedTab,
    a.selectedTab:hover {
        background-color: #0464b0;
    }
}

/* Cars Upsell Component (post checkout) */
.FinalConfirmation .crossSell .crossSellTitle .recommendedTag {
    background-color: var(--color-primary);
}

.FinalConfirmation .crossSell .crossSellImageContainer .promoTag {
    background-color: #004357;
}

.FinalConfirmation .crossSell .carUpsellBtn {
    background-color: var(--color-primary);
}

.FinalConfirmation .crossSell .carUpsellBtn:hover {
    background-color: var(--color-primary-hover);
}

/***************************************/
/*************** Custom ****************/
/***************************************/

header.alphaSkin .nav-bottom .menuItem {
    display: none;
}

header.alphaSkin .nav-bottom .overflow-btn-container {
    display: none;
}

.alphaSkin.homePage .titleContainer .hotelsTabLink,
.alphaSkin.homePage .titleContainer .carsTabLink,
.alphaSkin.homePage .titleContainer .activitiesTabLink {
    display: none;
}

.alphaSkin .nav-top {
    padding: 15px 40px;
}

@media screen and (max-width: 1000px) {
    .alphaSkin .nav-top .branding {
        height: 70%;
    }
}

@media screen and (max-width: 750px) {
    .alphaSkin .nav-top {
        padding: 20px 15px;
    }
}

.alphaSkin .nav-bottom .overflow-btn-container #overflow-design-element {
    background-color: #f9f8fb;
}

.alphaSkin .profile-btn #design-element {
    z-index: 1;
}

.page.home .inspirations .card .mainImg {
    height: 260px;
}

.page.home .inspirations .content .contentBox {
    padding: 15px 10px;
}

/* Destinations updated style over-ride franken 77062 line 4663 */
.featuredDestinationsContainer .destinationSavings a.destinationIncentiveLink {
    display: block !important;
}

/* over-ride franken 77062 line 4674 */
.page .popularDestinations .featuredDestinationsContainer .savingsLink span.averagePercenteOff {
    display: block;
}

.WBLoginForm .freeTrial .content .contact {
    margin-left: 10px;
}

.arnVillas .alphaSkin .nav-top .top-link a {
    font-weight: 600 !important;
}

@media screen and (max-width: 400px) {
    .alphaSkin.WBLoginForm .loginContainer img {
        padding: 0;
    }
}

.WBForgotPasswordForm.MemberNotAuthenticated.useLanguageSelector #login {
    margin-left: initial;
}

.WBForgotPasswordForm.MemberNotAuthenticated.useLanguageSelector #language {
    margin-left: auto;
}

/* Upgrade btn defaults */
/* .freeTrialMember, .userAdmin .upgradeButton.premium {
  display: none;
} */

/* Fligts header link font */
.arnAirRevelex .alphaSkin .nav-top .top-links a {
    font-weight: 800;
}

/* About & Benefits pages */

.about-club365Page .WBStaticForm.static-about-club365 {
    margin: 50px 0;
}

.about-club365Page .static-about-club365 .page-container {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 50px;
}

.club-benefitsPage .static-club-benefits .page-container {
    max-width: 1120px;
    margin: 50px auto;
    padding: 0 50px;
}

.about-club365Page .static-about-club365 .page-container img,
.club-benefitsPage .static-club-benefits .page-container img {
    width: 100%;
    margin-top: 50px;
}

.about-club365Page .static-about-club365 .page-container h3 {
    font-size: 24px;
}

.about-club365Page .static-about-club365 .page-container p,
.club-benefitsPage .static-club-benefits .page-container p {
    font-size: 18px;
}

.about-club365Page .static-about-club365 .page-container li,
.club-benefitsPage .static-club-benefits .page-container li {
    list-style: disc;
    list-style-position: inside;
}

.MemberNotAuthenticated.useLanguageSelector #login {
    margin-left: initial;
}

.MemberNotAuthenticated.useLanguageSelector #language {
    margin-left: auto;
}

@media screen and (max-width: 450px) {
    .about-club365Page .static-about-club365 .page-container {
        padding: 0 35px;
    }
}

/* ********* */
/* Language */
/* ********* */
.alphaSkin.useLanguageSelector #language {
    display: inline-block !important;
    z-index: 9999;
}

.astoriaphilippinesTheme .useLanguageSelector {
    display: none !important;
}

@media screen and (max-width: 600px) {
    .alphaSkin.useLanguageSelector #language {
        font-size: 0;
    }

    .alphaSkin.useLanguageSelector #language select option {
        font-size: 16px;
    }

    .alphaSkin #language select {
        width: 65px;
        height: 35px;
    }
}

.alphaSkin.useLanguageSelector.WBLoginForm .languageContainer {
    position: absolute;
    right: 15px;
    top: 15px;
}

/* franky override */

.alphaSkin .svgBox {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    background: transparent;
    overflow: hidden;
    pointer-events: none;
    left: 15px;
}

.alphaSkin .svgBox svg {
    fill: var(--color-secondary);
}

.ArnActivities .alphaSkin .profile-btn:hover {
    background-color: transparent !important;
}

.useLanguageSelector .alphaSkin #language {
    display: inline-block;
}

.ArnActivities #language select {
    margin: 0;
}

/* 524 */
.alphaSkin .nav-top .divider {
    border-left: 1px solid white;
    height: 70%;
    margin: 0 10px;
}

/************* Place in Frankenstein **************** */
.alphaSkin.userAdmin footer a.travelclubPhoneUS {
    margin-left: 5px;
}

.alphaSkin .page.home .titleContent h1 {
    line-height: 45px;
}

.alphaSkin .ArnSubPage.customSupportPage .termsPolicies {
    margin: 0 auto 2.5rem auto;
}

.alphaSkin .ArnSubPage.customSupportPage {
    padding: 0 16px 40px;
}

.alphaSkin.homePage .dashboard .memberInfo svg {
    width: 65px;
    height: 65px;
}

/* Safari Destionations fix */
.featuredDestinationsContainer .destinationThumb img {
    height: 0;
}

/***************************************/
/*************** CoBrands ****************/
/***************************************/

/* default */

.alphaSkin nav .aboutClub365,
.alphaSkin nav .clubBenefits {
    display: none;
}

x.alphaSkin .logo-container .vl.cobrandvl {
    display: none;
}

.alphaSkin #AboutClub365 {
    margin: 40px 0;
}

.alphaSkin #AboutClub365 p {
    margin: 15px 0;
}

.alphaSkin #AboutClub365 ul {
    padding: 0 20px;
}

.arcTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .arcTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.ascendantTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .ascendantTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.asiaTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .asiaTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.asia_englishTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .asia_englishTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.asia_mandarinTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .asia_mandarinTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.asia_vietnameseTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .asia_vietnameseTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.astoriaphilippinesTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .astoriaphilippinesTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.avalonvacationresortsTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .avalonvacationresortsTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.beachparkTheme span.cars-link {
    display: none;
}

.beachparkTheme span.activities-link {
    display: none;
}

.beachparkTheme span.air-link {
    display: none;
}

.beachparkTheme span.tickets-link {
    display: none;
}

.beachparkTheme span.shopping-link {
    display: none;
}

.beachparkTheme span.vacation-homes-link {
    display: none;
}

.beachparkTheme .offer-card-contents .carsLink {
    display: none;
}

.beachparkTheme .offer-card-contents .airLink {
    display: none;
}

.beachparkTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

.beachparkTheme .carsLink {
    display: none !important;
}

.beachparkTheme .activitiesLink {
    display: none !important;
}

.beachparkTheme .airLink {
    display: none !important;
}

.beachparkTheme .ticketsLink {
    display: none !important;
}

.beachparkTheme .shoppingLink {
    display: none !important;
}

.beachparkTheme .vacationHomesLink {
    display: none !important;
}

.beachparkTheme .ourTopDeals.scroll.tint div.card.three {
    display: none !important;
}

.beachparkTheme .ourTopDeals.scroll.tint div.card.four {
    display: none !important;
}

@media screen and (min-width: 301px) {
    .beachparkTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.blueskyTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .blueskyTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.breezeprivateTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .breezeprivateTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.breezeprivate_englishTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .breezeprivate_englishTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.calypsocayTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .calypsocayTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.condotravelTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .condotravelTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.condotravel_englishTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .condotravel_englishTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.innseasonTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .innseasonTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.losmolinosTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .losmolinosTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.membersclubTheme span.cars-link {
    display: none;
}

.membersclubTheme span.activities-link {
    display: none;
}

.membersclubTheme span.air-link {
    display: none;
}

.membersclubTheme span.tickets-link {
    display: none;
}

.membersclubTheme span.shopping-link {
    display: none;
}

.membersclubTheme span.vacation-homes-link {
    display: none;
}

.membersclubTheme .offer-card-contents .carsLink {
    display: none;
}

.membersclubTheme .offer-card-contents .airLink {
    display: none;
}

.membersclubTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

.membersclubTheme .carsLink {
    display: none !important;
}

.membersclubTheme .activitiesLink {
    display: none !important;
}

.membersclubTheme .airLink {
    display: none !important;
}

.membersclubTheme .ticketsLink {
    display: none !important;
}

.membersclubTheme .shoppingLink {
    display: none !important;
}

.membersclubTheme .vacationHomesLink {
    display: none !important;
}

.membersclubTheme .ourTopDeals.scroll.tint div.card.three {
    display: none !important;
}

.membersclubTheme .ourTopDeals.scroll.tint div.card.four {
    display: none !important;
}

.oakplantationTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .oakplantationTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.oceancanyonTheme .alphaSkin.WBLoginForm .loginContainer img.loginCoBrandLogo {
    max-width: 46%;
    height: initial;
    margin: 10px 0 10px 15px;
}

.optionstravelgroupTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .optionstravelgroupTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.rmgTheme .nav-top .headerCoBrandLogo {
    max-width: 50%;
}

@media screen and (min-width: 301px) {
    .elmiradorTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.sgivacationclubTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

.sgivacationclubTheme .exclusives .grid.threeColumn.wrap {
    grid-template-columns: 1fr 1fr !important;
}

.sgivacationclubTheme .exclusives .grid.threeColumn.wrap > span:first-child {
    display: none;
}

@media screen and (min-width: 301px) {
    .sgivacationclubTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.shorepointeTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .shorepointeTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.silverlakeTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .silverlakeTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.somerpointeTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .somerpointeTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.tlcTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .tlcTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.travelTheme .nav-top .headerCoBrandLogo {
    display: none !important;
}

.travelTheme #theWBLoginForm > div > img.loginCoBrandLogo {
    display: none !important;
}

.travelTheme #logoLink > img.headerCoBrandLogo {
    display: none !important;
}

.travelfreedomTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .travelfreedomTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.wanagetawayTheme .nav-top .headerCoBrandLogo {
    max-width: 80%;
    margin: 10px auto 0 !important;
}

@media screen and (min-width: 301px) {
    .wanagetawayTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.alphaSkin.WBLoginForm.wanagetawayTheme .loginContainer .loginCoBrandLogo {
    max-width: 60%;
    height: initial;
    margin: 10px 0 0 !important;
}

.wgaTheme .nav-top .headerCoBrandLogo {
    max-width: 30%;
}

@media screen and (min-width: 301px) {
    .wgaTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

@media screen and (min-width: 301px) {
    .lifeTheme .logo-container .vl.cobrandvl {
        display: block;
    }
}

.vallartagardensTheme .alphaSkin.WBLoginForm .loginContainer .loginCoBrandLogo {
    display: none !important;
}

.vallartagardensTheme img.loginCoBrandLogo {
    display: none !important;
}

.vallartagardens_englishTheme .alphaSkin.WBLoginForm .loginContainer .loginCoBrandLogo {
    display: none !important;
}

.vallartagardens_englishTheme img.loginCoBrandLogo {
    display: none !important;
}

.vallartagardensTheme .alphaSkin .nav-top .headerCoBrandLogo {
    display: none !important;
}

.vallartagardens_englishTheme .alphaSkin .nav-top .headerCoBrandLogo {
    display: none !important;
}

@media screen and (min-width: 301px) {
    .vallartagardensTheme .logo-container .vl.cobrandvl {
        display: none;
    }
}

@media screen and (min-width: 301px) {
    .vallartagardens_englishTheme .logo-container .vl.cobrandvl {
        display: none;
    }
}

@media screen and (min-width: 416px) {
    x.latamaffiliatesTheme .logo-container .vl.cobrandvl {
        display: none;
    }
}

.WK input::-ms-reveal,
.WK input::-ms-clear {
    display: none;
}

.lifeTheme .loginContainer .loginCoBrandLogo {
    max-width: 38%;
    width: 50%;
    display: flex;
    margin: 0;
}

.lifeTheme .loginContainer .headerLogo {
    margin: 0;
}

.elmiradorTheme .loginContainer .loginCoBrandLogo {
    max-width: 25% !important;
}

.elmiradorTheme .alphaSkin .nav-top .headerCoBrandLogo {
    max-height: unset;
    max-width: 10%;
    margin: 0;
}

.elpuertomarinaTheme .ourTopDeals div.sectionContainer .content .airLink,
.elpuertomarinaTheme .ourTopDeals div.sectionContainer .content .card.four,
.baliheritagecollection .ourTopDeals div.sectionContainer .content .airLink,
.baliheritagecollection .ourTopDeals div.sectionContainer .content .card.four,
.sgivacationclubTheme .ourTopDeals div.sectionContainer .content .airLink,
.sgivacationclubTheme .ourTopDeals div.sectionContainer .content .card.four,
.vacationParadiseTheme .ourTopDeals div.sectionContainer .content .airLink,
.vacationparadiseTheme .ourTopDeals div.sectionContainer .content .card.four,
.flcDigicomTheme .ourTopDeals div.sectionContainer .content .airLink,
.flcDigicomTheme .ourTopDeals div.sectionContainer .content .card.four,
.almaTheme .ourTopDeals div.sectionContainer .content .airLink,
.almaTheme .ourTopDeals div.sectionContainer .content .card.four,
.astoriaphilippinesTheme .ourTopDeals div.sectionContainer .content .airLink,
.astoriaphilippinesTheme .ourTopDeals div.sectionContainer .content .card.four {
    display: none;
}

.elpuertomarinaTheme .page .inspirations div.sectionContainer .content .grid,
.elpuertomarinaTheme .page .ourTopDeals div.sectionContainer .content .grid.fourColumn,
.baliheritagecollection .page .inspirations div.sectionContainer .content .grid,
.baliheritagecollection .page .ourTopDeals div.sectionContainer .content .grid.fourColumn,
.sgivacationclubTheme .page .inspirations div.sectionContainer .content .grid,
.sgivacationclubTheme .page .ourTopDeals div.sectionContainer .content .grid.fourColumn,
.vacationParadiseTheme .page .inspirations div.sectionContainer .content .grid,
.vacationParadiseTheme .page .ourTopDeals div.sectionContainer .content .grid.fourColumn,
.flcDigicomTheme .page .inspirations div.sectionContainer .content .grid,
.flcDigicomTheme .page .ourTopDeals div.sectionContainer .content .grid.fourColumn,
.almaTheme .page .inspirations div.sectionContainer .content .grid,
.almaTheme .page .ourTopDeals div.sectionContainer .content .grid.fourColumn,
.astoriaphilippinesTheme .page .inspirations div.sectionContainer .content .grid,
.astoriaphilippinesTheme .page .ourTopDeals div.sectionContainer .content .grid.fourColumn {
    display: flex;
    flex-wrap: nowrap;
    padding: 0.4rem;
}

.elpuertomarinaTheme .page .ourTopDeals .card.one .mainImg,
.elpuertomarinaTheme .page .ourTopDeals .card.card-1 .mainImg,
.baliheritagecollection .page .ourTopDeals .card.one .mainImg,
.baliheritagecollection .page .ourTopDeals .card.card-1 .mainImg,
.sgivacationclubTheme .page .ourTopDeals .card.one .mainImg,
.sgivacationclubTheme .page .ourTopDeals .card.card-1 .mainImg,
.vacationParadiseTheme .page .ourTopDeals .card.one .mainImg,
.vacationParadiseTheme .page .ourTopDeals .card.card-1 .mainImg,
.flcDigicomTheme .page .ourTopDeals .card.one .mainImg,
.flcDigicomTheme .page .ourTopDeals .card.card-1 .mainImg,
.almaTheme .page .ourTopDeals .card.one .mainImg,
.almaTheme .page .ourTopDeals .card.card-1 .mainImg,
.astoriaphilippinesTheme .page .ourTopDeals .card.one .mainImg,
.astoriaphilippinesTheme .page .ourTopDeals .card.card-1 .mainImg {
    height: 220px;
}

x.customSupportPage .WBClub365Menu a.selected {
    border-bottom: 6px solid var(--color-secondary) !important;
}

.sgivacationclubTheme .ourTopDeals .card.two .mainImg {
    background-image: url("//media.travsrv.com/appSkins/62422/v6/themes/standard/images/bg/Vacation/112003-2_RCI_HVC_512x512px_VACA_Adventure01.jpg");
}

.ArnActivities .payment-details section.contact div {
    width: 43.4%;
}

@media screen and (max-width: 500px) {
    .ArnActivities .payment-details section.contact div {
        width: 100%;
    }
}

.ArnActivities .product-details section.availability form div.age-band {
    width: 25.8%;
}

.registrationPaywall #accountRight {
    z-index: -1;
}

.alphaSkin.registrationPaywall #accountRight {
    background-color: #daf5fa;
}

/*Remove FAQ Link VN Sites AB*/
.sgivacationclubTheme .faqLink,
.elpuertomarinaTheme .faqLink,
.baliheritagecollectionTheme .faqLink,
.vacationParadiseTheme .faqLink,
.flcDigicomTheme .faqLink,
.almaTheme .faqLink,
.astoriaphilippinesTheme .faqLink,
.vietnameseTheme .faqLink,
.asiaTheme .faqLink {
    display: none;
}

/*headerlogo*/
.latamaffiliatesTheme .alphaSkin .nav-top .headerCoBrandLogo {
    margin: 8px 0 0 -5px;
    max-height: 68px;
}

@media screen and (max-width: 800px) {
    .latamaffiliatesTheme .alphaSkin .nav-top .headerCoBrandLogo {
        max-height: 60px;
    }
}

/*smaller screen size? */
@media screen and (max-width: 1200px) {
    .latamaffiliatesTheme .nav-top div.vl {
        display: none;
    }
}

.latamaffiliatesTheme .alphaSkin .nav-top .headerCoBrandLogo {
    margin: 8px 0 0 -5px;
    max-height: 68px;
}

@media screen and (max-width: 800px) {
    .latamaffiliatesTheme .alphaSkin .nav-top .headerCoBrandLogo {
        max-height: 60px;
    }
}

/*smaller screen size? */
@media screen and (max-width: 1200px) {
    .latamaffiliatesTheme .nav-top div.vl {
        display: none;
    }
}

.membersclubTheme.alphaSkin.WBLoginForm .loginContainer .loginCoBrandLogo {
    max-width: 20%;
    margin: 10px 0 10px 45px;
}

.membersclubTheme.page .popularDestinations div.featuredDestination {
    height: 290px;
}

/*header logo*/

.travoogleTheme .alphaSkin .nav-top .headerCoBrandLogo {
    height: 35px;
}

/****** style change hide rooms and sleeps # on Resorts foundational ******/
.RootTypeDestination #RoomsContainer,
.RootTypeDestination #SleepsContainer {
    display: none;
}

/*width of 2 search inputs - Resorts */
.alphaSkin.RootTypeDestination .ArnSearch #CheckInContainer {
    max-width: 50%;
}

.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnDestinationContainer {
    width: 50%;
}

@media screen and (max-width: 999px) {
    .alphaSkin.RootBody #searchForm #theSubmitButton {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .alphaSkin.RootTypeDestination .ArnSearch #CheckInContainer {
        max-width: 100%;
    }

    .RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnDestinationContainer {
        width: 100%;
    }
}

/****** update paywall with message ******/
.registrationPaywall .SSFormBody form {
    width: 100%;
    max-width: 800px;
}

.registrationPaywall .upgradeMembershipSection {
    border: none;
}

.upgradeMembershipSection .upgradeMembershipOption {
    border: 1px solid #003268;
    justify-content: space-between;
}

/*for yellow highlight if needed*/
/*.registrationPaywall .SSForm .SSFormBody table.FormTable label.subTitle {
    text-align: left;
    background-color: #fef7e5;
    padding: 0.5rem;
}*/

.site-62422 .WBSearchDestination .arn-leaflet-search2-button {
    display: block !important;
}

.vivawyndhamTheme.WBLoginForm .loginContainer .loginCoBrandLogo,
.vivawyndham_englishTheme.WBLoginForm .loginContainer .loginCoBrandLogo {
    max-width: 30%;
}

.karibaoTheme.alphaSkin .nav-top .headerCoBrandLogo {
    max-width: 50%;
}

.blueskyTheme p.ArnNoResults {
    font-size: 22px;
    font-weight: 600;
}

.arcadiaresortsTheme.alphaSkin .nav-top .headerCoBrandLogo {
    max-height: 85%;
}

.outdooradventuresTheme.alphaSkin .nav-top .headerCoBrandLogo {
    max-height: 70px;
    margin: 0;
}

/*Fairshare*/
.fairshareTheme.alphaSkin.useLanguageSelector #language {
    display: none !important;
}

/*pacifica*/

.pacificaTheme.alphaSkin #language {
    display: inline-block !important;
}

/**************** Do not display Resorts on this Theme ****************/
.aldeanizucTheme .page div.sectionContainer .content div.card.card-2,
.aldeanizucTheme .iconcardlist .grid.threeColumn.wrap span span.box.columnOne,
.aldeanizucTheme .productList .contentContainer.grid.threeColumn.wrap .resorts-link,
.aldeanizucTheme .ourTopDeals .sectionContainer .aem-caas.offers .grid.fourColumn .card.two,
.aldeanizuc_spanishTheme .page div.sectionContainer .content div.card.card-2,
.aldeanizuc_spanishTheme .iconcardlist .grid.threeColumn.wrap span span.box.columnOne,
.aldeanizuc_spanishTheme .productList .contentContainer.grid.threeColumn.wrap .resorts-link,
.aldeanizuc_spanishTheme .ourTopDeals .sectionContainer .aem-caas.offers .grid.fourColumn .card.two {
    display: none;
}

@media screen and (min-width: 1001px) {
    /*adjustments to UI when getting rid of Resorts*/
    .aldeanizucTheme .page .ourTopDeals div.sectionContainer .content .aem-caas.offers .grid.fourColumn,
    .aldeanizucTheme .page .ourTopDeals div.sectionContainer .content .grid.fourColumn,
    .aldeanizuc_spanishTheme .page .ourTopDeals div.sectionContainer .content .aem-caas.offers .grid.fourColumn,
    .aldeanizuc_spanishTheme .page .ourTopDeals div.sectionContainer .content .grid.fourColumn {
        display: flex;
        xgrid-template-columns: 1fr 1fr 1fr;
    }

    .aldeanizucTheme .page .ourTopDeals .card.three,
    .aldeanizucTheme .page .ourTopDeals .card.card-3,
    .aldeanizuc_spanishTheme .page .ourTopDeals .card.three,
    .aldeanizuc_spanishTheme .page .ourTopDeals .card.card-3 {
        grid-column: 3;
        grid-row: 1;
    }

    .aldeanizucTheme .page div.sectionContainer .content .card,
    .aldeanizuc_spanishTheme .page div.sectionContainer .content .card {
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .aldeanizucTheme .page .card .mainImg,
    .aldeanizucTheme .page .ourTopDeals .card.one .mainImg,
    .aldeanizucTheme .page .ourTopDeals .card.four .mainImg,
    .aldeanizucTheme .page .ourTopDeals .card.card-1 .mainImg,
    .aldeanizuc_spanishTheme .page .card .mainImg,
    .aldeanizuc_spanishTheme .page .ourTopDeals .card.one .mainImg,
    .aldeanizuc_spanishTheme .page .ourTopDeals .card.four .mainImg,
    .aldeanizuc_spanishTheme .page .ourTopDeals .card.card-1 .mainImg,
    .page .ourTopDeals .card.card-4 .mainImg {
        border-radius: 5px 5px 0 0;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 220px;
    }

    .aldeanizucTheme .page div.sectionContainer .content .contentBox,
    .aldeanizucTheme .page .ourTopDeals .card.four .contentBox,
    .aldeanizuc_spanishTheme .page div.sectionContainer .content .contentBox,
    .aldeanizuc_spanishTheme .page .ourTopDeals .card.four .contentBox {
        padding: 0.5rem 1rem 0 1rem;
        color: #000;
        width: 100%;
    }

    .aldeanizucTheme .page div.sectionContainer .content,
    .aldeanizuc_spanishTheme .page div.sectionContainer .content {
        padding: 6.5rem 0.8rem;
    }

    .aldeanizucTheme .page .ourTopDeals .card.card-4,
    .aldeanizucTheme .page .ourTopDeals .card.four,
    .aldeanizuc_spanishTheme .page .ourTopDeals .card.card-4,
    .aldeanizuc_spanishTheme .page .ourTopDeals .card.four {
        margin: 0;
    }
}

@media screen and (min-width: 801px) {
    .aldeanizucTheme .page .exclusives div.sectionContainer .content .iconcardlist .grid.threeColumn,
    .aldeanizuc_spanishTheme .page .exclusives div.sectionContainer .content .iconcardlist .grid.threeColumn {
        display: grid;
        grid-template-columns: 0 1fr 1fr;
        grid-gap: 20px;
    }
}

@media screen and (max-width: 600px) {
    .aldeanizucTheme .alphaSkin .svgBox,
    .aldeanizuc_spanishTheme .alphaSkin .svgBox {
        left: 10px;
    }
}

/* hide average and show full totals */

/*
.originalPrice {
	display:none;
}

.originalPrice.originalFullPrice {
	display: inline-block !important;
}

.originalPrice.originalFullPrice .labelTotal {
	display:none;
}

.averageNightly {
	display: none !important;
}

.fullStayTotal {
	display: block !important;
}

.fullStayTotal .note {
    display: none;
}

.SinglePropDetail .fullStayTotal,
.fullStayTotal {
  font-size: 20px;
  font-weight: 700;
  color: #36382E;
  font-size: 24px;
  display: inline-block !important;
  color: #000;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .fullStayTotal .note {
  display: none !important;
}

*/

.pearlygreyTheme .originalPrice {
    display: none;
}

.CheckOutForm.pearlygreyTheme .originalPrice {
    display: inline-block;
}

.pearlygreyTheme .originalPrice.originalFullPrice {
    display: inline-block !important;
}

.pearlygreyTheme .originalPrice.originalFullPrice .labelTotal {
    display: none;
}

.pearlygreyTheme .averageNightly {
    display: none !important;
}

.pearlygreyTheme .fullStayTotal {
    display: block !important;
}

.pearlygreyTheme .fullStayTotal .note {
    display: none;
}

.SinglePropDetail.pearlygreyTheme .fullStayTotal,
.pearlygreyTheme .fullStayTotal {
    font-size: 20px;
    font-weight: 700;
    color: #36382e;
    font-size: 24px;
    display: inline-block !important;
    color: #000;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.pearlygreyTheme .fullStayTotal .note {
    display: none !important;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.pearlygreyTheme .showRoomsPrice {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone.pearlygreyTheme .showRoomsPriceTotal {
    display: inline-block !important;
}

.CheckOutForm .creditSavings {
    color: #3aab03;
}

.usingFullTotals.SearchHotels .arnMapMarkerSpan,
.usingFullTotals.SearchHotels .original,
.usingFullTotals.SearchHotels .rate {
    display: none;
}

.usingFullTotals.SearchHotels .arnMapMarkerTotalSpan,
.usingFullTotals.SearchHotels .originalTotal,
.usingFullTotals.SearchHotels .rateTotal {
    display: inline-block !important;
}

@media screen and (max-width: 800px) {
    .SearchHotels.CheckoutMode-WBCheckoutFormKeystone .filterAndMap {
        padding: 6px;
    }
}

/* CX 1562 - move to frankensteinkeystone.css in 77062 once validated */
/*update for filter/map -Amy*/
@media screen and (max-width: 1000px) {
    .SearchHotels footer.footer.footer-mod {
        padding: 0 0 100px;
    }
}

/*get rid of border-left on hover for toggle/map feature*/
.ArnSortContainer a.ArnToggleMap:hover,
.ArnSortContainer div.filter a:hover {
    border-left: none;
}

/* get rid of divider on latamaffiliates / old arenas delmar */
.latamaffiliatesTheme header.alphaSkin .logo-container .vl.cobrandvl,
.latamaffiliates_englishTheme header.alphaSkin .logo-container .vl.cobrandvl {
    display: none;
}

.FinalConfirmation .guestNameFields td strong:first-child {
    margin: 0 15px 0 0;
}

/* prod update Nov 2024 TS-1405 logo adjustments to  breezeprivate & breezeprivate_english */

.breezePrivateTheme .alphaSkin .nav-top,
.breezeprivate_englishTheme .alphaSkin .nav-top {
    padding: 5px 20px;
}

.breezeprivate_englishTheme .alphaSkin .nav-top li,
.breezePrivateTheme .alphaSkin .nav-top li {
    margin: 0 5px 0;
}

.breezeprivate_englishTheme .alphaSkin .nav-top .headerCoBrandLogo,
.breezePrivateTheme .alphaSkin .nav-top .headerCoBrandLogo {
    max-width: 100%;
    width: 100%;
}

.breezeprivate_englishTheme .alphaSkin .nav-top #HeaderLogo,
.breezePrivateTheme .alphaSkin .nav-top #HeaderLogo {
    height: 50px;
}

.breezeprivate_englishTheme .alphaSkin .profile-dropdown .logoutCommand,
.breezePrivateTheme .alphaSkin .profile-dropdown .logoutCommand {
    font-size: 1.125rem;
    text-transform: capitalize;
}

@media screen and (max-width: 1000px) {
    .breezeprivate_englishTheme .alphaSkin .nav-top #HeaderLogo,
    .breezePrivateTheme .alphaSkin .nav-top #HeaderLogo {
        height: 35px;
    }
    .breezeprivate_englishTheme .alphaSkin .nav-top .top-links a,
    .breezePrivateTheme .alphaSkin .nav-top .top-links a {
        font-size: 14px;
    }
}

@media screen and (max-width: 750px) {
    .breezeprivate_englishTheme .alphaSkin .nav-top,
    .breezePrivateTheme .alphaSkin .nav-top {
        padding: 5px;
    }
}

/* End of prod update Nov 2024 TS-1405 logo adjustments to breezeprivate & breezeprivate_english */

.alphaSkin.RootBody .ArnSearchContainerMainDiv {
    background-image: url("https://content.welcometoyourclub.com/content/dam/club365/banner-hero/club365-homepage-hero.jpg");
    padding: 0 0 15px 0;
}

.RootBody .popularDestinations .content > h2 {
    display: none;
}

.RootBody .popularCities {
    display: none;
}

.alphaSkin.alma_vietnameseTheme .searchOptionsControls button.clearSearchOptions.submit {
    width: fit-content;
    padding: 10px 18px;
}
