/*
Theme Name: WP5 Default
Theme URI: 
Author: the Development team
Author URI: https://wordpress.org/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP5 Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
*{margin:0; padding: 0; box-sizing: border-box;}
body{min-width:320px !important;}
h2, h1{font-family: 'Montserrat', sans-serif;font-size: 75px;line-height: 77px;position: relative;}
a{padding: 10px 0;border: none;text-align: center; color: white;}
#first-section a, .buttons a, #third-section a, #fourth-section a, #fifth-section input[type="submit"]{font-family: 'rajdhani' !important; position: relative;overflow: hidden;font-size: 20px;color: #fff;display:block;width: 206px !important;padding: 10px 0;background: #D01010 !important;border: none; font-weight: 600}
p{font-family: 'Montserrat', sans-serif;font-size: 16px;letter-spacing: 1px;}
.buttons a{margin: 10px auto;}
#cta .fa-phone-alt:before {font-size: 25px;}
#cta {border-top-left-radius: 50px;border-bottom-left-radius: 50px;}
.cta {position: fixed;right: 0;padding: 0 !important;}

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); 
	-webkit-clip-path: inset(50%); 
	        clip-path: inset(50%); 
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute !important; 
	width: 1px; 
	word-wrap: normal !important;  
}

body.page-template-elementor_canvas{
  width: 100% !important; 
	min-width: 1032px !important; 
	margin: 0 auto !important; 
	position: relative !important;
	box-sizing: border-box !important;
}

/*HEADER*/
#header .hfe-pointer__underline.hfe-animation__fade .menu-item.parent.current-menu-item a.hfe-menu-item:not(:hover):not(:focus):not(.current-menu-item):not(.highlighted):after {border: 3px solid #D01010;}
#header .bottom-nav ul li {margin: 0 50px;}
#header a.hfe-menu-item {padding: 15px 0 30px 0 !IMPORTANT;}
#header .top-nav {max-width: 1000px !important;margin: 0 0 0 auto !important;}
#header .row {width: 100%;max-width: 1644px;margin: 0 auto; position: relative; z-index: 1;}
#header .logo img {max-width: 900px;}
#header .logo {position: absolute;top: 50%;transform: translateY(-50%);left: -2px;}
#header .bottom-nav ul {padding: 20px 0 0 0;}
#header .banner-text h2:before{background: #fff;width: 52px;height: 3px;position: absolute;content: '';left: 0;top: -20px;}
#header .banner-text {top: 10%;max-width: 1644px;width: 100%;margin: 0 auto 220px auto;}
#header .banner-text h2 {font-size: 56px; font-weight: 600;}
#header .banner-text span {font-size: 89px;font-family: 'Montserrat', sans-serif;display: block;}
#header .banner-text h3 {font-size: 40px;font-weight: 500; margin: 10px 0; font-family: 'rajdhani';}
#header .banner-text p {font-size: 35px;line-height: 1; font-weight: 700;}
#header .banner-text a {font-size: 20px;display: block;width: 206px; background: #D01010; text-align: center;margin: 20px 0;}
#header:after {position: absolute;content: '';width: 0;height: 0;border-top: 370px solid transparent;border-right: 480px solid rgba(243,181,1, 0.8);border-bottom: 435px solid transparent;right: 0;top: -30px;left: auto;margin: auto;}
#header:before {position: absolute;content: '';width: 0;height: 0;border-top: 385px solid transparent;border-right: 502px solid rgba(255,255,255, 0.1);border-bottom: 452px solid transparent;right: 0;top: -45px;}
#header .socials {max-width: 30px;width: 100%;margin: 90px 0 0 auto;}
#header .socials a {background: #fff;font-family: 'socialico';font-size: 23px;padding: 0 5px;border-radius: 50%;margin: 0 0 58px;color: #F3B501;display: block;width: 20px;}

/*HOME*/

