:root{
	--gold:#b49c56;
	--black: #191919;
	--light-gold: #bfb36f;
	--light-grey: #f2f2f2;
	--dark-grey:#666666;
}

@font-face {
  font-family: "ClashGrotesk";
  src: url("./fonts/ClashGrotesk-Variable.woff2") format("woff2"),
    url("./fonts/ClashGrotesk-Variable.woff") format("woff"),
    url("./fonts/ClashGrotesk-Variable.ttf") format("truetype");
  font-weight: 200 900;  font-stretch: 75% 125%; font-style: normal; font-display: swap; font-named-instance: "Regular";
}

h1{visibility: hidden;}
h1.animated { visibility: visible;}

.sr-only{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}


body{scroll-behavior: smooth;}
h1, h2, .clash, .titolo{ font-family: "ClashGrotesk"; font-weight:500; font-kerning: none; text-rendering: optimizeSpeed;}
a.clash{ font-family: "ClashGrotesk"; font-weight:400;}
.titoletti{font-family: "ClashGrotesk"; font-weight:700;}

/*HEADER*/
.oxy-social-icons > a{border-radius:2px !important;}
.menu-item a,
.ct-link-text,
p a{transition:all .4s ease-in-out !important;}
.menu-item.current-menu-item a,
.menu-item:hover a{font-weight:700 !important;}
.ct-link-text:hover,
p a:hover{font-weight:600 !important;}
body .sticky-header-wrapper{position:fixed; transition:all 1s ease-in-out; width:100%; top:-100%; background-color:#fff !important; z-index: 9999;}
body.sticky-header .sticky-header-wrapper{top:0;}
body.sticky-header.logged-in .sticky-header-wrapper{top:32px;}

/*HOME*/
section.margintop-section{margin-top:-10%;}
section.margintop-section-small{margin-top:-100px;}

/*TAB PRODOTTI*/
.tab-content-product{position:relative !important;}
.tab-wrapper-product{position:relative !important; overflow: hidden;}
.tab-wrapper-product .oxy-tab-content:before{    content: "";   position: absolute;  height: 100%;  width: 27vw;  right: -13%;    z-index: 0;   top: 0;  bottom: 0;   object-fit: cover;   background-image: url(img/divisore.svg); background-repeat: no-repeat;   background-position: left center;   background-size: cover; pointer-events: none !important;}
.oxy-tabs-contents-wrapper.tab-content-product .oxy-tab-content{    position: absolute;  left: 0;   height: 100%;  width: 100%;   opacity: 1; right:0;   transition: all .4s ease-in-out;}
.oxy-tabs-contents-wrapper.tab-content-product .oxy-tabs-contents-content-hidden{opacity: 0 !important;display: block !important; z-index: -1 !important;}
.oxy-tab.tabs-1137-tab{position:relative;}
.oxy-tab.tabs-1137-tab:after{content:""; width:0; height: 4px; position: absolute; left: 0; bottom:-2px; background-color:var(--gold); transition:all .5s ease-in-out;}
.oxy-tab.tabs-1137-tab.tabs-1137-tab-active:after{width:50%; }

/*CATEGORIE PRODOTTI*/
.singola-categoria .immagine-cat-inside{transition:all .8s ease-in-out;}
.singola-categoria:hover .immagine-cat-inside{transform: scale(1.05);}

/*BUTTON*/
.hudros-button,
.hudros-button .hudros-button-text{position:relative; transition:all .3s ease-in-out .3s;}
.hudros-button:before {  content: "";  height: 100%;  position: absolute;  right: 0;  display: block;  width: 0%;  background-color: var(--gold);  z-index: 0; border-radius: 2px; overflow: hidden; transition:all .3s ease-in-out .2s;}
.hudros-button .hudros-button-icon{transition:all .3s ease-in-out; z-index: 1; margin-left:0px;}
.hudros-button:hover .hudros-button-icon{ margin-left:-12px; }
.hudros-button:hover:before{width:100%;}
.hudros-button:hover .hudros-button-text{color:#fff; z-index: 1;}

/*FORM*/
.hidros-form{display: flex;  flex-direction: column;  flex-wrap: nowrap;  align-content: flex-start;  align-items: flex-start;}
.hidros-form .full,
.hidros-form .full p span,
.hidros-form .full p span input,
.hidros-form .full p span textarea{width:100%;}
.hidros-form .full p{margin:0 !important;}
.hidros-form .full p span input,
.hidros-form .full p span textarea{border: none;  min-height: 50px;  padding: 15px 20px;  border-top: solid 0.5px var(--dark-grey);  font-family: 'Sora';  font-size: 14px;  font-weight: 300;}
.hidros-form .full p span textarea{border-bottom: solid 0.5px var(--dark-grey);}
.wpcf7-not-valid-tip{ font-size: 12px; padding: 0 20px;}
.accept label{display: flex;  flex-direction: row;  flex-wrap: nowrap;  align-content: flex-start;  justify-content: flex-start;  align-items: flex-start;}
.accept .wpcf7-list-item-label{font-family: 'Sora'; font-size:12px;  line-height: 1.2;}
.accept .wpcf7-list-item{margin: 0;  padding: 0 20px;}
.accept input{margin-right:10px;     appearance: none;  border: .5px solid #000;  height: 15px;  width: 15px;  display: block;  min-width: 15px;  min-height: unset; transition:all .3s ease-in-out;}
.accept input:checked{border:1px solid var(--gold); background-color: var(--gold);}
.hidros-form .sub{width:100%; padding:0 20px;}
.hidros-form .sub p{margin:10px 0 !important;}
.hidros-form .sub .wpcf7-submit{    padding: 10px 20px 0 20px;  border: 1px solid  var(--gold);   border-radius: 2px;   background:  var(--gold);  text-transform: uppercase;  font-family: 'Sora'; color:#fff;}
.hidros-form .sub .wpcf7-submit:disabled{    padding: 10px 20px;  border: 1px solid  var(--dark-grey);   border-radius: 2px;   background:  var(--dark-grey);  text-transform: uppercase;  font-family: 'Sora';}
.curriculum.hidros-form .full p span textarea{border-bottom:0;}
.attach label {  padding: 10px 20px;  border-top: 0.5px solid var(--dark-grey);  width: 100%;  display: block;}
.hidros-form .full.attach p span input{border-top:none; border-bottom: 0.5px solid var(--dark-grey); padding-top:0; transition:background .3s ease-in-out; background:#fff;}
.hidros-form.rivenditore .full{ display: flex; flex-direction: row; flex-wrap: nowrap; align-content: stretch; justify-content: space-between; align-items: stretch;}
.hidros-form.rivenditore .full .mid{width:50%;}
.hidros-form.rivenditore .full:last-of-type{border-bottom:0.5px solid var(--dark-grey);}

.lavora-wrapper .singola-lavora:nth-child(3n + 3),
.lavora-wrapper .singola-lavora:last-child,
.oxy-dynamic-list .single-blog:nth-child(3n + 3),
.oxy-dynamic-list .single-blog:last-child{  border-right: 0.5px solid var(--dark-grey) !important;}
.oxy-dynamic-list .single-blog:first-child{border-right:none !important;}
.hidros-form .full p span input:focus, .hidros-form .full p span textarea:focus, .hidros-form .full p span input:focus-visible, .hidros-form .full p span textarea:focus-visible{outline: none !important; border-bottom:2px solid var(--dark-gray); background: #f2f2f2; transition:background .3s ease-in-out;}

/*BLOG*/
.categoria-blog a{color:var(--gold);}

/*FOOTER*/
footer a{color:#fff;}

@media (max-width:1600px){
	.lavora-wrapper .singola-lavora:nth-child(3n + 3){border-right:none !important;}
	.lavora-wrapper .singola-lavora:nth-child(2n + 2){  border-right: 0.5px solid var(--dark-grey) !important;}
}
@media (max-width:992px){
	.tab-wrapper-product .oxy-tab-content:before{width: 39vw;   right: 0; }
	section.margintop-section {   margin-top: -15%;}
	h1{visibility: visible;}
}

@media (max-width:767px){
	    section.margintop-section {    margin-top: -27%;   }
	.hidros-form.rivenditore .full{   flex-direction: column;  }
.hidros-form.rivenditore .full .mid{width:100%;}
	.lavora-wrapper .singola-lavora,
	.lavora-wrapper .singola-lavora:nth-child(3n + 3),
	.oxy-dynamic-list .single-blog:first-child{border-right: 0.5px solid var(--dark-grey) !important;}
}

@media (max-width:500px){
	    section.margintop-section {    margin-top: -32%;   }
}