/*
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;
	--background-grey: #f2efee;
	--white: #fff;
}

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

ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star { padding-top: 2px; padding-bottom: 2px;}
.equal-middle .col-inner {align-content: center;}

.dark, .dark p, .dark td {color: var(--white);}
.white {color: var(--primary-color)!important;}
.bg-grey .section-bg.fill {background-color: var(--background-grey)}
.bg-grey.col > .col-inner {background-color: var(--background-grey)}
.dark ul li.bullet-arrow:before, .dark ul li.bullet-checkmark:before, .dark ul li.bullet-star:before {color: var(--white);}

/*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; padding: 5px; } /*Dimensione del dropdown menu main*/
.img-radius { border-radius: 4px; 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;}
/************************************************/

.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a { color: var(--primary-color); transition: all .2s;}
.header-block p, .header-block a {color: var(--primary-color)!important; }
/*
Testo Bianco
.header-block p, .header-block a {color: #fff !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_blu.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 }
body .icon-box-img svg path {fill: var(--primary-color) !important; }
/************************************************/


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; letter-spacing: -1.5px; }
.h2,h2,.banner h2 { font-size: 1.6em; letter-spacing: -1.5px; }
.h3,h3,.banner h3 { font-size: 1.25em; letter-spacing: -1px; }
.h4,h4,.banner h4 { font-size: 1.125em; letter-spacing: -1px; }
.h5,h5,.banner h5 { font-size: 1em; letter-spacing: -1px; }
.h6,h6,.banner h6 { font-size: .85em; letter-spacing: -1px; }

p.lead, a.lead {  }

.accordion .toggle { margin-left: 0px!important;}

/***************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; }
/************************************************/

/****** 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; }
}
/************************************************/

.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, .table_sd td { border: 2px solid #fff; padding: 10px; }
.table_sd th { color: #fff; text-transform:none !important; }
.table_sd td { color: var(--fs-color-base); vertical-align:top }
.table_sd tr th:nth-child(1) { background: var(--fs-color-primary);  }
.table_sd tr th:nth-child(2) { background: var(--fs-color-success);  }
.table_sd tr th:nth-child(3) { background: var(--fs-color-secondary);  }
.table_sd tr td:nth-child(1) { background: #E5E7F2;  }
.table_sd tr td:nth-child(2) { background: #F6F5F5;  }
.table_sd tr td:nth-child(3) { background: #F2F3F3;  }


/****** SD Timeline *****/
.timeline h3 { background: var(--primary-color); padding: 0px 11px; display: inline-block; width: auto; position: absolute; top: -16px; color: #fff; border-radius: 10px; }
.timeline .icon-box .icon { display:none; }
@media screen and (min-width: 850px) {/*Solo Desktop*/
.timeline .col-inner > .row:not(:first-child) { margin-top: -135px; }
.timeline .icon-box .icon { background:#fff; display: block; }

}
/************************************************/

#footer .ux-logo-link {padding-left: 0 !important;}

.stuck .nav li > a, 
.stuck .header-block,
.stuck .header-block p,
.stuck .header-block a { color: var(--primary-color) !important; }
.stuck li.wpml-ls-current-language > a:before { background-image: url(/wp-content/themes/flatsome-child/assets/world_blu.svg) !important; }
.stuck .nav li:hover > a,
.stuck .header-block a:hover,
.stuck .nav li.active > a { color: var(--fs-color-secondary); }
.stuck .icon-box-img svg path {fill: var(--primary-color) !important; }

/*** Certificazione in menu ***
.header-main .nav-right {padding-right: 75px;}
.header-main .nav-right:after {content: ""; background: url(/wp-content/uploads/2025/11/badge-DNV-ISO-9001.png); width: 55px; height: 55px; background-size: contain; position: absolute; right: 0; top: 4px;}
/*******************************/

.wpcf7-spinner { display: block;	margin: 0 auto; }


@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; }
	#header .medium-logo-left .logo {margin-left: 10px; }

	.header-block-block-2 {margin: auto; color: #fff;}
	.header-block-block-2 .icon-box-img svg path {fill: #fff!important; }

	.sidebar-menu .image-icon {display: none !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 {  }

	.table_sd th {display:none;}
	.table_sd td { display: block; border-width: 0px;}
	.table_sd tr td:nth-child(1) {margin-top: 10px;}
}

/******** 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 **************/