/* Shared responsive fixes for all role templates */

img {
  max-width: 100%;
  height: auto;
}

.content {
  padding-top: 0 !important;
}

.page-header {
  margin-top: 0 !important;
}

.topbar {
  margin-bottom: 0 !important;
}

/* Student template fix: avoid extra top offset from positioned children */
/* .main-wrapper > * {
  position: unset !important;
  z-index: auto !important;
} */

.logo__image {
  display: block;
  height: clamp(34px, 5vw, 50px);
  width: auto;
  max-width: min(220px, 52vw);
  object-fit: contain;
}

.inst-brand .logo__image,
.corp-brand .logo__image,
.brand .logo__image {
  height: clamp(30px, 4.5vw, 44px);
  max-width: min(200px, 48vw);
}

.topbar__brand-logo,
.inst-topbar-logo,
.corp-topbar-logo,
.nav-brand-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

/* Header account dropdown items — match each module's primary nav menu */
#navigation .dropdown-menu .dropdown-item,
.header-profile-dropdown .dropdown-menu .dropdown-item,
.student-programme-nav__menu .dropdown-item {
  font-family: 'Roboto Slab' !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.top-nav .dropdown-menu .dropdown-item {
  font-size: 0.84rem !important;
  font-weight: 600 !important;
}

.inst-topbar .inst-dropdown-menu .dropdown-item {
  font-size: 0.81rem !important;
  font-weight: 600 !important;
}

.corp-topnav .corp-dropdown .dropdown-item {
  font-size: 0.83rem !important;
  font-weight: 600 !important;
}

.topbar .dropdown-menu .dropdown-item,
.admin-topbar .dropdown-menu .dropdown-item {
  font-size: 15px !important;
  font-weight: 600 !important;
}

@media (max-width: 991.98px) {
  #navigation .dropdown-menu .dropdown-item,
  .header-profile-dropdown .dropdown-menu .dropdown-item,
  .student-programme-nav__menu .dropdown-item {
    font-size: 15px !important;
  }
}

@media (max-width: 991.98px) {
  .top-nav__inner,
  .inst-topbar,
  .corp-topnav,
  .admin-topbar {
    min-height: 64px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    gap: 8px;
  }

  .top-nav__menu,
  .inst-topmenu,
  .corp-topmenu {
    display: none !important;
  }

  .logo__image {
    height: clamp(30px, 6vw, 42px);
    max-width: min(170px, 56vw);
  }

  .topbar__brand-logo .logo__image,
  .inst-topbar-logo .logo__image,
  .corp-topbar-logo .logo__image,
  .nav-brand-logo .logo__image {
    height: clamp(28px, 6vw, 40px);
    max-width: min(150px, 52vw);
  }

  .main-content,
  .inst-content,
  .corp-content,
  .admin-content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@media (max-width: 575.98px) {
  .content {
    padding-top: 0 !important;
  }

  .logo__image {
    height: 30px;
    max-width: 145px;
  }

  .page-head,
  .inst-pagehead,
  .corp-pagehead {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .page-head .btn,
  .inst-pagehead .btn,
  .corp-pagehead .btn {
    width: 100%;
  }

  .table-responsive {
    overflow-x: auto;
  }
}

/*
 * Student cart (cart.php): thead must use theme green + white text.
 * ID + !important beats Bootstrap 5.3 .table > :not(caption) > * > * on th/td.
 * Loaded after student-dashboard.css so :root --green is defined.
 */
#studentCartTable thead th {
  --bs-table-bg: #1A2D62 !important;
  --bs-table-color: #fff !important;
  --bs-table-border-color: rgba(255, 255, 255, 0.28) !important;
  background-color: #1A2D62 !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em;
}
/* Table Heading — section headers */
.table.student-cart-table > :not(caption) > thead > tr > th,
.table.student-cart-table thead th,
table.student-cart-table thead th {
  --bs-table-bg: #1A2D62 !important;
  --bs-table-color: #fff !important;
  background-color: #1A2D62 !important;
  background: #1A2D62 !important;
  color: #fff !important;
}


/* Placeholder text only: 3px smaller than field text (typed values unchanged) */
.form-control::placeholder,
textarea.form-control::placeholder,
.form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder {
  font-size: calc(1rem - 3px);
  opacity: 1;
}

.form-control-sm::placeholder,
.form-control-sm::-webkit-input-placeholder {
  font-size: calc(0.875rem - 3px);
  opacity: 1;
}

.form-control-lg::placeholder,
.form-control-lg::-webkit-input-placeholder {
  font-size: calc(1.25rem - 3px);
  opacity: 1;
}

/* Global form fields: label above input, black label text (placeholder styling unchanged above) */
.form-label,
label.form-label,
.form-group > label:not(.form-check-label):not(.btn),
.form-group > .form-label,
.lms-form-field > .form-label,
.lms-form-field > label:first-child:not(.form-check-label),
.student-reg-file-field__label,
.register label:not(.form-check-label),
form label.col-form-label,
.control-label {
  display: block;
  color: #000 !important;
  font-weight: 600;
  margin-bottom: 0.35rem;
}

.form-check-label {
  color: inherit;
  font-weight: inherit;
}

.form-check-label a {
  text-decoration: underline;
}

.form-check-label a:hover {
  color: #019135 !important;
}

.lms-form-field .form-control,
.lms-form-field .form-select {
  width: 100%;
}

.auth-card__content .form-label,
.auth-card__content .lms-form-field > label:first-child {
  color: #000 !important;
}

/*
 * Section taglines (e.g. "Continue Your Top Courses") — keep on one line in app
 * pages with sidebar/catalog layouts. Landing pages use their own scoped styles.
 */
.content .section-title,
.best-cpurse .section-title,
.course-catalog-page .section-title,
.col-xl-9 .section-title,
.col-lg-8 .section-title {
  margin-bottom: 30px;
}

.content .section-title p,
.best-cpurse .section-title p,
.course-catalog-page .section-title p,
.col-xl-9 .section-title p,
.col-lg-8 .section-title p {
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  font-size: clamp(1.35rem, 2.6vw, 2.35rem);
  line-height: 1.25;
}

@media (max-width: 575.98px) {
  .content .section-title p,
  .best-cpurse .section-title p,
  .course-catalog-page .section-title p,
  .col-xl-9 .section-title p,
  .col-lg-8 .section-title p {
    white-space: normal;
    font-size: 1.35rem;
  }
}

/* Force Roboto Slab app-wide (override Bootstrap / system stacks) */
:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
  --bs-font-sans-serif: 'Roboto Slab';
  --bs-font-monospace: 'Roboto Slab';
  --bs-body-font-family: 'Roboto Slab';
}

html, body,
button, input, select, textarea,
.btn, .form-control, .form-select, .dropdown-menu, .modal, .card, .table {
  font-family: 'Roboto Slab' !important;
}

/* Global container width: 80% up to 1280px */
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  width: 90% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Global primary / secondary button colors (all modules) */
:root {
  --lms-btn-primary-bg: #00FF0F;
  --lms-btn-primary-color: #050038;
  --lms-btn-secondary-bg: #7300FF;
  --lms-btn-secondary-color: #FFFFFF;
  --bs-primary: #00FF0F;
  --bs-primary-rgb: 0, 255, 15;
  --bs-secondary: #7300FF;
  --bs-secondary-rgb: 115, 0, 255;
}

/* Primary buttons */
.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn_one,
.btn_one:focus,
.btn_one:active,
.btn-glow,
.btn-glow:focus,
.btn-glow:active,
button.btn-primary,
input[type="submit"].btn-primary,
a.btn-primary {
  background: #7300FF !important;
  background-color: #7300FF !important;
  border-color: #7300FF !important;
  color: #FFFFFF !important;
}

.btn-primary:hover,
.btn_one:hover,
.btn-glow:hover,
a.btn-primary:hover {
  background: #00E60E !important;
  background-color: #00E60E !important;
  border-color: #00E60E !important;
  color: #FFFFFF !important;
}

/* Login / Signup / auth submit buttons (all modules) */


#navigation .call_to_action .btn_one::before,
#navigation .call_to_action a.btn_one::before,
.auth-card__content .btn_one::before,
.login .btn_one::before,
.register .btn_one::before,
#loginSubmitBtn::before,
#regSubmitBtn::before,
.auth-submit::before,
.btn-submit::before {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

#navigation .call_to_action .btn_one:hover,
#navigation .call_to_action .btn_one:focus,
#navigation .call_to_action .btn_one:active,
#navigation .call_to_action a.btn_one:hover,
#navigation .call_to_action .btn_two:hover,
.auth-card__content .btn_one:hover,
.auth-card__content .btn_one:focus,
.login .btn_one:hover,
.register .btn_one:hover,
#loginSubmitBtn:hover,
#loginSubmitBtn:focus,
#regSubmitBtn:hover,
#regSubmitBtn:focus,
#otpSubmitBtn:hover,
#otpSubmitBtn:focus,
.auth-submit:hover,
.auth-submit:focus,
.btn-submit:hover,
.btn-submit:focus {
  background: #00E60E !important;
  background-color: #00E60E !important;
  border-color: #00E60E !important;
  color: #FFFFFF !important;
}

.btn-primary:disabled,
.btn-primary.disabled,
.btn_one:disabled {
  background: #00FF0F !important;
  border-color: #00FF0F !important;
  color: #050038 !important;
  opacity: 0.65;
}

.btn-check:checked + .btn-primary,
.btn-primary:first-child:active,
:not(.btn-check) + .btn-primary:active {
  background: #00CC0C !important;
  border-color: #00CC0C !important;
  color: #050038 !important;
}

/* Secondary buttons */
.btn-secondary,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn_two,
.btn_two:focus,
.btn_two:active,
button.btn-secondary,
input[type="submit"].btn-secondary,
a.btn-secondary {
  background: #7300FF !important;
  background-color: #7300FF !important;
  border-color: #7300FF !important;
  color: #FFFFFF !important;
}

.btn-secondary:hover,
.btn_two:hover,
a.btn-secondary:hover {
  background: #6200D9 !important;
  background-color: #6200D9 !important;
  border-color: #6200D9 !important;
  color: #FFFFFF !important;
}

.btn-secondary:disabled,
.btn-secondary.disabled,
.btn_two:disabled {
  background: #7300FF !important;
  border-color: #7300FF !important;
  color: #FFFFFF !important;
  opacity: 0.65;
}

.btn-check:checked + .btn-secondary,
.btn-secondary:first-child:active,
:not(.btn-check) + .btn-secondary:active {
  background: #5C00CC !important;
  border-color: #5C00CC !important;
  color: #FFFFFF !important;
}

/* Outline variants aligned to brand buttons */
.btn-outline-primary {
  color: #050038 !important;
  border-color: #00FF0F !important;
  background: transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background: #00FF0F !important;
  border-color: #00FF0F !important;
  color: #050038 !important;
}

.btn-outline-secondary {
  color: #7300FF !important;
  border-color: #7300FF !important;
  background: transparent !important;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
  background: #7300FF !important;
  border-color: #7300FF !important;
  color: #FFFFFF !important;
}

/* Testimonial section */
.testi_home_area {
  margin-top: 60px !important;
}
.testi_home_area .section-title h2,
.testi_home_area .section-title h2 span,
.testi_home_area .section-title p span,
.testi_home_area .section-title p span u {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #009233 !important;
  color: #009233 !important;
}
.testi_home_area .section-title h2::after {
  background: #009233 !important;
}
.testi_home_area .testimonial {
  margin-top: 0 !important;
  padding-top: 28px !important;
}
.testi_home_area .testimonial_content {
  padding-top: 0 !important;
}


/* About section (.ab_one) */
.ab_one {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.index-landing .ab_one .ab_content h2{
  color: #1A2D62 !important;
  -webkit-text-fill-color : #1A2D62 !important;
}
.ab_one .ab_img img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}
.ab_one .ab_content h2,
.ab_one .ab_content h2 span,
.ab_one .ab_content h2 u,
.ab_one .ab_content h2 u span {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #009233 !important;
  color: #009233 !important;
}
.ab_one .ab_content p,
.ab_one .ab_content p strong,
.ab_one p {
  color: #1A2D62 !important;
}
.ab_one .ab_content .btn_one,
.ab_one .btn_one {
  background: #00FF0F !important;
  background-color: #00FF0F !important;
  border-color: #00FF0F !important;
  color: #050038 !important;
}
.ab_one .ab_content .btn_one:hover,
.ab_one .btn_one:hover,
.ab_one .ab_content .btn_one:focus,
.ab_one .btn_one:focus {
  background: #00E60E !important;
  background-color: #00E60E !important;
  border-color: #00E60E !important;
  color: #FFFFFF !important;
}
.ab_one .ab_content .btn_one:before,
.ab_one .btn_one:before {
  background: #00E60E !important;
}


/* Card sections: larger headings, Primary buttons, no extra bottom spacing */
.course-slide,
.course-slide2,
.course-slide3,
.course-slide.product-grid {
  margin-bottom: 0 !important;
}
.course-content h3 a,
.course-content2 h3 a,
.course-content3 h3 a {
  font-size: 24px !important;
  line-height: 34px !important;
}
.course-content .c_btn,
.course-content2 .c_btn,
.course-content3 .c_btn,
a.c_btn {
  background: #00FF0F !important;
  background-color: #00FF0F !important;
  border-color: #00FF0F !important;
  color: #050038 !important;
  margin-bottom: 0 !important;
}
.course-content .c_btn:hover,
.course-content2 .c_btn:hover,
.course-content3 .c_btn:hover,
a.c_btn:hover {
  background: #00E60E !important;
  background-color: #00E60E !important;
  border-color: #00E60E !important;
  color: #FFFFFF !important;
}
.course-content .request-demo-btn.btn_one,
a.request-demo-btn.btn_one {
  margin-bottom: 0 !important;
}


/* Hero typography + primary CTAs */
.home_content h1 {
  line-height: 72px !important;
}
@media only screen and (max-width: 960px) {
  .home_content h1 {
    line-height: 1.15 !important;
  }
}
.home_content p {
  font-size: 24px !important;
}
.home_bg .home_btn .btn_two,
.home_bg .home_btn a.btn_two {
  background: #00FF0F !important;
  background-color: #00FF0F !important;
  border-color: #00FF0F !important;
  color: #050038 !important;
}
.home_bg .home_btn .btn_two:hover,
.home_bg .home_btn a.btn_two:hover {
  background: #00E60E !important;
  background-color: #00E60E !important;
  border-color: #00E60E !important;
  color: #FFFFFF !important;
}
.home_bg .home_btn .btn_one:before,
.home_bg .home_btn .btn_two:before {
  background: #00E60E !important;
}


/* Hero section spacing */
.home_bg,
.section-top,
.home_img_bg,
.hero-section,
section.hero {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

/* Footer: use title-section background image (not solid black) */
.footer,
.site-footer {
  background: url(../images/banner/section-top.png) center center / cover no-repeat !important;
  background-color: transparent !important;
}

/* =============================================================================
   Navigation menu: gradient hover/active, improved full-width dropdown
   (nav item spacing left at original theme values)
   ============================================================================= */
/* Active + Hover gradient (text) */
#main-menu ul li > a:hover,
#main-menu ul li > a:focus,
#main-menu ul li > a.active,
#main-menu ul li.active > a,
#main-menu ul li > a[aria-current="page"],
#navigation.navbar-fixed #main-menu ul li > a:hover,
#navigation.navbar-fixed #main-menu ul li > a:focus,
#navigation.navbar-fixed #main-menu ul li > a.active,
#navigation #main-menu ul li > a:hover,
#navigation #main-menu ul li > a:focus,
#navigation #mobile_menu li a:hover,
#navigation #mobile_menu li a:focus,
#navigation #mobile_menu li a.active {
  background-image: linear-gradient(45deg, #00FF0F, #F86702) !important;
  background-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* Underline accent on hover/active top-level items */
#main-menu > ul > li > a {
  position: relative;
}
#main-menu > ul > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(45deg, #00FF0F, #F86702);
  opacity: 0;
  transform: scaleX(0.6);
  transition: opacity 0.25s ease, transform 0.25s ease;
}
#main-menu > ul > li > a:hover::after,
#main-menu > ul > li > a:focus::after,
#main-menu > ul > li > a.active::after,
#main-menu > ul > li.active > a::after {
  opacity: 1;
  transform: scaleX(1);
}

/* Full-width mega dropdown relative to navigation bar */
#navigation {
  position: relative !important;
}
#navigation #main-menu > ul > li {
  position: static !important;
}

