/*
 * Verbatim SJB page CSS migrated from: https://sjbelectricaltraining.com/overhead-power-line-safety-training-for-contractors-site-teams/
 * Centralised on 2026-09-01. Keep this file conditionally loaded.
 */

/* Source block SHA-256: 01cc69a00b980ea8ac2077519f0ded4c6a228e0a0e5fa239c02d17b2780a4219 */
.sjb-page-wrap{
  max-width:1180px!important;
  width:calc(100% - 40px)!important;
  margin:0 auto!important;
  padding:30px 0 60px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.sjb-course-hero{
  position:relative!important;
  background:linear-gradient(90deg,rgba(0,29,56,.95),rgba(0,29,56,.70),rgba(0,29,56,.25)),url('https://sjbelectricaltraining.com/wp-content/uploads/2026/06/Working-near-overhead-powerlines-course-GS6.png') center/cover no-repeat!important;
  color:#fff!important;
  padding:80px 35px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}

.sjb-hero-content{max-width:780px!important;position:relative!important;}

.sjb-kicker{
  display:inline-block!important;
  color:#ff6b00!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:1px!important;
  margin-bottom:10px!important;
}

.sjb-course-hero h1{
  font-size:50px!important;
  line-height:1.08!important;
  margin:12px 0 18px!important;
  text-transform:uppercase!important;
  color:#fff!important;
}

.sjb-course-hero p{
  font-size:20px!important;
  line-height:1.55!important;
  color:#fff!important;
}

.sjb-price-badge{
  display:inline-block!important;
  background:#001d38!important;
  border:3px solid #fff!important;
  color:#fff!important;
  padding:16px 24px!important;
  border-radius:100px!important;
  margin:15px 0!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}

.sjb-price-badge strong{color:#ff6b00!important;font-size:30px!important;}

.sjb-btn,
.sjb-card-btn{
  display:inline-block!important;
  background:#ff6b00!important;
  color:#fff!important;
  padding:13px 22px!important;
  border-radius:8px!important;
  margin:10px 10px 0 0!important;
  font-weight:800!important;
  text-decoration:none!important;
  line-height:1.2!important;
}

.sjb-btn:hover,
.sjb-card-btn:hover{
  background:#001d38!important;
  color:#fff!important;
  text-decoration:none!important;
}

.sjb-btn-outline{
  background:#001d38!important;
  border:2px solid #ff6b00!important;
}

.sjb-intro{
  display:grid!important;
  grid-template-columns:1.1fr .9fr!important;
  gap:32px!important;
  align-items:center!important;
  padding:60px 0!important;
}

.sjb-intro h2,
.sjb-courses-section h2,
.sjb-industries h2,
.sjb-why h2,
.sjb-final-cta h2{
  color:#001d38!important;
  font-size:36px!important;
  line-height:1.25!important;
  margin:0 0 16px!important;
}

.sjb-intro p,
.sjb-section-intro,
.sjb-industries p,
.sjb-final-cta p{
  font-size:18px!important;
  line-height:1.65!important;
}

.sjb-intro img,
.sjb-course-card img,
.sjb-image-strip img{
  width:100%!important;
  display:block!important;
  object-fit:cover!important;
}

.sjb-intro img,
.sjb-image-strip img{
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.15)!important;
}

.sjb-highlight-bar{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  background:#001d38!important;
  color:#fff!important;
  border-radius:14px!important;
  overflow:hidden!important;
  margin:20px 0 50px!important;
}

.sjb-highlight-bar div{
  padding:18px!important;
  text-align:center!important;
  font-weight:800!important;
  border-right:1px solid rgba(255,255,255,.2)!important;
}

.sjb-courses-section,
.sjb-industries,
.sjb-why{
  padding:60px 0!important;
}

.sjb-course-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
}

.sjb-course-card{
  background:#fff!important;
  border:1px solid #d9e1ea!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-shadow:0 8px 22px rgba(0,0,0,.08)!important;
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}

.sjb-course-card img{
  height:220px!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.sjb-card-content{
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  flex-grow:1!important;
}

.sjb-from{
  display:inline-block!important;
  background:#ff6b00!important;
  color:#fff!important;
  padding:8px 14px!important;
  border-radius:8px!important;
  font-weight:800!important;
  margin:0 0 12px!important;
  align-self:flex-start!important;
}

.sjb-card-content h3{
  color:#001d38!important;
  font-size:23px!important;
  line-height:1.3!important;
  margin:8px 0 12px!important;
}

.sjb-card-content p{
  font-size:16px!important;
  line-height:1.55!important;
  margin:0 0 18px!important;
  flex-grow:1!important;
}

.sjb-benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}

