body {
    background-color: #FFFFFF;
    transition: background-color 0.1s cubic-bezier(0.5, 1, 0.89, 1);
}

header .container {
    transition: background-color 0.1s cubic-bezier(0.5, 1, 0.89, 1);
}

.ocm-effect-wrap, .container-wrap {
    background-color: transparent !important;
}

#logo {
    filter: invert(0);
    transition: filter 0.5s cubic-bezier(0.32, 0, 0.67, 0) !important;
}

body.dark #logo {
    filter: invert(1);
    transition: filter 0.5s cubic-bezier(0.32, 0, 0.67, 0) !important;
}

body.dark #header-outer #top .slide-out-widget-area-toggle a .lines:before,
body.dark #header-outer #top .slide-out-widget-area-toggle a .lines:after {
    background: linear-gradient(180deg, rgba(246, 242, 241, 1) 9%, rgba(0, 0, 0, 0) 83%, rgba(0, 0, 0, 0) 100%);
}
body.dark .nectar-carousel-fixed-content .nectar-button {
  border: 1px solid #FFFFFF;
}
body.dark [class^="icon-"].icon-default-style.extra-color-3, body.dark .iwithtext .iwt-text {
  transition: filter 0.5s cubic-bezier(0.32, 0, 0.67, 0) !important;
  filter: invert(1);
}
body.dark .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation {
  /* filter: invert(1); */
}
body.dark .nectar-global-section svg {
    filter: invert(1);
}
body.dark #header-outer #top .sf-menu > li > a:hover .sf-sub-indicator i {
  color: #FFFFFF !important;
}
body.dark #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text:after {
    border-color: #FFFFFF !important;
}
body.dark .essenza-grid img {
  filter: invert(1);
}
body.dark header .container>.row {
    border-bottom: 0.5px solid rgba(255,255,255, 0.3);
}
.side-widget-open header .container {
    background: transparent;
}
/* body.dark .nectar-global-section-megamenu span {
    filter: invert(1);
}*/
.side-widget-open header .container row {
    filter: invert(1);
}
body.dark .va {
    filter: invert(1);
}
body.dark .icon-salient-search:before {
    color: #ffffff;
}
body.dark #header-outer #top .sf-sub-indicator i {
  transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
body.dark #header-outer #top .sf-sub-indicator i {
  transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  color: #FFFFFF !important
}
body.dark .menu-title-text {
    color: #ffffff;
}

li > a.button.button--calypso {
    background: #000000;
    color: #ffffff;
}

body.dark li > a.button.button--calypso {
    background: #ffffff;
    color: #000000;
}

body.dark #top nav > ul > li[class*=button_] > a:before {
    border-color: #ffffff !important;
}

body.dark p,
body.dark a,
body.dark a span,
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
    color: #FFFFFF !important;
    transition: color .5s cubic-bezier(0.32, 0, 0.67, 0);
}
body.dark .nectar-cta[data-style=arrow-animation] .line {
    background-color: #FFF;
}

body.dark svg, body.dark .close-line {
    filter: invert(1);
}

body.dark .full-width-section > .col.span_12.dark .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content *,
body.dark .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content * {
    color: #FFFFFF !important;
}
body.dark #header-outer[data-format=centered-menu-bottom-bar] #top .logo-clone img {
    filter: invert(1);
}
body.dark #footer-outer, body.dark #nectar_fullscreen_rows > #footer-outer.wpb_row .full-page-inner-wrap {

}

.main-content button::before {
    background: var(--button-before);
}

.main-content button::after {
    background: var(--button-after);
}

body.small-nav a.button.button--calypso {
    border-color: #000000;
}

body.dark #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul a span{
  transition: color .0s cubic-bezier(0.32, 0, 0.67, 0);
}
body.dark #top nav .sf-menu ul .current-menu-item > a, body.dark #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) .current-menu-item > a, body.dark #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .current-menu-item > a{
  background-color: transparent !important;
}
body.dark #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul a:hover span{
  color: #555555 !important;
  transition: color .0s cubic-bezier(0.32, 0, 0.67, 0);
}

/* Gestione colore dinamico dei dropdown */
#header-outer[data-format="centered-menu-bottom-bar"] #top nav > .sf-menu > li ul {
  transition: background-color 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-top-width: 0px;
  background-color: var(--dropdown-bg, white) !important;
}