:root {
    --primary-inverse: #FFF;
	--secondary-inverse: #FFF;
	--tertiary-inverse: #000;
	--quaternary-inverse: #000;
	--dark-inverse: #FFF;
	--light-inverse: #777;
	--grey-50: #f9f9f9;
    --sans: 'Noto Sans SC', Arial, system-ui, sans-serif;
	--serif: 'STIX Two Text', Georgia, serif;
	--selection: #088FA1;
}



/*================================================
    FONT
==================================================*/

html body {
   font-family: var(--sans);
   font-size: 16px;
   letter-spacing: -0.5px;
 }

.font-sans {
  font-family: var(--sans);
  font-optical-sizing: auto;
  font-style: normal;
}

.font-serif,
.alternative-font {
    font-family: var(--serif) !important;
	/*font-weight: 700;*/
}

h3 {
	text-transform: none;
}

/*contenuti*/

.contenuti p,
.contenuti li {
	/*font-size: 1.1em !important;*/
	color: var(--dark);
}

.contenuti ul li,
.contenuti ol li {
    list-style-position: inside;
}

.contenuti hr {
    clear: both;
}

.contenuti a:not(.btn) {
    color: var(--secondary);
	text-decoration: underline;
}

.contenuti td {
	    text-align: left;
	}

.contenuti h1, .contenuti h2, .contenuti h3, .contenuti h4, .contenuti h5 {
    font-weight: 700;
	color: var(--primary);
	line-height: 1.3;
}


.contenuti h3:not([class*="m"]) {
	margin-bottom: 5px;
}


@media (min-width: 991px) {
	
	.contenuti h1, .contenuti h2, .contenuti h3, .contenuti h4, .contenuti h5 {
    	text-align:left;
    }
	
	
}

@media (max-width: 575px) {
	
	.contenuti h1, .contenuti h2, .contenuti h3, .contenuti h4, .contenuti h5 {
	    text-align: center !important;
	}
	
	.contenuti p:not([class*="text-"]),
	.contenuti ul:not([class*="text-"]) li:not([class*="text-"]) {
	    text-align: center !important;
	}
	.contenuti ul:not([class*="text-"]) {
	    padding-left: 0 !important;
	    list-style: none;
	}
	
	
}
/*h3*/
/*.content h3:not(.custom):not([class*="text-"]),
.contenuti h3:not(.custom):not([class*="text-"]),
.migx-subcontent-intro h3:not(.custom):not([class*="text-"]) {
	font-size: 1.6em;
}*/
/*h4*/
.content h4:not(.custom):not([class*="text-"]),
.contenuti h4:not(.custom):not([class*="text-"]) {
	font-size: 1.2em;
}
/*h5*/
.content h5:not(.custom):not([class*="text-"]),
.contenuti h5:not(.custom):not([class*="text-"]) {
	font-size: 1.0em;
	text-transform: none;
}



/*================================================
	COLORS
==================================================
verde			78cdce	https://coolors.co/78cdce
verde sc		2B7778	
blu				1E3952	
	X verde ch		CFEDEE
nero			000000
*/

::selection {
    color: var(--light);
    background: var(--selection);
}

a {
    color: var(--primary);
}
a:hover {
    color: var(--secondary);
}

p {
    line-height: 24px;
    margin: 0 0 15px;
	color: var(--dark--300);
}

html .btn-primary {
    color: var(--light);
}
	.btn-primary:hover, .btn-primary.hover {
		border-color: var(--primary--200) var(--primary--200) var(--primary);
		color: var(--secondary);
		}

.bg-grey-50, .bg-color-grey-50 {
    background-color: var(--grey-50) !important;
}

.text-color-hover-secondary:hover, .text-hover-secondary:hover {
    color: var(--light) !important;
}

.btn-tertiary {
    color: #000;
}

html a.text-color-primary:hover,
.owl-carousel.show-nav-title .owl-nav [class*=owl-]:hover {
	color: var(--secondary) !important; 
}

