@charset "UTF-8";

/*
Theme Name: A1 Garage Door Repair (Hello Elementor) Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: a1garagedoorrepairpa
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.3.0.1598434718
Updated: 2020-08-26 09:38:38

*/
header {
    width: 100% !important;
}

[type=button], [type=submit], button{
    border: none!important;
}

.custom-slider h2{
    font-size: 68px;
    font-weight: bold;
}
.custom-slider h3{
    font-size: 26px;
    font-weight: bold;
}

.custom-slider .elementor-swiper-button {
    bottom: 0;
    top: auto!important;
    transform: translateY(0);
}

.custom-slider .elementor-swiper-button-prev {
    left: auto;
    right: 65px;
}

.moredetails{
    display: none;
}

.elementor-editor-active .services .elementor-row {
    flex-wrap: wrap;

}

.elementor-editor-active .services .elementor-row .slide {
    width: 100% !important;
    flex: 0 0 100% !important;
}

/*.services .elementor-column{*/
/*    overflow: hidden;*/
/*}*/

.services .elementor-column-wrap,
.services .elementor-container,
.services section {
    height: 100%;
}

.services .elementor-column > .elementor-column-wrap.elementor-element-populated {
    overflow: hidden;
}


body:not(.elementor-editor-active) .services .elementor-column > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap {
    transition: all linear .2s !important;
    background: #fff;
    position: absolute;
    bottom: 0;
    padding: 60px;
    top: auto;
    right: auto;
    left: 0 !important;
    width: 100%;
    height: 35%;
    background: linear-gradient(
            180deg, rgba(255, 255, 255, 0) 0, #fff 50%);
}

body:not(.elementor-editor-active) .services .elementor-column:hover > .elementor-column-wrap.elementor-element-populated .elementor-widget-wrap {
    transition: all linear .2s !important;
    background-image: linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 31%) !important;
    height: 100%;
    align-content: flex-end !important;

}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #ca1a0c;
}

.servicesBg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    align-items: normal;
    padding: 0 !important;
    transition: all linear .4s;
    animation: servicesimages 20s infinite !important;
}

.elementor-widget-eael-feature-list .eael-feature-list-items .eael-feature-list-item .eael-feature-list-icon-box {
    display: none;
}

.servicesBg .elementor-row, .services-custom,
.servicesBg .elementor-column,
.services-custom .-icon-position-left,
.services-custom .elementor-widget-container {
    height: 100%;
}

.services-custom .elementor-widget-container li {
    border-right: 2px solid white;
    position: relative;
}

.services-custom .elementor-widget-container li:before{
    content: '';
    background: rgb(255, 255, 255);
    height: 50%;
    width: 100%;
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    left: 0;
    bottom: 0;
    transition: all linear .4s;
    z-index: -1;
}
.services-custom .elementor-widget-container li:hover:before{
    height: 100%;
}

.services-custom .elementor-widget-container li:hover{
    transition: all linear .4s;
    background-position: 0 75%;
}

.services-custom .elementor-widget-container li .eael-feature-list-content-box{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    justify-content: flex-end;
    padding: 60px;
}

div[data-elementor-type="header"]{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
}
.services-custom .elementor-widget-container li .eael-feature-list-content-box .eael-feature-list-content{
display: none;
}



.eael-feature-list-content-box{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}


 select, textarea{
    border-style: solid;
    border-width: 0px 0px 1px 0px!important;
    border-color: #999999!important;
    border-radius: 0px 0px 0px 0px!important;
}

.contact-us input{
    padding: 1.5rem 1rem;
}
.contact-us .row{
    height: 75px;
}

.elementor-sticky{
    right: 0;
}
.contact-us .row select{
   color: #666;
}

.contact-us  .wpcf7-form-control.wpcf7-submit{
    margin-top: 30px;
}

#section4:after{
    content: '';
    background-color: #f5f4f0;
    position: absolute !important;
    top: auto;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    left: -3.4375%;
    width: 52%;
    height: 58%;
    z-index: -1;
    border-radius: 10px;
}

.home-section{
    transition: all linear .5s;
    animation: servicesimages 20s infinite !important;
}

