/* global color change from FHR */
.subnav { background: #162B75; }
.subnav-mobile .nav-top-links { background: #162B75;}
.search-box { background-color: #122360; }
.search-box-icon { background-color: #122360;}
.pi-grey { background-color: #162B75; }
/* .cmf { background: #006FCF;	} */
.cta { background-color: #006FCF; }
.cta-white:hover { background: #162B75; color: #fff;}
.mfBG { background-color: #162B75; }

.go-to-platinum {
	text-align: center;
	margin: 1em 0;
}

	.go-to-platinum a { color: #006fcf; }


/* PROPERTY PAGE */

.pi-special-benefit { display: none !important; /* THC */ }
.pig-benefit-2x {background-image: url(../img/dls-icon-point-2x.svg); background-size: 40px 40px; }
.pig-fineprint { background-color: #006FCF; margin: 0; color: #fff; border-top: 5px solid #f8f8f8; border-radius: 0; font-size: calc(1.4rem * .625); padding: 1em 1.5em; line-height: 1.4em;}
.pc-benefit-box { display: none !important; /* THC */ }
.property-title { border-top: 3px solid #006FCF; }


/* HOTEL FINDER */

.hiddenCB:checked + .region-pick {	background-color: #006FCF;	}
.hiddenCB:checked + .collection-pick {	background-color: #006FCF; }

.hotel-finder-collection-tile:empty { background: none; height: 0;}

/* Global Nav */

.search-box:hover, .search-box-icon:hover { background: #0c1740; cursor: pointer; }
.search-box svg { margin-right: 5px; flex-shrink: 0; }
.search-box:focus-within { background: #fff; }
.search-box:focus-within svg path { stroke: #000; }

/* HOME PAGE */

.hp-cta {
	background-color: #162B75;
	border-radius: 3px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 40px;
	margin: 20px 0 60px 0;
}

.hp-cta .cta-white {
	padding: 0 2.5em; 
	line-height: 3.8em;
	font-size: calc(1.7rem * .625);
}
	
.hp-cta-text {
	color: #fff;
    font-size: calc(2.2rem * .625);
    line-height: 1.4em;
	margin-right: 1em;
	max-width: 600px;
}

.home-intro { background: #162B75; }

.home-benefits-thc {
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding: 0 30px;
}

.hbt-left {
	width: 55%;
}

.hbt-card-wrap {
	display: flex;
	justify-content: space-between;
	padding: 40px 0;
	margin-bottom: 40px;
	border-bottom: 1px solid #dedede;
}

.hbt-card-wrap-left { width: 100%;}
	.hbt-card-wrap-left img { max-width: 300px;}
.hbt-card-wrap-right { width: 250px; padding-left: 20px; flex-shrink: 0; font-size: calc(4.2rem * .625); font-weight: 400; line-height: 1.2em;}

.hbt-right {
	width: 35%;
	margin-top: 40px;
}

.hbt-left-wrap {
	display: flex;
	justify-content: space-between;
}

.hbt-left-wrap .bthc-item { width: 45%; }

.hbt-head { font-size: calc(1.8rem * .625); font-weight: 500; margin-bottom: 2em;}
	.hbt-head a { color: #006FCF; }

.hbt-left .hbt-head { text-align: center; }

.hbt-right .bthc-item { padding-left: 55px; }
.hbt-right .bthc-item-head { font-size: calc(1.5rem * .625); }
.hbt-right p { margin-bottom: 2em;}

/* these :not are for hiding the Gold info for international markets. */
.home-benefits-thc:not(.en-us-hbt) .hbt-left .hbt-card-wrap {
	align-items: center;
	flex-direction: column;
}

.home-benefits-thc:not(.en-us-hbt) .hbt-left {
	width: 100%;
}

.home-benefits-thc:not(.en-us-hbt) .hbt-left .hbt-card-wrap-right {
	width: auto;
}

.home-benefits-thc:not(.en-us-hbt) .hbt-left .hbt-card-wrap-left {
	width: auto;
}

.home-benefits-thc:not(.en-us-hbt) .hbt-right {
	display: none;
}

.b-benefits:not(.en-us-bthc) .thc-mr-benefits { 
	display: none;
}

.b-benefits:not(.en-us-bthc) .hpb-right-thc .benefits-col-thc {
	width: 100%;
}


.cta-center { text-align: center; padding: 20px 0 30px 0; background: #fff; margin-bottom: 30px;}
	.cta-center .cta { display: inline-block;}
	


/* BENEFITS PAGE */

/* BENEFITS - this needs to be audited because I replaced dfw.css with the current version from Platinum, but needed to add these back in. -KSB 8/1/22 */

.hp-benefits {
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
	padding: 40px;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
}

	.b-benefits {
		margin-top: -30px;
		position: relative;
		z-index: 2;
		border-radius: 3px;
	}

.hpb-left {
	background-color: #F6F6F6;
	padding: 45px;
	font-weight: 500;
	font-size: calc(3.7rem * .625);
	border: 1px solid #EDEDED;
	border-radius: 3px;
	width: 380px;
	line-height: 1.2em;
	letter-spacing: 1px;
	text-align: center;
}

	.hpb-left img { 
		margin: 0 auto 30px auto;
    	transform: scale(1.2);
	}

	.hpb-benefit-label {
		text-align: center;
		font-size: calc(1.4rem * .625);
		font-weight: 500;
		margin: 1em 0;
		width: 100%;
		display: none;
	}

.hpb-right { 
	width: calc(100% - 420px);
	text-align: center;
}

	.hpb-right .cta { display: inline-block; }

.hpb-value { 
	font-size: calc(1.8rem * .625);
	font-weight: 500;
	margin-bottom: 2em;
	line-height: 1.4em;
	text-align: center;
}

.hpb-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.hpb {
	font-size: calc(1.4rem * .625);
	font-weight: 500;
	background-repeat: no-repeat;
	background-size: 50px;
	min-height: 70px;
	padding-left: 90px;
	width: 32.5%;
	line-height: 1.3em;
	margin-bottom: 30px;
	text-align: left;
}

	.breakfast { background-image: url(../img/icon_benefit_food.svg); background-size: 70px; }
	.checkout { background-image: url(../img/icon_benefit_out.svg); background-position: 20px 0; }
	.wifi { background-image: url(../img/icon_benefit_wifi.svg); background-position: 20px 0; }
	.upgrade { background-image: url(../img/icon_benefit_upgrade.svg); background-position: 20px 0; }
	.checkin { background-image: url(../img/icon_benefit_in.svg);  background-position: 20px 0; }
	.amenity { background-image: url(../img/icon_benefit_unique.svg); background-position: 20px 0; }

	.hp-benefits .hpb-tandc { width: 100%; 	border-top: 1px solid #E4E4E4; padding-top: 2em; margin-top: 2em; }

	.hp-benefits .hpb-tandc p { font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: calc(1.2rem * .625); margin-bottom: .5em; line-height: 1.3em; }

.b-benefits { padding: 0; }
.b-benefits .hpb-left { margin: 20px 0px 40px 20px; }
.b-benefits .hpb-right { padding:40px 40px 10px 40px; }
.b-benefits .hpb { padding: 70px 0 0 0; font-size: calc(1.7rem * .625); width: 30%; background-position: 0 0 !important; }
.b-benefits .hpb-value { background: none; font-weight: 400; text-align: center; letter-spacing: 0;  }
.b-benefits .hpb-tandc { padding: 40px; margin-top: 0; }
.b-benefits .hero-image-location { bottom: inherit; top: -50px; right: 0; }

.b-desc { font-size: calc(1.4rem * .625); font-weight: 400; margin-top: 1em; }

.benefits-unique {
	text-align: center;
	padding: 40px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

	.bu-intro { width: 100%; margin-bottom: 40px; }

	.benefits-unique h2 {font-weight: 500; font-size: calc(4rem * .625); margin-bottom: 1em; line-height: 1.1em }
	.benefits-unique p { max-width: 600px; font-size: calc(1.8rem * .625); letter-spacing: 1px; margin: 0 auto; line-height: 1.6em; }
	
	.bu-text { width: 40%; text-align: left; }
		.bu-text h3 { font-weight: 500; font-size: calc(1.8rem * .625); margin-bottom: .25em; }
		.benefits-unique .bu-text p { letter-spacing: 0; font-size: calc(1.6rem * .625); line-height: 1.5em; margin-bottom: 2em; }
	
	.bu-img { position: relative; width: 55%; background-size: cover; border-radius: 3px; padding-top: 36.63779%; background-repeat: no-repeat; }
		.bu-img .hero-image-location { right: 10px; }

.benefits-curated {
	display: flex;
	justify-content: space-between;
}

	.benefits-curated p { font-size: calc(1.8rem * .625); }

	.bc-benefits { width: 56.5%; border-radius: 3px; background-color: #53565A; padding: 50px; color: #fff; text-align: center; }
	
	.bc-curated { width: 42%; border-radius: 3px; background-color: #A7A8AA; padding: 60px 60px 40px 60px; color: #fff; }
		.bc-curated p {line-height: 1.6em;  font-size: calc(2.2rem * .625); }
	
	.bc-head { font-weight: 500; font-size: calc(3.6rem * .625); margin-bottom: .75em; line-height: 1.1em; }
		.bc-benefits 
			.bc-head { padding-bottom: .75em; border-bottom: 1px solid #727478; }

	.bcb-items { display: flex; justify-content: space-between; align-items: center; margin-top: 30px; }

	.bcb-item { 
		background-color: #63666A;
		padding: 20px 30px 20px 90px;
		width: 44%;
		text-align: left;
		font-size: calc(1.45rem * .625);
		background-repeat: no-repeat;
		background-position: 20px 50%;
		border-radius: 2px;
	}
	
		.bcb-item a { color: inherit; }
		
		.bcb-online { background-image:url(../img/dls-icon-laptop.svg); }
		.bcb-call { background-image:url(../img/dls-icon-account.svg); }
			.bcb-call-centered { margin: 0 auto; width: auto;}
		.bcb-or { font-weight: 700; font-size: calc(1.8rem * .625); }

.benefits-hotelfinder {
	width: 100%;
	max-width: 1600px;
	height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: url(../img/benefits-hotelfinder-hero.jpg) 50% 50% no-repeat;
	position: relative;
	margin: 40px auto 40px auto;
}

.benefits-hotelfinder h2 { color: #fff;
	 font-weight: 500;
	 font-size: calc(3.6rem * .625);
	 width: 90%;
	 max-width: 800px;
	 line-height: 1.4em;
	 text-align: center;
	 margin-bottom: 1em;
}

.benefits-hotelfinder .cta-white { width: 280px; font-weight: 500; line-height: 3.5em; font-size: calc(1.8rem * .625); }

.b-benefits { padding: 0; }
.b-benefits .hpb-left { margin: 20px 0px 40px 20px; }
.b-benefits .hpb-right { padding:40px 40px 10px 40px; }
.b-benefits .hpb { padding: 70px 0 0 0; font-size: calc(1.7rem * .625); width: 30%; background-position: 0 0 !important; }
.b-benefits .hpb-value { background: none; font-weight: 400; text-align: center; letter-spacing: 0;  }
.b-benefits .hpb-tandc { padding: 40px; margin-top: 0; }
.b-benefits .hero-image-location { bottom: inherit; top: -50px; right: 0; }

.bc-benefits { width: 72%; background-color: #162B75; padding: 30px;}
.bc-curated { width: 26%; text-align: center; background-color: #162B75; padding: 35px; }
.bc-curated p { font-size: calc(1.8rem * .625);}
.bc-benefits .bc-head { border-bottom: 1px solid #2243B5;}
.bcb-item { background-color: #1A338A; border: 1px solid #2243B5;}
.bc-curated .bc-head { font-size: calc(2.8rem * .625);}

.b-benefits .hpb-left { margin: 10px; }
.hpb-left img { margin: 0; width: 100%; transform: scale(1); margin-bottom: 40px; max-width: 300px;}
.hpb-right-thc { 
	width: calc(100% - 420px);
	display: flex;
	justify-content: space-between;
}

.benefits-col-thc {
	width: 50%;
	padding: 30px 30px 0 30px;
}

.bthc-head { 
	font-weight: 500;
	font-size: calc(2.4rem * .625);
	line-height: 1.4em;
	margin-bottom: 1em;
}

.bthc-item {
	margin-bottom: 40px;
	padding-left: 85px;
	background-repeat: no-repeat;
}
	.hotel-credit { background-image: url(../img/dls-icon-benefit-reward-blue.svg?v=1);}
	.upgraded { background-image: url(../img/icon_upgrade.svg);}
	.twoX { background-image: url(../img/icon_2x.svg?v=1);}
	.threeX { background-image: url(../img/dls-icon-point-3x.svg?v=1); background-size: 36px;}
	.fiveX { background-image: url(../img/icon_5x.svg?v=1);}
	.paywithpoints { background-image: url(../img/icon_paywithpoints24.svg); background-size: 38px;}
	
	.checkinTHC { background-image: url(../img/dls-icon-benefit-early-check-in-blue.svg?v=1); background-size: 50px;}
	.checkoutTHC { background-image: url(../img/dls-icon-benefit-late-checkout-blue.svg?v=1); background-size: 50px;}
	
	.benefits-or {
		font-weight: 500;
		font-size: calc(1.4rem * .625);
		text-align: center;
		margin: -30px 0 10px 0;
	}
	
.bthc-item-head {
	font-weight: 500;
	font-size: calc(1.8rem * .625);
	margin-bottom: .5em;
}

.bthc-item p { font-size: calc(1.5rem * .625); }

.thc-mr-benefits .bthc-item { padding-left: 55px; }
.thc-mr-benefits .bthc-item-head { font-size: calc(1.5rem * .625); }


/* MISC */

.region-map-container { height: 450px; }  /* no unique amenity so make it shorter */

.pc-stacked .pc-teaser { display: block; } /* no unique amenity so OK to show the teaser in the property card */

.dest-region-anchor:hover { background: #006FCF; cursor: pointer; }




@media all and (max-width: 1160px) {
	.hpb-right-thc { width: 100%; }
	.hpb-left img { margin-bottom: 0; max-width: 250px;}
}

@media all and (max-width: 1100px) {
	.benefits-curated { flex-direction: column;}
	.bc-benefits { padding: 30px; width: 100%; margin-bottom: 20px; }
	.bc-curated { padding: 30px; width: 100%; }
	.home-benefits-thc { flex-direction: column; }
	.hbt-left { width: auto; }
	.hbt-card-wrap { justify-content: center; }
	.hbt-card-wrap-left { width: auto;}
	.hbt-left-wrap { flex-direction: column; width: 100%; max-width: 630px; margin: 0 auto; }
	.hbt-left-wrap .bthc-item { margin: 10px 0; width: 100%; min-height: 85px;}
	.hbt-head { text-align: center;}
	.hbt-right { width: auto; margin: 0 auto;}
}

@media all and (max-width: 780px) {
	.region-map-container { height: 250px; }
}

@media  all and  (max-width: 760px) {
	.nav-link, .nav-link:hover {background-image: linear-gradient(#006FCF,#006FCF);}
	.hbt-card-wrap { display: block; margin: 0 auto; border: none; padding-top: 10px;}
	.hbt-card-wrap-left img { width: 100%; margin: 0 auto 20px auto; }
	.hbt-card-wrap-right { font-size: calc(2.6rem * .625); width: auto; text-align: center; padding-left: 0; }
}

@media all and (max-width: 720px) {
	.bc-benefits { width: 100%; margin-bottom: 20px; }
	.bc-curated { width: 100%; }
	.hpb-right-thc { flex-direction: column; }
	.benefits-col-thc { width: 100%; padding: 20px 40px;}

	.hp-cta { flex-direction: column; text-align: center; padding: 30px 20px; height: auto; }
	.hp-cta-text { margin-right: 0; font-size: calc(2.4rem * .625); }
	.hp-cta .cta-white { line-height: 3rem; margin-top: 1em; }
}

@media all and (max-width: 620px) {
	.b-benefits .hpb-left { padding: 10px 0;}
	.bthc-head { font-size: calc(2rem * .625);}
	.brands { margin-top: 400px; } /* no filter like on PlatDD which has this margin */
}

@media all and (max-width: 400px) {
	.bc-benefits { padding: 20px; }
		.bc-head { font-size:calc(3rem * .625); margin: 0 0 0.4em 0; padding: 5px 0 0px 0; }
	.benefits-col-thc { width: 100%; padding: 10px 20px;}
	.hp-cta { padding: 24px 25px 27px 25px; margin: 18px 0 0px 0; }
		.hp-cta .cta-white { width:100%; }
	.hp-cta-text { font-size: calc(2rem * .625); line-height: 1.3em; } 
	}