/***********************************/
/********** Import Fonts 78063 *********/
/***********************************/
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100;
    src: local(""), url("//media.travsrv.com/appSkins/78063/v6/themes/standard/fonts/Roboto/Roboto-Thin.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: local(""), url("//media.travsrv.com/appSkins/78063/v6/themes/standard/fonts/Roboto/Roboto-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local(""), url("//media.travsrv.com/appSkins/78063/v6/themes/standard/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local(""), url("//media.travsrv.com/appSkins/78063/v6/themes/standard/fonts/Roboto/Roboto-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local(""), url("//media.travsrv.com/appSkins/78063/v6/themes/standard/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
}

/* This is a different font. Use font-weight 900 to use */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    src: local(""), url("//media.travsrv.com/appSkins/78063/v6/themes/standard/fonts/Roboto/RobotoCondensed-Bold.ttf") format("truetype");
}

/***********************************/
/********** Replace Images *********/
/***********************************/

.WBLoginForm #theWBLoginFormBody,
.home .topContainer {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/Triply/triply-prelogin-bkg.png");
}

.WBLoginForm #accountRight {
    xbackground-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/Triply/triply-prelogin-bkg.png") !important;
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/Triply/triply-prelogin-bkg.png") !important;
}

/* Our Top Deals */

.ourTopDeals .card.one .mainImg {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/Homepage/112003-2_RCI_HVC_POST_Desktop.jpg");
}

.ourTopDeals .card.two .mainImg {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/Homepage/112003-2_RCI_HVC_512x512px_DEST_Orlando.jpg");
}

.ourTopDeals .card.three .mainImg {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/HeroesHints/112003-2_RCI_HVC_1088x816px_Roadtrip01.jpg");
}

.ourTopDeals .card.four .mainImg {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/Homepage/shutterstock_186964970.jpg");
}

/* Vacation Goals */

.inspirations .card.one .mainImg {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/Vacation/112003-2_RCI_HVC_512x512px_VACA_Beach02.jpg");
}

.inspirations .card.two .mainImg {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/Vacation/112003-2_RCI_HVC_512x512px_VACA_Adventure01.jpg");
}

.inspirations .card.three .mainImg {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/Vacation/112003-2_RCI_HVC_512x512px_VACA_Family01.jpg");
}

.inspirations .card.four .mainImg {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/Vacation/112003-2_RCI_HVC_512x512px_VACA_Romantic01.jpg");
}

/* Heros, Hints */

.planVacation .card.one .mainImg {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/HeroesHints/112003-2_RCI_HVC_1088x816px_Roadtrip02.jpg");
}

.planVacation .card.two .mainImg {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/HeroesHints/112003-2_RCI_HVC_1088x816px_Hero02.jpg");
}

.planVacation .card.one .mainImg {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/HeroesHints/5.jpg");
}

.planVacation .card.two .mainImg {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/HeroesHints/8.jpg");
}

/* Article Pages */

.article-shenandoah-valley-vacationsPage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/BlogPost/8.jpg");
}

.article-city-vacationsPage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/BlogPost/12.jpg");
}

.article-colorado-vacationsPage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/BlogPost/3.jpg");
}

.article-island-getaway-vacationsPage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/BlogPost/5.jpg");
}

.article-beach-vacationsPage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/BlogPost/112003-2_RCI_HVC_2720x680px_BlogPost01.jpg");
}

.article-adventure-vacationsPage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/BlogPost/112538_HCV_Mtn546808545_2720x680px.jpg");
    background-position: center;
}

.article-family-vacationsPage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/BlogPost/112003-2_RCI_HVC_2720x680px_BlogPost01.jpg");
    background-position: center;
}

.article-romantic-vacationsPage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/BlogPost/112538_HCV_Beach874980444_2720x680px.jpg");
    background-position: center;
}

.article-travel-with-kidsPage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/BlogPost/112003-2_RCI_HVC_2720x680px_BlogPost01.jpg");
}

.article-welcomePage .article .topImage {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/bg/HeroesHints/112003-2_RCI_HVC_1088x816px_Hero01.jpg");
    background-position: center;
}

/*Cars background photo */
.ArnCarRentals .root-search {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/Cars.jpg") !important;
}

/*Activities background photo */
.ArnActivities .root-search {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/Activities.jpg") !important;
}

/*Hotels background photo */
.ArnNoPropertyResults .WBSearchPlaces #accountRight {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/city-skyline.jpg") !important;
    background-position: right center;
}

/*Resorts background photo */
.ArnNoPropertyResults .WBSearchDestination #accountRight {
    background-image: url("//media.travsrv.com/appSkins/78063/v6/themes/standard/images/Resorts.jpg") !important;
    background-position: right center;
}

/****************************/
/********* Colors ***********/
/****************************/

/* 

Triply Dark Green        : #00564f
Triply Medium Green      : #00847B
Triply Medium Green      : rgb(0, 132, 123)
Triply Light Green       : #4cb4aa
Triply Orange            : #AF4600
Triply Orange/hover      : #983C00
Triply Light Orange      : #ffa449
Triply Extra Light Orange: #ffe8d1
Triply Brownish/Orange   : #af4600
Triply Off White         : #f5f5f5



*/

body {
    color: #000;
    font-family: "Roboto", sans-serif !important;
}

/****************************/
/********* Global ***********/
/****************************/

:root {
    /* Colors for consistency with Keystone*/
    --color-primary: #af4600;
    --color-primary-hover: #983c00;
    --color-secondary: #00847b;
    --color-secondary-hover: #00726a;
}

/******** title pill-box tabs *******/

.page .popularDestinations .featuredDestinationsContainer .savingsLink span,
.page .ourTopDeals .title {
    color: #fff;
    background-color: var(--color-primary);
    font-size: 900;
}

/****************************/
/*********** Sections **********/
/****************************/