.sjb-benefit-grid div{
  background:#f4f7fa!important;
  border-left:6px solid #ff6b00!important;
  padding:24px!important;
  border-radius:12px!important;
}

.sjb-benefit-grid h3{color:#001d38!important;margin-top:0!important;}

.sjb-tags span{
  display:inline-block!important;
  background:#001d38!important;
  color:#fff!important;
  padding:12px 18px!important;
  border-radius:50px!important;
  margin:6px!important;
  font-weight:800!important;
}

.sjb-image-strip{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  padding:35px 0!important;
}

.sjb-image-strip img{height:260px!important;}

.sjb-final-cta{
  background:#001d38!important;
  color:#fff!important;
  text-align:center!important;
  padding:60px 30px!important;
  border-radius:18px!important;
  margin-top:40px!important;
}

.sjb-final-cta h2,
.sjb-final-cta p{color:#fff!important;}

@media(max-width:1000px){
  .sjb-page-wrap{width:calc(100% - 32px)!important;}
  .sjb-intro,
  .sjb-course-grid,
  .sjb-benefit-grid,
  .sjb-image-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .sjb-highlight-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .sjb-course-hero h1{font-size:42px!important;}
}

@media(max-width:700px){
  .sjb-page-wrap{
    width:calc(100% - 28px)!important;
    padding:20px 0 40px!important;
  }

  .sjb-course-hero{
    padding:50px 22px!important;
    border-radius:14px!important;
  }

  .sjb-course-hero h1{font-size:32px!important;}
  .sjb-course-hero p{font-size:17px!important;}

  .sjb-intro,
  .sjb-course-grid,
  .sjb-benefit-grid,
  .sjb-image-strip,
  .sjb-highlight-bar{
    grid-template-columns:1fr!important;
  }

  .sjb-intro,
  .sjb-courses-section,
  .sjb-industries,
  .sjb-why{
    padding:40px 0!important;
  }

  .sjb-course-card img{height:215px!important;}
  .sjb-image-strip img{height:220px!important;}

  .sjb-intro h2,
  .sjb-courses-section h2,
  .sjb-industries h2,
  .sjb-why h2,
  .sjb-final-cta h2{
    font-size:28px!important;
  }

  .sjb-final-cta{padding:45px 20px!important;}
}

/* Source block SHA-256: 9d93b4fcdbfd86e555505522314d5fea53efd8733e5002d56dd4910c52da7080 */
<style>

.sjb-upcoming-dates{
    navy:#10232f;
    blue:#0876a8;
    green:#5aa647;
    light:#f4f7f8;
    border:#dce5e9;

    margin:40px 0;
    font-family:inherit;
}

.sjb-upcoming-dates h2{
    margin:0 0 8px;
    color:navy;
    font-size:clamp(27px,4vw,38px);
}

.sjb-upcoming-dates > p{
    margin:0 0 25px;
}

.sjb-date-boxes{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.sjb-date-box{
    overflow:hidden;
    background:#dede;
    border:1px solid border;
    border-radius:8px;
}

.sjb-date-box-main{
    padding:21px;
}

.sjb-date-box h3{
    margin:0 0 7px;
    color:navy;
    font-size:19px;
}

.sjb-date-box-date{
    color:blue;
    font-weight:800;
    margin-bottom:9px;
}

.sjb-date-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.sjb-date-meta span{
    padding:5px 9px;
    background:light;
    border-radius:4px;
    font-size:12px;
}

.sjb-date-box-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;

    padding:14px 21px;

    border-top:1px solid border;
    background:#fafcfc;
}

.sjb-available{
    color:#407a37;
    font-size:12px;
    font-weight:800;
}

.sjb-full{
    color:#963b3b;
    font-size:12px;
    font-weight:800;
}

.sjb-date-book{
    display:inline-block;
    padding:10px 15px;

    background:green;
    color:#fff !important;

    border-radius:4px;
    text-decoration:none;
    font-weight:800;
}

.sjb-date-book.disabled{
    background:#9ba5aa;
    pointer-events:none;
}

@media(max-width:700px){

    .sjb-date-boxes{
        grid-template-columns:1fr;
    }

}