/*
 Theme Name:   Hello Elementor Child
 description: >- A custom child theme created for Gutfull Gutter Cleaning
 Author:       Nicole King 
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Section Padding */
html, body {
    overflow-x: hidden!important;
}

/* Text editor fudges */
.elementor-widget-text-editor p:last-child, .elementor-text-editor p:last-child {
	margin-bottom: 0;
}

.elementor-widget-text-editor ul, .elementor-text-editor ul {
	padding-left: 40px;
}

.elementor-widget-text-editor ol, .elementor-text-editor ol {
	padding-left: 20px;
}

.elementor-widget-text-editor ol li, .elementor-text-editor ol li {
	padding-left: 10px;
}

.elementor-widget-text-editor ul + p, .elementor-widget-text-editor ol + p, .elementor-widget-text-editor p + ul, .elementor-widget-text-editor p + ol, .elementor-text-editor ul + p, .elementor-text-editor ol + p, .elementor-text-editor p + ul, .elementor-text-editor p + ol {
     margin-top: .9rem;
}

.elementor-widget-text-editor li + li, .elementor-text-editor li + li {
    margin-top: 0.25rem;
}

.elementor-widget-text-editor p + h2, .elementor-widget-text-editor p + h3, .elementor-widget-text-editor ul + h2, .elementor-widget-text-editor ul + h3, .elementor-widget-text-editor h2 + h3 {
    margin-top: 2rem;
}

b, strong {
	font-weight: 600;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

/* Improved fade animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

@keyframes slideInUp {
    from {
        transform: translate3d(0,30px,0)
    }

    to {
        transform: none
    }
}

.elementor-element.slideInUp {
    animation-name: slideInUp
}


/* Gutfull Gutters */

/* Navigation */

.home .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after {
	background: transparent!important;
}


/* Forms */

.field-type-radio-field .jet-form-builder__label, .field-type-checkbox-field .jet-form-builder__label {
	margin-bottom: 20px;
}

.field-type-radio-field .jet-form-builder__label .jet-form-builder__label-text, .field-type-checkbox-field .jet-form-builder__label .jet-form-builder__label-text, .field-type-textarea-field .jet-form-builder__label .jet-form-builder__label-text {
	font-weight: 600;
}

.quote-form .wp-block-columns {
	margin-bottom: 0;
}

.quote-form .is-layout-flex {
    gap: 40px;
}

/* Footer */
footer .elementor-icon-list-item a:hover .elementor-icon-list-text {
	color: var(--e-global-color-primary)!important;
}

/* Buttons */

.custom-button .elementor-button {
	background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	background-image: -webkit-linear-gradient(left, var( --e-global-color-secondary ), var( --e-global-color-accent ), var( --e-global-color-secondary ), var( --e-global-color-secondary ))!important;
	background-image: -o-linear-gradient(left, var( --e-global-color-secondary ), var( --e-global-color-accent ), var( --e-global-color-secondary ), var( --e-global-color-secondary ))!important;
	background-image: linear-gradient(to right, var( --e-global-color-secondary ), var( --e-global-color-accent ), var( --e-global-color-secondary ), var( --e-global-color-secondary ))!important;
	background-color: transparent;
	border:none;
	color: #fff;
}

.custom-button .elementor-button:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	background-color: transparent;
}