/* Hero */
/**** WBLoginForm  & Search Widget ****/
/***************************************/

.WBLoginForm .loginContainer,
.home .titleContent {
    background-color: var(--color-secondary);
}

/* remove bg gradiant */

.WBLoginForm #theWBLoginFormBody:before,
.home .topContainer:before {
    background-image: none;
}

.WBLoginForm .loginContainer img {
    max-width: 74%;
    margin: 15px 0;
}

.WBLoginFormContainer.ArnSubPage #theWBLoginForm h2 {
    font-weight: 900;
    max-width: 70%;
}

/* Hero image gradiant on post login/ not landing */
.WBLoginForm #theWBLoginFormBody:before {
    background-image: none;
}

.home .topContainer:before {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5) 5%, transparent);
}

/* Get Started On Your Next Adventure */
/***************************************/

/* default image cards */
/* To implement the icon cards for this section, add smallIconCards class to productList section tag in loginBottom.html and static-home.html  */

.page.home .productList {
    background-color: var(--color-secondary);
}

.page.home .productList h2 {
    color: #ffffff;
    font-weight: 900;
}

.page.home .productList h4 {
    font-weight: 900;
}

p.product-details-sect-p {
    color: #ffffff !important;
    font-weight: 400;
}

.page.home .productList p {
    color: black;
    font-weight: 400;
}

.page .productList.smallIconCards .box span:first-child div {
    background-color: #ffffff;
}

.page .productList.smallIconCards .contentContainer > span,
.page .productList.smallIconCards .contentContainer > a {
    border: 1px solid var(--color-primary);
    border-radius: 5px;
}

/* Exclusively For Our Members */
/***************************************/
.page.home .exclusives {
    background-color: #f5f5f5;
}

.page.home .exclusives h2 {
    color: #333;
    font-weight: 900;
}

.page.home .exclusives h4 {
    font-weight: 900;
}

.page.home .exclusives .headline p {
    color: #333;
    font-weight: 400;
}

.page.home .exclusives .iconcardlist p {
    color: black;
}

/******** cards *******/

.page div.sectionContainer .content .box.columnOne.color,
.page div.sectionContainer .content .box.columnTwo.color,
.page div.sectionContainer .content .box.columnThree.color {
    background-color: white;
    color: black;
    border-radius: 5px;
}

.page.home .exclusives img {
    background-color: var(--color-secondary);
    border-radius: 50%;
}

/* Our Top Deals */
/***************************************/

.page.home .ourTopDeals {
    background-color: #f5f5f5;
}

.page.home .ourTopDeals h2 {
    font-weight: 900;
    color: #333;
}

.page.home .ourTopDeals h3 {
    font-weight: 900;
}

h2,
.popularDestinationsLandingContainer .popularDestinationsContainer .title {
    line-height: 34px;
}

/* Getaway Goals */
/***************************************/

.page.home .inspirations {
    background-color: white;
}

.page.home .inspirations h2 {
    color: black;
    font-weight: 900;
}

.page.home .inspirations h3 {
    font-weight: 900;
}

.page.home .inspirations p {
    color: black;
    font-size: 400;
}

.page.home .inspirations .photocardlist .card {
    background-color: var(--color-primary);
}

.page.home .inspirations .photocardlist .card .contentBox h3 {
    color: white;
}

/* Destinations, Dream & Discover */
/***************************************/

.page.home .popularDestinations {
    background-color: var(--color-secondary);
}

.page.home .popularDestinations h2 {
    color: white;
    font-weight: 900;
}

.page.home .popularDestinations p {
    color: white;
    font-weight: 400;
}

/* Hints & Happenings */
/***************************************/

.page.home .planVacation {
    background-color: #e5f7fa;
}

.page.home .planVacation h2 {
    font-weight: 900;
}

.page.home .planVacation h4 {
    font-weight: 900;
}

.page .planVacation .contentBox a {
    font-weight: 900;
    color: #2f3f56;
}

/* Join Today and Save */
/***************************************/

.page.home .freeTrial {
    background-color: white;
    color: white;
}

.page.home .freeTrial h2 {
    color: var(--color-secondary);
    font-weight: 900;
}

.page.home .freeTrial p {
    color: var(--color-secondary);
    font-weight: 400;
}

.page.home .freeTrial .content a[href*="contact"] {
    color: var(--color-secondary);
    text-decoration: underline;
}

.page.home .freeTrial .content > div {
    color: #00847b;
}

.page.home .freeTrial .content a.submit {
    color: white;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
}

/* Footer Links/ Footer */
/***************************************/

.ArnSupportLinks.ArnSupportBottom {
    background-color: #f4f5f6;
}

.ArnSupportLinks.ArnSupportBottom a {
    color: var(--color-secondary);
    text-decoration: none;
}

footer {
    background-color: white;
}

#login a {
    color: black;
}

/* Admin Navbar */
/***************************************/

/* Search Widget */
/***************************************/

.page.home .titleContainer h1 span {
    font-weight: 900;
}

/* About - Promo Webinar on staticHome */
/***************************************/
/* start About Section */

.page .about-triply {
    background-color: #f5f5f5;
}

.about-triply .content {
    text-align: center;
    color: #333;
}

.about-triply .about-triply-title,
.about-triply .content h2 {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    margin: 0 0 1.5rem;
    line-height: 34px;
}

.about-triply.about-triply-subheading,
.about-triply #about-triply-subheading p {
    font-size: 36px;
    font-weight: 100;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 0;
}

.about-triply .about-triply-subtext,
.about-triply #about-triply-subtext p {
    font-size: 16px;
    margin: 0 0 1.5rem;
}

.about-triply .about-triply-submit,
.about-triply #about-triply-submit-submit .submit {
    text-transform: uppercase;
    font-size: 16px;
    color: #ffffff;
}

