/**
 * GLOBAL
 **/
@media (max-width: 1023px) {
  html {
    font-size: 87.5%;
  }
}

body {
  overflow-x: hidden;
}

  @media (max-width: 767px) {
    body {
      --wp--style--root--padding-right: 1rem;
      --wp--style--root--padding-left: 1rem;
    }
  }

section {
  overflow-x: hidden;
}

@media (max-width: 1023px) {
  .wp-block-group[style*="padding-top:2rem"],
  .wp-block-cover[style*="padding-top:2rem"] {
    padding-top: 1rem !important;
  }

  .wp-block-group[style*="padding-top:5rem"],
  .wp-block-cover[style*="padding-top:5rem"] {
    padding-top: 2.5rem !important;
  }

  .wp-block-group[style*="padding-top:7.5rem"],
  .wp-block-cover[style*="padding-top:7.5rem"] {
    padding-top: 3.75rem !important;
  }

  .wp-block-group[style*="padding-top:10rem"],
  .wp-block-cover[style*="padding-top:10rem"] {
    padding-top: 5rem !important;
  }

  .wp-block-group[style*="padding-right:2rem"],
  .wp-block-cover[style*="padding-right:2rem"] {
    padding-right: 1rem !important;
  }

  .wp-block-group[style*="padding-right:3rem"],
  .wp-block-cover[style*="padding-right:3rem"] {
    padding-right: 1.5rem !important;
  }

  .wp-block-group[style*="padding-bottom:2rem"],
  .wp-block-cover[style*="padding-bottom:2rem"] {
    padding-bottom: 1rem !important;
  }

  .wp-block-group[style*="padding-bottom:5rem"],
  .wp-block-cover[style*="padding-bottom:5rem"] {
    padding-bottom: 2.5rem !important;
  }

  .wp-block-group[style*="padding-bottom:7.5rem"],
  .wp-block-cover[style*="padding-bottom:7.5rem"] {
    padding-bottom: 3.75rem !important;
  }

  .wp-block-group[style*="padding-bottom:10rem"],
  .wp-block-cover[style*="padding-bottom:10rem"] {
    padding-bottom: 5rem !important;
  }

  .wp-block-group[style*="padding-left:2rem"],
  .wp-block-cover[style*="padding-left:2rem"] {
    padding-left: 1rem !important;
  }

  .wp-block-group[style*="padding-left:3rem"],
  .wp-block-cover[style*="padding-left:3rem"] {
    padding-left: 1.5rem !important;
  }
}

/**
 * BASIC
 **/
:root :where(.wp-element-button:focus, .wp-block-button__link:focus) {
  outline-color: var(--wp--preset--color--accent-1);
}

/**
 * TEMPLATE PART HEADER
 **/
header.wp-block-template-part {
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
}

  header.wp-block-template-part #header > .wp-block-group {
    transition: all .75s cubic-bezier(.19,1,.22,1);
  }

    @media (max-width: 1023px) {
      header.wp-block-template-part #header > .wp-block-group {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
      }
    }

    body.body--header-is--shrinked header.wp-block-template-part #header > .wp-block-group {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important;
    }

  @media (max-width: 767px) {
    header.wp-block-template-part .wp-block-site-logo {
      max-width: 12rem;
    }

    header.wp-block-template-part .wp-block-group.is-layout-grid {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
    }

    header.wp-block-template-part .wp-block-group.is-layout-grid > .wp-block-group:nth-child(2) {
      display: none;
    }
  }

/**
 * TEMPLATE PART FOOTER
 **/
footer.wp-block-template-part .wp-block-group.alignwide {
  position: relative;
  overflow: hidden;
}

  @media (max-width: 1023px) {
    footer.wp-block-template-part .wp-block-group.is-layout-grid {
      display: flex;
      flex-direction: column;
    }
  }

/**
 * ENTRY-CONTENT
 */
.entry-content {
  display: flex;
  max-width: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
}

  .entry-content section:first-child {
    overflow: hidden;
  }

  .entry-content #description {
    order: 99;
  }

/**
 * BLOCK-BUTTON
 **/
.wp-block-button .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  transition: all .75s cubic-bezier(.19,1,.22,1);
}

  @media (min-width: 1024px) {
    .wp-block-button .wp-block-button__link {
      padding-left: 1.5rem;
    }
  }

  @media (max-width: 1023px) {
    .wp-block-button .wp-block-button__link {
      padding-top: 0.5rem;
      padding-right: 0.5rem;
      padding-bottom: 0.5rem;
      padding-left: 0.75rem;
    }
  }