html section.section-quinary {
    background-color: #389f98 !important;
    border-color: #3d8d88!important;
}
	html .text-color-quinary,
	html .heading-quinary {
	    color: #389f98 !important;
	}

html .heading-light:hover, 
html .lnk-light:hover, 
html .text-color-light:hover {
	text-decoration: none;
	color: var(--secondary);
}

.hr-color-quinary {
    background-image: -webkit-linear-gradient(left, #389f98 0%, #30837e 50%, #389f98 100%);
	background-image: linear-gradient(to right, #389f98 0%, #30837e 50%, #389f98 100%);
}

/*.jssocials-share-link {
    border: 2px solid var(--secondary);
    color: var(--secondary);
}

.jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
    border: 2px solid #FFF;
    color: #FFF;
    background-color: var(--secondary);
}*/

.text-color-dark p {
	color: #2e353e!important;
}

a.text-color-secondary:hover, a.text-secondary:hover {
    color: var(--primary) !important;
}


#footer a:not(.btn):not(.no-footer-css),
#footer .footer-copyright p {
    /*color: #a3a3a3;*/
}

html #footer a:not(.btn):not(.no-footer-css).link-hover-style-1.active {
    color: var(--light) !important;
	font-weight: bold;
}
html #footer li.active i {
    color: var(--light) !important;
}

footer .list.list-icons li > [class*="fa-"]:first-child, 
footer .list.list-icons li > .icons:first-child, 
footer .list.list-icons li a:first-child > [class*="fa-"]:first-child, 
footer .list.list-icons li a:first-child > .icons:first-child {
    color: var(--quaternary);
}

/*================================================
    HACKS
==================================================*/

/* HEADER ======================================
==================================================*/

html:not(.sticky-header-active) #header.header-semi-transparent-dark .header-body {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

#header {
    box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}
 
/* TEMATICA ======================================
==================================================*/


/*.page-header.page-header-modern.page-header-background.page-header-background-lg {
    padding: 250px 0 150px;
}*/

/* BREADCRUMB ====================================
==================================================*/

#breadcrumb {
    color: #878787;
    background: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}

#breadcrumb > li {
    display: inline-block;
    font-size: 0.8em;
    text-transform: uppercase;
    text-shadow: none;
	background: none;
}

#breadcrumb a {
    color: #878787;
}

.page-header #breadcrumb,
.page-header #breadcrumb a {
    color: #FFF;
	text-align: left;
	font-size: 14px;
}

#breadcrumb li + li:before{
    content:  '|';
    margin:   0 4px 0 8px;
	font-size: 12px;
	/*background-color: red;*/
	top: -1px;
	position: relative;
}


/*.page-header h1.alternative {
    font-size: 2.0em;
	letter-spacing: -1px;
	text-shadow: 1px 1px 1px 3px rgba(0, 0, 0, 0.9);
}*/
#header .tip {
    color: #FFF;
}

html.sticky-header-active #header .dropdown-toggle > .tip {
    color: #38B0A9;
    background-color: #FFF;
}
html.sticky-header-active #header .dropdown-toggle > .tip:before {
    border-right-color: #FFF;
}

/* LOGO =======================================
==================================================*/

@media (min-width:992px) and (max-width:1199px) {
		
		#header .header-logo img {
		    
		}
	}
	
	@media (max-width:575px) {
	    #header .header-container {
            height: 70px !important;
        }

		#header .header-logo img {
		    height: 55px !important;
		    width: 105px !important;
		    top: 0px !important;
		}
	}

/* MENU =======================================
==================================================*/

#header button.header-btn-collapse-nav {
    
}

    #header button.header-btn-collapse-nav[aria-expanded="true"] {
        background: var(--dark);
    }
    
    /* Stato iniziale: icona close nascosta */
        
    #header button.header-btn-collapse-nav i.close {
        display: none;
    }
    
    /* Quando il menu è aperto */
    #header button.header-btn-collapse-nav[aria-expanded="true"] i.open {
        display: none;
    }
    #header button.header-btn-collapse-nav[aria-expanded="true"] i.close {
        display: inline-block;
    }
    
    /* Quando il menu è chiuso */
    #header button.header-btn-collapse-nav[aria-expanded="false"] i.open {
        display: inline-block;
    }
    #header button.header-btn-collapse-nav[aria-expanded="false"] i.close {
        display: none;
    }


