/* 
Theme Name:		Revive Your Lawn Hello Child Theme
Theme URI:		https://elementor.com/
Description:	Revive Your Lawn is a child theme of Hello Elementor, created by Elementor team
Author:			collideascope
Author URI:		https://collideascope.co
Template:		hello-elementor
Version:		1.0.3
Text Domain:	hello-elementor-child
*/

/*
    Add your custom styles here
*/


/*  Table of Contents  
    ========================================================================== 
	I. 	Global
		A. Header
		B. Typography
		C. Footer
        D. 
	II. Layout 
		A. Section
		B. Spacing
	III. Vendor Overrides
		A. Elementor
		B. Gravity Forms
		C. 
	IV.	Global Modules
		A. Icon Links
		B. Dual Columns
		C. Border Top and Bottom
		D. Posts Slider
		E. Slider
	V.  Pages
		A. Our Team 

/*  I. Global 
    ========================================================================== */

	/* 	A. Header
	   	==============*/


	/*  Footer 
	    =============*/

		a.elementor-social-icon {
			position: relative;
		}
		a.elementor-social-icon:hover {
			box-shadow: 0px 4px 12px rgba(169, 156, 105, 0.4);
			opacity: 1;
		}
		a.elementor-social-icon:before {
			content: '';
			width: 100%;
			height: 100%;
			display: block;
			background: rgba(0, 0, 0, 0);
			position: absolute;
			border-radius: 50%;
			transition: all 0.3s ease;
		}
		a.elementor-social-icon:hover:before {
			background: rgba(0, 0, 0, 0.16);
		}
		a.elementor-social-icon:active {
			box-shadow: none;
		}
		a.elementor-social-icon:active:before,
		a.elementor-social-icon:focus:before {
			background: rgba(0, 0, 0, 0.24);
		}


/*  II. Layout
    ========================================================================== */

	/* 	A. Section
	   	==============*/	
		.elementor-top-section {
			padding: 3rem 0.5rem;
		}

		.site-main > .page-content {
			overflow: hidden;
		}

		@media screen and (min-width: 768px) {
			.elementor-top-section {
				padding: 3rem 1.5rem;
			}
		}

		@media screen and (min-width: 1025px) {
			.elementor-top-section {
				padding: 5rem 3rem;
			}
			.rev-inner-section-fix {
				margin-left: -15px;
				margin-right: -15px;
				width: calc(100% + 30px);
			}
		}

	/* 	B. Spacing
	   	==============*/

		.p-0.inner,
		.p-3.inner, 
		.p-4.inner,
		.p-5.inner,
		.p-md-5.inner {
			padding: 0 !important;
		}

	 	.p-0.inner > .elementor-column-wrap { padding: 0 !important; }
	 	.p-3.inner > .elementor-column-wrap { padding: 1rem !important; }
	 	.p-4.inner > .elementor-column-wrap { padding: 1.5rem !important; }
		.p-5.inner > .elementor-column-wrap { padding: 3rem !important; }		

		@media screen and (min-width: 768px) {
			.p-md-5.inner > .elementor-column-wrap { padding: 3rem !important; }
		}

		@media screen and (min-width: 1025px) {
		.rev-neg-margin-top {
			margin-top: -88px;
			position: relative;
		}
			.rev-neg-margin-bottom {
				margin-bottom: -125px;
				position: relative;
			}
		}


