@charset "UTF-8";

:root {
	--base1: #ffffff;
	--base2: #000000;
	--grey1: #A4A4A4;
	--grey2: #E2E2E2;
}

/* Header */

.sp-page-title .sp-page-title-heading {font-family: inherit !important;}

/* Menu */

.sp-dropdown.sp-dropdown-main.sp-menu-right {width: 300px !important;}

/* FAQ */

.sppb-section.container-faq {margin-right: 44px !important;}
@media (max-width: 575px) {
  .services-page-accordion .sppb-addon-content .sppb-panel-group .sppb-panel-modern .sppb-toggle-direction {
    display: inherit !important;
  }
}
.services-page-accordion .sppb-addon-content .sppb-panel-group .sppb-panel-modern .sppb-panel-heading .sppb-panel-title, 
.addon-root-accordion .artolio-accordion .sppb-panel-group .sppb-panel-modern button[type="button"].sppb-panel-heading > span.sppb-panel-title {
	font-family: inherit !important;
	color: var(--sppb-text-primary) !important;
}

/* Google Reviews */

body[data-sppb-color-mode="Dark"] .commonninja_component {
    /* Inverte i colori per fare lo sfondo scuro e ruota i colori per mantenere le tinte originali di loghi e stelle */
    filter: invert(0.9) hue-rotate(180deg) !important;
    
    /* Aggiunge una leggera trasparenza per far amalgamare meglio il grigio con il tuo tema scuro */
    mix-blend-mode: screen; 
}

/* Tabs Gallery personal */

.agency-tabs .sppb-addon-wrapper.addon-root-dynamic-content-collection {margin-top: 40px !important;}

.sppb-nav.sppb-nav-tabs {
	width: max-content;
  margin: 0 auto;
  border: 1px solid #dbdbdb;
  padding: 4px 4px;
  border-radius: 100px;
}
.agency-tabs .sppb-nav.sppb-nav-tabs li > a::after {
	/* background: linear-gradient(98.34deg, #e0eae4 1.98%, #eeecdb 81.42%); */
	display: none !important;
}
.agency-tabs .sppb-nav::after, .agency-tabs .sppb-nav::before {content: inherit !important;}

.agency-tabs .sppb-nav-tabs > li {padding: 7px 30px !important; margin-bottom: 0px !important;}
.agency-tabs .sppb-nav-tabs > li.active {background: linear-gradient(98.34deg, #e0eae4 1.98%, #eeecdb 81.42%); border-radius: 100px;}
.agency-tabs .sppb-nav-tabs {gap: inherit !important;}

/* Mantiene il testo nero sulla tab attiva anche in modalità Dark */
body[data-sppb-color-mode="Dark"] .sppb-nav-tabs li.active a {
    color: #111114 !important;
}

/* Form richiesta preventivo */

#cf_2 {background: var(--sppb-bg-primary) !important; --label-color: var(--sppb-text-primary) !important;}
.convertforms .cf-input, .convertforms .cf-phone-number-wrapper {background: var(--sppb-bg-primary) !important; color: var(--sppb-text-primary) !important;}



/* Video render */

.sp-slider .sp-item .sp-background {background-repeat: no-repeat !important; background-size: inherit !important;}

/* Footer */

#sp-footer ul {justify-content: flex-start !important;}

/* GDPR */

#iub-legalDoc {font-size: 1rem !important;}

#iubenda-cs-banner.iubenda-cs-overlay {visibility: visible;opacity: 1; backdrop-filter: blur(10px);}
#iubenda-cs-banner.iubenda-cs-overlay::before {transition: 0.4s; backdrop-filter: blur(10px);}
body #iubenda-iframe, .offcanvas-overlay {transition: 0.4s; backdrop-filter: blur(10px);background-color: rgba(0, 0, 0, .4) !important;}