#header .header-nav-main nav ul li a,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a{
        text-transform: uppercase;
        font-weight: 700;
    }

@media (min-width: 992px) {
		#header .header-nav-main nav > ul > li > a {
	        color: var(--primary);
	    }
	    
	    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
	        
	    }
	    
	    /*
		#header .header-nav-main nav > ul:not(:hover) > li.active > a,
		#header .header-nav-main nav > ul:not(:hover) > li > a.current-page-active
		*/
		
		#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.dropdown-item.current-page-active,
		#header .header-nav-main nav > ul > li.active > a,
		#header .header-nav-main nav > ul > li > a.current-page-active {
	        background-color: var(--primary);
	        color: var(--light) !important;
	    }
		
		/*secondo livello*/
		#header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li.active > a,
		html #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a {
			background-color: var(--quaternary);
	        color: var(--dark);	
			}
}

	@media (min-width:1440px) {
    	#header .header-nav-main nav > ul > li {
            margin: 0 10px;
        }
		
	}
	
	
	@media (max-width:1199px) {
		
		
		#header .header-nav-main nav > ul > li > a {
            padding: 0.5rem 0.7rem;
            /* font-size: 12px; */
        }
	}
	
	@media (min-width:992px) and (max-width:1199px) {
		
	}
	
	@media (max-width:1100px) {
	    
	}

	@media (max-width: 991px) {
	    
	    #header .header-nav-main nav > ul li a:focus,
        #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li > a:focus,
	    #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a:focus,
	    #header .header-nav-main nav > ul li a:active,
        #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li > a:active,
        #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:active,
	    #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a:active,
        #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a.active,
	    #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a.current-page-active,
	    .dropdown-item.active, .dropdown-item:active,
	    #header .header-nav-main nav > ul li.dropdown-item.active, 
	    #header .header-nav-main nav > ul li.dropdown-item:active,
	    #header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu.active > a {
            background-color: var(--primary) !important;
	        color: var(--light) !important;	
		}
		
		#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.current-page-active {
            background: var(--primary);
            color: var(--light) !important;
        }
		
		#header .header-nav-main nav > ul li.dropdown .dropdown-menu {
            margin-top:5px;
        }

	}


/* TEMATICA ======================================
==================================================*/

#tematica {
    padding: 100px 0 100px;
}

@media (max-width: 575px) {
    #tematica {
        padding: 50px 0 50px !important;
    }
}




/* NEW  nav-secondary onepage submenu =============
==================================================*/

.nav-secondary.nav-scroll {
  background: var(--tertiary);
  border-top: 0PX solid #e2e2e3;
  border-bottom: 0px solid #e2e2e3;
  /* border-top: 1px solid #e2e2e3;
  */
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 0;
  /*
  position: fixed; bottom: 0px; z-index: 9999; width: 100%;
  */
}



.nav-secondary.nav-scroll .nav-link {
  padding: 20px 14px;
  font-weight: 600;
  color: var(--dark);
  font-size: 14px;
}


.nav-secondary.nav-scroll .nav-item  .nav-link.active,
.nav-secondary.nav-scroll .nav-item.active a.nav-link {
	color: var(--primary);
	box-shadow: inset 0px -3px 0px 0px var(--primary);
	background: transparent !important;
}


@media (min-width:776px){
    
    .nav-secondary.nav-scroll .nav-item {
        margin: 0 5px;
}

    .nav-secondary.nav-scroll .nav-link {
      font-size: 14px;
    }


}

/*script*/


.nav-secondary__wrapper{
    position:relative;
    display:flex;
    align-items:center;
}

/*.nav-secondary-menu{
	display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    width:100%;

    scrollbar-width:none;
    -ms-overflow-style:none;

    scroll-behavior:smooth;
    scroll-snap-type:x proximity;
}*/

