.home,
.page-template-wp-custom-template-ip-blu-page {
  background-color: var(--wp--preset--color--custom-blu);
}

/* template blu */
#top-bar .top-bar-item a,
.page-template-wp-custom-template-ip-blu-page #top-bar .top-bar-item a {
  color: var(--wp--preset--color--custom-base);
  background-color: var(--wp--preset--color--custom-blu);
}

#top-bar .top-bar-item a:hover,
.page-template-wp-custom-template-ip-blu-page #top-bar .top-bar-item a:hover {
  opacity: 75%;
}

.home #desktop-nav-wrapper .desktop-nav-container,
.home #desktop-nav [data-submenu-id="offerta-formativa"] .level-1,
.home #desktop-nav [data-submenu-id="segreteria"] ul,
.home #desktop-nav [data-submenu-id="non-solo-scuola"] ul,
.home #desktop-nav li.level-2.sub ul.level-2.sub,
.home #mobile-nav,
.page-template-wp-custom-template-ip-blu-page #desktop-nav-wrapper .desktop-nav-container,
.page-template-wp-custom-template-ip-blu-page #desktop-nav [data-submenu-id="offerta-formativa"] .level-1,
.page-template-wp-custom-template-ip-blu-page #desktop-nav [data-submenu-id="segreteria"] ul,
.page-template-wp-custom-template-ip-blu-page #desktop-nav [data-submenu-id="non-solo-scuola"] ul,
.page-template-wp-custom-template-ip-blu-page #desktop-nav li.level-2.sub ul.level-2.sub,
.page-template-wp-custom-template-ip-blu-page #mobile-nav {
  box-shadow: 0 0 8px 4px rgba(127, 127, 127, 0.35);
}

.home #top-bar .top-bar-item a:focus, .page-template-wp-custom-template-ip-blu-page #top-bar .top-bar-item a:focus {
  box-shadow: 0 0 0 2px #d1ebf6;
}

/* template light */
.page-template-wp-custom-template-ip-light-page {
  background-color: var(--wp--preset--color--custom-azzurro);
}

.page-template-wp-custom-template-ip-light-page #top-bar .top-bar-item a {
  color: var(--wp--preset--color--custom-blu);
  background-color: var(--wp--preset--color--custom-azzurro);
}

.page-template-wp-custom-template-ip-light-page #top-bar .top-bar-link-item:hover > .icon-container {
  opacity: 75%;
}

.page-template-wp-custom-template-ip-light-page #top-bar .top-bar-link-item:hover > .contact-txt-link {
  opacity: 75%;
}

.page-template-wp-custom-template-ip-light-page #desktop-nav-wrapper .desktop-nav-container,
.page-template-wp-custom-template-ip-light-page #desktop-nav [data-submenu-id="offerta-formativa"] .level-1,
.page-template-wp-custom-template-ip-light-page #desktop-nav [data-submenu-id="segreteria"] ul,
.page-template-wp-custom-template-ip-light-page #desktop-nav [data-submenu-id="non-solo-scuola"] ul,
.page-template-wp-custom-template-ip-light-page #desktop-nav li.level-2.sub ul.level-2.sub,
.page-template-wp-custom-template-ip-light-page #mobile-nav {
  box-shadow: 0 0 8px 4px rgba(16, 66, 87, 0.12);
}

.page-template-wp-custom-template-ip-light-page #top-bar .top-bar-item a:focus {
  box-shadow: 0 0 0 2px #104257;
}

/* template white */
.page-template-wp-custom-template-ip-white-page #top-bar .top-bar-item a {
  color: var(--wp--preset--color--custom-blu);
    background-color: var(--wp--preset--color--custom-base);
}

.page-template-wp-custom-template-ip-white-page #top-bar .top-bar-link-item:hover > .icon-container {
  opacity: 75%;
}

.page-template-wp-custom-template-ip-white-page #top-bar .top-bar-link-item:hover > .contact-txt-link {
  opacity: 75%;
}

.page-template-wp-custom-template-ip-white-page #desktop-nav-wrapper .desktop-nav-container,
.page-template-wp-custom-template-ip-white-page #desktop-nav [data-submenu-id="offerta-formativa"] .level-1,
.page-template-wp-custom-template-ip-white-page #desktop-nav [data-submenu-id="segreteria"] ul,
.page-template-wp-custom-template-ip-white-page #desktop-nav [data-submenu-id="non-solo-scuola"] ul,
.page-template-wp-custom-template-ip-white-page #desktop-nav li.level-2.sub ul.level-2.sub,
.page-template-wp-custom-template-ip-white-page #mobile-nav {
  box-shadow: 0 0 8px 4px rgba(16, 66, 87, 0.12);
}

.page-template-wp-custom-template-ip-white-page #top-bar .top-bar-item a:focus {
  box-shadow: 0 0 0 2px #104257;
}