/* ************ */
/* Block Styles */
/* ************ */
ul.is-style-ow-tighter li + li {
  margin-top: 10px;
}

ul.is-style-ow-styled {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  list-style: none;
  padding: 0;
}

ul.is-style-ow-styled li {
  background-color: #f7f7f7;
  padding: 10px 15px;
}

ul.is-style-ow-styled li:has(a) {
  padding: 0;
}

ul.is-style-ow-styled li:nth-child(even) {
  background-color: #5762d51c;
}

ul.is-style-ow-styled a {
  color: #000;
  display: block;
  font-weight: bold;
  padding: 10px 15px;
  text-decoration: none;
}

ul.is-style-ow-styled a:hover {
  background-color: var(--wp--preset--color--secondary);
  color: #fff;
}

.wp-block-separator {
  border-color: var(--wp--preset--color--highlight);
  margin-block: 50px;
}

.wp-block-tiptip-hyperlink-group-block {
  text-decoration: none;
}

/* ************ */
/* Theme Styles */
/* ************ */
/* Header */
.header-inner nav .wp-block-navigation__container > li > a {
  padding-block: 10px;
}

/* Blog */
.wp-block-post-excerpt__more-text,
.wp-block-read-more {
  margin-top: 32px;
}
.wp-block-post-excerpt__more-text a,
.wp-block-read-more {
  border: 1px solid #000;
  font-size: 18px;
  font-weight: 400;
  padding: 8px 25px;
  text-decoration: none;
}
.wp-block-query:not(.latest-post) .wp-block-read-more {
  margin-left: auto;
  margin-right: auto;
  margin-block-start: 32px !important;
}

.wp-block-query .wp-block-query-pagination {
  margin-block-start: 100px;
}

@media (min-width: 1067px) {
  /* Navigation: Button Style */
  .is-style-ow-style-button a {
    border: 1px solid #000;
    padding: 14px 18px;
  }
}

@media (max-width: 1067px) {
  /* Column: Reverse Mobile */
  .is-style-ow-reverse-mobile > .wp-block-column:nth-child(1) {
    order: 6;
  }
  .is-style-ow-reverse-mobile > .wp-block-column:nth-child(2) {
    order: 5;
  }
  .is-style-ow-reverse-mobile > .wp-block-column:nth-child(3) {
    order: 4;
  }
  .is-style-ow-reverse-mobile > .wp-block-column:nth-child(4) {
    order: 3;
  }
  .is-style-ow-reverse-mobile > .wp-block-column:nth-child(5) {
    order: 2;
  }
  .is-style-ow-reverse-mobile > .wp-block-column:nth-child(6) {
    order: 1;
  }

  /* Column Fix */
  .wp-block-columns {
    flex-wrap: wrap !important;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
    flex-grow: 1 !important;
  }
}