/*  III. Vendor Overrides
    ========================================================================== */

	/* 	A. Elementor
	   	==============*/

	/* 	B. Gravity Forms
	   	==============*/

		.gform_wrapper label {
			font-size: 18 !important;
			font-weight: 500 !important;
			margin-bottom: 0 !important;
			color: #112437 !important;
    		line-height: 1.3;
		}

		.gform_wrapper input, 
		.gform_wrapper textarea {
			background-color: #fff;
			border: 1px solid #dedede !important;
			padding: 15px 15px 12px!important;
			font-size: 14px !important;
			border-radius: 0 !important;
		}

		.gform_wrapper textarea {
			margin-top: 5px;
		}


		.gform_wrapper select {
			color: #545454 !important;
		}

		.gform_wrapper input:active, 
		.gform_wrapper input:focus, 
		.gform_wrapper textarea:active,
		.gform_wrapper textarea:focus {
   			margin-top: 3px !important;
			border: 1px solid var( --e-global-color-accent ) !important;
			background-color: #fff;
			box-shadow: 0px 2px 8px rgba(17, 36, 55, 0.08);
		}

		.gform_wrapper li, 
		.gform_footer {
			margin-top: 0 !important;
		}

		.gform_wrapper .ginput_container {
			margin: 0 !important;
		}
		.gform_wrapper {
			margin-top: -16px !important;
		}
		.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
			margin-top: 4px !important;
			width: 100%;
		}
		.gform_wrapper ::placeholder {
			color: #545454;
		}
		.ginput_complex input {
			margin-top: 7px !important;
		}
		.gform_footer.top_label {
			text-align: center;
		}
		.gform_wrapper .gform_footer {
			margin-top: 0;
		}
		.field_sublabel_below > label {
			font-weight: bold !important;
			margin-top: 3rem;
		}
		.ginput_complex .address_zip {
			width: 100% !important;
			padding: 0 !important;
		}
		@media screen and (min-width: 768px) {

			.rev-form.two-col input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
				border-radius: 5px 0 0 5px !important;
			}
			.rev-form.two-col form {
				display: flex; 
				align-items: center;
			}			
			.rev-form.two-col .gform_wrapper input[type="submit"] {
				border-radius: 0 5px 5px 0 !important;
				margin-left: 5px !important;
				margin-top: 0 !important;
			}
		}

		.rev-form .gform_wrapper .gform_footer {
			padding: 0;
			margin: 0 !important;
		}
		.rev-form .gform_wrapper input[type="submit"] {
			height: 49px !important;
			margin-top: 5px !important;
		}
		.rev-form li, 
		.rev-form input {
			margin: 0 !important;
		}
		.gform_wrapper .gform_footer input[type="submit"] {
			background-color: var( --e-global-color-accent );
			width: 100% !important;
			border: none !important;
			color: #fff;
			font-size: 14px !important;
			margin: 0 !important;
			padding: 13px 20px !important;
			transition: all 0.3s ease !important;
			font-weight: 700;

		}
		.gform_wrapper input[type="submit"]:hover {
			background-color: #1C5F25;
			box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.14);
		}
		.gform_wrapper input[type="submit"]:active,
		.gform_wrapper input[type="submit"]:focus {
			background-color: #1C5F25;
			box-shadow: none !important;
			outline: none;
			border: none !important;
		}
		.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, 
		.gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label {
			margin-top: 16px !important;
			padding-top: 8px !important;
		}
		.gform_wrapper select {			
			margin-top: 5px !important;
			background-color: #fff;
			border: 1px solid #dedede !important;
			padding: 15px 10px !important;
			font-size: 14px !important;
		}
		.gf_left_half, .gf_right_half {
			margin-bottom: 11px !important;
		}

		/* G Form Error */
		.gform_wrapper div.validation_error {
			display: none;
		}

		.gform_wrapper li.gfield_error input, 
		.gform_wrapper li.gfield_error textarea {
			border: 1px solid #E83A32 !important;
		}

		.gform_wrapper li.gfield.gfield_error, 
		.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
			background-color: transparent !important;;
			margin-bottom: 0 !important;
			border: none !important;
			padding: 0 !important;
		}

		.gform_wrapper .validation_message {
			font-size: 12px !important;
			color: #E83A32 !important;
			font-weight: normal !important;
			padding: 0 !important;
		}

		.gform_wrapper .field_sublabel_above .description, 
		.gform_wrapper .field_sublabel_above .gfield_description, 
		.gform_wrapper .field_sublabel_above .gsection_description,
		.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
		.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
			margin: 0 !important;
		}
	
		.rev-form-gold-btn .gform_wrapper input[type="submit"] {
			background: var( --e-global-color-accent );
		}

		@media screen and (min-width: 641px) {
			.gform_wrapper form ul.gform_fields {
				margin-right: -16px !important;
			}
		}

		/* Success Message */

		.rev-form-success-box {
			text-align: center;
			font-size: 18px;
		}

		.rev-form-success-box p:first-of-type {
			font-size: 24px;
			font-weight: 700;
			color: #0072B4;
		}
		.rev-form-success-box br {
			display: none;
		}


		/* Global Modules */
		@media screen and (min-width: 1025px) {
			.rev-scale-image img {
				transform: scale(1.75) translateX(100px);
			}	
		}