.wp-block-button .wp-block-button__link:after {
  display: inline-flex;
  width: 1.75rem;
  height: 1.75rem;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 20 20" height="40px" viewBox="0 0 20 20" width="40px" fill="%23343434"><g><rect fill="none" height="20" width="20" x="0"/></g><g><polygon points="5,5 5,6.5 12.44,6.5 4,14.94 5.06,16 13.5,7.56 13.5,15 15,15 15,5"/></g></svg>');
  background-position: 55% 50%;
  background-repeat: no-repeat;
  background-size: 75%;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  content: '';
  transition: all .75s cubic-bezier(.19,1,.22,1);
}

  /*
  .wp-block-button .wp-block-button__link:not([class*="-background-color"]):focus,
  .wp-block-button .wp-block-button__link:not([class*="-background-color"]):hover {
    background-color: var(--wp--preset--color--accent-3) !important;
  }

  .wp-block-button .wp-block-button__link.has-contrast-background-color:focus,
  .wp-block-button .wp-block-button__link.has-contrast-background-color:hover {
    background-color: var(--wp--preset--color--accent-3) !important;
  }

  .wp-block-button .wp-block-button__link.has-base-color:after {
    background-color: var(--wp--preset--color--base);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFFFFF"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>');
  }

  .wp-block-button .wp-block-button__link.has-contrast-color:after {
    background-color: var(--wp--preset--color--contrast);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23323030"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>');
  }

    .wp-block-button .wp-block-button__link.has-contrast-color:focus:after,
    .wp-block-button .wp-block-button__link.has-contrast-color:hover:after {
      background-color: var(--wp--preset--color--base) !important;
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23fff"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>');
  }
  */

/**
 * BLOCK-IMAGE
 **/
.wp-block-image img {
  border-radius: 1.5rem;
}

/**
 * BLOCK-MEDIA-TEXT
 **/
.wp-block-media-text {
  position: relative;
}

  .wp-block-media-text.has-media-on-the-left .wp-block-media-text__content {
    padding-right: 0;
  }

  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    padding-left: 0;
  }

  @media (max-width: 1023px) {
    .wp-block-media-text > .wp-block-media-text__content {
      padding-right: 0;
      padding-bottom: 4rem;
      padding-left: 0;
    }

    .wp-block-media-text.is-stacked-on-mobile.tw-media-bottom > .wp-block-media-text__content {
      margin-bottom: var(--wp--preset--spacing--50);
      padding-right: 0;
      padding-left: 0;
    }
  }

  .wp-block-media-text .wp-block-media-text__media {
    border-radius: 1.5rem;
    overflow: hidden;
  }

/**
 * SLIDER
 **/
.swiper-container {
  max-width: 100%;
}

@media (max-width: 575px) {
  .swiper-slide {
    padding-right: calc(var(--wp--style--root--padding-right) * 2);
    padding-left: calc(var(--wp--style--root--padding-left) * 2);
  }
}

.swiper-button-next,
.swiper-button-prev {
  width: 3rem;
  height: 3rem;
  background-color: var(--wp--preset--color--base);
  border: 2px solid var(--wp--preset--color--accent-1);
  border-radius: 50%;
  color: var(--wp--preset--color--accent-1);
  z-index: 9;
}

  .swiper-button-next {
    right: 0;
  }

  .swiper-button-prev {
    left: 0;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    width: 3rem;
    height: 3rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23323030"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>');
    background-position: 55% 50%;
    background-repeat: no-repeat;
    content: '';
  }

  .swiper-button-prev:after {
    background-position: 60% 50%;
    transform: rotate(180deg);
  }

/**
 * MODAL
 **/
.wp-block-cloudcatch-light-modal-block__wrapper.is-open {
  backdrop-filter: blur(4px);
}

  .wp-block-cloudcatch-light-modal-block__wrapper .wp-block-cloudcatch-light-modal-block {
    width: 100%;
    max-width: clamp(800px, 60%, 1000px);
  }

    .wp-block-cloudcatch-light-modal-block__wrapper .wp-block-cloudcatch-light-modal-block iframe {
      min-width: 100% !important;
      height: calc(100svh - 192px) !important;
    }

/**
 * ARTICLE
 **/
article img {
  transition: all .75s cubic-bezier(.19,1,.22,1);
}

  article:hover img {
    transform: scale(1.1);
  }

  @media (max-width: 1023px) {
    article:hover img {
      transform: scale(1.05);
    }
  }
