/*
 Theme Name:   La Formica
 Theme URI:    https://generatepress.com
 Description:  Tempesta Agency custom theme
 Author:       Tempesta Agency
 Author URI:   https://tempesta.agency
 Template:     generatepress
 Version:      0.1
*/

.wp-block-navigation li {margin-bottom: 0}
.current-menu-item {color: var(--accento)}

body ::selection {background-color: var(--accento)}
nav a:hover ::selection {background-color: var(--dark-color); color: var(--light-color)}
a.callToAction::selection {background-color: var(--dark-color); color: var(--light-color)}

.openNavMobile {margin-right: 0!important}
.wp-block-navigation__container:last-child {padding: 0!important; margin: 0!important}

.ctaMiniPodere a {color: var(--dark-color)!important; font-size: 14px; font-weight: 500;transition: all 0.3s ease; color: var(--dark-color); text-decoration-thickness: 0.15em!important;  text-decoration: underline;}
.ctaMiniPodere a:hover { text-decoration-color: transparent; }

@media (max-width: 575px){
	.ctaMiniPodere a {font-size: 12px;}
}




/*@import url(https://p.typekit.net/p.css?s=1&k=nsa5ovb&ht=tk&f=39496.39497.39504.39505.39506.39507.39508.39509&a=17224758&app=typekit&e=css);*/

