/* 
Custom styles for Roof Maxx - Jon @ Graydian - 2025-12-08
Overrides Bootstrap styles, when needed.
*/

/* Prevents flash of unstyled text from Google fonts and FontAwesome. */

.wf-loading * {
		opacity: 0;
}

.wf-active *, 
.wf-inactive * {
	-webkit-transition: opacity .1s ease-out;  
	-moz-transition: opacity .1s ease-out; 
	-o-transition: opacity .1s ease-out;  
	transition: opacity .1s ease-out;  
}

/* Typography */

body {
	font-family: 'Source Sans 3', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

/* Bootstrap Resets */

:root {
	--bs-link-color: #cc6b26;
	--bs-link-hover-color: #b35b1d;
}

.form-control:focus,
.widget_archive select:focus,
.form-select:focus {
	border-color: transparent;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(150, 150, 150, 0.25);
}

/* Colors */

.rm-orange {
	color: #cc6b26;
}

.rm-dk-blue {
	color: #06315a;
}

.rm-lt-blue {
	color: #0087ba;
}

/* -- Buttons & Links -- */

/* Colors */

a {
	color: #cc6b26;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #b35b1d;
}

.btn {
	font-weight: bold;
	text-transform: uppercase;
}

.btn:focus-visible,
.woocommerce-info a.button:focus-visible,
.woocommerce-notices-wrapper
.woocommerce-message
a.button:focus-visible,
.wpcf7 input[type=submit]:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(204, 204, 204, .5);
}

.btn > i.fa-angle-right {
	margin-left: 5px;
}

.btn.btn-primary {
	background-color: #cc6b26;
	border-color: #cc6b26;
	color: #fff;
}

.btn.btn-primary:hover,
.btn.btn-primary:active {
	background-color: #b35b1d;
	border-color: #b35b1d;
	color: #fff;
}

.btn.btn-outline-primary {
	background-color: transparent;
	border-color: #cc6b26;
	color: #cc6b26;
}

.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:active {
	background-color: #cc6b26;
	border-color: #cc6b26;
	color: #fff;
}

.btn.btn-rm-orange {
	background-color: #cc6b26;
	border-color: #cc6b26;
	color: #fff;
}

.btn.btn-rm-orange:hover,
.btn.btn-rm-orange:active {
	background-color: #b35b1d;
	border-color: #b35b1d;
	color: #fff;
}

.btn.btn-rm-dk-blue {
	background-color: #06315a;
	border-color: #06315a;
	color: #fff;
}

.btn.btn-rm-dk-blue:hover,
.btn.btn-rm-dk-blue:active {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.btn.btn-rm-lt-blue {
	background-color: #0087ba;
	border-color: #0087ba;
	color: #fff;
}

.btn.btn-rm-lt-blue:hover,
.btn.btn-rm-lt-blue:active {
	background-color: #0074a0;
	border-color: #0074a0;
	color: #fff;
}



/* Header */

#wrapper-navbar {
	background-color: #fff;
}

#main-nav .container {
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
}

#main-nav a.navbar-brand {
	display: flex;
	opacity: 1;
}

#main-nav a.navbar-brand:hover {
	display: flex;
	opacity: .70;
}

#main-nav .phone-numbers {
	display: flex;
	text-align: center;
	width: 500px;
	max-width: 100%;
}

#main-nav .phone-numbers h2 {
	font-size: 18px;
	font-weight: 900;
}

#main-nav .phone-numbers .line-01 {
	display: block;
	width: 100%;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 1.2;
}

#main-nav .phone-numbers .line-02 {
	display: block;
	width: 100%;
	font-weight: 900;
	font-size: 18px;
	line-height: 1.2;
}

#main-nav .phone-numbers .line-02 a {
	color: #0087ba;
}

#main-nav .phone-numbers .line-02 a:hover {
	color: #0074a0;
	text-decoration: underline;
}

#main-nav .phone-numbers .col-location {
	border-right: 2px solid #cc6b26;
}

#main-nav .phone-numbers .col-location:last-of-type {
	border-right: 0;
}

#main-nav .get-a-quote {
	display: flex;
}

#main-nav .mobile-toggle {
	display: none;
}

#main-nav .mobile-toggle a.ocs-toggle-rm-mobile-menu {
	position: relative;
	z-index: 99;
	padding: 0;
	background-color: #cc6b26;
	color: #fff;
	display: block;
	width: 36px;
	height: 36px;
	text-align: center;
	border-radius: 6px;
}

#main-nav .mobile-toggle a.ocs-toggle-rm-mobile-menu:after {
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Font Awesome 6 Free', fontawesome;
	content: '\f0c9';
	width: 100%;
	line-height: 34px;
}

html.ocs-sidebar-active #main-nav .mobile-toggle a.ocs-toggle-rm-mobile-menu:after {
	content: '\58';
}

#ocs-rm-mobile-menu #menu-mobile-menu {
	list-style: none;
	padding-left: 0;
}

#ocs-rm-mobile-menu #menu-mobile-menu > li {
	border-bottom: 1px solid #222;
}

#ocs-rm-mobile-menu #menu-mobile-menu > li > a {
	display: block;
	width: 100%;
	padding: 8px 12px;
	color: #fff;
}

#ocs-rm-mobile-menu #menu-mobile-menu > li > a:hover,
#ocs-rm-mobile-menu #menu-mobile-menu > li > a:active {
	color: #ccc;
}

#ocs-rm-mobile-menu #menu-mobile-menu > li.mobile-menu-close > a {
	text-transform: uppercase;
	color: #fd0;
}

#ocs-rm-mobile-menu #menu-mobile-menu > li.mobile-menu-close > a:hover,
#ocs-rm-mobile-menu #menu-mobile-menu > li.mobile-menu-close > a:active {
	color: #ec0;
}

#ocs-rm-mobile-menu #menu-mobile-menu > li.mobile-menu-highlight > a {
	color: #cc6b26;
}

#ocs-rm-mobile-menu #menu-mobile-menu > li.mobile-menu-highlight > a:hover,
#ocs-rm-mobile-menu #menu-mobile-menu > li.mobile-menu-highlight > a:active {
	color: #ad5618;
}







.call-now-mobile-wrapper {
	display: none;
	width: 690px;
	max-width: 95%;
	margin: 0 auto 15px;
	background-color: #eee;
	border-radius: 8px;
	border: 1px solid #ccc;
	padding: 10px;
}

.call-now-mobile-wrapper button {
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	border: 0;
	background-color: transparent;
	text-align: left;
	font-weight: bold;
	color: #06315a;
	padding: 0 0 0 20px;
	position: relative;
	font-size: 20px;
}

.call-now-mobile-wrapper button:before {
	position: absolute;
	left: 0;
	font-family: 'Font Awesome 6 Free', fontawesome;
	content: '\f107';
	color: #000;
}

