@charset "UTF-8";
/* custom editor styles, for better visibility, has still problems and needs some tweaks */
.block-editor-iframe__html .pellegrin-header {
  background-color: var(--wp--preset--color--dark-blue);
  width: 100vw;
  height: 1080px;
}
.block-editor-iframe__html .pellegrin-header .menu-overlay-wrapper {
  visibility: visible;
  opacity: 1;
  top: 105px;
}

.pellegrin-header {
  position: fixed;
  right: 0;
  z-index: 10;
  transition: margin 0.3s ease;
}
.pellegrin-header .menu-wrapper {
  position: absolute;
  top: 50px;
  right: 4.1666vw;
  height: 30px;
  width: 110px;
}
.pellegrin-header .menu-wrapper .lang-menu {
  display: none;
}
.pellegrin-header .menu-wrapper .lang-menu .wpml-language-switcher-block {
  width: auto !important;
  position: absolute;
  left: -5px;
  top: 0;
  z-index: 3; /* z-index is set so the hover expand function works also when over the custom icon */
  padding-right: 1px;
}
.pellegrin-header .menu-wrapper .lang-menu .wpml-language-switcher-block svg {
  visibility: hidden; /*disable default icon, to be able to use custom one */
}
.pellegrin-header .menu-wrapper .lang-menu .wpml-language-switcher-block .wp-block-navigation-item__label {
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.1363;
  letter-spacing: var(--wp--custom--letter-spacing--head-p);
  color: var(--wp--preset--color--white);
  text-transform: uppercase;
}
.pellegrin-header .menu-wrapper .lang-menu .wpml-language-switcher-block .wp-block-navigation__submenu-container .wp-block-navigation-item {
  margin-top: 15px !important;
}
.pellegrin-header .menu-wrapper .lang-menu .wpml-language-switcher-block .wp-block-navigation-item__content:hover span {
  color: var(--wp--preset--color--pink) !important;
}
.pellegrin-header .menu-wrapper .lang-menu .lang-menu-icon {
  cursor: pointer;
  width: 13px;
  height: 13px;
  position: absolute;
  left: 34px;
  top: 10px;
  z-index: 2; /* set for the custom icon is behind the wpml-language-switcher-block */
  transition: transform 0.3s ease;
}
.pellegrin-header .menu-wrapper .lang-menu .lang-menu-icon.hover { /* gets added via js in header.js */
  transform: rotate(180deg);
}
.pellegrin-header .menu-wrapper .lang-menu .lang-menu-icon.hover svg {
  color: var(--wp--preset--color--pink);
}
.pellegrin-header .menu-wrapper .lang-menu .lang-menu-icon svg {
  fill: currentColor;
  stroke: none !important;
  color: var(--wp--preset--color--white);
  transform: rotate(0deg);
  transform-origin: center;
  color: var(--wp--preset--color--white);
}
.pellegrin-header .menu-wrapper .lang-menu .lang-menu-icon svg:hover {
  color: var(--wp--preset--color--pink);
}
.pellegrin-header .menu-wrapper .menu {
  position: absolute;
  right: 0;
  top: 4px;
}
.pellegrin-header .menu-wrapper .menu:hover {
  cursor: pointer;
}
.pellegrin-header .menu-wrapper .menu:hover svg {
  color: var(--wp--preset--color--pink);
}
.pellegrin-header .menu-wrapper .menu .icon-container {
  width: auto !important;
}
.pellegrin-header .menu-wrapper .menu .icon-container svg {
  width: 32px;
}
.pellegrin-header .menu-overlay-wrapper {
  z-index: 4; /* set to be over z-indexed wpml lang switcher */
  position: fixed;
  left: 50vw;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover {
  position: absolute;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover img {
  border-radius: 0;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container {
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .logo-menu {
  position: absolute;
  width: 23.9583vw;
  left: 2.34375vw !important;
  top: 35px;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .logo-menu .icon-container {
  width: inherit !important;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .logo-menu .icon-container svg {
  width: inherit;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu {
  top: -13px;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu svg {
  width: 37px;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-main {
  gap: 0;
  font-weight: 200;
  font-size: 2.625rem;
  line-height: 1.1;
  letter-spacing: var(--wp--custom--letter-spacing--head-p);
  color: var(--wp--preset--color--white);
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-main .wp-block-navigation {
  gap: 0;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-main .wp-block-navigation li {
  margin-bottom: 2.777vh;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-main .wp-block-navigation li::before, .pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-main .wp-block-navigation li::after {
  content: "";
  transition: opacity 0.2s ease, transform 0.3s ease;
  opacity: 0;
  transform: translateX(5.2083vw);
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-main .wp-block-navigation li:last-child {
  margin-bottom: 4.6296vh;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-main .wp-block-navigation li:hover {
  color: var(--wp--preset--color--pink);
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-main .wp-block-navigation li:hover::before, .pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-main .wp-block-navigation li:hover::after {
  background-color: white;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 100px;
  opacity: 1;
  transform: translateX(0);
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-main .wp-block-navigation li:hover::before {
  right: 1.0416vw;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-main .wp-block-navigation li:hover::after {
  left: 1.0416vw;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-sub {
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 1.45;
  letter-spacing: 0;
  color: var(--wp--preset--color--white);
  margin-bottom: 2.777vh;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-sub .wp-block-navigation {
  gap: 0.52083vw;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-sub .wp-block-navigation li a:hover {
  color: var(--wp--preset--color--pink);
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-sub .wp-block-navigation li::before {
  content: "·";
  padding-right: 0.52083vw;
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-sub .wp-block-navigation li:first-child::before {
  content: "";
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-bottom {
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 1.45;
  letter-spacing: 0;
  color: var(--wp--preset--color--white);
}
.pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-bottom:hover {
  color: var(--wp--preset--color--pink);
}

/* RESPONSIV */
@media screen and (max-width: 1535px) {
  .pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .logo-menu {
    width: 25.4723vw;
  }
}
@media screen and (max-width: 1279px) {
  .pellegrin-header .menu-wrapper {
    top: 30px;
    right: 5.1vw;
  }
  .pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .logo-menu {
    width: 322px;
  }
}
@media screen and (max-width: 767px) {
  .pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .logo-menu {
    width: 220px;
  }
  .pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-main {
    font-size: 2.25rem;
  }
  .pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-main .wp-block-navigation li:hover::before, .pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-main .wp-block-navigation li:hover::after {
    width: 0;
  }
  .pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-sub, .pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-bottom {
    font-size: 1.5rem;
  }
  .pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-sub {
    width: 89.8vw;
  }
  .pellegrin-header .menu-overlay-wrapper .wp-block-cover .wp-block-cover__inner-container .menu-sub li.first-column::before {
    color: transparent;
  }
}