/* #region "../src/functions/blog/elements/blog-grid/blog-grid.scss" */
/*
- type: css
*/
.blog-grid-wrapper .blog-grid {
  --cols-xs: 12;
  --cols-sm: 6;
  --cols-md: 4;
}

.blog-grid-wrapper .blog-grid-header {
  justify-content: space-between;
  align-items: center;
  gap: var(--layout-gap);
  margin-bottom: var(--layout-gap);
  flex-wrap: wrap;
  display: flex;
}

.blog-grid-wrapper .blog-grid-header :is(h1, h2, h3, h4, h5, h6), .blog-grid-wrapper .blog-grid-header :is(.h1, .h2, .h3, .h4, .h5, .h6) {
  margin-top: 0;
  margin-bottom: 0;
}

.blog-grid-wrapper .blog-filter-popover-trigger {
  --card-hover-offset: 0px;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: var(--layout-gap);
  flex-direction: row;
  padding: clamp(.75rem, .580986rem + .751174vw, 1.25rem);
  font-size: .9375rem;
  font-weight: 600;
  display: flex;
}

.blog-grid-wrapper .blog-filter-popover-trigger:after {
  content: "";
  background-color: var(--primary);
  width: .875rem;
  height: .8125rem;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQgLjd2MS43SDBWLjdoMTRaTTQuNyAxMi45aDQuNnYtMS43SDQuN3YxLjdaTTIuMyA3LjdoOS40VjUuOUgyLjN2MS44WiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQgLjd2MS43SDBWLjdoMTRaTTQuNyAxMi45aDQuNnYtMS43SDQuN3YxLjdaTTIuMyA3LjdoOS40VjUuOUgyLjN2MS44WiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==);
}

.blog-grid-wrapper .blog-filter-options .popover-panel {
  border: 1px solid var(--grey-100);
  width: max-content;
  font-size: .9375rem;
  font-weight: 600;
}

.blog-grid-wrapper .blog-filter-options .popover-panel .tag {
  margin-left: .35em;
}

.blog-grid-wrapper .blog-filter-list {
  --focus-color: var(--primary);
  flex-direction: column;
  align-items: flex-start;
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.blog-grid-wrapper .blog-filter-list a {
  color: currentColor;
  text-underline-offset: .25em;
  border-radius: .25rem;
  text-decoration: none;
}

:root.no-focus-visible .blog-grid-wrapper .blog-filter-list a:focus {
  outline: var(--focus-width, 2px) var(--focus-style, solid) var(--focus-color, #2fa5ab);
  outline-offset: var(--focus-offset, 3px);
}

.blog-grid-wrapper .blog-filter-list a:focus:not(:focus-visible) {
  outline: none;
}

.blog-grid-wrapper .blog-filter-list a:focus-visible {
  outline: var(--focus-width, 2px) var(--focus-style, solid) var(--focus-color, #2fa5ab);
  outline-offset: var(--focus-offset, 3px);
}

.blog-grid-wrapper .blog-filter-list a:hover {
  color: var(--primary);
}

.blog-grid-wrapper .blog-filter-list a[aria-current="page"] {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--primary);
  text-decoration-color: var(--primary);
}

.blog-grid-wrapper[data-intercept-loading] :is(.blog-filter-options, .blog-grid, .blog-grid-controls) {
  opacity: .5;
}

.blog-grid-wrapper .blog-post-box {
  height: auto;
}

.blog-grid-controls {
  justify-content: center;
  align-items: center;
  margin-top: clamp(1.25rem, .827465rem + 1.87793vw, 2.5rem);
  display: flex;
}

.blog-grid-controls .page-nav {
  margin-top: 0;
}

/* #endregion "../src/functions/blog/elements/blog-grid/blog-grid.scss" */


/*# sourceMappingURL=css-wpce--blog-grid.css.map*/