#navigation #main-menu ul li .ul1,
#navigation #main-menu ul li ul li .ul1 {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  border-top: 3px solid transparent !important;
  border-image: linear-gradient(45deg, #00FF0F, #F86702) 1 !important;
  background: #ffffff !important;
  box-shadow: 0 16px 40px rgba(5, 0, 56, 0.12) !important;
  margin-top: 0 !important;
}

/* Nested (non-mega) dropdown panels */
#navigation #main-menu ul li > ul:not(.ul1) {
  width: 100% !important;
  min-width: 220px !important;
  left: 0 !important;
  padding: 12px 0 !important;
  border-radius: 12px !important;
  border-top: 3px solid transparent !important;
  border-image: linear-gradient(45deg, #00FF0F, #F86702) 1 !important;
  background: #ffffff !important;
  box-shadow: 0 16px 40px rgba(5, 0, 56, 0.12) !important;
}

/* Improved dropdown item design — slightly tighter line-height */
#navigation #main-menu ul li ul li a,
#navigation.navbar-fixed #main-menu ul li ul li a,
#navigation #main-menu ul li .ul1 li a,
#navigation.navbar-fixed #main-menu ul li .ul1 li a,
#navigation .dropdown-menu .dropdown-item,
.header-profile-dropdown .dropdown-menu .dropdown-item {
  padding: 6px 12px !important;
  line-height: 1.35 !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  color: #1a2d62 !important;
  -webkit-text-fill-color: #1a2d62 !important;
  background-image: none !important;
  background-clip: border-box !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
  white-space: normal !important;
}