@font-face {
font-family:"neue-haas-grotesk-display";
src:url(https://use.typekit.net/af/1ba16c/00000000000000007735bb5a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/1ba16c/00000000000000007735bb5a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/1ba16c/00000000000000007735bb5a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");
font-display:swap;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"neue-haas-grotesk-display";
src:url(https://use.typekit.net/af/6c4da4/00000000000000007735bb5e/30/l?subset_id=2&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/6c4da4/00000000000000007735bb5e/30/d?subset_id=2&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/6c4da4/00000000000000007735bb5e/30/a?subset_id=2&fvd=i5&v=3) format("opentype");
font-display:swap;font-style:italic;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"neue-haas-grotesk-text";
src:url(https://use.typekit.net/af/0230dd/00000000000000007735bb33/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/0230dd/00000000000000007735bb33/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/0230dd/00000000000000007735bb33/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
font-display:swap;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"neue-haas-grotesk-text";
src:url(https://use.typekit.net/af/aed66e/00000000000000007735bb35/30/l?subset_id=2&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/aed66e/00000000000000007735bb35/30/d?subset_id=2&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/aed66e/00000000000000007735bb35/30/a?subset_id=2&fvd=i4&v=3) format("opentype");
font-display:swap;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"neue-haas-grotesk-text";
src:url(https://use.typekit.net/af/160664/00000000000000007735bb32/30/l?subset_id=2&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/160664/00000000000000007735bb32/30/d?subset_id=2&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/160664/00000000000000007735bb32/30/a?subset_id=2&fvd=n5&v=3) format("opentype");
font-display:swap;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"neue-haas-grotesk-text";
src:url(https://use.typekit.net/af/fe63ce/00000000000000007735bb4b/30/l?subset_id=2&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/fe63ce/00000000000000007735bb4b/30/d?subset_id=2&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/fe63ce/00000000000000007735bb4b/30/a?subset_id=2&fvd=i5&v=3) format("opentype");
font-display:swap;font-style:italic;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"neue-haas-grotesk-text";
src:url(https://use.typekit.net/af/305037/00000000000000007735bb39/30/l?subset_id=2&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/305037/00000000000000007735bb39/30/d?subset_id=2&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/305037/00000000000000007735bb39/30/a?subset_id=2&fvd=n7&v=3) format("opentype");
font-display:swap;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"neue-haas-grotesk-text";
src:url(https://use.typekit.net/af/68a7c6/00000000000000007735bb3d/30/l?subset_id=2&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/68a7c6/00000000000000007735bb3d/30/d?subset_id=2&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/68a7c6/00000000000000007735bb3d/30/a?subset_id=2&fvd=i7&v=3) format("opentype");
font-display:swap;font-style:italic;font-weight:700;font-stretch:normal;
}

.tk-neue-haas-grotesk-display { font-family: "neue-haas-grotesk-display",sans-serif; }
.tk-neue-haas-grotesk-text { font-family: "neue-haas-grotesk-text",sans-serif; }

#wpadminbar {z-index: 9996!important}

:root {
  --margine-variabile-h1: 0.3%;
  --margine-variabile: 0.5%; /* Puoi regolare il valore della variabile qui */
  --margine-variabile-meta: 1.55%;
--margine-variabile-p: 0.5%;
	--margine-variabile-h2: 0.1%;
}

/* background fill svg servizi */
.bgHero svg path {fill: transparent}

@media(min-width: 1268px){
	#hero-bg h1 {margin-bottom: 0!important}
}

.visibilityHidden{visibility: hidden}

/* margini variabili */
h1 {
  /* margin-bottom: calc(28px + var(--margine-variabile-h1))!important;*/
	margin-bottom: calc(28px + var(--margine-variabile-h1))!important;
}

h2 {
	margin-bottom: calc(20px + var(--margine-variabile-h2))!important;
}

h3 {
	margin-bottom: calc(14px + var(--margine-variabile))!important;
}

@media (max-width: 575px){
	h2 {
		margin-bottom: calc(16px + var(--margine-variabile))!important;
	}
		h1 {
	  margin-bottom: calc(24px + var(--margine-variabile-h1))!important;
	}

		h3 {
		margin-bottom: calc(8px + var(--margine-variabile))!important;
	}
}

/* css regole per dark site */
section.dark-color {background-color: var(--dark-color); color: var(--light-color)}
section.dark-color a{color: white}
section.dark-color .tabClienti > div {border-color: var(--light-color)!important}

/* blogPost */
.blogPost p {margin-bottom: 0}
.cntBlog h2, .cntBlog h3 {font-weight: normal!important; text-decoration-color: transparent; transition: text-decoration-color 0.3s ease}
.cntBlog h2 a, .cntBlog h3 a {font-weight: normal!important}
.cntBlog:hover h2, .cntBlog:hover h3 {text-decoration: underline!important; text-decoration-color: #000!important}
.cntBlog p {margin-bottom: 0}

/* font */
body, html {font-family:"neue-haas-grotesk-text";}

/* css servizio */
/* p */
p {margin-bottom: calc(14px - var(--margine-variabile-p))}


/* big-special */
.bigSpecial {
	font-size: 72px; line-height: 1;
	margin-bottom: calc(48px + var(--margine-variabile-p)); 
	padding-top: calc(46px - var(--margine-variabile-p))
}

@media (max-width: 1200px) {
    .bigSpecial {font-size: 48px!important; line-height: 1; margin-bottom: calc(36px + var(--margine-variabile-p)); padding-top: calc(34px - var(--margine-variabile-p))}
}


@media (max-width:768px){
	.bigSpecial {font-size: 36px!important; line-height: 1; margin-bottom: calc(32px + var(--margine-variabile-p)); padding-top: calc(32px - var(--margine-variabile-p))}
}

section .tabClienti + h3 {padding-top: 20px}
section p + div.wpt-masonry-gallery {padding-top: 36px}
section p + h2 {padding-top: 26px;}
section p + h3 {padding-top: 20px}
section p:last-child {margin-bottom: 0}
section blockquote + h2 {padding-top: 26px}
section blockquote + h3 {padding-top: 20px}

/* blocquote */
blockquote {
  border-left: 0px solid rgba(0,0,0,0);
  padding: 34px 0 0 48px;
  font-size: 16px;
  line-height: 1.5; 
  font-style: italic;
  margin-bottom: 48px;
  position: relative;
  background: url('data:image/svg+xml;utf8,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129.33 96"><g id="grafica" ><path fill="%2373BFE5" id="Tracciato_94" data-name="Tracciato 94" d="M11.67,48.67L0,96h43.67l11.67-47.33h-14.67L68.67,0h-23.67L11.67,48.67ZM72.33,48.67l-11.67,47.33h43.67l11.67-47.33h-14.67L129.33,0h-23.67l-33.33,48.67Z"/></g></svg>') no-repeat;
  background-position: 0px 32px;
  background-size: 32px;
}

blockquote p{display: none}


blockquote br {content: "";
  margin: 5px;
  display: block;
  font-size: 14px;
}

@media(max-width: 575px){
	blockquote {
	  border-left: 0px solid rgba(0,0,0,.05);
	  padding: 17px 0 0 24px;
	  font-size: 14px;
	  line-height: 1.5; 
	  font-style: italic;
	  margin-bottom: 24px;
	  position: relative;
	  background-position: 0px 20px;
      background-size: 16px;
	}
	
	blockquote br {content: "";
  		margin: 4px;
  		display: block;
 		 font-size: 8px;
	}
}

/* li */
section li {font-size: 16px;}

/* a */
a {text-decoration-thickness: 0.1em!important; font-weight: 500; text-decoration: underline; transition: all 0.3s ease;}
a:hover {color: var(--dark-color); text-decoration-color: transparent;}
h2 a{font-weight: bold; text-decoration: none}
h3 a{font-weight: bold; text-decoration: none}

/* bold */
bold {font-weight: 600}
p.special {font-size: 24px; line-height: 36px; margin-bottom: 0}

/* section */
section, section.colorFooter {background-color: var(--light-color)}
section.bloccoPost, section.bgForm {background-color: var(--verde-chiaro)}
section.bloccoPost h2 a{font-weight: normal!important}
section.bloccoPost h2 a:hover{color: var(--dark-color)}
.darkExtra {display: none}

ul + h2 {padding-top: 26px;}
h1 + figure {padding-top: 22px}
section h1 + svg {padding-top: 20px;}
section ol, ul {padding: 0 0 0 0; margin: 0 0 0 16px}
section h2 + ul li, section h2 + ol li {padding-inline-start: 8px; margin-bottom: 12px}
section h1 + ul li, section h1 + ol li {padding-inline-start: 8px; margin-bottom: 12px}
section p + ul li, section p + ol li {padding-inline-start: 8px; margin-bottom: 12px}
ol li, ul li {margin-bottom: 12px}
section ul, section ol {margin-bottom: 12px}


div.wpt-masonry-gallery {margin-bottom: 44px}
ul + figure, p + figure, ol + figure, ul + div.wpt-masonry-gallery, ol + div.wpt-masonry-gallery {padding-top: 36px;}
section h2 + figure {padding-top: 16px;margin-bottom: 24px;}
section figure + p {padding-top: 24px;}
section ul, ol {margin-bottom: 12px}
ul:last-child, ol:last-child {margin-bottom: 0}
h2 + h3 {padding-top: 8px;}
section li:last-of-type {margin-bottom: 0}
section li::after {margin-right: 8px}
form li {padding-inline-start: 0px; margin-bottom: 0px}
.site-main .gallery {margin-bottom: 0}
h1 + div.wpt-masonry-gallery {padding-top: 18px!important}



/* cta */
a.miniCta,.miniCta {font-weight: 600!important; font-size: 14px; text-decoration: underline!important; transition: all 0.3s ease;}
a.miniCta:hover, .miniCta:hover {font-size: 14px; text-decoration-color: transparent!important}
.site-main > * {margin-bottom: 0!important}

.callToAction {line-height: 1; text-transform: uppercase; padding-top: 30px; margin: 0}
.callToAction a {text-decoration: none;}
.callToAction a:hover {text-decoration: none; color: var(--dark-color)!important}
.callToAction + div.wpt-masonry-gallery {padding-top: 48px!important}

.callToActionColor a {text-decoration-thickness: 0.1em!important;  text-decoration: underline; color: var(--dark-color); font-weight: 500;transition: all 0.3s ease;}
.callToActionColor a:hover { text-decoration-color: transparent; }
.callToAction a:hover {text-decoration: none;color: var(--adark-color)}
.callToActionBody {text-transform: uppercase; margin: 0}
.callToActionBody a {text-decoration-thickness: 0.1em!important;  text-decoration: underline; color: var(--dark-color); font-weight: 500;transition: all 0.3s ease;}
.callToActionBody a:hover {text-decoration-color: transparent;}
h2 + .callToAction {padding-top: 30px}
.callToActionMini {text-transform: uppercase; padding-top: 12px; margin: 0}




/* video */
#hero-bg video {width: 100%; position: absolute; object-fit: cover; height: 100vh; z-index: 2}
#hero-bg.videoBg video {height: 100%; position: absolute; object-fit: cover; z-index: 2}

/* met blog lis */
.meta {font-size:14px;  text-transform: uppercase; margin-bottom: calc(16px - var(--margine-variabile-meta));}
/* meta blog list * 4 */
.metaMini {font-size:12px;  text-transform: uppercase; margin-bottom: calc(9px - var(--margine-variabile-meta));}
/* met blog pagine */
.metaPage {font-size:14px;  text-transform: uppercase; margin-bottom: 10px;}

div + h2 {padding-top:2px}
div .meta + h2 {padding-top: 0px}

@media (max-width: 767px){
	.cntIcone figure img{margin-bottom: 0!important;}
	.site-main .gallery figure img{margin-bottom: 24px;}
	
}

@media (max-width: 575px){
	/*p.callToAction + div.wpt-masonry-gallery {padding-top: 20px!important}*/
	h1 + div.wpt-masonry-gallery {padding-top: 14px!important}
	section h1 + svg {padding-top: 0;}
	section ol, ul {padding: 0 0 0 0; margin: 0 0 8px 14px}
	section li {font-size: 14px; margin-bottom: 8px}
	section figure + p {padding-top: 12px;}
	section p + h2 {padding-top: 20px;}
	section p + h3 {padding-top: 16px}
	section .tabClienti + h3 {padding-top: 16px}
	section h2 + .callToAction {padding-top: 8px}
	section h2 + h3 {padding-top: 4px;}
	section h2 + figure {padding-top: 16px; margin-bottom: 12px;}
	section p {font-size: 14px; margin-bottom: 8px}
	ul + figure, p + figure, ol + figure, ul + div.wpt-masonry-gallery, ol + div.wpt-masonry-gallery {padding-top: 12px; margin-bottom:20px!important;}
	.site-main .gallery figure img{margin-bottom: 24px;}
	.callToAction {padding-top: 20px}
	p.special {font-size: 20px; line-height: 30px}
	p + div.wpt-masonry-gallery {padding-top: 12px!important}
	
	.callToActionMini {padding-top: 12px; margin: 0}
	div.wpt-masonry-gallery {margin-bottom: 24px}
	.meta {font-size:12px;  text-transform: uppercase; margin-bottom: calc(9px - var(--margine-variabile-meta));}
    /* met blog pagine */
     .metaPage {font-size:14px;  text-transform: uppercase; margin-bottom: 5px;}
}

/* table of content articoli */
.table-of-contents span.slash:last-of-type {display: none}

/* gallery Hover */

.small-width{
width: 80%!important;
float: right
}

@media (max-width: 575px){
.small-width{
width: 65%!important;
float: left
}
}
   
.gallery-image {
    width: 100%;
    height: auto;
    transition: opacity 0.3s;
}

.gallery-image:hover {
    opacity: 1;
}

.hidden {
    display: none;
}
  


/* custom nav */
.navigation {text-transform: uppercase; font-size: 14px; line-height: 21px;}
.navigation a {color: var(--dark-color)}
.navigation a:hover, .navigation a:focus {color: var(--accento)!important}

/* .navigation a {text-decoration: underline; transition: all 0.3s ease;}
.navigation a:hover { text-decoration-color: transparent; /* rgba(0, 0, 0, 0) */}*/
.navigation nav li {margin-bottom: 0px}

.wp-block-navigation__container {column-gap: 24px;}
.wp-block-navigation__container:last-child {padding-right: 24px}
/*.wp-block-navigation__container li:after {margin-left: 7px; margin-right: 7px; content: "/"}*/
/*.wp-block-navigation__container li:last-of-type:after {content: ''; margin-left: 0px; margin-right: 0px;}*/

@media (max-width: 575px){
	.navigation {font-size: 12px; line-height: 18px}
	.wp-block-navigation__container:last-child {padding-right: 0px}
}

/* form */
form .form-group.data span, form .form-group .data span {width: 100%!important}
form .cntPrivacy {padding-top: 15px}
form .wpcf7-list-item {margin: 0!important}
form .cntFlex {display: flex; flex-wrap: wrap}
form .cntFlex p {overflow: hidden; width: 100%; display: flex; flex-wrap: wrap; align-items: start}
form .cntAcceptance {margin-bottom: 20px}
form .cntAcceptance p {display: flex; align-items: center; }
form .cntAcceptance p label.acceptance {display: block;  margin:0; height: auto; overflow: hidden;}
form .cntAcceptance p span {width: 28px; height: 18px}
form .lastBoxForm {margin-bottom: 16px}

form .form-group.width50 {width: 50%;}
form .form-group input, form .form-group textarea, form .form-group select, form .form-group{font-family:"neue-haas-grotesk-text", sans-serif!important;}

html {font-family:"neue-haas-grotesk-text"!important;}
form.wpcf7-form, .wpcf7 {width: 100%!important}
.form-group {margin-bottom: 13px}
.form-group label {width: 100%; margin-bottom: 6px; display: block; min-height: 12px; line-height: 1.25; font-size: 12px!important;}



.form-group label span {list-style-type: none!important; margin: 0!important; padding: 0}

form .form-group input::placeholder, form .form-group textarea::placeholder {text-transform: normal!important; opacity: 1!important}

.wpcf7-not-valid-tip {line-height: 12px!important; font-size: 12px!important; position: relative; padding-top: 5px!important; margin-bottom: 5px!important}

form input::placeholder {color:var(--dark-color)}

form .form-group input, form .form-group select{font-size: 16px!important; line-height: 1.25!important; padding: 0 0 2px 0!important; height: 34px; background-color: transparent!important; width: 100%!important; border-top: 0!important; border-left: 0!important; border-right: 0!important; border-bottom: 1px solid #000!important; margin: 0!important}

form .form-group textarea {font-size: 16px!important; line-height: 1.25; padding: 5px 0 5px 0!important; background-color: transparent!important; width: 100%!important; border-top: 0!important; border-left: 0!important; border-right: 0!important; border-bottom: 1px solid #000!important; margin: 0!important}

form .form-group select {padding: 0}
form .form-group textarea {height: 144px!important}


span.wpcf7-form-control-wrap {width: 100%}


form .form-group input[type="checkbox"] {margin-right: 12px!important; width: 18px!important; height: 18px!important}




.form-group input, .form-group textarea {
   outline: 0!important;
}



/* form submit */

.invio {padding-top: 30px; margin-bottom: 0}
.form-group input.wpcf7-submit {height: auto!important; line-height: 1!important; transition: all 0.3s ease!important; width: auto!important; border: 0!important; font-size: 14px!important; font-weight: 600!important; color: var(--dark-color)!important;  text-transform: uppercase!important; background-color: var(--accento)!important; padding: 16px 12px 15px 12px!important; border-radius: 25px!important}

form .form-group input.wpcf7-submit:hover, form .form-group input.wpcf7-submit:focus {height: auto; line-height: 1; transition: all 0.3s ease; width: auto!important; border: 0!important; font-size: 14px; font-weight: 600!important; color: var(--light-color)!important;  text-transform: uppercase; background-color: var(--dark-color)!important; padding: 16px 12px 15px 12px!important; border-radius: 25px}



.form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Nascondi la freccia di default di Firefox */
   /* Aggiusta questo valore in base alle tue esigenze */
  background-image: var(--wpr-bg-bef28b8b-6c6f-4b04-bc10-22db33be8c41)!important;
  background-repeat: no-repeat;
  background-position: right 6px center
}


.form-group input[type="radio"]:checked::after,
.form-group input[type="checkbox"]:checked::after,
.form-group input[type="checkbox"]:checked::after {
  display: block;
  position: relative;
  content: "";
  width: 6px;
  height: 12px;
  left: 4px;
  top: 0px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: var(--dark-color);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: transparent;
  
}		
	
		
.form-group input[type="radio"],
.form-group input[type="checkbox"],
.form-group input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  content: "";
  appearance: none;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  background: transparent;
  border: 2px solid var(--dark-color)!important;
  border-radius: 2px!important;
  margin: 0 10px 0 0!important;
  padding: 0;
 
}		
		

.form-group input[type="radio"]:checked,
.form-group input[type="checkbox"]:checked,
.form-group input[type="checkbox"]:checked {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--dark-color);
  border: 2px solid var(--dark-color);
}
	


@media (max-width: 575px){
	.form-group label {font-size: 10px!important}
}


@media (max-width: 575px){
	.form-group label {margin-bottom: 0px;}
	form .form-group input, form .form-group select{font-size: 14px!important; height: 22px!important;}
    form .cntAcceptance p {display: flex;align-items: start;}
	form .cntAcceptance {margin-bottom: 16px;}
	form .cntAcceptance p label{margin-top: 3px!important;}
    form .form-group textarea {font-size: 14px!important;}
	.invio {padding-top: 20px; margin-bottom: 0}
}


/* header and nav */
input#wp-block-search__input-4::-ms-clear {
    display: none;
}

input#wp-block-search__input-4::-ms-reveal {
    display: none;
}

input#wp-block-search__input-4::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

.grecaptcha-badge {visibility: hidden!important}

/* colorHero */
.colorHero {background: transparent}

/* colorFooter */
.colorFooter {background: #fff; color: #000}
.colorFooter a {color: #000}

/*desktop menu flag fix*/
@media screen and (min-width: 1024px) {
  .wpml-ls-flag{margin-top:-1px}
}