/*
Theme Name: Wasp Custom
Theme URI: http://www.waspstudio.it/
Author: Wasp Studio
Author URI: http://www.waspstudio.it/
Description: Our simple theme, from here we develop all custom solutions for our customers
Version: 0.1
Text Domain: Wasp Custom

*/

 /*--------FONTS------*/

 @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@import url('ref="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 @import url('#');

 /*--------CSS RESET------*/

 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 mark,
 audio,
 video {
 	margin: 0;
 	padding: 0;
 	border: 0;
 	font-size: 100%;
 	font: inherit;
 	vertical-align: baseline;
 	box-sizing: border-box;
 }

 /* HTML5 display-role reset for older browsers */
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
 	display: block;
 }

 ol,
 ul {
 	list-style: none;
 }

 blockquote,
 q {
 	quotes: none;
 }

 html {
	scroll-behavior: smooth;
}

 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
 	content: '';
 	content: none;
 }

 table {
 	border-collapse: collapse;
 	border-spacing: 0;
 }

/*  b {
 	font-weight: 800 !important;
 } */

 a {
 	text-decoration: none !important;
	 transition: 0.2s;
 }

 a:hover {
	transition: 0.2s;
 }

 strong {
	font-weight: 400 !important;
 }


 body {
 	font-style: var(--ff);
 }

 .body-overflow {
 	overflow: hidden;
 }



 /*--------VARS------*/

 :root {
 	--main-color: #425B69;
 	--accent-color: #19477E;
 	--ff: "Poppins", sans-serif;
 }

 /*--------WP-SETTINGS------*/

 .wp-block-group {
 	opacity: 1;
 }

/*  .wp-block-button-custom {
	transition: 0.1s;
 }

  .wp-block-button-custom:hover {
	border: 2px solid var(--accent-color);
	transition: 0.1s;
	border-radius: 50px;
	
 }

 .wp-block-button-custom a:hover {
	color: white;
 } */




 .unclickable {
	cursor: pointer;
 }
 .unclickable>a {
 	pointer-events: none;
 }

 .no-pointer a {
	cursor: default !important;
 }




 /*--------PRELOADER------*/

 .preloader-wrapper {
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	background: #E8E8E8;
 	z-index: 9999999;
 	display: flex;
 	justify-content: center;
 	align-items: center;
	border: 1px solid red;
 }

 .preloader-logo {
 	width: 250px;
 	height: 100;
/*  	background-image: url("http://test.lorenzomagni.com/wp-content/themes/wasp_custom/images/logo_sneaker_care.svg");
 	background-repeat: no-repeat; */
 	position: relative;
	border: 1px solid red;
 }


 /*--------HEADER------*/
 .navbar-container,
 .sub-navbar-container {
 	width: 100%;
 	position: absolute;
 	z-index: 1000;
 	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
 }

 .navbar-container {
 	background-color: #ffffff;
 }


 .navbar{
 	width: 100%;
 	max-width: 1600px;
 	min-height: 70px;
 	margin: 0 auto;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 }

 .navbar {
 	padding: 15px 15px 15px 15px;
	transition: 0.2s ease;
 }

 .logo {
 	width: 140px;
 }

  .logo img {
	height: 100px;
  }

 .burger-menu {
 	order: 1;
 }


 /*MAIN MENU------*/
 .main-menu {
 	display: none;
 }


 .main-menu>.menu-main-container>ul {
 	display: flex;
 	width: 100%;
 	justify-content: space-between;
 	align-items: center;
 }

 .main-menu>.menu-main-container>ul {
 	justify-content: space-between;
 }

 .main-menu>.menu-main-container>ul>li {
 	margin-left: 2rem;
 }

 .main-menu>.menu-main-container>ul>li>a {
 	text-decoration: none;
 	font-weight: 400;
 	color: #19477E;
 	font-size: 1.1rem;
 	text-transform: uppercase;
	letter-spacing: 5%;
 }


 .main-menu>.menu-main-container>ul>.current-menu-item>a {
 	color: var(--accent-color);
	font-weight: 700;
 }



 /*BURGER MENU------*/


 .burger1,
 .burger2,
 .burger3 {
 	height: 4px;
 	border-radius: 10px;
 	background-color: #19477E;
 	margin-bottom: 4px;
 	transform-origin: 0 0;
 	width: 30px;
 	transition: transform 0.3s;
 }

 .burger-menu.open .burger1 {
 	transform: rotate(45deg);
 }

 .burger-menu.open .burger2 {
 	opacity: 0;
 }

 .burger-menu.open .burger3 {
 	transform: rotate(-45deg) translateX(-6px) translateY(1px);
 }


 .open-menu-container {
 	position: fixed;
 	top: 0;
 	left: 0;
 	height: 100vh;
 	width: 0;
 	overflow: hidden;
 	background-color: #d7d7d7;
 	z-index: 90;
 	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.2);
 }

 .open-menu {
 	height: 100vh;
 	display: flex;
 	color: #19477E;
 	padding: 170px 15px 0 15px;
 	flex-direction: column;
 	text-align: left;
 	line-height: 1;
 }

 .open-menu>.menu-mobile_menu-container>ul {
 	height: auto;
 	width: auto;
 	display: flex;
 	justify-content: center;
 	flex-direction: column;
 	align-items: center;
 }

 .open-menu>.menu-mobile_menu-container>ul>li {
 	margin-bottom: 2rem;
 	text-align: left;
 	opacity: 0;
 	position: relative;
 }

 .open-menu>.menu-mobile_menu-container>ul>li>a,
 .menu-item-has-children>ul>li>a {
 	text-decoration: none;
 	font-weight: 700;
 	color: #19477E;
 	font-size: 1.3rem;
 	text-transform: uppercase;
 }


 a {
 	transition: 0.5s;
 }



 /*BURGER END------*/



 @media (min-width: 1280px) {

 	.burger-menu {
 		order: 1;
 	}


 	.shop-icon-container {
 		order: 2;
 	}

 	.burger-menu {
 		display: none;
 	}

 	.main-menu {
 		display: block;
 	}

 	.logo {
 		width: 140px;
 		height: auto;
 	}

 }

 @media (max-width: 720px) {
	.text-align-center {
		text-align: center;
	}
 }


 /*--------HERO------*/

 .hero-container {
 	width: 100%;
 	margin: 0 auto;
 	padding-top: 128px;
 }





 /*-------------------------------------- FOOTER ----------------------------*/

 .footer-container {
 	width: 100%;
 	padding: 2rem 2rem;
 	background-color: #1e1e1e;
 }
 
 .footer-container a {
	color: white;
 }


 .footer-container>.container {
 	max-width: 1600px;
 	margin: 0 auto;
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 	justify-content: flex-start;
 	padding-top: 2rem;
 	padding-bottom: 2rem;
 	font-weight: 600;
 	color: White;
 	font-size: 2rem;
 }

 .footer-title {
 	padding-bottom: 1rem;
 	margin-bottom: 1rem;
 	border-bottom: 1px solid #ffffff;
 }

 .social-icons {
	display: flex;
	gap: 1rem;
 }
 .ig-icon, .fb-icon {
	height: 50px;
	width: 50px;
 }

 .footer-address {
 	width: 100%;
 	padding-bottom: 1rem;
 	margin-bottom: 1rem;
 	border-bottom: 1px solid #ffffff;
 }

 .footer-address p {
 	color: White;
 }

 .footer-map {
 	width: 100%;
 }

 .footer-end {
 	text-align: center;
 	color: white;
	border-top: 1px solid rgb(98, 98, 98);
 	padding: 2rem 1rem;
	background-color: #1e1e1e;
 }

 .footer-end a {
 	color: white;
 }

 @media screen and (min-width: 1200px) {
 	.footer-container>.container {
 		flex-direction: row;
 		justify-content: space-between;
 		align-items: center;
 	}

 	.footer-title,
 	.footer-address,
 	.footer-map {
 		width: 33.3%;
 		border-bottom: 0;
 		height: 100%;
 	}

 	.footer-title,
 	.footer-address {
 		margin-right: 2rem;
 		border-right: 1px solid #ffffff;
 		padding-right: 2rem;
		min-height: 10rem;
 	}
 }



