/* ************ */
/* Block Styles */
/* ************ */

/* Negative margin */
.is-style-ow-neg-margin {
  margin-top: -110px;
  position: relative;
  z-index: 1;
}

.is-style-ow-no-margin {
  margin: 0;
}

.is-style-ow-search {
  position: relative;
}

/* Search styles */
.is-style-ow-search:before {
  background-image: url(../images/search-icon-green.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  left: 21px;
  top: 15px;
  width: 38px;
  height: 40px;
  z-index: 3;
}

.is-style-ow-search:after {
  background: var(--wp--preset--color--dark-1);
  clip-path: polygon(0% 0%, 93% 0%, 100% 100%, 0% 100%);
  content: "";
  position: absolute;
  top: 0;
  right: 250px;
  bottom: 0;
  left: 0;
}

.is-style-ow-search .wp-block-search__input {
  border: 3px solid var(--wp--preset--color--dark-1);
  clip-path: polygon(0% 0%, 93% 0%, 100% 100%, 0% 100%);
  padding-left: 75px;
  padding-right: 50px;
  position: relative;
  z-index: 1;
}

.is-style-ow-search .wp-block-search__button {
  background: var(--wp--preset--color--dark-1);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 22% 100%);
  font-family: var(--wp--preset--font-family--sofia);
  font-size: 19px;
  font-weight: 700;
  height: 70px;
  letter-spacing: 2.47px;
  margin-left: -45px;
  position: relative;
  text-transform: uppercase;
  width: 300px;
  z-index: 1;
}

/* Separators */
.wp-block-separator.has-background:not(.is-style-dots) {
  height: 3px;
}

.is-style-ow-col-dividers .wp-block-group {
  position: relative;
}

.is-style-ow-col-dividers .wp-block-group+.wp-block-group:before {
  background: var(--wp--preset--color--primary);
  content: '';
  position: absolute;
  top: 0;
  left: -45px;
  bottom: 0;
  width: 2px;
}

/* Stretch a link that's inside a group */
.is-style-ow-stretch-link {
  position: relative;
  transition: 300ms opacity;
}

.is-style-ow-stretch-link a {
  text-decoration: none;
}

.is-style-ow-stretch-link:hover {
  opacity: 0.7;
}

