/*
Theme Name: 360sw Naked
Theme URI: https://360smartweb.it
Author: 360Smartweb - Massimiliano Piacentini
Author URI: https://360smartweb.it
Description: Tema base realizzato con flexbox, Acf Pro, Font Awesome 5 "free", Slick Slider, Magnific Popup e infinite scroll, senza l'utilizzo di Bootstrap.
Version: 1.20240624
Require at least: 6.1
Testes up to: 6.5.4
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, translation-ready
Text Domain: sw360

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* -------------------------------------------------------------------------------- */
/* ! CSS Style */
/* -------------------------------------------------------------------------------- */

/* @ Admin bar */
.admin-bar .navbar {top:32px;}
body.admin-bar {padding-top:32px;}
h1.seo-title {position: absolute;top: -100px;}

/* @ Generale */
body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	padding-top: 0px;
	font-family: 'Montserrat', system-ui, Arial, sans-serif;
	background-color: #ffffff;
	box-sizing: border-box;
	font-size:16px;
	overflow-x: hidden;
}

html {box-sizing: border-box;margin:0; padding: 0;scroll-behavior: smooth;}
:target {display: block;position: relative;}

a {color:var(--color1);text-decoration:none;}
a:hover:not(.wp-element-button, .btn-primario) {text-decoration:none;color:var(--color1);}
h1, h2, h3, h4 h5, h6, ol, ul, p {margin:0; padding: 0;}
h2, h3, h4, h5, h6 {line-height: 42px;font-weight: bold;letter-spacing: 1.23px;}
h1 {font-size:3.2rem;line-height:3.7rem;margin: 0 0 15px;}
h2 {font-size:2.3rem;line-height:2.8rem;margin:50px 0;}
h3 {font-size:2rem;line-height:2.5rem;margin:15px 0;}
h4 {font-size:1.5rem;line-height:2rem;margin:15px 0;}
h5,
h6 {font-size:1.2rem;line-height:1.8rem;margin:15px 0;}
p {font-size:1.1rem;line-height: 1.55rem;margin:10px 0 !important;color:var(--color_text);}
img {height:auto;}
body.navbar-transparent {padding-top: 0px;}
.main-title{color: #2d2d2d;text-align: center;text-transform: capitalize;padding: 0.7em 0;}
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {margin-bottom: 15px;}
.main-content h2:not(:first-of-type) {margin: 50px 0 15px 0 !important;}
main, 
header,
.jumbotron .container {padding: 0 20px;}
input {accent-color: var(--color1);}
body,
body main.main-content,
body main.main-content .col-100 {padding: 0;}


@media (max-width: 1024px) {
	body.admin-bar {padding-top:46px;}
	body.home .main-content {padding-top: 0px !important;}
	main > .col-100 {padding: 0 30px !important;}
}


/* -------------------------------------------------------------------------------- */
/* ! COLORI DAL CUSTOMIZER */
/* -------------------------------------------------------------------------------- */
body,
.main-content {background: var(--colore_bg_sito);}
.main-content p:not(.cont-slider-new--testo),
.main-content ul:not(.cont-slider-new--testo),
.main-content ol:not(.cont-slider-new--testo),
.main-content li:not(.cont-slider-new--testo) {color: var(--color_text);}
body.home .main-content .wp-block-cover p{color:#fff;} 

header {background: var(--colore_background_navbar);}
header .menu-360 {background: transparent;}
li.menu-item a:after {background-color:var(--colore_navbar_hover);}

::selection {background: var(--coloreBgSelezione);color: var(--coloreTestoSelezione);}

#footer-widget .bg-foot,
.bg-foot {background:#555;background: var(--colore_background_footer);}

/* ! Accordion */
.title-accordion {cursor: pointer;padding: 20px;margin-bottom: 0 !important;border-radius: 5px 5px 0 0;}
.content-accordion {max-height: 0;overflow: hidden;margin: 0;transition: all 0.8s cubic-bezier(.215, .61, .355, 1);}
.content-accordion p {padding: 20px;}
.content-accordion--show {max-height: 500px;}


/* -------------------------------------------------------------------------------- */
/* ! NAVBAR MENU */
/* -------------------------------------------------------------------------------- */

/* @ Navbar */
header {position: relative;width: 100%;z-index: 99;border-bottom: 2px solid #cf9c81;background-color:#fff;display: flex;flex-direction:column;padding:0 !important;}
header .container-header {max-width: 1250px;margin: 0 auto;width: 100%;display: flex;padding: 10px 0;justify-content: space-between;align-items: center;}
#top-bar {background:#f5f5f5;margin:0 auto;width:100%;height: 48px;}
#top-bar .grid {display: flex;flex-flow: row;flex-wrap: wrap;width:100%;max-width:1250px;margin:0 auto;padding: 0;}
#top-bar .grid .col-50 {padding:0;display: flex;align-items: center;}
#top-bar .grid ul {list-style-type: none;display: inline-flex;}
#top-bar .grid ul li {padding:7px; margin: 0 5px;}
#top-bar .grid ul li,
#top-bar .grid ul li a {color:var(--color2);font-size:.85rem;}

@media (max-width: 768px) {
	#top-bar {display: none;}
} /* Fine query */


/* @ Toggle */
header .header__icon, .icon-hamburger{ width: 30px;height: 30px;position: relative;display:none;z-index: 9999999;}
header .header__icon {display:none;}
header .icon-hamburger span {height: 2px;width: 100%; position: absolute; background:var(--color2); top: 11px; transition: all 0.2s ease-in-out;}
header .icon-hamburger span:before,
header .icon-hamburger span:after{height: 2px;width: 100%; position: absolute; background:var(--color2); content: ' '; margin-top: -10px;transition:all 0.3s cubic-bezier(.215, .61, .355, 1); right:0px;}
header .icon-hamburger span:after{margin-top: 10px}
header.open .icon-hamburger span{background: transparent!important;}
header.open .icon-hamburger span:before{transform: rotate(45deg);margin-top: 0;}
header.open .icon-hamburger span:after{transform: rotate(-45deg);margin-top: 0;}
header.open nav{background:var(--colore_background_navbar);}
body.is-scrolled header {background-color: #fff;}

/* -------------------------------------------------------------------------------- */
/* ! Navbar Scelta tipo 3  = Logo + Space + Hamburger*/
/* -------------------------------------------------------------------------------- */
body[sceltaNavbar="value3"] header .icon-hamburger {display:inline-block;}
body[sceltaNavbar="value3"] header ul.menu-navbar {display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;height: 100%;max-height:100vh;}
body[sceltaNavbar="value3"] header .header__icon {display:block;}
body[sceltaNavbar="value3"] header .navbar-360 {display: inline-block;z-index: 99999999;}
body[sceltaNavbar="value3"] header .navbar-360 img {padding-left:20px;}
body[sceltaNavbar="value3"] header nav.menu-360 {position: absolute;content: '';top: 0;left: 0;width: 100vw;height: 100vh;z-index: 9999999;background: #111;transform:translateX(-100%);overflow: hidden;transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}
body[sceltaNavbar="value3"] header.open nav.menu-360  {transform:translateX(0%);}
body[sceltaNavbar="value3"] header nav.menu-360 {display: flex;justify-content: center;background: #fff;}

body[sceltaNavbar="value3"] header .icon-hamburger span,
body[sceltaNavbar="value3"] header .icon-hamburger span:before,
body[sceltaNavbar="value3"] header .icon-hamburger span:after{background:#fff;}
body[sceltaNavbar="value3"] header.open .icon-hamburger span,
body[sceltaNavbar="value3"] header.open .icon-hamburger span:before,
body[sceltaNavbar="value3"] header.open .icon-hamburger span:after,
body[sceltaNavbar="value3"].is-scrolled header .icon-hamburger span,
body[sceltaNavbar="value3"].is-scrolled header .icon-hamburger span:before,
body[sceltaNavbar="value3"].is-scrolled header .icon-hamburger span:after{background:var(--color2);}


body[sceltaNavbar="value3"].home .menu-navbar li.menu-item:not(.cta-call) a,
body[sceltaNavbar="value3"].page-template-template-video-header .menu-navbar li.menu-item:not(.cta-call) a,
body[sceltaNavbar="value3"].page-template-template-carosello .menu-navbar li.menu-item:not(.cta-call) a,
body[sceltaNavbar="value3"].page-template-template-homepage .menu-navbar li.menu-item:not(.cta-call) a,
body[sceltaNavbar="value3"][tipoHero="HeroImmagine"] .menu-navbar li.menu-item:not(.cta-call) a,
body[sceltaNavbar="value3"] .menu-navbar li.menu-item.menu-item-has-children ul.sub-menu li a,
body.is-scrolled .menu-navbar li a{color:#1b1b1b;}
body nav ul li {
    margin: 10px 5px !important;
}

body[sceltaNavbar="value3"] header .container-header nav.menu-360 ul.menu-navbar li.menu-item a {color: #333;} 
body[sceltaNavbar="value3"] header .container-header nav.menu-360 ul.menu-navbar li.menu-item.menu-item-has-children i {color:#333;}
body[sceltaNavbar="value3"] header .container-header nav.menu-360 ul.menu-navbar li.menu-item-has-children ul {overflow: hidden !important;padding: 0px !important;transition: max-height .2s;display: flex !important;flex-direction: column !important;position: relative !important;top:0;left:0;justify-content: center;transform: none;text-align:center;}
body[sceltaNavbar="value3"] header .container-header nav.menu-360 ul.menu-navbar li.menu-item-has-children.open > ul {transition: .45s !important;max-height: 300px !important;margin: 5px 0;}
body[sceltaNavbar="value3"] header .container-header nav.menu-360 ul.menu-navbar li.menu-item-has-children {position: relative;padding-right: 0px;}
body[sceltaNavbar="value3"] header .container-header nav.menu-360 ul.menu-navbar ul.sub-menu li a {margin:0 auto;}

body[sceltaNavbar="value3"] header .social {display: none;}

@media (max-width: 768px) {
	/* body[sceltaNavbar="value3"] header ul.menu-navbar {display: flex;justify-content: center;} */
	body[sceltaNavbar="value3"] header ul.menu-navbar {height: auto;}
} /* Fine query */

/* -------------------------------------------------------------------------------- */
/* ! Navbar Scelta tipo 2 = Logo + Space + Nav */
/* -------------------------------------------------------------------------------- */
body[sceltaNavbar="value2"] header .social {display: none;}

/* -------------------------------------------------------------------------------- */
/* ! Navbar Scelta tipo 1 = Logo + Nav + Social */
/* -------------------------------------------------------------------------------- */
body[sceltaNavbar="value1"] header .social {display: flex;}
body[sceltaNavbar="value1"] header .social ul{list-style-type: none;display:flex;flex-direction: row;}
body[sceltaNavbar="value1"] header .social ul li a{display: inline-flex;padding: 3px; border: 1px solid #f6f6f6;margin-left: 12px;}
body[sceltaNavbar="value1"] header .social ul li,
body[sceltaNavbar="value1"] header .social ul li a{color:#f6f6f6;}

@media (max-width: 768px) {
	body[sceltaNavbar="value1"] header .social {display: none;}
} /* Fine query */
/* -------------------------------------------------------------------------------- */
/* ! Navbar Scelta tipo 4 = Logo centrale + Navbar a capo */
/* -------------------------------------------------------------------------------- */
body[sceltaNavbar="value4"] header .social {display: none;}
body[sceltaNavbar="value4"] header .container-header {flex-direction: column;}


/* @ NAVBAR - STILE SU STATO NORMALE */
li.menu-item {position:relative;}
li.menu-item a {color: #242424;padding: 15px 0px;text-align: center;font-size: .95rem;position: relative;margin-block: 2px;text-transform: uppercase;}
ul:not(.sub-menu) li.menu-item a {margin:0 10px;}
ul.sub-menu li.menu-item a {margin:0 auto;}

li.menu-item:not(.current-menu-item):hover {
	background: var(--color1);
	transition: all .3s cubic-bezier(.215, .61, .355, 1);
}
li.menu-item:hover > a{
	color:#fff !important;
}
li.menu-item.current-menu-item{background: var(--color2);border-radius: 3px;}


/* li.menu-item:not(.cta-call):not(.current-menu-item) a:hover:after {transform: scaleX(1);}
li.menu-item a:after {content: '';width: 100%;height: 2px;background-color: #d09c81;border-radius: 4px;position: absolute;left: 0;bottom: 0;transform: scaleX(0);transform-origin: left;transition: transform .25s ease;} */

li.menu-item.current-menu-item a,
body.is-scrolled li.menu-item.current-menu-item a{color:#fff !important;}

ul.menu-navbar li {display:grid;}
a.navbar-360.logo.animate {display: flex;align-items: left;}
.navbar-360:not(.logo-testuale) {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction:column;padding-left: 0;margin-bottom: 0;list-style: none;z-index: 99999999;}
.navbar-360 img{width: 200px;height: auto;padding: 6px 0px;}
/* .menu-360 {display: flex;align-items: center;} */
.menu-navbar {display: flex;align-items: center;}
body.page-template-template-navbar-trasparente.is-scrolled li.menu-item.cta-call a,
body.page-template-template-homepage.is-scrolled li.menu-item.cta-call a,
body.blog.is-scrolled li.menu-item.cta-call a,
li.menu-item.cta-call a {background: transparent;color: var(--color1) !important;border-radius: 3px;padding: 15px 20px;border: 1px solid var(--color1);transition: all .3s cubic-bezier(.215, .61, .355, 1);}
li.menu-item.cta-call a i {font-size: 0.85rem;}
body.page-template-template-navbar-trasparente li.menu-item.cta-call a,
body.page-template-template-homepage li.menu-item.cta-call a {background: transparent;color: #fff !important;border-radius: 5px;padding: 15px 20px;margin-left: 20px;border: 1px solid #fff;transition: all .3s cubic-bezier(.215, .61, .355, 1);}
li.menu-item.cta-call a:hover {background: var(--color1);color: #fff !important;}
.bg-360 {background-color: #192042 !important;border-bottom: 2px solid #78d98c;}
.nav-link {color: #fff !important;font-size: 13px;padding: 10px 15px !important;font-weight: 500;text-transform: uppercase;letter-spacing: 3px;}
.navbar-brand img {width: auto; height: 35px;}
.form-control {background: transparent; border: none;}
.icon-search {background: transparent; color: #fff !important; border: none; font-size: 18px; margin-right: 10px;}



@media (max-width: 450px) {
	.icon-hamburger{ left: 0px;}
	li.menu-item.cta-call a {margin-left: 0px;}
	ul.menu-navbar:not(.sub-menu) li:not(.menu-item-has-children) {display: grid;margin: 20px 0;}
	ul.menu-navbar:not(.sub-menu) li.menu-item-has-children li{margin: 0 0 !important;}
}


@media (max-width: 768px) {
	.icon-hamburger {display:inline-block;}
	.menu-navbar {display: block;}
	header .header__icon {display:block;}
	nav {display:none;}
	.navbar-360 {display: inline-block;z-index: 99999999;}
	.navbar-360 img {padding-left:20px;}
	nav {display: block;position: absolute;content: '';top: 0;left: 0;width: 100vw;height: 100vh;z-index: 9999999;background: #111;transform:translateX(-100%);overflow: hidden;}
	header nav {transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}
	header.open nav {transform:translateX(0%);}
	.menu-360 {display: flex;justify-content: center;align-items: center;background: #fff;}
}

@media (max-width: 1200px) {
	.navbar-brand img {padding-left:20px;}
	header .container-header {padding: 15px 30px;}
}



/* @ NAVBAR - COLORI ELEMENTI MENU -  TEMPLATE VARI */

body.page-template-template-video-header .menu-navbar li.menu-item:not(.cta-call) a,
body.page-template-template-carosello .menu-navbar li.menu-item:not(.cta-call) a,
body.page-template-template-homepage .menu-navbar li.menu-item:not(.cta-call) a,
body[tipoHero="HeroImmagine"] .menu-navbar li.menu-item:not(.cta-call) a,
body .menu-navbar li.menu-item.menu-item-has-children > ul.sub-menu li a{color:#fff;}

body.home .menu-navbar li.menu-item:not(.cta-call) a {color:#242424;}

body.is-scrolled.page-template-template-homepage .menu-navbar li.menu-item:not(.cta-call) a,
body.page-template-template-page-hero-title .menu-navbar li.menu-item:not(.cta-call) a,
body.is-scrolled[tipoHero="HeroImmagine"] .menu-navbar li.menu-item:not(.cta-call) a,
body.page-template-template-page-hero-none .menu-navbar li.menu-item:not(.cta-call) a,
body.page-template-template-password .menu-navbar li.menu-item:not(.cta-call) a,
body.page-template-template-full-width .menu-navbar li.menu-item:not(.cta-call) a,
body .menu-navbar li.menu-item.menu-item-has-children ul.sub-menu li a,
body.is-scrolled .menu-navbar li.menu-item.menu-item-has-children > ul.sub-menu li a,
body.home.is-scrolled .menu-navbar li.menu-item:not(.cta-call) a{color:#141414;}

body.is-scrolled header {background: #fff !important;box-shadow: 0px 0px 20px -12px #999;}
body.is-scrolled li.menu-item a {color: #121212 !important;}

/* @ NAVBAR - STILE SU PROFONDITÀ CHILD */
.menu-navbar > li > ul.sub-menu {background: #f7f7f7 !important;box-shadow: 0px 30px 35px -35px #a1a1a1;}
body ul.menu-navbar:not(.sub-menu) > li.menu-item.menu-item-has-children > i {position: absolute;top: 0;right: 15px;height: 100%;display: flex;align-items: center;justify-content: center;}
body ul.menu-navbar.sub-menu li.menu-item.menu-item-has-children > i {position: absolute;top: 0;right: 0px;height: 100%;display: flex;align-items: center;justify-content: center;}
body:not(.single) ul.menu-navbar:not(.sub-menu) li.menu-item.menu-item-has-children > i {color:#a0a0a0;}
/* Stilizzare gli elementi <i> all'interno del .sub-menu */
body ul.menu-navbar .sub-menu li.menu-item.menu-item-has-children > i {position: absolute;top: 0;right: 5px;height: 100%;display: flex;align-items: center;justify-content: center;}
body.single ul.menu-navbar:not(.sub-menu) li.menu-item.menu-item-has-children i {color:#242424;}
ul.sub-menu li.menu-item.menu-item-has-children i {max-height:60.23px;}
ul.menu-navbar li.menu-item.menu-item-has-children ul.sub-menu li.menu-item.menu-item-has-children i {color:#181818;} 
.menu-item-has-children {position: relative;padding-right: 20px;}
.menu-item-has-children ul {display: flex;position: absolute;content: '';top: 60px;left: 50%;background: #fff;transform: translateX(-50%);max-height:0px;overflow:hidden;flex-flow: column;max-width: 450px;transition: max-height .15s ease-out;}
.menu-item-has-children ul.sub-menu {max-height:0px;}
.menu-item-has-children.open ul {max-height:330px;padding: 10px;transition: max-height .3s ease-in;}
.menu-item-has-children.open ul li a {color:#121212;}
ul.sub-menu li a {width: max-content;display: inline-block;max-width: 300px;text-align: center;padding: 17px 10px;}


@media (max-width: 768px) {
	header .container-header nav.menu-360 ul.menu-navbar li.menu-item a {color: #333;} 
	li.menu-item.menu-item-has-children i {color:#333;}
	.menu-item-has-children ul {/*max-height: 0 !important;*/overflow: hidden !important;padding: 0px !important;transition: max-height .2s;display: flex !important;flex-direction: column !important;position: relative !important;top:0;left:0;justify-content: center;transform: none;text-align:center;}
	.menu-item-has-children.open ul {transition: .45s !important;max-height: 300px !important;margin: 20px 0;}
	.menu-item-has-children {position: relative;padding-right: 0px;}
	ul.sub-menu li a {margin:0 auto;}
} 



/* @ 3° livello del DEPTH */
.menu-item-has-children ul.sub-menu li {padding: 0;}
.menu-item-has-children ul {width: max-content;}
.menu-item-has-children.open ul.sub-menu li ul.sub-menu li {background-color: var(--color3);}
.menu-item-has-children ul.sub-menu .menu-item-has-children ul.sub-menu {margin: 0 auto;}
.menu-item-has-children.open ul.sub-menu .menu-item-has-children.open ul.sub-menu {max-height: 200px;}
.menu-item-has-children ul.sub-menu li.menu-item.menu-item-has-children i {top: 0;	right: 5px;	line-height: 55px;}



@media (max-width: 768px) {
	.menu-item-has-children.open ul .menu-item-has-children ul {max-height: 0 !important;}
	.menu-item-has-children ul:has(.menu-item-has-children.open),
	.menu-item-has-children ul .menu-item-has-children.open ul,
	.menu-item-has-children.open ul .menu-item-has-children.open ul {max-height: 300px !important;}
} 


/* -------------------------------------------------------------------------------- */
/* ! Aggiustamenti 2022 */
/* -------------------------------------------------------------------------------- */
main.main-content {padding-top: 0px !important;}
body header {border-bottom: 0px solid #cf9c81;transition: all .3s cubic-bezier(.215, .61, .355, 1);}
body main.main-content .container .grid .col-100.col-homepage{padding-top:0;}
body .menu-item-has-children.open ul li a {margin: 0 auto;}

/* body.is-scrolled li.menu-item.cta-call a {color:#fff !important;} */

/* body:not(.home) main {margin-top: 85px;} */

/* -------------------------------------------------------------------------------- */
/* ! ANIMAZIONI */
/* -------------------------------------------------------------------------------- */
/* @ ANIMAZIONI CSS */
.slide-up {opacity:0;overflow:hidden;transform:translateY(-200px);transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.in-page .slide-up {opacity:1;transform:translateY(0px);}

.slide-down {opacity:0;overflow:hidden;transform:translateY(200px);transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.in-page .slide-down {opacity:1;transform:translateY(0px);}

.slide-left {opacity:0;overflow:hidden;transform:translateX(-200px);transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.in-page .slide-left {opacity:1;transform:translateX(0px);}

.slide-right {opacity:0;overflow:hidden;transform:translateX(200px);transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.in-page .slide-right {opacity:1;transform:translateX(0px);}

.zoom-in {opacity:0;overflow:hidden;transform:scale(.4);}
.in-page .zoom-in {opacity:1;transform:scale(1);animation: zoom .75s 1 cubic-bezier(0, 0.95, 0.49, 0.98);}

@keyframes zoom{

	0% {opacity:1;transform: scale(.4);}
	60%{transform: scale(1.1);}
	100% {transform: scale(1);}

}


/* @ ANiMAZIONI GSAP*/
.text-reveal{transform: translateY(1rem);clip-path:polygon(0 0, 100% 0, 100% 0, 0 0);}
.fade-in {opacity:0;transform: translateY(1rem);}
.fade-up {opacity:0;transform: translateY(5rem);}
.fade-in-massi {opacity:0;}


/* @ SHORTCODE - FADEUP SU LETTERE SPLITTATE */
#animazione-2 {line-height: 3.6rem;display: flex;align-content: center;}
#animazione-2 span.word-animated {overflow:hidden;opacity:0;transform:translateY(100px);}
#animazione-2.in-page span.word-animated {animation: ganzo 1s forwards;animation-iteration-count:1;display: inline-flex;align-items: center;justify-content: center;}
#animazione-2 span.word-animated.empty-space {display: block;}

@keyframes ganzo {
	5% {opacity:0;}
	100% {transform: translateY(0);opacity:1;}
}

/* -------------------------------------------------------------------------------- */
/* ! SHORTCODE GALLERY MASSI */
/* -------------------------------------------------------------------------------- */
.imgSquare {aspect-ratio: 1 / 1;}
.imgSquare img {height: 100%;width: auto;object-fit: cover;}

.imgPortrait {aspect-ratio: 3 / 4;}
.imgPortrait img {height: 100%;width: 100%;object-fit: cover;}

.imgLandscape {aspect-ratio: 4 / 3;}
.imgLandscape img {height: 100%;width: auto;object-fit: cover;}

.imgWide {aspect-ratio: 16 / 9;}
.imgWide img {height: 100%;width: auto;object-fit: cover;}

#gallerySw .gallerySw__item {overflow: hidden;}
#gallerySw .gallerySw__item a{position:relative;display:block;transition: all .3s cubic-bezier(.215, .61, .355, 1);overflow: hidden;height: 100%;width: 100%;}
#gallerySw .gallerySw__item span:after{position:absolute;top:0;left:0;width: 100%;height: 100%;content:'';background:var(--color1);opacity:.7;transform: translateX(-100%);transition: all .3s cubic-bezier(.215, .61, .355, 1);}
#gallerySw .gallerySw__item span:hover:after{transform: translateX(0%);}

@media (max-width: 768px) {
	.gallerySw__container {flex-direction: row !important;}
} /* Fine query */

/* -------------------------------------------------------------------------------- */
/* ! Shortcode carousel */
/* -------------------------------------------------------------------------------- */
/* Migliora lo stile per il carousel verticale */
.carousel360Sw .splide__slide {display: flex;justify-content: center;align-items: center;border:1px solid #e6e6e6;}
.carousel360Sw .splide__slide img {max-width: 175px;height: auto;display: block;}

/* -------------------------------------------------------------------------------- */
/* ! Shortcode ultimi 4 progetti */
/* -------------------------------------------------------------------------------- */
body.home .progetto-item {padding: 0 !important;}
body.home .info-progetto {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #3858a199;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;opacity:0;transition: all .4s cubic-bezier(.215, .61, .355, 1);padding: 30px 15px;}
body.home .info-progetto:hover {opacity:1;}
body.home .info-progetto p, 
body.home .info-progetto a {color:#fff;transition: all .3s cubic-bezier(.215, .61, .355, 1);}
body.home .info-progetto p:hover, 

body.home .info-progetto a.btn-progetto {color: #fff;border: 1px solid #fff;border-radius: 50px;padding: 12px 25px;display: block;transition: all .3s cubic-bezier(.215, .61, .355, 1);}
body.home .info-progetto a.btn-progetto:hover {color: #242424;background-color: #fff;}
body.home .info-progetto h3 {text-align: center;font-size: 1.3rem;line-height: 1.8rem;text-transform: uppercase;}
body.home .img-progetto {height:100%;max-height:350px;}

@media (max-width: 768px) {
	body.home .info-progetto {opacity: 1;background:#00000080;}
	body.home .info-progetto h3{font-size: 1rem;line-height: 1.4rem;}
	body.home .progetto-content {display: none;}
} /* Fine query */

/* -------------------------------------------------------------------------------- */
/* ! SHORTCODE PER STAKEHOLDERS */
/* -------------------------------------------------------------------------------- */
.gridStakeholders {display: flex;flex-wrap: wrap;gap: 10px;justify-content: flex-start;}
.gridStakeholders .grid-item {display: flex;justify-content: center;align-items: center;flex: 1 1 calc(25% - 10px); /* 4 colonne per riga */box-sizing: border-box;padding: 20px;background-color: #f4f4f4;text-align: center;border: 1px solid #ddd;max-width: calc(25% - 10px);min-height: 200px;transition: all .3s cubic-bezier(.215, .61, .355, 1);}
.gridStakeholders .grid-item:hover {background: #edecec;}
.gridStakeholders .grid-item p {margin: 0;font-size: 16px;color:#929292;margin: 0 !important;letter-spacing: 1px;transition: all .3s cubic-bezier(.215, .61, .355, 1);}
.gridStakeholders .grid-item:hover p {color:#242424;}
.titoloStakeholders {font-weight: 300;text-transform: uppercase;}

/* Media Query per schermi piccoli (mobile) */
@media screen and (max-width: 768px) {
    .gridStakeholders .grid-item {
        flex: 1 1 calc(50% - 10px); /* 2 colonne per schermi con larghezza inferiore a 768px */
        max-width: calc(50% - 10px);
		min-height: 150px;
    }
}

/* -------------------------------------------------------------------------------- */
/* ! PLACEHOLDERS */
/* -------------------------------------------------------------------------------- */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #5f5e5c !important;}
::-moz-placeholder { /* Firefox 19+ */ color: #5f5e5c !important;}
:-ms-input-placeholder { /* IE 10+ */ color: #5f5e5c !important;}
:-moz-placeholder { /* Firefox 18- */	color: #5f5e5c !important;}


/* -------------------------------------------------------------------------------- */
/* ! ALTRO */
/* -------------------------------------------------------------------------------- */

@media (max-width: 1200px) {
	.navbar-collapse {flex-basis: 100%;}
	.navbar-transparent.is-scrolled .bg-primary {background: rgba(0, 0, 0, 0.9) !important;}
	.collapse-massi {padding-top:30px;}
	.ul-massi {padding-bottom: 30px;}

	.navbar-collapse .navbar-social > a {margin-right:15px;}
	.nav-link a{padding:6px 0px;}
	.navbar-social {flex-direction: row;padding-left:0px;}
	.navbar-transparent .bg-primary {background: #131313;}
}
@media (max-width: 768px) {
	.navbar-collapse .navbar-social > a {margin-right:15px;}
	ul.navbar-social.mar-soc {margin-left: 0px;}
	ul.navbar-social.mar-soc li {margin: 0px 20px 0px 0px;}
	.nav-link a{padding:6px 0px;}
}

/* -------------------------------------------------------------------------------- */
/* ! ALIGN WIDE & ALIGN FULL */
/* -------------------------------------------------------------------------------- */
/* @ Alignfull */
.alignfull {width: 100vw;margin-left: calc(50% - 50vw);}
.alignfull .wp-block-group {max-width:1250px; margin: 0 auto;}

/* @ Alignwide */
.alignwide {width: 90vw;margin-left:calc(50% - 45vw);}

@media (min-width: 960px) {
	.alignwide {width: calc(100% + 20vw);margin: 2rem -10vw;}
}

@media (max-width: 768px) {
	.alignfull .wp-block-group {padding: 0 30px;}
} /* Fine query */



/* -------------------------------------------------------------------------------- */
/* ! HELPERS */
/* -------------------------------------------------------------------------------- */
/* @ NEON */
.textNeon {
	text-shadow: 
	0px 0px 2px #fe028d, 
	5px 6px 3px rgb(0 0 0 / 62%), 
	0px 0px 30px #fe02c1e6, 
	0px 0px 60px #fe02c1e6, 
	0px 0px 80px #fe02c1cc, 
	0px 0px 80px #fe02c1e6;
	color: #ffcff3;
	-webkit-text-stroke: 2px #fe02deb5;
}

/* @ MOUSE FOLLOW */
div.ball {pointer-events: none;position: absolute;top: 0;left: 0;transform: translate(-50%, -50%);border-radius: 50%;z-index: 9999999999;}
div.ball span.inset {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 100%;z-index: 99999999999999999;}

@media (max-width: 768px) {
	div.ball{display: none;}
}


/* ! CLASI DI HELP */

/* @ Colori */
.color1 {color:var(--color1);}
.color2 {color:var(--color1);}
.color3 {color:var(--color3);}
.color4 {color:var(--color1);}

/* @ Classi generiche */
.hide {display:none;}
.h100 {height:100%;}
.overflow {overflow: hidden;}
.overflowX {overflow-x: hidden;}
.overflowY {overflow-y: hidden;}
.animate {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

/* @ Positioning */
.abs{position: absolute;}
.rel{position: relative;}
.tac{text-align:center;}
.align-start{justify-content: start;display: flex;}
.align-center{justify-content: center;display: flex;}
.align-end{justify-content: end;display: flex;}

@media (max-width: 768px) {
	.colonnaMobileCenter {text-align: center !important;}
	.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {padding: 0 !important;}
} /* Fine query */

/* @ Immagini */
.img-responsive {max-width: 100%;height: auto;width: 100%;}
.img-responsive2 {max-width: 100%;height: 100%;width: 100%;object-fit: cover;}
.img-fluid {width: 100%; height:100%;object-fit: cover;}
.imgServiziFluid img {
	max-height: 300px;
	object-fit: cover;
}
.bordered figure {
	border: 2px solid var(--color1);
	border-radius: 100%;
}
.bordered figure img {
	padding: 15px;
}
.imgQuadrata {
	aspect-ratio: 1 / 1;
  }
.imgQuadrata img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.imgRettangolare {
	aspect-ratio: 3 / 2;
  }
.imgRettangolare img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* @ Testi */
.display-0{font-size:5rem;line-height:5.5rem;}
.display-1{font-size:3.2rem;line-height:3.7rem;}
.display-2{font-size:2.3rem;line-height:2.8rem;}
.display-3{font-size:2rem;line-height:2.5rem;}
.display-4{font-size:1.5rem;line-height:2rem;}

.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}

/* @ Padding testuali */
.colonnaTestoDx {padding-left: 75px;}
.colonnaTestoSx {padding-right: 75px;}

@media (max-width: 768px) {
	.colonnaTestoDx,
	.colonnaTestoSx {padding:0;}
} /* Fine query */

/* @ Divider */
.margin-divider {margin:10px 0 15px 0 !important;}

.p10 {padding:10px !important;}
.max-width-small {max-width: 980px; margin: 0 auto;}

/* @ bordi */
.borderGrey {border: .5px solid #b9b9b9;}

/* @ Divider */
.divider360 {height: 2px;width: 40px;background: var(--color1);}
.divider360--left {margin: 25px 0;}
.divider360--center {margin-left: auto;margin-right:auto;margin-bottom: 35px;}


p + .divider360.divider360--center,
p + .divider360.divider360--left {margin-top: 25px;}
h2 + .divider360.divider360--center,
h2 + .divider360.divider360--left {margin-top: 10px;}

/* @ WIDGET SEARCH AREA */
.widget_search .screen-reader-text { display: block;}
.widget_search #s {  width: 70%;  float: left;}
.widget_search #searchsubmit {  width: 30%;  float: left;}
button.wp-block-search__button.wp-element-button {background: var(--color2) !important;color: #fff;border: 1px solid var(--color2);padding: 10px 25px;}
.wp-block-search__inside-wrapper {margin-top: 15px;}
.wp-block-search__label {width: 100%;font-size: 1.2rem;font-weight: 500;}

@media (max-width: 767px){
	/* @ ORDINE DELLA GRIGLIA DA MOBILE */
	.o1 {order:1 !important;}
	.o2 {order:2 !important;}
}
/* -------------------------------------------------------------------------------- */
/* ! TEMPLATE */
/* -------------------------------------------------------------------------------- */

/* @ TEMPLATE FULLWIDTH E WIDE */
.page-template-full-width .main-content {width: 100%;margin: 0px;border: 0px;padding-left: 0px;max-width: 2500px;}
.page-template-full-width .site {margin:0px;}
div.fw {width: 100% !important;margin: 0px !important;border: 0px !important;padding-left: 0px !important;max-width: 2500px !important;}

/* @ TEMPLATE PAGE HERO */
body[tipoHero="HeroImmagine"] header.navbar-classica + section.jumbotron {margin-top: 85px;}
body[tipoHero="HeroImmagine"] header.navbar-classica .navbar-360 img {filter: brightness(1) invert(0);}
body[tipoHero="HeroImmagine"] li.menu-item a {color: #fff;}
body[tipoHero="HeroImmagine"] header.navbar-classica li.menu-item a {color: #242424 !important;}

/* @ TEMPLATE HOMEPAGE */
body.page-template-template-homepage li.menu-item a {color:#fff;}

/* -------------------------------------------------------------------------------- */
/* ! CALL TO ACTION BOX  HERO */
/* -------------------------------------------------------------------------------- */
.call-to-action-box,
.call-to-action-box-2,
.call-to-action-box-post,
.call-to-action-box-servizi {display:flex;align-items: center;justify-content: center; text-align: center;background-size: cover !important;}
.cta-title:not(.cta-title--no-img) {font-size: 2.8rem;text-shadow: 0px 0px 20px #000;color:#fff;}

/* @ HERO 2023 */
.jumbotron-no-img {position: relative;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 13vh;background: #ededed;}
.jumbotron-no-img-no-bg {position: relative;background: transparent;/* margin-bottom: 85px;margin-top: 85px; */display: flex;flex-direction: column;align-items: flex-start;justify-content: center;height: 10vh;background: transparent;}
.jumbotron-no-img .container {width: 100%;max-width: 1250px;margin: 0 auto;}
.cta-title.cta-title--no-img {font-size: 2.4rem;color: #242424;margin-bottom: 0 !important;font-weight: 300;text-transform: uppercase;text-shadow: 0px 0px 0px #000 !important;  margin: 0;}
.hero-img{height: 50vh;margin-top: 85px;display: flex;align-items: center;justify-content: center;}

body.page-template-template-navbar-trasparente .hero-img,
body.page-template-template-navbar-trasparente .jumbotron-no-img {margin-top:0;}

/* body.page-template-template-page-hero-img .navbar-360 img,
body.page-template-template-page-hero-none .navbar-360 img,
body .navbar-360 img {filter: brightness(0) invert(1);}

body.single .navbar-360 img,
body.page-template-template-page-hero-none .navbar-360 img,
body.page-template-template-page-hero-title .navbar-360 img,
body.page-template-template-password .navbar-360 img,
body.page-template-template-navbar-trasparente.is-scrolled .navbar-360 img,
body.is-scrolled .navbar-360 img  {filter: brightness(1) invert(0);} */


/* -------------------------------------------------------------------------------- */
/* ! BOTTONI - BUTTONS - PULSANTI */
/* -------------------------------------------------------------------------------- */
.container-btn a.btn-index {background: #333;color: #fff;padding: 10px 30px;display: block;width: fit-content;width: max-content;margin-top: 30px;border-radius: 0;}
.btn-blog-grid {background: var(--color1);border:2px solid var(--color1);color: #fff;padding: 7px 20px;display: inline-flex;margin-top: 25px;display: block;width: fit-content;transition: all .3s cubic-bezier(.215, .61, .355, 1);}
.btn-blog-grid:hover {background: transparent; color:var(--color1);padding: 7px 20px;display: inline-flex;margin-top: 25px;display: block;width: fit-content;}

.btn-primario {background-color: #fff;color: #141414;font-size: 1rem;border: 2px solid #fff;border-radius:40px;padding: 10px 30px;margin-top: 18px;display: inline-flex;transition: all .3s cubic-bezier(.215, .61, .355, 1);-webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);-moz-transition: all .3s cubic-bezier(.215, .61, .355, 1);-o-transition: all .3s cubic-bezier(.215, .61, .355, 1);}
.btn-primario:hover {color: #fff;background: transparent;}
.btn-secondario {background-color: var(--color1);color: #fff;font-size: 1rem;border: 2px solid var(--color1);padding: 10px 30px;margin-top: 18px;display: inline-flex;transition: all .3s cubic-bezier(.215, .61, .355, 1);-webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);-moz-transition: all .3s cubic-bezier(.215, .61, .355, 1);-o-transition: all .3s cubic-bezier(.215, .61, .355, 1);}
.btn-secondario:hover {color: var(--color1);background: transparent;}

.btn-OutlineLightTxtDark {border: 2px solid var(--color3);background:var(--color3);color: #242424;padding: 12px 30px;display: inline-flex;transition: all .3s cubic-bezier(.215, .61, .355, 1);}
.btn-OutlineLightTxtDark:hover {
	background: transparent;
}

/* @ BOTTONI DI DEFAULT */
.wp-block-button__link {transition: all .3s cubic-bezier(.215, .61, .355, 1);}
.wp-block-button__link.has-grigio-333-background-color:hover {color: #fff;background: var(--color2);}
.wp-block-button__link.has-color-1-background-color.has-background.wp-element-button:hover {background: var(--color2) !important;}
/* -------------------------------------------------------------------------------- */
/* ! UTILITIES */
/* -------------------------------------------------------------------------------- */

/* @ VIDEO EMBED */
.wp-block-embed__wrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px; height: 0;}
.wp-block-embed__wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* @ BLOCKQUOTE - CITAZIONI */
blockquote {background: var(--color3);color: #fff;padding: 30px 70px;border-radius: 25px;position:relative;margin: 35px 0;}
blockquote cite {color:var(--color2);}
blockquote p {color: var(--color1) !important;margin-bottom: 25px;font-size: 1.7rem;line-height: 2.1rem;letter-spacing: .7px;word-spacing: 6px;}
blockquote::before {content: "\f10d";font-family: FontAwesome;position: absolute;left: 20px;font-size: 30px;top: 25px;}
blockquote::after {content: "\f10e";font-family: FontAwesome;position: absolute;right: 20px;font-size: 30px;bottom: 25px;}

/* @ TESTI IN VERSI */
pre.wp-block-verse {white-space: nowrap;overflow: auto;border-left: 4px solid;padding-left: 12px;text-transform: uppercase;}
pre {color: #6b6b6b;}

/* @ VIDEO RESPONSIVE */
.media-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;width:100%;}
.media-container iframe,
.media-container object,
.media-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}

/* @ EFFETTO BLUR - GLASS */
.colonna-b3, 
.colonna-b2, 
.colonna-b1 {background-color: #ffffff15;backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px);padding: 20px 20px;border-radius: 15px;overflow: hidden;}



/* -------------------------------------------------------------------------------- */
/* ! SLICK SLIDER */
/* -------------------------------------------------------------------------------- */
/* .slick-slide {width: 100vw;position: relative;left: 0px;top: 0px;z-index: 999;opacity: 1;}
span.slick-prev.slick-arrow {top: 50%;transform: translateY(-50%);left: 2% !important;}
span.slick-next.slick-arrow {top: 50%;transform: translateY(-50%);right: 2%;}
span.slick-next.slick-arrow,
span.slick-prev.slick-arrow {position: absolute;content: '';z-index:9;color: #fff;font-size: 30px;background: rgb(0 0 0 / 15%);width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 100%;}

.cont-slider-new {position:relative;}
.cont-slider-new img {max-width:100vw;width:100vw;height:75vh;object-fit: cover;min-height: 55vh;}
.cont-slider-new .cont-slider-new--txt {position: absolute;color: #fff!important;z-index: 9999;content: '';top: 50%;left: 50%;transform: translate(-50%, -50%);margin:0;}
.cont-slider-new--titolo {color:#fff;text-align: center;font-size: 3.6em;text-shadow: 1px 1px 5px #000;}
.cont-slider-new--testo {color:#fff;text-align: center;font-size: 1.5em;text-shadow: 1px 1px 5px #000;font-weight: 200;}

ul.slick-dots li {background: #fff;width: 10px;height: 10px;margin: 5px;border-radius: 12px;border: 1px solid #d8d5d5;}
ul.slick-dots li.slick-active {background: #888;border: 1px solid #000;width: 15px;height: 15px;margin: 3px;}
ul.slick-dots {position:absolute;content:'';left:50%;transform: translate(-50%);bottom:15px !important;display:inline-flex !important;list-style-type:none !important;}
ul.slick-dots li button{display:none;}

@media (max-width: 768px) {
	.cont-slider-new h3.cont-slider-new--titolo {font-size:2.5rem;text-align: center;}
} */



/* -------------------------------------------------------------------------------- */
/* ! BLOCCO SLIDER (SPLIDE) IN HOMEPAGE - SI USA QUESTO AL POSTO DELBLOCCO COVER */
/* -------------------------------------------------------------------------------- */
/* ! Slide e immagine */
/* #slider-home.splide,
#slider-home.splide li:not([role="presentation"]),
#slider-home.splide img {height: 80vh;}
#slider-home.splide img {width: 100%;object-fit: cover;} */

/* ! Altro */
/* #slider-home li.splide__slide {position: relative;overflow: hidden;}
#slider-home .splide__slide .contenitore-testo {position: absolute;top: 50%;left: 50%;max-width: 992px;height: 100%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;flex-direction: column;}
#slider-home .splide__slide .contenitore-testo,
#slider-home .splide__slide .contenitore-testo h2,
#slider-home .splide__slide .contenitore-testo p {width: 100%;max-width: 992px;text-align: left;color: #fff;}
#slider-home .splide__slide .bg-tend {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #00000063;content: '';opacity: 0;}
#slider-home.splide {position: relative;}

#slider-home .contenitore-testo h2 {font-size: 4.5rem;line-height: 4.5rem;}
#slider-home .contenitore-testo p {font-size: 1.2rem;}
#slider-home .splide__slide img {transform: scale(1);transition: 7s;}
#slider-home .splide__slide img.in-page.is-active {transform: scale(1.1);} */

/* Arrow e numero */
/*#slider-home .splide__pagination {position: relative;bottom: 45px;} #slider-home i.icofont-thin-double-right,
#slider-home i.icofont-thin-double-left {font-size: 1.5rem;color:#fff;}
#slider-home .splide__arrow {background: #00000070;border: 1px solid #fff;border-radius: 0;}
#slider-home button.splide__arrow.splide__arrow--next {top: unset !important;transform: none !important;bottom: 30px;right: 40px !important;	left: unset;width: 50px;height: 50px;}
#slider-home button.splide__arrow.splide__arrow--prev {top: unset !important;transform: none !important;bottom: 30px;right: 100px !important;left: unset;width: 50px;height: 50px;}
#slider-home .numero-slide {position: absolute;bottom: 30px;left: 30px;color: #fff !important;font-weight: 100;font-size: 1.2rem;letter-spacing: 7px;opacity: 0.75;} */

/* @ Animazione slide down */
#slider-home .in-page.is-active.splide__slide .bg-tend {animation: my-animation 1s 1 forwards;animation-delay: .5s;}

@keyframes my-animation {
	0% {transform: translateY(-100%);opacity: 1;}
	5% {transform: translateY(-100%);}
	100% {transform: translateY(0%);opacity: 1;}
}

/* @ animazione Fade massi */
#slider-home .splide__slide .contenitore-testo h2,
#slider-home .splide__slide .contenitore-testo p {overflow-y: hidden;opacity:0;}
#slider-home .splide__slide .contenitore-testo h2.in-page {animation: fade-massi 1s 1 forwards;animation-delay: 1.2s;}
#slider-home .splide__slide .contenitore-testo p.testo-slider.in-page {animation: fade-massi 1s 1 forwards;animation-delay: 1.4s;}
#slider-home .splide__slide .contenitore-testo p.pulsante-slider.in-page {animation: fade-massi 1s 1 forwards;animation-delay: 1.6s;}

@keyframes fade-massi {
	0% {opacity: 0;}
	5% {opacity: 0;}
	100% {opacity: 1;}
}

@media (max-width: 768px) {
	#slider-home .splide__slide .contenitore-testo {
		padding: 0 20px;
	}
	#slider-home.splide,
	#slider-home.splide li:not([role="presentation"]),
	#slider-home.splide img {
		height: 100vh;
	}
}

/* Fine mediaquery */


/* -------------------------------------------------------------------------------- */
/* ! BLOCCO COVER IN HOMEPAGE - SI USA QUESTO AL POSTO DELLO SLIDER */
/* -------------------------------------------------------------------------------- */
body.page-template-template-homepage .cover {position:relative;background:#000;padding:20px;min-height:100vh;display: flex;flex-flow: column; align-items: center;justify-content: center;text-align: center;border:1px solid #000;}
body.page-template-template-homepage .cover__bg {position:absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(https://images.unsplash.com/photo-1511576661531-b34d7da5d0bb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2670&q=80) center center;background-size: cover;z-index:0;}
body.page-template-template-homepage .cover__bg:after {content:' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);background-size: cover;}
body.page-template-template-homepage .cover__content {max-width:600px;position: relative;z-index: 1;}
body.page-template-template-homepage .cover--intro {overflow: hidden;}
body.page-template-template-homepage .cover .cover__content h1,
body.page-template-template-homepage .cover .cover__content h2,
body.page-template-template-homepage .cover .cover__content h3,
body.page-template-template-homepage .cover .cover__content p {color:#fff;}
body.page-template-template-homepage .cover__btn {background: #fff;color: var(--color1);padding: 15px 30px;margin-top: 13px;display: inline-flex;font-size: 1.05rem;transition: all .3s cubic-bezier(.215, .61, .355, 1);}
body.page-template-template-homepage .cover__btn:hover {background: var(--color1);color: #fff;}


/* -------------------------------------------------------------------------------- */
/* ! BLOCCHI */
/* -------------------------------------------------------------------------------- */
/* @ BLOCCO SCACCHIERA */
.col-scach {gap: 0;}
.col-scach figure{margin-bottom: 0;}
.col-testo-scach {padding: 0 75px !important;}

@media (max-width: 768px) {
	.col-scach {margin-bottom:50px !important;order:1;}.col-testo-scach {padding: 25px;order:2;}
}

.colonnaTesto {
	padding: 20px 80px;
}

@media (max-width: 768px) {
	.colonnaTesto {
		padding: 20px 30px;
	}
} /* Fine query */

/* @ BLOCCO STAFF */
#staff figure.immagine-staff img:hover {transform: scale(1.2);}
#staff figure.immagine-staff img {transform: scale(1);transition: all .3s cubic-bezier(.215, .61, .355, 1);}
#staff figure.immagine-staff {overflow: hidden;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
#staff .mansione {margin-top: -20px;}

/* @ BLOCCO SERVIZI 3 */
#servizi3 {padding: 75px 0;}
#servizi3 .numero {margin-bottom: -65px;font-weight: bolder;opacity: .35;}
#servizi3 .wp-block-column:nth-child(odd) .numero {-webkit-text-stroke-width: 2px !important;-webkit-text-stroke-color: #ededed !important;color: transparent !important;}
#servizi3 #testoBlocco {padding-left: 40px;}

/* @ BLOCCO PRICE */
.panel-column {background: #333;padding: 30px;border-radius: 30px;}
.panel-column--evidenza {transform: scale(1.25);background:var(--color2);}

@media (max-width: 768px) {
	.panel-column {transform: scale(.8);}
	.panel-column--evidenza {transform: scale(.95);background:var(--color2);}
} /* Fine query */


/* # BLOCCO 3 COLONNE CON 2 IMG SFALSATE */
.marginTopNegative50 img {
	margin-top: -50px;
	position: relative;
	display: block !important;
}

/* @ BLOCCO CON 3 COLONNE PER MENU */
#blocco3menu .testiSuImg {
	position: absolute;
	background: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%);
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: end;
	justify-content: center;
	padding-bottom: 24px;
}
#blocco3menu .testiSuImg p {margin: 0;}

#menuSfondo:before {
	position: absolute;
	content: url(/wp-content/themes/swnaked/img/menu.svg);
	color: #fff;
	background: transparent;
	width: 330px;
	height: 100px;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
#menuSfondo {
	z-index: 1;
	position: relative;
}

/* @ TESTO FANCY */
span.watch.fancy.in-page {
	position: relative;
	z-index: 2;
}
span.watch.fancy:before {
	content:'';
	position: absolute;
	bottom: 0;
	left: 0;
	background: var(--colore-fancy);
	height: 13px;
	width: 0%;
}
span.watch.fancy.in-page:before {
	width: 100%;
	z-index: -1;

}
/* @ BLOCCO 2 COLONNE CON ELEMENTO ABSOLUTE IN BASSO A SINISTRA */
.gruppoConIcona {
	max-width: 350px;
	position: absolute;
	bottom: -20px;
	left: -20px;
	display: block;
	width: 100%;
	padding: 5px 20px;
}


@media (max-width: 768px) {
	.colonnaPerAbsolute {
		margin-bottom: 35px !important;
		position: relative;
	}
	.gruppoConIcona {
		max-width: 90%;
		position: absolute;
		bottom: -15px;
		left: 50%;
		transform: translateX(-50%);
		display: block;
		width: 100%;
		padding: 5px 20px;
	}
	.gruppoConIcona .wp-block-columns {
		gap: 0;
	}
} /* Fine query */



/* -------------------------------------------------------------------------------- */
/* ! PAGINE */
/* -------------------------------------------------------------------------------- */
/* @ INDEX.PHP */
.pagination{margin-bottom: 40px;text-align: center;}
.page-numbers{display: inline-block;padding:10px 15px;border: 1px solid #ddd;margin-right: 4px;}

aside .widget {margin-top: 35px;}
aside .widget:first-child {margin-top: 0;}
aside .widget h3 {font-size: 2rem;line-height: 1rem;}
aside ul {padding-left: 15px;}
aside ul li {margin-bottom: 10px;font-size: 1.15rem;}


/* @ SINGLE.PHP */
.single:not(.single-progetto) main {padding: 70px 0;}
.single-post h2, 
.single-post h3, 
.single-post h4, 
.single-post h5, 
.single-post h6 {margin-top:15px;margin-bottom:15px;} /* margin top degli h3 e h4 in blog per una miglior lettura*/
div.widget > h3 {font-size: 22px;} /* dimensione h3 nella sidebar in blog */
.widget {font-size: 0.8rem;}
.widget a:not('wp-block-button__link'){color:#333;}
body.single article h2,
body.single article h3,
body.single article h4,
body.single article h5,
body.single article h6 {padding-top: 110px !important;margin-top: -85px; /* aggiunge il padding per le ancore del "table content" */}
.data-tag-single,
.data-tag-single a{font-size: 0.85em;color:#242424;margin-top:10px;}
#toc {background: var(--colore_bg_toc);padding: 50px 30px;font-size:1rem;margin:25px 0px;color:#000;}
#toc ul,
#toc ul ul {margin: 8px 0 15px 10px;}
#toc li {margin: 0 0 0 15px;}
.contenitore-sidebar {position:sticky;top:175px;}
.admin-bar .contenitore-sidebar {position:sticky;top:207px;}


/* @ CONTATTI */
textarea,
.wpcf7-email,
.wpcf7-tel,
input.wpcf7-form-control,
select.wpcf7-form-control {width:100% !important;font-size:.8rem;}
form.wpcf7-form {margin: 5px;}
.wpcf7-list-item-label input{padding-left: 9px;}
span.wpcf7-form-control-wrap:nth-child(2) > input:nth-child(1){width:100% !important;}
.wpcf7-submit {font-size: 1rem !important;font-weight: 300;text-transform: uppercase;color: #fff;background: var(--color2);max-width: max-content;max-width: fit-content;padding: 20px 50px;border-radius: 0px;border: 0px solid var(--color2);box-shadow: rgb(118 118 118 / 37%) 0px 8px 24px;transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
.wpcf7-submit:hover {background:var(--color1);color:#fff;}
form.wpcf7-form .col-33.smart,
form.wpcf7-form .col-50.smart,
form.wpcf7-form .col-100 {padding: 10px;}
textarea.wpcf7-form-control {height:110px;}


/* @ Inputh & Text Area */
input:not([type="checkbox"]):not([type="submit"]), 
textarea {padding: 10px;border: 0px solid #f0ecec;background: #fff;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;-webkit-appearance: none;appearance: none;}
.form-kit input:not([type="checkbox"]):not(.wpcf7-submit), 
.form-kit textarea {padding: 15px 10px;border: 2px solid #4d4d4d;background: #fff;border-radius: 0px;-webkit-appearance: none;appearance: none;font-size: .75rem;}
.form-kit {background: #fff;padding: 30px !important;box-shadow: rgba(0, 0, 0, 0.16) 11px 13px 22px;}
.form-kit .wpcf7-list-item {display: inline-block;margin: 0;font-size: .7rem;line-height: 1rem;}
.form-kit .wpcf7-submit {font-size: .8rem;background: #181818;color: #fff;transition: all 0.3s cubic-bezier(.215, .61, .355, 1);max-width: 200px;border-radius: 5px;padding: 10px;border:2px solid #181818;}
.form-kit .wpcf7-submit:hover {background: transparent;color:#181818;}
.wpcf7-not-valid-tip:before {position: absolute;top: 0;left: 0;width: 30px;height: 18px;content: '\f139';font-family: "Font Awesome 5 Free";color: #de5b5b;}
.wpcf7-not-valid-tip {color: #ff3030;display: block;margin: 5px 0 0 15px;font-weight: 800;padding-left: 25px;position: relative;}

/* @ COMPLIANZ */
body.page-template-template-legal main,
body.page-template-template-legal main{margin: 100px auto;}
body.page-template-template-legal main p, 
body.page-template-template-legal, 
body.page-template-template-legal main a {line-height: 2rem;}

/* @ Pagina progetti */
.titoloOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	background: #00000060;
	color: #fff !important;
	margin: 0;
}
.titoloOverlay a{
	font-size: inherit;
	transition: all .3s cubic-bezier(.215, .61, .355, 1);
}
.titoloOverlay a:hover{
	font-size: 1.75rem;
	color:#ededed !important;
}
/* # BTN Filtri */
.bottoneFilter {padding: 5px !important;}
a.filter-button {-webkit-appearance: none;appearance: none;background: var(--color2);color: #fff;display: inline-flex;padding: 12px 30px;border: 1px solid var(--color2);width: 100%;justify-content: center;cursor: pointer;transition: all .3s cubic-bezier(.215, .61, .355, 1);border-radius: 30px;}
a.filter-button:hover {background: transparent;color: var(--color2);}
a.filter-button--rosso{background: var(--color1);border:1px solid  var(--color1);}
a.filter-button--rosso:hover {background: transparent;}

/* @ PROGETTI */
body.archive.tax-tipologia .progetto-item {/*height: 100%;*/min-height: 350px;}
body.archive.tax-tipologia .progetto-item .progetto-item__wrapper {position: absolute;height: 100%;width:100%;padding: 10px;}
body.archive.tax-tipologia .progetto-item .progetto-item__wrapper img {height: 100% !important;width: 100% !important;object-fit: cover !important;}
body.archive.tax-tipologia .progetto-item .progetto-item__wrapper__testi {position: absolute;top: 0;left: 0;width: calc(100% - 20px);height: calc(100% - 20px);background:linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0) 100%);display: flex;flex-direction: column;align-items: center;justify-content: end;text-align: center;padding: 10px 50px 35px 50px;margin-top: 10px;margin-left: 10px;}

body.archive.tax-tipologia .progetto-item .progetto-item__wrapper__testi .progetto-title {font-size: 1.4rem;  margin: 0 auto 25px auto;color: #fff !important;text-transform: uppercase;border-bottom: 0px solid #fff;line-height: 1.35rem;font-weight: 400;}
body.archive.tax-tipologia .progetto-item .progetto-item__wrapper__testi .progetto-tipologia {color: #fff;font-weight: 100;}
body.archive.tax-tipologia .progetto-item .progetto-item__wrapper__testi .btnScopriProgetto {display: inline-block;color: #fff;border: 1px solid #fff;padding: 12px 30px;transition: .6s;opacity: 0;visibility: hidden;transition: all .3s cubic-bezier(.215, .61, .355, 1);border-radius: 100px;}
body.archive.tax-tipologia .progetto-item .progetto-item__wrapper__testi .btnScopriProgetto i {font-size: 1.2rem;}
body.archive.tax-tipologia .progetto-item:hover .progetto-item__wrapper__testi .btnScopriProgetto {opacity: 1;visibility: visible;}
body.archive.tax-tipologia .progetto-item .progetto-item__wrapper__testi .btnScopriProgetto:hover {background: #fff; color:#242424;}


/* -------------------------------------------------------------------------------- */
/* ! CONDIVISIONE SOCIAL */
/* -------------------------------------------------------------------------------- */
.socials a {font-size: 16px;color: #333!Important;padding: 0px 10px !important;}
ul.share-icons {list-style-type: none;display: flex;margin-top: 15px;}
ul.share-icons li {margin-right: 30px;}
.share-box .share-icons li a i {width: 40px;text-align: center;height: 40px !important;color: var(--color1);border: 1px solid var(--color1);border-radius: 3px;transition: all .3s cubic-bezier(.215, .61, .355, 1);display: flex;align-items: center;justify-content: center;}
.share-box .share-icons li a i:hover {background: var(--color1);color:#fff;}

/* -------------------------------------------------------------------------------- */
/* ! ALTRI ELEMENTI */
/* -------------------------------------------------------------------------------- */
/* @ TAG MORE NASCOSTO */
.mr-auto {margin-right: auto !important;margin-left: 30px;}
div.more-hide {display:none;}

/* @ ARTICOLI CORRELATI */
h5.title-post-correlati {color:#444;margin-top:10px;}
.related-thumb { height:140px;width: 100%;}
.related-post {margin-bottom:100px;}
.immagine-relatedPost {height:150px;overflow: hidden;}
.immagine-relatedPost img {transform: scale(1);transition: all .3s cubic-bezier(.215, .61, .355, 1);}
.immagine-relatedPost:hover img {transform: scale(1.2);}
.container .row .col-33.col-relatedPost .immagine-relatedPost {background-size:cover !important; height:150px;}
.container .row .col-33.col-relatedPost {padding: 10px;}
img.img-massi {width: 100%;height: 150px;object-fit: cover;}
.grid.post-correlati {display: flex;flex-direction: row;width: 100%;margin: 0;padding: 0;}

@media (max-width: 768px) {
	.col-relatedPost {padding:5px !important;}
	.container .row .col-33.col-relatedPost .immagine-relatedPost {background-size:cover !important; height:70px;}
}


/* -------------------------------------------------------------------------------- */
/* ! FOTER */
/* -------------------------------------------------------------------------------- */
#footer-widget {padding: 50px 0px;}
#footer-widget ol,
#footer-widget ul {padding-left:15px;}
#footer-widget h2, 
#footer-widget h3, 
#footer-widget h4 {margin-bottom: 15px;color:#fff;}
#footer-widget i {font-size: 1.7rem;margin-right: 10px;}
#footer-widget p, 
#footer-widget ol, 
#footer-widget ul, 
#footer-widget li, 
#footer-widget a {color:#fff;font-size: .85rem;line-height: .9rem;margin-bottom: 5px;}
#footer-widget .bg-foot,
.footer-bar {padding: 30px 0px;display: flex;align-items: center;color:#fff;background-color:#141414;font-size:0.65rem;}
.footer-bar .grid {padding-bottom:0;}
.footer-bar a {color:#fff;}

@media (max-width: 768px) {
	#footer-widget .col-footer {text-align: center;padding:0 50px;}
	.footer-bar .text-right,
	.footer-bar .text-left {text-align:center;}
	.col-footer .footer-sidebar {text-align: center;}

}

/* @ COMPLIANZ */
nav.complianz-menu ul#menu-complianz {
	height: 100%;
	max-height: 0;
	overflow: hidden;
	transition: all .3s cubic-bezier(.215, .61, .355, 1);
}
nav.complianz-menu ul#menu-complianz.open {
	height: 100%;
	max-height: 100%;
	transition: all .3s cubic-bezier(.215, .61, .355, 1);
}
nav.complianz-menu ul#menu-complianz li a {
	color: #fff !important;
	font-size: .8rem;
	text-transform: capitalize;
}

/* -------------------------------------------------------------------------------- */
/* ! WORDPRESS CORE STYLE */
/* -------------------------------------------------------------------------------- */

.bypostauthor{border-left: 3px solid #ddd; padding-left: 10px;}
.gallery-caption{padding: 5px;font-size: 0.7rem;}
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,
div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%; /* Image does not overflow the content area */padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 0.7rem;line-height: 17px;margin: 0;padding: 0 4px 5px;}
/* Text meant only for screen readers. */
.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */}
.screen-reader-text:focus {background-color: #eee;clip: auto !important;clip-path: none;color: #444;display: block;font-size: 1rem;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}
.main-content {flex: 1;}
.card-columns {column-count: 4;}

/* -------------------------------------------------------------------------------- */
/* ! GUTENBERG */
/* -------------------------------------------------------------------------------- */
.vcenter {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.block-editor-rich-text__editable.wp-block-button__link.has-bianco-color.has-text-color.has-link-color.wp-element-button.rich-text {
    background-color: #e6f1f1 !important;
}
.wp-block-column {position: relative;}
/* -------------------------------------------------------------------------------- */
/* ! PATTERN */
/* -------------------------------------------------------------------------------- */
/* @ PATTERN TEAM V1 */
.listaDiIcone a {font-size: 1.5rem;margin-right: 15px;color: #141414;}

/* -------------------------------------------------------------------------------- */
/* ! COLORI - STILI PREDEFINITI */
/* -------------------------------------------------------------------------------- */
/* .has-colore-1-color{color:var(--color1) !important;}
.has-colore-2-color{color:var(--color2) !important;}
.has-colore-3-color{color:var(--color3) !important;}
.has-colore-4-color{color:var(--color4) !important;}

.has-bianco-color{color:#fff !important;}
.has-grigioed-color{color:#ededed !important;}
.has-grigiochiaro-color{color:#e1e0de !important;}
.has-grigio-999-color{color:#999 !important;}
.has-grigio-666-color{color:#666 !important;}
.has-grigioscuro-color{color:#5f5e5c !important;}
.has-grigio-333-color{color:#333 !important;}
.has-nero-color{color:#000 !important;}

.has-colore-1-background-color{background-color:var(--color1) !important;}
.has-colore-2-background-color{background-color:var(--color2) !important;}
.has-colore-3-background-color{background-color:var(--color3) !important;}
.has-colore-4-background-color{background-color:var(--color4) !important;}

.has-bianco-background-color{background-color:#fff !important;}
.has-grigiochiaro-background-color{background-color:#e1e0de !important;}
.has-grigioed-background-color{background-color:#ededed !important;}
.has-grigio-999-background-color{background-color:#999 !important;}
.has-grigio-666-background-color{background-color:#666 !important;}
.has-grigioscuro-background-color{background-color:#5f5e5c !important;}
.has-grigio-333-background-color{background-color:#333 !important;}
.has-nero-background-color{background-color:#000 !important;} */

.has-piccolissimo-font-size{line-height:0.8rem;}
.has-piccolo-font-size{line-height:1rem;}
.has-normale-font-size{line-height:1.5rem;}
.has-normale-plus-font-size{line-height:1.5rem;}
.has-normale-plus-2-font-size{line-height:1.7rem;}
.has-medio-font-size{line-height:1.8rem;}
.has-grande-font-size{line-height:2.5rem;}
.has-grandissimo-font-size{line-height:3.35rem;}
.has-grandissimo-font-size{line-height:4.88rem;}
.has-grandissimo-2-font-size{line-height:6.25rem;}
.has-gigante-font-size{line-height:9.375rem;}

/* -------------------------------------------------------------------------------- */
/* ! GRID SYSTEM */
/* -------------------------------------------------------------------------------- */
.grid { margin: 0 auto; padding: 0 10px 10px 10px; max-width: 1250px; width: 100%;display: flex; flex-flow: row; flex-wrap: wrap;height: 100% !important;}
.gridFull { margin: 0 auto; padding: 0; max-width: 100vw; width: 100%;display: flex; flex-flow: row; flex-wrap: wrap;height: 100% !important;}
.grid--center{justify-content: center;align-items: center;}
.container-100 {width:100%;}
[class*='col-'] { position: relative;}
.col-5{width: 5%;}.col-10{width: 10%;}.col-15{width: 15%;}.col-16{width: 16.6666666%;}.col-20{width: 20%;}.col-25{width: 25%;}.col-30{width: 30%;}.col-33{width: 33.33%;}.col-35{width: 35%;}.col-40{width: 40%;}.col-45{width: 45%;}.col-50{width: 50%;}.col-55{width: 55%;}.col-60{width: 60%;}.col-65{width: 65%;}.col-66{width: 66.6666666%;}.col-70{width: 70%;}.col-75{width: 75%;}.col-80{width: 80%;}.col-85{width: 85%;}.col-90{width: 90%;}.col-95{width: 95%;}.col-100{width: 100%;}
.col-10,.col-15,.col-16,.col-20,.col-25,.col-30,.col-33,.col-35,.col-40,.col-45,.col-50,.col-55,.col-60,.col-65,.col-66,.col-70,.col-75,.col-80,.col-85,.col-90,.col-95,.col-100 {padding:0 20px;}

@media (max-width: 1024px) {
	.grid {flex-direction: column;}
	.footer-bar .grid {flex-direction: row;}
	.col-10.smart,.col-15.smart,.col-16.smart,.col-20.smart,.col-25.smart,.col-30.smart,.col-33.smart,.col-35.smart,.col-40.smart,.col-45.smart,.col-50.smart,.col-55.smart,.col-60.smart,.col-65.smart,.col-66.smart,.col-70.smart,.col-75.smart,.col-80.smart,.col-85.smart,.col-90.smart,.col-95.smart,.col-100.smart {width: 100% !important;}
	.col-10.smart-50,.col-15.smart-50,.col-16.smart-50,.col-20.smart-50,.col-25.smart-50,.col-30.smart-50,.col-33.smart-50,.col-35.smart-50,.col-40.smart-50,.col-45.smart-50,.col-50.smart-50,.col-55.smart-50,.col-60.smart-50,.col-65.smart-50,.col-66.smart-50,.col-70.smart-50,.col-75.smart-50,.col-80.smart-50,.col-85.smart-50,.col-90.smart-50,.col-95.smart-50,.col-100.smart-50 {width: 50% !important;}
	.col-10,.col-15,.col-16,.col-20,.col-25,.col-30,.col-33,.col-35,.col-40,.col-45,.col-50,.col-55,.col-60,.col-65,.col-66,.col-70,.col-75,.col-80,.col-85,.col-90,.col-95,.col-100 {padding:0 10px;}
}

@media (max-width: 768px) {
	.footer-bar .grid {flex-direction: column;}
	.footer-bar .grid [class*='col-'],
	.cool-footer {width:100%;text-align:center;}
} /* Fine mediaquery */

/* -------------------------------------------------------------------------------- */
/* ! MARGINI */
/* -------------------------------------------------------------------------------- */
/* @ MARGINI */
.mt6 {margin-top: 6rem;}.mt5 {margin-top: 5rem;}.mt4 {margin-top: 4rem;}.mt3 {margin-top: 3rem;}.mt2 {margin-top: 2rem;}.mt1 {margin-top: 1rem;}.mt0 {margin-top: 0;}
.mb6 {margin-bottom: 6rem;}.mb5 {margin-bottom: 5rem;}.mb4 {margin-bottom: 4rem;}.mb3 {margin-bottom: 3rem;}.mb2 {margin-bottom: 2rem;}.mb1 {margin-bottom: 1rem;}.mb0 {margin-bottom: 0;}
.mx6 {margin-left:6rem;margin-right:6rem;}.mx5 {margin-left:5rem;margin-right:5rem;}.mx4 {margin-left:4rem;margin-right:4rem;}.mx3 {margin-left:3rem;margin-right:3rem;}.mx2 {margin-left:2rem;margin-right:2rem;}.mx1 {margin-left:1rem;margin-right:1rem;}.mx0 {margin-left:0;margin-right:0;}
.my6 {margin-top:6rem;margin-bottom:6rem}.my5 {margin-top:5rem;margin-bottom:5rem}.my4 {margin-top:4rem;margin-bottom:4rem}.my3 {margin-top:3rem;margin-bottom:3rem;}.my2 {margin-top:2rem;margin-bottom:2rem;}.my1 {margin-top:1rem;margin-bottom:1rem;}.my0 {margin-top:0;margin-bottom:0;}

/* @ PADDING */
.pt6 {padding-top: 6rem;}.pt5 {padding-top: 5rem;}.pt4 {padding-top: 4rem;}.pt3 {padding-top: 3rem;}.pt2 {padding-top: 2rem;}.pt1 {padding-top: 1rem;}.pt0 {padding-top: 0;}
.pb6 {padding-bottom: 6rem;}.pb5 {padding-bottom: 5rem;}.pb4 {padding-bottom: 4rem;}.pb3 {padding-bottom: 3rem;}.pb2 {padding-bottom: 2rem;}.pb1 {padding-bottom: 1rem;}.pb0 {padding-bottom: 0;}
.px6{padding-left:6rem;padding-right:6rem}.px5{padding-left:5rem;padding-right:5rem}.px4{padding-left:4rem;padding-right:4rem}.px3{padding-left:3rem;padding-right:3rem;}.px2{padding-left:2rem;padding-right:2rem;}.px1{padding-left:1rem;padding-right:1rem;}.px0{padding-left:0;padding-right:0;}
.py6{padding-top:6rem;padding-bottom:6rem}.py5{padding-top:5rem;padding-bottom:5rem}.py4{padding-top:4rem;padding-bottom:4rem}.py3{padding-top:3rem;padding-bottom:3rem;}.py2{padding-top:2rem;padding-bottom:2rem;}.py1{padding-top:1rem;padding-bottom:1rem;}.py0{padding-top:0;padding-bottom:0;}

/* -------------------------------------------------------------------------------- */
/* ! BORDER BOX */
/* -------------------------------------------------------------------------------- */
*,
*:before,
*:after{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
.menu-item-has-children ul.sub-menu .menu-item-has-children ul.sub-menu {position: relative;top: 0;left: 0;transform: translate(0, 0);max-height: 0;}
/* -------------------------------------------------------------------------------- */
/* ! HIDE SCROLLBAR */
/* -------------------------------------------------------------------------------- */
html::-webkit-scrollbar {display: none;}
html {-ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */}