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

/*
@font-face {
  font-family: "Raleway";
  src: url("./assets/fonts/Raleway/Raleway-VariableFont_wght.ttf") format("truetype");
} */


@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.2;
	color:#0D77BD;
}

h1 {
	font-size:3.7rem;
	line-height: 90%!important;
	color:#0D77BD;
	/*border-left:20px solid #FBB900;
	padding-left:0.5rem;*/
}

b, strong {
    font-weight: 600;
}

a,a:visited{color:#0D77BD;text-decoration:none}
a:hover,a:focus,a:active{color:#FBB900;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;}

.btn,a.btn,a.btn:visited{padding:0.5rem 4.5rem;border-radius:0px;background-color:#fff;color:#0D77BD;border:1px solid #0D77BD;}
.btn:hover,a.btn:hover,a.btn:visited:hover{background-color:#0D77BD;color:#fff;}
.btn-small {font-size:0.8rem!important;padding:0.2rem 2rem!important;}
.btn-big {font-size:1.3rem!important;width:49%}


.text-grey,.text-grey a,a.text-grey{color:#dedede}
.white {color:#fff}
.bg-grey{background-color:#dedede}
.bg-lightblue {background-color:#0D77BD}
.bg-lighterblue {background-color:#E6F5FF}
.bg-gradientblue {background: linear-gradient(90deg,rgba(255, 255, 255, 1) 20%, rgba(13, 119, 189, 1) 63%);}
.yellow {color:#FBB900}
.lightblue {color:#0D77BD}
.bg-yellow {background-color:#FBB900}
.text-orange,.text-orange a,a.text-orange{color:#e85b0e}
.bg-orange{background-color:#e85b0e}
.text-bg-orange{background-color:#e85b0e;color:#fff}

.slideshow-slide{position:relative}


.big-t-right .acf_slide_title {
	color:#fff;
	text-transform: uppercase;
	font-size:4rem;
	text-align:right!important;
}

.homeslide .acf_slide_title_wrapper {
	background-color:#0D77BD;
	padding:2rem 0;
	border-left:30px solid #FBB900; 
	width:50%!important;
	top:60%!important;
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
.homeslide .acf_slide_title_wrapper h3 {color:#fff!important;}

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

.acf_facebook {border-top:10px solid #FBB900}
.acf_facebook-image{height:250px;background-size:cover;background-position:center}

ul.biglist li {border-bottom:1px solid #0D77BD;font-size:2rem;list-style-type:none;margin-bottom:1rem;line-height: 200%;position:relative;}
ul.biglist li a {text-decoration:none;font-style:italic;color:#0D77BD;font-weight: 600;padding:2rem 0;}
ul.biglist li a:after {content:url("assets/images/arrow_dx_yellow.svg");position:absolute;right:0;}
ul.biglist li a:hover, .arrow-right:hover h4 {color:#FBB900!important}
ul.biglist li a:hover:after, .arrow-right:hover:after {margin-right:1rem;transition: margin-right 0.5s ease-in-out;filter: brightness(0) saturate(100%) invert(84%) sepia(57%) saturate(5702%) hue-rotate(2deg) brightness(102%) contrast(100%);}
.arrow-right:after {content:url("assets/images/arrow_dx_blue.svg");position:absolute;right:0;top:15px;}

.two-columns {
  columns: 2;
  column-gap: 2rem; /* spazio tra le colonne */
}
.two-columns li {break-inside: avoid;}

blockquote {color:#0D77BD}

.icon-dimension {max-width:150px;}

.text-light .btn-primary, .text-light .btn-primary:visited {background:none;border:1px solid #fff;font-weight:500;color: #fff;}
.text-light .btn-primary:hover {background:#fff;color:#0D77BD;box-shadow:0 0 3px rgba(0,0,0,0.15)}
.text-light h2 {color:#fff;}
.text-light a, .text-light a:visited {color:#FBB900;}
.text-light a:hover {color:#ffd870}

.acf_form.text-light h2 {color:#fff;}
.acf_form.text-light input {border-color:rgba(0,0,0,0.15)}

.list {list-style-type: none;margin:0;padding:0;}
.list li {margin-bottom:1rem;padding-left:25px;padding-bottom:0.7rem;border-bottom:1px dotted #0d77bd;font-style: italic;position:relative;}
.list li:before {content:url("assets/images/list.svg");width:14px;height:18px;position:absolute;left:0;top:3px;}

.list-contact {list-style-type: none;margin:0;padding:0;}
.list-contact li {margin-bottom:1rem;padding-left:25px;padding-bottom:0.85rem;position:relative;font-size:1.2rem;border-bottom:1px solid rgba(255,255,255,0.1);}

#header{background-color:#fff}
.social-top a svg {fill:#fff;height:20px;width:20px;margin:3px 2px;border-radius: 50%;}


ul.menu{margin-bottom:0}
ul.menu li{display:inline-block;position:relative;}
ul.menu li a{display:block;text-decoration:none;padding: 0.2em 1em;line-height:normal;text-transform:uppercase;color:#0D77BD;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:#fff;background-color:#0D77BD;border-radius:0px}

.main-navigation ul > li.menu-item-has-children > a:after{content:"";height:1rem;width:15px;display:inline-block;background-image:url("assets/images/arrow_down_small.svg");background-position:center;background-size:100%;background-repeat:no-repeat;margin-left:7px;}


ul.sub-menu{display:none;position:absolute;top:25px;left:0;z-index:10;width:auto;background-color:#fff;box-shadow:-1px 1px 3px rgba(0,0,0,0.1);padding:0;text-align:left}
ul.sub-menu li{width:100%;min-width:200px;display:block;border-radius:0}
ul.sub-menu li a{display:block;position:relative;overflow:hidden;padding:0.5rem 1rem;font-size:0.8rem;border-radius:0}
ul.sub-menu li a:hover {background-color:#FBB900}

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

.header-menu, .menu-top-menu-container, .top-menu {display:inline;}
ul#top-menu {margin:0 20px 0 0;padding:0;display:inline;}
ul#top-menu li {display:inline;position:relative;list-style-type: none;border-right:1px solid #fff;}
ul#top-menu li a, ul#top-menu li a:visited {display:inline;color:#fff;font-size:0.9rem;text-transform:uppercase;padding: 0 1rem;}
ul#top-menu li a:hover {color:#FBB900}

.footer-logo img{max-width:330px}
.site-footer a, .site-footer a:visited {color:#fff;}
.site-footer a:hover{text-decoration:none;color:#FBB900}
.site-footer ul{list-style-type:none;margin:0;padding:20px 0 0 0}
.site-footer li{display:block;border-bottom:1px solid rgba(255,255,255,0.2);font-style:italic;padding:0.5rem 0;}
.site-footer li a {text-decoration:none;padding:0.5rem 1rem;}
.site-footer li:hover {background:rgba(255,255,255,0.1)}
.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, .social-top a:hover svg {fill:#FBB900}
.footer-infos {border-top:1px solid rgba(255,255,255,0.45);}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {color:#fff;}

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

/* Rende il contenitore quadrato */
.wildgallery > div {
  aspect-ratio: 1 / 1;   /* mantiene forma quadrata */
  overflow: hidden;
  padding: 1rem;            /* rimuove padding di bootstrap */
  position: relative;
}

/* Il link deve riempire il quadrato */
.wildgallery > div > a {
  display: block;
  width: 100%;
  height: 100%;
}

/* L’immagine riempie il quadrato senza deformarsi */
.wildgallery > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;     /* ritaglio perfetto */
  object-position: center;
  display: block;
}


/* 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{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-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{font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir='rtl'] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'←'}
[dir='rtl'] .slick-prev:before{content:'→'}
.slick-next{right:-25px}
[dir='rtl'] .slick-next{right:auto;left:-25px}
.slick-next:before{content:'→'}
[dir='rtl'] .slick-next:before{content:'←'}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:15px 5px 0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;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:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-size:30px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}

/* Bootstrap Breakpoints */
@media (max-width: 1199px) { /* sm, md, lg   */
	.footer-logo img {max-width: 250px;}
	h1 {font-size: 3rem;}
	ul.biglist li {font-size: 1.4rem;}
	.homeslide .acf_slide_title_wrapper {width:50%!important;top:50%!important;padding:0.8rem 0;}
}

@media (max-width: 991px) { /* sm, md */
	.footer-logo img {max-width: 200px;}
	.acf_facebook {padding-top:3rem;}
}

@media (max-width: 767px) { /* sm */
	#navigation{background-color:#0D77BD;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 rgba(255,255,255,0.3);white-space:nowrap;text-align:right;padding:0.5em 0}
	#navigation ul li.current-menu-item a{color:#FBB900}
	
	h1 {font-size: 2.5rem;}
	ul.biglist {padding-left:0!important}
	
	.bg-none {background:none!important}
	
	.homeslide .acf_slide_title_wrapper {width:100%!important;top:0%!important;padding:0.8rem 0;position:relative!important}
	.big-t-right, .big-t-right .slick-slide {min-height:115px;}
	.big-t-right .slick-slide img {width:250%!important;object-fit: cover;height:115px;}
	
	.list-contact li {padding-left:0px;padding-bottom:0.85rem;position:relative;font-size:1rem;border-bottom:1px solid rgba(255,255,255,0.1);}
}

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

}