/* Hide Elementor share icon */
.elementor-slideshow--share-mode 
.elementor-slideshow__share-links a:last-child {
  display: none;
}

/* 4-column list */
.wp-4col-list {
  column-count: 4;
  column-gap: 40px;
  margin: 0;
  padding: 0;
}

.wp-4col-list li {
  break-inside: avoid;
  margin-bottom: 6px;
  list-style: none;
}

/* Tablet */
@media (max-width: 900px) {
  .wp-4col-list {
    column-count: 2;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .wp-4col-list {
    column-count: 1;
  }
}

/* ===== PAGE BACKGROUND ===== */
.page-id-14316 {
  background-image: url("https://joshyoderphotos.com/wp-content/uploads/2026/01/Screenshot-2026-01-17-at-3.48.16-PM.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Dark overlay for readability */
.page-id-14316 .site-content {
  background-color: rgba(0, 0, 0, 0.55);
}

/* Mobile fix for background scrolling */
@media (max-width: 768px) {
  .page-id-14316 {
    background-attachment: scroll;
  }
}/* ===== FORCE page-wide background image (works even if theme wrappers have backgrounds) ===== */
body.page-id-14316 {
  position: relative;
}

/* The actual background image layer */
body.page-id-14316::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url("https://joshyoderphotos.com/wp-content/uploads/2026/01/Screenshot-2026-01-17-at-3.48.16-PM.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: -1;
}

/* Make common theme wrappers transparent so the image can show */
body.page-id-14316 #page,
body.page-id-14316 .site,
body.page-id-14316 .site-content,
body.page-id-14316 #content,
body.page-id-14316 .content-area {
  background: transparent !important;
}

/* Add readable dark overlay ONLY behind the content */
body.page-id-14316 .site-content {
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.60) 0%,
    rgba(0,0,0,0.40) 20%,
    rgba(0,0,0,0.35) 80%,
    rgba(0,0,0,0.55) 100%
  ) !important;

  border-radius: 14px;
  padding: 28px 32px;
  margin: 40px auto;
  max-width: 1200px;
/* Novo sticky header – desktop transparency */
@media (min-width: 1024px) {

  .novo-header.is-sticky,
  .novo-header--sticky {
    background: rgba(0, 0, 0, 0.15) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: none !important;
  }

}/* ===== Make Novo sticky header transparent / glassy on desktop ===== */
@media (min-width: 1024px) {

  /* Common header containers */
  header#masthead,
  header#header,
  #masthead,
  #header,
  .site-header,
  .main-header,
  .novo-header,
  .novo-header-holder,
  .header-holder,
  .header-wrap,
  .header-inner,
  .sticky-header,
  .header-sticky,
  .is-sticky,
  .sticky,
  .fixed,
  .is-fixed {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* When the header becomes sticky, the DARK bar is often on an inner row/wrap */
  #masthead.is-sticky,
  #masthead.sticky,
  #masthead.fixed,
  #header.is-sticky,
  #header.sticky,
  #header.fixed,
  .site-header.is-sticky,
  .site-header.sticky,
  .site-header.fixed,
  .novo-header.is-sticky,
  .novo-header.sticky,
  .novo-header.fixed,
  .sticky-header.is-sticky,
  .sticky-header.sticky,
  .sticky-header.fixed,
  .header-sticky.is-sticky,
  .header-sticky.sticky,
  .header-sticky.fixed {
    background: rgba(0,0,0,0.12) !important; /* change to 0.00 for fully transparent */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: none !important;
  }

  /* Kill pseudo-element overlays (very common in themes) */
  #masthead:before, #masthead:after,
  #header:before, #header:after,
  .site-header:before, .site-header:after,
  .novo-header:before, .novo-header:after,
  .sticky-header:before, .sticky-header:after,
  .header-sticky:before, .header-sticky:after,
  .header-wrap:before, .header-wrap:after {
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }
}@media (min-width: 1024px) {
  .novo-header.is-sticky {
    background: transparent !important;
  }
}/* ===== Novo: make the STICKY header bar transparent/glassy and NOT tall (desktop only) ===== */
@media (min-width: 1024px) {

  /* Sticky states */
  body .headroom--not-top,
  body .headroom--pinned,
  body .is-sticky,
  body .sticky,
  body .fixed {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Target common Novo header rows/containers (where the white bar usually lives) */
  body .novo-header,
  body .novo-header * {
    box-shadow: none !important;
  }

  body .novo-header.is-sticky,
  body .novo-header.sticky,
  body .novo-header.fixed,
  body .headroom--not-top .novo-header,
  body .headroom--pinned .novo-header {
    background: rgba(0,0,0,0.10) !important;   /* adjust 0.05–0.18 */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  /* Stop the giant sticky bar height */
  body .novo-header.is-sticky,
  body .novo-header.sticky,
  body .novo-header.fixed {
    min-height: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* If Novo uses a pseudo overlay for the bar, kill it */
  body .novo-header:before,
  body .novo-header:after,
  body .headroom--not-top:before,
  body .headroom--not-top:after {
    background: transparent !important;
  }
}/* ===== Novo sticky menu: force transparency on the actual bar layer (desktop) ===== */
@media (min-width: 1024px) {

  /* These are the common "main bar" layers Novo uses */
  .novo-header .main-bar,
  .novo-header .header-main,
  .novo-header .header__main,
  .novo-header .header-row,
  .novo-header .header-inner,
  .novo-header .container,
  .novo-header .container-fluid,
  .novo-header .wrap,
  .novo-header .header-wrap {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* When sticky / scrolled */
  .headroom--not-top .main-bar,
  .headroom--pinned .main-bar,
  .is-sticky .main-bar,
  .sticky .main-bar,
  .fixed .main-bar,
  .headroom--not-top .header-main,
  .headroom--pinned .header-main,
  .is-sticky .header-main,
  .sticky .header-main,
  .fixed .header-main {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Kill any overlay pseudo-elements that paint the bar */
  .novo-header .main-bar:before,
  .novo-header .main-bar:after,
  .novo-header .header-main:before,
  .novo-header .header-main:after,
  .novo-header:before,
  .novo-header:after {
    background: transparent !important;
  }
}/* ===== NOVO: Main Bar sticky header transparency (desktop) ===== */
@media (min-width: 1024px) {

  /* Target the main bar layer directly */
  header#masthead,
  #masthead,
  header#header,
  #header,
  .site-header,
  .novo-header {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Main bar container + inner wrappers (this is where NOVO paints the solid color) */
  .novo-header .main-bar,
  .novo-header .main-bar .container,
  .novo-header .main-bar .container-fluid,
  .novo-header .main-bar .wrap,
  .novo-header .main-bar .header-inner,
  .novo-header .main-bar .header-row,
  .novo-header .main-bar .vc_row,
  .novo-header .main-bar .wpb_row,
  .novo-header .main-bar .elementor-section,
  .novo-header .main-bar .elementor-container {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Sticky / scrolled state */
  .headroom--not-top .novo-header .main-bar,
  .headroom--pinned  .novo-header .main-bar,
  .is-sticky         .novo-header .main-bar,
  .sticky            .novo-header .main-bar,
  .fixed             .novo-header .main-bar {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Kill overlay pseudo-elements that often create the "bar" */
  .novo-header .main-bar:before,
  .novo-header .main-bar:after,
  .novo-header .main-bar .container:before,
  .novo-header .main-bar .container:after,
  .novo-header:before,
  .novo-header:after {
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }
}@media (min-width: 1024px) {
  .novo-header .main-bar {
    background-image: none !important;
  }
}/* ===== GUARANTEED: make ANY sticky header background transparent on desktop ===== */
@media (min-width: 1024px) {

  /* Any element that becomes fixed/sticky near the top */
  body *[style*="position:fixed"],
  body *[style*="position: fixed"],
  body *[style*="position:sticky"],
  body *[style*="position: sticky"] {
    box-shadow: none !important;
  }

  /* Specifically neutralize backgrounds on common sticky header wrappers */
  body .headroom--not-top,
  body .headroom--pinned,
  body .is-sticky,
  body .sticky,
  body .fixed,
  body .header-sticky,
  body .sticky-header,
  body .sticky-wrapper,
  body header#masthead,
  body #masthead,
  body header#header,
  body #header,
  body .site-header,
  body .novo-header {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  /* And everything directly inside the header (where Novo often paints the bar) */
  body .headroom--not-top * ,
  body .headroom--pinned * ,
  body .is-sticky * ,
  body .sticky * ,
  body .fixed * ,
  body .novo-header * ,
  body #masthead * ,
  body #header * ,
  body .site-header * {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }
}/* ===== NOVO STICKY MAIN BAR — FINAL OVERRIDE ===== */
@media (min-width: 1024px) {

  /* Kill the overlay that creates the solid bar */
  .novo-header::before,
  .novo-header::after,
  .novo-main-header::before,
  .novo-main-header::after,
  .header-wrap::before,
  .header-wrap::after,
  .header-sticky::before,
  .header-sticky::after {
    background: none !important;
    opacity: 0 !important;
    content: none !important;
  }

  /* Force header itself transparent */
  .novo-header,
  .novo-main-header,
  .header-wrap,
  .header-sticky,
  .site-header,
  header {
    background: transparent !important;
    box-shadow: none !important;
  }
}