.call-now-mobile-wrapper button.collapsed:before {
	content: '\f105';
}

.call-now-mobile-wrapper #call-now-mobile .card.card-body {
	background-color: transparent;
	border: 0;
	padding: 0;
	margin-top: 10px;
}

.call-now-mobile-wrapper #call-now-mobile .card.card-body .row {
	padding-top: 5px;
	padding-bottom: 5px;
}

.call-now-mobile-wrapper #call-now-mobile .card.card-body .line-01 {
	display: block;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	line-height: 1;
}

.call-now-mobile-wrapper #call-now-mobile .card.card-body .line-02 {
	display: block;
	width: 100%;
	line-height: 1;
	font-size: 18px;
}

.call-now-mobile-wrapper #call-now-mobile .card.card-body .line-02 a {
	display: block;
	width: 100%;
	color: #0087ba;
	font-weight: bold;
}

.call-now-mobile-wrapper #call-now-mobile .card.card-body a.btn {
	display: block;
	width: 100%;
}

.call-now-mobile-wrapper #call-now-mobile .card.card-body hr {
	margin: 12px 0 0 0;
	opacity: .1;
	border-top: 2px solid;
}








nav.main-nav-menu {
	background-color: #06315a;
	color: #fff;
	border-bottom: 6px solid #cc6b26;
}

nav.main-nav-menu ul.navbar-nav {
	font-weight: 900;
	text-transform: uppercase;
	flex-direction: row;
	flex-wrap: nowrap;
}

nav.main-nav-menu ul.navbar-nav > li.menu-item {
	display: flex;
	padding: 12px 16px;
}

nav.main-nav-menu ul.navbar-nav > li.menu-item:first-of-type {
	padding-left: 0;
}

nav.main-nav-menu ul.navbar-nav > li.menu-item:last-of-type {
	padding-right: 0;
}

nav.main-nav-menu ul.navbar-nav > li.menu-item > a.nav-link {
	padding: 0;
}

nav.main-nav-menu ul.navbar-nav > li.menu-item > a.nav-link:hover {
	color: #cc6b26;
}

nav.main-nav-menu ul.navbar-nav > li > ul > li > a {
	text-transform: none;
	font-weight: 500;
	color: #000;
}

nav.main-nav-menu ul.navbar-nav > li > ul > li > a:hover {
	text-transform: none;
	font-weight: 500;
	color: #fff;
	background-color: #cc6b26;
}

nav.main-nav-menu ul.navbar-nav > li > ul > li > a:active {
	text-transform: none;
	font-weight: 500;
	color: #fff;
	background-color: #cc6b26;
}






/* Custom Header Image */

.container-fluid-custom-header-image {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 30px;
}

.container-fluid-custom-header-image img {
	width: 100%;
	max-width: 100%;
	height: 375px;
	object-fit: cover;
	object-position: center center;
}

.entry-header-custom-image {
	margin-top: -80px;
}

.entry-header-custom-image .entry-title {
	display: inline-block;
	background-color: #fff;
	padding: 8px 16px;
	border-radius: 8px 8px 0 0;
}


/* Breadcrumbs */

#breadcrumbs {
	margin-top: 10px;
	margin-bottom: 30px;
	display: block;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 1px 5px #ddd;
	border-radius: 6px;
	padding: 6px 10px;
}

#breadcrumbs a {
	text-decoration: none;
}

#breadcrumbs i.fa-angle-right {
	margin: 0 5px;
}

#breadcrumbs i.fa {
	color: #888;
}

/* Home Page */

.wrapper.wrapper-home-page {
	padding-top: 0;
	padding-bottom: 0;
}

.wrapper.wrapper-home-page .container-fluid-home-page {
	padding-left: 0;
	padding-right: 0;
}

#home-hero {
	background-color: #000;
	color: #fff;
	padding: 30px 0;
}

#home-hero video {
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 3px solid #fff;
	border-radius: 10px;
}

#home-hero h1 {
	margin-bottom: 20px;
}

#home-hero h1 .line-01 {
	display: block;
	width: 100%;
	font-size: 36px;
	text-transform: uppercase;
}

#home-hero h1 .line-02 {
	display: block;
	width: 100%;
	font-family: 'Source Sans 3', sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #0087ba;
}

#home-hero h2 {
	font-family: 'Source Sans 3', sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 25px;
	padding-right: 10%;
}

#home-hero .free-quote a.btn {
	font-size: 26px;
}

#home-hero p {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 10px;
}

#home-hero .how-it-works {
	margin-top: 25px;
}

#home-hero .how-it-works a.btn {
	font-size: 15px;
	color: #fff;
	text-transform: none;
	border: 2px solid #0087ba;
	padding: 8px 12px 7px;
}

#home-hero .how-it-works a.btn:hover {
	background-color: #0087ba;
	border: 2px solid #0087ba;
}



#home-hero-bottom-01 {
	background-color: #444;
	color: #fff;
	padding: 15px 0 18px;
}

#home-hero-bottom-01 .container-charity {
	text-align: center;
}

#home-hero-bottom-01 .container-charity h3 {
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 12px;
}

#home-hero-bottom-01 .container-charity ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	list-style: none;
	padding: 0;
	margin: 0;
}

#home-hero-bottom-01 .container-charity ul > li {
	margin: 0 14px;
	display: flex;
}

#home-hero-bottom-01 .container-charity ul > li > img {
	object-fit: contain;
	object-position: center center;
	background-color: #fff;
	border-radius: 6px;
	height: 90px;
	padding: 8px;
}

#home-hero-bottom-01 .container-charity ul > li > img.maxx-giving-pledge {
	background-color: transparent;
	width: 150px;
	padding: 0;
}

#home-hero-bottom-01 .container-charity ul > li > img.tunnel-to-towers {
	width: 106px;
}

#home-hero-bottom-01 .container-charity ul > li > img.dave-thomas-foundation {
	width: 190px;
}






/* #home-hero-bottom-01 .as-seen-on {
	line-height: 30px;
	padding-top: 4px;
	vertical-align: middle;
	text-transform: uppercase;
	margin-right: 8px;
	font-weight: bold;
}

#home-hero-bottom-01 .logos {
	
}

#home-hero-bottom-01 .features {
	line-height: 30px;
	padding-top: 2px;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	width: 100%;
	text-align: center;
	color: #0087ba;
	font-size: 18px;
}

#home-hero-bottom-01 .features .sep {
	margin: 0 5px;
	color: #fff;
} */

#home-hero-bottom-02 {
	background-color: #06315a;
	color: #fff;
	padding: 16px 0;
}

#home-hero-bottom-02 h2 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 0;
}