#theBody > div.ArnSubPage.WBStaticForm.static-home > section > section.about-triply > div > div > a {
    padding: 18px 40px 18px;
    display: initial;
    max-width: 400px;
    border-radius: 5px;
    text-align: center;
    min-height: 50px;
    line-height: 1;
    border: 1px solid transparent;
    text-decoration: none;
}

#theBody > div.ArnSubPage.WBStaticForm.static-home > section > section.about-triply > div > div > a:hover {
    background-color: var(--color-primary-hover);
}

.about-triply .about-triply-info,
.about-triply #about-triply-info p {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: bold;
}

@media screen and (max-width: 500px) {
    .about-triply .about-triply-subheading,
    .about-triply #about-triply-subheading p {
        font-size: 26px;
    }
}

@media screen and (max-width: 257px) {
    #theBody > div.ArnSubPage.WBStaticForm.static-home > section > section.about-triply > div > div > a {
        padding: 14px 20px 14px;
    }
}

/* End About Section */

/* Dashboard */
/***************************************/

.page.home .dashboard {
    background-color: var(--color-secondary);
}

.page.home .dashboard h3 {
    color: white;
    font-weight: 900;
}

.page.home .dashboard h4 {
    font-weight: 900;
}

#arnliusername {
    font-weight: 900;
}

.page.home .dashboard .freeTrialMember a {
    color: white;
    font-weight: 900;
}

.page.home .dashboard .box p {
    font-weight: 900;
}

.page.home .dashboard .box a {
    color: white;
    font-weight: 900;
    background-color: var(--color-primary);
    text-transform: uppercase;
}

.page.home .dashboard .columnTwo .box {
    background-color: #e5f7fa;
}

.page.home .dashboard .columnTwo .resSeeAll a {
    padding: 0;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 900;
    background-color: var(--color-primary);
}

.page.home .dashboard .columnThree .submit {
    background-color: var(--color-primary);
    color: white;
    font-weight: 900;
    text-transform: uppercase !important;
}

.page.home .dashboard .columnFour .box {
    background-color: #e5f7fa;
}

.page.home .dashboard .columnFour p {
    font-weight: 400;
}

/* Product Pagination */
/***************************************/

.SearchHotels .ArnPages a,
.SearchHotels .ArnPages span {
    border-color: #316879;
    color: #316879;
}

.SearchHotels .ArnPages span.pagesActive {
    background-color: #316879;
}

/* User Admin */
/***************************************/

.userAdmin .myAccountSummary.selected,
.WBClub365Menu .myReservations.selected {
    background-color: var(--color-secondary);
    color: #ffffff;
}

.userAdmin .WBClub365Menu a {
    color: var(--color-secondary);
}

.userAdmin .accoundDetails .memberDetails {
    background-color: var(--color-secondary);
}

.userAdmin #theMyAccountDetailsGroup .shade a {
    color: var(--color-secondary);
}

.userAdmin .filters .selected {
    background-color: var(--color-secondary);
    color: #ffffff;
}

.userAdmin .filters a {
    color: var(--color-secondary);
}

/* Miscellaneous */
/***************************************/

/* Forgot password page */

.WBForgotPasswordFormContainer.ArnSubPage {
    background-color: #f5f5f5;
}

.ArnSubPage.WBFaq a {
    color: #00accd;
}

/* shopping page */

.arnMerchandise #header-content {
    background-color: var(--color-secondary);
}

/* Arrow on Hotels & Resorts */

.WBSearchPlaces #startArrow .arrowDown:before,
.WBSearchDestination #startArrow .arrowDown:before {
    border-top-color: var(--color-secondary);
}

/* Cruise Landing Page */

.cruisePage .page-display-1 .titleContent {
    background-color: #fff8f2;
}

.cruisePage .page-display-1 .titleContent h1 {
    color: var(--color-secondary);
    font-weight: 900;
    text-transform: none;
}

.cruisePage .page-display-1 .titleContent p {
    font-weight: 400;
}

.cruisePage .page-display-1 .buttonLink {
    background-color: var(--color-primary);
    color: white;
    font-weight: 900;
}

.cruisePage .page-display-1 .buttonLink:hover {
    background-color: var(--color-primary-hover);
}

.cruisePage .page-display-1 .products .content h2 {
    font-weight: 900;
    color: var(--color-secondary) !important;
}

.cruisePage .page-display-1 .products .content h3 {
    font-weight: 400;
    color: black;
}

.cruisePage .page-display-1 .cruiseAmenities {
    background-color: #f5f9fd;
}

.cruisePage .page-display-1 .cruiseAmenities h2 {
    font-weight: 900;
    color: var(--color-secondary);
}

.cruisePage .page-display-1 .products .contentContainer .box .number {
    background-color: var(--color-secondary);
    color: white;
}

.cruisePage .page-display-1 .products .product svg {
    fill: var(--color-secondary);
}

.cruisePage .page-display-1 .products .redeemView.show h3 {
    font-weight: 900;
}

.cruisePage .page-display-1 .products .redeemView.show #travelCreditOptions li {
    font-weight: 900;
    color: var(--color-secondary);
}

.cruisePage .page-display-1 .products .redeemView.show #travelCreditOptions li.active {
    background-color: var(--color-secondary);
    color: white;
}

.cruisePage .page-display-1 .whyBook {
    background-color: white;
}

.cruisePage .page-display-1 .whyBook h2 {
    color: var(--color-secondary);
    font-weight: 900;
}

.cruisePage .page-display-1 .whyBook p {
    color: var(--color-secondary);
    font-weight: 400;
}

.cruisePage .page-display-1 .whyBook .questions {
    color: var(--color-secondary);
}

.cruisePage .page-display-1 h4 {
    font-weight: 900;
}

