/*$color-palette: (
        "orange": #FF6B35,
        "light-orange": #F7C59F,
        "lightest-orange": #EFEFD0,
        "blue": #004E89,
        "light-blue": #1A659E,
) !default;

$gradients: (
        "orange": (
                "start": #FF6B35,
                "end": #F7C59F
        ),
        "blue": (
                "start": #004E89,
                "end": #1A659E
        ),
) !default;

$orange: map-get($color-palette, "orange") !default;
$light-orange: map-get($color-palette, "light-orange") !default;
$lightest-orange: map-get($color-palette, "lightest-orange") !default;
$blue: map-get($color-palette, "blue") !default;
$light-blue: map-get($color-palette, "light-blue") !default;*/
.block--post-listing {
  --card-width: max(1, calc(var(--card-count, 4) - 2));
}

@media (min-width: 768px) {
  .block--post-listing {
    --card-width: max(1, calc(var(--card-count, 4) - 1));
  }
}
@media (min-width: 992px) {
  .block--post-listing {
    --card-width: var(--card-count, 3);
  }
}
.block--post-listing[data-lvl-preview=true] * {
  pointer-events: none;
}

.block--post-listing .--loading {
  opacity: 0;
  will-change: auto;
}

.block--post-listing .--loaded {
  animation: scale-up-top 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@keyframes scale-up-top {
  0% {
    transform: scale(0.5);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
.block--post-listing.is-style-plain .card {
  box-shadow: none;
  border: 0;
}

.block--post-listing.is-style-basic .card {
  box-shadow: none;
  border: 0;
  background: initial;
}

.block--post-listing[data-card-layout=row] .post-listing .post-listing-target {
  gap: calc(var(--bs-gutter-x) * 0.5);
}

.block--post-listing[data-card-layout=row] .card-wrapper.linked .post-listing-title {
  position: relative;
}

.block--post-listing[data-card-layout=row] .card-wrapper.linked .post-listing-title::after {
  content: "";
  border-bottom: 1px solid var(--bs-primary);
  position: absolute;
  bottom: -0.75rem;
  width: 10%;
  left: 0;
  transition: width 0.5s ease-out;
}

.block--post-listing[data-card-layout=row] .card-wrapper.linked:hover, .block--post-listing[data-card-layout=row] .card-wrapper.linked:focus, .block--post-listing[data-card-layout=row] .card-wrapper.linked:active {
  transform: initial;
  box-shadow: initial;
}

.block--post-listing[data-card-layout=row] .card-wrapper.linked:hover .post-listing-title::after, .block--post-listing[data-card-layout=row] .card-wrapper.linked:focus .post-listing-title::after, .block--post-listing[data-card-layout=row] .card-wrapper.linked:active .post-listing-title::after {
  width: 20%;
}

.block--post-listing .card {
  background-color: var(--bs-gray-100);
  border-radius: var(--bs-border-radius);
  overflow: hidden;
  height: 100%;
}

.block--post-listing .card.flex-row {
  --height: var(--min-height, 100%);
}

.block--post-listing .card.flex-row > .card-upper {
  flex: 0 0 33%;
  overflow: hidden;
}

.block--post-listing .card.flex-row > .card-upper .card-image-banner {
  min-height: 100%;
  height: var(--height);
}

.block--post-listing.is-style-plain .card {
  background: transparent;
}

.block--post-listing.is-style-basic .card {
  background: transparent;
  border-radius: 0;
}

.block--post-listing.is-style-basic .card .wrapper {
  padding: 0 !important;
}

.block--post-listing.is-style-basic .card-wrapper.linked:hover, .block--post-listing.is-style-basic .card-wrapper.linked:focus, .block--post-listing.is-style-basic .card-wrapper.linked:active {
  transform: initial !important;
  box-shadow: initial !important;
}

.block--post-listing .card-image-banner {
  width: 100%;
  height: var(--min-height, 200px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  overflow: hidden;
}

.block--post-listing .post-listing .filter-bar {
  z-index: 2;
  position: relative;
  margin: 0 auto;
}

.block--post-listing .post-listing .filter-bar .dropdown button {
  padding-right: 3rem;
  background-color: var(--bs-body-bg);
  border: 1px solid var(--bs-primary) !important;
  z-index: 2;
  position: relative;
}

.block--post-listing .post-listing .filter-bar .dropdown-toggle {
  font-size: 1rem;
  width: 100%;
  text-align: left;
}

.block--post-listing .post-listing .filter-bar .dropdown-toggle::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.777961 0.308151C1.16006 -0.0906212 1.79308 -0.104138 2.19185 0.277961L5.67455 3.61504L9.15724 0.277961C9.55601 -0.104138 10.189 -0.0906212 10.5711 0.308151C10.9532 0.706923 10.9397 1.33994 10.5409 1.72204L6.3664 5.72204C5.97961 6.09265 5.36948 6.09265 4.9827 5.72204L0.808151 1.72204C0.409379 1.33994 0.395862 0.706923 0.777961 0.308151Z' fill='%2308304F'/%3E%3C/svg%3E");
  background-position: center;
  background-size: initial;
  background-repeat: no-repeat;
  position: absolute;
  right: 1rem;
  top: 0;
  height: 100%;
  width: 22px;
  border: none;
  transform: rotateX(0);
  transition: transform 0.15s ease-out;
}

.block--post-listing .post-listing .filter-bar .dropdown-toggle.show::after {
  transform: rotateX(-180deg);
}

.block--post-listing .post-listing .filter-bar .dropdown-menu {
  --bs-dropdown-link-color: var(--bs-primary);
  --bs-dropdown-link-hover-color: var(--bs-primary);
  max-height: 300px;
  width: 100%;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 0;
  background: #fff;
  border: 1px solid var(--bs-primary);
  border-radius: 0.5rem;
  box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.15);
  overflow: auto;
  margin: -10px 0 0 0;
  z-index: 1;
  padding-top: 10px;
}

.block--post-listing .post-listing .filter-bar .dropdown-menu .dropdown-item {
  font-weight: 700;
  padding: 0.5rem;
  cursor: pointer;
}

.block--post-listing .post-listing .filter-bar input {
  border: 1px solid var(--bs-primary);
  line-height: var(--bs-body-line-height, 1.5);
}

.block--post-listing .post-listing .filter-bar .wp-block-search__button svg {
  min-height: 20px;
  min-width: 20px;
}

.block--post-listing .post-listing .btn-filter {
  display: inline-flex;
  align-items: center;
  margin: 0.5rem 0.5rem 0 0;
  padding: 0.25rem 1rem;
  border-radius: 50px;
  font-size: 0.9rem;
}

.block--post-listing .post-listing .btn-filter::after {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 384 512"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" fill="white"/></svg>');
  display: block;
  height: 1rem;
  margin-left: 0.5rem;
}

.block--post-listing .post-listing .results .post-listing-target {
  display: grid;
  grid-template-columns: repeat(var(--card-width), 1fr);
  grid-auto-flow: row;
  gap: var(--bs-gutter-x, 1rem);
}

.block--post-listing .post-listing .spinner {
  color: #FF6B35;
  left: 50%;
  top: 50%;
}

.block--post-listing .post-listing .load-more {
  display: none;
}

.block--post-listing .event-over {
  opacity: 0.5;
  pointer-events: none;
}

.editor-styles-wrapper .block--post-listing .card {
  padding: 0;
  margin-top: 0;
  border: 0;
}

.editor-styles-wrapper .block--post-listing .load-more, .editor-styles-wrapper .block--post-listing .pagination {
  display: block;
}