#navigation #main-menu ul li ul li a:hover,
#navigation #main-menu ul li ul li a:focus,
#navigation.navbar-fixed #main-menu ul li ul li a:hover,
#navigation.navbar-fixed #main-menu ul li ul li a:focus,
#navigation #main-menu ul li .ul1 li a:hover,
#navigation.navbar-fixed #main-menu ul li .ul1 li a:hover,
#navigation .dropdown-menu .dropdown-item:hover,
#navigation .dropdown-menu .dropdown-item:focus,
.header-profile-dropdown .dropdown-menu .dropdown-item:hover {
  background-color: rgba(0, 255, 15, 0.08) !important;
  background-image: linear-gradient(45deg, #00FF0F, #F86702) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  text-decoration: none !important;
}

/* Bootstrap header dropdowns: full width of toggle where previously constrained */
#navigation .dropdown-menu,
.header-profile-dropdown .dropdown-menu,
.student-programme-nav__menu {
  width: 100% !important;
  min-width: 220px !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 10px !important;
  box-shadow: 0 16px 40px rgba(5, 0, 56, 0.12) !important;
  border-top: 3px solid transparent !important;
  border-image: linear-gradient(45deg, #00FF0F, #F86702) 1 !important;
}
/* =============================================================================
   Main home / landing pages ONLY (not module pages)
   Scope: .index-landing | .landing-pro | .student-landing | .kids-landing | .instructor-landing
   H1 48/72 | H2 32/48 | H3 20/32 | H4-H6 & buttons 18/28 | P 18/28 #1A2D62
   ============================================================================= */
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) h1,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .h1 {
  font-size: 46px !important;
  line-height: 64px !important;
}

:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) h2,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .h2 {
  font-size: 28px !important;
  line-height: 32px !important;
}

:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) h3,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .h3 {
  font-size: 20px !important;
  line-height: 32px !important;
  color: #019235;
}

:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) h4,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .h4,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) h5,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .h5,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) h6,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .h6 {
  font-size: 18px !important;
  line-height: 28px !important;
}

:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) p {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  color: #1A2D62 !important;
}

/* Keep hero / light-on-dark copy readable */
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .home_content p,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .text-light p {
  color: inherit !important;
}

:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) button,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn_one,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn_two,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn_three,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .c_btn,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-glow,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-primary,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-secondary,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-success,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-danger,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-warning,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-info,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-light,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-dark,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-outline-primary,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-outline-secondary,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-outline-success,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-outline-danger,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-outline-warning,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-outline-info,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-outline-light,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) .btn-outline-dark,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) input[type="submit"],
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) input[type="button"],
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) input[type="reset"],
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) a.btn_one,
:is(.index-landing, .landing-pro, .student-landing, .kids-landing, .instructor-landing) a.btn_two {
  font-family: 'Roboto Slab' !important;
  font-size: 18px !important;
  line-height: 28px !important;
}

/* Header row polish: hide legacy top contact bar; align utilities + CTA */


#navigation .home_lc {
  display: inline-flex !important;
  align-items: center;
  margin-top: 10px !important;
  vertical-align: middle;
}

#navigation .call_to_action {
  display: inline-flex;
  align-items: center;
  margin-top: 0 !important;
  margin-left: 15px;
  vertical-align: middle;
}