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



*{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,h2,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif;}
h2 {font-size:2.5rem;}

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

.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;}

.equal-height-row {
    display: flex;
    flex-wrap: wrap; /* mantiene il responsive su mobile */
}

.equal-height-row > .col {
    display: flex;
    flex-direction: column;
}

.fw-medium {font-weight:600!important}

.btn,a.btn,a.btn:visited{padding:0.5rem 4.5rem;border:0;border-radius:6px;background-color:#212529;color:#fff}
.btn:hover,a.btn:hover,a.btn:visited:hover{background-color:#777;}

.btn-arrow, .btn-arrow:visited {
	font-family: "Montserrat", sans-serif;
	text-decoration: none;
	transition: color 0.3s ease;
	position: relative;
	display: inline;
	padding: 0.1em 0.5em;
}
.btn-arrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  background-color: #fff; /* colore evidenziatore */
  z-index: -1;
  transition: width 0.3s ease;
}
.btn-arrow:hover::before {
  width: 100%;
}
.btn-arrow:hover {
  color: #DF0015!important;
}
.btn-arrow .arrow {
  display: inline-block;
  margin-left: 0.3rem;
  transition: transform 0.3s ease;
}
.btn-arrow:hover .arrow {
   transform: translateX(5px);
}

.text-grey,.text-grey a,a.text-grey{color:#dedede}
.bg-white {background-color:#fff!important;}
.bg-grey{background-color:#dedede}
.bg-black {background-color:#040404!important;}
.bg-red-80 {background-color:rgba(198, 4, 23, 0.8);}
.bg-red {background-color:rgba(198, 4, 23, 1);}

.red {color:#d60011}
.text-orange,.text-orange a,a.text-orange{color:#e85b0e}
.bg-orange{background-color:#e85b0e}
.text-bg-orange{background-color:#e85b0e;color:#fff}

.link-white a, .link-white a:visited {color:#fff}
.red-title h1, .red-title h2, .red-titleh3 {color:#d60011}


.list-style-1 {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-style-1 li {
    position: relative;
    padding: 0 0 10px 22px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-weight:600;
}
.list-style-1 li:before {
        content: "\00BB";
        position: absolute;
        top: 1px;
        left: 0;
        font-family: 'FontAwesome';
}
.list-style-1.list-style-color li:before {
    color: #D60011;
}

.border-15 {border-top-width: 15px!important;border-bottom-width: 15px!important;border-left-width: 0px!important;border-right-width: 15px!important;}
.border-black {border-color:#040404!important}

.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}

.w-md-50 {width:50%!important}

.site-title img {max-height:70px;transition: all 0.8s ease;}
#header{position:fixed;}
#header.scrolled {background:#040404;z-index:10!important;}
#header.scrolled .site-title img {max-height:50px;transition: all 0.8s ease;}
.header-banner {bottom:0;right:0;}
.header-banner-title h1 {font-size:4rem;font-weight:600;}
.header-banner-title a, .header-banner-title a:visited {font-family: "Montserrat", sans-serif; color:#fff;text-decoration: none}

.header-banner-content {
    position: absolute;
    bottom: 0;
    right: 0;
}

.acf_slide {
	position: relative;
    height: 62vh!important; 
    overflow: hidden;
}
.acf_slide_bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.acf_slide_title {font-size:18rem;bottom:0;left:0;opacity:15%;mix-blend-mode: plus-lighter;line-height: 80%;text-align: left;}
.acf_slide_title_wrapper {line-height:90%;bottom:-3.5%;left:0;}

.acf_slide_bg_video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}



.fixed-white {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    z-index: -1;
}
.black-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	pointer-events: none; /* rende cliccabili gli elementi sotto */
}
.black-overlay2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.2);
	pointer-events: none; 
}
.overlay-yellow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 199, 50, 1);
	mix-blend-mode: color;
	pointer-events: none;
}
.overlay-blue {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(12, 27, 95, 1);
	mix-blend-mode: color;
	pointer-events: none;
}
.overlay-black {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	pointer-events: none;
}

.image-box, .image-box2 {
	position: relative;
	padding: 0;
	margin: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 100%;
}
.image-box2 {
	margin-top: -80px;
	z-index: 3;
	border: 15px solid #040404;
    box-sizing: border-box;
}

.image-azienda {
	object-fit: cover;
	height:80vh;
	object-fit: cover;
  	display: block;
}

.acf_mappa .icona {max-height:80px;margin:0 auto;}

.acf_facebook {background:#EAEAEA}

/* Alternanza automatica bianco / grigio chiaro */
.acf_blocco_base:nth-of-type(odd) {
    background-color: #f4f4f4;
}
.acf_blocco_base:nth-of-type(even) {
    background-color: #fff;
}
.acf_blocco_base .icona {max-height:110px}

ul.list {padding-left:2rem;list-style-type: square;}
ul.list li {margin-bottom:1rem;}
.text-column-2 {column-count: 2}

ul.menu{margin-bottom:0}
ul.menu li{display:inline-block;position:relative}
ul.menu li a{font-family: "Montserrat", sans-serif;display:block;text-decoration:none;padding:0.325em 2em;line-height:normal;text-transform:uppercase;color:#fff;font-weight:500}
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:#DF0015;font-weight:600}

.main-navigation ul > li.menu-item-has-children > a:after{content:"";height:1rem;width:20px;display:inline-block;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yMy4yNDUgNGwtMTEuMjQ1IDE0LjM3NC0xMS4yMTktMTQuMzc0LS43ODEuNjE5IDEyIDE1LjM4MSAxMi0xNS4zOTEtLjc1NS0uNjA5eiIvPjwvc3ZnPg==");background-position:center;background-size:contain;background-repeat:no-repeat}

ul.sub-menu{display:none;position:absolute;top:30px;left:0;z-index:10;width:auto;background-color:#fff;box-shadow:-1px 1px 3px rgba(0,0,0,0.65);padding:0.625em 1.15em;text-align:left}
ul.sub-menu li{width:100%;min-width:200px;display:block;}
ul.sub-menu li a{display:block;position:relative;overflow:hidden;padding:0;}

.sub-menu li{margin:0;width:100%;text-align:left;}
li.menu-item-has-children:hover .sub-menu{display:block}

.footer-image {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.footer-logo img{max-width:280px}
.site-footer {color:#BDBDBD}
.site-footer a, .site-footer a:visited {color:#fff;text-decoration: none;}
.site-footer a:hover{color:#DF0015}
.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:#C10214}

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

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

.acf_facebook-image{height:350px;background-size:cover;background-position:center;background-repeat:no-repeat}

/* 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;object-fit: cover;object-position: center;}
.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>')}

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 0; }

.slick-dots {
    position: relative;
    bottom: auto;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 14px 0;
    margin: 0;
    list-style: none;
}
.slick-dots li {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 48px;
    height: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus { outline: none; }

.slick-dots li button:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 48px;
    height: 2px;
    border-radius: 2px;
    background-color: #ccc;
    opacity: 1;
    transition: width 0.3s ease, background-color 0.3s ease;
}
.slick-dots li.slick-active button:before {
    width: 64px;
    background-color: #040404;
}
.slick-dots li button:hover:before {
    background-color: #888;
}

/* Zoom slide attiva */
.slick-slide img,
.slick-slide .acf_slide_bg {
    transform: scale(1);
    transition: transform 6s ease-out;
}
.slick-slide.slick-active img,
.slick-slide.slick-active .acf_slide_bg {
    transform: scale(1.05);
}
/* 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);}

/* Bootstrap Breakpoints */
@media (max-width: 1440px) { /* sm, md */
	.header-banner-title h1 {font-size: 3rem;font-weight:600}
}

@media (max-width: 1199px) { /* sm, md, lg   */
	.image-box {min-height: 220px;}
	.acf_facebook-image{height:200px;}
	.header-banner-title h1 {font-size: 2.7rem;font-weight:600}
}

@media (max-width: 991px) { /* sm, md */

}

@media (max-width: 767px) { /* sm */
	#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}
	
	#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 0}
	#navigation ul li.current-menu-item a{color:#e9511c}
	
	#navigation-mobile {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;          /* tutta altezza */
		background-color: #000;
		z-index: 9999;
		transform: translateY(-100%); /* fuori schermo */
		transition: transform 0.3s ease-in-out;
		padding: 2rem 1rem;
		text-align: center;
		overflow-y: auto;       /* scroll se necessario */
	}

	#navigation-mobile.active {
		transform: translateY(0); /* slide down */
	}

	#navigation-mobile ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#navigation-mobile li {
		display: block;
		padding: 0.5rem 0;
	}

	#navigation-mobile a {
		color: #fff;
		text-decoration: none;
		display: block;
		width: 100%;
	}
	#navigation-mobile li.current-menu-item > a {
		color: #d60011;
	}

	/* Bottone chiudi */
	#nav-close {
		cursor: pointer;
		margin-top: 2rem;
	}
	
	.acf_facebook-image{height:300px;}
	
	.footer-image {display:none}
	#footer {font-size:70%!important;}
	
	.w-md-50 {width:100%!important}
	.fs-m-s {font-size:90%;}
	

    .header-banner {
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .header-media {
        position: relative !important;
        height: 50vh !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center;
        flex-shrink: 0;
    }

    .header-banner-content {
        position: relative !important;
        bottom: auto !important;
        right: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 50vh;
        background-color: rgba(198, 4, 23, 1) !important;
        display: flex;
        align-items: center;
    }

	.header-banner-title h1 {font-size: 1.6rem;}
	
	h1 {font-size:2.2rem;}
	h2 {font-size:2rem;}
	h5 {font-size:1.3rem;}
	
	.acf_icon h5 {font-size:1rem;}
	
	.text-column-2 {column-count:1 }
	
	.image-azienda {height: 40vh;}
	.image-box2 {margin-top: 0px;border: 0;box-sizing: border-box;}
	.border-15 {border:0!important;}
	
	.acf_slide {height: 50vh !important;}
	.acf_slide_title {font-size: 4rem;line-height: 90%;text-align:center}
	.acf_slide_title_wrapper {width: 100%;}
	
	.acf_slide_bg_video {
        object-position: center bottom;
    }
	
	
}

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

}