#home-quote {
	background-color: #dbdbdb;
	padding-top: 40px;
	padding-bottom: 40px;
}

#home-quote .col-reviews {
	text-align: center;
}

#home-quote .col-reviews h2 {
	text-transform: uppercase;
	color: #000;
}

#home-quote .col-reviews h2:after {
	content: '';
	display: block;
	width: 100%;
	height: 18px;
	background-image: url('img/underline.webp');
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

#home-quote .col-reviews .reviews-wrapper {
	margin-top: 30px;
	margin-bottom: 30px;
}

#home-quote .col-quote-form .form-wrapper {
	background-color: #0087ba;
	color: #fff;
	border-radius: 8px;
	padding: 20px 25px 25px 25px;
}

#home-social {
	background-color: #000;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

#home-social span {
	font-weight: bold;
	text-transform: uppercase;
	color: #cc6b26;
	margin-right: 14px;
	font-size: 18px;
	display: inline-block;
	line-height: 39px;
	vertical-align: middle
}

#home-social a {
	display: inline-block;
	font-size: 26px;
	margin: 0 14px;
	color: #fff;
	text-decoration: none;
	line-height: 39px;
	vertical-align: middle;
}

#home-social a:hover {
	color: #cc6b26;
}

#home-how-it-works {
	padding-top: 30px;
	padding-bottom: 30px;
}

#home-how-it-works h2 {
	color: #06315a;
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: 42px;
	margin-bottom: 30px;
}

#home-how-it-works .row-steps .col-step {
	text-align: center;
}

#home-how-it-works .row-steps .col-step img {
	border-radius: 50%;
	border: 6px solid #cc6b26;
	width: 100%;
	max-width: 100%;
	height: auto;
}

#home-how-it-works .row-steps .col-step .step {
	display: inline-block;
	font-weight: 900;
	font-size: 42px;
	background-color: #cc6b26;
	color: #fff;
	width: 60px;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	margin-top: -30px;
	margin-bottom: 15px;
	border-radius: 50%;
}

#home-how-it-works .row-steps .col-step h3 {
	text-transform: uppercase;
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
}

#home-how-it-works .row-steps .col-step p {
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 1.2;
}

#home-how-it-works .row-process {
	padding-top: 30px;
	font-size: 18px;
	line-height: 1.2;
}

#home-how-it-works .row-process h3 {
	text-transform: uppercase;
	font-family: 'Source Sans 3', sans-serif;
	color: #06315a;
	font-size: 32px;
	font-weight: 900;
	margin-bottom: 5px;
}

#home-how-it-works .row-process p {
	margin-bottom: 20px;
}

#home-how-it-works .row-process video {
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 1px solid #000;
	border-radius: 10px;
}

#home-how-it-works .row-read-more {
	text-align: center;
	padding-bottom: 30px;
}

#home-how-it-works .row-read-more hr {
	opacity: .15;
	margin: 1.5rem 0 2.5rem;
}

#home-how-it-works .row-read-more h3 {
	text-transform: uppercase;
	color: #06315a;
	font-size: 28px;
	font-weight: 900;
}

#home-how-it-works .row-read-more a.btn {
	font-weight: 900;
}

#home-savings {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #eee;
}

#home-savings .container {
	width: 1100px;
	max-width: 100%;
}

#home-savings h2 {
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: 42px;
	color: #000;
	margin-bottom: 30px;
}

#home-savings .row-savings-chart {
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
	padding-bottom: 30px;
}

#home-savings .row-savings-chart h3 {
	color: #06315a;
	text-transform: uppercase;
	font-weight: 900;
	padding-top: 30px;
	margin-bottom: 30px;
}

#home-savings .row-savings-chart img.logo {
	margin-bottom: 14px;
}

#home-savings .row-savings-chart .chart-item {
	margin-bottom: 30px;
}

#home-savings .row-savings-chart .chart-item:last-child {
	margin-bottom: 0;
}

#home-savings .row-savings-chart .chart-item i.fa-solid {
	font-size: 36px;
	color: #06315a;
}

#home-savings .row-savings-chart .chart-item h4 {
	font-family: 'Source Sans 3', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 0;
}

#home-savings .row-savings-chart .chart-item p {
	margin-bottom: 0;
}

#home-savings .row-savings-chart .col-middle {
	position: relative;
}

#home-savings .row-savings-chart .col-middle hr {
	border-top: 0;
	border-left: 4px solid #cc6b26;
	height: 100%;
	opacity: 1;
	margin: 0 auto;
}

#home-savings .row-savings-chart .col-middle span.vs {
	display: inline-block;
	font-weight: 900;
	font-size: 28px;
	background-color: #06315a;
	color: #fff;
	width: 60px;
	height: 60px;
	line-height: 65px;
	vertical-align: middle;
	border-radius: 50%;
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -30px;
	z-index: 10;
}

#home-savings .row-conclusion {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#home-savings .row-conclusion h3 {
	text-transform: uppercase;
	color: #06315a;
	font-size: 28px;
	font-weight: 900;
}

#home-savings .row-conclusion a.btn {
	font-weight: 900;
}

#home-reviews {
	padding-top: 30px;
	padding-bottom: 30px;
}

#home-reviews h2 {
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: 42px;
	color: #06315a;
	margin-bottom: 30px;
}

#home-reviews .row-jobs-map {
	margin-top: 40px;
	margin-bottom: 15px;
	text-align: center;
}

#home-reviews .row-jobs-map h3 {
	text-transform: uppercase;
	color: #06315a;
	font-size: 36px;
	font-weight: 900;
}

#home-reviews .row-jobs-map img {
	display: block;
	border-radius: 8px;
	box-shadow: 1px 1px 5px #ccc;
	margin: 0 auto;
}

#home-reviews .row-conclusion {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#home-reviews .row-conclusion h3 {
	text-transform: uppercase;
	color: #06315a;
	font-size: 28px;
	font-weight: 900;
}

#home-reviews .row-conclusion a.btn {
	font-weight: 900;
}

#home-call-us {
	background-color: #000;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 24px;
}

#home-call-us i.fa-solid {
	margin-right: 5px;
}

#home-social a:hover {
	text-decoration: underline;
}

#home-dealer {
	background-color: #eee;
	padding-top: 30px;
	padding-bottom: 30px;
}

#home-dealer img.five-star-logo {
	margin-bottom: 30px;
}

#home-dealer .col-about {
	font-size: 18px;
	line-height: 1.3;
}

#home-dealer .col-about h2 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	font-size: 42px;
	color: #06315a;
	margin-bottom: 20px;
}

#home-dealer .col-about p {
	margin-bottom: 25px;
}

#home-dealer .col-local {
	line-height: 1.3;
}

#home-dealer .col-local h3 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	font-size: 2rem;
	color: #06315a;
	margin-bottom: 0;
}

