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

.hhw-text h1 { max-width: 680px;  width: 100% }

.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(../bcp/img/card-nav.png?v=1); }

/* index.html */
.home-heroBG { background-image:url(../bcp/img/home-hero.jpg?v=1); }
.not-a-member { background:  #006FCF;}

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

/* accelerator images on earn-rewards-points.html */
.acc6Groceries { background-image:url(../bcp/img/rewards-6Groceries.jpg?v=1); }
.acc6Streaming { background-image:url(../bcp/img/rewards-6Streaming.jpg?v=1); }
.acc3GasTransit { background-image:url(../bcp/img/rewards-3GasTransit.jpg?v=1); }
.accq1EverythingElse { background-image:url(../bcp/img/rewards-1EverythingElse.jpg?v=1); }

/* feature benefits on discover-your-benefits.html */
.fb-featured1 { background-image:url(../bcp/img/benefits-featured1.jpg?v=1)}
.fb-featured2 { background-image:url(../bcp/img/benefits-featured2.jpg?v=1)}
.fb-featured3 { background-image:url(../bcp/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("../bcp/img/setup-sendAndSplit.jpg?v=1") }

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

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

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

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

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