/* 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; } }

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

.hh-flourish { opacity: .4; }

.card-navBG { background: #006FCF; border-bottom: 1px solid #008CDE; }

.explore-close { background: #006FCF; border-bottom: 1px solid transparent; }
.explore-link { background-color: #007DDA; border-bottom: 1px solid #008CDE;}
.explore-link-external { background-color: #fff; }

.hh-welcomeBG { 
	background:rgba(0,23,90, .7);
	height: 180px;

	@media (max-width: 1290px) {
		height: 240px;
	}


	@media (max-width: 1000px) {
		height: 240px !important;
	}

	@media (max-width: 750px) {
		height: 180px !important;
	}

	@media (max-width: 520px) {
		height: 230px !important;
	}

	@media (max-width: 420px) {
		height: 270px !important;
	}
}

.hhw-image { 
	width: 100%; 
	max-width: 330px;
	flex: 1 1 auto;

	@media (max-width: 750px) {
		max-width: 200px;
	}
}

.hhw-text h1 {  width: 100% }
.hhw-text { color: #fff;}
.hhw-text p {
	margin-top: calc(0.8rem * .625);
}

.hf-subhead { color: #AED5F4;}

.acc-head { color: #00175A; }

.benefit-category { border: 1px solid #006FCF; border-left: 3px solid #006FCF; }
.bc-head { background-color: #006FCF; background-image: url(../img/world_service_tile_blue.svg); }

.qs-icons { background-image: linear-gradient(#006FCF,#006FCF); }
/* .qs-icon { border: 3px solid #006FCF; background-image: url(../img/check-blue.svg); } */

.ribbonBG { background-image: url(../img/ribbon-light-blue.svg); }
.fb-head {  background-color:#00175A; }

.greyBG { background: #006FCF; }

.sc-item svg path { fill: #006FCF; }

.amex-offersBG { background-color: #00175A; }
.amex-offers  { background-image: url(../img/ribbon-white10.svg); }

.tct-box h2 { color: #fff; background: #006FCF; }

.send-and-split { background-color: #006FCF; }
.sc-items { border: 2px solid #006FCF; }

.mr-item { background-color: #006FCF; }
.mr-item p a { color: #fff; }
.mri-snapshot { background-color: #00175A; }

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

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

/* index.html */
.home-heroBG { 
	background-image:url(../bce/img/home-hero.jpg?v=1);

	@media (max-width: 500px) and (max-height: 800px) {
		height: 500px;
	}
}
.not-a-member { background:  #006FCF;}

.mr-col--single-item { display: flex; margin-block: auto; }

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

/* two column section on earn-rewards-points.html */
.tct-text p.fineprint { font-size: calc(1.1rem * .625); }

/* accelerator images on earn-rewards-points.html */
.accelerators { flex-wrap: wrap; }
.accelerators-alt.wstBG::before { height: calc(calc(100% - 230px) * .80); }
.accelerator-below { margin: 0 2%; width: 100%; }
.acc3olineRetail { background-image:url(../bce/img/rewards-3onlineRetail.jpg?v=1); }
.acc3Groceries { background-image:url(../bce/img/rewards-3Groceries.jpg?v=1); }
.acc3Gas { background-image:url(../bce/img/rewards-3Gas.jpg?v=1); }
.acc1EverythingElse { background-image:url(../bce/img/rewards-1EverythingElse.jpg?v=1); }

/* feature benefits on discover-your-benefits.html */
.fb-featured1 { background-image:url(../bce/img/benefits-featured1.jpg?v=1)}
.fb-featured2 { background-image:url(../bce/img/benefits-featured2.jpg?v=1)}
.fb-featured3 { background-image:url(../bce/img/benefits-featured3.jpg?v=1)}
.fb-content .fb-logo { display: block; transform: none; margin-bottom: 10px; }

/* send-and-split on set-up-and-payments.html */
.send-and-splitBG { background-color: #006FCF; }
.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("../bce/img/setup-sendAndSplit.jpg?v=1") }

@media all and (max-width: 1000px) {
	.hh-welcomeBG { height: 150px; }
}

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

@media all and (max-width: 750px) {
	.hh-welcomeBG { height: 90px; }
	.hhw-text { margin-top: 38px; }
	.accelerator-below { margin: 0 auto 40px; width: 90%; }
}

@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(../bce/img/benefits-tripsAndTravel.jpg?v=1); }
	.ob-forTheExperience { background-image:url(../bce/img/benefits-forTheExperience.jpg?v=1); }
	.ob-forASafeJourney { background-image:url(../bce/img/benefits-forASafeJourney.jpg?v=1); }
	.ob-forEverydaySecurity { background-image:url(../bce/img/benefits-forEverydaySecurity.jpg?v=1); }

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

@media all and (max-width: 600px) {
	.accelerator-alt::before { height: calc(calc(100% - 340px) * .70); }
}