/* Cars Upsell Component (post checkout) */
.FinalConfirmation .crossSell .crossSellImageContainer .promoTag,
.FinalConfirmation .crossSell .crossSellTitle .recommendedTag {
    background-color: var(--color-primary);
    color: #212427;
}

.FinalConfirmation .crossSell .carUpsellBtn {
    background-color: var(--color-primary);
}

.FinalConfirmation .crossSell .carUpsellBtn:hover {
    background-color: var(--color-primary-hover);
}

/* Videos Page */
/***************************************/

/****************************/
/*********** Custom **********/
/****************************/

/* line up login form adjustments per Invision */
.WBLoginForm .loginContainer .WBLoginFormFields {
    padding: 0 25px;
    xmargin-top: -40px;
    line-height: 1;
}

.WBLoginForm .loginContainer .WBLoginFormFields h2 {
    padding: 0 !important;
    margin: 0 !important;
}

.WBLoginForm .loginContainer .WBLoginFormActions {
    padding: 0 25px;
}

.WBLoginForm .loginContainer .createAccountContainer {
    display: none;
}

/* Remove hints and happenings per invision */

.page.home .planVacation {
    display: none;
}

/* Fix last line in footer to line with the other text */
footer .content span {
    display: block;
    text-align: left;
}

/* Navbar adjustments */

.homePage .enterpriseHeader .links a {
    text-transform: uppercase;
    font-weight: 700;
}

/* Remove Premium Membership Btn & adjustments */

.page.home .dashboard .freeTrialMember a,
.userAdmin a.upgradeButton.premium {
    display: none;
}

.page .dashboard div.sectionContainer .content .details .freeTrialMember p {
    display: none;
}

.page .freeTrialMember h3 {
    display: block;
}

/* Reveal Travel Credits & adjustments in admin and dropdown */

.userAdmin .WBClub365Menu span:nth-child(2),
.userAdmin .WBClub365TravelCredits .accountSummary {
    display: block;
}

.userAdmin .WBClub365Menu .travelCredits.selected {
    color: white;
    background-color: var(--color-secondary);
}

.userAdmin .WBClub365TravelCredits .accountSummary {
    background-color: var(--color-secondary);
}

/* link color on forgot pass page */
.WBForgotPasswordForm .SSFormBody a {
    color: #428bca !important;
}

/* Style travel credits in header */

#user_lipoints {
    text-align: center;
    margin-right: 20px;
}

#user_lipoints {
    color: black;
}

.homePage #user_lipoints {
    color: white;
}

.homePage.stick #user_lipoints {
    color: black;
}

.dropdown.mobile-show #user_lipoints,
.dropdown.tablet-show #user_lipoints {
    background-color: var(--color-secondary);
    color: white;
}

.dropdown.tablet-show #user_lipoints {
    padding: 15px 0;
}

/* Dropdown links */

div.dropdown-content a:link {
    color: black !important;
    font-weight: bold !important;
}

.dropdown-content.show .submit {
    color: var(--color-secondary) !important;
}

/* CSS for Wyndamnights header and tool tip */

/*to go in franky*/
.customProduct {
    display: inline-block !important;
}

.navWyndamnights span,
.arnVillas #nav .links a.productLink {
    font-size: 18px !important;
    color: #000;
    font-weight: 700 !important;
}

.homePage .navWyndamnights span {
    color: #fff;
}

/*tool-tip*/

.arntooltip-container {
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.arntooltip {
    opacity: 0;
    z-index: 99;
    color: #bbb;
    width: 190px;
    display: block;
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 3px;
    text-align: center;
    text-shadow: 1px 1px 2px #111;
    background: rgba(51, 51, 51, 0.9);
    border: 1px solid rgba(34, 34, 34, 0.9);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    position: absolute;
    right: -18px;
    top: 40px;
}

.arntooltip-container:hover .arntooltip,
a:hover .arntooltip {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

a.faqLink {
    display: inline;
}

.contact-usPage a.faqLink {
    display: inline;
}

/* CSS Header Overrides on 3rd party products */

/* credits title  */
/* font-size: 15px, font-weight: 500, */
/* #00847B !important link */
/* font-size: 16px */
/* font-weight 700 username */

/* override brownstone */
.enterpriseHeader .postButtonLink,
.enterpriseHeader .links li a {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
}

.arnVillas .creditsBalanceValue {
    font-size: 18px;
}

.arnVillas .navbar-brand {
    float: none;
    padding: 0;
    height: initial;
}

/* Use Travel Credits Field on product pages */

.CheckOutForm .savingsTable {
    display: none;
}

.CheckOutForm #applyRewardRedemption {
    display: block !important;
}

.CheckOutForm #applyRewardRedemption > div {
    margin-bottom: 10px;
}

.CheckOutForm #applyRewardRedemption label {
    position: static;
}

.CheckOutForm #theRewardRedemptionAvailableLabel {
    display: block;
}

.CheckOutForm #rewardsApplied,
.CheckOutForm #rewardsAvailable {
    margin-left: 10px;
}

.CheckOutForm #theRewardRedemption {
    height: initial;
    padding: 11px 5px;
}

/* ArnVillas Header fix */
.arnVillas .homepage-header {
    position: absolute;
    top: 87px;
    right: 0;
}

.arnVillas #header.enterpriseHeader {
    position: absolute;
    top: 0;
    right: 0;
}

.userAdmin #theMyAccountDetailsGroup .shade a:nth(1) {
    display: none;
}

.adminView .accountSummary {
    background-size: 75px !important;
    background-position: right 10px top 60px !important;
}

.adminView .accountSummary label {
    font-size: 15px;
}

.WBClub365ProfileFormFields legend {
    margin: 1rem 0.5rem 1.5rem 0.5rem;
}

x.userAdmin #C7c26toir330hreak71h3dz6hoSlider.shade a {
    display: none !important;
}

