
:root{
  --sdlv4-blue:#253E87;
  --sdlv4-blue-dark:#172B67;
  --sdlv4-orange:#F26722;
  --sdlv4-soft:#F6F8FD;
  --sdlv4-line:#DDE4F0;
  --sdlv4-text:#586277;
}

.sdlv4-page,
.sdlv4-page *{box-sizing:border-box}

.sdlv4-page{
  margin:0;
  color:var(--sdlv4-text);
  background:#fff;
}

.sdlv4-page a{
  color:var(--sdlv4-blue);
  text-decoration:none;
}

.sdlv4-page a:hover{color:var(--sdlv4-orange)}

/* Hero */
.sdlv4-hero{
  margin:0!important;
  background:linear-gradient(135deg,#f3f6fd,#fff);
}

.sdlv4-hero>.wp-block-columns{
  max-width:1500px;
  min-height:390px;
  margin:0 auto!important;
  gap:0!important;
  align-items:stretch!important;
}

.sdlv4-hero-copy{
  display:flex!important;
  min-height:390px!important;
  padding:58px clamp(28px,6vw,92px)!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 13% 20%,rgba(37,62,135,.10) 0 5px,transparent 6px),
    radial-gradient(circle at 22% 38%,rgba(242,103,34,.22) 0 4px,transparent 5px);
}

.sdlv4-hero-copy h1{
  margin:0!important;
  color:var(--sdlv4-blue)!important;
  font-size:clamp(44px,5vw,68px)!important;
  line-height:1.05!important;
  font-weight:760!important;
}

.sdlv4-line{
  width:72px!important;
  height:4px!important;
  margin:24px 0!important;
  border:0!important;
  background:var(--sdlv4-orange)!important;
}

.sdlv4-hero-copy p{
  max-width:610px!important;
  margin:0!important;
  color:#374056!important;
  font-size:17px!important;
  line-height:1.7!important;
}

.sdlv4-hero-image,
.sdlv4-hero-image figure{
  min-height:390px!important;
  height:100%!important;
  margin:0!important;
}

.sdlv4-hero-image{
  position:relative;
  overflow:hidden;
  border-left:5px solid var(--sdlv4-orange);
}

.sdlv4-hero-image::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0 auto 0 0;
  width:12%;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.82),transparent);
}

.sdlv4-hero-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:390px!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Sections */
.sdlv4-section{
  padding:56px 24px!important;
}

.sdlv4-section-alt{
  background:var(--sdlv4-soft);
}

.sdlv4-inner{
  max-width:1180px!important;
  margin:0 auto!important;
}

.sdlv4-section-header{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-bottom:24px!important;
}

.sdlv4-section-title{
  margin:0!important;
  color:var(--sdlv4-blue)!important;
  font-size:clamp(28px,3vw,36px)!important;
}

.sdlv4-section-link{
  margin:0!important;
  color:var(--sdlv4-orange)!important;
  font-size:14px;
  font-weight:750;
}

/* Featured */
.sdlv4-featured{
  padding:22px;
  border:1px solid var(--sdlv4-line);
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 28px rgba(37,62,135,.09);
}

.sdlv4-featured>.wp-block-columns{
  gap:26px!important;
  align-items:center!important;
}

.sdlv4-date-box{
  padding:20px 14px;
  border-radius:9px;
  color:#fff;
  background:linear-gradient(180deg,var(--sdlv4-blue),var(--sdlv4-blue-dark));
  text-align:center;
}

