/*
Theme Name:   Rete Child
Template:     rete
Version:     1.0.0
Description:  Child theme for Rete
Author:       [Il tuo nome]
Author URI:    [Il tuo sito web]
*/

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


header .container {
  transition: background-color .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 #header-outer:not(.transparent)  #logo  {
  filter: invert(1);
  transition: filter 0.5s cubic-bezier(0.32, 0, 0.67, 0) !important;
}
body.dark #header-outer.transparent  a.button {
    background: transparent;
}
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-color: #FFFFFF
}
.side-widget-open header .container{
 background: transparent
}
.side-widget-open header .container row{
  filter: invert(1);
}
body.dark .icon-salient-search:before { color: #ffffff }
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 .nero p {
    color: #000000 !important;
}

body.dark .rosso p {
    color: #ff0000 !important;
}

body.dark p:not(.no-color),
body.dark a:not(.no-color),
body.dark a span:not(.no-color),
body.dark h1:not(.no-color),
body.dark h2:not(.no-color),
body.dark h3:not(.no-color),
body.dark h4:not(.no-color),
body.dark h5:not(.no-color),
body.dark h6:not(.no-color) {
  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 .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 div[data-style="minimal"] .toggle > .toggle-title i:before, body.dark div[data-style="minimal"] .toggle > .toggle-title i:after {
    background-color: #FFFFFF !important;
}
.cursor {
    position: fixed;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    border-radius: 50%;
    border: 2px solid #000000;
    transition: transform 0.3s ease;
    transform-origin: center center;
    pointer-events: none;
    z-index: 99999;
}

.cursor-white {
    border: 2px solid #ffffff;
}

a:hover {
    cursor: none;
}

.grow,
.grow-small {
    transform: scale(0.5);
    background: white;
    mix-blend-mode: difference;
    border: none;
}

.grow-small {
    transform: scale(2);
}

.grow-img {
    mix-blend-mode: difference;
    background-color: transparent;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"><circle cx="400" cy="400" r="350" fill="none" stroke="white" stroke-width="60"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    mix-blend-mode: difference;
    pointer-events: none;
    z-index: 9999;
    transform: scale(0.9);
    transition: transform 0.1s ease-out, width 0.2s ease, height 0.2s ease;
}

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

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

li > a.button.button--calypso {

}

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

.button.button--calypso::-webkit-scrollbar {
    display: none;
}
.button.button--calypso {
    -ms-overflow-style: none;
    scrollbar-width: none;
}