x.userAdmin #Cekavk77detl9s6wx19wnqyw2tSlider.shade a {
    display: none !important;
}

.userAdmin #theNameEditAjax .shade a {
    display: none !important;
}

/* Add Manage Users tab */

.userAdmin .WBClub365Menu span:nth-child(3) {
    display: block;
}

.userAdmin .WBClub365Menu .manageUsers.selected {
    color: white;
    background-color: var(--color-secondary);
}

.staticWidgetPage .topContainer .titleContainer {
    margin: 9rem auto 0;
}

@media screen and (max-width: 750px) {
    .staticWidgetPage .topContainer .titleContainer .topSearch .vl {
        display: none;
    }

    .staticWidgetPage .topContainer .titleContainer {
        margin: 3rem auto 3rem;
    }
}

/*do not display sleeps and rooms field & adjustment to center*/
.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnRoomsContainer,
.RootTypeDestination .RootPage .ArnPrimarySearchContainer .ArnIndividualSearchContainer.ArnSleepsContainer {
    display: none;
}

/*center the search container*/
.RootBody .searchLeft {
    padding: 175px 0 500px !important;
}

.SearchHotels .overlay {
    background-color: rgba(0, 0, 0, 0.7);
    pointer-events: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Fixes for Triply Search */

.ArnQuadSearchContainer.ArnPrimarySearchContainer .ArnSearch .ArnPlacesSearchContainer label {
    color: inherit;
    position: absolute;
    top: 0;
    left: 7px;
    font-size: 0.8rem;
}

/***********************/
/*resorts pages*/
/***********************/

@media (min-width: 1001px) {
    .article .userControl {
        margin: 81px auto !important;
        background: #ffffff38;
        padding: 20px;
        display: inline-block;
    }
}

h2.resort-location {
    color: var(--color-secondary);
}

.resorts-locations-divider {
    max-width: 1060px;
    text-align: center;
    border: 4px solid #f8f8f8;
    margin-top: 11px;
    border-radius: 3px;
}

.top-cta-call-to-book-resorts {
    color: var(--color-primary);
}

/* resort card info */
.article .main div.sectionContainer .content p.small-resort-address {
    margin: 0.7rem 1rem 0.7rem 0;
    color: #333;
    font-weight: 400;
    font-size: 16.8px;
    line-height: 20px;
}

.article .main div.sectionContainer .content p.small-resort-description {
    margin: 0.7rem 1rem 0.7rem 0;
}

.article .main div.sectionContainer .content p.small-resort-experiences {
    margin: 0.7rem 0 0.1rem 0;
}

.article .main div.sectionContainer .content p.small-resort-experiences-types {
    margin: 0.1rem 0;
    font-weight: 400;
}

/* resort card info end */

/* mini nav sect */
section#mini-destination-nav.productList {
    background-color: var(--color-secondary);
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 60px 0 80px 0;
}

#mini-destination-nav > div > div > span > div > div > div:nth-child(2) > div > div > a:nth-child(1) > span > span {
    min-height: 230px !important;
    border: none;
}

#mini-destination-nav > div > div > span > div > div > div:nth-child(2) > div > div > a:nth-child(2) > span > span {
    min-height: 230px !important;
    border: none;
}

#mini-destination-nav > div > div > span > div > div > div:nth-child(2) > div > div > a:nth-child(3) > span > span {
    min-height: 230px !important;
    border: none;
}

#mini-destination-nav > div > div > span > div > div > div:nth-child(2) > div > div > a:nth-child(4) > span > span {
    min-height: 230px !important;
    border: none;
}

#mini-destination-nav > div > div > span > div > div > div:nth-child(2) > div > div > a:nth-child(5) > span > span {
    min-height: 230px !important;
    border: none;
}

#mini-destination-nav > div > div > span > div > div > div:nth-child(2) > div > div > a:nth-child(6) > span > span {
    min-height: 230px !important;
    border: none;
}

.article .main div.sectionContainer .content p.small-resort-explore-destinations {
    margin: 0.7rem 0 0.1rem 0;
    color: var(--color-primary);
}

a.resorts-destinations-card-link {
    cursor: pointer;
}

a.resorts-destinations-card-link:hover {
    opacity: 0.7;
}

/* mini nav sect end */

/* home pg resorts list  */

div.contentContainer.grid.threeColumn.wrap.resortDestinationsHomeMenu {
    grid-gap: 0.5em;
}

@media only screen and (min-width: 1001px) and (max-width: 1200px) {
    div.contentContainer.grid.threeColumn.wrap.resortDestinationsHomeMenu {
        grid-gap: 0.2em;
    }
}

/* home pg resorts list end */

/* resort pgs hide call to book button on desktop, CTA larger desktop */
@media screen and (min-width: 480px) {
    .article .topMessage div.sectionContainer .content a.submit.top-message-resorts-button {
        display: none;
    }

    .top-cta-call-to-book-resorts {
        font-size: 24px;
    }
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
    .article .topMessage div.sectionContainer .content a.submit.top-message-resorts-button {
        display: block;
    }

    .top-cta-call-to-book-resorts {
        font-size: 16px;
    }
}

/***********************/

/***********************/
/* Disable Activities */
/**********************/

x.ArnActivities .root-search .search-container,
x.ArnActivities.RootBody .landingPageBottom,
x.ArnActivities .product-list div,
x.ArnActivities .description,
x.ArnActivities .popularDestinationsList,
x.thingsToDoTab,
.activitiesMessage,
.ArnActivities .product-list div.activitiesMessage {
    display: none !important;
}

x.ArnActivities .product-list div.activitiesMessage {
    display: block !important;
}

x.ArnActivities .activitiesMessage {
    position: relative;
    background-color: white;
    padding: 50px;
    font-size: 25px;
    text-align: center;
    line-height: 1.7;
}

/***********************/

