/*
 * ************* HEADER *****************
 * #headerNicknom: logo i icones blancs sobre la imatge; quan el header
 * queda fix (efecte sticky d'Elementor) passa a fons clar amb elements grisos.
 */
#headerNicknom.elementor-sticky--effects {
    background-color: #F6F3ED !important;
    transition: background-color 0.3s ease-in-out;
}

#headerNicknom.elementor-sticky--effects .elementor-social-icons-wrapper.elementor-grid .elementor-grid-item a svg,
#headerNicknom.elementor-sticky--effects .e-n-menu-item svg {
    fill: #565C66;
    transition: fill 0.3s ease-in-out;
}

#headerNicknom.elementor-sticky--effects .e-n-menu-item a span {
    color: #565C66;
    transition: color 0.3s ease-in-out;
}

#headerNicknom #logoHeader svg path,
#headerNicknom #logoHeader svg polygon,
#headerNicknom #logoHeader svg rect {
    fill: #fff !important;
    transition: fill 0.3s ease-in-out;
}

#headerNicknom.elementor-sticky--effects #logoHeader svg path,
#headerNicknom.elementor-sticky--effects #logoHeader svg polygon,
#headerNicknom.elementor-sticky--effects #logoHeader svg rect {
    fill: #565C66 !important;
}