/* Modifica questa regola nel tuo CSS */
.nav-secondary-menu {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    
    /* Disattivato di base per desktop per evitare conflitti con justify-content: center */
    scroll-snap-type: none; 
}

/* Attivalo solo sotto i 991px (Mobile/Tablet) dove la barra deve scrollare */
@media (max-width: 991px) {
    .nav-secondary-menu {
        scroll-snap-type: x proximity;
    }
}

.nav-secondary-menu.is-centered{
    justify-content:center;
}


.nav-secondary-menu::-webkit-scrollbar{
    display:none;
}

.nav-secondary-menu .nav-item {
    flex:0 0 auto;
    scroll-snap-align:center;
}

.nav-secondary-menu .nav-link{
    white-space:nowrap;
    padding:.9rem 1.2rem;
    border-radius:0;
    
}

.nav-secondary-menu .nav-link.active{
    /*border-bottom:3px solid var(--primary);*/
    background:none;
    color:#000;
    font-weight:600;
}

.nav-secondary-toggle{
    display:none;
}

.nav-secondary-dropdown{
    display:none;
}

@media (max-width:991px) {

    .nav-secondary-toggle {
        display:flex;
        align-items:center;
        justify-content:center;
        width:48px;
        min-width:48px;
        height:48px;
        border:0;
        background:none;
    }

     .nav-secondary-dropdown {
        position:absolute;
        top:100%;
        left: auto;
        right:0;
        background:var(--grey-400);
        box-shadow:0 5px 15px rgba(0,0,0,.15);
        z-index:999;
        max-height: 70vh;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: var(--grey-900) var(--grey-100);
        /* AGGIUNGI QUESTA RIGA per uno scroll morbido anche dentro la tendina */
        scroll-behavior: smooth;
    }

    .nav-secondary-dropdown a {
        display:block;
        color: var(--secondary);
        font-size: 13px;
        font-weight: 500;
        padding:12px 40px;
        background:var(--grey-300);
        border-bottom:1px solid var(--grey-600);
        text-decoration:none;
        text-transform: uppercase;
		/*taglio per voci troppo lunghe*/
		max-width: 80vw;
		min-width: 300px;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    display: block;
    }
    
    .nav-secondary-dropdown a:before {
        content: "›";
        font-size: 1.4rem;
        top: 2px;
        position: relative;
        left: -2px;
    }
	
	.nav-secondary-dropdown a.active,
	.nav-secondary-dropdown a:active {
        background-color: var(--primary);
		color:var(--primary);
        background-color:var(--grey-500);
        font-weight: 600;
        border-left: solid 3px var(--primary);
    }

    .nav-secondary-dropdown.show{
        display:block;
    }
}

@media (max-width:575px) {
    .nav-secondary.nav-scroll .nav-link {
      font-size: 13px;
    }

    .nav-secondary-dropdown a{
        padding:8px 15px;
		/*font-size: 12px;*/
		font-size: 13px;
    }
}



/* ELEMENTS =======================================
==================================================*/



/*cookieyes*/

/*.cky-btn-accept {
    background: var(--primary) !important;
    color: var(--dark) !important;
    border-color: var(--primary) !important;
}*/

.cky-btn-revisit img {
      filter: brightness(100) saturate(100%) !important;
}


.cky-btn-revisit-wrapper {
	background-color: var(--primary) !important;
	box-shadow: 0 4px 12px rgba(0,0,0,.25);
}

.cky-btn-revisit-wrapper:hover {
	background-color: var(--secondary) !important;
}

.cky-btn-revisit-wrapper:hover .cky-btn-revisit img {
      filter: brightness(100) saturate(100%) !important;
}

/* Titolo */

/* Testo */
.cky-notice-des {
    color: var(--dark) !important;
}

/* Pulsante accetta */
.cky-btn-accept {
    background: var(--primary) !important;
    color: var(--light) !important;
    border-color: var(--light) !important;
}

/* Pulsante rifiuta */
.cky-btn-reject {
    background: var(--primary) !important;
    color: var(--light) !important;
    border-color: var(--light) !important;
}