#home-dealer .col-local img.dealer-photo {
	border-radius: 8px;
}

#home-dealer .col-local h4 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	color: #06315a;
	margin-top: 10px;
	margin-bottom: 5px;
}

#home-dealer .col-local ul {
	padding-left: 18px;
	line-height: 1.3;
	font-size: 15px;
}

#home-dealer .col-local ul li a {
	font-weight: normal;
	color: #06315a;
}

#home-dealer .col-local ul li a:hover {
	text-decoration: underline;
}

#home-faqs {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 18px;
	line-height: 1.3;
}

#home-faqs h2 {
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: 42px;
	color: #06315a;
	margin-bottom: 30px;
}

#home-faqs img {
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin-bottom: 15px;
}

#home-faqs h3 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	font-size: 32px;
}

#home-faqs .accordion {
	border-radius: 8px;
	overflow: hidden;
	border: 2px solid #eee;
	line-height: 1.3;
	margin-bottom: 30px;
}

#home-faqs .accordion .accordion-button {
	color: #0087ba;
	font-weight: bold;
	background-color: #f9f9f9;
	font-size: 22px;
}

#home-faqs .accordion .accordion-button:focus {
	border-color: transparent;
	outline: 0;
	box-shadow: none;
}

#home-faqs .accordion .accordion-button:not(.collapsed)::after {
	color: #0087ba;
	background-image: var(--bs-accordion-btn-icon);
}

#home-faqs .accordion .accordion-body {
	font-size: 18px;
}

#home-faqs .accordion .accordion-body p:last-child {
	margin-bottom: 0;
}

#home-before-after {
	padding-top: 30px;
	padding-bottom: 50px;
	background-color: #000;
	color: #fff;
}

#home-before-after h2 {
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: 42px;
	color: #fff;
	margin-bottom: 30px;
}

#home-environment {
	padding-top: 30px;
	padding-bottom: 30px;
}

#home-environment h2 {
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: 42px;
	color: #06315a;
	margin-bottom: 0;
}

#home-environment .intro {
	display: block;
	text-align: center;
	width: 100%;
	font-size: 18px;
	margin-bottom: 30px;
}

#home-environment .row-emojis {
	margin-bottom: 30px;
}

#home-environment .env-item {
	background-color: #eee;
	padding: 10px 6px;
	border-radius: 8px;
}

#home-environment .env-item .env-emoji {
	font-family: 'Apple Color Emoji', 'Noto Color Emoji', 'Segoe UI Emoji', sans-serif;
	display: block;
	font-size: 32px;
	text-align: center;
	line-height: 28px;
}

#home-environment .env-item .env-info {
	display: block;
	width: 100%;
	line-height: 1.2;
	font-size: 15px;
}

#home-environment .env-item .env-info strong {
	text-transform: uppercase;
	font-size: 16px;
}

#home-environment .row-content {
	line-height: 1.3;
}

#home-environment .row-content h3 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	font-size: 34px;
	line-height: 1.2;
}

#home-environment video {
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 1px solid #000;
	border-radius: 10px;
}

#home-warranty {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #eee;
	font-size: 18px;
}

#home-warranty img {
	width: 100%;
	max-width: 100%;
	height: auto;
	filter: drop-shadow(2px 2px 3px #999);
	padding: 15px;
}

#home-warranty h2 {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 42px;
	color: #06315a;
}

#home-financing {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #000;
	text-align: center;
	color: #fff;
	font-size: 22px;
}

#home-financing h2 {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 32px;
	color: #cc6b26;
	margin-bottom: 0;
}

#home-financing p {
	margin-bottom: 0;
}

#home-financing a {
	color: #cc6b26;
	font-weight: bold;
}

#home-financing a:hover {
	text-decoration: underline;
}

#home-conclusion {
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 20px;
	line-height: 1.2;
}

#home-conclusion h2 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	font-size: 38px;
	line-height: 1.2;
	margin-bottom: 20px;
}

#home-conclusion img.van {
	border-radius: 10px;
	margin-bottom: 25px;
}

#home-conclusion img.map {
	/* filter: drop-shadow(1px 1px 3px #999); */
	border-radius: 8px;
	opacity: 1;
}

#home-conclusion img.map:hover {
	opacity: .75;
}

#home-conclusion .socials a {
	display: inline-block;
	margin-top: 4px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 24px;
}

#home-conclusion .socials a:first-of-type {
	margin-left: 0;
}

#home-conclusion .socials a:last-of-type {
	margin-right: 0;
}

#home-conclusion hr {
	opacity: .10;
}

#home-conclusion .form-wrapper {
	background-color: #0087ba;
	color: #fff;
	border-radius: 8px;
	padding: 20px 25px 25px 25px;
}


/* Quote Page */

.wrapper.wrapper-quote-page {
	padding-top: 0;
	padding-bottom: 0;
}

.wrapper.wrapper-quote-page .container-fluid-quote-page {
	padding-left: 0;
	padding-right: 0;
}

#quote-hero {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #e3e3e3;
	background: linear-gradient(180deg,rgba(235, 235, 235, 1) 38%, rgba(255, 255, 255, 0) 38%);
}

#quote-hero .col-info {
	font-size: 18px;
	line-height: 1.2;
}

#quote-hero .col-info h1 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	font-size: 38px;
	line-height: 1.1;
	margin-bottom: 15px;
	text-align: center;
}

#quote-hero .col-info h2 {
	font-weight: 900;
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 25px;
	text-align: center;
	color: #0087ba;
	text-transform: uppercase;
}

#quote-hero .col-info .row-steps {
	margin-bottom: 30px;
}

#quote-hero .col-info .row-steps .col-step {
	text-align: center;
}

#quote-hero .col-info .row-steps .col-step img {
	border-radius: 50%;
	border: 3px solid #cc6b26;
	width: 100%;
	max-width: 100%;
	height: auto;
}

#quote-hero .col-info .row-steps .col-step .step {
	display: inline-block;
	font-weight: 900;
	font-size: 24px;
	background-color: #cc6b26;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	margin-top: -20px;
	margin-bottom: 15px;
	border-radius: 50%;
}

#quote-hero .col-info .row-steps .col-step h3 {
	text-transform: uppercase;
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 1.1;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}

#quote-hero .col-info .row-steps .col-step h3:after {
	position: absolute;
	top: 0;
	right: -20px;
	font-family: 'Font Awesome 6 Free', fontawesome;
	content: '\f061';
	display: flex;
	height: 100%;
	align-items: center;
	font-size: 32px;
	color: #c96c23;
	font-weight: bold;
}

#quote-hero .col-info .row-steps .col-step:last-child h3:after {
	content: '';
}

