.elementor-65475 .elementor-element.elementor-element-0b70289{--display:flex;}.elementor-widget-theme-page-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-65475 .elementor-element.elementor-element-1ab2e2b .elementor-heading-title{font-family:"Smooch Sans", Sans-serif;font-size:4rem;font-weight:600;color:#000000;}/* Start custom CSS *//* Verify Certificate page (65475). The top block is the original Elementor container 0b70289 holding the theme
   Page Title (1ab2e2b) and MasterStudy's Certificate Checker (f5c5e20); both are legacy widgets, so they are
   restyled here into a navy hero. The eyebrow and the sub-line are CSS content on those elements. The sections
   below the hero are atomic widgets built with the tier-* global classes. */
.elementor-65475 .elementor-element.elementor-element-0b70289 { background-color: #091d34; padding: 72px 20px 64px; margin: 0; max-width: none; width: 100%; }
.elementor-65475 .elementor-element.elementor-element-0b70289 > .e-con-inner { max-width: 1170px; margin: 0 auto; }
.elementor-65475 .elementor-element.elementor-element-0b70289 .elementor-widget-container { margin: 0; }

/* Eyebrow above the title */
.elementor-65475 .elementor-element-1ab2e2b::before { content: "RiseCert · Certificate verification"; display: block; margin-bottom: 16px; font-family: "IBM Plex Mono", monospace; font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #61cc2f; }
.elementor-65475 .elementor-element-1ab2e2b .elementor-heading-title { margin: 0; font-family: "Sora", sans-serif !important; font-weight: 700; font-size: 2.7rem; line-height: 1.12; letter-spacing: -0.5px; color: #ffffff !important; }
/* Sub-line under the title */
.elementor-65475 .elementor-element-1ab2e2b::after { content: "Enter the Certificate ID printed under the QR code on the certificate to confirm it was issued by RiseCert. Employers, recruiters and compliance teams can use this page without an account."; display: block; max-width: 680px; margin-top: 14px; font-family: "IBM Plex Sans", sans-serif; font-size: 1.05rem; line-height: 1.6; color: rgba(228,234,242,.78); }
.elementor-65475 .elementor-element-1ab2e2b { margin-bottom: 30px !important; }

/* Checker form: one row on desktop, stacked on phones. The plugin positions its button absolutely over the
   input's right edge, so the button is put back in flow. */
.elementor-65475 #certificate_checker .stm_lms_certificate_checker > h3:empty { display: none; }
.elementor-65475 #certificate_checker .stm_lms_certificate_checker__form { display: flex; flex-wrap: wrap; gap: 10px; max-width: 680px; position: static; }
.elementor-65475 #certificate_checker .stm_lms_certificate_checker__input { flex: 1 1 300px; margin: 0; padding: 0; }
.elementor-65475 #certificate_checker input.form-control { width: 100%; height: 56px; padding: 0 18px; border: 1px solid #d6dbe3; border-radius: 10px; background: #ffffff; box-shadow: none; font-family: "IBM Plex Sans", sans-serif; font-size: 17px; font-weight: 500; letter-spacing: .04em; color: #0d1b2a; }
.elementor-65475 #certificate_checker input.form-control::placeholder { color: #8b94a1; letter-spacing: 0; font-weight: 400; }
.elementor-65475 #certificate_checker input.form-control:focus { border-color: #61cc2f; outline: 0; box-shadow: 0 0 0 3px rgba(97,204,47,.25); }
.elementor-65475 #certificate_checker a.btn.btn-default { position: static !important; top: auto !important; right: auto !important; display: inline-flex; align-items: center; justify-content: center; height: 56px; margin: 0; padding: 0 28px; border: 0; border-radius: 10px; background: #61cc2f !important; color: #000000 !important; font-family: "IBM Plex Sans", sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0; text-transform: none; white-space: nowrap; box-shadow: none; transition: background-color .15s; }
.elementor-65475 #certificate_checker a.btn.btn-default:hover,
.elementor-65475 #certificate_checker a.btn.btn-default:focus { background: #55b529 !important; color: #000000 !important; }
.elementor-65475 #certificate_checker .stm_lms_certificate_checker.loading a.btn.btn-default { opacity: .7; }
/* Result message */
.elementor-65475 #certificate_checker .stm-lms-message { max-width: 680px; margin-top: 14px; padding: 14px 18px; border-radius: 10px; font-family: "IBM Plex Sans", sans-serif; font-size: 15px; font-weight: 500; line-height: 1.5; background: #ffffff; color: #0d1b2a; }
.elementor-65475 #certificate_checker .stm-lms-message.error { background: #fde8e8; color: #9b1c1c; }
.elementor-65475 #certificate_checker .stm-lms-message.success { background: #eefbe7; color: #2d7b09; }
.elementor-65475 #certificate_checker .stm-lms-message a { color: inherit; text-decoration: underline; }

@media (max-width: 767px) {
  .elementor-65475 .elementor-element.elementor-element-0b70289 { padding: 48px 20px 44px; }
  .elementor-65475 .elementor-element-1ab2e2b .elementor-heading-title { font-size: 2rem; }
  .elementor-65475 .elementor-element-1ab2e2b::after { font-size: 1rem; }
  .elementor-65475 #certificate_checker a.btn.btn-default { width: 100%; }
}

/* Hero figure (added Oct 12 2026): the white RiseCert badge, atomic e-image 2d290191 (media 69042) appended into the
   legacy container 0b70289. Its inner wrapper is a flex column, so it becomes a two-column grid here: title and
   checker in column 1, the badge in column 2 spanning both rows; on phones the badge sits above the title. */
.elementor-65475 .elementor-element.elementor-element-0b70289 > .e-con-inner { display: grid; grid-template-columns: minmax(0, 1fr) 300px; column-gap: 56px; align-items: center; }
.elementor-65475 .elementor-element.elementor-element-0b70289 > .e-con-inner > .elementor-element-1ab2e2b,
.elementor-65475 .elementor-element.elementor-element-0b70289 > .e-con-inner > .elementor-element-f5c5e20 { grid-column: 1; }
.elementor-65475 .elementor-element.elementor-element-0b70289 > .e-con-inner > .e-image-base { grid-column: 2; grid-row: 1 / span 2; justify-self: end; align-self: center; }
@media (max-width: 767px) {
  .elementor-65475 .elementor-element.elementor-element-0b70289 > .e-con-inner { display: flex; flex-direction: column; align-items: flex-start; }
  .elementor-65475 .elementor-element.elementor-element-0b70289 > .e-con-inner > .e-image-base { order: -1; margin-bottom: 20px; }
}/* End custom CSS */