/* Links */
/* Footer top region */
/* Footer middle region */
/* Footer bottom region */
/* Submit button */
/* Button variant 1 */
/* Button variant 1 - alternative */
/* Button variant 2 */
/* Button variant 2 - alternative*/
/* Box shadow colors */
/* Container colors */
/* Search colors */
/* Menu colors */
/** General **/
/** Mobile **/
/* Navigation colors */
@font-face {
  font-family: "Tan Pearl";
  src: url("../assets/fonts/Tan-Pearl/tan-pearl-regular.ttf");
}
@font-face {
  font-family: "Raleway";
  src: url("../assets/fonts/Raleway/Raleway-VariableFont_wght.ttf");
}
@font-face {
  font-family: "Raleway";
  font-style: italic;
  src: url("../assets/fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf");
}
@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  src: url("../assets/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf");
}
@font-face {
  font-family: "Bellota Text";
  src: url("../assets/fonts/Bellota_Text/BellotaText-Regular.ttf");
}
@font-face {
  font-family: "Bellota Text";
  font-style: italic;
  src: url("../assets/fonts/Bellota_Text/BellotaText-Italic.ttf");
}
@font-face {
  font-family: "Bellota Text";
  font-weight: lighter;
  src: url("../assets/fonts/Bellota_Text/BellotaText-Light.ttf");
}
@font-face {
  font-family: "Bellota Text";
  font-weight: lighter;
  font-style: italic;
  src: url("../assets/fonts/Bellota_Text/BellotaText-LightItalic.ttf");
}
@font-face {
  font-family: "Bellota Text";
  font-weight: bold;
  src: url("../assets/fonts/Bellota_Text/BellotaText-Bold.ttf");
}
@font-face {
  font-family: "Bellota Text";
  font-weight: bold;
  font-style: italic;
  src: url("../assets/fonts/Bellota_Text/BellotaText-BoldItalic.ttf");
}
.layout-container--column {
  position: relative;
  margin: 0 auto;
  padding-top: 0;
  padding-top: var(--column-padding-top, 0);
  padding-bottom: 0;
  padding-bottom: var(--column-padding-bottom, 0);
  padding-left: 8px;
  padding-left: var(--column-padding-left, 8px);
  padding-right: 8px;
  padding-right: var(--column-padding-right, 8px);
  margin-top: 0;
  margin-top: var(--column-margin-top, 0);
  margin-bottom: 0;
  margin-bottom: var(--column-margin-bottom, 0);
  margin-left: 0;
  margin-left: var(--column-margin-left, 0);
  margin-right: 0;
  margin-right: var(--column-margin-right, 0);
}
@media (max-width: 992px) {
  .layout-container--column {
    padding-top: calc(0 / 2);
    padding-top: calc(var(--column-padding-top, 0) / 2);
    padding-bottom: calc(0 / 2);
    padding-bottom: calc(var(--column-padding-bottom, 0) / 2);
    padding-left: calc(0 / 2);
    padding-left: calc(var(--column-padding-left, 0) / 2);
    padding-right: calc(0 / 2);
    padding-right: calc(var(--column-padding-right, 0) / 2);
    margin-top: calc(0 / 2);
    margin-top: calc(var(--column-margin-top, 0) / 2);
    margin-bottom: calc(0 / 2);
    margin-bottom: calc(var(--column-margin-bottom, 0) / 2);
    margin-left: calc(0 / 2);
    margin-left: calc(var(--column-margin-left, 0) / 2);
    margin-right: calc(0 / 2);
    margin-right: calc(var(--column-margin-right, 0) / 2);
    padding-left: 24px;
    padding-right: 24px;
  }
}
.layout-container--column .column-background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout-container--column .column-background-image .media {
  width: 100%;
  height: 100%;
}
.layout-container--column .column-background-image .media img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.layout-container--column .column-background-image--overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout-container--column__rows {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 24px;
}
.layout-container--column__rows .layout-item {
  flex-basis: 0;
  flex-grow: 1;
}
@media (max-width: 768px) {
  .layout-container--column__rows .layout-item {
    flex-basis: auto;
    flex-grow: 0;
  }
}
.layout-container--column__rows.fancy-star {
  position: relative;
}
.layout-container--column__rows.fancy-star::after {
  position: absolute;
  content: "";
  width: 90px;
  height: 90px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}
@media (max-width: 992px) {
  .layout-container--column__rows.fancy-star::after {
    width: 64px;
    height: 64px;
  }
}
@media (max-width: 768px) {
  .layout-container--column__rows.fancy-star::after {
    width: 32px;
    height: 32px;
  }
}
.layout-container--column__rows.fancy-star.white::after {
  background-image: url("../assets/svgs/white-stars.svg");
}
.layout-container--column__rows.fancy-star.pink::after {
  background-image: url("../assets/svgs/pink-stars.svg");
}
.layout-container--column__rows.fancy-star.top-right::after {
  bottom: 100%;
  left: 100%;
  /* transform: translate(-50%, 50%);

  @include media('<=tablet') {
    transform: translate(0);
  } */
}
.layout-container--column__rows.fancy-star.top-left::after {
  bottom: 100%;
  right: 100%;
  /* transform: translate(-15px, 40px);

  @include media('<=tablet') {
    transform: translate(0);
  } */
}
.layout-container--column__rows.fancy-star.bottom-right::after {
  top: 100%;
  left: 100%;
}
.layout-container--column__rows.fancy-star.bottom-left::after {
  top: 100%;
  right: 100%;
}
.layout-container--column.full-width .layout-container--column__rows {
  width: 2300px;
}
.layout-container--column.normal-width .layout-container--column__rows {
  width: 1200px;
}
.layout-container--column.narcolumn-width .layout-container--column__rows {
  position: relative;
  width: 800px;
}
.layout-container--column.thin-width .layout-container--column__rows {
  position: relative;
  width: 600px;
}
.layout-container--column.full-width-background .layout-container--column__rows {
  position: relative;
  margin: 0 auto;
}
.layout-container--column.starry-background {
  background-image: url("../assets/images/background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.layout-container--column .column-background-text-wrapper {
  pointer-events: none;
  position: absolute;
  left: 50%;
  width: 100%;
  overflow: hidden;
}
.layout-container--column .column-background-text-wrapper.top {
  top: 70px;
  transform: translateX(-50%);
}
.layout-container--column .column-background-text-wrapper.middle {
  top: 50%;
  transform: translate(-50%, -50%);
}
.layout-container--column .column-background-text-wrapper.bottom {
  bottom: 70px;
  transform: translateX(-50%);
}
.layout-container--column .column-background-text-wrapper .column-background-text {
  position: relative;
  left: -50%;
  width: -moz-max-content;
  width: max-content;
  font-size: 200px;
  font-family: "Tan Pearl";
  font-weight: 400;
  line-height: 1;
}