/**
 * Arizona down-payment-assistance page. Scoped under .ij-dpaaz; layout is in
 * the template's inline styles, ported verbatim from the design.
 */

/* The design's body metrics and face. bb-theme's skin sets body to 14px
   Helvetica, and names Helvetica on h1-h6 directly. */
.ij-dpaaz { font-family: var(--font-sans); font-weight: 500; font-size: 16px; line-height: 21.6px; color: var(--color-text); -webkit-font-smoothing: antialiased; }
.ij-dpaaz h1, .ij-dpaaz h2, .ij-dpaaz h3 { font-family: var(--font-sans); color: var(--color-text); }

/* bb-theme's Bootstrap base underlines and recolours every a:hover/:focus. */
.ij-dpaaz a, .ij-dpaaz a:hover, .ij-dpaaz a:focus { text-decoration: none; }

/* The design's style-hover attributes. */
.ij-dpaaz .az-hov-1, .ij-dpaaz .az-hov-2, .ij-dpaaz .az-hov-3 { transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1); }
.ij-dpaaz .az-hov-1:hover { background: var(--brand-green-dark) !important; color: #fff; }
.ij-dpaaz .az-hov-2:hover { background: rgba(255, 255, 255, 0.10) !important; }
.ij-dpaaz .az-hov-3:hover { background: var(--slate-50) !important; }

/* Disclosures. */
.ij-dpaaz details > summary { list-style: none; cursor: pointer; }
.ij-dpaaz details > summary::-webkit-details-marker { display: none; }
.ij-dpaaz details > summary::marker { content: ''; }
.ij-dpaaz .faq-chev { transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1); }
.ij-dpaaz details[open] .faq-chev { transform: rotate(45deg) !important; }

/* Focus: the design system's ring instead of Bootstrap's blue outline. */
.ij-dpaaz a:focus, .ij-dpaaz summary:focus { outline: none; }
.ij-dpaaz a:focus-visible, .ij-dpaaz summary:focus-visible { outline: none; box-shadow: var(--ring-focus); }

/* The design's mobile rework (om-mobile v2), for this page's sections. */
@media (max-width: 820px) {
	.ij-dpaaz > section { padding-left: 20px !important; padding-right: 20px !important; }
	.ij-dpaaz section [style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; }
	.ij-dpaaz section [style*="display: flex"], .ij-dpaaz section [style*="display:flex"] { flex-wrap: wrap; }
	.ij-dpaaz section img { max-width: 100%; }
}
@media (max-width: 560px) {
	.ij-dpaaz .az-fitgrid { grid-template-columns: minmax(0, 1fr) !important; }
	.ij-dpaaz section h1 { font-size: 26px !important; letter-spacing: -1.1px !important; line-height: 1.14 !important; }
	.ij-dpaaz section h2 { font-size: 23px !important; letter-spacing: -0.8px !important; line-height: 1.2 !important; }
	.ij-dpaaz section p { font-size: 15px !important; line-height: 1.65 !important; }
	.ij-dpaaz section [style*="padding:96px"], .ij-dpaaz section [style*="padding: 96px"] { padding-top: 56px !important; padding-bottom: 56px !important; }
	.ij-dpaaz section [style*="border-radius:32px"], .ij-dpaaz section [style*="border-radius: 32px"] { border-radius: 20px !important; }
}
@media (prefers-reduced-motion: reduce) {
	.ij-dpaaz .faq-chev, .ij-dpaaz .az-hov-1, .ij-dpaaz .az-hov-2, .ij-dpaaz .az-hov-3 { transition: none !important; }
}