/*WBPurchaseMembershipPackage Section - Package Update May 2023*/

.WBPurchaseMembershipPackage .SSForm.WBPurchaseMembershipPackageContainer {
    width: 100%;
    display: table;
}

.WBPurchaseMembershipPackage .SSFormBody form,
.WBPurchaseMembershipPackage #thePackageInfoAjax {
    margin: 0 auto;
    padding: 1.5rem 0;
    width: 100%;
    max-width: 600px;
}

.WBPurchaseMembershipPackage #thePackageInfoAjax {
    padding-top: 0;
    display: inline-flex;
    flex-direction: column;
    max-width: 400px;
    width: 100%;
}

.WBPurchaseMembershipPackage .SSFormBody form table {
    width: 100%;
}

.WBPurchaseMembershipPackage .SSForm .SSFormBody table td {
    padding: 0 15px 5px 15px;
}

.WBPurchaseMembershipPackage table .FormFields h1 {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 40px;
    font-weight: 500;
    letter-spacing: 3px;
    text-align: center !important;
    width: 100%;
    margin: 0 0 1rem 0;
}

.WBPurchaseMembershipPackage .upgradeMembershipSection {
    background-color: transparent;
}

.WBPurchaseMembershipPackage .upgradeMembershipSection .FieldRadioGroup .upgradeMembershipOption {
    background-color: white;
}

.WBPurchaseMembershipPackage .upgradeMembershipSection {
    border-radius: 0.25rem;
    border: none;
    margin: 0 0 1rem !important;
}

.WBPurchaseMembershipPackage .WBPackageTermscontainer {
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: start;
    width: 100%;
    padding: 10px 10px;
}

.WBPurchaseMembershipPackage p.confirmationWarning {
    display: flex;
    margin: 5px 10px;
    width: 10px;
}

.WBPurchaseMembershipPackage .upgradeMembershipSection .upgradeMembershipOption div.pkgName {
    width: auto !important;
}

/*accountRight*/
.WBPurchaseMembershipPackage #accountRight div.sectionContainer .grid span.box div span.checkMark img {
    width: 30px;
    margin: 10px;
}

.WBPurchaseMembershipPackage #accountRight {
    padding: 0.5rem 0 0;
    background-color: #e6f0f5;
}

.WBPurchaseMembershipPackage .page div.sectionContainer .content .grid {
    text-align: left;
    display: inline;
    align-content: center;
    padding: 1rem;
}

.WBPurchaseMembershipPackage .upgradeMembershipSection .upgradeMembershipOption div.pkgCost {
    flex-direction: column;
    align-items: end;
    margin-left: auto;
}

.WBPurchaseMembershipPackageActions.FormActions {
    padding: 0 2.5rem 0.5rem;
}

.WBPurchaseMembershipPackage #thePackageInfoAjax {
    padding-top: 0;
    /* padding: 0 2.5rem; */
    display: inline-flex;
    flex-direction: column;
    max-width: 400px;
    width: 100%;
}

@media only screen and (max-width: 1000px) {
    .upgradeMembershipSection .upgradeMembershipY {
        padding: 0 1rem 1rem 1rem !important;
    }

    .CheckOutForm #theBookingPage #theCharges .checkoutReview {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 800px) {
    .CheckOutForm #theCardExpirationFieldsAjax {
        width: 90%;
        align-items: flex-start;
        display: inline-flex;
        flex-direction: column;
    }

    .CheckOutForm div#theExpirationMonthAjax.guestExpiresMonth {
        padding: 0 10px 0;
    }

    .upgradeMembershipSection .upgradeMembershipOption {
        justify-content: space-evenly;
    }
}

@media screen and (max-width: 600px) {
    .upgradeMembershipSection .upgradeMembershipY {
        padding: 0 1rem 1rem 1rem !important;
    }

    .upgradeMembershipSection .upgradeMembershipOption div.pkgName {
        width: 100% !important;
        padding: 0.4rem !important;
        text-align: center;
        display: inline-flex;
        justify-content: center;
    }

    .upgradeMembershipSection .upgradeMembershipOption div.pkgExpirationDate,
    .upgradeMembershipSection .upgradeMembershipOption div.pkgCost {
        border-top: 1px solid #eee;
        text-align: center;
    }

    .upgradeMembershipSection .upgradeMembershipOption span.yearlyPkgCost {
        text-align: center;
    }

    .WBPurchaseMembershipPackage .upgradeMembershipSection .upgradeMembershipOption div.pkgCost {
        align-items: center;
    }

    .upgradeMembershipSection .upgradeMembershipOption div {
        width: 100% !important;
    }
}

/*** END OF Checkout Package Update ***/
/*fix*/
@media only screen and (max-width: 1445px) {
    .WBClub365ProfileEnrollmentForm #HeaderLogoDark {
        display: none;
    }
}

.ArnCarRentals .dropdown-content .submit:hover,
.ArnActivities .dropdown-content .submit:hover {
    background: transparent repeat scroll 0 0 !important;
    border: none;
}

/**** end of adjustment ***/

/******* START: Keystone *********/

/* Brownstone Overides */
.arrowContainer {
    display: none;
}

#accountRight {
    display: block;
    width: 100%;
}

/* Brand Styles
  Brand Primary - #AF4600 (Old: #e87414) Hover - #983C00 (Old: #ba5d10)
  Brand Secondary - #00847B Hover - #00726A;

  Link Brand - #D94135
  Link Hover - #C8362A
*/

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone a:link,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone a:visited,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone a:hover,
.CheckOutForm.CheckoutMode-WBCheckoutFormKeystoneBookingPage a:active {
    font-weight: 700;
    text-decoration: auto;
}

.cruisePage #accountRight {
    min-height: 480px;
    height: 480px;
    width: 50%;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.alphaSkin.cruisePage .whyBook .buttonLink {
    background-color: var(--color-primary);
}

