/*
Theme Name:   Woodmart Child
Description:  Woodmart Child Theme
Author:       XTemos
Author URI:   http://xtemos.com
Template:     woodmart
Version:      1.0.0
Text Domain:  woodmart
*/

/* HEADER */

.site-logo {
	width: 100% !important;
	max-width: 420px !important;
}

.header-btn {
	border: 2px solid;
	border-image-source: linear-gradient(95.33deg, #39b54a 0%, #0099dd 98.8%);
	border-image-slice: 1;
	background: none !important;
	box-shadow: none !important;
	transition: all 0.2s ease-in-out;
	min-width: 180px;
	min-height: 60px;
	color: #fff !important;
	font-weight: 500;
	font-size: 16px;
}
.header-btn:after {
	content: "";
	position: absolute;
	background: linear-gradient(95.33deg, #39b54a 0%, #0099dd 98.8%) !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 0;
	height: 100%;
	z-index: -1;
	transition: 0.2s ease-in-out;
}
.header-btn:hover:after {
	width: 100% !important; 
} 

.service-main-row .woodmart-info-box {
	background: #ffffff;
	border-radius: 10px;
	padding: 4% 6%;
	align-items: center;
	border: 4px solid transparent !important;
	transition: 0.2s ease-in-out;
}
.service-main-row .woodmart-info-box:after {
	content: "";
	background: url(https://roofrevival.net/wp-content/uploads/2023/02/gradient-arrow-min.png);
	background-size: contain;
	min-width: 50px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
	filter: brightness(0.3);
	transition: 0.2s ease-in-out;
}
.service-main-row .woodmart-info-box:hover:after {
	filter: unset !important;
	transform: translateX(5px);
}
.service-main-row .woodmart-info-box:hover {
	border-color: #39b54a !important;
}
.service-main-row .woodmart-info-box:hover .info-box-title {
	font-weight: 700 !important;
}
.service-main-row .woodmart-info-box .info-box-title {
	transition: 0.2s ease-in-out;
	text-transform: uppercase;
}
.warranty-img {
	max-width: max-content;
}
.warranty-img img {
	min-width: 84px !important;
	height: 72px;
	object-fit: contain;
}
@media (min-width:1200px){
	.site-logo a img {
		max-width: 300px;
		min-width: 100%;
		object-fit: cover;
	}

}
@media (max-width: 767px) {
	.service-main-row .woodmart-info-box {
		padding: 30px !important;
	}
	.service-main-row .woodmart-info-box {
		flex-direction: column !important;
	}
	.service-main-row .woodmart-info-box .info-box-content {
		text-align: center !important;
		padding: 30px 0 !important;
	}
	.service-main-row .woodmart-info-box .info-box-icon img {
		max-width: 100px;
	}
	.service-main-row .woodmart-info-box:hover:after {
		transform: none !important;
	}
}

/* HOMEPAGE */

.banner-title {
	text-transform: uppercase;
}
.banner-btn {
	background: linear-gradient(95.33deg, #39b54a 0%, #0099dd 98.8%) !important;
	box-shadow: none !important;
	transition: all 0.2s ease-in-out;
	min-width: 220px;
	min-height: 75px;
	color: #fff !important;
	font-size: 18px;
	font-weight: 300 !important;
	border-radius: 10px !important;
}
.banner-btn:hover {
	background: linear-gradient(269deg, #39b54a 0%, #0099dd 98.8%) !important;
}
.primary-btn {
	border: 2px solid;
	border-image-source: linear-gradient(95.33deg, #39b54a 0%, #0099dd 98.8%);
	border-image-slice: 1;
	background: none !important;
	box-shadow: none !important;
	transition: all 0.2s ease-in-out;
	min-width: 180px;
	min-height: 60px;
	color: #fff !important;
	font-weight: 500;
	font-size: 16px;
}
.primary-btn:before {
	content: "";
	position: absolute;
	background: linear-gradient(95.33deg, #39b54a 0%, #0099dd 98.8%) !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 0;
	height: 100%;
	z-index: -1;
	transition: 0.2s ease-in-out;
}
.primary-btn:hover:before {
	width: 100% !important;
}
.primary-btn:hover {
	color: #fff !important;
}
.primary-btn {
	font-weight: 500 !important;
	position: relative;
	z-index: 5000 !important;
	color: #1e1e1e !important;
}
.service-main-row {
	background-size: 100% !important;
}

.primary-title .woodmart-title-container {
	text-transform: uppercase;
}
.testimonial-container .testimonial-content:before {
	content: "\f005\f005\f005\f005\f005";
	font-family: "Font Awesome 5 Free";
	vertical-align: middle;
	font-weight: 900;
	letter-spacing: 2px;
	color: #ffa800;
	display: block;
	font-size: 16px;
	position: absolute;
	top: 35px;
}
.testimonial-content {
	background: #f7f7f7;
	border-radius: 10px;
	padding: 75px 35px 35px;
	min-height: 360px;
	display: grid;
	place-content: space-between;
	text-align: left !important;
	font-weight: 400;
	font-size: 18px;
	color: #1e1e1e;
}
.testimonial-content footer {
	font-weight: 700;
	font-size: 16px;
	color: #1e1e1e;
	margin-top: 20px;
}
.testimonial-container .owl-nav {
	margin: 0 auto;
	padding: 0 15px;
	width: max-content;
	display: flex;
	justify-content: start !important;
	column-gap: 10px;
}
.testimonial-container .owl-nav > div {
	position: static;
	opacity: 1;
	transform: none;
	visibility: visible;
	margin: 0 auto !important;
	display: flex !important;
	justify-content: center !important;
	display: flex;
	justify-content: center !important;
}
.testimonial-container .owl-nav > div {
	width: 75px !important;
	height: 75px !important;
	margin: 20px 0 !important;
	background-image: url(https://roofrevival.net/wp-content/uploads/2023/02/Ellipse-border-min.png) !important;
	background-size: contain !important;
	border-radius: 50% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	transition:0.2s ease-in-out;
}
.testimonial-container .owl-prev:hover,
.testimonial-container .owl-next:hover {
	background: linear-gradient(156.54deg, #39B54A 14.11%, #0099DD 72.41%) !important;
}
.testimonial-container .owl-prev:hover:after,
.testimonial-container .owl-next:hover:after {
	filter: brightness(10);
}
.testimonial-container .owl-nav > div:after {
	font-size: 18px !important;
}
.testimonial-container .owl-nav > div:hover:after {
	color: #fff !important;
}
.testimonial-container .owl-nav > div:after {
	content: '';
	background-image: url(https://roofrevival.net/wp-content/uploads/2023/02/arrow-2.png) !important;
	width: 32px;
	height: 22px;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}
.testimonial-container .owl-nav > div.owl-next:after {
	transform: scale(-1);
}
@media (max-width:1024px){
	.testimonial-container .owl-nav > div {
		width: 55px !important;
		height: 55px !important;
	}
	.testimonial-container .owl-nav > div:after {
		width: 24px;
		height: 14px;
	}
}

/* EXTRA SPACING */

.main-page-wrapper {
	padding-top: 0;
}
.site-content {
	margin-bottom: 0;
}
.wd-prefooter {
	padding-bottom: 0 !important;
}
.footer-sidebar {
	padding-top: 0;
	padding-bottom: 0;
}
.footer-column {
	margin-bottom: 0;
}
.screen-reader-response {
	display: none;
}

/* FOOTER */

.footer-menu .menu-main-menu-container ul li a {
	color: #fff !important;
	font-size: 16px;
}
.footer-menu .menu-main-menu-container ul li a:hover,
.footer-menu .menu-main-menu-container ul li.current-menu-item a,
.copyright-text a:hover,{
	color: #40b358 !important;
}
.footer-list .list-content a:hover {
	color: #40b358 !important;
}
.footer-list .list-content a {
	display: block;
}
.footer-list span.list-content,
.footer-list span.list-content a {
	color: #fff !important;
	line-height: 34px;
}
.prefooter-btn {
	text-transform: capitalize !important;
	min-width: 200px !important;
	min-height: 70px;
}

/* INSIDE PAGES */

.page-title .entry-title.title {
	text-align: right !important;
	font-weight: 700;
	font-size: 64px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 30px;
}
.service-row .vc_single_image-wrapper, 
.service-row figure, 
.service-row img {
	width: 100% !important;
	border-radius:10px !important;
}
.ip-text-style strong {
	color: #153657 !important;
}


.faq-container .vc_tta-panels {
	border: none !important;
}
.faq-container .vc_tta-panels h4.vc_tta-panel-title {
	border: 1px solid #153657;
	padding: 8px 60px 8px 20px;
	margin-bottom: 20px !important;
}
.faq-container .vc_tta-panels h4.vc_tta-panel-title a {
	font-weight: 400 !important;
	font-size: 28px !important;
	color: #1e1e1e !important;
}
.faq-container .vc_tta-panel {
	margin-bottom: 20px;
	border: none !important;
}
.faq-container .vc_tta-panel-body {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.faq-container .vc_tta-panels h4.vc_tta-panel-title:before {
	content: "";
	background-image: url(https://roofrevival.net/wp-content/uploads/2023/02/faq-icon-min.png);
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: right 10px center;
	width: 45px;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	filter: brightness(0);
	transition: 0.2s ease-in-out;
}
.faq-container .vc_tta-panels h4.vc_tta-panel-title {
	position: relative;
}
.faq-container .vc_tta-panels h4.vc_tta-panel-title:hover a,
.faq-container .vc_tta-panels .vc_active h4.vc_tta-panel-title a {
	color: #39b54a !important;
}
.faq-container .vc_tta-panels h4.vc_tta-panel-title:hover:before,
.faq-container .vc_tta-panels .vc_active h4.vc_tta-panel-title:before {
	filter: unset !important;
}
@media (max-width:1024px){
	.faq-container .vc_tta-panels h4.vc_tta-panel-title a {
		font-size: 20px !important;
	}
	.faq-container .vc_tta-panels h4.vc_tta-panel-title {
		padding: 0 50px 0 10px !important;
	}
	.faq-container .vc_tta-panels h4.vc_tta-panel-title:before {
		width: 35px;
		height: 20px;
	}   
}
@media (max-width:767px){
	.faq-container .vc_tta-panels h4.vc_tta-panel-title a {
		font-size: 16px !important;
	}
}


.cf-field {
	max-width: 600px;
	margin: auto;
	text-align: center;
}
.cf-field .field {
	border-width: 1px;
	border-style: solid;
	border-image: linear-gradient(180deg, #0099dd 0%, #39b54a 100%);
	border-image-slice: 1;
	height: 60px;
}
.submit-btn {
	background: linear-gradient(95.33deg, #39b54a 0%, #0099dd 98.8%) !important;
	box-shadow: none !important;
	transition: all 0.2s ease-in-out;
	min-width: 220px;
	min-height: 75px;
	color: #fff !important;
	font-size: 18px;
	font-weight: 300 !important;
	border-radius: 10px !important;
	text-transform:capitalize;
}
.submit-btn:hover {
	background: linear-gradient(269deg, #39b54a 0%, #0099dd 98.8%) !important;
}
.wpcf7-response-output {
	max-width: 600px;
	margin: auto !important;
}


.ip-title-img img {
	display: none;
}

/* RESPONSIVE */

@media (min-width:1200px){
	.footer-menu .menu-main-menu-container > ul {
		display: flex;
		flex-wrap: wrap;
	}
	.footer-menu .menu-main-menu-container > ul > li {
		flex: 1 1 50%;
	}
}
@media (max-width:1199px){
	.footer-logo,
	.footer-text,
	.footer-list,
	.footer-title,
	.social-icons,
	.footer-menu ul li,
	.prefooter-title,
	.prefooter-col
	.woodmart-button-wrapper {
		text-align: center !important;
		justify-content: center;
	}
	.footer-menu .menu-main-menu-container ul li a {
		font-size: 14px !important;
	}
	.prefooter-btn {
		min-width: 180px !important;
		font-size: 14px !important;
		min-height: 60px !important;
	}
}
@media (max-width: 1024px) {
	.main-row {
		min-height: 75vh !important;
	}
	.banner-btn {
		min-width: 180px !important;
		font-size: 14px !important;
		min-height: 60px !important;
	}
	.page-title .entry-title.title {
		font-size:36px;
	}
	.ip-title-img img {
		max-width: 80px;
	}
}
@media (max-width:991px){
	.service-main-row {
		background-size: cover !important;
	}
	.copyright-text {
		text-align:center;
	}
}
@media (max-width: 768px) {
	.main-row {
		min-height: 60vh !important;
	}
}
@media (max-width: 767px) {
	.page-title .entry-title.title {
		font-size: 26px;
	}
}


/* MONA SANS FONT */
@font-face { font-family: 'Mona-Sans'; src: url('fonts/Mona-Sans-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Mona-Sans'; src: url('fonts/Mona-Sans-UltraLight.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Mona-Sans'; src: url('fonts/Mona-Sans-ExtraBold.woff2') format('woff2'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Mona-Sans'; src: url('fonts/Mona-Sans-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Mona-Sans'; src: url('fonts/Mona-Sans-Bold.woff2') format('woff2'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Mona-Sans SemiBold Wide'; src: url('fonts/Mona-Sans-SemiBoldWide.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Mona-Sans'; src: url('fonts/Mona-Sans-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Mona-Sans'; src: url('fonts/Mona-Sans-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; }


/* CLIP COVER */
.main-row:before {
	content: '';
	display: block !important;
	position: absolute;
	left: -10%;
	bottom: 0;
	height: 100%;
	width: 120%;
	background: #fff;
	clip-path: ellipse(60% 15% at 50% 105%);
}

/* STICKY HEADER */
.whb-sticked .whb-row {
	background: #fff !important;
}
.whb-sticked .whb-row a.woodmart-nav-link {
	color: #000 !important;
}
.whb-sticked .whb-row a.woodmart-nav-link:hover {
	color: #193656;
	letter-spacing: .5px;
}
.header-btn.primary-btn {
	color: #fff !important;
}
.whb-sticked .whb-row .header-btn {
	color: #333 !important;
}
.whb-sticked .whb-row .header-btn:hover {
	color: #fff !important;
}

.process-video-row>div>div>div {
	text-align: center;
}

.usda-img img {
	max-width: 180px;
	border-radius: 10px !important;
}
.img-style .vc_single_image-wrapper, .img-style figure, .img-style img {
	width: 100%;
}

.roof-form {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.roof-form .roof-form-label {
	width: 100%;
	max-width: max-content;
	font-weight: 400;
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
	margin-right: 10px;
	min-width: 110px;
}
.roof-form .field {
	background: #ffffff;
	border-radius: 5px;
	margin-right: 15px;
	height: 55px;
	border: none !important;
	color:#1E1E1E;
}
.roof-form .roof-submit-btn {
	border-radius: 50%;
	width: 55px;
	height: 55px;
	font-weight: 700;
	font-size: 18px;
	color: #153657;
}
.gradient-form .field {
	background: linear-gradient(86.08deg, #39b54a -2.71%, #0099dd 100%);
	max-width: 120px;
	color:#fff !important;
}
.gradient-form .roof-submit-btn {
	background: linear-gradient(86.08deg, #39b54a -2.71%, #0099dd 100%);
	color: #fff !important;
}

/* =========== QA FINDINGS =========== */
html{scroll-behavior:smooth}a.scrollToTop{bottom:85px}form.wpcf7-form.invalid input{margin-bottom:5px}form.wpcf7-form.invalid .wpcf7-not-valid-tip{margin-bottom:15px}.wpcf7-response-output{margin-top:20px!important}@media (max-width:1299px) and (min-width:1025px){.lapFix{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.lapFix>div{width:50%;padding:2.5%}}@media (max-width:1025px){.show-sm{display:none!important}}@media (max-width:1024px){.flexFix,.flexFix ul,.footerFix,.reverse,.rowFix ul{-webkit-box-orient:vertical}.flexFix,.footerFix{-ms-flex-line-pack:center;align-content:center}.flexFix>div,.footerFix>div,.rowFix>div{padding:0 5%;width:100%}html{scroll-behavior:unset}.hide-sm,.mobile-hdr-icon .info-box-content{display:none!important}.flexFix{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.reverse{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flexFix ul,.footerFix,.rowFix ul{-webkit-box-direction:normal}.flexFix ul,.footerFix{display:-webkit-box;display:-ms-flexbox}.flexFix.vc_row-has-fill>.vc_column_container>.vc_column-inner,.rowFix.vc_row-has-fill>.vc_column_container>.vc_column-inner{padding-top:20px!important}.flexFix img,.rowFix img{width:100%;max-width:500px}.flexFix .title-wrapper,.footerFix p,.rowFix .title-wrapper{text-align:center!important}.flexFix .text-left,.flexFix .title,.flexFix .wpb_single_image.vc_align_left,.footerFix .woodmart-title-container,.footerFix .wpb_single_image.vc_align_left,.footerFix>div,.rowFix .text-left,.rowFix .title,.rowFix .wpb_single_image.vc_align_left{text-align:center}.flexFix ul{display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footerFix,.rowFix ul{display:-webkit-box;display:-ms-flexbox}.footerFix{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footerFix>div div{width:100%;text-align:center}.footerFix .vc_row.wpb_row.vc_inner.vc_row-fluid{margin:0!important}.mobile-hdr-icon .box-icon-wrapper{margin:0;max-width:20px}.showLg{display:none}.showTab{display:block}.whb-column.whb-mobile-right.whb-hidden-lg .woodmart-button-wrapper.text-left.inline-element{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;margin:0;padding:0;background:0 0}.whb-column.whb-mobile-right.whb-hidden-lg .woodmart-button-wrapper.text-left.inline-element a{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;margin:0;padding:0 7.5px;-webkit-box-shadow:none!important;box-shadow:none!important;background:0 0}.whb-column.whb-mobile-right.whb-hidden-lg .woodmart-button-wrapper.text-left.inline-element a:before{font-family:"Font Awesome 5 Free";font-weight:400;color:#333;font-size:24px}.whb-column.whb-mobile-right.whb-hidden-lg .woodmart-button-wrapper.text-left.inline-element a.mail:before{content:"\f0e0"}.whb-column.whb-mobile-right.whb-hidden-lg .woodmart-button-wrapper.text-left.inline-element a.phone:before{content:"\f095";font-weight:700}.wd-tools-element>a{padding:0 7.5px}.white:before{color:#fff!important}.rowFix ul{display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (max-width:1024px) and (min-width:768px){.flexByTwo>div{width:50%;padding:0 5% 5%}.flexByTwo{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.wpcf7 .screen-reader-response{display:none}table.wd-compare-table{margin-bottom:6%}.woocommerce.cart-content-wrapper{padding:2% 0 5%}form.checkout.woocommerce-checkout.row{padding-bottom:6%}

.footer-list span.list-content, .footer-list span.list-content a {
	line-height: 1.4;
}
.footer-list span.list-content {
	white-space: break-spaces;
}
@media (min-width: 1025px) {
	header .whb-column {
		align-items: flex-end;
	}
	.whb-sticked .whb-row.whb-general-header {
		padding-bottom: 10px;
	}
	.site-logo a img {
		object-fit: contain !important;
	}
}
@media (max-width: 1599px) and (min-width: 1025px) {
	header .container {
		width: 100% !important;
	}
	header .container {
		width: 100% !important;
	}
	.warranty-img {
		margin: 0px !important;
		padding: 0px;
	}
	.header-btn {
		font-size: 14px;
		padding: 10px 12px !important;
		width: auto !important;
		min-width: 130px;
		min-height: auto;
	}
	header ul#menu-main-menu li a {
		font-size: 16px;
	}
}
@media (max-width: 1350px) and (min-width: 1025px) {
	header ul#menu-main-menu li a {
		font-size: 14px;
		padding: 0 7px;
	}
	.site-logo a img {
		object-fit: contain !important;
		max-width: 200px !important;
		min-width: auto !Important;
	}
	.whb-general-header-inner, .whb-sticked .whb-general-header-inner {
		height: 100px !important;
	}
}
@media (max-width: 1024px) {
	div.main-row .wpb_column {
		margin-bottom: 5%;
	}
	.process-video-row video {
		object-fit: contain !important;
		height: 230px;
		width: 100% !important;
	}
}


/* =========== QA FINDINGS =========== */