h2 { color: var(--color-solid-state); }

/* Global */
.eyebrow { color: var(--color-gray-light); }
.label { color: var(--color-white); background-color: var(--color-dBlue); }

/* Navigation */
.card-navBG { background-color: var(--color-perfect-platinum); border-bottom: 1px solid var(--color-cloud); }
.card-nav { background-color: var(--color-perfect-platinum); }
.cn-card { background-image: url(../deltaplatinum/img/card-nav.png?v=0); color: var(--color-gray); }
.cn-card:active, .cn-card:focus, .cn-card:hover { color: var(--color-gray); }
.nav-link { color: var(--color-gray); }
.cn-explore { color: var(--color-gray); }
.nav-close { color: var(--color-gray); text-decoration: none; }
.explore-close { border-bottom: 1px solid transparent; color: var(--color-gray); }
.nav-link:focus, .nav-link:hover, .cn-explore:focus, .cn-explore:hover { color: var(--color-gray); }
.explore-link.nav-link-arrow { background-color: var(--color-perfect-platinum); color: var(--color-gray); }
.explore-link.nav-link-arrow::after { background-image: url(../img/delta/icon-arrow-gray.svg?v=0); }
.explore-link-external { background-color: var(--color-white); color: var(--color-gray); }

/* Homepage */
.home-heroBG { background-image:url(../deltaplatinum/img/home-hero.jpg?v=2); padding-top: 36%; }
.hh-welcomeBG { background: linear-gradient(90deg, var(--color-solid-state) 50%, rgba(99, 102, 106, 0.00) 95.24%); }

.benefit-category { border: 1px solid var(--color-solid-state); border-left: 3px solid var(--color-solid-state); }
.bc-head { background-color: var(--color-solid-state); }

.the-app, .the-app h2 { color: var(--color-white); }
.the-app .app-text .at-item h3 { font-size: inherit; font-family: inherit; font-weight: var(--font-weight-medium); margin-bottom: 0.5em; line-height: 1.4;}

.quick-steps--content::after { background-color: var(--color-solid-state); }
.quick-step { background-color: var(--color-white); border: 2px solid var(--color-solid-state); color: var(--color-soft-black); }
.quick-step::after { background-image: url(../deltaplatinum/img/icon-check-circle.svg?v=0); }

.not-a-member { color: var(--color-white); }
.not-a-member--headline { color: #fff; }
.not-a-member .btn { background-color: var(--color-dew); }
.not-a-member .btn:focus, .not-a-member .btn:hover { background-color: var(--color-white); border-color: 1px solid var(--color-dew); color: var(--color-dew); }

/* Uncoveryour benefits page */
.status-faster { background-color: var(--color-dBlue); color: var(--color-white); }
.status-faster--headline { color: var(--color-white); }
.status-faster .eyebrow { color: #009b77; }
.status-faster a.arrow-right { margin-top: 14px; display: inline-block; }

/* Setup & Payments page */
.card-features { background-color: var(--color-solid-state); color: var(--color-white); }
.card-features--headline { background-image: linear-gradient(var(--color-white), var(--color-white)); color: var(--color-white); }
.card-features--headline span { background-color: var(--color-solid-state); }

/* Components */
.header { background-color: var(--color-solid-state); }
.header--headline { color: var(--color-white); }

.fb-text-container .eyebrow { color: var(--color-gray); }
.fb-head { border-bottom: 1px solid var(--color-solid-state); }
.fb-head span { color: var(--color-gray); }
.fb-title, .fb-detail { border-bottom: 1px solid var(--color-gray-light); }
.fb-content, .fb-detail-content { background-color: var(--color-white); }
.fb-featured1 { background-image:url(../deltaplatinum/img/benefits-featured1.jpg?v=1); padding-bottom: 100%; }
.fb-featured2 { background-image:url(../deltaplatinum/img/benefits-featured2.jpg?v=1); }
.fb-featured3 { background-image:url(../deltaplatinum/img/benefits-featured3.jpg?v=1); }
.fb-featured4 { background-image:url(../deltaplatinum/img/benefits-featured4.jpg?v=1); }
.fb-featured5 { background-image:url(../deltaplatinum/img/benefits-featured5.jpg?v=1); }
.fb-featured6 { background-image:url(../deltaplatinum/img/benefits-featured6.jpg?v=1); }
.fb-featured7 { background-image:url(../deltaplatinum/img/benefits-featured7.jpg?v=1); }

.more-to-explore { background-image: linear-gradient(var(--color-gray), var(--color-gray)); }
.more-to-explore span { background-color: var(--color-white); color: var(--color-solid-state); }

.ob-container { border: 1px solid var(--color-gray-light);  }
.other-benefits .fb-head { background-color: var(--color-solid-state); }
.other-benefits .fb-head span { color: var(--color-white); }
.obHead { color: var(--color-gray); }
.obHead:focus, .obHead:hover { color: var(--color-gray); }

.bg-stripe:after { background-color: var(--color-dBlue); height: calc(40% + 100px); }

.two-columns--text { background-color: var(--color-white); border: 2px solid var(--color-gray-light); }
.two-columns--text .acc-head { color: var(--color-solid-state); }
.two-columns--text .acc-text { border-bottom: 1px solid var(--color-gray-light); color: var(--color-gray); }

@media all and (min-width: 1025px) {
	/* Navigation */
	.nav-links::after {	background-color: var(--color-black); }
	.nav-link:focus::after, .nav-link:hover::after, .nav-link.is-active::after, .cn-explore:focus::before, .cn-explore:hover::before { background-color: var(--color-black); }
	.cn-explore::after, .nav-close::after { background-image: url(../img/delta/icon-arrow-gray-down.svg?v=0); }
	.nav-close::before { background-color: var(--color-black); }
	.cn-explore, .nav-close { background-color: var(--color-perfect-platinum); }

	/* Uncoveryour benefits page */
	.status-faster--content:last-child { border-left: 1px solid var(--color-white); }
}

@media all and (max-width: 1024px) {
	/* Navigation */
	.cn-explore, .nav-close { background-color: var(--color-perfect-platinum); border-color: var(--color-perfect-platinum); }
	.cn-explore { background-image: url(../img/delta/icon-arrow-gray.svg?v=0); }
	.nav-close { background-image: url(../img/delta/icon-arrow-gray.svg?v=0); }

	/* Homepage */
	.home-heroBG { padding-top: 50%; }
	.hhw-image { width: 230px; }
	.hhw-text h1 { margin-top: 0; }
	.in-left { margin-top: 15px; }

	/* Uncoveryour benefits page */
	.status-faster--content:last-child { border-top: 1px solid var(--color-white); }

	/* Setup & Payments page */
	.card-features { padding: 40px 25px; }
	.card-features--inner { grid-template-columns: repeat(2, 1fr); }

	/* Components */
	.two-columns--img:after { background-color: var(--color-dew); }
}

@media all and (max-width: 767px) {
	/* Homepage */
	.home-heroBG { padding-top: 75%; }
	.hhw-stamp-card { flex-shrink: 0; }
	.hhw-text { width: 70%; }
	.hh-welcomeBG { background-color: var(--color-solid-state); }

	/* Setup & Payments page */
	.card-features--inner { grid-template-columns: none; margin: 0 auto; max-width: 600px; }

	/* Components */
	.ob-content { background-color: var(--color-white); }

	.two-columns--text { border: none; }

	/* Footer  */
	.footer-banner-nav { background-color: var(--color-solid-state); }
	.footer-banner-nav a { border-bottom: 1px solid rgba(255, 255, 255, .1); color: var(--color-white); }
}