/*
Theme Name: Dragon Roofing
Template: twentytwentyfive
Version: 1.1.0
Description: Landing-page child theme for Dragon Roofing LLC, Hendersonville NC.
*/
.dr-eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.82rem;font-weight:700;color:#C9A44C}
.dr-stars{color:#D8C57E;font-size:1.25rem;letter-spacing:.2em}
.dr-trust p{color:#fff;text-transform:uppercase;letter-spacing:.14em;font-size:.85rem;font-weight:600;text-align:center;margin:0}
.dr-phone a{color:#fff;text-decoration:none;font-weight:700}
.dr-phone a:hover{color:#D8C57E}
.dr-header{position:sticky;top:0;z-index:999;box-shadow:0 2px 12px rgba(0,0,0,.25)}
body.admin-bar .dr-header{top:32px}
.dr-free{color:#D8C57E;text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:.82rem;margin:0}
.dr-quickform{background:#fff;border-radius:6px;box-shadow:0 12px 32px rgba(22,19,16,.12);padding:22px 22px 16px;max-width:600px}
.dr-qf-row{display:flex;gap:10px;flex-wrap:wrap}
.dr-quickform input,.dr-quickform select{flex:1 1 150px;padding:13px 14px;border:1px solid #D8D2C4;border-radius:3px;font-family:inherit;font-size:.95rem;background:#fff;color:#211D16}
.dr-quickform button{flex:1 1 auto;background:#F6D818;color:#1A1712;border:0;border-radius:3px;padding:14px 24px;font-family:inherit;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;cursor:pointer}
.dr-quickform button:hover{background:#E3C40D}
.dr-quickform button:disabled{opacity:.6;cursor:wait}
.dr-qf-note{font-size:.8rem;color:#8B857A;margin:10px 0 0}
.dr-qf-msg{font-weight:600;color:#1E6B33;margin:6px 0 0}
.dr-avatar img{width:64px !important;height:64px;border-radius:50%;object-fit:cover}
.dr-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:900px;margin:0 auto;padding:0 16px}
.dr-chips span{border:1px solid #C9A44C;color:#211D16;padding:8px 18px;border-radius:999px;font-size:.85rem;letter-spacing:.04em;white-space:nowrap}
.wpforms-container .wpforms-submit,.wpforms-container button[type=submit]{background:#F6D818 !important;border:0 !important;color:#1A1712 !important;text-transform:uppercase;letter-spacing:.1em;font-weight:700;padding:13px 26px !important;border-radius:3px}
.wpforms-container .wpforms-submit:hover,.wpforms-container button[type=submit]:hover{background:#E3C40D !important}
.dr-hero{margin-top:0}
@media (max-width: 781px) {
	.dr-hero h1{font-size:1.85rem !important}
	.dr-hero .wp-block-column:first-child{padding-top:10px !important;padding-bottom:20px !important}
	.dr-hero p{font-size:.95rem}
	.dr-eyebrow{font-size:.72rem}
	.dr-header{padding-top:8px !important;padding-bottom:8px !important}
}
@media (max-width: 781px) {
	.dr-header{flex-wrap:nowrap !important;padding-left:3vw !important;padding-right:3vw !important;gap:8px}
	.dr-header img{width:92px !important}
	.dr-header .wp-block-group{flex-wrap:nowrap !important;gap:8px}
	.dr-free{font-size:.6rem;letter-spacing:.08em;white-space:nowrap}
	.dr-header .wp-block-button__link{padding:8px 12px;font-size:.66rem;letter-spacing:.05em;white-space:nowrap}
	.dr-hero p{font-size:.88rem;line-height:1.55}
	.dr-hero .wp-block-column:first-child{padding-top:8px !important}
	.dr-hero h1{font-size:1.7rem !important}
	.dr-quickform{padding:14px 14px 10px}
	.dr-quickform input,.dr-quickform select{padding:11px 12px;font-size:.9rem}
	.dr-quickform button{padding:12px 18px;font-size:.78rem}
}
.dr-initial{width:64px;height:64px;border-radius:50%;background:#C9A44C;color:#161310;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:600;margin:0 auto 4px;font-family:Literata,Georgia,serif}
.dr-trust a{color:#D8C57E;text-decoration:none}
.dr-trust a:hover{text-decoration:underline}
@media (min-width: 782px) {
	.dr-hero .wp-block-image img{width:100%;aspect-ratio:auto;max-height:430px;object-fit:cover}
	.dr-hero .wp-block-column:last-child{align-self:center}
}
@media (min-width: 782px) {
	.dr-hero .wp-block-column:last-child{padding-right:4vw}
}
.dr-hero .wp-block-image img{object-position:50% 18%}
.dr-qf-stepnum{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#8B857A;margin:0 0 8px;font-weight:700}
.dr-qf-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.05em;color:#43403A;margin:0 0 4px}
.dr-qf-field{flex:1 1 150px;display:flex;flex-direction:column}
.dr-qf-field input,.dr-qf-field select{width:100%}
.dr-quickform .dr-qf-next,.dr-quickform .dr-qf-submit{display:block;width:100%;margin-top:12px}
.dr-qf-back{display:inline-block;margin-top:10px;font-size:.8rem;color:#8B857A}
.dr-hero-proof{font-size:.85rem;color:#6E6A60;margin-top:14px;max-width:600px;line-height:1.5}
.dr-hero-proof-stars{color:#C9A44C;letter-spacing:.12em}
.dr-trust p,.dr-trust a{font-weight:800}
a.dr-review-link{color:#fff;text-decoration:underline;text-decoration-color:rgba(216,197,126,.55);text-underline-offset:3px}
a.dr-review-link:hover{color:#D8C57E}
.dr-free a{color:#D8C57E;text-decoration:none}
.dr-free a:hover{color:#fff}
@media (min-width: 782px) {
	.wp-block-columns.alignwide .wp-block-image img{width:100%;aspect-ratio:auto;max-height:420px;object-fit:cover}
}
@media (max-width: 781px) {
	.dr-qf-field{flex-basis:100%}
}
.dr-qf-field input,.dr-qf-field select{flex:0 0 auto;height:auto;padding:11px 13px}
@media (min-width: 782px) {
	.dr-hero .wp-block-image img{object-position:50% 0}
}
.dr-qf-field input,.dr-qf-field select{height:46px;padding:10px 13px;box-sizing:border-box;line-height:1.3;appearance:auto}
@media (min-width: 782px) {
	.dr-hero .wp-block-image{display:flex;justify-content:center}
	.dr-hero .wp-block-image img{width:min(100%,440px);height:460px;max-height:460px;object-fit:cover;object-position:50% 12%}
}
@media (min-width: 782px) {
	.dr-hero h1{font-size:clamp(1.25rem, 1.72vw, 2.1rem) !important;white-space:nowrap}
}
@media (min-width: 782px) {
	.dr-hero .wp-block-image{justify-content:flex-start}
	.dr-hero h1 + p{font-size:.95rem;line-height:1.65}
}
@media (min-width: 782px) {
	.dr-hero{max-width:1200px !important;margin-left:auto !important;margin-right:auto !important}
	.dr-hero .wp-block-column:first-child{padding-left:0 !important;padding-right:40px !important}
	.dr-hero .wp-block-image{justify-content:center}
}
@media (min-width: 782px) {
	.dr-hero h1{font-size:clamp(1.25rem, 1.72vw, 1.5rem) !important;white-space:normal}
}