/* Theme presentation for core and content blocks, cards, patterns, search, pagination, and breadcrumbs. */

/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/

/* Quote */

.wp-block-quote {
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.editor-styles-wrapper .wp-block-quote p {
  font-weight: 900;
  font-size: var(--wp--preset--font-size--4-xl);
  line-height: 1.2;
}

.editor-styles-wrapper .wp-block-quote cite {
  font-size: var(--wp--preset--font-size--xl);
  font-style: normal;
  font-weight: 400;
}

/* Group */
@media (max-width: 781px) {

  .wp-block-group.is-layout-flex.stack-on-mobile {
    flex-direction: column;
    align-items: stretch;
  }

  .wp-block-group.is-layout-flex.stack-on-mobile > .wp-block-group {
    min-height: auto !important;
  }
}

.wp-block-post-content > .wp-block-group.alignfull.has-background + .wp-block-group.alignfull.has-background,
.entry-content > .wp-block-group.alignfull.has-background + .wp-block-group.alignfull.has-background {
    margin-block-start: 0;
}

.wp-block-group.is-style-extra-wide.alignwide {
  max-width: min(100%, 1720px);
}

.wp-block-group:has(.is-style-corner) {
  position: relative;
}

.wp-block-group.is-style-corner {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  margin: 0;
  z-index: 160;
}

.wp-block-group.is-style-section-1:not(.flip-card) {
  border-left: 2px solid var(--wp--preset--color--veggie-green);
}

.wp-block-group.is-style-section-2:not(.flip-card) {
  border-left: 2px solid var(--wp--preset--color--electric-purple);
}

.wp-block-group.is-style-section-3:not(.flip-card) {
  border-left: 2px solid var(--wp--preset--color--cflow-blue);
}

.wp-block-group.is-style-section-4:not(.flip-card) {
  border-left: 2px solid var(--wp--preset--color--rich-black);
}

.wp-block-group.is-style-section-5:not(.flip-card) {
  border-left: 2px solid var(--wp--preset--color--yellow);
}

/* Post terms / Categories */

.wp-block-query-title,
.wp-block-post-terms {
  display: inline-block;

  a {
    text-decoration: none;
    pointer-events: none;
  }
}

h1.wp-block-query-title,
h1.wp-block-post-terms {
  display: block;
}

/* Featured image */

.featured-image-cover {
  max-height: 60vh;
  width: 100%;

  > img {
    object-fit: cover;
    height: 100%;
  }
}
@media (min-width: 1200px) {

  .featured-image-cover {
    height: 60vh;
  }
}

/* Cover */

.wp-block-cover {
  min-height: clamp(20rem, 50vh, 50rem);
}

.wp-block-cover.is-style-shape-58-degree {
  min-height: clamp(20rem, 50vh, 50rem);
}
@media (min-width: 576px) {

  .wp-block-cover.is-style-shape-58-degree {
    min-height: clamp(35rem, 66vh, 60rem);
  }
}

.wp-block-cover > *:not(.wp-block-cover__image-background, .wp-block-cover__video-background, .wp-block-cover__background) {
  position: relative;
  z-index: 40;
}

.wp-block-cover.is-style-shape-58-degree {
  position: relative;
  overflow: hidden;
}

.wp-block-cover.is-style-shape-58-degree::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -25%;
  width: auto;
  height: 100%;
  aspect-ratio: 814 / 779;
  z-index: 30;
  pointer-events: none;
  background: url('data:image/svg+xml,<svg width="814" height="779" viewBox="0 0 814 779" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_555_23084)"><mask id="mask0_555_23084" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-1194" y="-630" width="2632" height="2631"><path d="M-161.118 -629.176L-1193.24 966.184L405.323 2000.3L1437.45 404.942L-161.118 -629.176Z" fill="url(%23paint0_linear_555_23084)"/></mask><g mask="url(%23mask0_555_23084)"><mask id="mask1_555_23084" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="814" height="779"><path d="M814 0H0V779H814V0Z" fill="white"/></mask><g mask="url(%23mask1_555_23084)"><path d="M485.872 0.984375L0.985352 778.014H329.971L813.015 0.984375H485.872Z" fill="%23FFEF19"/></g></g></g><defs><linearGradient id="paint0_linear_555_23084" x1="384.748" y1="288.215" x2="164.023" y2="629.418" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.09" stop-color="%23F1F1F1"/><stop offset="0.26" stop-color="%23CCCCCC"/><stop offset="0.5" stop-color="%23929292"/><stop offset="0.78" stop-color="%23424242"/><stop offset="1"/></linearGradient><clipPath id="clip0_555_23084"><rect width="814" height="779" fill="white"/></clipPath></defs></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
}
@media (min-width: 576px) {

  .wp-block-cover.is-style-shape-58-degree::before {
    right: auto;
    left: 40%;
  }
}
@media (min-width: 1200px) {

  .wp-block-cover.is-style-shape-58-degree::before {
    right: auto;
    left: 60%;
  }
}

/* Button */

.wp-element-button {
  transition: border, background-color, color, box-shadow, opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: cubic-bezier(0.4,0,0.2,1);
  backdrop-filter: blur(1.875rem);
}

.wp-block-button:not(.is-style-arrow-link,.is-style-arrow-link-underline,.is-style-arrow-link-read-more,.is-style-arrow-link-read-more-underline) {

  &:hover,
  &:focus {

    button,
    a {
      transform: translateY(-0.125rem);
      box-shadow: var(--wp--preset--shadow--emphasis-light) !important;
    }
  }

  .wp-element-button {
    display: flex;
    position: relative;
    align-items: center;
    gap: 0.5rem;
    overflow: hidden;
  }

  .wp-element-button .wp-block-button-icon svg {
    width: 1rem;
    height: 1rem;
    transition: transform var(--global-transition);
    will-change: transform;
  }
}

.is-style-arrow-link,
.is-style-arrow-link-underline,
.is-style-arrow-link-read-more,
.is-style-arrow-link-read-more-underline {

  .wp-element-button {
    display: flex;
    position: relative;
    align-items: center;
    gap: 0.5rem;
    overflow: hidden;
  }

  .wp-element-button-text {
    margin: 0;
  }

  .wp-element-button-text-start {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  a,
  div[role="textbox"] {
    display: flex;
    align-items: center;
    height: var(--numbers-spacing-spacing-2xl);
    line-height: var(--numbers-spacing-spacing-2xl);
    border-radius: 0;
  }

  div[role="textbox"]::after {
    content: " ";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M7.21633 5.62717H0V4.24383H7.21633L3.954 0.9815L4.9355 0L9.871 4.9355L4.9355 9.871L3.954 8.8895L7.21633 5.62717Z" fill="%23121212"/></svg>');
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 0.75rem;
    flex-shrink: 0;
    margin-left: 0.5rem;
  }

  .wp-element-icon {

    svg {
      width: 1rem;
      height: 1rem;
      transition: transform var(--global-transition);
      will-change: transform;
    }
  }
}

.wp-block-buttons:has(.is-style-arrow-link-read-more),
.wp-block-buttons:has(.is-style-arrow-link-read-more-underline) {
  margin-top: var(--wp--preset--spacing--small) !important;
}

.wp-element-button-text {
  padding: 0.25em 0;
  margin: -0.25em 0;
  overflow: hidden;
}

.wp-element-button__label {
  display: inline-grid;
  align-items: center;
}

.wp-element-button__label-current,
.wp-element-button__label-next {
  grid-area: 1 / 1;
  transition: transform 450ms cubic-bezier(0.5, 0, 0.1, 1);
  will-change: transform;
}

.wp-element-button__label-current {
  transform: translateY(0);
}

.wp-element-button__label-next {
  transform: translateY(1.35rem);
}

.wp-block-search__button:hover .wp-element-button__label-current,
.wp-block-search__button:focus-visible .wp-element-button__label-current,
.wp-block-query-pagination-next:hover .wp-element-button__label-current,
.wp-block-query-pagination-next:focus-visible .wp-element-button__label-current,
.wp-block-query-pagination-previous:hover .wp-element-button__label-current,
.wp-block-query-pagination-previous:focus-visible .wp-element-button__label-current,
.wp-element-button:hover .wp-element-button__label-current,
.wp-element-button:focus-visible .wp-element-button__label-current {
  transform: translateY(-1.35rem);
}

.wp-block-search__button:hover .wp-element-button__label-next,
.wp-block-search__button:focus-visible .wp-element-button__label-next,
.wp-block-query-pagination-next:hover .wp-element-button__label-next,
.wp-block-query-pagination-next:focus-visible .wp-element-button__label-next,
.wp-block-query-pagination-previous:hover .wp-element-button__label-previous,
.wp-block-query-pagination-previous:focus-visible .wp-element-button__label-previous,
.wp-element-button:hover .wp-element-button__label-next,
.wp-element-button:focus-visible .wp-element-button__label-next {
  transform: translateY(0);
}

/* Media & Text */

.wp-block-media-text .wp-block-media-text__media {
  aspect-ratio: 4 / 3;
}

.wp-block-media-text .wp-block-media-text__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wp-block-media-text > .wp-block-media-text__content {
  padding-top: var(--wp--preset--spacing--2-xl);
  padding-bottom: var(--wp--preset--spacing--2-xl);
}
@media (max-width: 600px) {

  .wp-block-media-text.is-stacked-on-mobile:not(.has-background) > .wp-block-media-text__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Image */

.wp-block-image.alignwide {
  margin-top: var(--wp--preset--spacing--6-xl);
  margin-bottom: var(--wp--preset--spacing--6-xl);
}

.wp-block-image.alignleft,
.wp-block-image.alignright {
	margin-top: var(--wp--preset--spacing--medium);
	margin-bottom: var(--wp--preset--spacing--medium);
}

/* Block Bindigs */

.respect-line-breaks {
  white-space: pre-line;
}

/* Contact Card */

.frontend-site {

  .cimcorp-contact-card {
    position: relative;

    &::after {
      content: ' ';
      background: var(--wp--preset--color--yellow);
      display: block;
      width: 1.0rem;
      height: 1.0rem;
      position: absolute;
      bottom: 0.5rem;
      left: 0.625rem;
      opacity: 0;
      z-index: -1;
      pointer-events: none;
      transition: opacity var(--global-transition);
    }

    &:hover {

      &::after {
        opacity: 1;
        z-index: 10;
      }
    }
  }
}

.cimcorp-contact-card {

  .cimcorp-contact-card-image {
    width: 7rem;
    flex: 0 0 7rem;
    margin-top: auto;

    img {
      height: auto;
      vertical-align: bottom;
    }
  }
}

/* Social links */

.wp-block-social-links {

  .wp-social-link {
    background: transparent !important;
    color: var(--wp--preset--color--rich-black) !important;
    transform: none !important;

    &:hover {
      color: var(--wp--preset--color--electric-purple) !important;
    }

    svg {
      width: 100%;
      height: auto;
      margin: auto;
    }
  }
}

/* Link list */

.wp-block-list.is-style-link-list {
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  @media (max-width: 782px) {
    gap: 0.5rem;
  }

  a {
    display: inline-block;
    text-decoration: none !important;
    position: relative;
  }

  .wp-element-list-item-text-start {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .wp-element-icon {
    display: inline-flex;

    svg {
      width: 1em;
      height: 1em;
      transition: transform var(--global-transition);
      will-change: transform;
      transform: translateY(15%);
    }
  }
}

/* Classic block */

.wp-block-post-content {

  > ul:not([class]) {
    font-size: var(--wp--preset--font-size--xl)
  }
}

/* Featured image, image */

.wp-block-image,
.wp-block-post-featured-image {
  overflow: hidden;

  > img {
    transition: transform 1000ms cubic-bezier(0.22,1,0.36,1) 100ms;
  }
}

/* Flip card */

.wp-block-group.flip-card {
  transition: box-shadow 1200ms cubic-bezier(0.22,1,0.36,1), transform 1000ms cubic-bezier(0.22,1,0.36,1) !important;

  &.is-style-section-1,
  &.is-style-section-2,
  &.is-style-section-3,
  &.is-style-section-4,
  &.is-style-section-5 {
    position: relative;
    overflow: hidden;

    &:before {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: calc(100% - 2px);
      z-index: 5;
      transform-origin: 0 50%;
      transition: transform 300ms cubic-bezier(0.22,1,0.36,1);
      transform: scaleX(1);
    }
  }

  &.is-style-section-1 {

    &:before {
      background: var(--wp--preset--color--veggie-green);
    }
  }

  &.is-style-section-2 {

    &:before {
      background: var(--wp--preset--color--electric-purple);
    }
  }

  &.is-style-section-3 {

    &:before {
      background: var(--wp--preset--color--cflow-blue);
    }
  }

  &.is-style-section-4 {

    &:before {
      background: var(--wp--preset--color--rich-black);
    }
  }

  &.is-style-section-5 {

    &:before {
      background: var(--wp--preset--color--yellow);
    }
  }

  &:has(h3[class*="heading-content-murat" i]) {

    &::before {
      background: var(--wp--preset--color--rich-black);
    }
  }
}

.frontend-site {

  .wp-block-group.flip-card {
    transition: box-shadow 1200ms cubic-bezier(0.22,1,0.36,1), transform 1000ms cubic-bezier(0.22,1,0.36,1) !important;

    &:hover {
      box-shadow: var(--wp--preset--shadow--emphasis) !important;
      transform: translateY(-0.5rem);
    }

    &.is-style-section-1,
    &.is-style-section-2,
    &.is-style-section-3,
    &.is-style-section-4,
    &.is-style-section-5 {

      &:hover::before {
        transform: scaleX(2.5);
      }

      &.filter-visible-when-post-type-is-\[cim_location\]::before {
        transform: scaleX(2.5);
      }
    }
  }
}

/* */

.wp-block-group.flip-card,
.wp-block-group.flip-card-2 {

  .wp-block-image,
  .wp-block-post-featured-image {
    --cut: 100% !important;

    > img {
      transform: scale(1) !important;
    }
  }
}

/* Flip card, alternative */

.wp-block-group.flip-card-2 {
  transition: box-shadow 1200ms cubic-bezier(0.22,1,0.36,1), transform 1000ms cubic-bezier(0.22,1,0.36,1), background 300ms cubic-bezier(0.22,1,0.36,1) !important;
}

.frontend-site {

  .wp-block-group.flip-card-2 {

    &:hover {
      box-shadow: var(--wp--preset--shadow--emphasis) !important;
      transform: translateY(-0.5rem);

      &.is-style-section-1 {
        background: var(--wp--preset--color--veggie-green) !important;
        color: var(--wp--preset--color--rice-white) !important;

        .wp-element-button {
          color: var(--wp--preset--color--rice-white) !important;
        }
      }

      &.is-style-section-2 {
        background: var(--wp--preset--color--electric-purple) !important;
        color: var(--wp--preset--color--rice-white) !important;

        .wp-element-button {
          color: var(--wp--preset--color--rice-white) !important;
        }
      }

      &.is-style-section-3 {
        background: var(--wp--preset--color--cflow-blue) !important;
        color: var(--wp--preset--color--rice-white) !important;

        .wp-element-button {
          color: var(--wp--preset--color--rice-white) !important;
        }
      }

      &.is-style-section-4 {
        background: var(--wp--preset--color--rich-black) !important;
        color: var(--wp--preset--color--rice-white) !important;

        .wp-element-button {
          color: var(--wp--preset--color--rice-white) !important;
        }
      }

      &.is-style-section-5 {
        background: var(--wp--preset--color--yellow) !important;
        color: var(--wp--preset--color--rich-black) !important;

        .wp-element-button {
          color: var(--wp--preset--color--rich-black) !important;
        }
      }
    }
  }
}

/* Linked group, image */

.wp-block-group:has(> .wp-block-group__link, > .wp-block-group__link) {

  .wp-block-image:not(.size-thumbnail),
  .wp-block-post-featured-image:not(.size-thumbnail) {
    --cut: calc(100%);
    overflow: hidden;
    transition: clip-path var(--global-transition) 150ms;
    clip-path: polygon(0 0, 100% 0, var(--cut) 100%, 0 100%) !important;

    > img {
      transform-origin: 50% 50%;
    }

    &.color-effect {

      &::before {
        content: "";
        position: absolute;
        top: 40%;
        right: 0%;
        width: auto;
        height: 110%;
        aspect-ratio: 814 / 779;
        z-index: 30;
        pointer-events: none;
        background: url('data:image/svg+xml,<svg width="814" height="779" viewBox="0 0 814 779" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_555_23084)"><mask id="mask0_555_23084" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-1194" y="-630" width="2632" height="2631"><path d="M-161.118 -629.176L-1193.24 966.184L405.323 2000.3L1437.45 404.942L-161.118 -629.176Z" fill="url(%23paint0_linear_555_23084)"/></mask><g mask="url(%23mask0_555_23084)"><mask id="mask1_555_23084" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="814" height="779"><path d="M814 0H0V779H814V0Z" fill="white"/></mask><g mask="url(%23mask1_555_23084)"><path d="M485.872 0.984375L0.985352 778.014H329.971L813.015 0.984375H485.872Z" fill="%23FFEF19"/></g></g></g><defs><linearGradient id="paint0_linear_555_23084" x1="384.748" y1="288.215" x2="164.023" y2="629.418" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="0.09" stop-color="%23F1F1F1"/><stop offset="0.26" stop-color="%23CCCCCC"/><stop offset="0.5" stop-color="%23929292"/><stop offset="0.78" stop-color="%23424242"/><stop offset="1"/></linearGradient><clipPath id="clip0_555_23084"><rect width="814" height="779" fill="white"/></clipPath></defs></svg>');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top right;
        transition: transform 700ms cubic-bezier(0.22,1,0.36,1) 100ms;
        transform: translateX(75%) rotate(-10deg);
      }
    }
  }
}

.wp-block-group:has(> .wp-block-group__link:hover, > .wp-block-group__link:focus) {

  .wp-block-image:not(.size-thumbnail),
  .wp-block-post-featured-image:not(.size-thumbnail) {
    --cut: calc(100% - 1.0rem);

    > img {
      transform: scale(1.06);
    }

    &::before {
      transform: translateX(53%) rotate(-15deg);
    }
  }
}

/* Excerpt, paragraph */

.wp-block-cimcorp-archive-description {
  max-width: var(--content);
}

:has(> .wp-block-cimcorp-archive-description) {
  container-type: inline-size;
}
@container (max-width: 40rem) {

  .wp-block-cimcorp-archive-description {
    max-width: 100%;
  }
}

.wp-block-post-excerpt {
  max-width: var(--content);

  .wp-block-post-excerpt__excerpt {
    font-size: inherit;
  }

  .wp-block-post-excerpt__more-text {
    margin-top: var(--wp--preset--spacing--small);
    font-size: inherit;
  }
}

:has(> .wp-block-post-excerpt) {
  container-type: inline-size;
}
@container (max-width: 40rem) {

  .wp-block-post-excerpt {
    max-width: 100%;
  }
}

.wp-block-paragraph.has-arrow,
.wp-block-post-excerpt.has-arrow {

  a {
    text-decoration: inherit;
  }

  .wp-block-post-excerpt__more-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;

    span.wp-element-has-arrow-text-start {
      padding: 0.25rem 0;
    }
  }

  a:has(.wp-element-icon):not(.wp-block-post-excerpt__more-link) {

    .wp-element-icon {

      svg {
        transform: translate(-5%, 15%);
      }
    }
  }

  .wp-element-icon {
    display: inline-flex;

    svg {
      width: 1em;
      height: 1em;
      transition: transform var(--global-transition);
      will-change: transform;
      transform: translateX(-15%);
    }
  }
}

/* Paragraphs with icons */

.wp-block-paragraph.has-icon,
.wp-block-paragraph.contact-email,
.wp-block-paragraph.contact-phone,
.wp-block-paragraph.contact-form-action,
.wp-block-paragraph.contact-fax {
  display: flex;
  align-items: center;
  gap: 0.5rem;

  a {
    text-decoration: none;
  }

  .wp-element-icon {
    display: inline-flex;

    svg {
      min-width: 1rem;
      min-height: 1rem;
      width: 1rem;
      height: 1rem;
      transition: transform var(--global-transition);
      will-change: transform;
    }
  }
}

/* Post title */

.wp-block-post-title {
  text-wrap: balance;

  &.title-max-width {
    max-width: 1200px;
    text-wrap: auto;
  }
}

.wp-block-post-title.has-arrow {

  .wp-element-icon {

    svg {
      margin-top: 0.25em;
      width: 1em;
      height: 1em;
      transition: transform var(--global-transition);
      will-change: transform;
      transform: translateX(-15%);
    }
  }
}

/* Arrow Card */

.wp-block-cimcorp-arrow-card {
  display: inline-block;
  text-decoration: none;

  .wp-element-cimcorp-arrow-card__layout {
    --icon-size: clamp(2rem, 2.24vw + 1rem, 3rem);

    .wp-element-cimcorp-arrow-card__media {

      .wp-element-cimcorp-arrow-card__media-inner {

        img.wp-element-cimcorp-arrow-card__image {

        }
      }
    }

    .wp-element-cimcorp-arrow-card__content {

			.wp-element-cimcorp-arrow-card__heading {
        display: flex;
        align-items: center;
        gap: 0.5rem;

				> div {
          width: var(--icon-size);
          height: var(--icon-size);
          display: flex;
          align-items: center;
          justify-content: center;
          flex: 0 0 auto;
        }

        h2 {
          margin: 0;
          font-weight: 900;
          text-transform: uppercase;
        }
			}
    }
  }
}

.wp-element-cimcorp-arrow-card {

  .wp-element-cimcorp-arrow-card__arrow {
    width: 50%;
    height: 50%;
    transition: transform 0.60s cubic-bezier(0.22,1,0.36,1) 75ms;
  }
}

.wp-element-cimcorp-arrow-card-link {

  &:hover .wp-element-cimcorp-arrow-card__arrow {
    transform: rotate(45deg);
  }
}

/* Overlay Card */

.wp-block-cimcorp-overlay-card {
  display: flex;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  text-decoration: none;

  &:hover,
  &:focus {

    img.wp-element-cimcorp-overlay-card__image {
      transform: scale(1.06);
    }

    .wp-element-cimcorp-overlay-card__content-inner {
      transform: translateY(-0.125rem);
    }
  }

  .wp-element-cimcorp-overlay-card__layout {
    display: grid;
    flex: 1 1 auto;
    position: relative;
    width: 100%;
    min-height: 100%;
    background: var(--wp--preset--color--rich-black);

    &::before {
      content: "";
      grid-area: 1 / 1;
      width: 100%;
      min-height: 0;
      padding-block-start: 116.6667%;
    }

    .wp-block-cimcorp-overlay-card__image-button {
      display: flex;
      grid-area: 1 / 1;
      object-fit: cover;
      width: 100%;
      height: 100%;
      padding: 0px;
      margin: 0px;
    }

    .wp-element-cimcorp-overlay-card__media {
      grid-area: 1 / 1;
      position: relative;
      overflow: hidden;
      min-width: 0;
      z-index: 1;

      img.wp-element-cimcorp-overlay-card__image {
        transition: transform 700ms cubic-bezier(0.22,1,0.36,1) 100ms;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.8;
      }
    }

    .wp-element-cimcorp-overlay-card__content {
      grid-area: 1 / 1;
      align-self: end;
      padding: 1.5rem;
      z-index: 5;

      .wp-element-cimcorp-overlay-card__content-inner {
        transition: transform 300ms cubic-bezier(0.22,1,0.36,1) 100ms;
        padding: 1.5rem;
        border-radius: 0.25rem;
        background: var(--wp--preset--color--rice-white);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
      }

			.wp-element-cimcorp-overlay-card__heading {
				display: flex;
				align-items: center;
				gap: 0.5rem;
				margin-bottom: var(--wp--preset--spacing--small);

				h2 {
          margin: 0;
          font-weight: 900;
        }
			}
    }
  }
}

/* Cover */

.wp-block-cover-image, .wp-block-cover {
  padding: 0 var(--outer);
}

/* Search */

.wp-block-search__input {
  padding: 0.5rem 1rem;
  border-width: 1px;
  border-radius: 0.25rem;
  border-color: var(--wp--preset--color--mid-gray);
}

.wp-block-search__button {
  display: flex;
  position: relative;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  border: 1px solid var(--wp--preset--color--rich-black);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.045rem;
  line-height: 1;

  .wp-element-icon {
    display: inline-flex;

    svg {
      min-width: 1rem;
      min-height: 1rem;
      width: 1rem;
      height: 1rem;
      transition: transform var(--global-transition);
      will-change: transform;
    }
  }
}

.search-page-search {
  max-width: 32rem;
}

/* Pagination */

.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
  display: flex;
  position: relative;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  border: 1px solid var(--wp--preset--color--rich-black);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.045rem;
  line-height: 1;

  .wp-element-icon {
    display: inline-flex;

    svg {
      width: 1rem;
      height: 1rem;
      transition: transform var(--global-transition);
      will-change: transform;
    }
  }

  .wp-block-query-pagination-next-arrow,
  .wp-block-query-pagination-previous-arrow {
    display: none;
  }
}

.wp-block-query-pagination-previous {
  flex-direction: row-reverse;

  .wp-element-icon {

    svg {
      transform: rotate(180deg);
    }
  }
}

/* Breadcrumb */

.wp-block-breadcrumb {

  nav.tsf-breadcrumb {

    ol {
      margin: 0;
      padding: 0;

      li.breadcrumb-item {
        display: inline-flex;
        align-items: center;

        a,
        span[aria-current="page"] {
          padding-top: 0.25rem;
          padding-bottom: 0.25rem;
          color: var(--wp--preset--color--rich-black);
          font-size: var(--wp--preset--font-size--small);
          font-weight: 700;
          letter-spacing: 0.0525rem;
          line-height: 1.1;
          text-transform: uppercase;
          text-decoration: none !important;
          text-transform: uppercase;
        }

        span[aria-current="page"] {
          color: var(--wp--preset--color--rich-black);
          display: inline-block;
        }

        &:last-child:nth-child(n + 4) {

          span[aria-current="page"] {
            max-width: 16rem;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
          }
        }

        &:not(:last-child):after {
          content: " ";
          display: inline-flex;
          width: 1rem;
          height: 1rem;
          pointer-events: none;
          background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><mask id="mask0_1036_445" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16"><rect width="16" height="16" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_1036_445)"><path d="M8.93125 7.99964L5.78125 4.84964L6.40042 4.23047L10.1696 7.99964L6.40042 11.7688L5.78125 11.1496L8.93125 7.99964Z" fill="%23121212"/></g></svg>');
          background-size: 1rem;
          background-repeat: no-repeat;
          background-position: center;
          margin-inline-end: 0.5rem;
          margin-inline-start: 0.5rem;
        }
      }
    }
  }
}
@media (max-width: 575px) {

  .wp-block-breadcrumb {

    nav.tsf-breadcrumb {
      margin-left: -0.25rem;

      ol {

        li.breadcrumb-item {
          display: none;

          :has(+ * span[aria-current="page"]) {
            display: none;
          }
        }

        > li.breadcrumb-item:has(+ * span[aria-current="page"]) {
          display: inline-flex;
          align-items: center;

          &:before {
            content: " ";
            display: inline-flex;
            width: 1rem;
            height: 1rem;
            pointer-events: none;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><mask id="mask0_1036_445" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16"><rect width="16" height="16" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_1036_445)"><path d="M8.93125 7.99964L5.78125 4.84964L6.40042 4.23047L10.1696 7.99964L6.40042 11.7688L5.78125 11.1496L8.93125 7.99964Z" fill="%23121212"/></g></svg>');
            background-size: 1rem;
            background-repeat: no-repeat;
            background-position: center;
            margin-inline-end: 0.5rem;
            margin-inline-start: 0;
            transform: scaleX(-1) translateY(-5%);
          }

          &:after {
            display: none;
          }
        }
      }
    }
  }
}
