.elementor-3968 .elementor-element.elementor-element-c8a8735 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3968 .elementor-element.elementor-element-11d89bc > .elementor-widget-container{margin:-40px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for text-editor, class: .elementor-element-8ed8e05 */#valor-waterford {
--ink:#18232C;
--navy:#243A48;
--slate:#405866;
--beige:#F2EEE6;
--cream:#FAF8F4;
--line:#DDD6CA;
--white:#fff;
--muted:#64737c;
	font-family: Inter, Arial, sans-serif;
	color: var(--ink);
	line-height: 1.68;
	background: #fff
}
#valor-waterford * {
	box-sizing: border-box
}
#valor-waterford a {
	color: inherit
}
#valor-waterford h1, #valor-waterford h2, #valor-waterford h3, #valor-waterford h4, #valor-waterford h5{ font-weight:800 !important;}
#valor-waterford .wrap {
	width: min(1180px, calc(100% - 56px));
	margin: auto
}
#valor-waterford .hero {
    z-index: 9;

	display: flex;
	align-items: center;
	color: #fff;
	position: relative;
	overflow: hidden;
	background: linear-gradient(90deg, rgba(24,35,44,.95) 10%, rgba(36,58,72,.82) 25%, rgba(36,58,72,.38) 50%), url('https://www.valorroofingllc.com/wp-content/uploads/2026/05/valor-roofing-ford-f150-truck-michigan.webp');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#valor-waterford .hero-copy {
	max-width: 800px;
	padding: 0
}
#valor-waterford .eyebrow {
	font-size: 12px;
	letter-spacing: .18em;
	text-transform: uppercase;
	font-weight: 850;
	color: #d9cebe;
	margin: 0 0 15px
}
#valor-waterford h1 {
	font-size: 58px;
	line-height: 1.04;
	letter-spacing: -.035em;
	margin: 0 0 22px
}
#valor-waterford .hero .lead {
	font-size: 20px;
	max-width: 745px;
	color: #edf1f2
}
#valor-waterford .actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 30px 0 20px
}
#valor-waterford .btn {
	display: inline-block;
	text-decoration: none;
	padding: 14px 22px;
	border-radius: 9px;
	font-weight: 800
}
#valor-waterford .btn.light {
	background: #fff;
	color: var(--navy)
}
#valor-waterford .btn.outline {
	border: 1px solid rgba(255,255,255,.75);
	color: #fff
}
#valor-waterford .btn.dark {
	background: var(--navy);
	color: #fff
}
#valor-waterford .hero-trust {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
	font-size: 14px;
	color: #e3e8e9
}
#valor-waterford .trustbar {
	background: var(--beige);
	border-bottom: 1px solid var(--line)
}
#valor-waterford .trustgrid {
	display: grid;
	grid-template-columns: repeat(4, 1fr)
}
#valor-waterford .trustitem {
	padding: 20px 16px;
	text-align: center;
	font-weight: 800;
	border-right: 1px solid var(--line)
}
#valor-waterford .trustitem:last-child {
	border-right: 0
}
#valor-waterford section {
	padding: 76px 0
}
#valor-waterford section.alt {
	background: var(--cream)
}
#valor-waterford section.navy {
	background: var(--navy);
	color: #fff
}
#valor-waterford .sectionhead {
	max-width: 860px;
	margin-bottom: 34px
}
#valor-waterford .sectionhead .eyebrow {
	color: #7d6d5c
}
#valor-waterford .navy .sectionhead .eyebrow {
	color: #d9cebe
}
#valor-waterford h2 {
	font-size: 40px;
	line-height: 1.12;
	letter-spacing: -.025em;
	margin: 0 0 18px
}
#valor-waterford h3 {
	font-size: 22px;
	line-height: 1.25;
	margin: 0 0 11px
}
#valor-waterford p {
	margin: 0 0 17px
}
#valor-waterford .lede {
	font-size: 19px;
	color: #51616a
}
#valor-waterford .navy .lede {
	color: #e0e7e9
}
#valor-waterford .grid2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 26px
}
#valor-waterford .grid3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px
}
#valor-waterford .card {
	border: 1px solid var(--line);
	border-radius: 18px;
	padding: 27px;
	background: #fff
}
#valor-waterford .card.soft {
	background: var(--beige)
}
#valor-waterford .card a {
	font-weight: 800;
	text-decoration: none;
	border-bottom: 1px solid #a9a092
}
#valor-waterford .proofgrid {
	display: grid;
