/* 
 Theme Name:   ASRA
 Theme URI:    
 Description:  Affordable Solar Roof
 Author:       AdminUser
 Author URI:   
 Template:     hello-elementor
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/
.red{
    color: #F20904;
}
h2 small{
    font-size: 40px;
}

@media(min-width: 1025px)
.half-overlay .elementor-background-overlay {
    width: 50% !important;
}

}

.elementor-251 .elementor-element.elementor-element-193eb00{
	    backdrop-filter: unset !important;
}


/*---------------------------Update 17-2-2023--------------------*/


.header
{
	transition:all .3s !important;
}

.header.fixed {
	transition:all .3s;
       background: #0c0c0cd9;
    backdrop-filter: blur(7px);
	z-index:9 !important;
  
}


.elementor-post__text {
    padding: 0 35px;
}

.elementor-post {
    background: #fff;
}

a.elementor-post__read-more {
    border: 1px solid;
    padding: 7px 14px;
    border-radius: 5px;
    font-weight: 400 !important;
    margin: 23px 0;
    display: block;
    max-width: 122px;
    text-align: center;
	transition:all .5s;
}

a.elementor-post__read-more:hover {
    background: #f20904;
    color: #fff;
}



.elementor-post__meta-data span.elementor-post-date:before {
	content:"";
	background:url(https://solarroofstg.wpengine.com/wp-content/uploads/2023/02/Calendar3.svg) no-repeat;
	width:18px;
	height:18px;
	position:absolute;
	left:0;
}

.elementor-posts .elementor-post__meta-data {
    position: relative;
    padding-left: 25px;
}

.elementor-widget-breadcrumbs p a, .elementor-widget-breadcrumbs p {
    font-size: 15px;
    color: #8a8a8a;
}

.elementor-widget-breadcrumbs p a
{
	 color: #fff;
}


h3.elementor-post__title a
{
	transition:all .3s;
}


h3.elementor-post__title a:hover {

    color: #f20200 !important;
}



.map_absolute {
    /* position: absolute; */
    margin-top: -505px;
}


.img_ico_contact img {
    position: absolute;
    top: 25px;
    left: -31px;
}


@media(max-width:1280px)
{
	
	.map_absolute {
    width: 100% !important;
    margin-top: 60px;
}
	
	.none-responsive {
    display: none;
}

	.full-width
	{
		 width: 100% !important;
	}
	
}


form.elementor-form input, form.elementor-form textarea {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    border-radius: 0px !important;
    color: #fff !important;
    margin: 8px 10px;
	
	font-size:15px;
	box-shadow:none !important;
	
}


form.elementor-form input:placeholder{
	color:#F48B88 !important;
}


form.elementor-form button.elementor-button
{
	    background: #fff;
    color: #C10400 ;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 8px 45px;
	    margin-left: 10px;
    margin-top: 15px;
}


.elementor-location-footer form.elementor-form button.elementor-button{
	
	  background: #F20904;
    color: #fff !important;
}


.elementor-location-footer form.elementor-form button.elementor-button:hover{
	  background: #F20904;
    color: #fff !important;
	opacity:.8;
}



form.elementor-form button.elementor-button:hover{
	
	  background: #fff;
    color: #C10400;
}


/*-------------------form no bg-------------------------*/

.nobg form.elementor-form input, form.elementor-form textarea {
     background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #272727 !important;
    border-radius: 0px !important;
    color: #000 !important;
    margin: 8px 10px;
    font-size: 15px;
    box-shadow: none !important;
}


.nobg form.elementor-form input:placeholder{
	color:#ddd !important;
}


.nobg form.elementor-form button.elementor-button
{
	 background: #F20904;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 8px 45px;
    margin-left: 10px;
    margin-top: 15px;
}




.nobg form.elementor-form button.elementor-button:hover{
	
	  background: #F20904;
    color: #fff !important;
   
  
	opacity:.5
}


/*-----------------------------------------------------------------*/





.error404  header {
    background: #000;
}

.container.\34 04section {
    min-height: 50vh;
    margin-top: 200px;
    max-width: 1200px;
    margin: auto;
    margin-top: 230px;
}

.container.\34 04section h3 {
    color: #f20200;
}


.elementor-message {
    color: #fff;
    margin-top: 20px;
}




.form_cta_call a {
    font-size: 22px !important;
    color: #fff !important;
    margin-top: 5px;
    display: block;
}

.form_cta_call p {
    font-weight: 600;
}


.form_cta_call {
    margin-top: -58px;
	    max-width: 250px;
    margin-left: auto;
}


/* .elementor-kit-8 a:not(header a) {
    font-size: inherit !important;
}
 */

@media(max-width:1280px)
{
	.none-responsive {
       display: none !important;
}
	
}


@media(max-width:1024px)
{
	.half-overlay .elementor-background-overlay {
    display: none;
}
	.img-with-redbox .elementor-widget-container:before {
    display: none;
}

	
	
}
@media(max-width:475px)
{
	.form_cta_call a {
    font-size: 18px !important;
	}
}



.img-with-redbox .elementor-widget-container {
    position: relative;
}

/* .img-with-redbox .elementor-widget-container:before {
    content: '';
    display: block;
    width: 150px;
    height: 150px;
    background: #C10400;
    position: absolute;
    top: 0px;
    left: 0px;
        z-index: 0;
} */



.img-with-redbox .elementor-widget-container:before{
    content: '';
    display: block;
    width: 76px;
    height: 76px;
    background: #C10400;
    position: absolute;
    top: 5px;
    left: 4px;
    z-index: 0;
	}


.img-with-redbox .elementor-widget-container:after{
    content: '';
    display: block;
    width: 76px;
    height: 76px;
    background: #C10400;
    position: absolute;
    bottom: 4px;
    right: 5px;
    z-index: 0;
}

/* 
.img-with-redbox.right-box  .elementor-widget-container:before {
    left: auto;
    right: 0px;
}
 */


.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a {
    color: #f20200 !important;
}



.img-with-redbox .elementor-widget-container .elementor-image {
    z-index: 1;
    position: relative;
}


ul.sub-menu.elementor-nav-menu--dropdown {
    min-width: 200px !important;
}


.form_cta_cal a {
    color: #fff !important;
    font-size: 32px;
}

@media(max-width:768px)
{
	.form_cta_cal a
	{
		 font-size: 24px;
	}
}



strong.big_text {
    font-size: 95px;
}

@media(max-width:991px)
{
	strong.big_text
	{
		font-size:inherit;
	}
}


.elementor-251 .elementor-element.elementor-element-4ef67f1 div.elementor-menu-toggle:hover {
    color: #fff  !important; 
}


.link_color a {
    color: #fff !important;
    border-bottom: 2px solid #fff;
}

.elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons button {
    color: #c00400 !important;
}

.elementor-location-footer .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons button {
    color: #fff !important;
}
/*-------------------- Update 5-7-2024-----------------------------*/


.black_bg form.elementor-form button.elementor-button {
    color: #000 !important;
}




.quote-box .elementor-testimonial-wrapper {
    padding-left: 55px;
	background: url(https://solarroofair.com/wp-content/uploads/2024/09/quote.svg) top left no-repeat;
		background-size: 35px;

}