/* Restyles the older public pages (UIkit/Blockit markup) in the OLA pearl and sapphire look.
   Loaded after the old theme files; the new lx- pages do not depend on it. */

/* room for the fixed header on old pages; new pages start with their own hero */
.lx-page{padding-top:96px}
.lx-page:has(> .lx-main){padding-top:0}
.lx-page .in-loader{display:none !important}

/* type */
.lx-page{font-family:var(--lx-sans);color:var(--lx-ink)}
.lx-page>:not(.lx-main) h1,.lx-page>:not(.lx-main) h2,.lx-page>:not(.lx-main) h3,.lx-page>:not(.lx-main) h4,.lx-page>:not(.lx-main) h5,.lx-page>:not(.lx-main) h6{font-family:var(--lx-display) !important;letter-spacing:-.025em;color:var(--lx-ink)}
.lx-page>:not(.lx-main) h1,.lx-page>:not(.lx-main) h2{font-weight:300 !important}
.lx-page>:not(.lx-main) p,.lx-page>:not(.lx-main) li,.lx-page>:not(.lx-main) td,.lx-page>:not(.lx-main) label{color:var(--lx-muted)}
.lx-page>:not(.lx-main) a{color:var(--lx-navy-2)}
.lx-page>:not(.lx-main) a:hover{color:var(--lx-blue)}
.lx-page>:not(.lx-main) .in-highlight,.lx-page>:not(.lx-main) .primary-color{color:var(--lx-blue) !important}

