/* Remove Avine’s default sidebar on interior pages. */
body:not(.home):not(.blog) .sidebar {
  display: none !important;
}
body:not(.home):not(.blog) .row:has(> .col-lg-4 .sidebar) > .col-lg-8 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* Show only the monthly archive beside the article list. */
body.blog .sidebar { display: block !important; }
body.blog .sidebar > .widget:not(.widget_archive) { display: none !important; }
body.blog .row:has(> .col-lg-4 .sidebar) > .col-lg-8 {
  flex: 0 0 66.6667% !important;
  max-width: 66.6667% !important;
}
body.blog .row:has(> .col-lg-4 .sidebar) > .col-lg-4 {
  flex: 0 0 33.3333% !important;
  width: 33.3333% !important;
  max-width: 33.3333% !important;
}

.mixtup-post-navigation { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid #ddd; }
.mixtup-post-navigation a { display: inline-block; padding: 0.75rem 1rem; background: var(--bs-primary); color: #fff; text-decoration: none; border-radius: 4px; }
.mixtup-post-navigation a:hover { opacity: .88; }

/* Keep the Call to Action portrait compact. */
.flixita-call-action-section img {
  width: 100% !important;
  max-width: 250px !important;
  height: auto !important;
}

/* Soften the portrait's straight lower edge into the CTA background. */
.flixita-call-action-section .cta-image img {
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 72%, transparent 100%);
}

/* Limit the homepage slider to 600px. */
body.home #slider-section,
body.home #slider-section .home-slider,
body.home #slider-section .owl-stage-outer,
body.home #slider-section .owl-stage,
body.home #slider-section .owl-item,
body.home #slider-section .item,
body.home #slider-section .main-slider,
body.home #slider-section .main-table,
body.home #slider-section .main-table-cell,
body.home #slider-section .item > img {
  height: min(62vh, 600px) !important;
  min-height: 0 !important;
  max-height: 600px !important;
}
body.home #slider-section .item > img {
  width: 100% !important;
  object-fit: cover;
}

/* Blog archive: show post previews in three columns, with the monthly archive underneath. */
body.blog .row:has(> .col-lg-4 .sidebar) > .col-lg-8 { flex: 0 0 100% !important; max-width: 100% !important; }
body.blog .row:has(> .col-lg-4 .sidebar) > .col-lg-4 { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
body.blog #primary .site-main { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: start; }
body.blog #primary .site-main > article { width: auto !important; max-width: none !important; min-width: 0; margin: 0 !important; }
body.blog #primary .site-main > article img.wp-post-image { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
@media (max-width: 991px) { body.blog #primary .site-main { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { body.blog #primary .site-main { grid-template-columns: 1fr; } }

/* MIXT-UP brand accent: warm antique gold inspired by the Art & Craft logo. */
:root, body {
  --bs-primary: #e8a268;
  --bs-primary-dark: #795116;
  --bs-primary-light: rgba(232, 154, 90, 0.16);
  --bs-primary-shadow: rgba(150, 105, 31, 0.35);
}


/* Replace the Avine blue secondary color with black across the site. */
:root, body {
  --bs-secondary: #302020;
  --bs-secondary-dark: #000000;
}


/* Keep the footer copyright strip black as well. */
.footer-copyright {
  background-color: #1f1916 !important;
}
