/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.10
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*
@import "fonts/fontawesome/css/solid.min.css";
@import "fonts/fontawesome/css/fontawesome.min.css";
@import "fonts/helvetica_neue/HelveticaNeueLTPro-MdCnO.css";
*/

:root {
	--dark-text-color: #fff;
	--column-divider-color: #ececec2e;
	--green-site: #009703;
}

.res-text { } /*Dimensione base del testo nei banner */

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {  }
pre, blockquote, form, figure, p, dl, ul, ol { margin-bottom: 0.6em; }/*Overwrite padding sotto a <p>*/ 
sup { vertical-align: top; }
ul { list-style: none; }
.icon-box .icon-box-img {margin-bottom:0;}
.col, .columns, .gallery-item { padding-bottom: 0px; } 
.ux-logo-link {padding: 0 !important;}

/*Rimuove padding sotto alle colonne in desktop */ 
/*@media screen and (min-width: 850px){ .row-large>.flickity-viewport>.flickity-slider>.col, .row-large>.col { padding-bottom: 0; } }*/
/************************************************/


/****** SD Utility Classes *****/
.nav-dropdown { min-width: 320px; } /*Dimensione del dropdown menu main*/
.img-radius { border-radius: 20px; overflow: hidden; } /*Aggiunge radius ad immagini */
.margin-none { margin: 0 !important }
strong { /*font-weight: 700*/ }
.blocco_loghi .ux-logo-link { padding: 0 !important; }
.blocco_loghi img { margin: 0 auto !important; width: 65px; height: auto !important; }
/************************************************/

/****** SD Complianz *****/
#cmplz-manage-consent .cmplz-btn.cmplz-manage-consent {font-size: 0.7em !important; padding: 5px 15px !important; height: auto !important; opacity: .5;}
#cmplz-manage-consent .cmplz-btn.cmplz-manage-consent:hover {opacity: 1;}
.cmplz-buttons .cmplz-btn { font-size: 0.7em !important;}
/************************************************/

/****** SD Selettore Lingua *****/
body .nav li.wpml-ls-current-language > a:before {content: ""; width: 16px; background: url(/wp-content/themes/flatsome-child/assets/world.svg)no-repeat; margin-right: 2px; aspect-ratio: 1; opacity: 1; position: relative; background-size: cover; height: 16px; display: inline-block; vertical-align: middle;}
body .nav .wpml-ls-legacy-list-horizontal { padding-top:0; padding-bottom:0; }
body .nav .wpml-ls-legacy-list-horizontal a { padding:0 }
/************************************************/


