@font-face {
  font-family: "Objektiv";
  src: url("../../fonts/Objektiv/Objektiv.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Objektiv-Black";
  src: url("../../fonts/Objektiv/Objektiv_Mk2_Black.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Objektiv-Bold";
  src: url("../../fonts/Objektiv/Objektiv_Mk2_Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Objektiv-Light";
  src: url("../../fonts/Objektiv/Objektiv_Mk2_Light.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Objektiv-Medium";
  src: url("../../fonts/Objektiv/Objektiv_Mk2_Medium.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Script-Bold";
  src: url("../../fonts/AbsoluteBeautyScript/Script_Bold.otf");
  font-display: swap;
}
@font-face {
  font-family: "Script-Light";
  src: url("../../fonts/AbsoluteBeautyScript/Script_Light.otf");
  font-display: swap;
}
@font-face {
  font-family: "Script-Regular";
  src: url("../../fonts/AbsoluteBeautyScript/Script_Regular.otf");
  font-display: swap;
}
@font-face {
  font-family: "Objektiv";
  src: url("../../fonts/Objektiv/Objektiv.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Objektiv-Black";
  src: url("../../fonts/Objektiv/Objektiv_Mk2_Black.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Objektiv-Bold";
  src: url("../../fonts/Objektiv/Objektiv_Mk2_Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Objektiv-Light";
  src: url("../../fonts/Objektiv/Objektiv_Mk2_Light.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Objektiv-Medium";
  src: url("../../fonts/Objektiv/Objektiv_Mk2_Medium.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Script-Bold";
  src: url("../../fonts/AbsoluteBeautyScript/Script_Bold.otf");
  font-display: swap;
}
@font-face {
  font-family: "Script-Light";
  src: url("../../fonts/AbsoluteBeautyScript/Script_Light.otf");
  font-display: swap;
}
@font-face {
  font-family: "Script-Regular";
  src: url("../../fonts/AbsoluteBeautyScript/Script_Regular.otf");
  font-display: swap;
}
@font-face {
  font-family: "Objektiv";
  src: url("../../fonts/Objektiv/Objektiv.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Objektiv-Black";
  src: url("../../fonts/Objektiv/Objektiv_Mk2_Black.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Objektiv-Bold";
  src: url("../../fonts/Objektiv/Objektiv_Mk2_Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Objektiv-Light";
  src: url("../../fonts/Objektiv/Objektiv_Mk2_Light.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Objektiv-Medium";
  src: url("../../fonts/Objektiv/Objektiv_Mk2_Medium.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Script-Bold";
  src: url("../../fonts/AbsoluteBeautyScript/Script_Bold.otf");
  font-display: swap;
}
@font-face {
  font-family: "Script-Light";
  src: url("../../fonts/AbsoluteBeautyScript/Script_Light.otf");
  font-display: swap;
}
@font-face {
  font-family: "Script-Regular";
  src: url("../../fonts/AbsoluteBeautyScript/Script_Regular.otf");
  font-display: swap;
}
/**
    Converts a specific size in PX to REM based on Base Font Size

    @param $size {number} The desired size to convert expressed in PX
*/
/**
    Encode a color
    @TODO: Need more info about this mixin
*/
/**
    Make an element take the full width of the viewport
*/
/**
    Create a Font Awesome icon, from a provided unicode

    @param $unicode {string} the value of the desired icon to insert
*/
/**
    Use to declare font size and font weight

    @param $pixels {number} The desired size of the font
    @param $weight {number} The desired weight of the font
*/
/**
    Convert some text, to a bold font weight
*/
h1,
.h1 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h1-size-mobile);
}
@media screen and (min-width: 768px) {
  h1,
  .h1 {
    font-size: var(--h1-size-desktop);
  }
}

h2,
.h2 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h2-size-mobile);
}
@media screen and (min-width: 768px) {
  h2,
  .h2 {
    font-size: var(--h2-size-desktop);
  }
}

h3,
.h3 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h3-size-mobile);
}
@media screen and (min-width: 768px) {
  h3,
  .h3 {
    font-size: var(--h3-size-desktop);
  }
}

h4,
.h4 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h4-size-mobile);
}
@media screen and (min-width: 768px) {
  h4,
  .h4 {
    font-size: var(--h4-size-desktop);
  }
}

h5,
.h5 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h5-size-mobile);
}
@media screen and (min-width: 768px) {
  h5,
  .h5 {
    font-size: var(--h5-size-desktop);
  }
}

b, strong {
  font-family: "Objektiv-Bold", Arial !important;
}

p,
span {
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  font-size: var(--p-size-mobile);
}
@media screen and (min-width: 768px) {
  p,
  span {
    font-size: var(--p-size-desktop);
    font-family: "Objektiv", Arial;
  }
}

b,
strong {
  font-family: var(--body-bold-font-family);
  font-weight: var(--body-bold-font-weight);
  font-size: var(--p-size-mobile);
}
@media screen and (min-width: 768px) {
  b,
  strong {
    font-size: var(--p-size-desktop);
  }
}

.primary-images .zoom-wrapper a {
  cursor: pointer;
  outline: 0;
}
.primary-images .zoom-wrapper img.active_img {
  display: none;
  max-width: 100%;
}
@media (min-width: 576px) {
  .primary-images .zoom-wrapper img.active_img {
    display: block;
    height: auto;
  }
}
@media (min-width: 1200px) {
  .primary-images .zoom-wrapper img.active_img {
    height: 540px;
  }
}
.primary-images .zoom-wrapper .gallery-wrapper {
  margin-top: 1.875rem;
  width: 100%;
}
.primary-images .zoom-wrapper .gallery-wrapper img {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .primary-images .zoom-wrapper .gallery-wrapper img {
    width: 70%;
    height: 70%;
  }
}