/* Sky Riders Learning – the Sky Riders look for the e-learning site.
   Values come from the Sky Riders website theme v1.0.2 (itself read from the Sky Riders shop), so all four sites match.
   Loaded last, after EduPress, LearnPress, Paid Memberships Pro and Elementor.

   1. Fonts and colours (and the same colours handed to LearnPress, PMPro, ThimPress and Elementor)
   2. Page basics
   3. Hide EduPress's own header, footer and back-to-top
   4. Sky Riders top bar, header and footer (copied from the website theme)
   5. Buttons and form fields everywhere
   6. LearnPress: course list, single course, curriculum, lessons, quizzes, profile
   7. Paid Memberships Pro: levels, checkout, account
   8. Tables (Gradebook, orders, invoices), messages, pagination
*/

/* 1. Fonts and colours ---------------------------------------------------- */

@font-face{font-family:Jost;font-weight:400;font-style:normal;font-display:swap;src:url("fonts/jost-400.woff2") format("woff2")}
@font-face{font-family:Jost;font-weight:700;font-style:normal;font-display:swap;src:url("fonts/jost-700.woff2") format("woff2")}
@font-face{font-family:Jost;font-weight:400;font-style:italic;font-display:swap;src:url("fonts/jost-400-italic.woff2") format("woff2")}
@font-face{font-family:Jost;font-weight:700;font-style:italic;font-display:swap;src:url("fonts/jost-700-italic.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-weight:500;font-style:normal;font-display:swap;src:url("fonts/dm-sans-500.woff2") format("woff2")}

:root,body.srl{
  color-scheme:light;
  --bg:#f4f4f4;--surface:#fff;--ink:#001128;--text:rgba(0,17,40,.75);--muted:rgba(0,17,40,.75);--line:#e0e0e0;
  --card-ink:#121212;--card-text:#262626;
  --navy:#001128;--sky:#2a5d8d;--signal:#121212;--signal-ink:#fff;--light-blue:#72bede;
  --bar:#1a1a1a;--dark:#262626;--footer:#121212;--danger:#c0392b;--good:#1e7e45;
  --font-display:"DM Sans",sans-serif;--font-body:Jost,sans-serif;
  --radius:8px;--gutter:clamp(15px,4vw,50px);--max:1200px;--track:.6px;

  /* LearnPress */
  --lp-primary-color:var(--signal);--lp-secondary-color:var(--sky);--lp-color-base:var(--ink);--lp-color-accent:var(--text);
  --lp-color-meta:rgba(18,18,18,.75);--lp-border-color:var(--line);--lp-border-radius:0;--lp-white-grey:var(--bg);
  --lp-bg-color-lesson:var(--surface);--lp-color-white:#fff;--lp-color-black:var(--card-ink);
  --lp-button-background-color:var(--signal);--lp-button-color:#fff;--lp-btn-bg-color:var(--signal);
  --lp-container-max-width:var(--max);--lp-font-size-base:1em;--lp-font-weight-link:500;

  /* Paid Memberships Pro */
  --pmpro--base--border-radius:0;--pmpro--btn--border-radius:6px;
  --pmpro--btn--top-bottom-padding:13px;--pmpro--btn--left-right-padding:30px;
  --pmpro--color--accent:var(--signal);--pmpro--color--base:var(--surface);--pmpro--color--base-2:var(--bg);
  --pmpro--color--contrast:var(--card-ink);--pmpro--color--border:var(--line);--pmpro--box-shadow:none;

  /* ThimPress themes (EduPress) */
  --thim-body-primary-color:var(--signal);--thim-body-secondary-color:var(--sky);--thim-font-title-color:var(--ink);
  --thim-font-body-color:var(--text);--thim-border-color:var(--line);--thim-bg-color:var(--bg);--thim-button-text-color:#fff;
  --thim-breacrumb-bg-color:var(--bg);
  --thim-font-body-font-family:Jost,sans-serif;--thim-font-title-font-family:"DM Sans",sans-serif;
  --thim-font-body-font-size:16px;--thim-font-title-font-weight:500;

  /* Elementor global colours and fonts */
  --e-global-color-primary:var(--signal);--e-global-color-secondary:var(--sky);--e-global-color-text:var(--text);--e-global-color-accent:var(--light-blue);
  --e-global-typography-primary-font-family:"DM Sans";--e-global-typography-secondary-font-family:"DM Sans";
  --e-global-typography-text-font-family:Jost;--e-global-typography-accent-font-family:Jost;
}

/* 2. Page basics ---------------------------------------------------------- */

body.srl{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.8 var(--font-body);letter-spacing:var(--track);-webkit-font-smoothing:antialiased}
@media (min-width:750px){body.srl{font-size:16px}}
body.srl :where(p,li,td,th,dd,dt,label,input,select,textarea,button,span,div,a){font-family:var(--font-body)}
body.srl :where(h1,h2,h3,h4,h5,h6),body.srl .elementor-heading-title{font-weight:500;line-height:1.3;color:var(--ink);letter-spacing:.63px;text-wrap:balance}
body.srl h1,body.srl h2,body.srl h3,body.srl h4,body.srl h5,body.srl h6,body.srl .elementor-heading-title{font-family:var(--font-display)}
body.srl :where(h1){font-size:31.5px}
body.srl :where(h2){font-size:21px}
body.srl :where(h3){font-size:17.85px}
body.srl :where(h4,h5,h6){font-size:16px}
@media (min-width:750px){body.srl :where(h1){font-size:42px}body.srl :where(h2){font-size:25.2px}body.srl :where(h3){font-size:18.9px}}
body.srl :where(a){color:var(--sky);text-underline-offset:3px}
body.srl :where(a:hover){color:var(--ink)}
body.srl :focus-visible{outline:2px solid var(--ink);outline-offset:3px}
body.srl ::selection{background:var(--light-blue);color:var(--card-ink)}
body.srl img{max-width:100%;height:auto}
.srl .screen-reader-text:not(:focus){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* Page title band (EduPress / Elementor breadcrumbs area) in the website's dark style */
body.srl :where(.page-title,.thim-ekit-archive-title,.lp-archive-courses .learn-press-courses-header,.learn-press-breadcrumb){color:var(--ink)}
body.srl .learn-press-breadcrumb,body.srl .breadcrumbs,body.srl .thim-ekit-breadcrumb{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--text)}
body.srl .learn-press-breadcrumb a,body.srl .breadcrumbs a,body.srl .thim-ekit-breadcrumb a{color:var(--text);text-decoration:none}
body.srl .learn-press-breadcrumb a:hover,body.srl .breadcrumbs a:hover,body.srl .thim-ekit-breadcrumb a:hover{color:var(--ink);text-decoration:underline}

/* 3. Hide EduPress's own header, footer and back-to-top ------------------- */

body.srl #masthead:not(.sr-chrome *),
body.srl #colophon:not(.sr-chrome *),
body.srl .site-header:not(.sr-chrome *),
body.srl .site-footer:not(.sr-chrome *),
body.srl .thim-ekit__header,
body.srl .thim-ekit__footer,
body.srl #back-to-top:not(.sr-chrome *),
body.srl .back-to-top:not(.sr-chrome *),
body.srl .edu-press-back-to-top{display:none!important}

/* 4. Sky Riders top bar, header and footer -------------------------------- */
/* Scoped to .sr-chrome so EduPress's own rules for header, nav and footer can't leak in. */

.sr-chrome{font:400 15px/1.8 var(--font-body);letter-spacing:var(--track)}
.sr-chrome *,.sr-chrome *::before,.sr-chrome *::after{box-sizing:border-box}
.sr-chrome p{margin:0}
.sr-chrome .wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.sr-chrome a{color:var(--ink);text-underline-offset:3px}

.sr-chrome .topbar{background:var(--bar);color:#fff;font-size:14px;font-weight:500;letter-spacing:.8px;border-bottom:1px solid #333;position:relative;z-index:25}
.sr-chrome .topbar .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:35px;max-width:1400px;padding-inline:20px}
.sr-chrome .topbar a{color:#fff;text-decoration:none;transition:opacity .2s}
.sr-chrome .topbar a:hover{opacity:.7}
.sr-chrome .topbar-social{display:flex;gap:2px;margin-left:-10px}
.sr-chrome .topbar-social a{display:grid;padding:4px 10px}
.sr-chrome .topbar-msg{text-align:center;font-size:14px;line-height:1.8}
.sr-chrome .topbar-msg b{font-weight:inherit}
.sr-chrome .topbar-links{display:flex;justify-content:flex-end;align-items:center;text-transform:uppercase;font-size:11px;line-height:1.8}
.sr-chrome .topbar-links>a{padding:0 10px}
@media (max-width:768px){
  .sr-chrome .topbar .wrap{grid-template-columns:1fr auto;padding-inline:10px}
  .sr-chrome .topbar-social{display:none}
  .sr-chrome .topbar-msg{font-size:10px;text-align:left}
}

.sr-head{position:sticky;top:0;z-index:999}
.admin-bar .sr-head{top:32px}
@media (max-width:782px){.admin-bar .sr-head{top:0}}
.sr-head .topbar{position:static}
.sr-chrome header.site{position:relative;background:var(--bg);border-bottom:1px solid rgba(0,17,40,.08);margin:0;padding:0}
.sr-chrome header.site .wrap{display:flex;align-items:center;gap:28px;min-height:60px;padding-block:8px;position:relative}
.sr-chrome .brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-decoration:none}
.sr-chrome .brand img{display:block;height:26px;width:auto;max-width:min(220px,48vw)}
@media (max-width:749px){.sr-chrome .brand img{height:22px}}
.sr-chrome .brand small{white-space:nowrap;font-size:10px;line-height:1.2;color:var(--text);letter-spacing:1.6px;text-transform:uppercase}
.sr-chrome nav.main{display:flex;margin-right:auto;background:none;padding:0}
.sr-chrome nav.main a{color:var(--text);text-decoration:none;padding:12px;font-size:14px;line-height:1.3;white-space:nowrap}
.sr-chrome nav.main a:hover{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px}
.sr-chrome nav.main a[aria-current="page"]{color:var(--ink);text-decoration:underline}
.sr-chrome .head-actions{display:flex;align-items:center;gap:16px}
.sr-chrome .head-link{color:var(--text);text-decoration:none;font-size:14px;white-space:nowrap}
.sr-chrome .head-link:hover{color:var(--ink);text-decoration:underline}
.sr-chrome .menu-toggle{display:none;margin-left:auto;background:none;border:1px solid rgba(0,17,40,.55);border-radius:6px;color:var(--ink);padding:8px 14px;font:400 14px var(--font-body);letter-spacing:var(--track);cursor:pointer;min-height:0;box-shadow:none}
@media (max-width:1060px){
  .sr-chrome nav.main{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--bg);border-bottom:1px solid rgba(0,17,40,.08);padding:8px var(--gutter) 16px;box-shadow:0 12px 24px rgba(0,0,0,.08);margin:0}
  .sr-chrome nav.main.open{display:flex}
  .sr-chrome nav.main a{padding:11px 12px;font-size:18px}
  .sr-chrome .menu-toggle{display:block}
  .sr-chrome .head-actions{order:3}
}
@media (max-width:600px){.sr-chrome .head-actions .btn{display:none}}

.sr-chrome footer.site{background:var(--footer);color:#b0b0b0;padding-block:60px 30px;font-size:14px;line-height:1.8;border-top:1px solid #2a2a2a;margin:0}
.sr-chrome footer.site .wrap{max-width:1200px;padding-inline:20px}
.sr-chrome footer.site .cols{display:flex;flex-wrap:wrap;gap:40px}
.sr-chrome footer.site .cols>*{flex:1 1 calc(25% - 40px);min-width:220px}
@media (max-width:768px){.sr-chrome footer.site .cols>*{flex-basis:calc(50% - 40px)}}
@media (max-width:480px){.sr-chrome footer.site .cols>*{flex-basis:100%}}
.sr-chrome footer.site h3{font:700 13px/1.3 var(--font-display);text-transform:uppercase;letter-spacing:1.5px;color:#fff;margin:0 0 25px}
.sr-chrome footer.site ul{list-style:none;padding:0;margin:0}
.sr-chrome footer.site li{margin:0 0 12px}
.sr-chrome footer.site p+p{margin-top:14px}
.sr-chrome footer.site a{color:#b0b0b0;text-decoration:none;transition:color .3s ease}
.sr-chrome footer.site a:hover{color:#fff}
.sr-chrome footer.site .addr b,.sr-chrome footer.site a.strong{color:#fff}
.sr-chrome footer.site a.underline{color:#fff;border-bottom:1px solid #444;padding-bottom:2px;transition:border-color .3s ease}
.sr-chrome footer.site a.underline:hover{border-bottom-color:#fff}
.sr-chrome footer.site .social{display:flex;gap:20px;margin-top:25px}
.sr-chrome footer.site .social a{color:#b0b0b0;display:grid;transition:transform .3s ease,color .3s ease}
.sr-chrome footer.site .social a:hover{color:#fff;transform:translateY(-3px)}
.sr-chrome footer.site .social svg{width:20px;height:20px}
.sr-chrome footer.site .legal{margin-top:60px;padding-top:25px;border-top:1px solid #2a2a2a;color:#666;font-size:11px;line-height:1.8;text-transform:uppercase;letter-spacing:1px;text-align:center}

.sr-chrome .totop{position:fixed;right:30px;bottom:30px;z-index:30;width:45px;height:45px;border-radius:50%;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.15);opacity:0;visibility:hidden;transition:all .3s ease}
.sr-chrome .totop::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--scroll-height,0%);background:var(--light-blue);transition:height .1s linear;z-index:1}
.sr-chrome .totop svg{position:relative;z-index:2;width:16px;height:16px;transition:transform .3s ease}
.sr-chrome .totop:hover svg{transform:translateY(-3px)}
.sr-chrome .totop.show{opacity:1;visibility:visible}
@media (prefers-reduced-motion:reduce){.sr-chrome footer.site .social a:hover,.sr-chrome .totop:hover svg{transform:none}}

/* Lesson and quiz screens fill the window: no site header there, LearnPress has its own bar */
body.srl.course-item-popup .sr-chrome,body.srl:has(#popup-course) .sr-chrome{display:none}

/* 5. Buttons and form fields ---------------------------------------------- */
/* The website's buttons: black, 6px corners, 15px text with 1px letter-spacing, border thickens on hover. */

.srl .btn,
.srl .lp-button,.srl button.lp-button,.srl a.lp-button,
.srl .pmpro_btn,.srl a.pmpro_btn,.srl input.pmpro_btn,
.srl .wp-block-button__link,.srl .elementor-button,
.srl .learn-press-form button[type=submit],.srl form.lp-form button[type=submit],
.srl #learn-press-profile button[type=submit],.srl .lp-quiz-buttons button,.srl .quiz-buttons button,
.srl .lp-course-buttons button,.srl .lp-course-buttons a,
.srl .thim-ekit-button,.srl .edu-press-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font:400 15px/1.2 var(--font-body)!important;letter-spacing:1px!important;text-transform:none;
  min-height:47px;padding:0 30px;border-radius:6px!important;border:1px solid var(--signal);
  background:var(--signal)!important;color:var(--signal-ink)!important;text-decoration:none;cursor:pointer;
  box-shadow:none;transition:box-shadow .1s ease;height:auto;width:auto;box-sizing:border-box;
}
.srl .btn:hover,.srl .lp-button:hover,.srl .pmpro_btn:hover,.srl .wp-block-button__link:hover,.srl .elementor-button:hover,
.srl .learn-press-form button[type=submit]:hover,.srl form.lp-form button[type=submit]:hover,.srl #learn-press-profile button[type=submit]:hover,
.srl .lp-quiz-buttons button:hover,.srl .quiz-buttons button:hover,.srl .lp-course-buttons button:hover,.srl .lp-course-buttons a:hover,
.srl .thim-ekit-button:hover,.srl .edu-press-btn:hover{box-shadow:0 0 0 1px var(--signal);opacity:1;color:#fff!important}
.srl .btn-sm{min-height:40px;padding:0 20px;font-size:14px!important}

/* Secondary buttons: white with the sky-blue outline, like the website's ghost buttons */
.srl .btn-ghost,
.srl .lp-button.secondary,.srl .lp-button.button-retake-course,.srl .lp-button.lp-btn-wishlist,
.srl .pmpro_btn.pmpro_btn-cancel,.srl .pmpro_btn.pmpro_btn-outline,.srl .pmpro_btn.pmpro_btn-plain,
.srl .wp-block-button.is-style-outline .wp-block-button__link,
.srl .quiz-buttons .lp-button.back-quiz,.srl .quiz-buttons .lp-button.review-quiz,.srl .lp-button.lp-btn-finish-course{
  background:var(--surface)!important;color:var(--sky)!important;border-color:var(--sky)
}
.srl .btn-ghost:hover,.srl .lp-button.secondary:hover,.srl .lp-button.button-retake-course:hover,.srl .pmpro_btn.pmpro_btn-cancel:hover,
.srl .pmpro_btn.pmpro_btn-outline:hover,.srl .pmpro_btn.pmpro_btn-plain:hover,.srl .wp-block-button.is-style-outline .wp-block-button__link:hover,
.srl .quiz-buttons .lp-button.back-quiz:hover,.srl .quiz-buttons .lp-button.review-quiz:hover,.srl .lp-button.lp-btn-finish-course:hover{box-shadow:0 0 0 1px var(--sky);color:var(--sky)!important}

.srl :is(.lp-button,.pmpro_btn,button)[disabled],.srl .lp-button.disabled{opacity:.45;cursor:not-allowed;box-shadow:none}

/* Fields, as on the website's booking form */
.srl :is(.learnpress,#learn-press-profile,.learn-press-form,.lp-form,.pmpro,.entry-content,.lp-content-area,#popup-course) :is(input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=url],input[type=search],input[type=date],select,textarea),
.srl .pmpro_form_input,.srl .pmpro_form_select{
  font:inherit;letter-spacing:inherit;color:var(--ink);background:var(--surface);
  border:1px solid rgba(0,17,40,.55);border-radius:6px;padding:12px 15px;min-height:45px;width:100%;box-shadow:none;transition:box-shadow .1s ease
}
.srl :is(input,select,textarea){box-sizing:border-box;max-width:100%}
.srl :is(input,select,textarea):hover{box-shadow:0 0 0 1px rgba(0,17,40,.55)}
.srl :is(input[type=checkbox],input[type=radio]){accent-color:var(--sky)}
.srl :is(.pmpro_form_label,.form-field label,.learn-press-form label){font-size:14px;color:var(--ink);font-weight:400}

/* 6. LearnPress ------------------------------------------------------------ */

/* Layout width matches the website */
.srl .lp-content-area,.srl .learnpress-page .lp-content-area,.srl .lp-archive-courses,.srl #learn-press-profile{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.srl .lp-archive-courses,.srl .lp-single-course,.srl #learn-press-profile{padding-block:clamp(36px,5vw,52px)}

/* Course list header */
.srl .learn-press-courses-header{margin-bottom:24px}
.srl .learn-press-courses-header h1{margin:0}
.srl .lp-courses-bar .search-courses input,.srl .lp-courses-bar select{border-radius:6px;border:1px solid rgba(0,17,40,.55);background:var(--surface)}
.srl .lp-courses-bar .switch-layout label,.srl .lp-courses-bar .courses-order-by{color:var(--text)}

/* Course cards: the website's course tiles (white, square corners, light border, lift on hover) */
.srl .learn-press-courses{gap:15px}
.srl .learn-press-courses .course,.srl .learn-press-courses .course-item,.srl .lp-courses-list .course{background:transparent;border:0;padding:0}
.srl .learn-press-courses .course-item,.srl .learn-press-courses .course>.course-item,
.srl .learn-press-courses[data-layout=grid] .course .course-wrap-meta{background:var(--surface)}
.srl .learn-press-courses .course-item{border:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}
.srl .learn-press-courses .course-item:hover{border-color:var(--card-ink)!important;transform:translateY(-4px);box-shadow:0 4px 15px rgba(0,0,0,.05)!important}
.srl .learn-press-courses .course-thumbnail,.srl .learn-press-courses .course-img{overflow:hidden;border-radius:0!important;background:var(--line)}
.srl .learn-press-courses .course-thumbnail img,.srl .learn-press-courses .course-img img{border-radius:0!important;transition:transform .8s ease;width:100%;aspect-ratio:4/3;object-fit:cover}
.srl .learn-press-courses .course-item:hover .course-thumbnail img,.srl .learn-press-courses .course-item:hover .course-img img{transform:scale(1.05)}
.srl .learn-press-courses .course-content{padding:25px!important;display:flex;flex-direction:column;gap:10px;flex:1}
.srl .learn-press-courses .course-title,.srl .learn-press-courses .course-title a,.srl .learn-press-courses .wap-course-title a{font:700 17.85px/1.2 var(--font-display)!important;text-transform:uppercase;letter-spacing:.5px;color:var(--card-ink)!important;text-decoration:none;margin:0}
.srl .learn-press-courses .course-title a:hover{text-decoration:underline}
.srl .learn-press-courses .course-excerpt,.srl .learn-press-courses .course-description{font-size:14px;line-height:1.6;color:var(--card-ink)}
.srl .learn-press-courses .course-wrap-meta,.srl .learn-press-courses .course-meta,.srl .learn-press-courses .meta-item{font-size:13px;letter-spacing:.6px;color:rgba(18,18,18,.75)}
.srl .learn-press-courses .course-wrap-meta [class*=lp-icon]::before,.srl .learn-press-courses .meta-item::before{color:var(--sky)}
.srl .learn-press-courses .course-categories a,.srl .course-categories a{display:inline-block;background:var(--light-blue);color:var(--card-ink)!important;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:40px;text-decoration:none}
.srl .course-price,.srl .course-item-price .price,.srl .course-price .price{font:400 20px/1.3 var(--font-body);letter-spacing:1px;color:var(--card-text)}
.srl .course-price .origin-price,.srl .course-item-price .origin-price{color:var(--muted);font-size:14px;text-decoration:line-through;margin-right:6px}
.srl .course-price .free,.srl .course-item-price .free{color:var(--good);font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:1px}
.srl .learn-press-courses .course-readmore a{font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.6px;color:var(--card-ink);text-decoration:none}

/* Single course */
.srl .lp-single-course .course-title,.srl .lp-single-course h1{margin-bottom:12px}
.srl .lp-single-course .course-summary,.srl .lp-single-course .lp-entry-content{color:var(--text)}
.srl .lp-single-course .lp-entry-content a,.srl .lp-single-course .course-description a{color:var(--sky)}
.srl .course-summary-sidebar__inner,.srl .course-sidebar-preview,.srl .lp-single-course .course-sidebar,.srl .lp-course-info-fields{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:25px;color:var(--card-ink)}
.srl .course-sidebar-preview .media-preview img{border-radius:0}
.srl .course-summary-sidebar .course-price{margin-bottom:12px}
.srl .lp-course-buttons,.srl .course-buttons{display:grid;gap:10px}
.srl .lp-course-buttons .lp-button,.srl .course-buttons .lp-button{width:100%}
.srl .course-extra-box,.srl .course-extra-box__title{background:var(--surface);border-color:var(--line)!important;border-radius:0!important}
.srl .course-extra-box__title{font:700 15px/1.3 var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--card-ink)}
.srl .course-extra-box__content li::before{color:var(--sky)}
.srl .course-instructor,.srl .lp-course-author{background:var(--surface);border:1px solid var(--line);border-radius:0;padding:25px}

/* Tabs on the course page */
.srl .course-nav-tabs,.srl .learn-press-nav-tabs,.srl .lp-profile-nav-tabs{border-bottom:1px solid var(--line)!important;background:none}
.srl .course-nav-tabs .course-nav label,.srl .course-nav-tabs .course-nav a,.srl .learn-press-nav-tabs .course-nav a{font:400 12px/1.2 var(--font-body);letter-spacing:1.6px;text-transform:uppercase;color:var(--text);background:none!important;border:0!important;padding:14px 18px}
.srl .course-nav-tabs .course-nav.active label,.srl .course-nav-tabs .course-nav.active a,.srl .learn-press-nav-tabs .course-nav.active a{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}
.srl .course-nav-tabs .course-nav.active::after,.srl .course-nav-tabs .course-nav.active::before{display:none}

/* Curriculum: white sections, light lines, blue icons */
.srl .lp-course-curriculum,.srl .course-curriculum{--lp-border-radius:0}
.srl .course-section,.srl .lp-course-curriculum .course-section{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:0!important;margin-bottom:10px}
.srl .course-section-header,.srl .section-header{padding:16px 20px!important;background:var(--surface)!important;border-bottom:1px solid var(--line)}
.srl .course-section__title,.srl .section-header .section-title{font:500 17.85px/1.3 var(--font-display)!important;letter-spacing:.63px;color:var(--ink)!important}
.srl .course-section__description,.srl .section-desc{font-size:14px;color:var(--text)}
.srl .course-item,.srl .section-content .course-item{border-bottom:1px solid var(--line);background:var(--surface)!important;transition:background .2s ease}
.srl .course-item:last-child{border-bottom:0}
.srl .course-item:hover{background:var(--bg)!important}
.srl .course-item.current,.srl .course-item.current:hover{background:#eaf5fa!important;box-shadow:inset 3px 0 0 var(--light-blue)}
.srl .course-item .course-item-title,.srl .course-item .item-name,.srl .section-item-link{color:var(--card-ink);font-size:15px;text-decoration:none}
.srl .course-item-ico,.srl .course-item .item-icon,.srl .course-item [class*=lp-icon]{color:var(--sky)}
.srl .course-item-meta .item-meta,.srl .course-item-meta .duration,.srl .course-item .count-questions{font-size:12px;letter-spacing:.6px;color:var(--muted);background:none}
.srl .course-item-meta .course-item-preview,.srl .course-item .item-meta.course-item-preview{background:var(--light-blue)!important;color:var(--card-ink)!important;border-radius:40px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 10px}
.srl .course-item.status-completed .course-item-status::before,.srl .course-item.passed .course-item-status::before,.srl .course-item-status.passed{color:var(--good)}
.srl .course-item.failed .course-item-status::before{color:var(--danger)}

/* Progress bars */
.srl .learn-press-progress,.srl .lp-course-progress .learn-press-progress{background:var(--line)!important;border-radius:40px;overflow:hidden;height:8px}
.srl .learn-press-progress__active,.srl .learn-press-progress .progress-bg .progress-active{background:var(--light-blue)!important;border-radius:40px}
.srl .course-progress .items-progress__heading,.srl .course-results-progress .items-progress__heading{font:400 12px/1.2 var(--font-body);letter-spacing:1.6px;text-transform:uppercase;color:var(--text)}

/* Lesson and quiz screen (LearnPress "popup") */
.srl #popup-course{background:var(--surface);font-family:var(--font-body)}
.srl #popup-header{background:var(--footer)!important;border-bottom:1px solid #2a2a2a}
.srl #popup-header,.srl #popup-header a,.srl #popup-header .course-title,.srl #popup-header .course-title a{color:#fff!important}
.srl #popup-header .course-title{font:500 17.85px/1.3 var(--font-display)!important;letter-spacing:.63px}
.srl #popup-header .lp-button{background:#fff!important;color:var(--card-ink)!important;border-color:#fff;min-height:40px;padding:0 20px;font-size:14px!important}
.srl #popup-header .lp-button:hover{box-shadow:0 0 0 1px #fff}
.srl #popup-header .items-progress__heading,.srl #popup-header .number{color:rgba(255,255,255,.75)!important}
.srl #popup-header .learn-press-progress{background:#333!important}
.srl #popup-header .back-course,.srl #popup-header .popup-header__inner a{color:#fff!important}
.srl #popup-header a{text-decoration:none}
.srl #popup-header a:hover{text-decoration:underline}
.srl #popup-sidebar{background:var(--bg)!important;border-right:1px solid var(--line)}
.srl #popup-sidebar .search-course{background:var(--bg);border-bottom:1px solid var(--line)}
.srl #popup-sidebar .search-course input[name=s]{background:var(--surface);border:1px solid rgba(0,17,40,.55);border-radius:6px}
.srl #popup-sidebar .course-section{border-width:0 0 1px 0!important;margin:0}
.srl #sidebar-toggle,.srl .lp-sidebar-toggle{background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.srl #popup-content{background:var(--surface)}
.srl #popup-content .content-item-wrap,.srl #learn-press-content-item .content-item-wrap{max-width:820px}
.srl #popup-content .course-item-title,.srl #popup-content .lesson-title,.srl #popup-content .quiz-title{font:500 31.5px/1.3 var(--font-display);letter-spacing:.63px;color:var(--ink);margin-bottom:20px}
@media (min-width:750px){.srl #popup-content .course-item-title,.srl #popup-content .lesson-title,.srl #popup-content .quiz-title{font-size:42px}}
.srl #popup-content .content-item-description,.srl #popup-content .lp-entry-content{color:var(--text);font-size:16px;line-height:1.8}
.srl #popup-content .content-item-description :is(h2,h3,h4),.srl #popup-content .lp-entry-content :is(h2,h3,h4){margin:1.4em 0 .5em}
.srl #popup-content .content-item-description :is(ul,ol){padding-left:20px}
.srl #popup-content .content-item-description li+li{margin-top:6px}
.srl #popup-content .content-item-description img{border-radius:var(--radius)}
.srl #popup-content .content-item-description blockquote,.srl .lp-entry-content blockquote{margin:1em 0;padding:12px 16px;border-left:3px solid var(--light-blue);background:var(--bg);border-radius:4px;color:var(--ink)}
.srl #popup-footer{background:var(--surface);border-top:1px solid var(--line)}
.srl #popup-footer .course-item-nav a,.srl .course-item-nav .prev a,.srl .course-item-nav .next a{color:var(--ink);text-decoration:none}
.srl .course-item-nav__name,.srl .course-item-nav .prev span,.srl .course-item-nav .next span{font:400 12px/1.2 var(--font-body);letter-spacing:1.6px;text-transform:uppercase;color:var(--text)}
.srl .course-item-nav .course-item-nav__title,.srl .course-item-nav a{font-family:var(--font-display);font-weight:500}

/* Quizzes */
.srl .quiz-intro,.srl .quiz-status,.srl .quiz-result,.srl .quiz-attempts{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:0!important;padding:20px 25px;color:var(--card-ink)}
.srl .quiz-intro-item__title,.srl .quiz-status .questions-index,.srl .quiz-attempts .attempts-heading{font:400 12px/1.2 var(--font-body)!important;letter-spacing:1.6px;text-transform:uppercase;color:var(--text)}
.srl .quiz-intro-item__content,.srl .quiz-status .countdown,.srl .quiz-status .current-point{font:500 18px/1.3 var(--font-display);color:var(--ink)}
.srl .quiz-status{position:sticky;top:0;z-index:5}
.srl .quiz-status .countdown{font-variant-numeric:tabular-nums}
.srl .question{margin-bottom:28px}
.srl .question .question-title{font:500 21px/1.35 var(--font-display)!important;letter-spacing:.63px;color:var(--ink);margin-bottom:14px}
.srl .question .question-index,.srl .question .question-title .question-index{color:var(--sky)}
.srl .question .question-content{color:var(--text)}
.srl .question .answer-options{display:grid;gap:10px;padding:0;margin:14px 0 0;list-style:none}
.srl .question .answer-option{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:14px 16px!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important;color:var(--card-ink);cursor:pointer;transition:all .2s ease}
.srl .question .answer-option:hover{border-color:var(--sky)!important}
.srl .question .answer-option:has(input:checked){border-color:var(--sky)!important;box-shadow:0 0 0 1px var(--sky)}
.srl .question .answer-option .option-title,.srl .question .answer-option .option-title-content{background:none!important;border:0!important;padding:0!important;color:var(--card-ink);font-size:15px;line-height:1.5}
.srl .question .answer-option .option-title::before,.srl .question .answer-option .option-title::after{display:none}
.srl .question .answer-option input[type=checkbox],.srl .question .answer-option input[type=radio]{width:20px;height:20px;margin:0;flex:0 0 auto;position:static;appearance:auto;-webkit-appearance:auto;border:0;box-shadow:none}
.srl .question .answer-option.answer-correct,.srl .question .answer-option.answered-true{border-color:var(--good)!important;background:#eef8f1!important;box-shadow:0 0 0 1px var(--good)}
.srl .question .answer-option.answered-wrong{border-color:var(--danger)!important;background:#fdecea!important;box-shadow:0 0 0 1px var(--danger)}
.srl .question .question-response{border-radius:4px;padding:10px 14px;font-size:14px}
.srl .question .question-response.correct{background:#eef8f1;color:var(--good)}
.srl .question .question-response.incorrect{background:#fdecea;color:#7a1c12}
.srl .question-explanation-content,.srl .question-hint-content{margin-top:14px;padding:12px 16px;background:var(--bg);border-left:3px solid var(--light-blue);border-radius:4px;color:var(--ink);font-size:14px}
.srl .btn-show-hint{background:none!important;border:0!important;color:var(--sky)!important;padding:0!important;min-height:0!important;box-shadow:none!important;text-decoration:underline}
.srl .questions-pagination .page-numbers,.srl .question-numbers li a,.srl .question-numbers li span{min-width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--card-ink);border-radius:6px;text-decoration:none}
.srl .questions-pagination .page-numbers.current,.srl .question-numbers li.current a,.srl .question-numbers li.current span{background:var(--signal);border-color:var(--signal);color:#fff}
.srl .question-numbers li.answered a{border-color:var(--sky);color:var(--sky)}
.srl .lp-fib-input input,.srl .question-fill_in_blanks .blank-input{border:0;border-bottom:2px solid var(--sky);background:#eaf5fa;border-radius:0;padding:2px 6px}

/* Quiz result: big pass / fail panel */
.srl .quiz-result{text-align:center;display:grid;gap:12px;justify-items:center}
.srl .quiz-result .result-heading{font:500 21px var(--font-display);color:var(--ink)}
.srl .quiz-result .result-grade .result-achieved{font:500 42px/1.1 var(--font-display);color:var(--ink)}
.srl .quiz-result .result-grade .result-require{color:var(--text);font-size:14px}
.srl .quiz-result .result-message{border-radius:4px;padding:10px 16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:13px}
.srl .quiz-result.passed .result-message{background:#eef8f1;color:var(--good)}
.srl .quiz-result.failed .result-message{background:#fdecea;color:#7a1c12}
.srl .quiz-result .circle-progress-bar__circle{stroke:var(--light-blue)}
.srl .quiz-result.failed .circle-progress-bar__circle{stroke:var(--danger)}
.srl .quiz-result .result-statistic{list-style:none;padding:0;display:grid;gap:6px;width:100%;max-width:420px;text-align:left}
.srl .quiz-result .result-statistic-field{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:6px 0;font-size:14px}
.srl .lp-quiz-buttons,.srl .quiz-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.srl .quiz-buttons .button-right{margin-left:auto;display:flex;gap:10px}

/* Profile / "My courses" */
.srl #learn-press-profile{color:var(--text)}
.srl .lp-user-profile .lp-profile-left,.srl #profile-sidebar,.srl .lp-profile-right{background:var(--surface);border:1px solid var(--line);border-radius:0;padding:25px}
.srl .lp-user-profile .lp-profile-username{font:500 21px var(--font-display);color:var(--ink)}
.srl .lp-user-profile-avatar img,.srl .lp-user-profile-avatar{border-radius:50%}
.srl #profile-nav .lp-profile-nav-tabs>li>a,.srl .lp-profile-nav-tabs li a{font-size:14px;color:var(--text);text-decoration:none;padding:10px 14px;border-radius:6px;display:flex;align-items:center;gap:10px;background:none}
.srl #profile-nav .lp-profile-nav-tabs>li.active>a,.srl #profile-nav .lp-profile-nav-tabs>li:hover>a,.srl .lp-profile-nav-tabs li.active a{background:var(--bg);color:var(--ink)}
.srl #profile-nav .lp-profile-nav-tabs>li.active>a [class*=lp-icon],.srl .lp-profile-nav-tabs li a [class*=lp-icon],.srl .lp-profile-nav-tabs li a i{color:var(--sky)}
.srl #profile-nav .lp-profile-nav-tabs>li ul,.srl #profile-nav .lp-profile-nav-tabs>li .profile-tab-sections{background:var(--surface);border:1px solid var(--line);box-shadow:0 4px 5px rgba(0,17,40,.05)}
.srl .lp-profile-content .profile-heading,.srl .profile-heading{font:500 21px var(--font-display);color:var(--ink);border:0}
.srl .learn-press-profile-course__tab__inner a,.srl .learn-press-tabs .learn-press-tabs__tab a,.srl .learn-press-filters li a,.srl .learn-press-filters li span{font:400 12px/1.2 var(--font-body);letter-spacing:1.6px;text-transform:uppercase;color:var(--text);text-decoration:none}
.srl .learn-press-tabs .learn-press-tabs__tab.active a,.srl .learn-press-profile-course__tab__inner a.active,.srl .learn-press-filters li.active span,.srl .learn-press-filters li span{color:var(--ink)}
.srl .learn-press-tabs .learn-press-tabs__tab.active::before,.srl .learn-press-tabs .learn-press-tabs__tab.active::after{background:var(--ink)}
.srl .lp_profile_course_progress__item,.srl .learn-press-course-tab__filter__content .course{border:1px solid var(--line);background:var(--surface);border-radius:0}
.srl .statistic-box,.srl .dashboard-statistic__row .statistic-box{background:var(--surface);border:1px solid var(--line);border-radius:0;padding:20px}
.srl .statistic-box__text,.srl .statistic-box .statistic-box__text{font:400 12px/1.2 var(--font-body);letter-spacing:1.6px;text-transform:uppercase;color:var(--text)}
.srl .statistic-box__number,.srl .statistic-box .statistic-box__number{font:500 25.2px var(--font-display);color:var(--ink)}
.srl .statistic-box__icon,.srl .statistic-box [class*=lp-icon]{color:var(--sky)}

/* Log in / register boxes (LearnPress and PMPro) */
.srl .learn-press-form-login,.srl .learn-press-form-register,.srl .pmpro_login_wrap,.srl #loginform{background:var(--surface);border:1px solid var(--line);border-radius:0;padding:25px;box-shadow:none}
.srl .learn-press-form-login h3,.srl .learn-press-form-register h3{font:700 17.85px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--card-ink)}

/* 7. Paid Memberships Pro --------------------------------------------------- */

.srl .pmpro{color:var(--text);font-family:var(--font-body)}
.srl .pmpro_section{margin-bottom:28px}
.srl .pmpro_card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;transition:border-color .3s ease}
.srl .pmpro_card:hover{border-color:var(--card-ink)!important}
.srl .pmpro_card_title,.srl .pmpro_section_title,.srl .pmpro_font-large{font:700 17.85px/1.2 var(--font-display)!important;text-transform:uppercase;letter-spacing:.5px;color:var(--card-ink)!important}
.srl h2.pmpro_section_title{font-size:21px!important}
.srl .pmpro_card_content,.srl .pmpro_card_actions{color:var(--card-ink);font-size:15px}
.srl .pmpro_card_actions{border-top:1px solid var(--line)!important;background:var(--bg)!important}
.srl .pmpro_level-price,.srl .pmpro_price_part,.srl .pmpro_level_price{font:400 20px/1.3 var(--font-body);letter-spacing:1px;color:var(--card-text)}
.srl .pmpro_level-expiration,.srl .pmpro_level_expiration{font-size:13px;color:var(--muted)}
.srl .pmpro_tag{border-radius:40px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 10px}
.srl .pmpro_tag-success{background:var(--light-blue);border-color:var(--light-blue);color:var(--card-ink)}
.srl .pmpro_list{padding:0;margin:0;list-style:none}
.srl .pmpro_list_item{border-bottom:1px solid var(--line);padding:10px 0}
.srl .pmpro_list_item_label{font:400 12px/1.2 var(--font-body);letter-spacing:1.6px;text-transform:uppercase;color:var(--text)}
.srl .pmpro_form_fieldset{border:0;padding:0}
.srl .pmpro_form_legend .pmpro_form_heading,.srl .pmpro_form_heading{font:500 21px var(--font-display)!important;color:var(--ink)}
.srl .pmpro_actions_nav a,.srl .pmpro_actions_nav-left a,.srl .pmpro_actions_nav-right a{color:var(--sky)}

/* 8. Tables, messages and pagination --------------------------------------- */
/* Gradebook, profile orders, PMPro invoices and any table in lesson content: the website's comparison tables */

.srl :is(.lp-list-table,.pmpro_table,.lp-gradebook table,#learn-press-profile table,.learnpress table,.lp-entry-content table,.content-item-description table,.entry-content table){
  border-collapse:collapse;width:100%;font-size:14px;background:var(--surface);border:1px solid var(--line)
}
.srl :is(.lp-list-table,.pmpro_table,.lp-gradebook table,#learn-press-profile table,.learnpress table,.lp-entry-content table,.content-item-description table,.entry-content table) :is(th,td){
  padding:12px 16px;text-align:left;border:0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--card-ink)
}
.srl :is(.lp-list-table,.pmpro_table,.lp-gradebook table,#learn-press-profile table,.learnpress table,.lp-entry-content table,.content-item-description table,.entry-content table) thead th{
  font:400 12px/1.4 var(--font-body);text-transform:uppercase;letter-spacing:1.6px;color:#fff;background:var(--dark)
}
.srl :is(.lp-list-table,.pmpro_table,.lp-gradebook table,#learn-press-profile table) tbody tr:hover td{background:var(--bg)}
.srl :is(.lp-list-table,.pmpro_table,.lp-gradebook table) :is(td,th).column-grade,.srl :is(.lp-list-table,.pmpro_table) .pmpro_table_cell-total{font-variant-numeric:tabular-nums;white-space:nowrap}
.srl .lp-table-wrap,.srl .pmpro_table_wrap{overflow-x:auto}
.srl .lp-label,.srl .lp-label.label-passed,.srl .lp-label.label-completed{white-space:nowrap;border-radius:40px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 10px}
.srl .lp-label.label-passed,.srl .lp-label.label-completed,.srl .lp-label.label-finished{background:#eef8f1;color:var(--good)}
.srl .lp-label.label-failed{background:#fdecea;color:#7a1c12}
.srl .lp-label.label-in-progress,.srl .lp-label.label-enrolled{background:#eaf5fa;color:var(--sky)}

/* Messages: the website's "turn" note (light-blue edge) */
.srl .learn-press-message,.srl .lp-message,.srl .pmpro_message{border-radius:4px!important;border:0!important;border-left:3px solid var(--light-blue)!important;background:#eaf5fa!important;color:var(--ink)!important;padding:12px 16px!important;font-size:14px;box-shadow:none}
.srl .learn-press-message::before,.srl .lp-message::before{display:none}
.srl .learn-press-message.error,.srl .learn-press-message.warning,.srl .pmpro_error,.srl .pmpro_message.pmpro_error{border-left-color:var(--danger)!important;background:#fdecea!important;color:#7a1c12!important}
.srl .learn-press-message.success,.srl .pmpro_success,.srl .pmpro_message.pmpro_success{border-left-color:var(--good)!important;background:#eef8f1!important;color:#0f441c!important}
.srl .pmpro_alert,.srl .pmpro_message.pmpro_alert{border-left-color:#e8b400!important;background:#fff8e0!important;color:#6c5101!important}

/* "Members only" notice on locked lessons */
.srl .pmpro_content_message,.srl .learn-press-content-protected-message,.srl .lp-content-protected{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--light-blue);padding:20px 25px;color:var(--card-ink)}

/* Pagination */
.srl .learn-press-pagination .page-numbers,.srl .nav-links .page-numbers,.srl .pmpro_pagination a{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--card-ink)!important;border-radius:0!important;text-decoration:none}
.srl .learn-press-pagination .page-numbers.current,.srl .nav-links .page-numbers.current{border-color:var(--card-ink)!important;color:var(--ink)!important}
.srl .learn-press-pagination .page-numbers:hover,.srl .nav-links .page-numbers:hover{border-color:var(--card-ink)!important}

/* Course reviews stars in the website's gold */
.srl .review-stars-rated .review-stars.filled,.srl .course-rate .lp-icon-star,.srl .lp-icon-star.filled{color:#e8b400}

@media (prefers-reduced-motion:reduce){
  .srl .learn-press-courses .course-item:hover{transform:none}
  .srl .learn-press-courses .course-item:hover .course-thumbnail img,.srl .learn-press-courses .course-item:hover .course-img img{transform:none}
}

/* 9. Sky Riders banner for Elementor pages ---------------------------------- */
/* Give any Elementor container or section the CSS class "sr-hero" (Advanced → CSS Classes) and set the photo as its
   background. It then matches the website's banner: edge to edge, photo with a 40% black overlay, white text and
   white buttons, content lined up with the header. Add "sr-hero--short" for the shorter inner-page banner. */

body.srl{overflow-x:clip}
.srl .sr-hero{
  position:relative;isolation:isolate;box-sizing:border-box;
  width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  min-height:320px!important;padding-block:40px!important;padding-inline:0!important;border-radius:0!important;
  display:flex!important;align-items:center;background-color:var(--dark);background-size:cover!important;background-position:center!important;color:#fff
}
@media (min-width:750px){.srl .sr-hero{min-height:420px!important}}
.srl .sr-hero.sr-hero--short{min-height:300px!important}
@media (min-width:750px){.srl .sr-hero.sr-hero--short{min-height:340px!important}}
.srl .sr-hero::after{content:"";position:absolute;inset:0;background:#000;opacity:.4;z-index:0;pointer-events:none}
.srl .sr-hero>*{position:relative;z-index:1}
.srl .sr-hero>:is(.e-con-inner,.elementor-container),.srl .sr-hero.e-con-full{box-sizing:border-box;max-width:var(--max)!important;width:100%;margin-inline:auto;padding-inline:var(--gutter)!important}
.srl .sr-hero.e-con-full{max-width:100vw!important}
.srl .sr-hero.e-con-full>*{max-width:600px}
.srl .sr-hero>:is(.e-con-inner,.elementor-container)>*{max-width:600px}
.srl .sr-hero :is(h1,h2,h3,.elementor-heading-title){color:#fff!important;font-family:var(--font-display)!important;font-weight:500!important;letter-spacing:.63px}
.srl .sr-hero :is(h1,h2).elementor-heading-title,.srl .sr-hero h1{font-size:31.5px!important;line-height:1.3!important}
@media (min-width:750px){.srl .sr-hero :is(h1,h2).elementor-heading-title,.srl .sr-hero h1{font-size:42px!important}}
.srl .sr-hero :is(p,.elementor-text-editor,.elementor-widget-text-editor){color:rgba(255,255,255,.75)!important;max-width:52ch}
.srl .sr-hero a:not(.elementor-button){color:#fff}
.srl .sr-hero .sr-eyebrow,.srl .sr-hero .sr-eyebrow *{font:400 10px/1.2 var(--font-body)!important;letter-spacing:1.3px!important;text-transform:uppercase;color:rgba(255,255,255,.75)!important}
.srl .sr-hero .elementor-button,.srl .sr-hero .lp-button,.srl .sr-hero .wp-block-button__link{background:#fff!important;color:var(--card-text)!important;border-color:#fff!important}
.srl .sr-hero .elementor-button:hover,.srl .sr-hero .lp-button:hover{box-shadow:0 0 0 1px #fff!important;color:var(--card-text)!important}
.srl .sr-hero .elementor-button .elementor-button-text{color:inherit!important}
@media (max-width:749px){
  .srl .sr-hero{text-align:center}
  .srl .sr-hero>:is(.e-con-inner,.elementor-container)>*,.srl .sr-hero.e-con-full>*{margin-inline:auto}
  .srl .sr-hero .elementor-widget-button,.srl .sr-hero .elementor-button-wrapper{width:100%}
  .srl .sr-hero .elementor-button{width:100%}
}

/* Homepage banner printed by the theme (Customize → Sky Riders – homepage banner) */
.srl .sr-auto-hero{margin:0!important}
.srl .sr-hero>.sr-hero-inner{box-sizing:border-box;max-width:var(--max);width:100%;margin-inline:auto;padding-inline:var(--gutter);display:grid;gap:20px;justify-items:start}
.srl .sr-hero>.sr-hero-inner>*{max-width:600px;margin:0}
.srl .sr-hero .sr-eyebrow{margin-bottom:-10px!important}
.srl .sr-hero .sr-lede{color:rgba(255,255,255,.75)!important;max-width:52ch;font-size:16px;line-height:1.8}
.srl .sr-hero .sr-hero-buttons{display:flex;gap:10px;flex-wrap:wrap}
.srl .sr-hero .btn{background:#fff!important;color:var(--card-text)!important;border-color:#fff!important;min-width:122px}
.srl .sr-hero .btn:hover{box-shadow:0 0 0 1px #fff!important;color:var(--card-text)!important}
@media (max-width:749px){
  .srl .sr-hero>.sr-hero-inner{justify-items:center;text-align:center}
  .srl .sr-hero .sr-hero-buttons{width:100%}
  .srl .sr-hero .sr-hero-buttons .btn{flex:1 1 100%}
}