grid-template-columns:1.05fr .95fr;
	gap: 28px;
	align-items: stretch
}
#valor-waterford .photo {
	min-height: 420px;
	border-radius: 18px;
	padding: 22px;
	display: flex;
	align-items: end;
	background: linear-gradient(145deg, #d8d4ca, #9da7a8);
	font-weight: 850;
	color: #26333b
}
#valor-waterford .photo span {
	background: rgba(255,255,255,.92);
	padding: 10px 13px;
	border-radius: 8px
}
#valor-waterford .checklist {
	padding: 0;
	margin: 20px 0 0;
	list-style: none
}
#valor-waterford .checklist li {
	position: relative;
	padding: 8px 0 8px 28px
}
#valor-waterford .checklist li:before {
	content: '✓';
	position: absolute;
	left: 0;
	font-weight: 900;
	color: #6c7e68
}
#valor-waterford .servicecard {
	min-height: 225px;
	display: flex;
	flex-direction: column
}
#valor-waterford .servicecard a {
	margin-top: auto;
	display: inline-block;
	padding-top: 8px
}
#valor-waterford .steps {
	counter-reset: step
}
#valor-waterford .step {
	position: relative;
	padding: 0 0 25px 66px
}
#valor-waterford .step:before {
	counter-increment: step;
	content: counter(step);
	position: absolute;
	left: 0;
	top: 0;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--navy);
	color: #fff;
	font-weight: 850
}
#valor-waterford .linklist a {
	display: block;
	text-decoration: none;
	padding: 13px 0;
	border-bottom: 1px solid var(--line);
	font-weight: 800
}
#valor-waterford .faq details {
	border-top: 1px solid var(--line);
	padding: 19px 0
}
#valor-waterford .faq summary {
	font-weight: 850;
	font-size: 18px;
	cursor: pointer
}
#valor-waterford .faq details p {
	padding-top: 12px;
	color: #4e5d65
}
#valor-waterford .localband {
	border: 1px solid var(--line);
	border-radius: 18px;
	padding: 34px;
	background: var(--beige)
}
#valor-waterford .ziprow {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin: 20px 0
}
#valor-waterford .zip {
	padding: 8px 12px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--line);
	font-weight: 800
}
#valor-waterford .prefooter {
	background: #263f4f;
	color: #fff;
	padding: 0
}
#valor-waterford .prefooter-inner {
	display: grid;
	grid-template-columns: 230px 1fr;
	gap: 46px;
	align-items: center;
	padding: 64px 0
}
#valor-waterford .seal {
	width: 190px;
	height: 190px;
	border: 1px solid rgba(255,255,255,.36);
	border-radius: 50%;
	display: grid;
	place-items: center;
	text-align: center;
	margin: auto;
	padding: 18px
}
#valor-waterford .seal strong {
	display: block;
	font-size: 22px;
	line-height: 1.12
}
#valor-waterford .seal small {
	display: block;
	margin-top: 8px;
	color: #dbe3e7
}
#valor-waterford .prefooter h2 {
	font-size: 43px
}
#valor-waterford .chips {
	display: flex;
	gap: 9px;
	flex-wrap: wrap;
	margin: 22px 0
}
#valor-waterford .chip {
	font-size: 13px;
	padding: 8px 11px;
	border: 1px solid rgba(255,255,255,.3);
	border-radius: 999px
}
@media(max-width:850px) {
#valor-waterford .wrap {
	width: min(100% - 34px, 1180px)
}
#valor-waterford h1 {
	font-size: 43px
}
#valor-waterford h2 {
	font-size: 32px
}
#valor-waterford .hero {
    z-index: 9;
	background: linear-gradient(180deg, rgba(24,35,44,.95) 10%, rgba(36,58,72,.82) 25%, rgba(36,58,72,.38) 50%), url('https://www.valorroofingllc.com/wp-content/uploads/2026/05/valor-roofing-ford-f150-truck-michigan-mobile.webp');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#valor-waterford .trustgrid {
	grid-template-columns: 1fr 1fr
}
#valor-waterford .trustitem:nth-child(2) {
	border-right: 0
}
#valor-waterford .grid2, #valor-waterford .grid3, #valor-waterford .proofgrid, #valor-waterford .prefooter-inner {
	grid-template-columns: 1fr
}
#valor-waterford section {
	padding: 56px 0
}
#valor-waterford .prefooter-inner {
	padding: 54px 0
}
#valor-waterford .prefooter h2 {
	font-size: 34px
}
}/* End custom CSS */