.is-style-ow-stretch-link a[href]::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Back link (resources) */
.is-style-ow-back-link a {
  border-bottom: 2px solid transparent;
  color: var(--wp--preset--color--primary);
  display: inline-block;
  font-family: var(--wp--preset--font-family--sofia);
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 10px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

.is-style-ow-back-link a:after {
  background-image: url(../images/arrow-go-back.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 25px;
  margin-left: 40px;
  vertical-align: text-bottom;
  width: 73px;
}

/* Full width feature (resource) */
.is-style-ow-feature-full {
  position: relative;
}

.is-style-ow-feature-full:before,
.is-style-ow-feature-full:after {
  background: var(--wp--preset--color--dark-1);
  content: "";
  position: absolute;
  left: 0;
  width: 3px;
}

.is-style-ow-feature-full:before {
  height: 60px;
  bottom: 0;
}

.is-style-ow-feature-full:after {
  height: 100px;
  top: 0;
}

.is-style-ow-feature-full .wp-block-column:last-child {
  position: relative;
}

.is-style-ow-feature-full .wp-block-column:last-child:after {
  background-image: url(../images/border-resource-top.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  height: 72px;
  position: absolute;
  top: -0.3px;
  right: -4px;
  left: -3px;
}

/* Negative margin feature (toolkit) */
.is-style-ow-feature-negative {
  margin-left: -225px;
  position: relative;
}

.is-style-ow-feature-negative:before {
  background-image: url(../images/border-toolkit-top.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  height: 94px;
  position: absolute;
  top: -0.5px;
  right: 0px;
  left: -2px;
}

.is-style-ow-feature-negative:after {
  border: 3px solid var(--wp--preset--color--dark-1);
  border-top: none;
  content: '';
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: 0;
  height: 60px;
}

.is-style-ow-feature-negative .ow-featured-cats {
  margin-left: -20px !important;
  margin-top: -28px;
}

/* Set a minimum button width */
.is-style-ow-button-width .wp-block-button__link {
  min-width: 202px !important;
}

/* Table of contents style (arrow icon for list items) */
.is-style-ow-toc {
  top: 25px;
}

.is-style-ow-toc ul {
  list-style: none;
  padding-left: 50px;
}

.is-style-ow-toc li {
  position: relative;
}

.is-style-ow-toc li a {
  text-decoration: none;
}

.is-style-ow-toc li:before {
  background-image: url(../images/arrow-next.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 25px;
  position: absolute;
  left: -45px;
  width: 25px;
}

/* Less spacing between list items */
.is-style-ow-li-less li+li {
  margin-top: 2px;
}

/* ************ */
/* Theme Styles */
/* ************ */
.wp-block-quote {
  border: none;
  padding-top: 130px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
  position: relative;
}

.wp-block-quote:before {
  background-image: url(../images/blockquote-top.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  height: 126px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
}

.wp-block-quote:after {
  background-image: url(../images/blockquote-bottom.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  height: 62px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}

.wp-block-quote p {
  color: var(--wp--preset--color--dark-1);
  font-size: var(--wp--preset--font-size--medium);
  font-style: italic;
  font-weight: 700;
}

/* Superlist block */
.col-5.wp-block-createwithrani-superlist-block {
  list-style: none;
}

.is-style-ow-hide-marker {
  list-style: none;
}

@media (max-width: 1260px) {

  /* Adjust Search Field */
  .is-style-ow-search .wp-block-search__input {
    clip-path: polygon(0% 0%, 96% 0%, 100% 100%, 0% 100%);
  }

  .is-style-ow-search .wp-block-search__button {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 15% 100%);
  }

  /* Adjust feature header */
  .is-style-ow-feature-full .wp-block-column:last-child:after {
    display: none;
  }

  .is-style-ow-feature-full .wp-block-column:last-child {
    border-top: 3px solid var(--wp--preset--color--dark-1);
  }

  .is-style-ow-col-dividers .wp-block-group+.wp-block-group::before {
    left: -25px;
  }
}

@media (max-width: 1181px) {
  .is-style-ow-col-dividers .wp-block-group+.wp-block-group:before {
    display: none;
  }
}

@media (max-width: 1124px) {

  /* Limit Tablet Width */
  .wp-block-group.is-style-limit-tablet-width {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px !important;
  }

  .wp-block-group.is-style-limit-tablet-width .wp-block-group {
    justify-content: center;
  }

  .is-style-ow-back-link a {
    letter-spacing: 4px;
  }
}

@media (max-width: 991.98px) {

  /* Stack On Tablet */
  .wp-block-columns.is-style-ow-stack-tablet,
  .is-style-ow-feature-full {
    flex-wrap: wrap !important;
  }

  .is-style-ow-feature-full>.wp-block-column,
  .wp-block-columns.is-style-ow-stack-tablet>.wp-block-column {
    flex-basis: 100% !important;
    flex-grow: 1 !important;
  }

  .wp-block-group.is-style-ow-stack-tablet {
    flex-wrap: wrap;
    justify-content: center;
  }

  .is-style-ow-feature-full .wp-block-column:last-child {
    border-top: none;
  }

  .is-style-ow-feature-full:after {
    display: block;
    left: auto;
    right: 0;
  }

  .is-style-ow-feature-full:before {
    bottom: auto;
    height: 100px;
  }

  .is-style-ow-feature-negative {
    margin-left: 0;
    width: calc(100% + 25px);
  }

  .is-style-ow-back-link a::after {
    margin-left: 20px;
  }
}

@media (max-width: 781px) {
  .is-style-ow-toc {
    min-height: 0 !important;
  }
}

@media (max-width: 768px) {
  .is-style-ow-feature-negative:before {
    background: none;
    border: 3px solid var(--wp--preset--color--dark-1);
    border-bottom: none;
    height: 63px;
  }
}

@media (max-width: 550px) {
  div.is-style-ow-feature-full .ow-featured-cats {
    flex-wrap: wrap;
    gap: 20px;
    margin-left: -19px !important;
    padding-top: 15px;
  }

  .is-style-ow-back-link a::after {
    display: none;
  }
}