/****** SD Icon Arrow *****/
[class*='icon-arrow-right']:after,
[class*='icon-arrow-down']:after{
    content: '';
    display: none;
    width: 10px;
    height: 60px;
    position: absolute;
    background: url(/wp-content/uploads/2025/10/arrow-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 850px) {
	.icon-arrow-right-lg:after {display: inline-block; top: 36px; right: -5px;}
	.icon-arrow-down-lg:after {display: inline-block; left: calc(50% - 5px); transform: rotate(90deg); bottom: -20px; }
}

@media only screen and (max-width: 849px) {	
	.icon-arrow-right-md:after {display: inline-block; top: 36px; right: -5px;}
	.icon-arrow-down-md:after {display: inline-block; left: calc(50% - 5px); transform: rotate(90deg); bottom: -20px; }
}
@media only screen and (max-width: 549px) {
	.icon-arrow-right-sm:after {display: inline-block; top: 36px; right: -5px;}
	.icon-arrow-down-sm:after {display: inline-block; left: calc(50% - 5px); transform: rotate(90deg); bottom: -20px; }
}
/************************************************/

body .dark h1, 
body .dark h2, 
body .dark h3,
body .dark h4,
body .dark h5,
body .dark h6 { color: var(--dark-text-color); }


.h1,h1,.banner h1 { font-size: 1.7em;  }
.h2,h2,.banner h2 { font-size: 1.6em;  }
.h3,h3,.banner h3 { font-size: 1.25em; }
.h4,h4,.banner h4 { font-size: 1.125em; }
.h5,h5,.banner h5 { font-size: 1em; }
.h6,h6,.banner h6 { font-size: .85em; }

p.lead, a.lead {  }


/***************FORM CONTATTI********************/
.block-form .col { padding: 0 15px 5px !important; }
.acceptance .wpcf7-form-control-wrap { display: inline !important; }
.wpcf7 span.wpcf7-list-item { margin-right: 0; }
label.acceptance input { margin-bottom: 0; }
/************************************************/

/******** MIGLIORAMENTI A FLATSOME **************/
.row-divided > .col + .col:not(.large-12) { border-left-color: var(--column-divider-color); }
.row-box-shadow-5 .col-inner, .row-box-shadow-5-hover .col-inner:hover, .box-shadow-5, .box-shadow-5-hover:hover {
  -webkit-box-shadow: 0px 30px 40px 0px rgba(205,205,205,.2);
  box-shadow: 0px 30px 40px 0px rgba(205,205,205,.2); 
}

/***** MIGLIORAMENTI A FLATSOME WOOCOMMERCE *****/
.dashboard-links li { width: 33.333%; margin-left: 0!important; }
.woocommerce-columns--2 .woocommerce-column { min-width: 50%; }
address { font-style: normal; line-height: 1.3; }
/************************************************/

.header-language-dropdown li a { padding: 10px 0 !important; color: #555 !important; margin-top: 0 }

.text-green { color: var(--green-site) !important } 
.bg-green { background-color: var(--green-site) !important }

.img-greyscale .bg-loaded { background-color: #141720; background-blend-mode: luminosity; }
.img-greyscale .banner-bg img { filter: grayscale(1); }
.mfp-iframe-holder .mfp-content, .mfp-inline-holder .ux-mfp-inline-content--video {	max-width: 80%; }

div.tablecontainer { overflow-x: auto; }
.table_sd { border-collapse: collapse; width: 100%; }
.table_sd th { background: #2e86c1; color: #fff; }
.table_sd th, .table_sd tr { text-transform: none; padding: 10px !important; }
.table_sd tr, .table_sd th { font-size: 16px }
.table_sd td { border: 1px solid #f4f4f4; font-size: 16px; padding: 10px; background: #fbfbfb; }

.dark .table_sd td {background: rgba(254, 254, 254, 0.064)}

.timeline h3 {
    background: var(--primary-color);
    padding: 0px 11px;
    display: inline-block;
    width: auto;
    position: absolute;
    top: -16px;
    color: #fff;
    border-radius: 10px;
}

@media screen and (min-width: 850px) {/*Solo Desktop*/
	.section { overflow-x: clip; } /*Inserito per fix colonne con overlay che sbordano*/
	
}

@media only screen and (max-width: 849px) { /*Tablet e Mobile*/
	body .is-sticky-section { position: relative !important; } 
	body .sticky-section-helper { display: none; }	
	body .sticky-section { height: auto !important; }
}

@media (min-width: 550px){
	.medium-1 .res-text, .medium-2 .res-text, .medium-3 .res-text, .medium-4 .res-text, .medium-5 .res-text, .medium-6 .res-text, .medium-7 .res-text {font-size: 16px; }
}

@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.menu-item a {/* font-size: 17px !important; color: #111 !important;*/}
	.mobile-center * { text-align:center; }

	.h1,h1,.banner h1{  }
	.h2,h2,.banner h2{  }
	.h3,h3,.banner h3{  }
	.h4,h4,.banner h4{  }
	.h5,h5,.banner h5{  }
	.h6,h6,.banner h6{  }

	p.lead, a.lead {  }
}

/******** BRACKPOINT HEADER **************/
@media only screen and (min-width: 1200px) {
	.header-main .logo-left .nav-left { justify-content: flex-end !important; right: 20px; }
	.header-main .logo-left .nav-right { justify-content: end !important; }

	.header-main.show-logo-center .nav-left { justify-content: flex-end !important; }
	.header-main.show-logo-center .nav-right { justify-content: flex-start !important; }
}

@media only screen and (max-width: 1199px) {
    #header .hide-for-medium .header-nav { display: none; }
    #header #top-bar .hide-for-medium{ display: none; }
    #header .show-for-medium, #header .show-for-medium .mobile-nav { display: flex !important; }
}
/******** BRACKPOINT HEADER **************/

