@import "config/config.scss";

/* WORDPRESS.SCSS */

/* CONTACT FORM 7 */

form.wpcf7-form {
	input, textarea {
		padding: 0;
		display: block;
		width: 100%;
		border: 1px solid $color_1;
		height: 30px;
		line-height: 30px;
		margin-bottom: 15px;
		color: $color_1;
		background: none !important;
		font-style: italic;
		padding: 10px;
	}
	textarea {
		height: 150px;
		padding-top: 15px;
	}

	::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	    color:    $color_1;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    $color_1;
	   opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    $color_1;
	   opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color:    $color_1;
	   line-height: 0 !important;
	}
	::-ms-input-placeholder { /* Microsoft Edge */
	   color:    $color_1;
	    line-height: 0 !important;
	}

	input[type="submit"]{
		text-align: center;
		width: auto;
		padding: 0;
		padding-left: 30px;
		padding-right: 30px;
		text-transform: uppercase;
		line-height: initial;
		font-style: normal;
		font-weight: bold;
		color: $bianco;
		border: 1px solid $color_1;
		float: right;
		background:$color_1 !important;
		transition: all .4s;

		&:hover {
			background: $color_1 !important;
			color: $color_1;
			transition: all .4s;
		}
	}
}

/* PAGINAZIONE WOOCOMMERCE / WORDPRESS */

nav.woocommerce-pagination {
	display:block;
	width:100%;
	text-align:center;
	padding-bottom:2em;
	padding-top:2em;
	float:left;
	
	ul {
		display:block;
		margin:0 auto;
		list-style: none;
		
		li {
			display:inline-block;
			list-style: none;

			&:before { display:none!important;}
			&::before { display:none!important;}
			
			a, span {
				display:block;
				color:$color_1;
				padding:4px;
				padding-left:10px;
				padding-right:10px;
				font-weight: 400;
				border-radius: 1px;

				img.arrow{
					margin-top: 4px; 
					    display: block;
					    position: relative;
					    top: 2px;
					    right: 0px;
					    transition:right .4s;
				}				
			}

			a.prev img.arrow{
					    left: 0px;
					    transition:left .4s;
				}	

			a:hover {
				color:$color_1;
			}	

			a.next:hover {
				img.arrow{
					    right: -5px;
					    transition:right .4s;
				}	
			}

			a.prev:hover {
				img.arrow{
					    left: -5px;
					    transition:left .4s;
				}	
			}	
				
			span {
				font-weight: 300;
				color: $color_1;}
			}
		}
}

/* GALLERY BLUEIMP */

#links.galleria {
	position: relative;
    margin: auto;
    width: 100%;
    display: flex;
    flex-wrap:wrap;
}

#links.galleria a {
    display: flex;
    align-content: center;
    flex-basis: 1;
    flex-grow:0;
    margin: 1em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    transition: opacity .4s;
    @include transition();

    // maintain aspect ratio
    width: 90px;
    height: 90px;

    @include mq($from:500px){
    	width: 120px;
    	height: 120px;
    }
    @include mq($from:desktop){
    	width: 166px;
    	height: 166px;
    }

    &:hover { 
    	opacity: 0.5;
    	transition: opacity .4s;
    }
}

#links.galleria.thumblink {
	width: 100%;  
	a {
	  width: 60%;
	  padding-bottom: 65%;
	  margin:0 auto;
	  float:none;
	}
}
/* FINE GALLERY */


/*** GRAVITY FORM ****/
div:not(#form_supporto){
	form input[type="text"],
	form input[type="email"],
	form textarea {
	    appearance: none;
	    border: 0;
	    border-radius: 0;
		border-bottom: 1px solid #000;
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	    font-size: 15px !important;
	    font-family: 'Raleway' !important;
	}

	form input[type="submit"] {
	    border: 0;
	    color: black;
	    font-size: 1.25rem !important;
	    font-family: 'Raleway' !important;
	    font-weight: bold;
	    border-radius: 0;
		padding: 10px 20px;
	    @include transition;

	    &:hover {
	    	background-color: transparent;
	    	color: black;
	    	border-radius: 0;
	    	opacity: .5;
	    	@include transition;
	    }
	}

	@media only screen and (min-width: 641px) {
		.ginput_address_country {
			padding-right: 0!important;
		}
	}

	#field_1_13 {
		width: 100%;
	}

	.address_country {
		width: 100%;
	}

	.gform_button_select_files {
		border-radius: 0;
		border-color: #000;
		color: #000;
		&:hover {
			background-color: #000;
			color: #fff;
		}
	}

	.gform_fileupload_rules,
	.gfield_description {
		font-size: 12px;
	}

	.gform_footer.top_label {
	    text-align: center;
	}

	.gfield_select {
		border-width: 0 0 1px 0;
	}

	body .gform_wrapper ul li.gfield {
	    margin-top: 0px;
	}
}

.gform-translate select {
	transform: translateY(-8px);
	font-size: 16px!important;
}

label.gfield_label.gfield_label_before_complex {
    font-size: 16px;
}

.ginput_container.ginput_container_consent {
    display: flex;
    align-items: flex-start;
}

.ginput_container.ginput_container_consent input[type="checkbox"] {
    margin-right: 10px;
    margin-top: 2px;
}

