/*!
Theme Name: WILDWEB
Author: Ciciliot Nicola
Version: 1.0.0
*/

@font-face {
  font-family: 'JetBrains_Mono';
  src: url('./assets/fonts/JetBrains_Mono/JetBrainsMono-VariableFont_wght.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
}

@font-face {
  font-family: 'Roboto';
  src: url('./assets/fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
}
@font-face {
  font-family: 'Roboto';
  src: url('./assets/fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
  font-style: italic;
  font-weight: 100 900;
}

:root{
   --bs-border-color: #2e2e2e;
}

*{outline:0!important;}
html{margin-top:0!important}
body{background-color:#fff;font-family:'Roboto',arial,sans-serif;font-weight:400;margin:0;overflow-x:hidden;text-rendering:optimizelegibility;-webkit-font-smoothing: subpixel-antialiased;}
ul{list-style:disc;padding-left:1rem}
img{height:auto;max-width:100%}

h1{font-size:6em;line-height:0.85}
h1 i{color:#E84E00;font-weight:300}
h2{font-size:3.8em;font-weight:500;line-height:1}
h2 i{font-weight:300}

a,a:visited{color:#212529;text-decoration:underline}
a:hover,a:focus,a:active{color:#000;text-decoration:none;}

.Jetbrains{font-family:'JetBrains_Mono',monospace;}

.fs-7{font-size:0.95rem!important}.fs-8{font-size:0.9rem!important}.fs-9{font-size:0.85rem!important}
.svh{height:100svh;max-height: -webkit-fill-available;}


.btn,a.btn,a.btn:visited{padding:0.25em 0.75em;background-color:#000;color:#F7F6F2;font-family:'JetBrains_Mono',monospace;font-size:1.1em;text-transform:uppercase;border:0;border-radius:var(--bs-border-radius);letter-spacing:1px}
.btn:hover,a.btn:hover,a.btn:visited:hover{background-color:#1AC800;color:#151515}

.btn.btn2,a.btn.btn2,a.btn.btn2:visited{background-color:#2E2C2C;font-size:1em}

.text-notte,.text-notte a,a.text-notte{color:#151515}
.bg-notte{background-color:#151515}
.text-bg-notte{background-color:#151515;color:#fff}

.text-antracite,.text-antracite a,a.text-antracite{color:#2e2e2e}
.bg-antracite{background-color:#2e2e2e}
.text-bg-antracite{background-color:#2e2e2e;color:#fff}

.text-grafite,.text-grafite a,a.text-grafite{color:#6B6B6B}
.bg-grafite{background-color:#6B6B6B}
.text-bg-grafite{background-color:#6B6B6B;color:#fff}

.text-bordo,.text-bordo a,a.text-bordo{color:#E4E2DC}
.bg-bordo{background-color:#E4E2DC}
.text-bg-bordo{background-color:#E4E2DC;color:#151515}

.text-sabbia,.text-sabbia a,a.text-sabbia{color:#F7F6F2}
.bg-sabbia{background-color:#F7F6F2}
.text-bg-sabbia{background-color:#F7F6F2;color:#151515}

.text-orange,.text-orange a,a.text-orange{color:#E84E00}
.bg-orange{background-color:#FEF0E8}
.text-bg-orange{background-color:#FEF0E8;color:#0a0a0a}

.text-green,.text-green a,a.text-green{color:#1AC800}
.bg-green{background-color:#C4F5B8}
.text-bg-green{background-color:#C4F5B8;color:#0a0a0a}

.text-red,.text-red a,a.text-red{color:#C0242A}
.bg-red{background-color:#FAEAEA}
.text-bg-red{background-color:#FAEAEA;color:#0a0a0a}

.text-blue,.text-blue a,a.text-blue{color:#00C4E0}
.bg-blue{background-color:#E4FBFD}
.text-bg-blue{background-color:#E4FBFD;color:#0a0a0a}

.text-shadow{text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);}
.bg-cover{background-size:cover;background-repeat:no-repeat;background-position:center}

.video{position:relative;padding-bottom:56.25%;height:0;margin-top:3px}
.video iframe{position:absolute;top:0;left:0;width:100%;height:100%}

iframe{transition:opacity 500ms ease-in-out;transition-delay:250ms}

.site-title{display:inline-block;box-shadow: 2px 3px 5px 1px rgba(0, 0, 0, 0.25);}

#a3_logo{height:35px;width:auto}

ul.menu{margin-bottom:0;padding:0}
ul.menu li{display:inline-block;position:relative;padding:0.2em}
ul.menu li a{font-family:'JetBrains_Mono',monospace;font-size:0.9em;display:block;text-decoration:none;padding:0.325em 1.325em;line-height:normal;color:#fff;border-radius:var(--bs-border-radius-pill)!important}
ul.menu li a:hover,ul.menu li a:focus,ul.menu li.current_page_item a,ul.menu li.current-menu-item a,ul.menu li.current_page_parent a,ul.menu li.current-menu-parent a{color:#151515;background-color:#1AC800}

.gdpr label{font-weight:500;font-size:0.9em;line-height:1;letter-spacing:-0.64px}

.footer-logo img{max-width:180px}
.site-footer a:hover{text-decoration:underline}
.site-footer ul{list-style-type:none;margin:0;padding:0}
.site-footer li{display:block}
.social-bottom a{font-size:2rem;display:inline-block;margin-right:5px;margin-bottom:5px;}
.social-bottom a svg{fill:#fff;height:30px;width:30px}
.social-bottom a:hover svg{fill:#dedede}
#footer a{color:#fff;}
#footer a:hover{color:#1AC800;}

.footer3 p:last-of-type{margin:0!important}

#footer-svg{position:absolute;bottom:0;right:0}

.accordion-button{box-shadow:none!important;border-bottom:1px solid #ccc;}
.accordion-collapse{border-bottom:1px solid #ccc;}

.post-image{aspect-ratio:1/1}

.transition{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.cursor-pointer{cursor:pointer}

.acf_facebook-image{height:250px;background-size:cover;background-position:center;background-repeat:no-repeat}
.acf_numeri .number,.acf_numeri .suffisso{font-size:4.5em}

.acf_blocco_base .testo1 p:last-child,.acf_blocco_base .testo2 p:last-child,.acf_slideshow .testo2 p:last-child,.acf_slide_content p:last-child{margin-bottom:0!important}

.acf_blocco_slideshow .slick-list,.acf_blocco_slideshow .slick-track{height:100vh;width:50vw}
.acf_blocco_slideshow .slide{width:auto}

.acf_doppia_immagine .immagine2{position:absolute;}

.fluentform .ff-el-group{border-bottom:1px solid #000;padding-top:0.36em;margin-bottom:0!important}
.fluentform .ff-el-group .ff-el-input--label{margin-bottom:1.2em}
.fluentform.ff-default .ff-el-form-control{background-color:transparent;border:0!important;outline:0!important;border-radius:0!important;padding-left:0}
.fluentform.ff-default .ff-el-form-control::placeholder{font-size:1.4em;color:#6B6B6B;font-weight:500}
.fluentform textarea{height:14.3em}

.fluentform .form-info{border-bottom:1px solid}
.fluentform .form-info .ff-t-column-1{border-right:1px solid}

.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button{margin:12px 0}

/* Estendi background dei container col a tutto schermo*/
.bg-extend-left,.bg-extend-right{position:relative;}
.bg-extend-left:before{content:"";height:100%;width:500px;left:-500px;top:0;position:absolute;background-color:inherit}
.bg-extend-right:before{content:"";height:100%;width:500px;right:-500px;top:0;position:absolute;background-color:inherit}

/* ANIMAZIONI GSAP */
.fadeIn,.fadeUp,.fadeDown,.fadeStart,.fadeEnd,.slideUp,.slideDown,.slideStart,.slideEnd{position:relative}

/** SIMPLE LIGHTBOX **/
body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;display:none;z-index:1035}.sl-wrapper{z-index:1040;width:100%;height:100%;left:0;top:0;position:fixed}.sl-wrapper *{box-sizing:border-box}.sl-wrapper button{border:0 none;background:transparent;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:0.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:10060;margin-top:-14px;margin-right:-14px;height:44px;width:44px;line-height:44px;font-family:Arial,Baskerville,monospace;color:#000;font-size:3rem}.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:10060;color:#000;font-size:1rem}.sl-wrapper .sl-download{display:none;position:fixed;bottom:5px;width:100%;text-align:center;z-index:10060;color:#fff;font-size:1rem}.sl-wrapper .sl-download a{color:#fff}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;height:44px;width:22px;line-height:44px;text-align:center;display:block;z-index:10060;font-family:Arial,Baskerville,monospace;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}@media (min-width: 35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}}@media (min-width: 50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}}.sl-wrapper.sl-dir-rtl .sl-navigation{direction:ltr}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0 none;width:100%;height:auto}@media (min-width: 35.5em){.sl-wrapper .sl-image img{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image img{border:0 none}}.sl-wrapper .sl-image iframe{background:#000;border:0 none}@media (min-width: 35.5em){.sl-wrapper .sl-image iframe{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image iframe{border:0 none}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,0.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease 200ms;transition:-ms-transform ease 200ms;transition:-o-transform ease 200ms;transition:-webkit-transform ease 200ms;transition:transform ease 200ms}@-webkit-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}

/** SLICK **/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/** SLICK THEME **/
.slick-prev,.slick-next,.slick-prev:before,.slick-next:before{width:30px;height:30px}
.slick-prev,.slick-next{position:absolute;top:50%;display:block;padding:0;z-index:1;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{color:#fff;display:block;content:"";background-position:center;background-size:contain;background-repeat:no-repeat;}
.slick-prev{left:25px}
.slick-prev:before{background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M20 .755l-14.374 11.245 14.374 11.219-.619.781-15.381-12 15.391-12 .609.755z"/></svg>')}
.slick-next{right:25px}
.slick-next:before{background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M4 .755l14.374 11.245-14.374 11.219.619.781 15.381-12-15.391-12-.609.755z"/></svg>')}

.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:12px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:18px;height:18px;margin:0 10px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:18px;height:18px;padding:5px;cursor:pointer;color:transparent;border:1px solid #000;border-radius:100%;outline:none;background:#fff}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none;background-color:#000}

.slick-dots li.slick-active{width:46px}
.slick-dots li.slick-active button{width:46px;border-radius:var(--bs-border-radius-pill)!important}

.slick-dots li.slick-active:nth-child(1) button{background-color:#ED5300;border-color:#ED5300}
.slick-dots li.slick-active:nth-child(2) button{background-color:#15FF00;border-color:#15FF00}
.slick-dots li.slick-active:nth-child(3) button{background-color:#9D2020;border-color:#9D2020}
.slick-dots li.slick-active:nth-child(4) button{background-color:#00CDED;border-color:#00CDED}

/* WP */
#wp-admin-bar-wp-logo,#wp-admin-bar-top-secondary,#wp-admin-bar-search{display:none!important}
#wpadminbar{width:auto;min-width:0}
#wpadminbar:after{content:"";position:absolute;right:-32px;bottom:0;width:0;height:0;border-style:solid;border-width:0 32px 32px 0;border-color: transparent transparent #1d2327 transparent;transform:rotate(90deg);}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
}

@media (min-width: 1400px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    max-width: 1400px;
  }
}

@media (max-width: 767px) { /* sm */
  
  #a3_logo{height:20px;width:auto}
  
	#navigation{background-color:#000;height:100vh;width:0;position:fixed;z-index:999999;top:0;right:0;margin:0!important;padding:0!important;overflow-x:hidden;transition:.5s;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;border-radius:0!important}
	
	#navigation ul{padding-right:15px}
	#navigation ul li{display:block;width:100%;padding:0.25em 0;margin-bottom:0.25em}
	#navigation ul li a{color:#fff;border-bottom:1px solid #666;white-space:nowrap;text-align:right;padding:0.5em 1.5em 0.5em 0}
	#navigation ul li.current-menu-item a{color:#e9511c}
	
  h1{font-size:2.8em}
  h2{font-size:2.4em}
  
  .acf_numeri{overflow-x:hidden}
	.acf_numeri .number{font-size:4.5em}
  
  .acf_doppia_immagine .bg-cover{padding:0!important}
  .acf_doppia_immagine .titolo-immagine2{position:absolute;height:auto!important}
  .acf_doppia_immagine .immagine2{position:relative;width:100%!important}
  
  .acf_numeri .border-end{border-left:1px solid}
  
  .mobile-spacer-bottom{padding-bottom:25vh}
  
  .acf_slide_title{position:static!important}  
  .acf_slide .border-start{border-left:0!important}
  
  .fluentform .form-info .ff-t-column-1{border-right:0}
  .fluentform .ff-el-group.border-0.email-field{border-bottom:1px solid!important}
  
  .slideshow2, .slideshow2 .slide, .slideshow2-wrapper{height:60vh;width:100%}
  .acf_blocco_slideshow .slick-list, .acf_blocco_slideshow .slick-track{width:100vw}
  
}

@media (max-width: 575px) { /* No infix */

}
/* PWA + Mac Desktopp */
@media (display-mode: standalone), (display-mode:fullscreen) {

}
/* PWA Windows*/
@media (display-mode: minimal-ui) {

}