/*
	Theme Name: Sartor Coppe
	Author: FKDesign
	Template: hello-elementor
*/

:root {

	--max-width: 2048px;
	--spacer: 40px;
	--height-button-menu: 50px;
	
	--menu: 18px;
	--heading-1: 60px;
	--heading-2: 45px;
	--heading-3: 35px;
	--heading-4: 30px;
	--heading-5: 25px;
	--heading-6: 20px;
	--heading-7: 18px;
	--button-font: 15px;
	--p: 20px;
	
	
	--color-blue: #003761;
}

.elementor-element.e-con-boxed.e-con .e-con-inner:not(.swiper-slide .elementor-element.e-con-boxed.e-con .e-con-inner) {
	width: 90%;
}

div.resizer-small.elementor-element.e-con-boxed.e-con .e-con-inner:not(.swiper-slide .elementor-element.e-con-boxed.e-con .e-con-inner) {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.elementor p {
    margin-block-end: 5px;
}


#wrap-mobile-menu {
    display: inline-block;
    width: auto;
}


.hero-wrap-over.elementor-element {
	position: absolute;
	z-index: 100;
	left: calc(var(--spacer) * 1.5);
	bottom: calc(var(--spacer) * 1.5);
}

.btn.elementor-element a.elementor-button,
.highlight-form .elementor-field-type-submit button.elementor-button {
    border: 1px solid #FFF;
    font-size: var(--button-font);
    padding: 8px 35px;
    border-radius: 35px;
	letter-spacing: 1.5px;
	color: #FFF;
	background-color: transparent;
	transition: all ease 0.4s;
}
	.btn.elementor-element a.elementor-button:hover,
	.highlight-form .elementor-field-type-submit button.elementor-button:hover {
		color: var(--color-blue);
		background-color: #FFF;
	}


	.btn.blu.elementor-element a.elementor-button,
	.highlight-form .elementor-field-type-submit button.elementor-button {
		border: 1px solid var(--color-blue);
		color: var(--color-blue);;
	}
		.btn.blu.elementor-element a.elementor-button:hover,
		.highlight-form .elementor-field-type-submit button.elementor-button:hover {
			color: #FFF;
			background-color: var(--color-blue);
		}




	.highlight-form .elementor-field-type-submit button.elementor-button {
		color: var(--color-blue)!important;
	}
	.highlight-form .elementor-field-type-submit button.elementor-button:hover {
		color: #FFF!important;
	}

	.highlight-form .elementor-field-type-submit button.elementor-button {
		max-width: fit-content;
	}






.btn-main-menu a {
    transition: all ease 0.4s;
    transform: scale(1);
}
.btn-main-menu a:hover {
    transform: scale(1.07);
}


.elementor-widget-container .hamburger {
    margin: 0;
    padding: 0;
}

.elementor-widget-container .hamburger-inner,
.elementor-widget-container .hamburger-inner:after,
.elementor-widget-container .hamburger-inner:before {
    background-color: var( --e-global-color-36efda2 );
}
	
.elementor-widget-container .hamburger-inner:before {
		background-color: var( --e-global-color-dfe9ae0 );
	}
	.elementor-widget-container .hamburger.is-active .hamburger-inner,
	.elementor-widget-container .hamburger.is-active .hamburger-inner:after,
	.elementor-widget-container .hamburger.is-active .hamburger-inner:before {
		background-color: var( --e-global-color-dfe9ae0 );
	}


.resizer-small.elementor-element .e-con-inner {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}


#brand-home a .hover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	opacity: 0;
	transition: all ease 0.6s;
}

#brand-home a:hover .hover {
	opacity: 1;
}

.divisore-colore.elementor-element img {
	width: 310px;
}


.highlight-form input.elementor-field.elementor-field-textual,
.highlight-form  textarea.elementor-field-textual.elementor-field {
	padding: 9px 25px;
}

.highlight-form .elementor-field-type-acceptance.elementor-field-group span.elementor-field-option label {
    font-size: 13px;
    line-height: 1.2em;
}




@media (max-width: 1440px) {
	:root {
		--menu: 16px;
		--spacer: 30px;
		
		--heading-1: 50px;
		--heading-2: 42px;
		--heading-3: 32px;
		--heading-4: 27px;
		--heading-5: 22px;
		--heading-6: 18px;
		--heading-7: 17px;
		--button-font: 15px;
		--p: 18px;
	}
	.btn.elementor-element a.elementor-button, .highlight-form .elementor-field-type-submit button.elementor-button {
		padding: 5px 20px;
	}
}



@media (max-width: 1024px) {
	:root {
		--menu: 24px;
		--spacer: 25px;
		
		--heading-1: 47px;
		--heading-2: 38px;
		--heading-3: 30px;
		--heading-4: 25px;
		--heading-5: 20px;
		--heading-6: 18px;
		--heading-7: 16px;
		--button-font: 13px;
		--p: 16px;
	}
	div.resizer-small.elementor-element.e-con-boxed.e-con .e-con-inner:not(.swiper-slide .elementor-element.e-con-boxed.e-con .e-con-inner) {
		width: 90%;
	}
	.btn.elementor-element a.elementor-button, .highlight-form .elementor-field-type-submit button.elementor-button {
		padding: 5px 20px;
	}
	
	#action-menu {
		width: auto;
		margin-left: auto;
	}
	#wrap-mobile-menu {
		width: 70px;
	}
}




@media (max-width: 768px) {
	:root {
		--spacer: 20px;
		
		--heading-1: 38px;
		--heading-2: 32px;
		--heading-3: 26px;
		--heading-4: 22px;
		--heading-5: 18px;
		--heading-6: 16px;
		--heading-7: 15px;
		--button-font: 12px;
		--p: 15px;
	}
	.btn.elementor-element a.elementor-button, .highlight-form .elementor-field-type-submit button.elementor-button {
		padding: 5px 20px;
	}
	#wrap-mobile-menu {
		width: inherit;
	}

}