/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/scss/main.scss ***!
  \****************************************************************************************************************/
@charset "UTF-8";
@layer reset, framework;
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url(fonts/poppins-v20-latin-regular.405055dd680fa1dcdfa2.woff2) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: url(fonts/poppins-v20-latin-500.08491d3f7fe7ae88ef44.woff2) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url(fonts/poppins-v20-latin-600.91145014c0350c248ed2.woff2) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url(fonts/poppins-v20-latin-700.d86662fe776dae29ea78.woff2) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  src: url(fonts/poppins-v20-latin-800.ca6a92cea2062ebec667.woff2) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.offcanvas-close {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 992px) {
  /*Make layouts classes from parent theme full size in mobile and tablet, 
  * If a bloc need to stay on half page even in mobile, then create another layout class for it, 
  * because in most cases following cases will be relevant
  */
  .grid-layout .grid-content-left, .grid-layout .grid-content-right {
    grid-column: content;
  }
  .grid-layout .grid-wide-left, .grid-layout .grid-wide-right {
    grid-column: wide;
  }
  .grid-layout .grid-full-left, .grid-layout .grid-page-left, .grid-layout .grid-full-right, .grid-layout .grid-page-right {
    grid-column: page;
  }
}
.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
}

/*Animations & transitions*/
@media (prefers-reduced-motion: no-preference) {
  .zoomInOnHover {
    overflow: hidden;
    cursor: pointer;
    --time: 0.3s;
    --timing-function: ease-in-out;
    --zoom-scale: 1.1;
  }
  .zoomInOnHover > *, .zoomInOnHover img, .zoomInOnHover svg {
    transition: scale var(--time) var(--timing-function);
  }
  .zoomInOnHover:hover > *, .zoomInOnHover:hover img, .zoomInOnHover:hover svg {
    scale: var(--zoom-scale);
  }
  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      transform: translateX(-1.25rem);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes fadeInRight {
    0% {
      opacity: 0;
      transform: translateX(1.25rem);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(-1.25rem);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      transform: translateY(1.25rem);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes scaleUp {
    0% {
      opacity: 0;
      scale: 0.1;
    }
    100% {
      opacity: 1;
      scale: 1;
    }
  }
  .fadeInLeft, .fadeInRight, .fadeInUp, .fadeInDown, .scaleUp {
    --animation-delay: .25s;
    --animation-duration: 1s;
    --animation-fill-mode: both;
    animation-delay: var(--animation-delay);
    animation-duration: var(--animation-duration);
    animation-fill-mode: var(--animation-fill-mode);
  }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 992px) {
  .fadeInLeft, .fadeInRight, .fadeInUp, .fadeInDown, .scaleUp {
    --animation-delay: .1s;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .revealer.fadeInLeft {
    opacity: 0;
    transform: translateX(-1.25rem);
  }
  .revealer.fadeInRight {
    opacity: 0;
    transform: translateX(1.25rem);
  }
  .revealer.fadeInUp {
    opacity: 0;
    transform: translateY(-1.25rem);
  }
  .revealer.fadeInDown {
    opacity: 0;
    transform: translateY(1.25rem);
  }
  .revealer.scaleUp {
    opacity: 0;
    scale: 0.1;
  }
  .revealer.active.fadeInLeft {
    animation-name: fadeInLeft;
  }
  .revealer.active.fadeInRight {
    animation-name: fadeInRight;
  }
  .revealer.active.fadeInUp {
    animation-name: fadeInUp;
  }
  .revealer.active.fadeInDown {
    animation-name: fadeInDown;
  }
  .revealer.active.scaleUp {
    animation-name: scaleUp;
  }
  .wp-block-accordion-panel {
    transform-origin: top;
    transition: 0.3s ease-in-out;
    transition-property: transform, display, opacity, height, margin;
    transition-behavior: allow-discrete;
  }
  .wp-block-accordion-panel[inert] {
    display: block;
    transform: scaleY(0);
    opacity: 0;
    height: 0;
  }
  .wp-block-accordion-panel:not([inert]) {
    transform: scaleY(1);
    opacity: 1;
    height: auto;
  }
}
.wp-element-button, .wp-block-button__link {
  transition: 0.3s ease-in-out;
  transition-property: background-color, color;
}

.is-style-outline :is(.wp-element-button, .wp-block-button__link):hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
}

.btn-to-top {
  position: absolute;
  grid-column: page;
  bottom: clamp(3rem, 8vw, 10rem);
  right: max(1rem, (100vw - var(--wp--style--global--wide-size)) / 2);
  z-index: 10;
  width: max-content;
  color: var(--wp--preset--color--primary);
}
.btn-to-top:hover {
  color: var(--wp--preset--color--primary);
}

.has-long-arrow-left {
  position: relative;
}
.has-long-arrow-left::before {
  content: "➜";
  position: absolute;
  left: -1.5em;
  color: var(--wp--preset--color--primary);
}

.share-link {
  cursor: pointer;
  color: var(--wp--preset--color--darkgrey);
  transition: color 0.3s ease-in-out;
}
.share-link:hover {
  color: var(--wp--preset--color--primary);
}

/**
* General navigation (header and footer):
*/
.nav-link {
  padding: 0;
}

.menu-item {
  padding: 0.25rem 0.5rem;
}

.main-header {
  grid-row: header;
  top: 0;
  z-index: 100;
}

.offcanvas-close {
  border: transparent;
  cursor: pointer;
  width: 2.75rem;
  height: 2.75rem;
}

.navbar-toggler {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

body {
  overflow-x: clip;
  accent-color: var(--wp--preset--color--primary);
}

.wrapper {
  width: 100%;
  max-width: var(--wp--style--global--content-size);
  padding: 0 1rem;
  margin: 0 auto;
}

#wrapper.main-grid {
  position: relative;
}

@supports (text-wrap: balance) {
  :where(h1, h2).wp-block-heading {
    text-wrap: balance;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: var(--wp--style--global--content-size);
  }
}
:where(.wp-block-image) img[src$=".svg"], :where(.wp-block-image) img[src$=".png"] {
  box-shadow: none;
}

:where(.wp-block-image:not(.is-style-rounded)) :is(img[src$=".svg"], img[src$=".png"]) {
  border-radius: 0;
}

.main-content {
  grid-row: main;
}

ul.is-style-list-pro {
  list-style-image: url(images/checkmark.95ecd671c58decc3142b.svg);
}

ul.is-style-list-con {
  list-style-image: url(images/redcross.076c6a1413944fef2225.svg);
}

ul.wp-block-list li.is-style-item-pro {
  list-style-image: url(images/checkmark.95ecd671c58decc3142b.svg);
}
ul.wp-block-list li.is-style-item-con {
  list-style-image: url(images/redcross.076c6a1413944fef2225.svg);
}

.wp-block-accordion-item .wp-block-accordion-heading__toggle:focus .wp-block-accordion-heading__toggle-title,
.wp-block-accordion-item .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
  text-decoration: none;
}

.main-footer {
  grid-row: footer;
}

.footer-top {
  --min-item-size: 12rem;
}

.footer-bottom {
  --vertical-alignment: center;
}

@supports (gap: 0) {
  .main-footer .menu {
    gap: 0.5rem 1rem;
  }
  .main-footer .menu .menu-item {
    padding: 0;
  }
}

.archive-loop {
  --min-item-size: 16rem;
  --grid-fill: auto-fill;
}
.archive-loop article {
  max-width: 20rem;
}