.paragraph {font-size: 16px !important;}
#first-section h1:after, #second-section h2:after, #third-section h2:after, #fourth-section h2:after, #fifth-section h2:after{background: #fff;width: 52px;height: 3px;position: absolute;content: '';left: 0;right: 0;margin: auto; top: 110px;}
#first-section {padding: 100px 0 130px 0;}
#first-section .paragraph {max-width: 1300px;margin: 0px auto; font-size:14px;}
#first-section a{margin: 30px auto 0 auto;padding: 15px 0;}
#first-section h1 {margin-bottom: 30px;}
#second-section {padding-bottom: 65px;}
#second-section .col {margin-top: -53px;margin-bottom: 50px;}
#second-section .col h3 {font-size: 30px;color: black;font-family: 'Rajdhani';}
#second-section h2 span, #fourth-section h2 span {color: #F2B400 !important;}
#second-section .second {padding: 80px;}
#second-section h2:after, #fifth-section h2:after{background: #CCCCCC !important}
#second-section .column h3 {font-size: 35px;color: #1f1f1f;margin: 0 auto 14px;line-height: 1.2;font-family: 'rajdhani';}
#second-section .services {max-width: 1500px;margin: 0 auto;}
#second-section .services .mid {margin-top: -250px;}
#second-section .first h3{margin: 0 auto !important;line-height: 1 !important;}
#second-section:after {border: 5px solid #F3B501;border-radius: 6px;max-width: 690px;width: 100%;height: 680px;margin: 0 auto;transform: rotate(135deg);position: absolute;content: '';bottom: -5%;left: 0;right: 0;z-index: -1;}
#second-section .column p {line-height: 23px;letter-spacing: 1px !important;font-weight: 500;}
#middle {padding: 50px 0;}
#third-section h2:after{right: unset !important; top: 90px !important}
#third-section {min-height: 820px;margin: 20px auto; padding: 90px 6%;}
#third-section p {font-weight: 600;font-family: 'Rajdhani', sans-serif;font-size: 35px;line-height: 39px;color: #fff;text-align: left;margin: 35px 0;}
#third-section h2 {text-align: left;color: #fff;font-family: 'Montserrat';font-weight: 600;}
#fourth-section {padding: 90px;}
#fourth-section .testimonial, #content .testimonial {max-width: 1109px;margin: 44px auto 0;padding: 40px 56px;background: #fff;min-height: 250px;}
#fourth-section blockquote, #content blockquote {font-family: 'Montserrat', sans-serif;font-size: 20px;font-weight: 400;font-style: italic;line-height: 30px;max-width: 866px;margin: 15px auto;text-align:center;}
#fourth-section .stars, #content .stars {font-size: 30px!important;color: #F3B501!important;letter-spacing: 10px;text-align: center;}
#fourth-section p.auth, #content p.auth{font-family: 'Rajdhani', sans-serif;font-size: 20px;line-height: 1.2;color: #111111;font-weight: 600;text-align: center;}
#fourth-section a {margin: 30px auto -60px;}
#fourth-section .testimonial:before, #content .testimonial:before{ background: url(/jrinsulationdrywallinc/wp-content/uploads/2022/06/quote.png) no-repeat center left;position: absolute;content: '';width: 106px;height: 107px;left: -48px;top: 0;bottom: 0;margin: auto 0;}
#fifth-section{padding: 70px 0 100px 0;}
#fifth-section .quick-form h2 {font-family: 'Montserrat';font-weight: 600; margin: 10px auto 60px auto;}
#fifth-section .quick-form h2 span {color: #F2B400;}
#fifth-section .quick-form input[type="text"], #fifth-section .quick-form input[type="email"]{padding: 12px 3%;}
#fifth-section .quick-form textarea {height: 288px;padding: 12px 3%;}
#fifth-section .quick-form input[type="text"], .quick-form textarea, .quick-form input[type="email"] {font-family: 'Montserrat', sans-serif;font-size: 16px;color: #221F1F;height: 47px;display: block; width: 100%; border-radius: 3px; padding: 12px; box-sizing: border-box;background: #F5F5F5;border: none;}
#fifth-section .quick-form {max-width: 600px;width: 100%;margin: 0 auto; text-align:center;}
#fifth-section .quick-form span.wpcf7-form-control-wrap {font-family: 'Rajdhani', sans-serif;font-weight: 600;color: #221F1F !important; letter-spacing: 0;}
#fifth-section .quick-form span.wpcf7-list-item-label {color: black;}
#fifth-section .quick-form label{color: transparent;}
#fifth-section .quick-form br{display:none;}
#fifth-section input[type="submit"] {width: 100% !important;margin: 10px auto;}