/* Pulsante personalizza */
.cky-btn-customize  {
    background: var(--quaternary) !important;
    border-color: var(--quaternary) !important;
    color: var(--secondary) !important;
}

/* Pulsante personalizza */
.cky-btn.cky-btn-preferences  {
    background: var(--quaternary) !important;
    border-color: var(--quaternary) !important;
    color: var(--secondary) !important;
}

/*switch*/
.cky-switch input[type="checkbox"]:checked {
    background: var(--primary) !important;
}

/*pagina cookies*/
#cky-policy-container .cookie-policy-h1 {
	display: none;

}

.cookie-policy-date-container p {
	font-size: 14px;
	color: grey;
	margin: 0;
	display: inline;
	line-height: 15px;
}

.cookie-policy-date-container p:nth-child(2) {
	/*border-left: 1px solid grey;
	padding-left: 5px;
	margin-left: 5px;*/
}

.cookie-policy-date-container p:nth-child(2):before {
	content: "|";
	margin-right: 5px;
	padding-left: 5px;
}



/* -HOME */

.vide-video-wrapper {
    background-position: 50% bottom;
}

.slider-scroll-button:before {
    border: 1px solid #FFF;
    background-color: #ffffff8f;
}

.slider-scroll-button:after {
    border: 1px solid #000;
    background-color: var(--primary);
}


/* orari */

.orari-list li  {
  position: relative;
  margin-bottom: 8px;
  /*background-color: yellow;*/
}


.orari-list li .dia {
  padding-right: 10px;
}

.orari-list li .ora {
  padding-left: 10px;
}
    
.orari-list li .flex-grow-1 {
  /*background-color: pink;*/
 /* z-index: 2;*/
    height: 16px;
  border-bottom: 2px dotted rgba(119, 119, 119, 0.3);
}





@media (max-width:991px) {

    section.section.section-height-2 {
        padding: 1.5rem 0;
    }
    
    section.section.section-height-3 {
        padding: 2rem 0;
    }
    section.section.section-height-4 {
        padding: 5rem 0;
    }
}


/*social-icons

.social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-clean-with-border):not(.social-icons-dark):not(.social-icons-dark-2):not(.custom-social-icons) li a

*/
html.show_contatti-hidden #header .header-top .header-social-icons {
    display: block !important;
}

	html .social-icons.social-icons-light li a {
	    background: var(--light);
	    color: var(--primary) !important;
	}
	
	html .social-icons.social-icons-primary li a {
	    background: var(--primary);
	    color: #FFF !important;
	}
	
	html .social-icons.social-icons-secondary li a {
	    background: var(--secondary);
	    color: #FFF !important;
	}
	html .social-icons.social-icons-quaternary li a {
	    background: var(--quaternary);
	    color: #000 !important;
	}
	html .social-icons.social-icons-grey li a {
	    background: var(--grey-100);
	    color: var(--dark) !important;
	}
	html .header-social-icons.social-icons li a i {
	    position:relative;
	    top:-1px;
	}



html.admin .autolink {
	text-decoration: underline !important;
}

.custom-line {
    display: inline-block;
    width: 50px;
    border-bottom: 3px solid var(--primary);
}
	.custom-line.custom-line-secondary {
	    border-bottom: 3px solid var(--secondary);
	}
	.custom-line.custom-line-tertiary {
	    border-bottom: 3px solid var(--tertiary);
	}
	.custom-line.custom-line-quaternary {
	    border-bottom: 3px solid var(--quaternary);
	}
	.custom-line.custom-line-light {
	    border-bottom: 3px solid var(--light);
	}
	.custom-line.custom-line-dark {
	    border-bottom: 3px solid var(--dark);
	}

.custom-line.custom-line-xs {
    width: 25px;
}



html[xmlns] .clearfix {
    display: block;
	clear: both;
}

