/* stadira-doors-css */ .sdr-sw{display:inline-flex;gap:3px;background:rgba(255,255,255,.12);border-radius:999px;padding:3px} .sth-top .sdr-sw a{padding:4px 14px;border-radius:999px;color:#fff!important;font-weight:700;text-decoration:none;opacity:.85} .sth-top .sdr-sw a:hover{opacity:1;background:rgba(255,255,255,.14)} .sth-top .sdr-sw a.on{opacity:1} .sth-top .sdr-sw a.s.on{background:#237380} .sth-top .sdr-sw a.c.on{background:#A94F3A} .sdr-line{display:inline-flex;align-items:center;gap:8px;margin-left:14px} .door-school #masthead:after{background:linear-gradient(90deg,#237380 0 72%,#F7B82E 72% 100%)!important} .door-careers #masthead:after{background:linear-gradient(90deg,#A94F3A 0 72%,#F7B82E 72% 100%)!important} .door-careers #masthead .main-header-menu .current-menu-item>a,.door-careers #masthead .main-header-menu .menu-link:hover{color:#A94F3A!important;border-color:#A94F3A!important} .door-school #masthead .main-header-menu .current-menu-item>a,.door-school #masthead .main-header-menu .menu-link:hover{color:#237380!important;border-color:#237380!important} .door-careers #masthead .sth-cta>a{background:#A94F3A!important;border-color:#A94F3A!important;color:#fff!important} .door-school #masthead .sth-cta>a{background:#237380!important;border-color:#237380!important;color:#fff!important} .door-careers footer.stadira-footer{border-top:5px solid #A94F3A} .door-school footer.stadira-footer{border-top:5px solid #237380} .door-careers #masthead .menu-item>a[href*="#"],.door-school #masthead .menu-item>a[href*="#"]{color:#0B1F3A!important;border-color:transparent!important} .stadira-footer .sf-x{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.18);font-weight:700} @media(max-width:700px){.sdr-line{display:none}.sth-top .sdr-sw a{padding:4px 12px}} .sth-top .sdr-sw a{min-height:44px;min-width:64px;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box}.sth-top .sdr-sw a:focus-visible,.sth-top a:focus-visible{outline:3px solid #F7B82E;outline-offset:2px;opacity:1}.sth-top a.sth-wa{min-height:44px;display:inline-flex;align-items:center} /* - */ .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } /* std-noflash */ html.std-nf:not(.std-nf-ok) body:is(.blog,.single-post,.page-id-10,.page-id-11,.page-id-356,.page-id-8,.page-id-7:not(.logged-in)) #content{opacity:0!important} html.std-nf body:is(.single-courses,.blog,.single-post,.page-id-10,.page-id-11,.page-id-356,.page-id-8,.page-id-7) #content{transition:opacity .18s ease-out} @media (min-width:922px){#ast-mobile-header{display:none!important}} /* stadira-contact-buttons */ html body .cn .hero a.b{display:inline-flex!important;align-items:center;gap:12px;margin:6px 10px 6px 0;padding:10px 20px 10px 10px;border-radius:999px;font-weight:700;font-size:16px;letter-spacing:.1px;text-decoration:none!important;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;vertical-align:middle}html body .cn .hero a.b:hover,html body .cn .hero a.b:focus-visible{transform:translateY(-2px);text-decoration:none!important}html body .cn .hero a.b::before{content:"";flex:none;width:38px;height:38px;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:19px}html body .cn .hero a.b::after{content:"\2192";font-weight:700;margin-left:2px;opacity:.75;transition:transform .18s ease}html body .cn .hero a.b:hover::after{transform:translateX(3px)}html body .cn .hero a.b.wa{background:#25D366;color:#0B1F3A!important;box-shadow:0 8px 22px rgba(37,211,102,.28)}html body .cn .hero a.b.wa:hover{background:#2EE072;box-shadow:0 12px 28px rgba(37,211,102,.38)}html body .cn .hero a.b.wa::before{background-color:#0B1F3A;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-9 8.4 8.6 8.6 0 0 1-3.8-.9L3 21l1.9-5.1A8.4 8.4 0 0 1 12 3a8.4 8.4 0 0 1 9 8.5z'/%3E%3C/svg%3E")}html body .cn .hero a.b.em{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.38);color:#fff!important}html body .cn .hero a.b.em:hover{background:rgba(255,255,255,.18);box-shadow:0 10px 24px rgba(0,0,0,.18)}html body .cn .hero a.b.em::before{background-color:#C4624B;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m3.5 7 8.5 6 8.5-6'/%3E%3C/svg%3E")}@media (max-width:600px){html body .cn .hero a.b{display:flex!important;width:100%;margin:8px 0;justify-content:flex-start}html body .cn .hero a.b::after{margin-left:auto}} /* - */ /* Stadira site design D 2026-10-28: white pages with teal+terracotta glow, light product heroes on School/Careers, navy footer. Home has its own snippet (8380). Remove to revert. */body:not(.home):not(.single-lesson):not(.single-tutor_quiz):not(.single-tutor_assignments),body:not(.home):not(.single-lesson):not(.single-tutor_quiz):not(.single-tutor_assignments) #page{background:#fff!important}html body:not(.home):not(.single-lesson):not(.single-tutor_quiz):not(.single-tutor_assignments) #content{background:radial-gradient(640px 320px at 12% 0%,rgba(42,127,140,.14),transparent 70%),radial-gradient(560px 300px at 92% 0%,rgba(196,98,75,.11),transparent 70%),#fff!important;background-repeat:no-repeat!important}html body footer.stadira-footer{background:#07142A!important;border-top:4px solid #C4624B!important}html body footer.stadira-footer::before{background:linear-gradient(90deg,#C4624B 0%,#2A7F8C 100%)!important}.stadira-footer h4{color:#E8A08E!important}.stadira-footer p,.stadira-footer li,.stadira-footer span{color:#C9D6E6!important}.stadira-footer a{color:#EAF0F7!important}.stadira-footer a:hover{color:#5DBBC9!important}.stadira-footer .sf-logo{background:#fff!important}body.page-id-3001 .vt2-hero{background:transparent!important;box-shadow:none!important;color:#0B1F3A!important;padding-top:24px!important}body.page-id-3001 .vt2-hero::before,body.page-id-3001 .vt2-hero::after{display:none!important}body.page-id-3001 .vt2-hero h1,body.page-id-3001 .vt2-hero p{color:#0B1F3A!important}body.page-id-3001 .vt2-hero>p,body.page-id-3001 .vt2-hero p{color:#5B6B80!important}body.page-id-3001 .vt2-hero h1 span{background:linear-gradient(90deg,#2A7F8C,#C4624B);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important}body.page-id-3001 .vt2-eye{background:#fff!important;color:#C4624B!important;border:1px solid rgba(196,98,75,.35)!important}body.page-id-3001 .vt2-stat{background:#fff!important;border:1px solid #E3E7ED!important;box-shadow:0 1px 2px rgba(7,20,42,.04),0 8px 24px rgba(7,20,42,.06)!important}body.page-id-3001 .vt2-stat b{color:#C4624B!important}body.page-id-3001 .vt2-stat:nth-child(even) b{color:#2A7F8C!important}body.page-id-3001 .vt2-stat span{color:#5B6B80!important}body.page-id-3001 .vt2-hero .vt2-btn:first-child{background:#C4624B!important;color:#fff!important;border-color:#C4624B!important}body.page-id-3001 .vt2-hero .vt2-btn:not(:first-child){background:#fff!important;color:#0B1F3A!important;border:1.5px solid #D9DEE6!important}body.page-id-1194 .sc2-hero,body.page-id-6403 .sc2-hero{background:transparent!important;box-shadow:none!important;color:#0B1F3A!important;padding-top:24px!important}body.page-id-1194 .sc2-hero::before,body.page-id-1194 .sc2-hero::after,body.page-id-6403 .sc2-hero::before,body.page-id-6403 .sc2-hero::after{display:none!important}body.page-id-1194 .sc2-hero *:not(form *):not(.sc2-eye):not(.sc2-eye *),body.page-id-6403 .sc2-hero *:not(form *):not(.sc2-eye):not(.sc2-eye *){color:#0B1F3A!important;border-color:#E3E7ED!important}body.page-id-1194 .sc2-hero h1 span,body.page-id-6403 .sc2-hero h1 span{background:linear-gradient(90deg,#2A7F8C,#C4624B);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important}body.page-id-1194 .sc2-hero .sc2-lead,body.page-id-1194 .sc2-pop>span,body.page-id-6403 .sc2-hero .sc2-lead,body.page-id-6403 .sc2-pop>span{color:#5B6B80!important}body.page-id-1194 .sc2-eye,body.page-id-6403 .sc2-eye{background:#fff!important;color:#2A7F8C!important;border:1px solid rgba(42,127,140,.35)!important}body.page-id-1194 .sc2-eye *,body.page-id-6403 .sc2-eye *{color:#2A7F8C!important}body.page-id-1194 .sc2-hsearch,body.page-id-6403 .sc2-hsearch{box-shadow:0 0 0 1px #E3E7ED,0 12px 30px rgba(7,20,42,.10)!important}body.page-id-1194 .sc2-hgo,body.page-id-6403 .sc2-hgo{background:#C4624B!important;color:#fff!important}body.page-id-1194 .sc2-pop button,body.page-id-6403 .sc2-pop button{background:#fff!important;border:1px solid #E3E7ED!important}body.page-id-1194 .sc2-hero-main>div:last-child>*,body.page-id-6403 .sc2-hero-main>div:last-child>*{background:#fff!important;box-shadow:0 1px 2px rgba(7,20,42,.04),0 8px 24px rgba(7,20,42,.06)!important}body.page-id-1194 .sc2-hero-main>div:last-child b,body.page-id-6403 .sc2-hero-main>div:last-child b{color:#2A7F8C!important}body.page-id-1194 .sc2-kitso img,body.page-id-6403 .sc2-kitso img{box-shadow:0 0 0 6px #fff,0 16px 40px rgba(7,20,42,.18)!important} /* - */ /* Stadira home v3 2026-10-28: design D product-led. White page, teal+terracotta glow, centred hero, demo framed in navy, stats band. Remove to revert. */body.home,body.home #page,body.home #content{background:#fff!important}body.home #content .ast-container,body.home #primary,body.home #sdw{background:transparent!important}body.home #sdw .sdw-hero{background:radial-gradient(640px 320px at 12% 0%,rgba(42,127,140,.16),transparent 70%),radial-gradient(560px 300px at 92% 6%,rgba(196,98,75,.13),transparent 70%),#fff!important;padding-bottom:0!important;overflow:hidden}body.home #sdw .sdw-hero .sdw-wrap{grid-template-columns:minmax(0,1fr)!important;justify-items:center;text-align:center;gap:18px!important}body.home #sdw .sdw-navy{display:contents!important}body.home #sdw .sdw-navy>.sdw-eyebrow{order:1;color:#2A7F8C!important;background:#fff!important;border:1px solid rgba(42,127,140,.35)!important;border-radius:999px;padding:6px 14px!important;justify-self:center}body.home #sdw .sdw-navy>h1{order:2;color:#0B1F3A!important;max-width:17ch;margin:0 auto!important}body.home #sdw .sdw-navy>h1 em{background:linear-gradient(90deg,#2A7F8C,#C4624B);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}body.home #sdw .sdw-navy>.sdw-lead{order:3;color:#5B6B80!important;max-width:58ch;margin:0 auto!important}body.home #sdw .sdw-navy>.sdw-ctas{order:4;justify-content:center}body.home #sdw .sdw-btn-sun{background:#C4624B!important;color:#fff!important;border-color:#C4624B!important}body.home #sdw .sdw-btn-sun:hover{background:#A9503B!important}body.home #sdw .sdw-btn-line{background:#fff!important;color:#0B1F3A!important;border:1.5px solid #D9DEE6!important}body.home #sdw .sdw-demo{order:5;width:min(860px,100%);margin-top:18px;background:#fff!important;border:0!important;border-radius:12px 12px 0 0!important;box-shadow:0 0 0 14px #0B1F3A,0 30px 70px 14px rgba(7,20,42,.28)!important;text-align:left}body.home #sdw .sdw-navy>.sdw-trust{order:6;width:100vw;max-width:100vw;margin:14px calc(50% - 50vw) 0!important;background:#0B1F3A!important;justify-content:center;gap:clamp(18px,5vw,64px)!important;padding:26px 16px!important;border-radius:0!important;position:relative;z-index:2}body.home #sdw .sdw-navy>.sdw-trust>div{background:transparent!important;border:0!important;text-align:center}body.home #sdw .sdw-navy>.sdw-trust b{color:#fff!important}body.home #sdw .sdw-navy>.sdw-trust *:not(b){color:#A9B8CC!important}body.home #sdw .sdw-journey{background:#FAF8F5!important;border-top:1px solid #ECE7E0;border-bottom:1px solid #ECE7E0}body.home #sdw .sdw-journey h2,body.home #sdw .sdw-journey li,body.home #sdw .sdw-journey li *:not(.sdw-num){color:#14233A!important}body.home #sdw .sdw-journey .sdw-eyebrow{color:#C4624B!important}body.home #sdw .sdw-journey p{color:#5B6B80!important}body.home #sdw .sdw-band .sdw-eyebrow{color:#2A7F8C!important}body.home #sdw .sdw-grid>*{box-shadow:0 1px 2px rgba(7,20,42,.04),0 8px 24px rgba(7,20,42,.06)!important;border-color:#ECE7E0!important} /* std-cat-side-css */ .std-cat-side-note{color:#5A6173} /* - */ #stadira-app-chip{position:fixed;left:14px;bottom:18px;z-index:99990;display:none;align-items:center;gap:8px;background:#0B1F3A;color:#fff;border-radius:99px;padding:8px 8px 8px 8px;box-shadow:0 8px 22px rgba(11,31,58,.28);font:600 15px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif} #stadira-app-chip a{display:flex;align-items:center;gap:8px;color:#fff!important;text-decoration:none!important;-webkit-text-fill-color:#fff} #stadira-app-chip img{width:30px;height:30px;border-radius:8px;background:#F7F3EE} #stadira-app-chip button{all:unset;cursor:pointer;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#cfd8e6;font-size:18px;line-height:1;margin-left:2px} #stadira-app-chip.show{display:flex;animation:stadiraChipIn .35s ease-out} @keyframes stadiraChipIn{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}} /* std-a11y */ :root:root{--ast-global-color-0:#237380;--ast-global-color-1:#1B5E69;--tutor-color-primary:#237380;--tutor-color-primary-rgb:35,115,128;--tutor-color-primary-hover:#1B5E69;--tutor-color-muted:#5A6173;--tutor-color-hints:#5F6678} .tutor-color-muted{color:#5A6173!important}.tutor-color-hints{color:#5F6678!important} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #F7B82E!important;outline-offset:2px!important;box-shadow:0 0 0 6px rgba(11,31,58,.35)!important} .entry-content p a:not([class]),.entry-content li a:not([class]),.entry-content td a:not([class]),.tutor-course-details-content a:not([class]){text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:1px} a[class*="btn"],a[class*="button"],a[class*="-cta"],a[class$="-b"],.elementor-button{text-decoration:none!important} .ct-wa,.stw-wa,.std-in-wa,.tu-wa{background:#0F7A4F!important;color:#fff!important} .ff-btn,.ff-btn-submit,.ff_btn_style,button.ff-btn-submit{background:#A94F3A!important;border-color:#A94F3A!important;color:#fff!important} .tutor-form-check-input,.tutor-form-check input[type=checkbox],.tutor-login-form input[type=checkbox],#tutor-registration-form input[type=checkbox]{border:2px solid #0B1F3A!important;width:22px!important;height:22px!important;min-width:22px!important;border-radius:5px!important;background-color:#fff!important} .tutor-form-check-input:checked,.tutor-form-check input[type=checkbox]:checked,.tutor-login-form input[type=checkbox]:checked,#tutor-registration-form input[type=checkbox]:checked{background-color:#237380!important;border-color:#237380!important;color:#FFFFFF!important} #ast-scroll-top{background-color:#0B1F3A!important;color:#fff!important;border-radius:50%!important} .ast-blog-single-element a,.entry-meta a,.posted-by a,.cat-links a,.ast-taxonomy-container a,.ast-archive-post .entry-meta *{color:#237380!important} .comment-form .submit,.comment-form input[type=submit]{background:#237380!important;border-color:#237380!important;color:#fff!important;border-radius:999px!important;padding:12px 26px!important} .comment-form-url{display:none!important} /* course cards and course pages */ .tutor-course-card .tutor-meta>div:has(>.tutor-icon-user-line),.tutor-course-card .tutor-meta.tutor-mt-auto{display:none!important} .tutor-ratings:not(:has(.tutor-icon-star-bold,.tutor-icon-star-half-bold,[class*="star-full"])),.tutor-course-ratings:not(:has(.tutor-icon-star-bold,.tutor-icon-star-half-bold,[class*="star-full"])){display:none!important} .tutor-sidebar-card li:has(.tutor-icon-mortarboard){display:none!important} .tutor-course-card .tutor-card-footer .tutor-btn{min-height:46px;font-weight:700} .tutor-course-card{border-radius:18px!important;overflow:hidden} .std-cat-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 22px} .std-cat-tabs button{min-height:44px;padding:10px 20px;border-radius:999px;border:2px solid #0B1F3A;background:#fff;color:#0B1F3A;font-weight:700;font-size:15.5px;cursor:pointer} .std-cat-tabs button[aria-pressed="true"]{background:#0B1F3A;color:#fff} .std-cat-tabs button:hover{background:#FFF1D6} .std-cat-tabs button[aria-pressed="true"]:hover{background:#0B1F3A} .std-hide{display:none!important} .std-sub-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 16px} .std-sub-tabs button{min-height:40px;padding:8px 16px;border-radius:999px;border:2px solid #237380;background:#fff;color:#1F6B77;font-weight:700;font-size:14.5px;cursor:pointer} .std-sub-tabs button[aria-pressed="true"]{background:#237380;color:#fff} .std-cat-tabs button span{display:inline-block;margin-left:6px;background:#F7B82E;color:#0B1F3A;border-radius:999px;padding:1px 8px;font-size:13px} .std-cat-count{margin:0 0 14px;color:#4F5668;font-size:15px} @media(max-width:767px){ .tutor-course-details-page.tutor-container{padding-left:16px!important;padding-right:16px!important} .tutor-course-card .tutor-course-bookmark .tutor-iconic-btn{width:44px;height:44px} .pk-sp .grid a,.pk-card a{min-height:44px} } /* blog list */ .blog .post-thumb-img-content img,.archive .post-thumb-img-content img{width:100%!important;aspect-ratio:16/10;object-fit:cover;border-radius:14px} .blog .ast-article-post .ast-article-inner{border-radius:18px!important} .std-blog-band{background:linear-gradient(135deg,#0B1F3A 0%,#14425A 55%,#237380 100%);color:#fff;border-radius:24px;padding:40px 36px;margin:18px 0 28px;position:relative;overflow:hidden} .std-blog-band:after{content:"";position:absolute;right:-70px;top:-80px;width:240px;height:240px;border-radius:50%;background:rgba(247,184,46,.22)} .std-blog-band>*{position:relative;z-index:1} .std-blog-band .eye{display:inline-block;background:#F7B82E;color:#0B1F3A;font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:6px 14px;margin-bottom:12px} .std-blog-band h1{color:#fff!important;margin:0 0 10px!important;font-size:clamp(28px,4vw,42px)!important;line-height:1.15!important} .std-blog-band p{color:#fff!important;opacity:.94;margin:0!important;max-width:640px;font-size:17px} /* tutoring booking form on phones */ .tu-phone-book{display:none} @media(max-width:767px){.tu-book iframe{display:none!important}.tu-phone-book{display:block;background:#fff;border-radius:18px;padding:22px 20px;box-shadow:0 8px 22px rgba(11,31,58,.08);text-align:center}.tu-phone-book p{margin:0 0 14px;color:#34445C}.tu-phone-book a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;background:#F7B82E;color:#0B1F3A!important;font-weight:800;text-decoration:none!important;margin-top:10px}.tu-phone-book a.alt{background:#0F7A4F;color:#fff!important}} /* certificate check */ .std-cert-intro{max-width:620px;margin:0 auto 22px;text-align:center} .std-cert-intro .eye{display:inline-block;background:#E2F2F1;color:#237380;font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:6px 14px;margin-bottom:12px} .std-cert-intro h1{font-size:clamp(28px,4vw,40px)!important;color:#0B1F3A!important;margin:0 0 10px!important} .std-cert-intro p{color:#34445C!important;font-size:17px;margin:0!important} .std-cert-facts{max-width:620px;margin:22px auto 10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px} .std-cert-facts div{background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 6px 18px rgba(11,31,58,.07);font-size:15px;color:#34445C} .std-cert-facts b{display:block;color:#0B1F3A;font-size:16px;margin-bottom:2px} body.page-id-356 .tutor-icon-shield-check-o,body.page-id-356 [class*="verify"] [class*="icon"]{color:#237380!important} /* 404 */ .std-404{max-width:900px;margin:10px auto 40px;text-align:center} .std-404 .code{font-size:clamp(70px,12vw,120px);font-weight:800;line-height:1;background:linear-gradient(135deg,#237380,#F7B82E);-webkit-background-clip:text;background-clip:text;color:transparent} .std-404 h1{font-size:clamp(28px,4vw,40px)!important;color:#0B1F3A!important;margin:10px 0!important} .std-404 p{color:#34445C!important;font-size:18px;margin:0 auto 26px!important;max-width:560px} .std-404-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;text-align:left} .std-404-grid a{display:block;background:#fff;border-radius:20px;padding:24px 22px;text-decoration:none!important;box-shadow:0 8px 22px rgba(11,31,58,.08);border-top:6px solid #237380;transition:transform .2s} .std-404-grid a:nth-child(2){border-top-color:#A94F3A}.std-404-grid a:nth-child(3){border-top-color:#0F7A4F} .std-404-grid a:hover{transform:translateY(-4px)} .std-404-grid b{display:block;color:#0B1F3A;font-size:19px;margin-bottom:6px} .std-404-grid span{color:#34445C;font-size:15.5px} /* homepage hero: text on the left over a navy fade (15 Sep 2026) */ .elementor-element-stc4 .elementor-background-video-container::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,31,58,.9) 0%,rgba(11,31,58,.72) 36%,rgba(11,31,58,.2) 66%,rgba(11,31,58,0) 100%);pointer-events:none} @media(min-width:1025px){ .elementor-element-stc4>.e-con-inner{align-items:flex-start!important;justify-content:center!important;padding-left:24px!important} .elementor-element-stc4 .elementor-element-stc1,.elementor-element-stc4 .elementor-element-stc2{max-width:560px!important;width:560px!important} .elementor-element-stc4 .elementor-element-stc1 h1,.elementor-element-stc4 .elementor-element-stc2 p{text-align:left!important} .elementor-element-stc4 .elementor-element-stc1 h1{font-size:64px!important;line-height:1.02!important} .elementor-element-stc4 .elementor-element-stc2 p{font-size:20px!important;line-height:1.6!important;text-shadow:none!important} .elementor-element-stc4 .elementor-element-stc3{align-self:flex-start!important} } @media(max-width:1024px){.elementor-element-stc4 .elementor-background-video-container::after{background:rgba(11,31,58,.7)}body .elementor-705 .elementor-element.elementor-element-stc4::before{background-color:transparent!important;background-image:linear-gradient(180deg,rgba(11,31,58,.74) 0%,rgba(11,31,58,.86) 100%)!important;opacity:1!important}.elementor-element-stc4 .elementor-element-stc2 p{text-shadow:none!important;font-size:17px!important}} html body .elementor .elementor-element.elementor-element-stc4 .elementor-element.elementor-element-stc3 a.elementor-button.elementor-button-link{background:#F7B82E!important;background-color:#F7B82E!important;color:#0B1F3A!important;border-radius:999px!important;padding:17px 36px!important;font-size:17px!important;font-weight:800!important;box-shadow:0 10px 26px rgba(0,0,0,.3)!important} .elementor-element-stc4 .elementor-element-stc3 .elementor-button *{color:#0B1F3A!important} /* homepage: Why Choose Stadira */ .elementor-element-stc64{background:radial-gradient(circle at 6% 12%,rgba(247,184,46,.16),transparent 30%),radial-gradient(circle at 94% 88%,rgba(35,115,128,.12),transparent 34%),#FFF8F0!important} .elementor-element-stc63>.e-con-inner>.e-con{background:#fff!important;border:0!important;border-top:7px solid var(--why,#237380)!important;border-radius:24px!important;box-shadow:0 12px 30px rgba(11,31,58,.09)!important;transition:transform .25s ease,box-shadow .25s ease} .elementor-element-stc63>.e-con-inner>.e-con:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(11,31,58,.15)!important} .elementor-element-stc53{--why:#237380}.elementor-element-stc56{--why:#A94F3A}.elementor-element-stc59{--why:#0B1F3A}.elementor-element-stc62{--why:#D99A12} .elementor-element-stc63>.e-con-inner>.e-con>.e-con-inner::before{background-color:var(--why)!important} .elementor-element-stc63 .elementor-heading-title{font-size:20px!important;color:#0B1F3A!important} .elementor-element-stc63 .elementor-widget-text-editor p{font-size:16px!important;line-height:1.6!important;color:#34445C!important} .elementor-element-stc63 .elementor-widget-text-editor p.sd-why-extra{color:#0B1F3A!important;background:#F6F1EC;border-radius:12px;padding:10px 12px} .stq-offer-step{font-size:12.5px!important} /* remaining contrast fixes (re-scan 15 Sep) */ .tutor-login-form .tutor-btn-primary,body.std-v3 .tutor-btn-primary{color:#fff!important} .tutor-btn-ghost{color:#4F5668!important} .stq-tier-link span,.stq-tier-link{color:#4F5668!important} .tu-fallback a,.tu-small a{color:#1F6B77!important;opacity:1!important} .std-minifoot,.std-minifoot a{color:#4F5668!important} .mg .m span{color:#A8321F!important} .ab-btn-a{background:#A94F3A!important;color:#fff!important} .stq-offer-step{color:#1F6B77!important} .elementor-widget-text-editor p a:not([class]),.elementor-widget-text-editor li a:not([class]){text-decoration:underline!important;text-underline-offset:3px} .tutor-btn-primary:not(.tutor-btn-gift):not([class*="outline"]):not(#std-x):not(#std-y){color:#fff!important} .tutor-btn-ghost:not(#std-x):not(#std-y),.tutor-btn-ghost:not(#std-x):not(#std-y) *{color:#4F5668!important} button.ff-btn.ff-btn-submit:not(#std-x):not(#std-y){background-color:#A94F3A!important;border-color:#A94F3A!important;color:#fff!important} .tu-fallback,.tu-locked .tu-small{opacity:1!important;color:#4F5668!important} .mg-warn b,.mg .mg-warn b{color:#A8321F!important} /* one body font everywhere: the system font stack the theme already uses */ .elementor-widget-text-editor,.elementor-widget-text-editor p,.elementor-widget-text-editor li,.elementor-widget-text-editor span:not([class*="icon"]),.elementor-button .elementor-button-text{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important} .tutor-course-price-tax{font-size:13px!important}.stq-badge{font-size:12px!important}.stadira-wa{color:#0B1F3A!important} .std-lbl{display:block;font-weight:700;font-size:14.5px;color:#0B1F3A;margin:0 0 6px;text-align:left} /* phones: sticky price bar on course pages */ .std-buybar{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#0B1F3A;color:#fff;box-shadow:0 -8px 24px rgba(0,0,0,.22)} .std-buybar b{display:block;font-size:19px;line-height:1.1;color:#F7B82E} .std-buybar small{display:block;font-size:12.5px;color:#DDE6F0} .std-buybar a{min-height:46px;display:inline-flex;align-items:center;padding:10px 22px;border-radius:999px;background:#F7B82E;color:#0B1F3A!important;font-weight:800;font-size:16px;text-decoration:none!important;white-space:nowrap} @media(max-width:1199.98px){.std-buybar.on{display:flex}body.std-bb .stadira-wa,body.std-bb #ast-scroll-top{bottom:calc(86px + env(safe-area-inset-bottom,0px))!important}} @media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}} /* stadira-critical-footer */ /* Critical footer styling, written straight into the page head so it cannot be lost if the large combined stylesheet arrives truncated. */ .stadira-footer{background-color:#FFF8F0 !important;background-image:none !important;color:#41506B !important;position:relative} .stadira-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#FF6B5A 0%,#F7B82E 52%,#237380 100%)} .stadira-footer h4{color:#1C5F6A !important} .stadira-footer a{color:#0B1F3A !important} .stadira-footer a:hover{color:#C74430 !important} .stadira-footer .sf-about p{color:#41506B !important} .stadira-footer .sf-logo{filter:none !important;opacity:1 !important} .stadira-footer .sf-social a{background-color:#237380 !important} .stadira-footer .sf-social a:hover{background-color:#0B1F3A !important} .stadira-footer .sf-social svg{fill:#ffffff !important} .stadira-footer .sf-bottom{border-top:1px solid #EBDCC8 !important;color:#4A5A75 !important} .stadira-footer .sf-bottom b{color:#237380 !important} .stadira-footer .sf-legal a{color:#4A5A75 !important} @media(max-width:600px){ .stadira-footer .sf-col:not(.sf-about) > a{background:#ffffff !important;color:#0B1F3A !important;border:1.5px solid #E6D8C4} .stadira-footer .sf-col > a[href^="tel:"]{background:#0B1F3A !important;color:#ffffff !important;border-color:#0B1F3A !important} .stadira-footer .sf-col > a[href*="wa.me"]{background:#1C5F6A !important;color:#ffffff !important;border-color:#1C5F6A !important} } /* - */ /* Mobile course cards full width - course archive only (<768px) */ /* Root cause: an unscoped Additional-CSS rule forces 16px+ side padding on the course archive container at every width, which stacked on Tutor's container gutter and left cards ~48px narrower than the phone screen. */ @media (max-width: 767.98px) { html body.post-type-archive-courses #content > .ast-container, html body.tax-course-category #content > .ast-container, html body.tax-course-tag #content > .ast-container { padding-left: 8px !important; padding-right: 8px !important; } html body.post-type-archive-courses .tutor-courses-wrap.tutor-container, html body.tax-course-category .tutor-courses-wrap.tutor-container, html body.tax-course-tag .tutor-courses-wrap.tutor-container { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } html body.post-type-archive-courses .tutor-courses-wrap .tutor-row, html body.tax-course-category .tutor-courses-wrap .tutor-row, html body.tax-course-tag .tutor-courses-wrap .tutor-row { margin-left: 0 !important; margin-right: 0 !important; } html body.post-type-archive-courses .tutor-courses-wrap .tutor-row > [class*="tutor-col"], html body.tax-course-category .tutor-courses-wrap .tutor-row > [class*="tutor-col"], html body.tax-course-tag .tutor-courses-wrap .tutor-row > [class*="tutor-col"] { padding-left: 0 !important; padding-right: 0 !important; } html body.post-type-archive-courses .tutor-course-list.tutor-grid, html body.tax-course-category .tutor-course-list.tutor-grid, html body.tax-course-tag .tutor-course-list.tutor-grid { grid-template-columns: 1fr !important; } html body.post-type-archive-courses .tutor-course-list .tutor-course-card, html body.tax-course-category .tutor-course-list .tutor-course-card, html body.tax-course-tag .tutor-course-list .tutor-course-card { width: 100% !important; max-width: 100% !important; } } /* --------------------------------------------------------------------------- READING PAGES on a phone - lesson / quiz / assignment reader + single course Complaint: lesson notes did not use the full phone width. Root cause: "Stadira Lesson Reader CSS" (#822) pins .tutor-learning-area-container to max-width:75% at EVERY width, and Tutor adds a 16px padding-inline below 768px, plus a 16px tab wrapper and a 12px tab-panel pad - so on a 390px phone the .stq reading column was only 224px. The .stq / .stadira-lesson body keeps its own internal padding; only the outer Tutor wrappers are opened up here. --------------------------------------------------------------------------- */ @media (max-width: 767.98px) { html body .tutor-learning-area .tutor-learning-area-container, html body .tutor-learning-area-container { max-width: 100% !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 4px !important; padding-right: 4px !important; } html body .tutor-learning-area, html body .tutor-learning-area-body, html body .tutor-learning-area-content, html body .tutor-course-single-content-wrapper, html body .tutor-spotlight-wrapper { max-width: 100% !important; } html body .tutor-learning-area-container .tutor-lesson-content, html body .tutor-learning-area-container .tutor-quiz, html body .tutor-learning-area-container .tutor-assignment { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; } html body .tutor-lesson-content .stq, html body .tutor-lesson-content .stadira-lesson, html body .tutor-learning-area-container .stq, html body .tutor-learning-area-container .stadira-lesson { max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } html body.single-courses #content > .ast-container { padding-left: 8px !important; padding-right: 8px !important; } html body.single-courses .tutor-course-details-page, html body.single-courses .tutor-course-details-page.tutor-container { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } html body.single-courses .tutor-course-details-page .tutor-row { margin-left: 0 !important; margin-right: 0 !important; } html body.single-courses .tutor-course-details-page .tutor-row > [class*="tutor-col"] { padding-left: 0 !important; padding-right: 0 !important; } html body .tutor-lesson-content .tutor-lesson-content-tab, html body .tutor-lesson-content .tutor-tabs-content { padding-left: 0 !important; padding-right: 0 !important; } html body .tutor-lesson-content .tutor-tab-panel { padding-left: 4px !important; padding-right: 4px !important; } html body .tutor-lesson-wrapper { max-width: 100% !important; } html body .tutor-learning-header-inner > .tutor-learning-header-content { min-width: 0 !important; overflow: hidden !important; } html body .tutor-learning-header-content .tutor-learning-header-title { overflow: hidden !important; text-overflow: ellipsis !important; } html body.single-courses .tutor-wrap.tutor-full-width-course-top, html body.single-courses .tutor-course-details-page .tutor-container { padding-left: 0 !important; padding-right: 0 !important; } } /* --------------------------------------------------------------- Quiz results (review of answered questions) - tablets & large phones Tutor lays .tutor-quiz-summary-body out as a FIXED grid "300px 760px" (question sidebar + content) with a 128px gap. Its own responsive rules only collapse that to one column at <=576px, so between 577px and 992px the ~1100px grid overflows a tablet screen and the answered questions get pushed off to one side. Collapse to a single centred column across that whole range and let the question sidebar sit above the content. --------------------------------------------------------------- */ @media (max-width: 992px){ html body .tutor-quiz-summary-page .tutor-quiz-summary-body{ grid-template-columns:1fr !important; gap:20px !important; max-width:100% !important; margin-inline:auto !important; } html body .tutor-quiz-summary-page .tutor-quiz-summary-sidebar{ position:static !important; top:auto !important; width:100% !important; max-height:none !important; } html body .tutor-quiz-summary-page .tutor-quiz-summary-content, html body .tutor-quiz-summary-page .tutor-quiz.tutor-quiz-questions{ width:100% !important; max-width:100% !important; margin-inline:auto !important; } /* the multi-column attempt summary table scrolls inside its own box instead of pushing the whole page sideways */ html body .tutor-quiz-attempt-details-wrapper{ overflow-x:auto; } } /* - */ /* ============================================================ STADIRA BRAND PALETTE CONSISTENCY Aligns the whole site to the logo colours: navy #0B1F3A - terracotta #A94F3A - teal #237380 (replaces old shades #1E2149 / #1F6B77 / #BA644F / #C0603F and the school-page coral #FF6B5A) ============================================================ */ /* 1) Global design-system + Tutor LMS variables -> logo palette */ :root{ --sd-navy:#0B1F3A !important; --sd-teal:#237380 !important; --sd-teal-dark:#1F6470 !important; --sd-clay:#A94F3A !important; --tutor-color-primary:#237380 !important; --tutor-color-primary-rgb:42,127,140 !important; } /* 2) School-programme coral CTAs -> brand terracotta */ a[style*="background:#FF6B5A" i], a[style*="background: #FF6B5A" i], a[style*="background-color:#FF6B5A" i], a[style*="background-color: #FF6B5A" i]{background:#A94F3A !important;} /* 3) Homepage hard-coded old shades -> logo palette */ .sd-glance__head h2{color:#0b1f3a !important;} .sd-glance__head h2::after{background-color:#237380 !important;} .sd-glance__card{box-shadow:rgba(11,31,58, 0.1) 0px 10px 30px 0px !important;} .sd-glance__card:hover{box-shadow:rgba(11,31,58, 0.22) 0px 18px 44px -10px !important;} .sd-glance__card::after{background-color:#237380 !important;} .sd-glance__card:nth-child(2n)::after{background-color:#A94F3A !important;} .sd-glance__card h3{color:#0b1f3a !important;} .sd-glance__card strong{color:#1f6470 !important;} .elementor-705 .elementor-button:hover{background-color:#1f6470 !important;} .fluentform .ff-el-form-control:focus{box-shadow:rgba(42,127,140, 0.16) 0px 0px 0px 3px !important;} .fluentform .ff-btn-submit{box-shadow:rgba(42,127,140, 0.55) 0px 8px 18px -6px !important;} .fluentform .ff-btn-submit:hover{box-shadow:rgba(42,127,140, 0.6) 0px 12px 22px -6px !important;} .entry-content a:not(.elementor-button):not(.tutor-btn):not(.pk-btn){color:#237380;} .entry-content a:not(.elementor-button):not(.tutor-btn):not(.pk-btn):hover{color:#A94F3A;} .tutor-btn-gift{background-color:rgba(42,127,140, 0.1) !important;color:#237380 !important;border-top-color:rgba(42,127,140, 0.35) !important;border-right-color:rgba(42,127,140, 0.35) !important;border-bottom-color:rgba(42,127,140, 0.35) !important;border-left-color:rgba(42,127,140, 0.35) !important;} .tutor-btn-gift:hover{background-color:rgba(42,127,140, 0.18) !important;color:#0b1f3a !important;} .single-post .entry-title{color:#0b1f3a !important;} .single-post .entry-content h2{color:#0b1f3a !important;} .single-post .entry-content h3{color:#237380 !important;} .stadira-footer{background-color:#0b1f3a !important;} .stadira-footer a:hover{color:#237380 !important;} .stadira-footer .sf-social a:hover{background-color:#237380 !important;} .stadira-footer .sf-bottom b{color:#237380 !important;} /* ============================================================ PRIMARY NAVIGATION — colourful, accessible (added Sept 2026) Resting state stays navy so the bar reads calm and legible. Each link carries its own accent, revealed as an underline on hover/focus and shown permanently on the current page, so the active item is never signalled by colour alone. All accents tested at 4.5:1 or better on white (WCAG AA). ============================================================ */ .main-header-menu .menu-item > a, .ast-header-break-point .main-header-menu .menu-item > a, .site-navigation .menu-item > a { --nav-accent: #0B1F3A; position: relative; color: #0B1F3A !important; font-weight: 600 !important; font-size: 17.5px !important; letter-spacing: .002em; transition: color .18s ease; } /* per-item accents, matched by destination so both the desktop and mobile menus pick them up */ .site-navigation .main-header-menu .menu-item > a[href$="/courses/"], .ast-header-break-point .site-navigation .menu-item > a[href$="/courses/"] { --nav-accent:#1F6472; } .site-navigation .main-header-menu .menu-item > a[href*="/vocational-training"], .ast-header-break-point .site-navigation .menu-item > a[href*="/vocational-training"] { --nav-accent:#A24A16; } .site-navigation .main-header-menu .menu-item > a[href*="/school"], .ast-header-break-point .site-navigation .menu-item > a[href*="/school"] { --nav-accent:#C2352A; } .site-navigation .main-header-menu .menu-item > a[href*="/about-us"], .ast-header-break-point .site-navigation .menu-item > a[href*="/about-us"] { --nav-accent:#0F766E; } .site-navigation .main-header-menu .menu-item > a[href*="/blogs"], .ast-header-break-point .site-navigation .menu-item > a[href*="/blogs"] { --nav-accent:#6B21A8; } .site-navigation .main-header-menu .menu-item > a[href*="/contact"], .ast-header-break-point .site-navigation .menu-item > a[href*="/contact"] { --nav-accent:#1D4ED8; } .site-navigation .main-header-menu .menu-item > a[href*="/dashboard"], .ast-header-break-point .site-navigation .menu-item > a[href*="/dashboard"] { --nav-accent:#B0357A; } /* the underline */ .site-navigation .menu-item > a::after, .main-header-menu .menu-item > a::after { content: ""; position: absolute; left: 20px; right: 20px; bottom: 12px; height: 3px; border-radius: 3px; background: var(--nav-accent); transform: scaleX(0); transform-origin: center; transition: transform .2s ease; } .site-navigation .menu-item > a:hover, .site-navigation .menu-item > a:focus-visible, .main-header-menu .menu-item > a:hover, .main-header-menu .menu-item > a:focus-visible { color: var(--nav-accent) !important; } .site-navigation .menu-item > a:hover::after, .site-navigation .menu-item > a:focus-visible::after, .main-header-menu .menu-item > a:hover::after, .main-header-menu .menu-item > a:focus-visible::after { transform: scaleX(1); } /* current page: accent underline plus heavier weight, so the state is carried by two signals, not colour alone */ .site-navigation .current-menu-item > a, .site-navigation .current_page_item > a, .main-header-menu .current-menu-item > a, .main-header-menu .current_page_item > a, .site-navigation .menu-item > a[aria-current="page"], .main-header-menu .menu-item > a[aria-current="page"] { color: var(--nav-accent) !important; font-weight: 700 !important; } .site-navigation .current-menu-item > a::after, .site-navigation .current_page_item > a::after, .main-header-menu .current-menu-item > a::after, .main-header-menu .current_page_item > a::after, .site-navigation .menu-item > a[aria-current="page"]::after, .main-header-menu .menu-item > a[aria-current="page"]::after { transform: scaleX(1); } /* keyboard focus ring — visible for students tabbing through */ .site-navigation .menu-item > a:focus-visible, .main-header-menu .menu-item > a:focus-visible { outline: 3px solid #1D4ED8; outline-offset: 3px; border-radius: 6px; } /* comfortable tap targets on phones */ @media (max-width: 921px) { .ast-header-break-point .main-header-menu .menu-item > a, .ast-header-break-point .site-navigation .menu-item > a { min-height: 46px; display: flex; align-items: center; font-size: 17px; } .ast-header-break-point .site-navigation .menu-item > a::after, .ast-header-break-point .main-header-menu .menu-item > a::after { left: 20px; right: auto; width: 34px; bottom: 8px; } } /* respect a reduced-motion preference */ @media (prefers-reduced-motion: reduce) { .site-navigation .menu-item > a, .site-navigation .menu-item > a::after, .main-header-menu .menu-item > a, .main-header-menu .menu-item > a::after { transition: none; } } /* "My Learning" pill — keep it a button, aligned with the text links */ .site-navigation .menu-item.sd-mylearning, .main-header-menu .menu-item.sd-mylearning { display:flex; align-items:center; } .site-navigation .menu-item.sd-mylearning > a, .main-header-menu .menu-item.sd-mylearning > a { margin: 0 0 0 14px !important; padding: 11px 20px !important; font-size: 15.5px !important; font-weight: 700 !important; line-height: 1.2 !important; display: inline-flex !important; align-items: center; align-self: center !important; height: auto !important; min-height: 0 !important; flex: 0 0 auto !important; transition: background-color .18s ease, transform .18s ease; } .site-navigation .menu-item.sd-mylearning > a::after, .main-header-menu .menu-item.sd-mylearning > a::after { display:none !important; } .site-navigation .menu-item.sd-mylearning > a:hover, .main-header-menu .menu-item.sd-mylearning > a:hover { background: #1F6472 !important; transform: translateY(-1px); } @media (prefers-reduced-motion: reduce){ .site-navigation .menu-item.sd-mylearning > a { transition:none; } .site-navigation .menu-item.sd-mylearning > a:hover { transform:none; } } /* Keep the whole menu on one line on narrower desktops — nav fits on one line */ @media (min-width:922px){ .site-navigation .menu-item > a, .main-header-menu .menu-item > a { padding-left:12px !important; padding-right:12px !important; white-space:nowrap; } .site-navigation .menu-item > a::after, .main-header-menu .menu-item > a::after { left:12px; right:12px; } .site-navigation .menu-item.sd-mylearning > a, .main-header-menu .menu-item.sd-mylearning > a { margin-left:10px !important; padding:10px 16px !important; } } @media (min-width:922px) and (max-width:1160px){ .site-navigation .menu-item > a, .main-header-menu .menu-item > a { padding-left:9px !important; padding-right:9px !important; font-size:16px !important; } .site-navigation .menu-item > a::after, .main-header-menu .menu-item > a::after { left:9px; right:9px; } .site-navigation .menu-item.sd-mylearning > a, .main-header-menu .menu-item.sd-mylearning > a { margin-left:8px !important; padding:9px 13px !important; font-size:14.5px !important; } } /* On narrower desktops the logo shrinks so the menu keeps one line */ @media (min-width:922px) and (max-width:1330px){ .custom-logo, .site-logo-img img { max-width:230px !important; height:auto !important; } } @media (min-width:922px) and (max-width:1020px){ .site-navigation .menu-item > a, .main-header-menu .menu-item > a { padding-left:5px !important; padding-right:5px !important; font-size:15px !important; } .site-navigation .menu-item > a::after, .main-header-menu .menu-item > a::after { left:5px; right:5px; } .site-navigation .menu-item.sd-mylearning > a, .main-header-menu .menu-item.sd-mylearning > a { margin-left:6px !important; padding:8px 11px !important; font-size:13px !important; } } /* Homepage hero headline — brand accent on the second half, and enough shadow to stay readable over the photograph. */ .home .elementor-widget-heading h1.elementor-heading-title span{ color:#F7B82E; } .home .elementor-widget-heading h1.elementor-heading-title{ text-shadow:0 2px 18px rgba(0,0,0,.45); } /* ============================================================ Placement quiz lessons (.pq) Kept here rather than inline: WordPress strips