/* surfaces */
.lx-page>:not(.lx-main) .uk-section,.lx-page>:not(.lx-main) section,.lx-page>:not(.lx-main) main{background-color:transparent}
.lx-page>:not(.lx-main) .uk-section-default,.lx-page>:not(.lx-main) .uk-section-muted,.lx-page>:not(.lx-main) .uk-background-default,.lx-page>:not(.lx-main) .uk-background-muted{background:transparent !important}
.lx-page>:not(.lx-main) .uk-card,.lx-page>:not(.lx-main) .uk-card-default{background:#fff;border:1px solid rgba(20,34,58,.07);border-radius:22px;box-shadow:0 14px 40px rgba(20,34,58,.06)}
.lx-page>:not(.lx-main) .uk-card-title{font-family:var(--lx-display);color:var(--lx-ink)}

/* buttons */
.lx-page>:not(.lx-main) .uk-button-primary,.lx-page>:not(.lx-main) .uk-button-default,.lx-page>:not(.lx-main) button[type=submit],.lx-page>:not(.lx-main) .action-button,.lx-page>:not(.lx-main) .customBasButton{background:linear-gradient(120deg,var(--lx-navy-2),var(--lx-blue) 60%,#5d86c8) !important;color:#fff !important;border:0 !important;border-radius:999px !important;font-family:var(--lx-sans);font-weight:600;letter-spacing:.06em;box-shadow:0 12px 30px rgba(58,100,168,.25);transition:transform .4s var(--lx-ease),box-shadow .4s}
.lx-page>:not(.lx-main) .uk-button-primary:hover,.lx-page>:not(.lx-main) .uk-button-default:hover,.lx-page>:not(.lx-main) button[type=submit]:hover,.lx-page>:not(.lx-main) .action-button:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(58,100,168,.32)}
.lx-page>:not(.lx-main) .uk-button-text{color:var(--lx-navy-2) !important}

/* forms */
.lx-page>:not(.lx-main) .uk-input,.lx-page>:not(.lx-main) .uk-select,.lx-page>:not(.lx-main) .uk-textarea,.lx-page>:not(.lx-main) .form-control,.lx-page>:not(.lx-main) input[type=text],.lx-page>:not(.lx-main) input[type=email],.lx-page>:not(.lx-main) input[type=password],.lx-page>:not(.lx-main) input[type=number],.lx-page>:not(.lx-main) input[type=tel],.lx-page>:not(.lx-main) select,.lx-page>:not(.lx-main) textarea{background:#fff !important;border:1px solid rgba(20,34,58,.14) !important;border-radius:14px !important;color:var(--lx-ink) !important;font-family:var(--lx-sans)}
.lx-page>:not(.lx-main) .uk-input:focus,.lx-page>:not(.lx-main) .form-control:focus,.lx-page>:not(.lx-main) input:focus,.lx-page>:not(.lx-main) select:focus,.lx-page>:not(.lx-main) textarea:focus{border-color:var(--lx-blue) !important;box-shadow:0 0 0 4px rgba(58,100,168,.12) !important;outline:none}

/* tables and pagination */
.lx-page>:not(.lx-main) .uk-table th{font-family:var(--lx-sans);color:var(--lx-gold-3);letter-spacing:.1em}
.lx-page>:not(.lx-main) .uk-table-divider>tr:not(:first-child),.lx-page>:not(.lx-main) .uk-table-divider>:not(:first-child)>tr{border-top-color:var(--lx-line)}
.lx-page>:not(.lx-main) .uk-pagination>.uk-active>*{background:var(--lx-blue);color:#fff;border-radius:999px}

/* accordions (help center) */
.lx-page>:not(.lx-main) .uk-accordion>li{background:#fff;border-radius:18px;padding:18px 22px;border:1px solid rgba(20,34,58,.07)}
.lx-page>:not(.lx-main) .uk-accordion-title{font-family:var(--lx-display);color:var(--lx-ink);font-size:18px}

/* cards from the old About/Academy styles */
.lx-page .seminar-card,.lx-page .text-card,.lx-page .image-card,.lx-page .counter-card,.lx-page .vision-mission-card{background:#fff !important;border:1px solid rgba(20,34,58,.08) !important;border-radius:22px !important;box-shadow:0 18px 50px rgba(20,34,58,.07) !important}
.lx-page .seminar-card h6,.lx-page .text-card h6{color:var(--lx-gold-3) !important;font-family:var(--lx-sans) !important;letter-spacing:.2em;text-transform:uppercase;font-size:12px}
.lx-page .icon-row i,.lx-page .learn-more-button,.lx-page .learn-more-button i{color:var(--lx-blue) !important}
.lx-page .learn-more-button{background:none !important;border:0 !important;font-weight:600;font-family:var(--lx-sans)}
.lx-page .lx-academy-art{display:grid;place-items:center;background:radial-gradient(90% 100% at 50% 110%,#d6e2f3,#ecf1f8 50%,#f7f3ea) !important;min-height:100%}
.lx-page .lx-academy-art svg{width:100%;height:auto;display:block}

/* market cards: their colours come from the database, so tame them here */
.lx-page .uk-card.uk-light[style*=background]{background:#fff !important;border:1px solid rgba(20,34,58,.08);box-shadow:0 18px 50px rgba(20,34,58,.07)}
.lx-page .uk-card.uk-light[style*=background] h4 a{color:var(--lx-navy) !important;font-family:var(--lx-display);font-weight:400}
.lx-page .uk-card.uk-light[style*=background] p{color:var(--lx-muted) !important}
.lx-page .uk-card.uk-light[style*=background] hr{border-top-color:var(--lx-line)}
.lx-page .uk-card.uk-light .in-icon-wrap{background:#eef2f9 !important}

/* login and register */
.lx-page .customBas.bg-white,.lx-page .card.px-0.pt-4{background:#fff !important;border:1px solid rgba(20,34,58,.08) !important;border-radius:26px !important;box-shadow:0 30px 80px rgba(20,34,58,.10) !important}
.lx-page #heading{font-family:var(--lx-display) !important;text-transform:none !important;color:var(--lx-ink) !important;font-weight:300 !important;letter-spacing:-.03em}
.lx-page #translateBtn{background:transparent !important;color:var(--lx-navy) !important;border:1px solid rgba(20,34,58,.2) !important;border-radius:999px !important;box-shadow:none !important}
.lx-page #progressbar li.active:before,.lx-page #progressbar li.active:after{background:var(--lx-blue) !important}
.lx-page #progressbar li.active{color:var(--lx-navy) !important}
.lx-page .progress-bar{background-color:var(--lx-blue) !important}
.lx-page .fs-title,.lx-page .steps{color:var(--lx-navy) !important;font-family:var(--lx-display)}