.row-max h2, .row-max h3 {font-family: 'Montserrat' !important; font-size: 30px;color: #d01010 !important;font-weight:500;margin: 10px 0;}
.row-max {max-width: 1300px;margin: 40px auto;}
.row-max h1 span {color: black;}
.row-max h1 {font-family: 'Montserrat' !important;color: #F2B400 !important;}
.row-max p.proj{font-weight: 600;font-family: 'Montserrat', sans-serif;font-size: 16px; letter-spacing: 1px;color:black; text-align: center;}
.row-max blockquote{text-align: center;}
.row-max form input[type="text"] {border: none;font-family: 'Montserrat';width: 100%;padding: 15px;margin: 5px 0;background: whitesmoke;}
.row-max .form span.wpcf7-form-control-wrap {margin: 0 auto;display: block;font-family: 'Rajdhani';font-weight: 900;}
.row-max .form input[type="submit"] {display: block;margin: 0 auto;padding: 10px;font-size: 20px;color: white;background-color: #d70000;border: none;max-width: 190px;width: 100%;}
.testimonial {box-shadow: 1px 1px 10px 2px #f7df13;border-radius: 20px;}
.test-home{box-shadow: none !important; border-radius: unset !important;}

@media screen and (max-width: 1200px){
	h2, h1{font-size: 55px;}
	#header .banner-text {margin: 0 auto 120px auto;}
	#header .row{max-width: 1000px;}
	#header .bottom-nav ul li {margin: 0 20px;}
	#header .logo img {max-width: 270px;}
	#header a.hfe-menu-item {padding: 13px 0 30px 0 !IMPORTANT;font-size: 15px;}
	#header h3.elementor-image-box-title {font-size: 18px;word-break: break-word;margin-left: 3%;}
	#header .top-nav {max-width: 650px !important;margin: 0 0 0 auto !important;}
	#header:after{top: -50px; border-top: 350px solid transparent; border-right: 410px solid rgba(243,181,1, 0.8);border-bottom: 350px solid transparent;}
	#header:before {border-top: 382px solid transparent;border-right: 439px solid rgba(255,255,255, 0.1);border-bottom: 382px solid transparent;top: -85px;}
	#header .banner-text {top: 5%;max-width: 1044px;}
	#header .banner-text h2 {font-size: 36px; line-height: 55px;}
	#header .banner-text span {font-size: 63px;}
	#header .banner-text h3, #header .banner-text p{font-size: 30px;}
	#first-section h1 {font-size: 56px;}
	#first-section h1:after, #second-section h2:after, #third-section h2:after, #fourth-section h2:after, #fifth-section h2:after{top: 80px;}
	#first-section .elementor-widget-container {font-size: 13px;max-width: 900px;margin: 0 auto;}
	#first-section {padding: 60px 0 70px 0;}
	#second-section .col h3 {font-size: 22px;}
	#second-section .col {margin-bottom: 20px;}
	#second-section .second {padding: 60px;}
	#second-section .services {max-width: 1000px;}
	#second-section .services .mid {max-width: 500px;margin: -190px auto 0 auto;}
	#second-section:after{height: 500px; max-width: 500px;}
	#middle h2 {font-size: 45px;}
	#third-section {min-height: 660px;padding: 50px 4%;}
	#third-section p{font-size: 25px;}
	#fifth-section {padding: 50px 0;}
	#fifth-section .quick-form{max-width: 400px;}
	#fifth-section .quick-form h2 {margin: 10px auto 30px auto;}
	span.wpcf7-list-item {font-size: 13px;}
	#fifth-section .quick-form textarea {height: 250px;}
	#footer h2.elementor-heading-title.elementor-size-default {font-size: 60px;}
	#footer h3 {font-size: 23px;}
	#footer .img-box-container {max-width: 1000px;}
	#footer .elementor-element-01e79e4 img {max-width: 300px !important;width: 100%;}
	body.page-template-elementor_canvas{ zoom: 40%; }
}

@media screen and (max-width:1024px){
	#header a.hfe-menu-item {padding: 13px 0 13px 0 !IMPORTANT;}
	a.hfe-menu-item{color: black !important;}
	#footer .elementor-widget-navigation-menu {display: none !important;}
	#header .banner-text {padding: 0 3%;}
}
@media screen and (max-width: 782px) {
    html {
        margin-top: 0px !important;
    }
}
@media screen and (max-width: 767px){
	#header .banner-text {margin: 0 auto 20px auto;}
	#header .banner-text {top: 0; padding: 50px 1%;}
	h2, h1 {font-size: 45px;}
	#header .banner-text h2, #header .banner-text h3, #header .banner-text p{text-shadow: 2px 2px 4px #000000;}
	#header{text-align: center;}
	#header .socials{margin:30px 0 0 auto;}
	#header .top-nav .elementor-container {flex-wrap: nowrap;}
	#header:after, #header:before, #footer h2.elementor-heading-title.elementor-size-default:after, #header .banner-text h2:before{display: none;}
	#header .logo {position: relative;margin: 10px auto;max-width:900px;}
	#header .top-nav {max-width: 767px !important;background: white;}
	#header h3 {color: black; margin: 0;}
	#header .elementor-image-box-wrapper {margin: 10px auto;}
	.elementor-element.elementor-element-97439f2.hfe-nav-menu__align-right.hfe-submenu-icon-arrow.hfe-submenu-animation-none.hfe-link-redirect-child.hfe-nav-menu__breakpoint-tablet.elementor-widget.elementor-widget-navigation-menu {padding: 10px 0; margin: 10px auto 0 auto; border: 3px solid black;}
	#header .banner-text h3, #header .banner-text p {font-size: 30px;color: white;}
	#header .banner-text a{margin:20px auto;}
	#header .socials a{margin: 0 0 18px;}
	#first-section h1:after, #second-section h2:after, #third-section h2:after, #fourth-section h2:after, #fifth-section h2:after{display: none;}
	#second-section .inner .elementor-element {max-width: 300px;}
	#second-section .col {margin:0 auto;}
	#second-section:after{display: none;}
	#second-section {padding-bottom: 25px;}
	.elementor-95 .elementor-element.elementor-element-c2730de > .elementor-container{justify-content: space-around;}
	#second-section .services .mid {max-width: unset;margin: 0 auto;}
	#middle h2 {font-size: 35px;}
	#third-section p{margin: 5px 0;}
	#third-section {min-height: 260px; margin: 0 auto;}
	#third-section h2, #third-section p{text-shadow: 2px 2px 4px #000000; text-align: center;}
	#first-section a, .buttons a, #third-section a, #fourth-section a, #fifth-section input[type="submit"] {margin:10px auto;}
	#fourth-section {padding: 30px 2%;}
	#fourth-section .testimonial {max-width: 1109px;margin: 0 auto;}
	#fourth-section blockquote{font-size: 15px; max-width: 500px; line-height:24px; }
	#fifth-section{padding: 0;}
	#fifth-section .quick-form {max-width: 650px;}
	#footer .elementor-image-box-wrapper {margin: 10px auto; text-align: center;}
	#fifth-section .quick-form input[type="text"], .quick-form textarea, .quick-form input[type="email"]{border: 3px solid #707070;}
	#footer h3 {word-break: break-word;}
	#footer a.hfe-menu-item {color: black;}
	#footer nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active {position: relative;}
}

@media screen and (max-width: 600px) {
    }
	body.page-template-elementor_canvas{ zoom: 38%; }
}

@media screen and (max-width: 480px){
	.row-max h2, .row-max h3 {font-family: 'Montserrat' !important;font-size: 30px;color: #d01010 !important;font-weight: 500;margin: 10px 0;line-height: 39px;}
	h2, h1, #fourth-section h2.elementor-heading-title.elementor-size-default {font-size: 45px;line-height: 53px;}
	#header .top-nav .elementor-container {flex-wrap: wrap;}
	section.elementor-section.elementor-inner-section.elementor-element.elementor-element-951670e.bottom-nav.row.elementor-section-full_width.elementor-section-content-middle.elementor-section-height-default.elementor-section-height-default {display: none;}
	#header .banner-text span {font-size: 33px;}
	#header .banner-text h2 {font-size: 30px;line-height: 45px;}
	#first-section {padding: 30px 0;}
	#first-section h1 {font-size: 46px; margin:0 auto}
	#middle {padding: 20px 0;}
	#second-section .second {padding: 20px 0;}
	#fourth-section .testimonial:before{display: none;}
	#fourth-section .testimonial {padding: 40px 4%;}
	#footer h2.elementor-heading-title.elementor-size-default {font-size: 40px;}
	.elementor-142 .elementor-element.elementor-element-a6d52a7 > .elementor-element-populated {padding: 30px 0;}
	#footer .copy, #footer .silver p {line-height: 23px !important;}
	#footer .img-box-container{margin:0 auto !important;}
	
}


/*FOOTER*/
#footer .silver {max-width: 200px;margin: 0 auto 60px auto;}
#footer .copy, #footer .silver p {font-family: 'Montserrat';font-size: 13px;line-height: 1px;}
#footer:after {position: absolute;content: '';width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-bottom: 30px solid rgba(243,181,1, 0.8);bottom: 0;left: 0;right: 0;margin: 0 auto;}
#footer:before {position: absolute;content: '';width: 0;height: 0;border-left: 45px solid transparent;border-right: 45px solid transparent;border-bottom: 45px solid rgba(255,255,255, 0.1);bottom: 0;left: 0;right: 0;margin: 0 auto;}
#footer .img-box-container {max-width: 1200px; margin: -65px auto 0 auto;}
#footer h2.elementor-heading-title.elementor-size-default:after {background: #fff;width: 52px;height: 3px;position: absolute;content: '';margin: auto;left: 0;right: 0;top: 90px;}