#quote-hero .col-info img.map {
/* 	filter: drop-shadow(1px 1px 3px #999); */
	border-radius: 8px;
	opacity: 1;
}

#quote-hero .col-info img.map:hover {
	opacity: .75;
}

#quote-hero .col-info a {
	font-size: 20px;
}

#quote-hero .col-info .socials a {
	display: inline-block;
	margin-top: 4px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 24px;
	color: #0087ba;
}

#quote-hero .col-info .socials a:hover {
	color: #006890;
}

#quote-hero .col-info .socials a:first-of-type {
	margin-left: 0;
}

#quote-hero .col-info .socials a:last-of-type {
	margin-right: 0;
}

#quote-hero .col-info hr {
	opacity: .10;
}

#quote-hero .form-wrapper {
	background-color: #0087ba;
	color: #fff;
	border-radius: 8px;
	padding: 20px 25px 25px 25px;
}

#quote-hero .form-wrapper.form-wrapper-quote .gform_wrapper .gfield--type-html .form-title {
	margin-bottom: 20px;
}

#quote-hero .form-wrapper.form-wrapper-quote .gform_wrapper .gfield--type-html p {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.1;
}


#quote-dealer {
	background-color: #eee;
	padding-top: 30px;
	padding-bottom: 30px;
}

#quote-dealer .col-imgs .imgs {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: 40px;
}

#quote-dealer .col-imgs .imgs img {
	object-fit: contain;
	object-position: center center;
	height: 180px;
}

#quote-dealer .col-about {
	font-size: 18px;
	line-height: 1.3;
}

#quote-dealer .col-about h2 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	color: #06315a;
	margin-bottom: 20px;
}

#quote-dealer .col-local {
	line-height: 1.3;
}

#quote-dealer .col-local h3 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	font-size: 2rem;
	color: #06315a;
	margin-bottom: 0;
}

#quote-dealer .col-local img.dealer-photo {
	border-radius: 8px;
}

#quote-dealer .col-local h4 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	color: #06315a;
	margin-top: 20px;
	margin-bottom: 5px;
}

#quote-dealer .col-local ul {
	padding-left: 18px;
	line-height: 1.4;
	font-size: 15px;
}

#quote-dealer .col-local ul li a {
	font-weight: normal;
	color: #06315a;
}

#quote-dealer .col-local ul li a:hover {
	text-decoration: underline;
}


#quote-reviews {
	padding-top: 30px;
	padding-bottom: 30px;
}

#quote-reviews h2 {
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: 42px;
	color: #06315a;
	margin-bottom: 30px;
}





/* City Page */

.wrapper.wrapper-city-page {
	padding-top: 0;
	padding-bottom: 0;
}

.wrapper.wrapper-city-page .container-fluid-city-page {
	padding-left: 0;
	padding-right: 0;
}

#city-hero {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #e3e3e3;
	background: linear-gradient(180deg,rgba(235, 235, 235, 1) 445px, rgba(255, 255, 255, 0) 445px);
}

#city-hero #breadcrumbs {
	margin-top: 0;
	display: block;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 1px 5px #ddd;
	border-radius: 6px;
	padding: 6px 10px;
}

#city-hero #breadcrumbs i.fa {
	color: #888;
}

#city-hero .col-info {
	font-size: 16px;
	line-height: 1.2;
}

#city-hero .col-info h1 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	font-size: 34px;
	line-height: 1.1;
	margin-bottom: 15px;
	color: #07315a;
}

#city-hero .col-info h2 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 25px;
}

#city-hero .col-info .row-steps {
	margin-bottom: 30px;
}

#city-hero .col-info .row-steps .col-step {
	text-align: center;
}

#city-hero .col-info .row-steps .col-step img {
	border-radius: 50%;
	border: 3px solid #cc6b26;
	width: 100%;
	max-width: 100%;
	height: auto;
}

#city-hero .col-info .row-steps .col-step .step {
	display: inline-block;
	font-weight: 900;
	font-size: 24px;
	background-color: #cc6b26;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	margin-top: -20px;
	margin-bottom: 15px;
	border-radius: 50%;
}

#city-hero .col-info .row-steps .col-step h3 {
	text-transform: uppercase;
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	font-size: 18px;
	line-height: 1.1;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}

#city-hero .col-info .row-steps .col-step h3:after {
	position: absolute;
	top: 0;
	right: -20px;
	font-family: 'Font Awesome 6 Free', fontawesome;
	content: '\f061';
	display: flex;
	height: 100%;
	align-items: center;
	font-size: 32px;
	color: #c96c23;
	font-weight: bold;
}

#city-hero .col-info .row-steps .col-step:last-child h3:after {
	content: '';
}

#city-hero .col-info .google-map iframe {
	width: 100%;
	height: 275px;
	box-shadow: 0 1px 5px #666;
	border-radius: 6px;
	overflow: hidden;
}

#city-hero .col-info .row-location a {
	font-size: 20px;
}

#city-hero .col-info .socials a {
	display: inline-block;
	margin-top: 4px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 24px;
	color: #0087ba;
}

#city-hero .col-info .socials a:hover {
	color: #006890;
}

#city-hero .col-info .socials a:first-of-type {
	margin-left: 0;
}

#city-hero .col-info .socials a:last-of-type {
	margin-right: 0;
}

#city-hero .col-info hr {
	opacity: .10;
}

#city-hero .form-wrapper {
	background-color: #0087ba;
	color: #fff;
	border-radius: 8px;
	padding: 20px 25px 25px 25px;
}

#city-hero .form-wrapper.form-wrapper-city .gform_wrapper .gfield--type-html .form-title {
	margin-bottom: 20px;
}

#city-hero .form-wrapper.form-wrapper-city .gform_wrapper .gfield--type-html p {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.1;
}

#city-repair-local-leaks {
	padding-top: 15px;
	padding-bottom: 50px;
}

#city-repair-local-leaks h2 {
	font-size: 24px;
	color: #07315a;
}

#city-repair-local-leaks .box-wrapper {
	box-shadow: 0 1px 6px #ccc;
	border-radius: 10px;
	padding: 15px;
	line-height: 1.3;
}

#city-repair-local-leaks .box-wrapper p:last-of-type {
	margin-bottom: 0;
}


	



#city-what-is-roof-maxx {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #07315a;
	border-top: 6px solid #cc6b26;
	color: #fff;
}

#city-what-is-roof-maxx .row-top {
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 15px;
}

#city-what-is-roof-maxx .row-top img.before-after {
	margin-bottom: 15px;
	width: 100%;
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

#city-what-is-roof-maxx .row-top video {
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 1px solid #000;
	border-radius: 10px;
}


#city-what-is-roof-maxx .env-item {
	background-color: #eee;
	padding: 10px 6px;
	border-radius: 8px;
	color: #000;
}

