/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./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/xtra-post-loop/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Xtra Post Loop Block Styles
 */
.wp-block-xtra-xtra-post-loop .xtra-post-loop-items {
  display: grid;
  gap: 3rem 2rem;
  margin: 0;
}
.wp-block-xtra-xtra-post-loop.columns-1 .xtra-post-loop-items {
  grid-template-columns: 1fr;
}
.wp-block-xtra-xtra-post-loop.columns-2 .xtra-post-loop-items {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .wp-block-xtra-xtra-post-loop.columns-2 .xtra-post-loop-items {
    grid-template-columns: 1fr;
  }
}
.wp-block-xtra-xtra-post-loop.columns-3 .xtra-post-loop-items {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1024px) {
  .wp-block-xtra-xtra-post-loop.columns-3 .xtra-post-loop-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .wp-block-xtra-xtra-post-loop.columns-3 .xtra-post-loop-items {
    grid-template-columns: 1fr;
  }
}
.wp-block-xtra-xtra-post-loop.columns-4 .xtra-post-loop-items {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1200px) {
  .wp-block-xtra-xtra-post-loop.columns-4 .xtra-post-loop-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1024px) {
  .wp-block-xtra-xtra-post-loop.columns-4 .xtra-post-loop-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .wp-block-xtra-xtra-post-loop.columns-4 .xtra-post-loop-items {
    grid-template-columns: 1fr;
  }
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: transparent;
  border: none;
  border-radius: 0;
  overflow: visible;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-item .xtra-gallery-card {
  width: 100%;
  height: 100%;
}
.wp-block-xtra-xtra-post-loop.columns-1 .xtra-post-loop-item {
  padding-bottom: var(--wp--preset--spacing--30);
  border-bottom: 1px solid var(--wp--preset--color--contrast-3);
}
.wp-block-xtra-xtra-post-loop.columns-1 .xtra-post-loop-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-thumbnail {
  position: relative;
  overflow: hidden;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
  transition: opacity 0.15s ease;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-thumbnail a:hover img {
  opacity: 0.9;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
}
.wp-block-xtra-xtra-post-loop h1.xtra-post-loop-title,
.wp-block-xtra-xtra-post-loop h2.xtra-post-loop-title,
.wp-block-xtra-xtra-post-loop h3.xtra-post-loop-title,
.wp-block-xtra-xtra-post-loop h4.xtra-post-loop-title,
.wp-block-xtra-xtra-post-loop h5.xtra-post-loop-title,
.wp-block-xtra-xtra-post-loop h6.xtra-post-loop-title {
  font-size: var(--wp--preset--font-size--large);
  margin-top: var(--wp--preset--spacing--10);
  margin-bottom: var(--wp--preset--spacing--20);
  -webkit-hyphens: none;
          hyphens: none;
}
.wp-block-xtra-xtra-post-loop h1.xtra-post-loop-title a,
.wp-block-xtra-xtra-post-loop h2.xtra-post-loop-title a,
.wp-block-xtra-xtra-post-loop h3.xtra-post-loop-title a,
.wp-block-xtra-xtra-post-loop h4.xtra-post-loop-title a,
.wp-block-xtra-xtra-post-loop h5.xtra-post-loop-title a,
.wp-block-xtra-xtra-post-loop h6.xtra-post-loop-title a {
  color: inherit;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-meta {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--contrast-2);
  font-family: var(--wp--preset--font-family--merriweather-sans);
  opacity: 0.7;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-meta a {
  color: var(--wp--preset--color--contrast-2);
  text-decoration: none;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-meta a:hover {
  color: var(--wp--preset--color--contrast);
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-separator {
  margin: 0 0.5rem;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-unlocks {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  color: inherit;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-unlocks svg {
  display: inline-block;
  margin-top: -2px;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-unlocks .xtra-post-loop-unlock-count {
  margin-left: 0.1rem;
  position: relative;
  top: 1px;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-newsbytes {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  color: inherit;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-newsbytes .xtra-post-loop-newsbytes-icon {
  font-size: 0.875em;
  line-height: 1;
  vertical-align: middle;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-newsbytes .xtra-post-loop-newsbytes-amount {
  position: relative;
  top: 1px;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-recommendations {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  color: inherit;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-recommendations svg {
  display: inline-block;
  margin-top: -2px;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-recommendations .xtra-post-loop-rec-count {
  margin-left: 0.1rem;
  position: relative;
  top: 1px;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-excerpt {
  font-family: var(--wp--preset--font-family--lora);
  font-size: var(--wp--preset--font-size--medium-small);
  font-weight: 400;
  line-height: 1.35;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-actions {
  margin-top: 1rem;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-edit-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  background-color: var(--wp--preset--color--contrast-3);
  color: var(--wp--preset--color--contrast);
  text-decoration: none;
  border: 1px solid var(--wp--preset--color--contrast-3);
  border-radius: 0;
  font-size: var(--wp--preset--font-size--small);
  font-family: var(--wp--preset--font-family--merriweather-sans);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
  transition: all 0.15s ease;
  box-sizing: border-box;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-edit-button::before {
  content: "✎";
  margin-right: 0.5rem;
  font-size: 1rem;
  line-height: 1;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-edit-button:hover {
  background-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--contrast);
  border-color: var(--wp--preset--color--accent);
  transform: translateY(-1px);
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-edit-button:active {
  transform: scale(0.98);
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-no-posts {
  text-align: center;
  padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30);
  color: var(--wp--preset--color--contrast-2);
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-metrics {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.125rem;
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--contrast-2);
  font-family: var(--wp--preset--font-family--merriweather-sans);
  opacity: 0.7;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-metrics .xtra-post-loop-metrics-left {
  display: flex;
  align-items: center;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-metrics .xtra-post-loop-metrics-right {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-metrics span {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-metrics svg {
  width: 11px;
  height: 11px;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-metrics .xtra-post-loop-metadata-item {
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-weight: 400;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-metrics .xtra-post-loop-metadata-item a {
  color: inherit;
  text-decoration: none;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-metrics .xtra-post-loop-metadata-item a:hover {
  text-decoration: underline;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-metrics .xtra-post-loop-separator {
  margin: 0 0.5rem;
  color: inherit;
  opacity: 0.5;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-items {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-item {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--20);
  padding: var(--wp--preset--spacing--50) 0;
  border-top: 1px solid var(--wp--preset--color--contrast-3);
  min-height: clamp(100px, 10vw + 80px, 160px);
  position: relative;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-item:first-child {
  border-top: none;
  padding-top: 0;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--contrast-2);
  font-family: var(--wp--preset--font-family--merriweather-sans);
  opacity: 0.7;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row .xtra-post-loop-meta-left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row .xtra-post-loop-meta-left a {
  color: var(--wp--preset--color--contrast-2);
  text-decoration: none;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row .xtra-post-loop-meta-left a:hover {
  color: var(--wp--preset--color--contrast);
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row .xtra-post-loop-meta-right {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row .xtra-post-loop-meta-right .xtra-post-loop-unlocks,
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row .xtra-post-loop-meta-right .xtra-post-loop-recommendations {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: inherit;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row .xtra-post-loop-meta-right .xtra-post-loop-unlocks svg,
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row .xtra-post-loop-meta-right .xtra-post-loop-recommendations svg {
  vertical-align: middle;
  transform: translateY(1px);
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row .xtra-post-loop-meta-right .xtra-post-loop-unlocks .xtra-post-loop-unlock-count,
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row .xtra-post-loop-meta-right .xtra-post-loop-unlocks .xtra-post-loop-rec-count,
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row .xtra-post-loop-meta-right .xtra-post-loop-recommendations .xtra-post-loop-unlock-count,
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row .xtra-post-loop-meta-right .xtra-post-loop-recommendations .xtra-post-loop-rec-count {
  font-family: inherit;
  font-size: inherit;
  font-weight: 400 !important;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row .xtra-post-loop-separator {
  margin: 0 0.25rem;
  color: inherit;
  opacity: 0.5;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-main-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-content {
  flex: 1;
  padding: 0;
  min-width: 0;
  overflow: hidden;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-thumbnail {
  flex-shrink: 0;
  width: clamp(100px, 10vw + 80px, 160px);
  height: clamp(100px, 10vw + 80px, 160px);
  overflow: hidden;
  border-radius: 4px;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-thumbnail a {
  display: block;
  line-height: 0;
  height: 100%;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-thumbnail img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-bottom-meta-row {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--contrast-2);
  font-family: var(--wp--preset--font-family--merriweather-sans);
  opacity: 0.7;
  margin-top: 0.5rem;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-bottom-meta-row .xtra-post-loop-meta-left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-bottom-meta-row .xtra-post-loop-meta-right {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: auto;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-bottom-meta-row .xtra-post-loop-metadata-item {
  display: inline-flex;
  align-items: center;
  color: inherit;
  font-weight: 400;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-bottom-meta-row .xtra-post-loop-metadata-item a {
  color: inherit;
  text-decoration: none;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-bottom-meta-row .xtra-post-loop-metadata-item a:hover {
  text-decoration: underline;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-bottom-meta-row .xtra-post-loop-separator {
  margin: 0 0.5rem;
  color: inherit;
  opacity: 0.5;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-metrics-inline {
  display: none;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-title {
  font-size: var(--wp--preset--font-size--large);
  line-height: 1.3;
  margin-bottom: var(--wp--preset--spacing--20);
  margin-top: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: none;
          hyphens: none;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-meta {
  display: none;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-excerpt {
  font-family: var(--wp--preset--font-family--lora);
  font-size: var(--wp--preset--font-size--medium-small);
  font-weight: 400;
  line-height: 1.35;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-excerpt p {
  margin-top: 0;
  margin-bottom: 0.75rem;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-excerpt p:last-child {
  margin-bottom: 0;
}
.wp-block-xtra-xtra-post-loop.design-horizontal.columns-2 .xtra-post-loop-items, .wp-block-xtra-xtra-post-loop.design-horizontal.columns-3 .xtra-post-loop-items, .wp-block-xtra-xtra-post-loop.design-horizontal.columns-4 .xtra-post-loop-items {
  grid-template-columns: 1fr;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-actions-full {
  width: 100%;
  margin-top: var(--wp--preset--spacing--20);
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-actions-full .xtra-post-loop-edit-button {
  width: 100%;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-pagination {
  margin-top: var(--wp--preset--spacing--50);
  text-align: center;
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-traditional .pagination-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-traditional .pagination-link {
  display: inline-flex;
  align-items: center;
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  text-decoration: none;
  color: var(--wp--preset--color--base);
  background-color: var(--wp--preset--color--contrast);
  border-radius: 4px;
  font-family: var(--wp--preset--font-family--merriweather-sans);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 700;
  transition: background-color 0.15s ease;
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-traditional .pagination-link:hover {
  background-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--contrast);
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-traditional .pagination-link.current {
  background-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--contrast);
  font-weight: bold;
  cursor: default;
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-traditional .pagination-link.prev, .wp-block-xtra-xtra-post-loop .xtra-pagination-traditional .pagination-link.next {
  gap: 0.5rem;
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-traditional .pagination-link .dashicons {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-traditional .pagination-ellipsis {
  padding: 0 0.5rem;
  color: var(--wp--preset--color--contrast-2);
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-traditional .pagination-info {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--contrast-2);
  font-family: var(--wp--preset--font-family--merriweather-sans);
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-loadmore .xtra-load-more-button {
  display: inline-block;
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  border: none;
  border-radius: 4px;
  font-size: var(--wp--preset--font-size--small);
  font-family: var(--wp--preset--font-family--merriweather-sans);
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-loadmore .xtra-load-more-button:hover:not(:disabled) {
  background-color: var(--wp--preset--color--accent);
  color: var(--wp--preset--color--contrast);
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-loadmore .xtra-load-more-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-loadmore .xtra-load-more-button .loading-spinner .dashicons {
  animation: spin 1s linear infinite;
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-infinite .infinite-scroll-loader {
  padding: 2rem;
  text-align: center;
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-infinite .infinite-scroll-loader .loading-animation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: var(--wp--preset--color--contrast-2);
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-infinite .infinite-scroll-loader .loading-animation .dashicons {
  animation: spin 1s linear infinite;
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-infinite .infinite-scroll-end {
  padding: 2rem;
  text-align: center;
  color: var(--wp--preset--color--contrast-2);
  font-style: italic;
}
.wp-block-xtra-xtra-post-loop .xtra-pagination-infinite .infinite-scroll-trigger {
  height: 1px;
  visibility: hidden;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-item {
  container-type: inline-size;
  container-name: gallery-item;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-item .xtra-post-loop-top-meta-row {
  margin-bottom: 0.25rem !important;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-item .xtra-post-loop-bottom-meta-row {
  margin-top: 0.25rem !important;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-gallery-title-row {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0.375rem;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-gallery-title-row .xtra-post-loop-gallery-title {
  margin: 0;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-gallery-images-row {
  width: 100%;
  margin-bottom: 0;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-gallery-row {
  flex-direction: row;
  align-items: flex-start;
  gap: 1.5rem;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-gallery-row .xtra-post-loop-content {
  flex: 1;
  min-width: 0;
}
.wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-gallery-row .xtra-post-loop-gallery-title {
  margin-bottom: 0;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-gallery-strip {
  display: flex;
  gap: 0.5rem;
  width: 100%;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-gallery-strip .xtra-post-loop-gallery-thumb {
  flex: 1 1 0;
  min-width: 0;
  display: block;
  overflow: hidden;
  border-radius: 4px;
  background: transparent;
  border: none;
  position: relative;
  aspect-ratio: 1/1;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-gallery-strip .xtra-post-loop-gallery-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-gallery-strip .xtra-post-loop-gallery-thumb:hover img {
  transform: scale(1.1);
}
@container gallery-item (max-width: 400px) {
  .wp-block-xtra-xtra-post-loop .xtra-post-loop-gallery-strip {
    gap: 0.25rem;
  }
  .wp-block-xtra-xtra-post-loop .xtra-post-loop-gallery-strip .xtra-post-loop-gallery-thumb {
    max-height: 100px;
  }
}
@container gallery-item (min-width: 401px) and (max-width: 600px) {
  .wp-block-xtra-xtra-post-loop .xtra-post-loop-gallery-strip {
    gap: 0.375rem;
  }
  .wp-block-xtra-xtra-post-loop .xtra-post-loop-gallery-strip .xtra-post-loop-gallery-thumb {
    max-height: 140px;
  }
}
@container gallery-item (min-width: 601px) and (max-width: 900px) {
  .wp-block-xtra-xtra-post-loop .xtra-post-loop-gallery-strip {
    gap: 0.5rem;
  }
  .wp-block-xtra-xtra-post-loop .xtra-post-loop-gallery-strip .xtra-post-loop-gallery-thumb {
    max-height: 180px;
  }
}
@container gallery-item (min-width: 901px) {
  .wp-block-xtra-xtra-post-loop .xtra-post-loop-gallery-strip {
    gap: 0.75rem;
  }
  .wp-block-xtra-xtra-post-loop .xtra-post-loop-gallery-strip .xtra-post-loop-gallery-thumb {
    max-height: 220px;
  }
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-photo-count {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: inherit;
}
.wp-block-xtra-xtra-post-loop .xtra-post-loop-photo-count svg {
  vertical-align: middle;
}
.xtra-post-loop-bottom-meta-row .wp-block-xtra-xtra-post-loop .xtra-post-loop-photo-count {
  font-weight: normal;
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--contrast-2);
  font-family: var(--wp--preset--font-family--merriweather-sans);
  opacity: 0.7;
}
@media (max-width: 768px) {
  .wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-excerpt {
    display: none;
  }
  .wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-gallery-title-row,
  .wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-gallery-images-row {
    width: 100%;
  }
  .wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-gallery-row {
    flex-direction: column;
    gap: 1rem;
  }
  .wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-gallery-row .xtra-post-loop-content {
    width: 100%;
  }
  .wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-gallery-strip {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-gallery-strip::-webkit-scrollbar {
    display: none;
  }
  .wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row {
    flex-direction: row;
    justify-content: space-between;
  }
  .wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row .xtra-post-loop-meta-left,
  .wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row .xtra-post-loop-meta-right {
    flex-shrink: 0;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  .wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-top-meta-row,
  .wp-block-xtra-xtra-post-loop.design-horizontal .xtra-post-loop-bottom-meta-row {
    font-size: 0.813rem;
  }
}

/**
 * Gallery Card Styles for Post Loop
 */
.xtra-gallery-card {
  display: flex;
  flex-direction: column;
  background: #0a0a0a;
  border: 1px solid #333333;
  border-radius: 0;
  overflow: hidden;
  transition: border-color 0.2s ease;
  text-decoration: none !important;
  color: inherit;
  height: 100%;
}
.xtra-gallery-card * {
  text-decoration: none !important;
}
.xtra-gallery-card:hover {
  border-color: #3498db;
  text-decoration: none !important;
}
.xtra-gallery-card:hover .xtra-gallery-card__title {
  color: #3498db;
  text-decoration: none !important;
}
.xtra-gallery-card:focus {
  outline: 2px solid #3498db;
  outline-offset: 2px;
  text-decoration: none !important;
}
.xtra-gallery-card__preview {
  position: relative;
  aspect-ratio: 1;
  background: #1a1a1a;
  overflow: hidden;
}
.xtra-gallery-card__featured {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.xtra-gallery-card__featured img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.xtra-gallery-card__grid {
  display: grid;
  width: 100%;
  height: 100%;
  gap: 1px;
  background: #333333;
}
.xtra-gallery-card__grid--1 {
  grid-template-columns: 1fr;
}
.xtra-gallery-card__grid--2 {
  grid-template-columns: 1fr 1fr;
}
.xtra-gallery-card__grid--3 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
.xtra-gallery-card__grid--3 .xtra-gallery-card__image:first-child {
  grid-column: 1;
  grid-row: 1/3;
}
.xtra-gallery-card__grid--4 {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
.xtra-gallery-card__image {
  position: relative;
  overflow: hidden;
  background: #2a2a2a;
}
.xtra-gallery-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.xtra-gallery-card__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
}
.xtra-gallery-card__empty svg {
  color: #666666;
  opacity: 0.5;
}
.xtra-gallery-card__count {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  color: white;
  padding: 0.375rem 0.625rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-family: var(--wp--preset--font-family--merriweather-sans);
  font-size: 0.875rem;
  font-weight: 600;
  z-index: 1;
}
.xtra-gallery-card__count svg {
  width: 16px;
  height: 16px;
  opacity: 0.9;
}
.xtra-gallery-card__content {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  background: transparent;
}
.xtra-gallery-card__title {
  margin: 0 0 1rem 0;
  padding: 0;
  font-family: var(--wp--preset--font-family--eb-garamond);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 600;
  line-height: 1.3;
  color: #ffffff;
  transition: color 0.2s ease;
  text-decoration: none !important;
  background: transparent;
  display: block;
}
.xtra-gallery-card__title:hover {
  text-decoration: none !important;
}
.xtra-gallery-card__meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: var(--wp--preset--font-family--merriweather-sans);
  font-size: 0.813rem;
  color: #a0a0a0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.xtra-gallery-card__author {
  display: flex;
  align-items: center;
}
.xtra-gallery-card__author::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #3498db;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.xtra-gallery-card__date::before {
  content: "•";
  margin-right: 0.75rem;
  opacity: 0.5;
}
.xtra-gallery-card__edit {
  display: block;
  width: calc(100% + 2.5rem);
  margin-top: auto;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-bottom: -1.25rem;
  padding: 0.75rem 1rem;
  background: #1a1a1a;
  border: none;
  border-top: 1px solid #333333;
  border-radius: 0;
  color: #a0a0a0;
  font-family: var(--wp--preset--font-family--merriweather-sans);
  font-size: 0.75rem;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-decoration: none !important;
  cursor: pointer;
  transition: all 0.2s ease;
}
.xtra-gallery-card__edit:hover {
  background: #3498db;
  border-top-color: #3498db;
  color: #ffffff;
  text-decoration: none !important;
}
.xtra-gallery-card__edit:focus {
  outline: none;
  background: #3498db;
  border-top-color: #3498db;
  color: #ffffff;
}

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