/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks-jsx/post-loop/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
/* ==========================================================================
	Post Loop
============================================================================= */
/* ==========================================================================
		VARIABLES
============================================================================= */
/* ==========================================================================
		Mixins
============================================================================= */
/* ==========================================================================
	Loader
============================================================================= */
.loader {
  position: relative;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.loader span.circle {
  width: var(--wp--custom--loader--width, 48px);
  height: var(--wp--custom--loader--height, 48px);
  border: 5px solid var(--wp--custom--loader--color--secondary, #F2F2F2);
  border-bottom-color: var(--wp--custom--loader--color--primary, #000000);
  border-radius: 50%;
  display: inline-block;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}
.loader span.dots {
  width: calc(var(--wp--custom--loader--width, 48px) / 4);
  height: calc(var(--wp--custom--loader--height, 48px) / 4);
  border-radius: 50%;
  display: inline-block;
  position: relative;
  color: var(--wp--custom--loader--color--primary, #000000);
  -webkit-animation: animloader44 2s linear infinite;
          animation: animloader44 2s linear infinite;
}
.loader span.pulse {
  width: var(--wp--custom--loader--width, 48px);
  height: var(--wp--custom--loader--height, 48px);
  display: inline-block;
  position: relative;
}
.loader span.pulse::after, .loader span.pulse::before {
  content: "";
  width: var(--wp--custom--loader--width, 48px);
  height: var(--wp--custom--loader--height, 48px);
  border-radius: 50%;
  background: var(--wp--custom--loader--color--primary, #000000);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: animloader14 2s linear infinite;
          animation: animloader14 2s linear infinite;
}
.loader span.pulse::after {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.loader span.circle-inner, .loader span.circle-outer {
  width: var(--wp--custom--loader--width, 48px);
  height: var(--wp--custom--loader--height, 48px);
  border: 3px solid var(--wp--custom--loader--color--secondary, #F2F2F2);
  border-radius: 50%;
  display: inline-block;
  position: relative;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}
.loader span.circle-inner:after, .loader span.circle-outer:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(var(--wp--custom--loader--width, 48px) - 8px);
  height: calc(var(--wp--custom--loader--height, 48px) - 8px);
  border-radius: 50%;
  border: 3px solid;
  border-color: var(--wp--custom--loader--color--primary, #000000) transparent;
}
.loader span.circle-outer:after {
  width: calc(var(--wp--custom--loader--width, 48px) + 8px);
  height: calc(var(--wp--custom--loader--height, 48px) + 8px);
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes animloader14 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@keyframes animloader14 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes animloader44 {
  0% {
    -webkit-box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
            box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }
  25% {
    -webkit-box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px;
            box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px;
  }
  50% {
    -webkit-box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px;
            box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px;
  }
  75% {
    -webkit-box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
            box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }
  100% {
    -webkit-box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px;
            box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }
}
@keyframes animloader44 {
  0% {
    -webkit-box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
            box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }
  25% {
    -webkit-box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px;
            box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px;
  }
  50% {
    -webkit-box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px;
            box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px;
  }
  75% {
    -webkit-box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
            box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }
  100% {
    -webkit-box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px;
            box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }
}
/* ==========================================================================
	Pagination
============================================================================= */
.custom-pagination,
.pagination {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: var(--wp--custom--pagination--justify-content, center);
      -ms-flex-pack: var(--wp--custom--pagination--justify-content, center);
          justify-content: var(--wp--custom--pagination--justify-content, center);
  margin: var(--wp--custom--spacing--gap) 0 0 0;
  gap: var(--wp--custom--pagination--gap);
}
.custom-pagination:after,
.pagination:after {
  display: block;
  clear: both;
  content: "";
}
.custom-pagination > li,
.pagination > li {
  margin-right: 0;
}
.custom-pagination > li.disabled,
.pagination > li.disabled {
  display: none !important;
}
.custom-pagination > li > a,
.custom-pagination > li > span,
.pagination > li > a,
.pagination > li > span {
  position: relative;
  padding: var(--wp--custom--pagination--item--padding--top) var(--wp--custom--pagination--item--padding--right) var(--wp--custom--pagination--item--padding--bottom) var(--wp--custom--pagination--item--padding--left);
  font-size: var(--wp--custom--pagination--item--font-size);
  line-height: 1;
  text-decoration: none;
  display: inline-block;
  color: var(--wp--custom--pagination--item--color--text);
}
.custom-pagination > li > a:hover,
.custom-pagination > li > span:hover,
.pagination > li > a:hover,
.pagination > li > span:hover {
  color: var(--wp--custom--pagination--item--hover--color--text);
}
.custom-pagination > li > a.prev, .custom-pagination > li > a.next,
.custom-pagination > li > span.prev,
.custom-pagination > li > span.next,
.pagination > li > a.prev,
.pagination > li > a.next,
.pagination > li > span.prev,
.pagination > li > span.next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: transparent;
  border: var(--wp--custom--pagination--item--direction--border--width) var(--wp--custom--pagination--item--direction--border--style) var(--wp--custom--pagination--item--direction--border--color);
  border-radius: var(--wp--custom--pagination--item--direction--border--radius);
  height: var(--wp--custom--pagination--item--direction--height);
  width: var(--wp--custom--pagination--item--direction--width);
}
.custom-pagination > li > a.prev:before, .custom-pagination > li > a.next:before,
.custom-pagination > li > span.prev:before,
.custom-pagination > li > span.next:before,
.pagination > li > a.prev:before,
.pagination > li > a.next:before,
.pagination > li > span.prev:before,
.pagination > li > span.next:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: var(--wp--custom--pagination--item--direction--icon--height);
  width: var(--wp--custom--pagination--item--direction--icon--width);
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNOS40IDE3LjY1NCA4LjM0NiAxNi42bDQuNi00LjYtNC42LTQuNkw5LjQgNi4zNDYgMTUuMDUzIDEyIDkuNCAxNy42NTRaIi8+Cjwvc3ZnPgo=) no-repeat 50% 50%;
          mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNOS40IDE3LjY1NCA4LjM0NiAxNi42bDQuNi00LjYtNC42LTQuNkw5LjQgNi4zNDYgMTUuMDUzIDEyIDkuNCAxNy42NTRaIi8+Cjwvc3ZnPgo=) no-repeat 50% 50%;
  -webkit-mask-size: var(--wp--custom--pagination--item--direction--icon--height) var(--wp--custom--pagination--item--direction--icon--width);
          mask-size: var(--wp--custom--pagination--item--direction--icon--height) var(--wp--custom--pagination--item--direction--icon--width);
  background: var(--wp--custom--pagination--item--direction--color--background);
}
.custom-pagination > li > a.prev:hover, .custom-pagination > li > a.next:hover,
.custom-pagination > li > span.prev:hover,
.custom-pagination > li > span.next:hover,
.pagination > li > a.prev:hover,
.pagination > li > a.next:hover,
.pagination > li > span.prev:hover,
.pagination > li > span.next:hover {
  background: var(--wp--preset--color--primary);
  border: var(--wp--custom--pagination--item--direction--hover--border--width) var(--wp--custom--pagination--item--direction--hover--border--style) var(--wp--custom--pagination--item--direction--hover--border--color);
}
.custom-pagination > li > a.prev:hover:before, .custom-pagination > li > a.next:hover:before,
.custom-pagination > li > span.prev:hover:before,
.custom-pagination > li > span.next:hover:before,
.pagination > li > a.prev:hover:before,
.pagination > li > a.next:hover:before,
.pagination > li > span.prev:hover:before,
.pagination > li > span.next:hover:before {
  background: var(--wp--custom--pagination--item--direction--hover--before--color--background);
}
.custom-pagination > li > a.prev:before,
.custom-pagination > li > span.prev:before,
.pagination > li > a.prev:before,
.pagination > li > span.prev:before {
  right: auto;
  -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNMTQgMTcuNjU0IDguMzQ1IDEybDUuNjUzLTUuNjU0TDE1LjA1MyA3LjRsLTQuNiA0LjYgNC42IDQuNkwxNCAxNy42NTRaIi8+Cjwvc3ZnPgo=) no-repeat 50% 50%;
          mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBkPSJNMTQgMTcuNjU0IDguMzQ1IDEybDUuNjUzLTUuNjU0TDE1LjA1MyA3LjRsLTQuNiA0LjYgNC42IDQuNkwxNCAxNy42NTRaIi8+Cjwvc3ZnPgo=) no-repeat 50% 50%;
  -webkit-mask-size: var(--wp--custom--pagination--item--direction--icon--height) var(--wp--custom--pagination--item--direction--icon--width);
          mask-size: var(--wp--custom--pagination--item--direction--icon--height) var(--wp--custom--pagination--item--direction--icon--width);
}
.custom-pagination > li span.current,
.pagination > li span.current {
  color: var(--wp--custom--pagination--item--current--color--text);
  font-weight: var(--wp--custom--typography--font-weight--bold);
}

.knightowl-blocks-post-loop {
  position: relative;
}
.knightowl-blocks-post-loop .loader {
  z-index: 1;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  height: 100px;
  width: 100px;
  margin: 100px auto 0;
}

.summary {
  padding: var(--wp--custom--spacing--gap) 90px var(--wp--custom--spacing--gap) 0;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 0.45s;
          animation-duration: 0.45s;
}

.kcg-debug {
  background: #f2f2f2;
  border: 1px solid #cccccc;
  color: #000;
  font-size: 12px;
  padding: 5px;
}
.kcg-debug + .kcg-debug {
  margin-top: 10px;
}
.kcg-debug + .wp-block-post-loop {
  margin-top: var(--wp--custom--spacing--gap);
}

.wp-block-post-loop-featured {
  margin-bottom: var(--wp--custom--spacing--gap);
}

.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal {
  overflow: scroll;
  margin: 0 -100%; /* old browsers fallback */
  margin: 0 calc(50% - 50vw);
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 14vh;
  grid-auto-flow: dense;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  height: 666px;
  width: 100%;
}
@media (min-width: 782px) {
  .post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid {
    width: 80%;
  }
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid.gap-0 .grid-item:first-child {
  padding-left: 0px;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid.gap-5 .grid-item:first-child {
  padding-left: 5px;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid.gap-8 .grid-item:first-child {
  padding-left: 8px;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid.gap-10 .grid-item:first-child {
  padding-left: 10px;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid.gap-12 .grid-item:first-child {
  padding-left: 12px;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid.gap-15 .grid-item:first-child {
  padding-left: 15px;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid.gap-20 .grid-item:first-child {
  padding-left: 20px;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid.gap-25 .grid-item:first-child {
  padding-left: 25px;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid.gap-30 .grid-item:first-child {
  padding-left: 30px;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid.gap-35 .grid-item:first-child {
  padding-left: 35px;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid.gap-40 .grid-item:first-child {
  padding-left: 40px;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid.gap-45 .grid-item:first-child {
  padding-left: 45px;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid.gap-50 .grid-item:first-child {
  padding-left: 50px;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid .grid-item {
  overflow: hidden;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid .grid-item > .tile {
  width: 100%;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid .grid-item:nth-child(4n+1) {
  grid-row-end: span 3;
  grid-column-end: span 2;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid .grid-item:nth-child(4n+1) h3 {
  font-size: var(--wp--custom--typography--font--h-3--size) !important;
  line-height: var(--wp--custom--typography--font--h-3--line-height) !important;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid .grid-item:nth-child(4n+3), .post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid .grid-item:nth-child(4n+2) {
  grid-row-end: span 2;
  grid-column-end: span 1;
}
.post-loop-data.is-masonry-loop.is-masonry-loop-horizontal .wp-block-grid .grid-item:nth-child(4n+4) {
  grid-row-end: span 2;
  grid-column-end: span 2;
}

.featured-custom-tile > h1, .featured-custom-tile h2, .featured-custom-tile h3, .featured-custom-tile h4, .featured-custom-tile h5, .featured-custom-tile h6 {
  margin-top: 0;
}
.featured-custom-tile .custom-tile-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

/*# sourceMappingURL=style-index.css.map*/