.elementor-kit-3131{--e-global-color-primary:#0C140F;--e-global-color-secondary:#41454F;--e-global-color-text:#F8F8F8;--e-global-color-accent:#00A264;--e-global-color-c2ca1ad:#00A264;--e-global-color-76d7cd0:#0C140F;--e-global-color-9b700cf:#41454F;--e-global-color-e24a4f1:#F8F8F8;--e-global-color-f98c079:#FFFFFF;--e-global-color-6b7954b:#F8F8F8;--e-global-color-e23e2e0:#FFFFFF;--e-global-color-253af71:#145D54;--e-global-color-ac037d9:#EAC435;--e-global-color-fcc9238:#E7EEED;--e-global-color-908bc83:#F4FAFF;--e-global-color-3fa4718:#2A91E7;--e-global-color-53bdeb5:#111827;--e-global-color-815541b:#374151;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:2.5rem;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-0f026c0-font-family:"Bricolage Grotesque";--e-global-typography-0f026c0-font-size:2.5rem;--e-global-typography-0f026c0-font-weight:600;--e-global-typography-b69efdf-font-family:"Bricolage Grotesque";--e-global-typography-b69efdf-font-size:1.4rem;--e-global-typography-b69efdf-font-weight:600;--e-global-typography-b69efdf-line-height:1.1em;--e-global-typography-5e8930e-font-family:"Inter";--e-global-typography-5e8930e-font-size:1.125em;--e-global-typography-5e8930e-font-weight:600;--e-global-typography-5e8930e-line-height:1.3em;--e-global-typography-31e06e4-font-family:"Inter";--e-global-typography-31e06e4-font-size:0.9375rem;--e-global-typography-31e06e4-font-weight:400;--e-global-typography-31e06e4-line-height:1.5em;}.elementor-kit-3131 e-page-transition{background-color:#FFBC7D;}.elementor-kit-3131 h1{font-family:"Poppins", Sans-serif;line-height:1px;}.elementor-kit-3131 h2{font-size:16px;line-height:58px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-3131{--e-global-typography-primary-font-size:2.1rem;--e-global-typography-primary-line-height:1.2em;--e-global-typography-5e8930e-font-size:1.0625em;--e-global-typography-31e06e4-font-size:0.875rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-3131{--e-global-typography-primary-font-size:1.75rem;--e-global-typography-primary-line-height:1.1em;--e-global-typography-text-font-size:0.9rem;--e-global-typography-text-line-height:1.1em;--e-global-typography-0f026c0-font-size:1.6rem;--e-global-typography-0f026c0-line-height:1.1em;--e-global-typography-b69efdf-font-size:1.6rem;--e-global-typography-b69efdf-line-height:1.1em;--e-global-typography-5e8930e-font-size:1em;--e-global-typography-5e8930e-line-height:1.35em;--e-global-typography-31e06e4-line-height:1.6em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =====================================================
   WISDOMQUANT – SITE SETTINGS (CLEAN MASTER)
   Goals:
   - Keep scope tight (avoid unintended global changes)
   - Remove duplicates / test code
   - Preserve confirmed behavior across site + TutorLMS + Elementor
===================================================== */


/* =====================================================
   1) LINK BEHAVIOR + LINK COLORS
===================================================== */

/* Remove underline globally */
a {
  text-decoration: none !important;
}

/* Link color tokens */
:root {
  --wq-link: #2491E7;
  --wq-link-hover: #1c78c3;
}

/* Keep header/footer/nav links unchanged */
.elementor-location-header a,
.elementor-location-footer a,
header a,
footer a,
.elementor-nav-menu a {
  color: inherit !important;
  text-decoration: inherit !important;
}

/* Blog cards: keep original colors */
.elementor-post a,
.elementor-post__title a,
.elementor-post__read-more,
.elementor-post__excerpt a,
.elementor-post-info a {
  color: inherit !important;
  text-decoration: inherit !important;
}

/* Apply link color ONLY to normal content links (exclude buttons) */
.site-main a:not(.elementor-button):not(.wp-block-button__link),
.entry-content a:not(.elementor-button):not(.wp-block-button__link),
.elementor-widget-theme-post-content a:not(.elementor-button):not(.wp-block-button__link),
.elementor-widget-text-editor a:not(.elementor-button):not(.wp-block-button__link),
.elementor-widget-heading a:not(.elementor-button):not(.wp-block-button__link),
.elementor-widget-icon-list a:not(.elementor-button):not(.wp-block-button__link) {
  color: var(--wq-link) !important;
}

/* Hover underline for normal content links only */
.site-main a:not(.elementor-button):not(.wp-block-button__link):hover,
.site-main a:not(.elementor-button):not(.wp-block-button__link):focus,
.entry-content a:not(.elementor-button):not(.wp-block-button__link):hover,
.entry-content a:not(.elementor-button):not(.wp-block-button__link):focus,
.elementor-widget-theme-post-content a:not(.elementor-button):not(.wp-block-button__link):hover,
.elementor-widget-theme-post-content a:not(.elementor-button):not(.wp-block-button__link):focus,
.elementor-widget-text-editor a:not(.elementor-button):not(.wp-block-button__link):hover,
.elementor-widget-text-editor a:not(.elementor-button):not(.wp-block-button__link):focus,
.elementor-widget-heading a:not(.elementor-button):not(.wp-block-button__link):hover,
.elementor-widget-heading a:not(.elementor-button):not(.wp-block-button__link):focus,
.elementor-widget-icon-list a:not(.elementor-button):not(.wp-block-button__link):hover,
.elementor-widget-icon-list a:not(.elementor-button):not(.wp-block-button__link):focus {
  color: var(--wq-link-hover) !important;
  text-decoration: underline;
}

/* Post navigation links */
.post-navigation a,
.post-navigation a:visited,
.navigation.post-navigation a,
.navigation.post-navigation a:visited,
.nav-links a,
.nav-links a:visited {
  color: var(--wq-link) !important;
}


/* =====================================================
   2) BUTTONS (SCOPED ONLY)
===================================================== */

/* Header "Login" button – always white (header only) */
.elementor-location-header .elementor-button,
.elementor-location-header a.elementor-button,
.elementor-location-header .elementor-button .elementor-button-text,
.elementor-location-header .elementor-button span {
  color: #ffffff !important;
}

/* Loop Grid course cards ONLY – default button text white */
.e-loop-item .elementor-button .elementor-button-text,
.e-loop-item .elementor-button span {
  color: #ffffff !important;
}

/* Loop Grid course cards ONLY – hover button text black */
.e-loop-item .elementor-button:hover .elementor-button-text,
.e-loop-item .elementor-button:hover span {
  color: #000000 !important;
}

/* Gutenberg buttons – safe inherit */
.wp-block-button__link span {
  color: inherit !important;
}


/* =====================================================
   3) TYPOGRAPHY – BLOG POSTS ONLY + MOBILE CONTENT TYPOGRAPHY
===================================================== */

body.single-post .elementor-post-content h1 {
  font-size: 2rem;
  line-height: 1.25em;
}

body.single-post .elementor-post-content h2 {
  font-size: 1.6rem;
  line-height: 1.3em;
}

body.single-post .elementor-post-content h3 {
  font-size: 1.35rem;
  line-height: 1.35em;
}

body.single-post .elementor-post-content h4 {
  font-size: 1.2rem;
  line-height: 1.4em;
}

/* WisdomFont: Mobile typography for pages + posts only (no header/menu) */
@media (max-width: 767px) {

  /* Limit scope to page/post content areas */
  body:not(.elementor-editor-active) .entry-content,
  body:not(.elementor-editor-active) .elementor-widget-theme-post-content,
  body:not(.elementor-editor-active) .elementor-location-single .elementor-widget-theme-post-content {
    font-size: 1rem;
    line-height: 1.6em;
  }

  /* Page/Post title (single) */
  body.single-post .entry-title,
  body.page .entry-title,
  body.single-post .elementor-widget-theme-post-title .elementor-heading-title,
  body.page .elementor-widget-theme-post-title .elementor-heading-title {
    font-size: 1.6rem !important;
    line-height: 1.25em !important;
  }

  /* Headings inside content */
  body:not(.elementor-editor-active) .entry-content h1,
  body:not(.elementor-editor-active) .elementor-widget-theme-post-content h1 {
    font-size: 1.6rem !important;
    line-height: 1.25em !important;
  }

  body:not(.elementor-editor-active) .entry-content h2,
  body:not(.elementor-editor-active) .elementor-widget-theme-post-content h2 {
    font-size: 1.3rem !important;
    line-height: 1.3em !important;
  }

  body:not(.elementor-editor-active) .entry-content h3,
  body:not(.elementor-editor-active) .elementor-widget-theme-post-content h3 {
    font-size: 1.1rem !important;
    line-height: 1.35em !important;
  }

  body:not(.elementor-editor-active) .entry-content h4,
  body:not(.elementor-editor-active) .elementor-widget-theme-post-content h4 {
    font-size: 1rem !important;
    line-height: 1.4em !important;
  }

  /* Lists */
  body:not(.elementor-editor-active) .entry-content ul,
  body:not(.elementor-editor-active) .entry-content ol,
  body:not(.elementor-editor-active) .elementor-widget-theme-post-content ul,
  body:not(.elementor-editor-active) .elementor-widget-theme-post-content ol {
    line-height: 1.6em !important;
  }
}


/* =====================================================
   4) PROGRAM/CARD PILLS (ACF-based)
===================================================== */

.pill-instant-access {
  background-color: #22c55e !important;
  color: #ffffff !important;
}

.pill-launch {
  background-color: #ffe97f !important;
  color: #1f2937 !important;
}


/* =====================================================
   5) WQ ACCOUNT MENU (DROPDOWN)
===================================================== */

.wq-account-wrap{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.wq-account-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  height: 40px !important;
  padding: 0 14px !important;

  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;

  background: #2A91E7 !important;
  color: #ffffff !important;

  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.wq-account-btn:hover{ opacity: 0.92 !important; }

.wq-account-btn,
.wq-account-btn:visited,
.wq-account-btn:focus{
  color: #ffffff !important;
  background: #2A91E7 !important;
}

.wq-account-avatar{
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #ffffff !important;
  color: #2A91E7 !important;
  font-weight: 800 !important;
  font-size: 13px !important;

  box-shadow: none !important;
  border: 0 !important;
}

.wq-account-avatar,
.wq-account-avatar *{
  color: #2A91E7 !important;
}

.wq-account-name{
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 14px !important;

  max-width: 160px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.wq-account-caret{
  color: #ffffff !important;
  opacity: 0.9 !important;
}

/* Dropdown container */
.wq-account-dd{
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  top: calc(100% + 10px) !important;

  min-width: 260px !important;

  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.10) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 35px rgba(0,0,0,0.14) !important;

  padding: 10px !important;
  display: none !important;

  z-index: 999999 !important;
}

.wq-account-wrap.is-open .wq-account-dd{
  display: block !important;
}

.wq-account-dd .wq-account-dd-header{
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  padding: 8px 10px 10px 10px !important;
}

.wq-account-dd .wq-account-dd-divider{
  height: 1px !important;
  background: rgba(0,0,0,0.08) !important;
  margin: 0 10px 8px 10px !important;
}

/* Dropdown links */
.wq-account-dd a{
  position: relative !important;
  display: flex !important;
  align-items: center !important;

  padding: 10px 10px 10px 40px !important;
  border-radius: 10px !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  color: #111111 !important;
  text-decoration: none !important;
}

.wq-account-dd a:hover,
.wq-account-dd a:focus{
  background: rgba(0,0,0,0.06) !important;
}

.wq-account-dd a::before{
  position: absolute;
  left: 12px;
  font-size: 15px;
  line-height: 1;
}

.wq-account-dd a[href$="/dashboard-2-2/"]::before{ content: "🏠"; }
.wq-account-dd a[href*="/my-profile/"]::before{ content: "👤"; }
.wq-account-dd a[href*="/settings/"]::before{ content: "⚙️"; }
.wq-account-dd a[href*="logout"]::before{ content: "↪"; }

/* Mobile account menu tweaks */
@media (max-width: 767px){
  .wq-account-name{ display: none !important; }

  .wq-account-dd{
    width: min(92vw, 320px) !important;
    max-width: 92vw !important;
    top: calc(100% + 8px) !important;
  }

  .wq-account-dd a{
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
  }
}


/* =====================================================
   6) HEADER HAMBURGER (FULL-SCREEN DROPDOWN) + ICON FIXES
===================================================== */

@media (max-width: 1024px){

  /* Full-screen dropdown */
  .elementor-location-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    z-index: 999999 !important;
    margin: 0 !important;

    background: #2A91E7 !important;
    padding: 140px 22px 22px 22px !important; /* final spacing */
  }

  /* Keep toggle clickable above the overlay */
  .elementor-location-header .elementor-menu-toggle{
    position: relative !important;
    z-index: 1000000 !important;
    pointer-events: auto !important;
  }

  /* When open: pin toggle to top-right */
  .elementor-location-header .elementor-menu-toggle.elementor-active{
    position: fixed !important;
    top: 32px !important;
    right: 22px !important;
    width: 48px !important;
    height: 48px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Kill submenu caret / chevron completely */
  .elementor-location-header .elementor-nav-menu__container .elementor-sub-item::after,
  .elementor-location-header .elementor-nav-menu__container .elementor-nav-menu--dropdown .sub-arrow,
  .elementor-location-header .elementor-nav-menu__container .elementor-item:after{
    display: none !important;
    content: none !important;
  }

  /* FORCE a real X on open */
  .elementor-location-header .elementor-menu-toggle.elementor-active svg{
    display: none !important;
  }

  .elementor-location-header .elementor-menu-toggle.elementor-active::before{
    content: "✕" !important;
    display: block !important;
    font-size: 34px !important;
    line-height: 1 !important;
    color: #ffffff !important;
  }

  /* Menu list */
  .elementor-location-header
  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container
  .elementor-nav-menu{
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Menu items */
  .elementor-location-header
  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container a{
    display: block !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 20px 22px !important;
    border-radius: 18px !important;
  }

  /* Active item highlight */
  .elementor-location-header
  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container
  .current-menu-item > a,
  .elementor-location-header
  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container
  .current-menu-ancestor > a{
    background: rgba(255,255,255,0.18) !important;
  }

  /* Ensure hamburger icon is white (closed state) */
  .elementor-location-header .elementor-menu-toggle svg{
    fill: #ffffff !important;
  }
}

/* Make hamburger menu and login button the same size (tablet + mobile) */
@media (max-width: 1024px){

  .elementor-location-header .elementor-menu-toggle,
  .elementor-location-header .wq-account-btn{
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .elementor-location-header .elementor-menu-toggle{
    width: 44px !important;
    background: #2A91E7 !important;
  }

  .elementor-location-header .elementor-menu-toggle svg{
    fill: #ffffff !important;
  }

  .elementor-location-header .wq-account-btn{
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-display: auto;
	src: url('https://www.wisdomquant.com/?attachment_id=3136') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bricolage Grotesque';
	font-display: auto;
	src: url('https://www.wisdomquant.com/?attachment_id=3135') format('truetype');
}
/* End Custom Fonts CSS */