.elementor-2713 .elementor-element.elementor-element-48548e51{--display:flex;--min-height:400px;--justify-content:space-between;}.elementor-2713 .elementor-element.elementor-element-48548e51:not(.elementor-motion-effects-element-type-background), .elementor-2713 .elementor-element.elementor-element-48548e51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-2713 .elementor-element.elementor-element-523b04ee{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-2713 .elementor-element.elementor-element-523b04ee > .elementor-widget-container{background-color:#1A3A66B0;}.elementor-2713 .elementor-element.elementor-element-523b04ee.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2713 .elementor-element.elementor-element-bd1df88{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2713 .elementor-element.elementor-element-e86f071{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2713 .elementor-element.elementor-element-6d448e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2713 .elementor-element.elementor-element-1a17894 .elementor-icon-list-icon{width:14px;}.elementor-2713 .elementor-element.elementor-element-1a17894 .elementor-icon-list-icon i{font-size:14px;}.elementor-2713 .elementor-element.elementor-element-1a17894 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}@media(min-width:768px){.elementor-2713 .elementor-element.elementor-element-e86f071{--width:30%;}.elementor-2713 .elementor-element.elementor-element-6d448e7{--width:70%;}}@media(max-width:1024px){.elementor-2713 .elementor-element.elementor-element-523b04ee{--container-widget-width:63%;--container-widget-flex-grow:0;width:var( --container-widget-width, 63% );max-width:63%;}}@media(max-width:767px){.elementor-2713 .elementor-element.elementor-element-523b04ee{--container-widget-width:87%;--container-widget-flex-grow:0;width:var( --container-widget-width, 87% );max-width:87%;}}/* Start custom CSS */.blue-divider {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.blue-divider .line {
  height: 4px;
  background-color: #1C3767; /* Navy Blue */
  flex-grow: 1;
  margin-right: 8px;
}
.blue-divider .chevrons {
  color: #1C3767;
  font-size: 16px;
  font-weight: bold;
}

/* Long & Co. – single post left filters (local fallback styles) */
:root{
  --lc-navy:#163767; --lc-navy-700:#0f2a50; --lc-navy-300:#2a4f86;
  --bg-panel:#11161f; --bg-soft:#0e1523;
  --text-strong:#fff; --text-body:#d6deea; --text-muted:#a9b6c8;
  --border-soft:#223047; --shadow-1:0 6px 14px rgba(0,0,0,.25);
  --radius-md:8px;
}

/* left column shortcode wrapper should match the resources page */
.single-resource .xs-filters{
  position: sticky; top: 100px; color: var(--text-body);
}

/* filter cards */
.single-resource .xs-filter-group{
  background:var(--bg-panel);
  border:1px solid var(--border-soft);
  border-radius:var(--radius-md);
  margin:0 0 18px; overflow:hidden; box-shadow:var(--shadow-1);
}
.single-resource .xs-filter-title{
  background:var(--lc-navy); color:#fff; font-weight:700;
  padding:12px 14px; font-size:13px; letter-spacing:.3px; text-transform:uppercase;
}
.single-resource .xs-filter-item{
  display:block; padding:10px 14px; font-size:14px;
  color:var(--text-body); text-decoration:none;
  border-top:1px solid var(--border-soft);
  transition:background .15s,color .15s;
}
.single-resource .xs-filter-item:hover{ background:rgba(255,255,255,.06); color:#fff; }
.single-resource .xs-filter-item.is-active{
  background:rgba(42,79,134,.35); color:#fff;
  border-left:3px solid var(--lc-navy); padding-left:11px;
}
.single-resource .xs-filter-item[data-term=""]{ font-style:italic; opacity:.9; }

/* clean collapsible tree (triangle only) */
.single-resource .xs-tree{ margin:0; padding:0; list-style:none; }
.single-resource .xs-node{
  display:grid; grid-template-columns:22px 1fr; align-items:center;
}
.single-resource .xs-node + .xs-node{ border-top:1px solid var(--border-soft); }
.single-resource .xs-caret,
.single-resource .xs-caret-placeholder{
  width:22px; height:34px; display:inline-flex; align-items:center; justify-content:center;
  background:transparent; border:0; padding:0; margin:0; cursor:pointer;
}
.single-resource .xs-caret::before{
  content:''; width:0; height:0;
  border-left:6px solid var(--text-muted);
  border-top:4px solid transparent; border-bottom:4px solid transparent;
  transition:transform .15s, border-color .15s;
}
.single-resource .is-open > .xs-caret::before{ transform:rotate(90deg); border-left-color:#fff; }
.single-resource .xs-caret:hover::before{ border-left-color:#fff; }

.single-resource .xs-node > .xs-filter-item{ border-top:0; padding:10px 14px; }
.single-resource .xs-children{
  grid-column:1 / -1; padding-left:14px; margin-left:14px;
  border-left:1px dashed var(--border-soft);
}

/* tablet/mobile: put filters above content and full width */
@media (max-width:1024px){
  .single-resource .xs-filters{ position:static; margin:0 0 18px; }
}

/* Prevent cards from sliding under the header when you scroll up fast */
.single-resource { position: relative; z-index: 0; }

/* Make the left filter column sticky, contained to its section */
.xs-filters{
  position: sticky;
  top: 110px;          /* header height offset — tweak (e.g., 96–140) */
  align-self: start;   /* prevents stretching in flex/grid parents */
  z-index: 3;          /* above content, below the header */
}

/* If you're logged in (WP admin bar adds 32px) */
body.admin-bar .xs-filters{
  top: 142px;          /* 110 + 32 */
}

/* Optional: only stick on desktop/tablet */
@media (max-width: 767px){
  .xs-filters{ position: static; }  /* no sticky on phones */
}

/* Keep header above everything */
header#masthead{ position: relative; z-index: 9999; }/* End custom CSS */