.swiper-button-next, .swiper-button-prev{
    background-image: none!important;
}

.swiper-button-prev{
    width: 40px!important;
    height: 40px!important;
    box-sizing: border-box;
    transform: rotate(-135deg);
}

.swiper-button-next{
    width: 40px!important;
    height: 40px!important;
    box-sizing: border-box;
    transform: rotate(45deg);
}

.swiper-button-next, .swiper-button-prev{
    margin-top: 20px!important;
}

.swiper-button-prev::before, .swiper-button-next::before {
    content: "";
    width: 100%;
    height: 100%;
    border-width: 0.8vmin 0.8vmin 0 0;
    border-style: solid;
    border-color: #efbd18;
    transition: 0.2s ease;
    display: block;
    transform-origin: 100% 0;
}

.swiper-button-prev:after, .swiper-button-next:after{
    content: "";
    float: left;
    position: relative;
    top: -100%;
    width: 100%;
    height: 100%;
    border-width: 0 0.8vmin 0 0;
    border-style: solid;
    border-color: #efbd18;
    transform-origin: 100% 0;
    transition: 0.2s ease;
}

.swiper-button-prev:hover::after{
    transform: rotate(45deg);
    border-color: #ffff;
    height: 100%;
    margin-top: 5px;
}

.swiper-button-prev:hover::before {
    border-color: #ffff;
    transform: scale(0.8);
}

.swiper-button-next:hover::after{
    transform: rotate(45deg);
    border-color: #ffff;
    height: 100%;
    margin-top: 5px;
}
.swiper-button-next:hover::before {
    border-color: #ffff;
    transform: scale(0.8);
}
/*.swiper-button-prev {*/
/*    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ca1a0c'%2F%3E%3C%2Fsvg%3E") !important;*/
/*}*/

/*.swiper-button-next {*/
/*    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ca1a0c'%2F%3E%3C%2Fsvg%3E") !important;*/
/*}*/

/*.swiper-button-next, .swiper-button-prev {*/
/*    top: 60%!important;*/
/*}*/


@keyframes servicesimages {
    0% {
        background-size: 100% 100%
    }
    50% {
        background-size: 120% 120%
    }
    100% {
        background-size: 100% 100%
    }
}

.swiper-pagination-bullets{
    display: none;
}
.services-custom li .moredetails:before{
    content: '+';
    display: inline-block;
    font-size: 20px;
    padding-right: 10px;
}
.fp-section{
    overflow: hidden;
}
.services-custom li .eael-feature-list-content-box.active .moredetails:before{
    content: '-';
}
@media screen and (max-width:767px) {
	.contact-us .wpcf7-form-control.wpcf7-submit{
		width:100%;
	}
    #section4:after{
        display: none;
    }
    .moredetails{
        display: block;
    }
    .servicesBg{
        background: none!important;
    }
    .swiper-pagination-bullets{
        display: block;
    }
    .services-custom .elementor-widget-container li .eael-feature-list-content-box{
        padding: 0px 20px 20px 20px;
    }
    .fp-section.fp-table, .fp-slide.fp-table,
    .fp-tableCell{
        height: auto!important;
    }
    .custom-slider h2 {
        font-size: 38px;
        font-weight: bold;
    }
    .custom-slider .elementor-swiper-button{
        display: none;
    }
    div[data-elementor-type="header"]{
        position: static;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
    }

    .services-custom .elementor-widget-container li{
        display: flex;
        flex-direction: column!important;
    }

    .services-custom .eael-feature-list-icon-inner{
        width: 100%;
        border: none!important;
        border-radius: 0!important;
        overflow: hidden;
        background: none!important;
    }
    .services-custom .eael-feature-list-icon{
        background: none!important;
        width: auto!important;
        height: auto!important;
    }
    .services-custom .eael-feature-list-icon-inner img{
        display: block;
        overflow-x: hidden;
        margin-bottom: 20px;
        width: 100% !important;
        border-radius: 2rem 2rem 5rem;
        height: 230px!important;
        object-fit: cover;
    }
    .elementor-widget-eael-feature-list .eael-feature-list-items .eael-feature-list-item .eael-feature-list-icon-box {
        display: block;
    }
}