/*
 * CSLIB Hero Slider Styles
 * @version v2.1.9
 */

:root{
  --cslib-gold:#FFD60A; --cslib-amber:#FFBF1C; --cslib-fblue:#00044A; --cslib-navy:#000080;
  --hs-shadow:0 18px 48px rgba(0,0,0,.18);
  --hs-content-bg: #fff;
  --hs-title-color: var(--cslib-fblue);
  --hs-text-color: #1b1b1b;
  --hs-cta-bg: var(--cslib-navy);
  --hs-cta-hover-bg: var(--cslib-fblue);
  --hs-pill-bg: rgba(255,255,255,.9);
  --hs-pill-shadow: 0 4px 16px rgba(0,0,0,.12),inset 0 0 0 1px rgba(0,0,0,.06);
  --hs-pill-btn-bg: #f3f4f6;
  --hs-pill-btn-hover-bg: #e9eaee;
  --hs-dots-bg: rgba(0,0,0,.25);
  --hs-nav-bg: rgba(255,255,255,.28);
  --hs-nav-shadow: 0 12px 28px rgba(0,0,0,.18),inset 0 0 0 1px rgba(0,0,0,.08);
}

/* Shell */
.cslib-hs{
  position:relative;
  background:var(--hs-content-bg);
  border-radius:var(--hs-border-radius);
  box-shadow:var(--hs-shadow);
  overflow:hidden;
  isolation:isolate;
}
.et_pb_code_inner > .cslib-hs{ border-radius:inherit; }

/* Viewport & Track */
.cslib-hs .hs-viewport{overflow:hidden}
.cslib-hs .hs-track{display:flex;margin:0;padding:0;list-style:none;transition:transform .48s cubic-bezier(.22,.61,.36,1);will-change:transform}

/* Slides */
.cslib-hs .hs-slide{
  flex:0 0 100%;
  display:flex;
  flex-direction: column;
  align-items:stretch;
  min-height:0;
  height: auto;
}
.cslib-hs.is-vertical .hs-slide{flex-direction: column;}

/* Media (Image Container) */
.cslib-hs .hs-media{
  position:relative;
  height: auto;
  align-self:stretch;
  overflow:hidden;
  margin:0!important;
  padding:0!important;
  background:var(--cslib-fblue);
  flex: 1;
}
.cslib-hs .hs-media img{
  position:static;
  width:100%;
  height:auto;
  display:block;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:contain;
  object-position:center;
}
.cslib-hs.fit-contain .hs-media img{object-fit:contain;background:var(--cslib-fblue)}

/* Content */
.cslib-hs .hs-content{
  background:var(--hs-content-bg);
  padding:22px 22px 18px;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:0;
  width: 100%;
  word-break: break-word;
  overflow-wrap: break-word;
}
.cslib-hs .hs-content *{box-sizing:border-box}
.cslib-hs .hs-source,.cslib-hs .hs-title,.cslib-hs .hs-blurb{margin:0}
.cslib-hs .hs-source{font-weight:600;font-size:12px;line-height:1.2;color:#666}
.cslib-hs .hs-title{font-weight:700;font-size:var(--hs-title-size,45px)!important;line-height:1.25;color:var(--hs-title-color)}
.cslib-hs .hs-title a{color:inherit;text-decoration:none}
.cslib-hs .hs-title a:hover{color:var(--cslib-navy);text-decoration:underline}
.cslib-hs .hs-blurb{font-size:16px;line-height:1.5;color:var(--hs-text-color);margin-top:4px}
.cslib-hs .hs-title,.cslib-hs .hs-blurb{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:var(--lc,3)}

/* Actions */
.cslib-hs .hs-actions{margin-top:10px}
.cslib-hs .hs-cta{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:var(--hs-cta-bg);color:#fff;text-decoration:none;font-weight:600}
.cslib-hs .hs-cta:hover{background:var(--hs-cta-hover-bg)}

/* Bottom row */
.cslib-hs .hs-bottom{margin-top:auto;display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
.cslib-hs .hs-bottom > *{flex:0 0 auto}

/* Counter */
.cslib-hs .hs-counter{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;background:var(--hs-pill-bg);color:#222;box-shadow:var(--hs-pill-shadow);width:auto;max-width:max-content;flex:0 0 auto}
.cslib-hs .hs-counter .pill-num b{font-weight:800}
.cslib-hs .hs-counter button{width:34px;height:34px;border:none;border-radius:999px;background:var(--hs-pill-btn-bg);display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
.cslib-hs .hs-counter button:hover{background:var(--hs-pill-btn-hover-bg)}
.cslib-hs .hs-counter button:focus-visible{outline:2px solid var(--cslib-amber);outline-offset:2px}

/* Dots */
.cslib-hs .hs-dots{display:flex;gap:8px;flex:0 0 auto}
.cslib-hs .hs-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--hs-dots-bg);cursor:pointer}
.cslib-hs .hs-dot.is-active{background:var(--cslib-amber)}
.cslib-hs .hs-dot:focus-visible{outline:2px solid var(--cslib-amber);outline-offset:2px}

/* Paddles */
.cslib-hs .hs-nav{position:absolute;top:50%;translate:0 -50%;width:56px;height:56px;border:none;border-radius:999px;display:grid;place-items:center;cursor:pointer;color:var(--cslib-navy);background:var(--hs-nav-bg)!important;box-shadow:var(--hs-nav-shadow);z-index:5}
.cslib-hs .hs-prev{left:12px}.cslib-hs .hs-next{right:12px}
.cslib-hs .hs-nav:hover{background:rgba(255,255,255,.5)!important;color:var(--cslib-gold)}
.cslib-hs .hs-nav:focus-visible{outline:2px solid var(--cslib-amber);outline-offset:3px}
.cslib-hs .hs-icon{display:block;font-size:32px;line-height:1}
.cslib-hs .hs-prev .hs-icon{transform:rotate(180deg)}

/* Responsive */
/* Desktop */
@media (min-width: 1025px) {
  .cslib-hs .hs-slide{
    display:flex;
    flex-direction: row;
    align-items: stretch;
  }
}

/* Laptop (1025px to 1200px) */
@media (min-width: 1025px) and (max-width: 1200px) {
  .cslib-hs .hs-media{
    flex: 1.15;
  }
  .cslib-hs .hs-content{
    flex: 0.85;
    padding: 18px 18px 16px;
  }
  .cslib-hs .hs-title{
    font-size: clamp(18px, 3.4vw, 38px) !important;
  }
  .cslib-hs .hs-nav{ width: 52px; height: 52px; }
  .cslib-hs .hs-icon{ font-size: 30px; }
}

/* Tablet / Phone (<= 1024px) */
@media (max-width: 1024px) {
  .cslib-hs .hs-slide{
    flex-direction: column;
  }
  .cslib-hs .hs-content{
    padding: 20px 16px 14px;
  }
  .cslib-hs .hs-prev{left:8px} .cslib-hs .hs-next{right:8px}
  .cslib-hs .hs-nav{width:48px;height:48px}
  .cslib-hs .hs-icon{font-size:28px}
}

/* Smaller devices */
@media (max-width: 640px) {
  .cslib-hs .hs-content{padding: 16px 12px 10px;}
  .cslib-hs .hs-nav{width: 44px; height: 44px;}
  .cslib-hs .hs-icon{font-size: 26px;}
}