.custom-btn-style-1 {
    position: relative;
    transition: ease transform 0.3s;
}
	.custom-btn-style-1 > span {
	    position: relative;
	    z-index: 1;
	}
	
	.custom-btn-style-1:before { 
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: inherit;
	    opacity: 0.4;
	    border-radius: inherit;
	    transform: translate3d(5px,5px,0);
	    transition: ease transform 0.3s;
	    z-index: 0;
	}
	
	.custom-btn-style-1:hover {
	    transform: translate3d(2.5px,2.5px,0);
	}
	
	.custom-btn-style-1:hover:before {
	    transform: translate3d(0,0,0);
	}



.btn_info.btn-secondary .btn.btn-secondary {
	border: 0 solid var(--secondary);
}

.img-thumbnail.img-thumbnail-hover-icon:after {
    font-family: FontAwesome;
    content: "\f0b2";
}


ul.list-icons.css > li:before {
	position: absolute;
    font-family: FontAwesome;
    content: "\f00c";
    font-size: 16px;
    top: 0px;
    left: 0px;
}





@media (min-width: 768px) {
	ul.list-icons.css.w50perc {
		/*display: block;*/
	}
	ul.list-icons.css.w50perc:after  {
		content: ".";
	    display: block;
	    clear: both;
	    line-height: 0;
	    height: 0;
		visibility: hidden;
	}
	ul.list-icons.css.w50perc li {
		width: 50% !important;
	    display: inline-block !important;
		/*background-color: red;*/
		float: left;
		padding-right: 10px;
		text-align: left;
	}
}

html .bolder {
	font-weight: 800 !important;
}

.masonry .masonry-item:not(.no-default-style) {
    padding: 3px;
}

body.interna.sidebar .masonry .masonry-item {
    width: 33%;
}


/* shape-divider */


.section.section-with-shape-divider .shape-divider {
    height: 70px;
}

.custom-shape-divider-1.custom-shape-divider-1-flip-horizonal {
    transform: rotateY(180deg);
}

@media (max-width: 1919px) {
    .custom-shape-divider-1 {
        min-width: 1920px;
    }
}

@media (max-width: 800px) {
	.section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start {
	     -webkit-animation-name: none; 
	     animation-name: none; 
	}

}


/* LIGHTBOX CHIUDI */
 
.mfp-close, .mfp-close-btn-in .mfp-close {
    font-size: 50px;
    color: var(--light);
}

/* GALLERY THUMBS */

/* Thumb Gallery */
.thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item {
	border: 0px;
}
.thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item:hover, 
.thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item.selected {
    border: 0px;
}
.thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item:hover img, 
.thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item.selected img {
    border: 3px solid var(--primary);
}

.owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*="owl-"] {
    background-color: var(--light) !important;
    border-color: var(--light) !important;
    color: var(--dark) !important;
}

.owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav:hover button[class*="owl-"]:not(.disabled) {
    color: var(--primary) !important;
}


/* CONTENT HOME AZIENDA */

 .custom-overlapping-cards {
    display: flex;
    position: relative;
}

.custom-overlapping-cards > div {
    z-index: 1;
}

.custom-overlapping-cards > div:nth-child(1) {
    max-width: 47%;
}

.custom-overlapping-cards > div:nth-child(1) img {
    transform: translate3d(-20px, -20px, 0);
}

.custom-overlapping-cards > div:nth-child(2) {
    z-index: 0;
    transform: translate3d(-50px, 50px, 0);
}

.custom-overlapping-cards > div:nth-child(2) img {
    max-width: 89%;
    transform: translate3d(70px, -20px, 0);
}

.custom-overlapping-cards .custom-overlapping-cards-puzzle-background {
    position: absolute;
    top: -80px;
    left: -158px;
    z-index: -1;
}

@media (max-width: 575px) {
    .custom-overlapping-cards {
        flex-wrap: wrap;
        justify-content: center;
    }
    .custom-overlapping-cards > .card:nth-child(1) {
        max-width: 80%;
    }
    .custom-overlapping-cards > .card:nth-child(2) {
        margin-top: 50px;
        max-width: 80%;
        transform: none;
    }
    .custom-overlapping-cards > .card:nth-child(2) img {
        max-width: 100%;
        transform: translate3d(20px, -20px, 0);
    }
}