.CheckOutForm.CheckoutMode-WBCheckoutFormKeystone label {
    white-space: nowrap;
}

#header.enterpriseHeader a#logoLink #HeaderLogoDark {
    display: inline;
}

#header.enterpriseHeader a#logoLink #HeaderLogo {
    display: none;
}

.about-triply .about-triply-submit.submit {
    color: #fff;
}

.dashboard .columnFour.detail.offer .box p.bookNow,
.top-cta-call-to-book-resorts a {
    color: #d94135;
}

.dashboard .columnFour.detail.offer a:hover .box p.bookNow,
.top-cta-call-to-book-resorts a:hover {
    color: #c8362a;
    text-decoration: underline;
}

.dropdown .dropdown-content {
    z-index: 100;
}

.enterpriseHeader .dropdown .dropdown-content .arn_username {
    background-color: transparent;
}

@media only screen and (max-width: 800px) {
    .WBLoginForm .WBLoginFormContainer.ArnSubPage {
        padding: 0;
        margin: 0;
        max-width: 100%;
        width: 100%;
        display: inline;
    }
}

.staticWidgetPage .topContainer .titleContainer .topSearch .ArnSearchHolderBoth > span {
    padding-left: 5px !important;
}

.WBLoginForm #thePasswordAjax span.passwordShow {
    top: 38px;
}

#header.enterpriseHeader {
    background-color: #fff;
    color: #000;
}

#header.enterpriseHeader .navRow form:hover {
    background-color: transparent !important;
}

.homePage .enterpriseHeader .navContainer .links a {
    color: #36382e;
}

.enterpriseHeader .languageContainer,
#CitiesNearbyContainer {
    display: none;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a:hover:after,
.SinglePropDetail.WBPropertyDetailViewKeystone .PropertyLinks a.active:after {
    background-color: var(--color-secondary) !important;
}

.SinglePropDetail.WBPropertyDetailViewKeystone .ArnRateCancelPolicyPopupAnchor:hover {
    color: #36382e;
}

#header.enterpriseHeader {
    position: relative;
    padding: 0;
    z-index: 40;
}

.enterpriseHeader #nav .links {
    gap: 5px;
}

.CheckOutForm .enterpriseHeader a {
    text-decoration: none !important;
}

.RootBody .RootPage .ArnQuadSearchContainer.ArnPrimarySearchContainer {
    margin: 40px auto 0;
}

.RootBody #disclaimer {
    padding: 0px 25px 20px;
}

x.navRow form {
    padding: 0;
}

.blurActive::before {
    z-index: 1;
}

.enterpriseHeader #user_lipoints {
    margin: 0 15px 0 0;
}

.RootBody {
    background-color: #fff;
}

.RootBody .featuredContainer {
    margin: 0;
    padding: 15px !important;
}

.userAdmin .memberName svg path {
    fill: #fff !important;
    stroke: #fff !important;
}

.RootTypeDestination .popularProperties,
.RootTypeDestination .popularDestinationsLandingContainer {
    display: none;
}

@media only screen and (min-width: 800px) {
    #header.enterpriseHeader .container {
        width: 100%;
    }
}

@media only screen and (min-width: 1000px) {
    .enterpriseHeader .links {
        margin: 0;
    }
}

@media only screen and (max-width: 1000px) {
    .cruisePage #accountRight {
        width: 100%;
    }

    /* this is breaking the fixed total popup in mobile. Needs v6/ HTML review */
    .CheckOutForm #total {
        display: none;
    }

    .enterpriseHeader #navmobile li {
        padding: 5px 0;
    }

    .homePage .hamburger span,
    .homePage .hamburger::before,
    .homePage .hamburger::after {
        background: #333 none repeat scroll 0 0;
    }

    #header.enterpriseHeader .navRow {
        padding: 0;
    }

    #header.enterpriseHeader .container {
        padding: 15px !important;
    }

    .enterpriseHeader .container {
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: initial;
        justify-content: initial;
    }

    .navRow a#logoLink {
        margin-right: initial;
    }

    .enterpriseHeader #menu-button {
        height: initial;
        width: initial;
    }

    .enterpriseHeader .navRow #nav {
        display: none;
    }

    .enterpriseHeader #user_lipoints {
        margin: 0 15px 0 auto;
    }

    .hamburger span,
    .hamburger::before,
    .hamburger::after {
        margin: 0;
    }

    #mobile-input:checked ~ #header #navmobile {
        margin: 25px 0 0;
    }
}

@media screen and (max-width: 800px) {
    .alphaSkin.SearchHotels.mobile .ArnSearchContainerMainDiv {
        margin-top: 0px;
    }

    .enterpriseHeader #user_lipoints {
        margin: 0;
        border-radius: 0;
    }

    #header .container .dropdown {
        margin-left: auto;
    }
}

.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: #93cfc7;
}

.litepicker .container__days .day-item.is-in-range {
    background-color: #bde1dc;
}

/******* END: Keystone *********/

/* Display Date range for Resort bookings */

.SinglePropDetail.WBSearchDestinationKeystone .ArnRateFromTo {
    display: inline-block !important;
}

/*updates with Revelex - do not remove*/
.arnAirRevelex {
    display: block !important;
}

.arnAirRevelex .main-area-container .main-area-header {
    display: none;
}

x.cruise .cw-search-bar input,
.arnAirRevelex .cw-search-bar input {
    text-indent: 0 !important;
}

x.cruise .main-area-container .main-area-header {
    display: none;
}

/*end of Revelex over-rides*/

.dropdown {
    width: 40px !important;
}

/****** Moving Fixes here due to %version% not working correctly *******/

.arnAirRevelex {
    flex-direction: column;
}

/* Remove marketing checkbox */

