/* Structure */
body:not(.siteorigin-panels) main * {
  box-sizing: border-box;
  word-break: break-word;
}

body:not(.siteorigin-panels) mark {
  padding: 0 !important;
}

.is-layout-constrained > .alignwide,
.is-layout-constrained
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  width: 100%;
}

@media (max-width: 781px) {
  .is-layout-constrained > .alignwide,
  .is-layout-constrained
    > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 600px;
  }
}

/* Image Block */
.wp-block-image img {
  mask-image: url('../images/torn-frames/torn_mask.png');
  mask-size: cover;
}

/* Text Media Block */
.wp-block-media-text {
  gap: var(--wp--preset--spacing--xxl);
}

.wp-block-media-text > .wp-block-media-text__media {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

/*
.wp-block-media-text:not(.is-image-fill) {
  aspect-ratio: 398 / 269;
}
*/

.wp-block-media-text > .wp-block-media-text__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mask-image: url('../images/torn-frames/torn_mask.png');
  mask-size: cover;
}

.wp-block-media-text > .wp-block-media-text__content {
  padding: 0 !important;
}

.wp-block-media-text.is-style-bleed.has-media-on-the-right
  > .wp-block-media-text__content {
  margin-left: auto;
}

@media (max-width: 64em) {
  .wp-block-media-text.is-stacked-on-mobile {
    display: grid;
    grid-template-columns: 100% !important;
    gap: var(--wp--preset--spacing--lg) !important;
  }

  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }

  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
  }

  .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile
    > .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 2;
  }

  .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile
    > .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 1;
  }
}

@media (min-width: 1110px) {
  .wp-block-media-text.is-style-bleed > .wp-block-media-text__media {
    max-width: calc(100% + 200px) !important;
    width: calc(100% + (100vw - 1110px) / 2) !important;
  }

  .wp-block-media-text.is-style-bleed:not(.has-media-on-the-right)
    > .wp-block-media-text__media {
    margin-left: calc(max(((100vw - 1110px) / 2) * -1, -190px)) !important;
  }
}

/* Button Block & Read More Block */
:is(.wp-block-button__link, .wp-block-read-more):has(img) {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--lg);
}

:is(.wp-block-button__link, .wp-block-read-more):hover {
  text-decoration: none !important;
}

/**
.wp-block-button.is-style-outline
  .wp-block-button__link.has-background:not(:hover) {
  background: transparent !important;
}
*/

.wp-block-read-more.has-background:hover,
.wp-block-button .wp-block-button__link.has-background:hover {
  box-shadow: inset 0 0 6.25rem 6.25rem rgb(255, 255, 255, 0.1);
}

.wp-block-read-more:not(.has-background):hover,
.wp-block-button .wp-block-button__link:not(.has-background):hover {
  box-shadow: inset 0 0 6.25rem 6.25rem rgb(25, 25, 25, 0.1);
}

/* Quote Block */
.wp-block-quote {
  padding: 0;
  margin: 0;
}

/* List Block */
.wp-block-list li:not(:first-child) {
  margin-top: var(--wp--preset--spacing--md);
}

/* Post Template Layout */
@media (max-width: 600px) {
  .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
    grid-template-columns: 100% !important;
  }
}

/* Gradients */
@media (max-width: 781px) {
  .has-from-transparent-to-green-gradient-background,
  .has-from-green-to-transparent-gradient-background {
    background: #002901 !important;
  }
  .has-from-transparent-to-green-gradient-background.has-background-dim-100,
  .has-from-green-to-transparent-gradient-background.has-background-dim-100 {
    opacity: 0.85 !important;
  }
  .has-from-black-to-transparent-gradient-background {
    background: #000 !important;
  }

  .has-from-black-to-transparent-gradient-background.has-background-dim-100 {
    opacity: 0.75 !important;
  }
}