/* CLASSI RESPONSIVE GUTH ----------------------------*/

@media (max-width: 720px) {
  .gruppo-responsive > * {
    max-width: 100% !important;
    width: 100% !important;
  }
    .riga-responsive {
    flex-wrap: wrap !important;
  }

  .riga-responsive > * {
    width: 46% !important;
  }
  .riga-responsive-prof {
	flex-wrap: wrap !important;
  }
  .flex-column {
	flex-direction: column;
  }
	.reverse-mobile {
    flex-direction: column-reverse;
  }
    .griglia-mobile-2 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px;
    }
	.griglia-mobile-1 {
        grid-template-columns: repeat(1, 1fr) !important;
    }
	.img-contain > img {
		object-fit: cover !important;
	}
	.mobile-height {
		min-height: 250px !important;
	}
}

[id] {
  scroll-margin-top: 120px;
}

.prof-bg {
  background-color: transparent;
  transition: background-color 0.3s ease;
}

.prof-link:hover .prof-bg {
  background-color: #f3f3f3 !important;
}

.n-button > div {
  transition: background-color 0.3s ease;
}

.n-button a:hover {
  background-color: #f3f3f3 !important;
}


/* GALLERY OPTIONS ----------------------------*/

/* Container della gallery */
.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Spazio tra le immagini */
}

/* Stile per le immagini della gallery */
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
    flex: 1 1 calc(33.333% - 10px); /* 3 colonne con gap di 10px */
    box-sizing: border-box;
    overflow: hidden;
}

.wp-block-gallery img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease; /* Animazione al passaggio del mouse */
}

/* Effetto zoom al passaggio del mouse */
.wp-block-gallery img:hover {
    transform: scale(1.1);
}

/* Evitare problemi di scroll up con gsap */

html, body {
    scroll-behavior: auto !important;
}