@charset "UTF-8";
/* custom editor styles, for better visibility, has still problems and needs some tweaks */
.block-editor-iframe__html .pellegrin-footer {
  background-color: var(--wp--preset--color--dark-blue);
}
.block-editor-iframe__html .footer-image .pellegrin-footer {
  background-color: transparent;
}

:root {
  --footer-image: url("");
  --footer-position: "";
}

/* specific footer project styling */
.footer-image {
  height: 100vh;
}
.footer-image .footer-top-left {
  position: absolute;
  top: 50px;
  left: 4.1666vw;
  margin: 0;
  font-weight: 200;
  font-size: var(--wp--preset--font-size--quote);
  line-height: 1.25;
  letter-spacing: 0.3125rem;
}
.footer-image .wp-block-cover__image-background::after {
  content: "";
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background: var(--footer-image);
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  position: var(--footer-position);
}
.footer-image .wp-block-cover__inner-container {
  background: linear-gradient(180deg, rgba(7, 0, 93, 0) 50.52%, rgba(7, 0, 93, 0.5) 78.12%);
  height: 100vh;
  display: flex;
  align-items: end;
}

/* active menu item style for all menus (header n footer) */
.current-menu-item {
  color: var(--wp--preset--color--pink);
}
.current-menu-item::before {
  color: var(--wp--preset--color--white);
}

/* general footer styling */
.pellegrin-footer {
  gap: 0;
}
.pellegrin-footer .kontakt {
  width: 62.5vw;
  gap: 2.60416vw;
  border-bottom: 1px solid var(--wp--preset--color--white);
  margin-bottom: 30px;
  font-size: 1.125rem;
  line-height: var(--wp--custom--line-height--body);
  letter-spacing: 0.078125rem;
  padding-bottom: 50px;
}
.pellegrin-footer .menu {
  margin-bottom: 40px;
}
.pellegrin-footer .menu .wp-block-navigation {
  width: 62.5vw;
  font-size: var(--wp--preset--font-size--body);
  color: var(--wp--preset--color--white);
  line-height: var(--wp--custom--line-height--body);
  letter-spacing: var(--wp--custom--letter-spacing--quote);
  justify-content: space-between;
}
.pellegrin-footer .menu .wp-block-navigation li {
  padding: 0 0.52083vw;
}
.pellegrin-footer .menu .wp-block-navigation li:hover {
  color: var(--wp--preset--color--pink);
}
.pellegrin-footer .social {
  gap: 1.927083vw;
  margin-bottom: 40px;
}
.pellegrin-footer .social .wp-block-outermost-icon-block {
  height: 45px;
}
.pellegrin-footer .social .wp-block-outermost-icon-block .cls-1 {
  fill: white;
  stroke: transparent;
}
.pellegrin-footer .sub-menu {
  margin-bottom: 60px;
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--wp--preset--color--white);
  gap: 0.625vw;
}
.pellegrin-footer .sub-menu .wp-block-navigation {
  gap: 0.625vw;
}
.pellegrin-footer .sub-menu .wp-block-navigation li::before {
  content: "·";
  padding-right: 0.625vw;
}
.pellegrin-footer .sub-menu .wp-block-navigation li a:hover {
  color: var(--wp--preset--color--pink);
}

@media screen and (max-width: 1535px) {
  .pellegrin-footer .kontakt {
    width: 70vw;
  }
  .pellegrin-footer .menu .wp-block-navigation {
    width: 70vw;
    font-size: 1.25rem;
  }
  .pellegrin-footer .sub-menu {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1439px) {
  .pellegrin-footer .kontakt {
    width: 75vw;
  }
  .pellegrin-footer .menu .wp-block-navigation {
    width: 75vw;
  }
}
@media screen and (max-width: 1279px) {
  .pellegrin-footer .kontakt {
    width: 89.8vw;
  }
  .pellegrin-footer .menu .wp-block-navigation {
    width: 89.8vw;
  }
}
@media screen and (max-width: 1023px) {
  .pellegrin-footer .menu .wp-block-navigation {
    justify-content: center !important;
    gap: 20px 0.5em;
  }
}
@media screen and (max-width: 767px) {
  .pellegrin-footer .kontakt {
    flex-direction: column;
    gap: 40px;
  }
  .pellegrin-footer .sub-menu {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
  .pellegrin-footer .sub-menu p {
    /* flex-basis: 100%; */
    /* flex basis destroyed centering, so adding space around element to let items wrap immediately  */
    padding: 0 12.5vw;
  }
  .pellegrin-footer .sub-menu li:first-child::before {
    content: "";
  }
}