div.confirmationWarning > span:not(:first-of-type):nth-of-type(2) {
    display: none;
}

.arnQA.CheckOutForm .navContainer,
.arnQA.CheckOutForm .ArnSupportLinks.ArnSupportBottom.static,
.arnQA.CheckOutForm .enterpriseHeader #nav,
.arnQA.CheckOutForm .dropdown {
    display: none;
}

/* Set white font on dark background */
.percentSavings {
    color: var(--color-white-white);
}
/* TS-2269 Transition to T+L Go */
.sunsetTheme .popularDestinations,
.sunsetTheme .inspirations,
.sunsetTheme .planVacation,
.sunsetTheme .freeTrial,
.sunsetTheme .ourTopDeals,
.sunsetTheme .exclusives,
.sunsetTheme .productList,
.sunsetTheme .ArnSupportLinks.ArnSupportBottom.static,
.sunsetTheme footer {
    display: none !important;
}

.WBLoginForm.sunsetTheme .SSForm.ArnSubPage .SSFormBody form,
.titleContent {
    padding: 60px 10px;
    display: flex;
    justify-content: center;
}

.home .topContainer .titleContent {
    display: block;
}

.WBLoginForm.sunsetTheme .loginCoBrandLogo,
.WBLoginForm.sunsetTheme .theheaderImg {
    display: none !important;
}

.WBLoginForm.sunsetTheme .loginContainer {
    background-color: rgba(240, 240, 240, 0.9);
    border-radius: 24px;
    max-width: 90%;
    margin: 0 auto;
}

.WBLoginForm.sunsetTheme .CreateAnAccountAction {
    display: none !important;
}

/* Parent class with .sunsetTheme or .sunsetMessage for all themes integrated into TNL. -Files used footer-site.js in theme & theme.js */
.sunsetTheme .sunsetMessage,
.sunsetMessage .theSteps li,
.sunsetMessage .sunsetHeader h1 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    display: flex;
}

.sunsetMessage .sunsetContent {
    text-align: left;
}

.sunsetMessage .sunsetHeader h1 {
    display: block !important;
    font-size: 20px;
    font-weight: 700;
    text-transform: none !important;
}

.sunsetMessage div.sunsetHeader {
    border-bottom: 1px solid #c3c3c0;
}

.WBLoginForm.sunsetTheme .loginContainer .sunsetMessage .theBenefits span img {
    display: block !important;
    width: 50px;
}

.sunsetMessage div.sunsetIntro p {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 0 36px;
}

.sunsetMessage span.benefitBlurb.one,
.sunsetMessage span.benefitBlurb.two,
.sunsetMessage span.benefitBlurb.three {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #36382e;
}

.sunsetTheme .WBLoginFormContainer.ArnSubPage #theWBLoginForm .sunsetMessage .theBenefits h2 {
    color: #36382e;
    max-width: 100% !important;
    margin: 0;
    text-align: left !important;
    text-indent: 55px;
    padding: 0;
    font-family: "SohneBreitFett", sans-serif !important;
    font-size: 18px;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: bolder;
    display: block !important;
}

.sunsetMessage .sunsetIntro {
    font-size: 20px;
    display: flex;
}

.sunsetMessage .benefitBlurb.one,
.sunsetMessage .benefitBlurb.two,
.sunsetMessage .benefitBlurb.three {
    margin-bottom: 40px;
}

.WBLoginForm.sunsetTheme .loginContainer .sunsetMessage .benefitBlurb img {
    margin: -20px 0 0;
}

.sunsetTheme .WBLoginFormContainer.ArnSubPage #theWBLoginForm .sunsetMessage .sunsetIntro .tnlLink a {
    display: inline;
    font-size: 20px;
    color: black;
}

.sunsetTheme .sunsetIntro span:nth-child(2) {
    padding: 0.8rem 0 0;
    font-size: 18px;
}

.sunsetTheme .WBLoginFormContainer.ArnSubPage #theWBLoginForm .sunsetMessage .theSteps a {
    color: #236180 !important;
    font-weight: 400;
    display: block;
}

.sunsetMessage .sunsetMessagebtn {
    background-color: #f2ba00;
    padding: 1rem 2rem;
    font-size: 1rem;
    font-family: Roboto Condensed, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.25s ease-in;
    border-radius: 2rem;
    letter-spacing: 0.05em;
    line-height: 1.625rem;
    width: fit-content;
    margin: 0 auto;
}

.sunsetTheme .WBLoginFormContainer.ArnSubPage #theWBLoginForm .sunsetMessage .sunsetMessagebtn a {
    text-decoration: none !important;
}

.sunsetTheme .loginContainer .sunsetMessage .sunsetHeader img {
    width: 275px;
    display: block !important;
}

.WBLoginForm.sunsetTheme .loginContainer img {
    margin: 15px;
}

.WBLoginForm.sunsetTheme .loginContainer img,
.WBLoginForm.sunsetTheme .WBLoginFormContainer.ArnSubPage #theWBLoginForm h2,
.WBLoginForm.sunsetTheme .WBLoginFormContainer.ArnSubPage #theWBLoginForm a {
    display: none;
}

.WBLoginForm.sunsetTheme .WBLoginFormContainer.ArnSubPage #theWBLoginForm .sunsetMessagebtn a {
    display: block;
    color: black;
}

.WBLoginForm.sunsetTheme .cobrandLogoVertLineBlk,
.sunsetTheme .page.home {
    display: none;
}

@media only screen and (max-width: 600px) {
    .WBLoginForm.sunsetTheme .loginContainer {
        border-radius: 0;
        width: 100%;
        max-width: 100%;
    }

    .sunsetMessage .sunsetIntro {
        font-size: 18px;
    }
}

@media only screen and (max-width: 400px) {
    .WBLoginForm.sunsetTheme .loginContainer img {
        padding: 0;
    }
}