/*
Theme Name: Flexilearn
Theme URI: https://emirations.com/
Author: Emirations
Description: A responsive course discovery theme for Flexilearn, with a clean editorial storefront style. Install Flexilearn Core for editable courses and learner accounts.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flexilearn
*/
:root{--blue:#006edb;--ink:#1d1d1f;--muted:#68686e;--paper:#f5f5f7;--line:#dedee3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1878db;outline-offset:4px}button:disabled{opacity:.4;cursor:default}p{line-height:1.6}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(42px,5.6vw,74px);margin:16px 0}h2{font-size:clamp(32px,3.8vw,49px);margin:12px 0}h3{font-size:22px;font-weight:650}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;background:#fff;padding:20px;z-index:1000}.site-header{position:sticky;top:0;background:#fafafaf2;backdrop-filter:blur(18px);border-bottom:1px solid #e8e8ed;z-index:30}.admin-bar .site-header{top:32px}.nav-wrap{height:68px;max-width:1180px;padding:0 26px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:24px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand>span{color:var(--blue)}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:2px;font-weight:600}.desktop-nav{display:flex;gap:25px;align-items:center;font-size:12px}.desktop-nav ul{padding:0;margin:0;display:flex;gap:24px;list-style:none}.account-link{font-size:12px;color:var(--blue);white-space:nowrap}.menu-toggle{display:none;border:0;background:transparent;font-size:22px;padding:8px}.mobile-nav{padding:12px 25px;background:#fff}.mobile-nav a{display:block;padding:13px 0;border-bottom:1px solid var(--line)}[hidden]{display:none!important}.announcement{text-align:center;background:var(--paper);font-size:12px;padding:14px 20px}.announcement a{color:var(--blue);margin-left:5px}.hero{background:radial-gradient(ellipse at 50% 110%,#18346e 0,#0b1327 40%,#07090d 75%);color:white;text-align:center;overflow:hidden;min-height:650px;padding:42px 20px 0}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;text-transform:uppercase}.hero .eyebrow{color:#a8b8cf}.hero-copy>p:not(.eyebrow){font-size:19px;max-width:590px;margin:18px auto 25px;color:#c5ccda}.actions{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border:1px solid var(--blue);border-radius:30px;color:#fff;background:var(--blue);font-size:14px;line-height:1.2}.outline{color:#78baff;border-color:#4194e9;background:transparent}.pill:hover{filter:brightness(1.1)}.hero-art{position:relative;height:275px;max-width:850px;margin:30px auto 0}.learning-screen{position:relative;top:18px;z-index:1;max-width:520px;margin:auto;border:1px solid #6886b35c;border-radius:16px 16px 0 0;transform:perspective(900px) rotateX(8deg);box-shadow:0 0 100px #1867cd40;background:linear-gradient(135deg,#182b4e,#101924);text-align:left;overflow:hidden}.screen-top{padding:13px 18px;border-bottom:1px solid #ffffff16;display:flex;gap:5px;align-items:center}.screen-top i{width:5px;height:5px;border-radius:50%;background:#56708a}.screen-top span{margin-left:auto;font-size:7px;letter-spacing:1.5px;color:#b0bed4}.screen-content{padding:25px 35px}.mini-label{font-size:7px;letter-spacing:1.8px;color:#8ca5cd}.screen-content strong{display:block;font-size:36px;letter-spacing:-1px;margin:15px 0}.progress-track{height:4px;background:#ffffff10;border-radius:4px;margin:24px 0 17px}.progress-track span{display:block;width:64%;height:100%;background:linear-gradient(90deg,#2585ee,#8bcbfc)}.screen-bottom{display:flex;justify-content:space-between;align-items:center;color:#acbbcf;font-size:10px}.screen-bottom b{font-size:22px;color:#fff}.floating-chip{position:absolute;z-index:2;padding:13px 19px;border:1px solid #97b3de3d;background:#17273ef0;box-shadow:0 15px 45px #0003;border-radius:13px;color:#d6e7ff;font-size:12px}.chip-one{left:3%;top:68px;transform:rotate(-7deg)}.chip-two{right:1%;top:165px;transform:rotate(6deg)}.orbit{position:absolute;inset:35px 50px -150px;border:1px solid #7db3ff15;border-radius:50%}.orbit-two{inset:-30px -50px -180px;transform:rotate(-18deg)}.section{max-width:1180px;margin:auto;padding:64px 26px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-heading h2 span{color:var(--muted)}.section-heading>p{color:var(--muted);font-size:14px;max-width:290px;margin:0 0 5px}.text-link{color:var(--blue);font-size:14px}.text-link:hover{text-decoration:underline}.category-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.category-button{border:1px solid #ededf1;background:var(--paper);border-radius:17px;padding:21px 10px 18px;text-align:center;min-width:0}.category-symbol{display:block;font-size:33px;font-weight:300;color:#3384cb;margin-bottom:16px}.category-button b{font-size:12px;display:block}.category-button small{font-size:11px;color:var(--blue);display:block;margin-top:8px}.category-button:hover{background:#eaf2fc}.feature-area{max-width:1440px;margin:auto;padding:0 12px}.compact{max-width:1128px;margin:0 auto 25px;padding:0 14px}.compact h2{font-size:35px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-tile{text-align:center;position:relative;min-height:440px;overflow:hidden;padding:35px 25px 0}.feature-tile.dark{background:radial-gradient(ellipse at bottom,#14274c,#07090f 65%);color:#fff}.feature-tile.light{background:#f3f5f9}.feature-tile .eyebrow{color:#6f91c7}.feature-tile h2{font-size:42px}.feature-tile>p:not(.eyebrow){font-size:15px;color:#8b9cb9}.light>p:not(.eyebrow){color:#6e6e73}.tile-art{position:relative;width:230px;height:150px;margin:25px auto 0;display:grid;place-items:center}.tile-art>span{font-size:100px;font-weight:700;letter-spacing:-8px;color:#a8c9fc;z-index:1;text-shadow:0 10px 50px #267bdb88}.ai-art i{position:absolute;width:200px;height:100px;border:1px solid #89bcff55;border-radius:50%;transform:rotate(45deg)}.ai-art i:last-child{transform:rotate(-45deg)}.business-art>span{color:#257bc8}.business-art i{position:absolute;width:120px;height:120px;border-radius:25px;background:#b9d8f4;transform:rotate(-18deg);left:12px;top:50px}.business-art i:last-child{left:auto;right:12px;transform:rotate(18deg);background:#dbe8f8}.catalogue-toolbar{display:flex;gap:12px;flex-wrap:wrap}.catalogue-toolbar input,.catalogue-toolbar select{border:1px solid #d2d2d7;background:#fff;border-radius:10px;padding:14px 16px;width:100%;color:var(--ink)}.search-label{flex:1;min-width:230px}.result-count{font-size:12px;color:var(--muted);margin:22px 0}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card{border:1px solid #e8e8ed;border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 8px 22px #141e3205}.course-visual{height:130px;background:linear-gradient(135deg,#edf3fb,#dce8f8);padding:20px;position:relative;overflow:hidden}.course-card:nth-child(3n+2) .course-visual{background:linear-gradient(135deg,#f4eff9,#e8def6)}.course-card:nth-child(3n) .course-visual{background:linear-gradient(135deg,#edf4f0,#dcebe5)}.course-visual .eyebrow{font-size:8px;max-width:78%;line-height:1.5;position:relative;z-index:1}.course-visual strong{display:block;font-size:19px;font-weight:600;margin-top:16px;max-width:85%;position:relative;z-index:1}.course-glyph{position:absolute;right:16px;bottom:-7px;font-size:75px;color:#7793b129}.course-body{padding:22px;display:flex;flex-direction:column;flex:1}.course-body h3{font-size:21px;line-height:1.2;margin:10px 0 14px;letter-spacing:-.6px}.course-body p{font-size:12px;color:var(--muted);margin:0 0 16px}.badge{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--blue)}.course-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.course-actions button{font-size:13px}.detail-button{color:var(--blue);border:0;background:none;padding:8px 0}.save-button{background:var(--paper);border:0;border-radius:30px;width:36px;height:36px;color:var(--blue);font-size:20px}.save-button[aria-pressed=true]{background:#dcecff}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;font-size:12px;margin-top:30px}.small-button{border:1px solid var(--line);border-radius:22px;background:white;padding:11px 18px;color:var(--ink)}.free-section{background:var(--paper)}.switcher{display:flex;gap:5px;background:#e6e6eb;border-radius:26px;padding:4px;width:max-content;max-width:100%;margin-bottom:24px}.switcher button{background:none;border:0;padding:10px 17px;border-radius:22px;font-size:12px;color:#505056}.switcher button[aria-pressed=true]{background:#fff;color:#161617;box-shadow:0 2px 8px #0001}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.resource-card{border-radius:18px;background:#fff;padding:25px;display:flex;flex-direction:column}.resource-card .eyebrow{color:var(--blue);font-size:9px;line-height:1.5}.resource-card h3{font-size:23px;line-height:1.15}.resource-card>p:not(.eyebrow){font-size:13px;color:var(--muted)}.resource-card>a{margin-top:auto;padding-top:12px}.fine-print{font-size:11px;color:var(--muted);margin-top:24px}.fine-print a{color:var(--blue)}.support-section{text-align:center}.support-section>p:not(.eyebrow){max-width:510px;margin:22px auto;color:var(--muted)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:60px 0 0;text-align:left}.benefit-grid b{font-size:35px;color:var(--blue);font-weight:400}.benefit-grid h3{font-size:21px}.benefit-grid p{font-size:13px;color:var(--muted)}.site-footer{background:var(--paper);padding:40px max(26px,calc((100% - 1128px)/2));font-size:11px;color:var(--muted)}.footer-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line)}.footer-top .brand{color:var(--ink)}.footer-top>div a{display:block;margin:9px 0}.site-footer>p{max-width:900px}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;margin-top:22px;display:flex;justify-content:space-between;gap:20px}dialog{border:0;border-radius:22px;padding:40px;width:min(600px,calc(100% - 30px));max-height:85dvh;box-shadow:0 24px 90px #0004}dialog::backdrop{background:#050c1b99;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:16px;top:12px;border:0;border-radius:50%;background:var(--paper);font-size:26px;width:35px;height:35px}dialog h2{font-size:33px;margin-top:25px}dialog p{font-size:14px;color:var(--muted)}.dialog-note{padding:16px;background:var(--paper);border-radius:12px;font-size:12px!important}.content-page{min-height:60vh}.content-page h1{font-size:44px}.content-page a:not(.pill){color:var(--blue)}.content-page article{margin-bottom:40px}.content-page input,.content-page textarea,.content-page select{padding:12px;border:1px solid var(--line);border-radius:8px;max-width:100%}.fl-workspace{margin-top:30px}.fl-workspace h2{font-size:29px}.fl-panel{background:var(--paper);border-radius:18px;padding:25px;margin:20px 0}.fl-panel label{display:block;margin:15px 0 8px}.fl-panel textarea,.fl-panel select{width:100%;background:#fff}.fl-panel button,.fl-action{border:0;background:var(--blue);color:white;padding:12px 20px;border-radius:24px;display:inline-block;margin-top:15px}.fl-panel ul{padding-left:20px}.fl-panel li{margin:14px 0;line-height:1.5}.fl-notice{padding:15px;border-left:3px solid var(--blue);background:#eef5ff}.fl-check{display:flex!important;gap:10px;align-items:flex-start}.fl-check input{margin-top:4px}.fl-inline{display:inline}.fl-inline button{padding:7px 12px;font-size:11px;margin:0 0 0 10px;background:#e1e6ed;color:#273449}.fl-small{font-size:12px;color:var(--muted)}
@media(min-width:1400px){.hero{min-height:710px}.hero-art{height:300px;margin-top:40px}.learning-screen{max-width:570px}.screen-content strong{font-size:43px}}@media(max-width:950px){.desktop-nav{gap:15px}.desktop-nav a{font-size:11px}.category-strip{grid-template-columns:repeat(3,1fr)}.course-grid,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-wrap{gap:15px}.feature-tile h2{font-size:36px}.hero{min-height:620px}.hero h1{font-size:57px}}@media(max-width:760px){.desktop-nav{display:none}.menu-toggle{display:block}.account-link{margin-left:auto}.nav-wrap{height:62px;padding:0 20px}.section{padding:42px 20px}.section-heading{align-items:start;flex-direction:column;gap:16px}.section-heading>p{font-size:13px}.hero{padding-top:36px;min-height:580px}.hero h1{font-size:48px}.hero-copy>p:not(.eyebrow){font-size:16px;max-width:440px}.hero-art{max-width:600px;height:250px;margin-top:30px}.learning-screen{width:78%}.screen-content{padding:22px}.screen-content strong{font-size:29px}.floating-chip{padding:10px 13px;font-size:10px}.chip-one{left:0;top:70px}.chip-two{right:0;top:165px}.category-button{padding:18px 8px}.feature-tile{min-height:400px;padding:28px 15px 0}.feature-tile h2{font-size:31px}.feature-tile>p:not(.eyebrow){font-size:12px}.feature-tile .pill{font-size:12px;padding:11px 16px}.tile-art{width:160px}.tile-art>span{font-size:80px}.benefit-grid{gap:20px;margin-top:40px}.benefit-grid h3{font-size:18px}.catalogue-toolbar>label{flex:1 1 45%}.catalogue-toolbar>.search-label{flex-basis:100%}.admin-bar .site-header{top:46px}}@media(max-width:500px){.hero{min-height:545px}.hero h1{font-size:40px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-art{height:230px}.screen-content strong{font-size:25px}.mini-label{font-size:6px}.screen-top span{font-size:6px}.floating-chip{font-size:9px;padding:9px}.category-strip{gap:8px}.category-button b{font-size:10px}.category-symbol{font-size:28px;margin-bottom:10px}.feature-grid{grid-template-columns:1fr}.feature-tile{min-height:365px}.feature-tile h2{font-size:36px}.feature-tile .tile-art{height:120px}.course-grid{grid-template-columns:1fr}.course-visual{height:110px}.course-body{padding:20px}.resource-grid{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr;gap:16px}.benefit-grid>div{border-top:1px solid var(--line);padding-top:20px}.benefit-grid h3{margin:10px 0}.footer-top{align-items:start;flex-direction:column}.brand{font-size:22px}.account-link{font-size:11px}.announcement{font-size:11px}.pagination{gap:12px}.pagination .small-button{padding:10px 14px}.catalogue-toolbar>label{flex-basis:100%}dialog{padding:30px 22px}dialog h2{font-size:28px}.switcher button{font-size:11px;padding:10px 13px}.compact h2{font-size:29px}.footer-bottom{flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}