/* =========================================================
   STM — Silicon Talent Mission : customisations on Bolo
   Colours from logo: #045D95 (primary), #1A86C8 (accent),
   #0B3F63 (deep navy), #E0A060 (copper highlight)
   ========================================================= */
:root{--stm-blue:#045D95;--stm-accent:#1A86C8;--stm-navy:#0B3F63;--stm-copper:#E0A060;--stm-ink:#1E2A35;--stm-text:#55606B}

/* ---------- typography: Montserrat, moderate sizes ---------- */
body{font-family:"Montserrat",Arial,Helvetica,sans-serif;font-size:15px;color:var(--stm-text);line-height:1.75em}
h1,h2,h3,h4,h5,h6,#mainmenu a,.btn-custom,a.btn-custom,.de_count h3,.post-item .date-box,.box-icon-simple .num{font-family:"Montserrat",Arial,sans-serif !important}
h1,h2,h3,h4,h5,h6{color:var(--stm-ink)}
h2{font-size:32px;line-height:1.3em;font-weight:700;letter-spacing:-.3px}
h3{font-size:18px;font-weight:600}
h1.big{font-size:50px;line-height:1.15em;font-weight:700;letter-spacing:-1px;color:#fff}
h4.uptitle{font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}
.text-light h2,.text-light h3,.text-light h4{color:#fff}
.stm-uptitle-light{color:#8ECBF2 !important}
a{color:var(--stm-blue)}

/* ---------- header ---------- */
header div#logo img{height:44px;width:auto}
header.smaller div#logo img{height:40px}
header.smaller.scroll-light{background:#fff}
#mainmenu a{font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:none}
#mainmenu li.stm-menu-cta a{background:var(--stm-blue);color:#fff !important;border-radius:40px;padding:8px 20px !important;margin:22px 0 0 10px;line-height:1.3em}
header.smaller #mainmenu li.stm-menu-cta a{margin-top:14px}
#mainmenu li.stm-menu-cta a:hover{background:var(--stm-accent)}

/* ---------- buttons ---------- */
a.btn-custom,.btn-custom{font-size:12.5px;font-weight:600;letter-spacing:.4px;padding:11px 28px;margin:6px 8px 6px 0}
a.stm-btn-outline{background:transparent !important;border:2px solid rgba(255,255,255,.85);padding:9px 26px}
a.stm-btn-outline:hover{background:rgba(255,255,255,.12) !important}
a.stm-btn-outline-dark{background:transparent !important;color:var(--stm-blue) !important;border:2px solid var(--stm-blue);padding:9px 26px}
a.stm-btn-outline-dark:hover{background:var(--stm-blue) !important;color:#fff !important}

/* ---------- 01 hero ---------- */
.stm-hero-overlay{background:linear-gradient(90deg,rgba(2,15,28,.80) 0%,rgba(2,15,28,.45) 55%,rgba(2,15,28,.1) 100%)}
.stm-badge{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#BFE3FF;border:1px solid rgba(191,227,255,.35);border-radius:40px;padding:6px 16px;margin-bottom:22px}
.stm-badge i{width:8px;height:8px;border-radius:50%;background:var(--stm-copper)}
.stm-hero-text{font-size:17px;line-height:1.7em;color:rgba(255,255,255,.85);margin-top:22px;max-width:600px}

/* ---------- stats (both sections) ---------- */
.stm-stats .de_count h3{font-size:40px;font-weight:700;margin-bottom:8px;color:#fff}
.stm-stats .de_count span{display:block;text-transform:none;font-size:13.5px;line-height:1.55em;margin:8px auto 10px;max-width:250px;color:rgba(255,255,255,.88)}
.stm-source{display:block;font-size:11px;color:rgba(255,255,255,.6);letter-spacing:.2px}
section.bg-color.stm-stats{background:linear-gradient(120deg,#045D95,#0B6FAE)}

/* ---------- 03 mission ---------- */
#section-mission h2{font-size:28px}
.stm-missions h3{color:#fff;font-size:16px;margin-bottom:4px}
.stm-missions .text{color:rgba(255,255,255,.78);font-size:14px;line-height:1.6em}
.box-icon-simple .num{background:var(--stm-blue)}
#section-mission .box-icon-simple .num{background:var(--stm-accent)}

/* ---------- 04 pillars ---------- */
.stm-pillar{min-height:330px;background:#fff}
.stm-pillar .front{padding:48px 26px 40px}
.stm-pillar .front h3{font-size:22px;color:var(--stm-blue);margin-top:4px}
.stm-pillar .front span{display:block;font-size:14px;line-height:1.6em;color:var(--stm-text);margin-top:8px}
.stm-pillar .info{background:linear-gradient(140deg,#045D95,#0B3F63);display:flex;align-items:center;padding:30px 28px}
.stm-list{list-style:none;margin:0;padding:0;text-align:left}
.stm-list li{position:relative;padding:6px 0 6px 22px;font-size:14px;line-height:1.55em}
.stm-list li:before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;border-radius:2px;background:var(--stm-copper)}
.stm-pillar .info .stm-list li{color:#fff}
.stm-hint{font-size:12.5px;color:#9aa4ad;margin-top:24px}

/* ---------- 05 who ---------- */
.feature-box.left i{font-size:40px}
.feature-box h3{font-size:18px}

/* ---------- 06 membership ---------- */
#section-membership .box-icon-simple h3{font-size:18px}
.stm-badge-img{max-width:280px;margin:0 auto}

/* ---------- 07 jobs ---------- */
.stm-subhead{font-size:22px;font-weight:700}
.stm-track{position:relative;overflow:hidden;border-radius:10px}
.stm-track img{width:100%;transition:transform .5s}
.stm-track:hover img{transform:scale(1.05)}
.stm-track-cap{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;color:#fff}
.stm-track-cap h4{color:#fff;font-size:17px;margin:0 0 4px}
.stm-track-cap p{font-size:13px;line-height:1.5em;margin:0;color:rgba(255,255,255,.85)}
.stm-band-overlay{background:rgba(2,15,28,.72)}
.stm-band-overlay h2{font-size:28px}
.stm-band-overlay p{color:rgba(255,255,255,.8)}
.stm-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:30px;height:100%}
.stm-card h3{font-size:19px;margin-bottom:12px}
.stm-card .stm-list li{color:rgba(255,255,255,.9)}
.stm-card .btn-custom{margin-top:16px}
.stm-ticks li:before{width:12px;height:7px;border-radius:0;background:none;border-left:2px solid #8ECBF2;border-bottom:2px solid #8ECBF2;transform:rotate(-45deg);top:12px}

/* ---------- 08 events ---------- */
.stm-event{border:1px solid #E3EBF2;border-radius:10px;padding:26px 24px;height:100%;background:#fff;position:relative}
.stm-event .date-box{border-radius:6px;overflow:hidden}
.stm-event .date-box .m{font-size:17px;font-weight:700;padding:12px 4px;background:var(--stm-blue)}
.stm-event .date-box .m i{font-size:22px}
.stm-event .date-box .d{font-size:11px;font-weight:600;padding:3px 0;background:var(--stm-navy)}
.stm-event .post-text h3{font-size:17px;line-height:1.4em;margin-bottom:8px}
.stm-event .post-text p{font-size:14px;line-height:1.6em}
.stm-event-meta{display:block;font-size:12px;font-weight:600;color:var(--stm-copper);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.stm-link{font-weight:600;font-size:13.5px}
.stm-link:after{content:" \f105";font-family:FontAwesome}

/* ---------- 09 founder ---------- */
.stm-founder-img{border-radius:12px;box-shadow:0 20px 50px rgba(4,93,149,.15)}
.stm-quote{font-size:22px;line-height:1.5em;font-weight:600;color:var(--stm-ink);border-left:4px solid var(--stm-copper);padding:4px 0 4px 20px;margin:14px 0 24px}
#section-founder .subtitle{font-weight:600;font-size:14px}

/* ---------- 10 contact ---------- */
#contact_form select.form-control{height:auto;padding:10px 12px;appearance:auto;-webkit-appearance:auto;color:#555;background:#f3f3f3;border:none}
#contact_form .form-control{font-family:"Montserrat",Arial,sans-serif}
.stm-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.stm-map{border-radius:10px;overflow:hidden;height:220px;border:1px solid #E3EBF2}
.stm-map iframe{width:100%;height:100%;border:0}
#section-contact h6{font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}

/* ---------- 11 footer ---------- */
footer.stm-footer{background:#F4F8FB;padding:60px 0 0;color:var(--stm-text);border-top:1px solid #E3EBF2}
.stm-footer-logo{height:46px;width:auto}
footer.stm-footer h5{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--stm-ink);margin-bottom:16px}
.stm-footer-links{list-style:none;margin:0;padding:0;columns:2}
.stm-footer-links li{padding:3px 0}
.stm-footer-links a{color:var(--stm-text)}
.stm-footer-links a:hover{color:var(--stm-blue)}
footer.stm-footer .social-icons a i{background:var(--stm-blue);color:#fff}
.stm-footer-bottom{margin-top:40px;padding:18px 0;border-top:1px solid #E3EBF2;font-size:13px}

/* ---------- responsive ---------- */
@media (max-width:991px){
  h1.big{font-size:36px}
  h2{font-size:26px}
  #mainmenu li.stm-menu-cta a{margin:10px 0;display:inline-block}
  .side-bg .image-container{display:none !important}
  #section-mission .col-md-6.offset-md-6{margin-left:0;flex:0 0 100%;max-width:100%}
  /* pillars: show the details without hover on touch screens */
  .stm-pillar{min-height:0}
  .stm-pillar .info{position:relative;top:0;opacity:1;display:block}
  .stm-pillar:hover .front{opacity:1}
  .stm-hint{display:none}
  .stm-badge-img{max-width:200px;margin:30px auto}
}
@media (max-width:767px){
  h1.big{font-size:30px}
  .stm-stats .de_count h3{font-size:32px}
  .stm-quote{font-size:18px}
  .stm-footer-bottom .text-md-end{margin-top:6px}
}

/* ---------- refinements ---------- */
#section-intro h1.big{margin:0 0 6px}
.stm-source{line-height:1.45em}
.stm-mission-col{padding-left:50px}
#section-who .feature-box i{color:var(--stm-blue) !important;opacity:1}
.stm-pillar{min-height:300px}
.stm-track{background:#fff;border:1px solid #E3EBF2}
.stm-track img{border-radius:10px 10px 0 0}
.stm-track-cap{position:static;padding:18px 20px 20px;color:var(--stm-text)}
.stm-track-cap h4{color:var(--stm-ink)}
.stm-track-cap p{color:var(--stm-text)}
blockquote.stm-quote{background:none;font-style:normal;font-family:"Montserrat",Arial,sans-serif}
@media (max-width:991px){.stm-mission-col{padding-left:15px}}
.stm-pillar .info{flex-direction:column;justify-content:center;align-items:flex-start}
.stm-info-title{color:#fff !important;font-size:20px;margin-bottom:10px}
@media (max-width:991px){.stm-info-title{display:none}}
@media (max-width:767px){
  .stm-hero-overlay{background:rgba(2,15,28,.82)}
  .stm-badge{font-size:10.5px;letter-spacing:.8px;padding:5px 12px}
  #section-intro .btn-custom,#section-membership .btn-custom{display:block;text-align:center;margin:10px 0;white-space:normal}
  .stm-hero-text{font-size:15px}
  #section-membership .box-icon-simple.right{text-align:left}
}

/* =========================================================
   v2 — white-base layout with stock photos
   Blue backgrounds only in: Membership section + Footer
   ========================================================= */
.stm-hero-overlay{background:linear-gradient(90deg,rgba(8,14,22,.82) 0%,rgba(8,14,22,.55) 50%,rgba(8,14,22,.2) 100%)}
.stm-photo{border-radius:12px;box-shadow:0 18px 45px rgba(20,40,60,.14);width:100%;object-fit:cover}
#section-why .stm-photo{aspect-ratio:4/3}
#section-why .btn-custom{margin-top:10px}

/* light stat cards */
.stm-stats-light .de_count{background:#fff;border:1px solid #E6ECF2;border-top:3px solid var(--stm-blue);border-radius:10px;padding:26px 18px 22px;height:100%;box-shadow:0 8px 24px rgba(20,40,60,.05)}
.stm-stats-light .row>div{margin-bottom:24px}
.stm-stats-light .de_count h3{color:var(--stm-blue);font-size:36px}
.stm-stats-light .de_count span{color:var(--stm-ink);font-size:13.5px}
.stm-stats-light .stm-source{color:#8A949E}

/* mission on light background */
#section-mission .stm-missions h3{color:var(--stm-ink)}
#section-mission .stm-missions .text{color:var(--stm-text)}
#section-mission .box-icon-simple .num{background:var(--stm-blue)}
#section-mission h2{color:var(--stm-ink)}

/* pillars & who: white cards on light */
#section-who{background:#fff}

/* membership = blue section #1 */
section.stm-blue{background:linear-gradient(135deg,#045D95 0%,#0B3F63 100%) !important}
.stm-blue h2,.stm-blue h3{color:#fff}
.stm-blue h4.uptitle{color:#9FD3F7 !important}
.stm-blue p,.stm-blue .box-icon-simple .text{color:rgba(255,255,255,.85)}
.stm-blue .box-icon-simple .num{background:#fff;color:var(--stm-blue)}
a.stm-btn-white{background:#fff !important;color:var(--stm-blue) !important}
a.stm-btn-white:hover{background:#E8F3FB !important}
.stm-member-photo{aspect-ratio:4/5;max-width:300px;margin:0 auto;display:block;border:4px solid rgba(255,255,255,.2)}

/* students/employers photo band: neutral dark overlay (not blue) */
.stm-band-overlay{background:rgba(10,14,20,.78)}
.stm-card{background:rgba(255,255,255,.08)}

/* events with photos */
.stm-ev{padding:0;overflow:hidden}
.stm-ev .stm-event-img{width:100%;height:190px;object-fit:cover;display:block}
.stm-ev .date-box{top:170px;left:22px;z-index:2;box-shadow:0 6px 18px rgba(0,0,0,.15)}
.stm-ev .post-content{padding:26px 22px 24px}

/* footer = blue section #2 */
footer.stm-footer{background:#0B3F63;color:rgba(255,255,255,.75);border-top:none}
footer.stm-footer h5{color:#fff}
.stm-footer-links a,footer.stm-footer a{color:rgba(255,255,255,.8)}
.stm-footer-links a:hover,footer.stm-footer a:hover{color:#fff}
footer.stm-footer .social-icons a i{background:rgba(255,255,255,.12);color:#fff}
.stm-footer-bottom{border-top:1px solid rgba(255,255,255,.12)}

@media (max-width:767px){.stm-member-photo{max-width:240px;margin:20px auto}}
.stm-track img{aspect-ratio:4/3;object-fit:cover;background:#E6ECF2}
.stm-photo,.stm-ev .stm-event-img{background:#E6ECF2}
#section-mission .background-image{background:#E6ECF2}

/* ---------- stock video backgrounds (hero + mission) ---------- */
.stm-video-hero{position:relative;overflow:hidden;background:#0a0e14}
.stm-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}
.stm-video-hero .overlay-bg{position:relative;z-index:2}
.stm-video-hero .scroll-to{z-index:3}
.stm-video-box{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0a0e14}
@media (prefers-reduced-motion:reduce){.stm-bg-video{display:none}}
#section-mission .stm-video-box{background:#0a0e14}
.stm-photo-bg img{width:100%;height:100%;object-fit:cover;display:block}
.stm-founder-img{background:#EAF4FB}
.stm-founder-round{background:none !important;box-shadow:none !important;border-radius:50% !important;max-width:380px;filter:drop-shadow(0 18px 30px rgba(20,40,60,.15))}

/* ---------- pop-up forms ---------- */
.stm-modal .modal-content{border:none;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(10,30,50,.3)}
.stm-modal-close{position:absolute;top:16px;right:16px;z-index:5;background-color:#fff;border-radius:50%;padding:10px;opacity:.85}
.stm-modal-body{padding:40px 40px 34px}
.stm-modal-title{font-size:24px;font-weight:700;margin:0 0 8px;color:var(--stm-ink)}
.stm-modal-intro{font-size:14px;margin-bottom:22px}
.stm-modal .form-control{background:#F3F6F9;border:1px solid #E3EAF0;border-radius:8px;padding:11px 14px;font-size:14px;margin-bottom:14px;color:#333;height:auto;font-family:"Montserrat",Arial,sans-serif}
.stm-modal .form-control:focus{background:#fff;border-color:var(--stm-accent);box-shadow:0 0 0 3px rgba(26,134,200,.15)}
.stm-modal textarea.form-control{min-height:110px}
.stm-modal select.form-control{appearance:auto;-webkit-appearance:auto}
.stm-modal .form-control.is-invalid{border-color:#D9534F;background:#FFF6F6}
.stm-modal .stm-submit{border:none;margin:6px 0 0;cursor:pointer}
.stm-modal .stm-submit:disabled{opacity:.7}
.stm-form-status{display:none;font-size:13.5px;padding:10px 14px;border-radius:8px;margin:4px 0 12px}
.stm-form-status.ok{display:block;background:#E8F5EE;color:#1E6B45}
.stm-form-status.err{display:block;background:#FCEDEC;color:#9A2C22}
.stm-modal-side{position:relative;min-height:100%;background:#0B3F63}
.stm-modal-side img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}
.stm-modal-side-cap{position:absolute;left:0;right:0;bottom:0;padding:26px;color:#fff;background:linear-gradient(0deg,rgba(8,20,32,.85),rgba(8,20,32,0))}
.stm-modal-side-cap strong{display:block;font-size:17px;margin-bottom:4px}
.stm-modal-side-cap span{font-size:13px;line-height:1.5em;opacity:.9}
.modal-backdrop.show{opacity:.65}
@media (max-width:767px){.stm-modal-body{padding:34px 22px 26px}.stm-modal-title{font-size:20px}}
.stm-modal .stm-modal-close{position:absolute;top:14px;right:14px;left:auto;margin:0;z-index:5;width:36px;height:36px;border:none;border-radius:50%;background:#F1F5F8;color:#33414E;font-size:24px;line-height:34px;text-align:center;padding:0;cursor:pointer;opacity:1}
.stm-modal .stm-modal-close:hover{background:var(--stm-blue);color:#fff}
.modal-backdrop{z-index:100000 !important}.modal.stm-modal{z-index:100001 !important}
.stm-li-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#0A66C2;color:#fff !important;font-size:20px;margin-top:6px;transition:transform .2s,background .2s;text-decoration:none}
.stm-li-icon:hover{background:#004182;transform:translateY(-2px)}

/* ---------- Safari compatibility (older Safari: no aspect-ratio / inset) ---------- */
@supports not (aspect-ratio:1/1){
  #section-why .stm-photo{height:380px}
  .stm-member-photo{height:375px}
  .stm-track img{height:220px}
}
.stm-modal .modal-dialog{-webkit-transform:none}
.stm-modal .modal-content{-webkit-border-radius:16px}
.stm-modal .form-control{-webkit-appearance:none;appearance:none}
.stm-modal select.form-control{-webkit-appearance:menulist;appearance:auto}
.stm-modal .stm-modal-close{-webkit-appearance:none;appearance:none}
/* Safari: give the image column of "Become a Member" a fixed minimum height */
@media (min-width:992px){.stm-modal-side{min-height:480px;align-self:stretch}}
.stm-modal-side-cap strong,.stm-modal-side-cap span{color:#fff}

/* =========================================================
   v3 — thank-you state, Who We Work With cards, workshop pop-up
   ========================================================= */
/* thank-you message inside pop-ups / footer form */
.stm-thanks{text-align:center;padding:30px 10px 10px}
.stm-thanks-icon{width:64px;height:64px;border-radius:50%;background:#E8F5EE;color:#1E8A55;font-size:30px;line-height:64px;margin:0 auto 18px;font-weight:700}
.stm-thanks h3{font-size:21px;margin-bottom:8px;color:var(--stm-ink)}
.stm-thanks p{font-size:14.5px;margin:0 auto;max-width:380px}
#mail_success.stm-thanks-inline{display:none;background:#fff;border:1px solid #E3EBF2;border-radius:12px;padding:34px 20px;color:var(--stm-text)}

/* Who We Work With — modern cards */
.stm-eco{background:#fff}
.stm-eco-card{position:relative;height:100%;background:#fff;border:1px solid #E6ECF2;border-radius:16px;padding:30px 28px 26px;transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}
.stm-eco-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--stm-blue),var(--stm-accent));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.stm-eco-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(4,93,149,.12);border-color:#D3E3EF}
.stm-eco-card:hover:before{transform:scaleX(1)}
.stm-eco-icon{width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,#E8F3FB,#D4E9F7);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:background .3s}
.stm-eco-icon i{font-size:28px;color:var(--stm-blue);transition:color .3s}
.stm-eco-card:hover .stm-eco-icon{background:linear-gradient(135deg,var(--stm-blue),var(--stm-accent))}
.stm-eco-card:hover .stm-eco-icon i{color:#fff}
.stm-eco-card h3{font-size:19px;margin-bottom:8px}
.stm-eco-card p{font-size:14px;line-height:1.65em;margin:0;color:var(--stm-text)}
.stm-eco-num{position:absolute;top:22px;right:24px;font-size:28px;font-weight:700;color:#EEF3F7;line-height:1;transition:color .3s}
.stm-eco-card:hover .stm-eco-num{color:#DCEAF5}

/* workshop pop-up */
.stm-ws-banner{background:linear-gradient(140deg,#045D95 0%,#0B3F63 70%,#082C47 100%);color:#fff;position:relative;overflow:hidden}
.stm-ws-banner:after{content:"";position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;border-radius:50%;border:30px solid rgba(255,255,255,.05)}
.stm-ws-inner{position:relative;z-index:1;padding:40px 38px 34px}
.stm-ws-tag{display:inline-block;background:var(--stm-copper);color:#1E2A35;font-size:11.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:5px 12px;border-radius:30px;margin-bottom:16px}
.stm-ws-banner h3{color:#fff;font-size:26px;line-height:1.25em;margin-bottom:18px}
.stm-ws-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;font-weight:600;color:#DCEBF6;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.15)}
.stm-ws-meta i{color:#9FD3F7;margin-right:4px}
.stm-ws-banner h5{color:#9FD3F7;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:10px}
.stm-ws-list{list-style:none;margin:0 0 18px;padding:0}
.stm-ws-list li{position:relative;padding:5px 0 5px 22px;font-size:13.5px;line-height:1.5em;color:rgba(255,255,255,.9)}
.stm-ws-list li:before{content:"";position:absolute;left:0;top:11px;width:9px;height:9px;border-radius:2px;background:var(--stm-copper)}
.stm-ws-for{font-size:13px;font-weight:600;color:#fff;background:rgba(255,255,255,.1);border-radius:8px;padding:9px 14px;display:inline-block}
.stm-ws-for i{margin-right:6px;color:#9FD3F7}
#workshopModal .stm-modal-close{background:#fff}
@media (max-width:991px){
  .stm-ws-inner{padding:34px 22px 24px}
  .stm-ws-banner h3{font-size:21px;padding-right:30px}
  .stm-ws-list li{font-size:13px}
}
@media (max-width:767px){.stm-ws-banner h5,.stm-ws-list,.stm-ws-for{display:none}.stm-ws-meta{margin-bottom:0;padding-bottom:0;border:none}}