/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/



/* HEADER VERTICALE
#header_top { height:130px; max-height: 130px; }
#header_vertical { position: fixed; width: 300px; top: 0px; }
.jet-custom-nav__mega-sub { position: fixed !important; top:0px !important; left:300px !important; height:100%; height:100vh; z-index:10 !important; }

#section_int { margin-left:300px; }*/
header.sticky-header {
	--header-height: 120px; /* Set your own header height */
	--shrink-header-to: 0.8; /* Shrinks to 60%, values: 0.1 to 1 */
	--transition-timing: .45s cubic-bezier(.4, 0, .2, 1); /* values: .1s to 0.5s (or more), replace "cubic-bezier(.4, 0, .2, 1)" with "ease" if you need a simpler transition */
	background-color: rgba(255, 255, 255, 0.4); /* Set your own background color */

	transition: background-color var(--transition-timing),
				backdrop-filter var(--transition-timing),
				box-shadow var(--transition-timing);
}


header.sticky-header.elementor-sticky--effects {
	background-color: rgba(255, 255, 255, 1); /* Set your own background color on scroll */
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07); /* Delete this line if you don't want shadow on scroll */
	-webkit-backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
}
header.sticky-header > .elementor-container {
	height: var(--header-height);
	transition: height var(--transition-timing);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
	height: calc( var(--header-height) * var(--shrink-header-to) );
	
}

header.sticky-header .header-logo img { transition: transform var(--transition-timing); }
header.sticky-header.elementor-sticky--effects .header-logo img { transform: scale(.80); }
header.sticky-header.elementor-sticky--effects a { color: #25AAE1 !important; }

@media all and (max-width: 767px) {
	header.sticky-header, header.sticky-header.elementor-sticky--effects { background-color: rgba(255, 255, 255, 1); }
	
	
}

.btn-blu a {
	background-size: 300% 100%;
	background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
	transition: all .4s ease-in-out;
}

.btn-blu a:hover {
	background-position: 100% 0;
	background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
}


/* HOME PAGE */
.box-forza { justify-content: space-around; }
.box-forza i { border-radius: 50%; color:#306DAB; border: 2px solid #66B9D3; width:80px; height:80px; font-size:30px !important; margin: 0px auto 20px; }
.box-forza p { font-family: "Dosis"; color:#668FB7; text-transform: uppercase; text-align:center; font-weight:600; padding:0px 20px; }

@media all and (max-width: 1024px) {
	.box-forza p { line-height:1.2em;  }	
}

/* PRODOTTI */
.jet-listing-dynamic-field__content a { white-space:nowrap; display:inline-block; padding: 2px 5px; margin:0px 0px 5px;  } 

/* PAGINE */
.top-img { background-size: cover; background-repeat: no-repeat; background-position:center;  }
.top-titolo { text-shadow: 0px 2px 3px rgba(0,0,0,0.3); }

.box-txt h2 { color:#3F86ED !important; font-size: 30px; }
.box-txt h3 { color:#25AAE1 !important; font-size: 22px; }
.box-txt a { color:#3F86ED !important; }
.box-txt .wp-block-button__link { border-radius: 0px; color:#fff !important; background-size: 300% 100%; background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); transition: all .4s ease-in-out; }
.box-txt .wp-block-button__link:hover { background-position: 100% 0; background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); }

/* FORM */

.checkradio-wrap label { width: 100%; }

form input:focus, form textarea:focus { outline: none; }



form button { background-image: linear-gradient(to right, #ECE9E6 0%, #FFFFFF  51%, #ECE9E6  100%) }
form button  {
	margin: 10px;
	padding: 15px 45px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;            
	border-radius:0px;
	display: block;
}


form button {
	background-position: right center; /*change the direction of the change here */
	color: #000;
	text-decoration: none;
}