#city-what-is-roof-maxx .env-item .env-emoji {
	font-family: 'Apple Color Emoji', 'Noto Color Emoji', 'Segoe UI Emoji', sans-serif;
	display: block;
	font-size: 32px;
	text-align: center;
	line-height: 28px;
}

#city-what-is-roof-maxx .env-item .env-info {
	display: block;
	width: 100%;
	line-height: 1.2;
	font-size: 15px;
}

#city-what-is-roof-maxx .env-item .env-info strong {
	text-transform: uppercase;
	font-size: 16px;
}

#city-dealer {
	padding-top: 30px;
	padding-bottom: 30px;
}

#city-dealer .col-imgs .imgs {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: 40px;
}

#city-dealer .col-imgs .imgs img {
	object-fit: contain;
	object-position: center center;
	height: 180px;
}

#city-dealer .col-about {
	font-size: 18px;
	line-height: 1.3;
}

#city-dealer .col-about h2 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	font-size: 42px;
	color: #06315a;
	margin-bottom: 20px;
	line-height: 1.1;
}

#city-dealer .col-about h2,
#city-dealer .col-about h3,
#city-dealer .col-about h4,
#city-dealer .col-about h5,
#city-dealer .col-about h6 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	color: #06315a;
}

#city-dealer .col-about p {
	margin-bottom: 15px;
}

#city-dealer .col-about ul {
	padding-left: 20px;
}

#city-dealer .col-local {
	line-height: 1.3;
}

#city-dealer .col-local h3 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	font-size: 2rem;
	color: #06315a;
	margin-bottom: 0;
}

#city-dealer .col-local img.dealer-photo {
	border-radius: 8px;
}

#city-dealer .col-local h4 {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 900;
	color: #06315a;
	margin-top: 20px;
	margin-bottom: 5px;
}

#city-dealer .col-local .quote-wrapper {
	background-color: #fff;
	box-shadow: 0 1px 5px #ccc;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 25px;
}

#city-dealer .col-local .quote-wrapper p {
	margin-bottom: 0;
}

#city-dealer .col-local .quote-wrapper p.owner {
	margin-bottom: 15px;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

#city-dealer .row-city-faq button {
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	background-color: transparent;
	display: block;
	width: 100%;
	text-align: left;
	color: #0087ba;
	font-weight: bold;
	font-size: 18px;
	padding: 5px 5px 5px 20px;
	position: relative;	
}

#city-dealer .row-city-faq button:hover {
	color: #006f99;
}

#city-dealer .row-city-faq button:before {
	position: absolute;
	left: 0;
	font-family: 'Font Awesome 6 Free', fontawesome;
	content: '\f107';
	color: #000;
}

#city-dealer .row-city-faq button.collapsed:before {
	content: '\f105';
}

#city-dealer .row-city-faq .city-faq-item {
	padding: 0 0 0 20px;
}

#city-proudly-serving {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #000;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: 900;
	line-height: 1.8;
}

#city-proudly-serving p {
	margin-bottom: 0;
}

#city-proudly-serving a {
	color: #cc6b26;
	font-weight: bold;
}

#city-proudly-serving a:hover {
	text-decoration: underline;
}

#city-reviews {
	padding-top: 30px;
	padding-bottom: 30px;
}

#city-reviews h2 {
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: 42px;
	color: #06315a;
	margin-bottom: 30px;
}


/* Areas We Serve */

.wrapper-areas-we-serve {
	padding-top: 0;
}

.wrapper-areas-we-serve #breadcrumbs {
	margin-top: 0;
	margin-bottom: 0;
	display: block;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 1px 5px #ddd;
	border-radius: 6px;
	padding: 6px 10px;
}

.wrapper-areas-we-serve .container-fluid-areas-we-serve {
	background-image: url('img/banner.webp');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 350px;
}

.wrapper-areas-we-serve .container-header {
	margin-top: -50px;
	margin-bottom: 30px;
}

.wrapper-areas-we-serve .container-header .entry-header h1.entry-title {
	display: inline-block;
	background-color: #fff;
	padding: 8px 16px;
	border-radius: 8px 8px 0 0;
}

.wrapper-areas-we-serve #main .container {
	font-size: 20px;
	line-height: 1.2;
	padding-top: 30px;
	width: 1000px;
	max-width: 100%;
	margin-bottom: 30px;
}

.wrapper-areas-we-serve #main .container .stateface {
	display: block;
	width: 100%;
	font-family: 'StateFaceRegular';
	font-size: 72px;
	text-align: center;
	color: #cc6b26;
	line-height: 1;
}

.wrapper-areas-we-serve #main .container h2 {
	text-align: center;
	color: #07315a;
	text-transform: uppercase;
	font-weight: 900;
}

.wrapper-areas-we-serve #main .container h3 {
	font-family: 'Source Sans 3', sans-serif;
	text-align: center;
	color: #0188bc;
	margin-bottom: 25px;
}

.wrapper-areas-we-serve #main .container h4 {
	text-align: center;
	color: #0188bc;
	font-family: 'Source Sans 3', sans-serif;
	margin-top: 15px;
	margin-bottom: 15px;
}

.wrapper-areas-we-serve #main .container ul {
	background-color: #fff;
	padding: 15px 15px 15px 35px;
	border-radius: 10px;
	box-shadow: 0 1px 6px #ccc;
	margin-top: 5px;
}

.wrapper-areas-we-serve #main .container ul li a {
	font-weight: normal;
	color: #cc6b26;
}

.wrapper-areas-we-serve #main .container ul li a:hover {
	text-decoration: underline;
}



/* Contact Us */

.wrapper.wrapper-contact-us {
	padding-top: 0;
	padding-bottom: 0;
}

.wrapper.wrapper-contact-us .container-fluid-contact-us {
	padding-left: 0;
	padding-right: 0;
}

#contact-us .col-info {
	font-size: 18px;
	line-height: 1.2;
}

#contact-us .col-info h1 {
	font-family: 'Source Sans 3', sans-serif;
	color: #07315a;
	font-size: 42px;
}

#contact-us .col-info img.van {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin-top: 5px;
	margin-bottom: 25px;
	border-radius: 8px;
}

#contact-us .col-info img.map {
/* 	filter: drop-shadow(1px 1px 3px #999); */
	border-radius: 8px;
	opacity: 1;
}

#contact-us .col-info img.map:hover {
	opacity: .75;
}

#contact-us .col-info a {
	font-size: 20px;
}

#contact-us .col-info .socials a {
	display: inline-block;
	margin-top: 4px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 24px;
	color: #0087ba;
}

#contact-us .col-info .socials a:hover {
	color: #006890;
}

#contact-us .col-info .socials a:first-of-type {
	margin-left: 0;
}

#contact-us .col-info .socials a:last-of-type {
	margin-right: 0;
}