.sdlv4-date-box p{margin:0!important;color:#fff!important}
.sdlv4-month{font-size:17px;font-weight:750}
.sdlv4-day{font-size:52px;line-height:1;font-weight:800}
.sdlv4-year{font-size:17px;margin-bottom:9px!important}
.sdlv4-time{font-size:13px;line-height:1.5}

.sdlv4-label{
  display:inline-block;
  margin:0 0 10px!important;
  padding:5px 9px;
  border:1px solid #aebbe1;
  border-radius:4px;
  color:var(--sdlv4-blue)!important;
  background:#f8faff;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}

.sdlv4-event-title{
  margin:0 0 11px!important;
  color:var(--sdlv4-blue)!important;
  font-size:27px!important;
  line-height:1.25!important;
}

.sdlv4-event-meta{
  margin:0 0 7px!important;
  color:#3e4659!important;
  font-size:14px;
}

.sdlv4-event-desc{
  margin:13px 0 0!important;
  font-size:14px;
  line-height:1.65;
}

.sdlv4-button .wp-block-button__link{
  padding:11px 18px;
  border-radius:6px;
  color:#fff!important;
  background:var(--sdlv4-orange)!important;
  font-weight:750;
}

/* News cards */
.sdlv4-news-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:21px!important;
}

.sdlv4-news-card{
  overflow:hidden;
  border:1px solid var(--sdlv4-line);
  border-radius:10px;
  background:#fff;
  box-shadow:0 7px 20px rgba(37,62,135,.07);
}

.sdlv4-news-card figure{margin:0!important}
.sdlv4-news-card img{
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
}
.sdlv4-news-body{padding:18px}
.sdlv4-news-body h3{
  margin:0 0 9px!important;
  color:var(--sdlv4-blue)!important;
  font-size:20px!important;
  line-height:1.35!important;
}
.sdlv4-news-body p{margin:0 0 12px!important;line-height:1.6!important}

/* Photo slider */
.sdlv4-slider-wrap{
  position:relative;
}

.sdlv4-slider-controls{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-bottom:16px;
}

.sdlv4-slider-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border:1px solid #cbd6ea;
  border-radius:999px;
  color:var(--sdlv4-blue);
  background:#fff;
  cursor:pointer;
  font-size:20px;
  line-height:1;
}

.sdlv4-slider-btn:hover{
  color:#fff;
  border-color:var(--sdlv4-blue);
  background:var(--sdlv4-blue);
}

.sdlv4-slider-track{
  display:flex!important;
  gap:16px!important;
  overflow-x:auto!important;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  padding-bottom:8px;
  -ms-overflow-style:none;
  scrollbar-width:none;
}

.sdlv4-slider-track::-webkit-scrollbar{
  display:none;
}

.sdlv4-slide{
  flex:0 0 min(290px,78vw);
  scroll-snap-align:start;
}

.sdlv4-slide figure{
  margin:0!important;
  overflow:hidden;
  border-radius:9px;
  box-shadow:0 6px 18px rgba(37,62,135,.09);
}

.sdlv4-slide img{
  display:block!important;
  width:100%!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
}

.sdlv4-slider-note{
  margin:14px 0 0!important;
  color:#6b7384!important;
  font-size:13px!important;
}

/* Editor */
.editor-styles-wrapper .sdlv4-page{max-width:none!important}
.editor-styles-wrapper .sdlv4-news-grid,
.block-editor-block-list__layout .sdlv4-news-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

@media(max-width:920px){
  .sdlv4-hero>.wp-block-columns,
  .sdlv4-featured>.wp-block-columns{
    flex-wrap:wrap!important;
  }

  .sdlv4-hero>.wp-block-columns>.wp-block-column,
  .sdlv4-featured>.wp-block-columns>.wp-block-column{
    flex-basis:100%!important;
  }

  .sdlv4-hero-copy{
    min-height:auto!important;
    padding:48px 28px!important;
  }

  .sdlv4-hero-image,
  .sdlv4-hero-image figure,
  .sdlv4-hero-image img{
    min-height:275px!important;
  }

  .sdlv4-hero-image{
    border-top:5px solid var(--sdlv4-orange);
    border-left:0;
  }

  .sdlv4-news-grid,
  .editor-styles-wrapper .sdlv4-news-grid,
  .block-editor-block-list__layout .sdlv4-news-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:620px){
  .sdlv4-section{padding:44px 17px!important}

  .sdlv4-section-header{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
  }

  .sdlv4-news-grid,
  .editor-styles-wrapper .sdlv4-news-grid,
  .block-editor-block-list__layout .sdlv4-news-grid{
    grid-template-columns:1fr!important;
  }

  .sdlv4-slide{
    flex-basis:82vw;
  }
}