/* Font Awesome 7 Pro */
.datepicker table thead tr th.prev,
.datepicker table thead tr th.next,
.custom-testimonial-style-1.testimonial-with-quotes blockquote:before,
html #header .header-nav-main-arrows nav > ul > li > a.dropdown-toggle:after,
html #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after,
html #header .header-nav.header-nav-links-side-header nav > ul > li.dropdown > .dropdown-item:before,
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:after,
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:after,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:after,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:after,
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a:before,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a:before,
.owl-carousel .owl-nav button.owl-prev:before,
.owl-carousel .owl-nav button.owl-next:before,
.dropdown.dropdown-style-1 .dropdown-toggle:after,
i.pi.pi-porto-brand:before,
.img-thumbnail.img-thumbnail-hover-icon:after,
button.mfp-arrow:after,
ul.nav-list li a:before,
.tparrows.tparrows-carousel.tp-leftarrow:before,
.tparrows.tparrows-carousel.tp-rightarrow:before,
.tabs-navigation .nav-tabs > li .nav-link:before,
.toggle.toggle-simple .toggle > label:before,
.img-thumbnail.img-thumbnail-hover-icon:after, 
button.mfp-arrow:after, 
i.pi.pi-porto-brand:before,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after,
.fa, .fal, .far, .fas {
    font-family: 'Font Awesome 7 Pro';
}





/* CONTACT / CONTATTI FORM =======================
==================================================*/

/*
 * Hide visually, but have it available for spam-bots
 * Use fake class name: confirmemail to prevent detection of keyword "hidden"
 */
.confirmemail {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#recaptcha_response_field, .form-control, .form-control-file {
    background-color: #f5f5f5;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	    border: 1px solid #ced4da;
		border-color: #00000017;
}


.intl-tel-input.allow-dropdown .selected-flag {
    background-color: #e9ecef;
	border: 1px solid #ced4da;
}


.intl-tel-input {
	width: 100%;
}

.has-danger {
	/*background-color: yellow;*/
	/*color: red;*/
}

.has-danger .btn-primary {
	background-color: #dc3545;
	border-color: #dc3545 #dc3545 #c02231;

}

label.error {
    display: none;
}


.process_errors {
	background-color: #dc3545;
	color: #FFF;
	padding: 5px 10px 2px;
	border-radius: 10px;
}

.modal-body.error {
	background-color: #dc3545;
	color: #FFF;
	padding: 5px 10px;
}

.form-group a:not(.btn) {
	text-decoration: underline;
	font-weight: bold;
	font-weight:normal
}

/*.has-danger label.error {
    display: inline-block;
}*/

.has-danger .input-group-prepend .input-group-text,
.has-danger .checkmark,
.has-danger .intl-tel-input.allow-dropdown .selected-flag {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}
.has-danger .form-control,
.has-danger .form-control-file {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.has-danger span {
    color: #c10000;
}






/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0; 
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #b9b9b9;
  border-radius: 2px;
} 


/* On mouse-over, add a grey background color */
.labelcontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.labelcontainer input:checked ~ .checkmark {
  background-color: #73aa65;
  border-color: #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.labelcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.labelcontainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.text-right .g-recaptcha {
	float: right;
}
.labelcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.contactForm .intl-tel-input.allow-dropdown input, 
.contactForm .intl-tel-input.allow-dropdown input[type=text], 
.contactForm .intl-tel-input.allow-dropdown input[type=tel]  {
    font-size: 0.85rem;
    line-height: 1.85;
	height: auto;
}

@media (min-width: 992px) {
		
	#header .header-nav.header-nav-dropdowns-dark nav > ul > li > a:before {
		border-bottom: 3px solid #088FA1 !important;
		top: 0 !important;
	    bottom: auto !important;
	}

}



/* -RESPONSIVE =========================================================
X-Small	None	< 576px
Small	    sm	≥ 576px
Medium	    md	≥ 768px
Large	    lg	≥ 992px
Extra large	xl	≥1200px
Extra extra large	≥1400px
==================================================*/