#contact-us .col-info hr {
	opacity: .10;
}

#contact-us .form-wrapper {
	background-color: #0087ba;
	color: #fff;
	border-radius: 8px;
	padding: 20px 25px 25px 25px;
}

#contact-us .form-wrapper.form-wrapper-contact .gform_wrapper .gfield--type-html .form-title {
	margin-bottom: 20px;
}

#contact-us .form-wrapper.form-wrapper-contact .gform_wrapper .gfield--type-html p {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.1;
}


/* How It Works */

.wrapper.wrapper-how-it-works {
	padding-top: 0;
	padding-bottom: 0;
}

.wrapper.wrapper-how-it-works .container-fluid-how-it-works {
	padding-left: 0;
	padding-right: 0;
}

#hiw-hero {
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 20px;
	line-height: 1.3;
}

#hiw-hero video {
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 3px solid #000;
	border-radius: 10px;
}

#hiw-hero h2 {
	text-transform: uppercase;
	color: #07315a;
	font-size: 36px;
	font-weight: 900;	
}

#hiw-hero h3 {
	font-family: 'Source Sans 3', sans-serif;
	text-transform: uppercase;
	color: #07315a;
	font-size: 24px;	
	margin-bottom: 0;
}

#hiw-science {
	padding-top: 30px;
	padding-bottom: 60px;
	font-size: 18px;
	line-height: 1.3;
	background-color: #07315a;
}

#hiw-science h2 {
	text-transform: uppercase;
	color: #fff;
	font-weight: 900;	
	text-align: center;
	font-size: 42px;
	margin-bottom: 40px;
}

#hiw-science .col {
	padding-top: 40px;
}

#hiw-science .card {
	border: 0;
	border-radius: 12px;
}

#hiw-science .card.card-bottom-line {
	background-color: #0288bb;
	color: #fff;
}

#hiw-science .card .card-body {
	padding: 20px;
}

#hiw-science .card .card-body img {
	display: block;
	margin: -95px auto 10px;
}

#hiw-science .card .card-body h3 {
	font-family: 'Source Sans 3', sans-serif;
	color: #cb6c27;
	font-size: 36px;	
	margin-bottom: 15px;
	text-align: center;
}

#hiw-science .card.card-bottom-line .card-body h3 {
	color: #fff;
}

#hiw-science .card .card-body ul {
	padding-left: 20px;
	margin-bottom: 0;
}

#hiw-science .card .card-footer {
	border-top: 0;
	background-color: unset;
	text-align: center;
	padding-top: 0;
	padding-bottom: 20px;
}

#hiw-science .card .card-footer a.btn i.fa-file-lines {
	margin-right: 5px;
}


/* Videos */

.wrapper.wrapper-videos {
	padding-top: 0;
	padding-bottom: 0;
}

.wrapper.wrapper-videos .container-fluid-videos {
	padding-left: 0;
	padding-right: 0;
}

#videos-grid {
	padding-top: 20px;
	padding-bottom: 40px;
}

#videos-grid h2 {
	text-transform: uppercase;
	color: #07315a;
	font-size: 36px;
	font-weight: 900;	
}

#videos-grid video {
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 3px solid #000;
	border-radius: 8px;
}

#videos-grid .card .card-footer p {
	margin-bottom: 0;
}


/* FAQs */

.wrapper.wrapper-faq {
	padding-top: 0;
	padding-bottom: 0;
}

.wrapper.wrapper-faq .container-fluid-faq {
	padding-left: 0;
	padding-right: 0;
}

#faq {
	padding-top: 20px;
	padding-bottom: 40px;
}

#faq h2 {
	text-transform: uppercase;
	color: #07315a;
	font-size: 36px;
	font-weight: 900;
}

#faq .faq-nav-wrapper {
	top: 15px;
	padding: 15px;
	background-color: #eee;
	border-radius: 8px;
}

#faq .faq-nav-wrapper ul {
	list-style: none;
	padding-top: 5px;
	padding-left: 0;
	margin-bottom: 0;
	line-height: 1.2;
}

#faq .faq-nav-wrapper ul > li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}

#faq .faq-nav-wrapper ul > li:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}

#faq .faq-nav-wrapper ul > li > a {
	display: block;
	width: 100%;
}

#faq .faq-nav-wrapper ul > li > a:hover {
	cursor: pointer;
}


#faq .faq-section {
	margin-bottom: 50px;
	font-size: 18px;
}

#faq .faq-section h3 {
	display: block;
	background-color: #eee;
	border-radius: 8px;
	padding: 9px 12px 8px;
	margin-bottom: 25px;
	border: 2px solid #ccc;
}

#faq .faq-section p {
	color: #555;
}

#faq .faq-section p strong {
	color: #333;
}

#faq .faq-section hr {
	margin-top: 20px;
	margin-bottom: 20px;
	opacity: .10;
}

#faq .faq-section .back-to-top a:hover {
	cursor: pointer;
}







/* Learning Hub / Sidebar */

.rm-blog-home {
	
}

article.post {
	padding: 30px;
	box-shadow: 0 2px 5px #ccc;
	border-radius: 8px;
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 1.3;
}

article.post .entry-header {
	margin-bottom: 15px;
}

article.post .entry-header .entry-title a {
	color: #07315a;
}

article.post .entry-header .entry-title a:hover {
	color: #021c35;
}

article.post img.wp-post-image {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin-bottom: 15px;
	border-radius: 8px;
}

article.post .wp-block-separator {
	border-top: 1px solid;
	opacity: .10;
}

.addtoany_share_save_container .addtoany_header {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #eee;
	font-weight: bold;
}

ul.wp-block-latest-posts > li {
	margin-bottom: 10px;
}

ul.wp-block-latest-posts > li:last-of-type {
	margin-bottom: 0;
}

ul.wp-block-categories {
	padding-left: 20px;
}



/* Gravity Forms */

#main .form-wrapper .gform_wrapper {

}

#main .form-wrapper .gform_wrapper .gform_required_legend {
	display: none !important;
}

#main .form-wrapper .gform_wrapper .form-title {
	font-family: 'Source Sans 3', sans-serif;
	font-size: 40px;
	margin-bottom: 0;
	line-height: 1;
}

#main .form-wrapper.form-wrapper-bottom .gform_wrapper .form-title {
	margin-bottom: 20px;
}

#main .form-wrapper .gform_wrapper.gform-theme--foundation .gform_fields {
	row-gap: 15px;
}

#main .form-wrapper .gform_wrapper.gform-theme--foundation .gfield_label {
	margin-bottom: 2px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
}


#main .form-wrapper .gform_wrapper.gform-theme--foundation .gfield_description {
	color: #fff;
	--gf-local-color: #fff;
}

#main .form-wrapper .gform_wrapper.gform-theme--foundation .gfield_description.validation_message {
	color: #fff;
	--gf-local-color: unset;
	background-color: #c02b0a;
	padding: 5px 5px 3px 5px;
	border-radius: 6px;
}

#main .form-wrapper .gform_wrapper.gform-theme--foundation .gform-field-label.gform-field-label--type-sub {
	margin-top: 1px;
	color: #fff;
}

#main .form-wrapper .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 20px;
	display: block;
	width: 100%;
	background-color: #cc6b26;
	border-color: #cc6b26;
	border-radius: 8px;
	--gf-local-padding-x: 6px;
	--gf-local-padding-y: 12px;
}

#main .form-wrapper .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
#main .form-wrapper .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):active {
	background-color: #b35b1d;
	border-color: #b35b1d;
}

#main .form-wrapper .gform-theme.gform-theme--framework.gform_wrapper input:is([type=text],[type=email],[type=tel]),
#main .form-wrapper .gform-theme.gform-theme--framework.gform_wrapper select {
	border: 0;
	border-radius: 6px;
	--gf-local-radius: 6px;
	line-height: 30px;
	--gf-local-line-height: 30px;
	height: 30px;
	--gf-local-height: 30px;
}

#main .form-wrapper .gform-theme.gform-theme--framework.gform_wrapper input:is([type=text],[type=email],[type=tel]):focus,
#main .form-wrapper .gform-theme.gform-theme--framework.gform_wrapper textarea:focus,
#main .form-wrapper .gform-theme.gform-theme--framework.gform_wrapper select:focus {
	--gf-local-border-color: #000;
	--gf-local-outline-color: #000;
	--gf-local-outline-width: 2px;
}

#main .form-wrapper .gform-theme--framework .gform_validation_errors {
	background-color: #fff;
}





/* Footer */

#wrapper-footer {
	background-color: #000;
	color: #fff;
	border-top: 6px solid #cc6b26;
	padding-top: 0;
	padding-bottom: 70px;
}

footer.site-footer .container-footer-01,
footer.site-footer .container-footer-02,
footer.site-footer .container-footer-03 {
	border-bottom: 1px solid #333;
	padding: 40px 0;
}

footer.site-footer .container-footer-04 {
	padding: 30px 0 0 0;
}

/* Footer Section 01 */

footer.site-footer .container-footer-01 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
}

footer.site-footer .container-footer-01 .navbar-brand {
	display: flex;
	align-items: center;
}

footer.site-footer .container-footer-01 .phone-numbers {
	display: flex;
	align-items: center;
	text-align: center;
	width: 500px;
	max-width: 100%;
}

footer.site-footer .container-footer-01 .phone-numbers h2 {
	font-size: 18px;
	font-weight: 900;
}

footer.site-footer .container-footer-01 .phone-numbers .line-01 {
	display: block;
	width: 100%;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 1.2;
}

footer.site-footer .container-footer-01 .phone-numbers .line-02 {
	display: block;
	width: 100%;
	font-weight: 900;
	font-size: 18px;
	line-height: 1.2;
}

footer.site-footer .container-footer-01 .phone-numbers .line-02 a {
	color: #0087ba;
}

footer.site-footer .container-footer-01 .phone-numbers .line-02 a:hover {
	color: #0074a0;
	text-decoration: underline;
}

footer.site-footer .container-footer-01 .phone-numbers .col-location {
	border-right: 2px solid #cc6b26;
}

footer.site-footer .container-footer-01 .phone-numbers .col-location:last-of-type {
	border-right: 0;
}

footer.site-footer .container-footer-01 .get-a-quote {
	display: flex;
	align-items: center;
}


/* Footer Section 02 */

footer.site-footer .container-footer-02 ul.footer-nav {
	font-weight: 900;
	text-transform: uppercase;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	list-style: none;
	padding: 0;
	text-align: center;
	margin-bottom: 0;
}

footer.site-footer .container-footer-02 ul.footer-nav > li.menu-item {
	display: flex;
	padding: 0 16px;
	line-height: 1;
	border-right: 2px solid #cc6b26;
}

footer.site-footer .container-footer-02 ul.footer-nav> li.menu-item:first-of-type {
	padding-left: 0;
}

footer.site-footer .container-footer-02 ul.footer-nav > li.menu-item:last-of-type {
	padding-right: 0;
	border-right: 0;
}

footer.site-footer .container-footer-02 ul.footer-nav > li.menu-item > a.nav-link {
	padding: 0;
}

footer.site-footer .container-footer-02 ul.footer-nav > li.menu-item > a.nav-link:hover {
	color: #cc6b26;
}


/* Footer Section 03 */

footer.site-footer .container-footer-03 {
	text-align: center;
}

footer.site-footer .container-footer-03 h3 {
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 15px;
}

footer.site-footer .container-footer-03 ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	list-style: none;
	padding: 0;
	margin: 0;
}

footer.site-footer .container-footer-03 ul > li {
	margin: 0 14px;
	display: flex;
}

footer.site-footer .container-footer-03 ul > li > img {
	object-fit: contain;
	object-position: center center;
	background-color: #fff;
	border-radius: 6px;
	height: 90px;
	padding: 8px;
}

footer.site-footer .container-footer-03 ul > li > img.maxx-giving-pledge {
	background-color: transparent;
	width: 150px;
	padding: 0;
}

footer.site-footer .container-footer-03 ul > li > img.tunnel-to-towers {
	width: 106px;
}

footer.site-footer .container-footer-03 ul > li > img.dave-thomas-foundation {
	width: 190px;
}


/* Footer Section 04 */

footer.site-footer .container-footer-04 .col-socials span {
	display: block;
	width: 100%;
}

footer.site-footer .container-footer-04 .col-socials a {
	color: #fff;
	display: inline-block;
	margin-right: 10px;
	font-size: 24px;
}

footer.site-footer .container-footer-04 .col-socials a:hover {
	color: #cc6b26;
}

footer.site-footer .container-footer-04 .col-socials a:last-of-type {
	margin-right: 0;
}

footer.site-footer .container-footer-04 .col-copyright p {
	text-align: center;
	margin-bottom: 5px;
}

footer.site-footer .container-footer-04 .col-copyright p a {
	font-weight: normal;
	text-decoration: underline;
}

footer.site-footer .container-footer-04 .col-copyright p a:hover {
	text-decoration: underline;
	color: #fff;
}

footer.site-footer .container-footer-04 .col-copyright .sep {
	margin: 0 5px;
}

footer.site-footer .container-footer-04 .col-usda {
	text-align: right;
}

footer.site-footer .container-footer-04 .col-usda img {
	text-align: right;
	object-fit: contain;
	object-position: center center;
	width: 160px;
	height: 80px;
}