/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/




/* Titoli Heading */
/*h1{
font-size: clamp(100px, 5vw + 16px, 140px)!important;
font-size: clamp(6.25rem, 5.6731rem + 2.5641vw, 8.75rem)!important;
font-size: clamp(6.25rem, 5.59023rem + 2.778vw, 8.75rem);
line-height: 1.3!important;
}
h2{
font-size: clamp(35px, 5vw + 16px, 70px)!important;
line-height: 1.3!important;
}
h3{
font-size: clamp(2.5rem, 2.3558rem + 0.641vw, 3.125rem)!important;
font-size: clamp(40px, 5vw + 16px, 50px)!important;
line-height: 1.3!important;
}
h4{
font-size: clamp(30px, 5vw + 16px, 40px)!important;
line-height: 1.3!important;
}
h5{
font-size: clamp(25px, 5vw + 16px, 25px)!important;
line-height: 1.3!important;
}*/

/*h3{font-size: clamp(40px, 5vw + 16px, 50px)!important;}*/

#wpsl-stores, #wpsl-direction-details, #wpsl-gmap {
    height: 879px!important;
}


a, button, div {
	-webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

body.bricks-is-frontend :focus {
    outline: none!important;
}

#form-contatti .form-div label {
    color: #fff;
    display: block;
    font-weight: 400;
    margin-bottom: 15px;
    border: 1px solid #d9d9d9;
	border-radius: 20px;
	font-size: 14px;
    padding: 15px;
}
#form-newsletter .form-div label {
    color: var(--primary);
    display: block;
    font-weight: 400;
    margin-bottom: 50px;
    border-bottom: 1px solid var(--primary);
    padding: 0 0 15px 0;
    font-size: 14px;
}
#form-contatti .wpcf7-list-item, #form-newsletter .wpcf7-list-item{
    margin: 0 15px 0 0;
}
#form-contatti .gap-form, #form-newsletter .gap-form{
	column-gap: 20px;
}
#form-contatti label{
    color: #fff;
    font-size: 14px;
}
#form-newsletter label{
    color: var(--primary);
    font-size: 14px;
}
#form-contatti .form-div .input, #form-contatti .form-div input:not([type=submit]), #form-contatti .form-div select, #form-contatti .form-div textarea{
    border: none;
    padding: 0px;
    line-height: 25px;
    color: white;
    background-color: transparent;
    font-weight: 400;
    font-size: 16px;
}
#form-contatti .form-div select option{
color: black!important;
}

.wpcf7-form textarea { resize: none; }


#form-newsletter .form-div .input, #form-newsletter .form-div input:not([type=submit]), #form-newsletter .form-div select, #form-newsletter .form-div textarea{
    border: none;
    padding: 0px;
    line-height: 25px;
    color: var(--primary);
    background-color: transparent;
    font-weight: 700;
}
.form-div textarea{
    max-height: 50px!important;
}
textarea:focus, input:focus, textarea:focus-visible, input:focus-visible {
	border-color: inherit !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	outline: none !important;
}
textarea {
    height: auto;
    line-height: inherit!important;
    min-height: auto!important;
}

#form-contatti input:-webkit-autofill,
#form-contatti input:-webkit-autofill:hover, 
#form-contatti input:-webkit-autofill:focus, 
#form-contatti input:-webkit-autofill:active{
	-webkit-box-shadow: 0 0 0 30px #1d1d1d inset !important;
	-webkit-text-fill-color: #fff;
}
#form-newsletter input:-webkit-autofill,
#form-newsletter input:-webkit-autofill:hover, 
#form-newsletter input:-webkit-autofill:focus, 
#form-newsletter input:-webkit-autofill:active{
	-webkit-box-shadow: 0 0 0 30px #fff inset !important;
	-webkit-text-fill-color: #1d1d1d;
}

.btn--primary, .bricks-button.btn--primary{
    text-align: center;
}
.wpcf7-spinner {
    display: none;
}
.bcolor{
	background-color:#ffffff!important;
	color: #2e2d2c!important;
	line-height: 20px!important;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
} 
.checkbox-privacy{
    width: 0px !important;
    height: 0px !important;
    margin: 5px;
	visibility: hidden!important;
}
.display-flex{
    display: flex;
}

.accept p {
width: 100%!important;
}
.div-30 {
    width: 30%;
	text-align: right;
}
#form-contatti .wpcf7-acceptance, #form-newsletter .wpcf7-acceptance{
    display: flex;
}
#form-contatti .checkbox-privacy:before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	border: 1px solid #fff;
	background-color: transparent;
	border-radius: 4px;
	visibility: visible!important;
}
#form-newsletter .checkbox-privacy:before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	border: 1px solid var(--primary);
	background-color: #fff;
	border-radius: 5px;
	visibility: visible!important;
}

#form-contatti .wpcf7-submit:after{
	content: "";
	display: block!important;
	width: 24px!important;
	height: 20px!important;
	background-image: url(/wp-content/uploads/2024/01/icon-arrow-right.svg)!important;
	background-repeat: no-repeat;
	margin-bottom: 3px;
	
}

#form-contatti .checkbox-privacy:checked:after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	background-image: url(/wp-content/uploads/2024/02/icon-checked.svg);
    background-size: cover;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 4px;
	visibility: visible!important;
}
#form-newsletter .checkbox-privacy:checked:after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid var(--primary);
	background-image: url(/wp-content/uploads/2024/02/icon-checked.svg);
    background-size: cover;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 0;
	visibility: visible!important;
}

.logi-partner:hover .img-filter-b{
display:block!important;
transition: all 1s;
}
.logi-partner:hover .img-filter-a{
display:none!important;
}


/*------------------------------------------------------------ MOBILE ------------------------------------------------------------*/
@media only screen and (max-width: 767px){
	.display-flex{
        display: block !important;
    }
	.div-30 {
    	width: 100%;
		text-align: center;
		margin-top: 30px;
	}
	.logi-partner .img-filter-b{
	display:block!important;
	transition: all 1s;
	}
	.logi-partner .img-filter-a{
	display:none!important;
}

}
/*---------------------------------------------------------- END MOBILE ----------------------------------------------------------*/


/*------------------------------------------------------------ TABLET ------------------------------------------------------------*/
@media only screen and (max-width: 1024px){

}
/*---------------------------------------------------------- END TABLET ----------------------------------------------------------*/

/*------------------------------------------------------------ NOTEBOOK ------------------------------------------------------------*/
@media only screen and (max-width: 1470px){
#form-contatti .gap-form, #form-newsletter .gap-form{
	column-gap: 15px;
}
}