/* needed for Apply Now button */

html, body { overflow-x: visible; } /* overriding what's in dg.css, but not sure why it's there */
.card-nav { padding-right: 115px; }
.explore-close { padding-right: 115px; }
.explore-links { right: 115px; max-width: 270px; }
.nav-link-applyNow { position: absolute !important; right: 0; z-index: 6;height: 50px; display: flex; align-items: center; color: #fff; text-decoration: none; font-weight: 500;  }
@media (max-width: 1280px) {.nav-link-applyNow { right: 15px; } }

/* ----------------- */

body { color: #333333; }

.hh-flourish { opacity: .4; }

.card-navBG { background: #104C97; border-bottom: 1px solid #5385BD; }

.explore-close { background: #104C97; border-bottom: 1px solid transparent; }
.explore-link { background-color: #2D5EA2; border-bottom: 1px solid #4f6093;}
.explore-link-external { background-color: #fff; }
.explore-links { display: none; }
.explore-links-open { display: block; }

.hh-welcomeBG { background: rgba(0,111,207, .7); height: fit-content; }
.hhw-image {
	position: absolute;
	transform: translateY(-75px);

}
.hhw-text {
	margin-left: 380px;
	padding-bottom: 20px;
}

.hf-subhead { color: #AED5F4;}

.acc-head { color: #104C97; }

.benefit-category { border: 1px solid #104C97; border-left: 3px solid #104C97; }
.bc-head { background-color: #104C97; }

.qs-icons { background-image: linear-gradient(#104C97,#104C97); }

.fb-head {  background-color: #104C97; }

.greyBG { background: #104C97; }

.sc-item svg path { fill: #00175A; }

.amex-offersBG { background-color: #104C97; }
.amex-offers  { background-image: url(../img/ribbon-white10.svg); }
.amex-offers .btn { background: #006FCF; }
.amex-offers .btn:hover { background: #FFFFFF; border-color: #006FCF; color: #006FCF; }

.tct-box h2, .tct-box h3 { color: #000022; }

.sc-items { border: 2px solid #104C97; }
.sc-item svg path { fill: #104C97; }

.mr-item { background-color: #00175A; }

.shop-and-dine { border: 2px solid #006FCF; }

/* small card in sticky nav - all four HTML pages */
.cn-card { background-image: url(../hiltonsurpass/img/card-nav.png?v=2); }

/* index.html */
.home-heroBG { background-image:url(../hiltonsurpass/img/home-hero.jpg?v=2); }
.not-a-member { background: #104C97; }

/* desktop-only left column image in MR section on earn-rewards-points.html */
.mi-img {  background-image: url(../hiltonsurpass/img/rewards-MRHero.jpg?v=0); }

/* accelerator images on earn-rewards-points.html */
.acc12xHotels { background-image:url(../hiltonsurpass/img/rewards-12xHotels.jpg?v=0); }
.acc6xGas { background-image:url(../hiltonsurpass/img/rewards-6xGas.jpg?v=0); }
.acc6xDining { background-image:url(../hiltonsurpass/img/rewards-6xDining.jpg?v=0); }
.acc4xRetail { background-image:url(../hiltonsurpass/img/rewards-4xRetail.jpg?v=0); }
.acc3xEverythingElse { background-image:url(../hiltonsurpass/img/rewards-3xEverythingElse.jpg?v=0); }
.ai-img { background-image: url(../hiltonsurpass/img/rewards-1xEverythingElse.jpg?v=0); }

/* feature benefits on discover-your-benefits.html */
.fb-featured1 { background-image:url(../hiltonsurpass/img/benefits-featured1.jpg?v=1)}
.fb-featured2 { background-image:url(../hiltonsurpass/img/benefits-featured2.jpg?v=0)}

/* send-and-split on set-up-and-payments.html */
.send-and-split-text { background: #FFFFFF; color: #00175A; }
.icon-split { background-image: url(../img/icon-split-dark-blue.svg); }
.icon-send { background-image: url(../img/icon-send-dark-blue.svg); }
.mri-text .cta-text { background-image: url(../img/arrow.svg); color: #00175A; }
.sas-img { background-image:url(../hiltonsurpass/img/setup-sendAndSplit.jpg?v=0) }

.flag { border: 1px solid #104C97; color: #333333; font-size: calc(1.2rem * .625); font-weight: 400; line-height: 1.2; margin: 0 15px; padding: 0 5px; text-transform: uppercase; }

.btn { background: #104C97; }
.btn:hover { border-color: #104C97; color: #104C97; }

.the-app h2 { font-family: var(--font-secondary-amex); font-size: calc(3.3rem * .625); margin-bottom: 1em; font-weight: var(--font-weight-default); color: var(--color-white); }
.app-text h3 { font-weight: var(--font-weight-medium); margin-bottom: .5em; font-size: inherit; font-family: inherit; }

.ob-detail .ob-summary-heading {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;

	@media (max-width: 700px) {
		flex-direction: row;
		justify-content: space-between;
	}
}

.ob-detail[open] h3 {
	border-bottom: none;
}
.ob-detail-content {
	margin-bottom: 0;
	@media (max-width: 700px) {
		background: #f7f7f7;
		box-shadow: inset -4px -4px 0 var(--color-white), inset 4px 4px 0 var(--color-white);
		border-left: 1px solid #ebebeb;
		border-right: 1px solid #ebebeb;
		padding: 20px 20px 24px 20px;
	}
}

@media all and (max-width: 1000px) {
	.hhw-image {
		position: absolute;
		transform: translateY(-70px);
	}

	.hhw-text {
		margin-left: 300px;
		padding-bottom: 20px;
	}
}

@media all and (max-width: 850px) {
	.fb-head {  background-color: rgba(0,23,90,.8); }
}

@media all and (max-width: 750px) {
	.hhw-image {
		position: absolute;
		left: 50%;
		transform: translate(-50%, -110%);
	}
	.hh-welcome {
		transform: initial;
	}
	.hhw-text {
		margin-top: 0;
		margin-left: initial;
		padding-top: 15px;
		padding-bottom: 28px;
	}
}

@media all and (max-width: 700px) {
	/* discover-your-benefits.html mobile headers for other benefits - desktop versions are on page */
	.ob-tripsAndTravel { background-image:url(../hiltonsurpass/img/benefits-tripsAndTravel.jpg?v=0); }
	.ob-forTheExperience { background-image:url(../hiltonsurpass/img/benefits-forTheExperience.jpg?v=0); }
	.ob-forASafeJourney { background-image:url(../hiltonsurpass/img/benefits-forASafeJourney.jpg?v=0); }
	.ob-forEverydaySecurity { background-image:url(../hiltonsurpass/img/benefits-forEverydaySecurity.jpg?v=0); }

	.hh-flourish { opacity: .7; }
}