/* 
Theme Name: GWS Childplate
Theme URI: https://github.com/
Description: Hello Elementor Child für interne Projekte
Author: GallyWebsolutions GmbH
Author URI: https://www.gally-websolutions.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: gws-childplate
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */


:root{
	--maintrans: .3s all ease-in-out;
}

.bottom-container{
	pointer-events: none;
}
.nav-open{
	overflow: hidden;
	
	.line {	
		background: var(--e-global-color-f06f068) !important;
	}
	
	.bottom-container{
		pointer-events: all;
	}
	
	img{
		filter: invert(1);
	}
}

/*Forms*/

.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before{
	color: currentcolor !important;
}

.gform_wrapper{
	
	input, textarea, select{
		font-size: 1em !important;
		padding: 1em !important;
		border-radius: 0px !important;
		border: 1px solid var(--e-global-color-text) !important;
		color: var(--e-global-color-text) !important;
		
		&:focus{
			border-color: var(--e-global-color-secondary) !important;
			box-shadow: none;
			outline: none;
		}
	}
	select{
		padding: 0 .25em !important;
	}
	
	input[type="checkbox"]{
		padding: .25em !important;
		accent-color: var(--e-global-color-text) !important;
	}
	
	.gform_button{
		background: var(--e-global-color-text) !important;
		color:  var(--e-global-color-f06f068) !important;
		transition: var(--maintrans);
		border: 0!important;

		&:hover{
			background: var(--e-global-color-secondary) !important;
		}
	}
	
}

#newsletter{
	
	
	.gform_wrapper{
		font-size: .8em !important;
		color: var(--e-global-color-f06f068) !important;
		
		#gform_fields_2{
			column-gap: 1em !important;
			row-gap: 1em !important;
		}
	
		label, a, legend{
			color: var(--e-global-color-f06f068) !important;
		}
		
		.gform_required_legend{
			display: none;
		}
		
		input, textarea, select{
			font-size: 1em !important;
			padding: 1em !important;
			border-radius: 0px !important;
			border: 1px solid var(--e-global-color-f06f068) !important;
			color: var(--e-global-color-1406cab) !important;
			background: transparent;

			&:focus{
				border-color: var(--e-global-color-f06f068) !important;
				box-shadow: none;
				outline: none;
			}
		}
		select{
			padding: 0 .25em !important;
		}

		input[type="checkbox"]{
			padding: .25em !important;
			accent-color: var(--e-global-color-f06f068) !important;
		}

		.gform_button{
			background: var(--e-global-color-f06f068) !important;
			color:  var(--e-global-color-text) !important;
			transition: var(--maintrans);
			border: 0!important;

			&:hover{
				background: var(--e-global-color-secondary) !important;
			}
		}

	}
}