.gform_legacy_markup_wrapper .gfield_checkbox li label,
.gform_legacy_markup_wrapper .gfield_radio li label {
	font-size: 12px;
}

label.gfield_consent_label {
    font-size: 12px;
    line-height: 1.3em;
}

.ginput_container_select select {
	-webkit-appearance: none;
    height: 40px;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid black;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 15px!important;
    font-family: 'Raleway' !important;

}

.elementor-3441 .elementor-element.elementor-element-a911dff .eael-gravity-form .gfield input[type="text"], .elementor-3441 .elementor-element.elementor-element-a911dff .eael-gravity-form .gfield input[type="email"], .elementor-3441 .elementor-element.elementor-element-a911dff .eael-gravity-form .gfield input[type="tel"], .elementor-3441 .elementor-element.elementor-element-a911dff .eael-gravity-form .gfield input[type="number"], .elementor-3441 .elementor-element.elementor-element-a911dff .eael-gravity-form .gfield select {
	width: 100%;
}


/*
body .ginput_container.ginput_container_phone,
body .ginput_container.ginput_container_text {
    margin-top: 0 !important;
}
*/




/*  STORE LOCATOR WW  */
.wkwpsl {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
    min-height: 50vh;
    padding: 0;

    @include mq($from: tablet){
    	flex-direction: row;
    	justify-content: flex-start;
    	min-height: 100vh;
    }

    .wpsl-store-location strong a {
        text-transform: uppercase;
    }

	.wk-map-container {
		position: relative;
	    padding: 0;

	    @include mq($from: tablet){
		    position: fixed;
	    	right: 0;
	    }
	}

	#wpsl-wrap {
		margin-bottom: 0;
	}

	#wpsl-wrap #wpsl-gmap {
		height: calc(50vh - 48px) !important;
		margin: 0;
		@include mq($from: tablet){
	    	height: calc(100vh - 80px) !important;
	    }
	}


	.wpsl-search {
	    background: none;
	    padding: 0;
	    margin: 0;
	   	
	    #wpsl-search-wrap form {
	    	display: flex;
	    	justify-content: space-between;
	    	align-items: center;


	    }

		#wpsl-search-wrap input#wpsl-search-input {
		    border-radius: 0;
		    border: 2px solid #cacaca;
		    font-style: italic;
		}
	}

	.wpsl-input {
		display: block;
		flex-grow: 1;
		margin: 0;
		width: 100%;
	}

	.wpsl-search-btn-wrap {
		margin: 15px 15px 0;
		width: 95%;
		border: 1px solid;

		&:hover {
			background-color: #000;
			color: #fff;
		}


	}

	#wpsl-search-btn {
	    -webkit-appearance: none;
	    border: 0;
	    background-color: transparent;
	    box-shadow: none;
	    background: none;
	    font-size: .8rem !important;
	    text-transform: uppercase !important;
	    font-weight: 600;
	    padding: 10px 0;
	    display: inline-block;
		width: 100%;
	    position: relative;
	    z-index: 99;

		&:hover {
			color: #fff;
		}
	}

	#wpsl-result-list {
	    width: 100%;
	    margin-top: 30px;
	    .wpsl-store-location p {
	    	margin: 0 !important;
	    }

	    .wpsl-store-location .wpsl-contact-details {
    		margin-bottom: 20px !important;
    	}
	    
	}

	div#wpsl-stores {
	    display: block;
	    overflow: visible;
	    height: auto !important;
	    width: 100%;
	}

	ul.wk_lista_store {
	    display: flex;
	    justify-content: space-between;
	    align-content: flex-start;
	    flex-wrap: wrap;

	    li {
	    	width: 100%;
	    	font-size: .8rem;
	    	line-height: 1.8em;
			margin-bottom: 30px;
			position: relative;
			padding-right: 20px;

	    	@include mq($from: desktop){
	    		width: calc(50% - 20px);
	    	}

	    	a {
	    		color: $nero;
	    	}

	    	.wpsl-direction-wrap {
			    display: none;
			}

			.wpsl-contact-details span, .wpsl-contact-details span strong {
				font-size: 0;
				color: transparent;
				a {
					font-size: .8rem;
					color: $nero;
					margin-left: -4px;
				}
			}
	    }
	}
	
	h2 {
		font-size: 20px;
	}

	.sl_meroni-serrature::after {
		content: "";
		position: absolute;
		top: 3px;
		right: 0;
		z-index: 1;
		width: 15px;
		height: 15px;
		background-color: #ffd703;
		border-radius: 50%;
	}
	
	// .ufo-van-locks::after {
	// 	content: "";
	// 	position: absolute;
	// 	top: 3px;
	// 	right: 0;
	// 	z-index: 1;
	// 	width: 15px;
	// 	height: 15px;
	// 	background-color: #000;
	// 	border-radius: 50%;
	// }

}

#wpsl-search-input {
	margin-left: 15px!important;
	margin-right: 15px!important;
}

.wk_legenda {
	list-style-type: none;
	padding-left: 0;
	li {
		position: relative;
		margin-bottom: 5px;
	}
}

.filtri-serie select {
	-webkit-appearance: none;
}


.gform_wrapper .top_label li.gfield.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_right_half {
	@media only screen and (min-width: 641px) {
		width: 100%!important;
	}
}