/* 
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
*/
/* --------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------- HEADER --------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------*/


.elementor-header-bottom.elementor-sticky--active  {
    background: #fff !important;
	box-shadow: 0 0px 10px #00000020;
}

.elementor-header-bottom .elementor-nav-menu--main .elementor-item:hover, .elementor-header-bottom.elementor-sticky--active .elementor-nav-menu--main .elementor-item:hover, .elementor-header-bottom.elementor-sticky--active .elementor-nav-menu--main .elementor-item.elementor-item-active {
	color: var(--e-global-color-accent )  !important;
}

.elementor-header-bottom.elementor-sticky--active .elementor-nav-menu--main .elementor-item, .elementor-header-bottom.elementor-sticky--active .header-estimate-text h5, .elementor-header-bottom.elementor-sticky--active .header-estimate-phone h3 {
    color: #333 !important;
}

.header-estimate-phone h3 a:hover{
	color: var(--e-global-color-accent )  !important;
	transition-duration:0.3s;
}

@media (max-width:1500px) and (min-width:1025px) {
.elementor-header-top, .elementor-header-bottom, .elementor-footer-copyright {
	padding-left:20px !important;
	padding-right:20px !important;
}
}

/* --------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------- BODY ---------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------*/

.red-border-left .elementor-widget-container, .red-border-right .elementor-widget-container {
	width: 650px;
    margin: 0 auto;
	position:relative;
}

.red-border-left .elementor-widget-container::before, .red-border-right .elementor-widget-container::before {
	content:"";
	position: absolute;
	top:-38px;
	width:200px;
	height:200px;
	background: var(--e-global-color-primary ) !important;
    z-index: -1;
}

.red-border-left .elementor-widget-container::before {
	left:-38px;
}

.red-border-right .elementor-widget-container::before {
	right:-38px;
}

.jjroofing-testimonials .elementor-testimonial__image:after {
    content: "\f10d";
    position: absolute;
    z-index: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background: #ee212b;
    font-size: 14px;
    width: 31px;
    height: 31px;
    color: #fff;
    border-radius: 100%;
    top: 100px;
    text-align: center;
    left: 60px;
    line-height: 2.3;
}

/*---------- Wp Form --------- */

.home-wpform-submit {
	background: var(--e-global-color-primary ) !important;
	width:100% !important;
	margin-top:-20px !important;
}

.home-wpform-submit:hover {
	background: #0155ae !important;
}

.home-wpform  {
	margin-top:0px !important;
}

.home-wpform .wpforms-field  {
	padding:0;
	padding-bottom:10px;
}

div.wpforms-container-full input, div.wpforms-container-full select, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner{
    height: 33px ;
	min-height:33px !important;
	font-size:13px !important;
	font-family: montserrat !important; 
	font-weight:500 !important;
}

.wp-state{
	width:22.5% !important;
	float: left !important;
	margin-right:2.5% !important;
}

.wp-zipcode {
	width:25% !important;
	float: left !important;
}

.wp-city {
	width:47.5% !important;
	float:left !important;
		margin-right:2.5% !important;
}

.wp-services {
	clear: both;
	float: none !important;
	width: 100% !important;
}

.wp-zipcode input {
	padding-left:6px !important;
	padding-right:2px !important;
}

.wpforms-field-container input, .wpforms-field-container select{
	border-color: #333 !important;
}

.choices__inner {
	border:1px solid #333 !important;
}

div.wpforms-container-full .wpforms-form label.wpforms-error:before, div.wpforms-container-full .wpforms-form em.wpforms-error:before {
   display: none;
}

div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error {
    padding: 0 0 0 5px ;
	margin-top:5px;
	margin-bottom:5px;
}

.wpforms-container label.wpforms-error, .wpforms-container em.wpforms-error {
    min-width: 85px;
	font-size:13px !important;
}

.choices__item.choices__placeholder.choices__item--selectable {
    font-size: 14px !important;
}

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #0155ae1c;
    border: 1px solid #0155ae6b;
}


/* --------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------- FOOTER --------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------*/

/* --------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------- RESPONSIVE ------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------*/

@media (min-width:1025px) {
.elementor-header-bottom.elementor-sticky--active .elementor-widget-theme-site-logo img {
    width: 70%;
}
}

@media (max-width:1500px) {
	.red-border-left .elementor-widget-container, .red-border-right .elementor-widget-container {
    max-width: 80%;
}
}

@media (max-width:1280px) {
	
.elementor-header-bottom {
	/* background-color: #fff !important; */
}
	
.elementor-header-bottom .elementor-container .elementor-column:nth-child(1) {
	order:1;
}

.elementor-header-bottom .elementor-container .elementor-column:nth-child(2) {
	order:3;
}

.elementor-header-bottom .elementor-container .elementor-column:nth-child(3) {
	order:2;
}
	
.elementor-44 .elementor-element.elementor-element-5a68e73 .elementor-heading-title, .elementor-44 .elementor-element.elementor-element-762cc72 .elementor-heading-title {
	/* color: #333 !important */
}	
	
.red-border-left .elementor-widget-container::before, .red-border-right .elementor-widget-container::before {
    top: -33px;
    width: 180px;
    height: 180px;
}
.red-border-left .elementor-widget-container::before {
    left: -33px;
}
	
.red-border-right .elementor-widget-container::before {
    right: -33px;
}
}

@media (max-width:767px) {
.red-border-left::before {
    transform: translatex(-100%);
}

.red-border-right::before {
    transform: translatex(-2%);
}
	
.red-border-left .elementor-widget-container::before, .red-border-right .elementor-widget-container::before {
    top: -21px;
    width: 110px;
    height: 110px;
}
	
.red-border-left .elementor-widget-container::before {
    left: -21px;
}
	
.red-border-right .elementor-widget-container::before {
    right: -21px;
}
	
.jjroofing-testimonials .elementor-testimonial__image {
		margin-bottom:20px;
}	
	
.jjroofing-testimonials .elementor-testimonial__image:after {
    left: 50%;
    transform: translateX(-75%);
}	
}