.header-bar-social-icons i {
	padding-right: 15px; font-size: 26px; color: #ffffff;}.mc4wp-form{text-align:center}.mc4wp-form input[type="submit"]
{padding: 15px 36px;}.mc4wp-form-fields{display:flex;}
html,
body{
width:100%;
overflow-x:hidden;
}
img.swiper-slide-image {


float: left;

}
/* Temporary fix for Jetpack CSS conflict with Elementor Slides & Carousel widgets */
selector .swiper-container{
   width: 100%;
}


.site-content > .tg-container {
  max-width: 100%;
}

.entry-content p {
  font-family: Lato;
  font-weight: 400;
}

pre {
  font-family: Lato;
  font-weight: 400;
}

.entry-content blockquote p {
  font-family: Lato;
  font-weight: 400;
}

.entry-content a:hover {
  text-decoration: none;
}

.woocommerce
  .content-area
  ul.products
  li.zakra-product--style-2
  .wc-forward.added_to_cart,
.wc-block-grid__products
  .wc-block-grid__product.zakra-product--style-2
  .wc-block-grid__product-add-to-cart
  .added_to_cart {
  background-color: #1ac473;
}

.woocommerce
  .content-area
  ul.products
  li.zakra-product--style-2
  .wc-forward.added_to_cart:hover,
.wc-block-grid__products
  .wc-block-grid__product.zakra-product--style-2
  .wc-block-grid__product-add-to-cart
  .added_to_cart:hover,
.wc-block-grid__products
  .wc-block-grid__product
  .wc-block-grid__product-add-to-cart
  .wp-block-button__link:hover {
  background-color: #ff592c;
}

.site-branding .custom-logo-link img {
  max-width: 215px;
}

.site-branding .site-title,
.site-branding .site-title a {
  color: #1ac473;
}

.site-branding .site-title:hover,
.site-branding .site-title a:hover {
  color: #ff592c;
}

.site-branding .site-description {
  color: #000000;
}

.wp-custom-header .tg-header-image-cta__text {
  color: rgb(244, 244, 244);
}

.tg-site-header-top {
}

.tg-site-header-top a {
  color: #16181a;
}

.tg-site-header-top a:hover {
  color: #16181a;
}

.tg-site-header-top .widget .widget-title {
  color: #16181a;
}

.tg-site-header-top {
  border-bottom-width: Arraypx;
}

.tg-site-header-bottom {
  padding-top: 5;
}

.main-navigation.tg-primary-menu
  > div
  ul
  li.tg-header-button-wrap.tg-header-button-one {
}

.main-navigation.tg-primary-menu > div ul li.tg-header-button-wrap a {
  font-family: Lato;
  font-weight: 400;
}

 {
  border-bottom-width: 0px;
}

.main-navigation.tg-primary-menu
  > div
  ul
  li.tg-header-button-wrap-second.tg-header-button-two-wrap
  a {
}

 {
  border-bottom-width: 0px;
}

.main-navigation.tg-primary-menu
  > div
  ul
  li.tg-header-button-wrap.tg-header-button-two-wrap {
}

.main-navigation.tg-primary-menu
  > div
  ul
  li.tg-header-button-wrap.tg-header-button-two-wrap
  a {
  font-family: Lato;
  font-weight: 400;
}

.main-navigation.tg-primary-menu
  > div
  ul
  li.tg-header-button-wrap.tg-header-button-two-wrap
  a {
  border-width: Arraypx;
}

@media screen and (min-width: 768px) {
  .tg-site-header-bottom .tg-block--two {
    background-color: rgb(0, 0, 0);
  }
}

.tg-primary-menu.tg-menu-item--button
  > div
  > ul
  > li:not(.tg-header-button-wrap)
  > a {
  background-color: Array;
}

.tg-primary-menu.tg-menu-item--button
  > div
  > ul
  > li:not(.tg-header-button-wrap):hover
  > a {
  background-color: Array;
}

.tg-primary-menu.tg-menu-item--button
  > div
  > ul
  > li:not(.tg-header-button-wrap).current_page_item
  > a,
.tg-primary-menu.tg-menu-item--button
  > div
  > ul
  > li:not(.tg-header-button-wrap).current-menu-item
  > a,
.tg-primary-menu.tg-menu-item--button
  > div
  > ul
  > li:not(.tg-header-button-wrap)
  > a.tg-current-menu-item {
  background-color: Array;
}

.tg-menu-item .tg-icon {
  color: rgb(255, 255, 255);
}

.main-navigation.tg-primary-menu > div ul li ul li:hover > a {
  color: #494dbb;
}

.main-navigation.tg-primary-menu > div ul li ul li:active > a,
.main-navigation.tg-primary-menu > div ul li ul li.current_page_item > a,
.main-navigation.tg-primary-menu > div ul li ul li.current-menu-item > a {
  color: #f35488;
}

.tg-primary-menu > div ul li ul {
  width: Arraypx;
}

.tg-primary-menu > div ul li ul {
  background-color: #000000;
}

.tg-primary-menu > div ul li ul {
  border-top-width: 0.5;
  border-right-width: 0.5;
  border-bottom-width: 0.5;
  border-left-width: 0.5;
}

.tg-primary-menu > div ul li ul {
  border-color: rgba(233, 236, 239, 0.71);
}

@media screen and (max-width: 768px) {
  .tg-mobile-toggle {
    display: flex;
  }

  .main-navigation,
  .tg-menu-item-search a,
  .tg-right-menu,
  .tg-left-menu,
  .tg-menu-item-cart {
    display: none;
  }

  .tg-mobile-navigation {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .tg-mobile-toggle {
    color: #ffffff;
  }
}

.tg-mobile-navigation ul ul li a {
  font-family: Lato;
  font-weight: 400;
}

.tg-site-header.tg-site-header--transparent .tg-header-transparent-wrapper {
}

.hentry .tg-read-more {
  color: #1e73be;
}

.hentry .tg-read-more:hover {
  color: #81d742;
}

.tg-read-more-wrapper.tg-read-more--button a {
  background-color: Array;
}

.tg-read-more-wrapper.tg-read-more--button a:hover {
  background-color: Array;
}

.tg-numbered-pagination .nav-links a,
.tg-numbered-pagination .nav-links span,
.tg-sticky-panel .tg-cart-data .amount {
  color: #1ac473;
  border-color: #1ac473;
}

.tg-numbered-pagination .nav-links span.current,
.tg-numbered-pagination .nav-links a:hover,
.tg-numbered-pagination .nav-links a:focus,
.tg-read-more-wrapper.tg-read-more--button a,
.tg-secondary-menu .tg-toggle,
.woocommerce
  .content-area
  ul.products
  li.zakra-product--style-2
  .added_to_cart {
  background-color: #1ac473;
}

.tg-sticky-panel {
  border-bottom-color: #1ac473;
  border-top-color: #1ac473;
}

.woocommerce
  .zakra-filter-sidebar
  .wc-block-components-price-slider__range-input-progress {
  --range-color: #1ac473;
}

.zakra-filter-sidebar-toggle:hover .zakra-icon--filter {
  fill: #1ac473;
}

.posts-navigation,
.tg-numbered-pagination {
  background-color: Array;
}

.tg-numbered-pagination .nav-links a:hover,
.tg-numbered-pagination .nav-links a:focus,
.tg-numbered-pagination .nav-links span.current {
  background-color: Array;
}

.entry-title a {
  color: #222222;
}

.entry-title a:hover {
  color: #1e73be;
}

.zakra-article .entry-content,
.zakra-article .entry-content p {
  color: #5e5e5e;
}

body:not(.tg-blog-archive-style--grid):not(.tg-blog-archive-style--thumbnail)
  .zakra-article {
  background-color: Array;
}

body:not(.single).tg-blog-archive-style--grid
  .zakra-article
  .tg-article-container {
  background-color: Array;
}

body:not(.single).tg-blog-archive-style--thumbnail .zakra-article {
  background-color: Array;
}

.tg-read-more {
  font-family: Lato;
  font-weight: 400;
}

.tg-meta-style-two .entry-meta > span::before {
  color: #f35488;
}

.tg-meta-style-two .entry-meta a {
  color: #5e5e5e;
}

.tg-meta-style-two .entry-meta a:hover {
  color: #f35488;
}

.entry-meta > span a {
  font-family: Lato;
  font-weight: 400;
}

.entry-meta > span {
  font-family: Lato;
  font-weight: 400;
}

.tg-site-sidebar .widget,
.tg-site-sidebar .widget p {
  color: #000000;
}

.tg-site-sidebar .widget a {
  color: #5e5e5e;
}

.tg-site-sidebar .widget a:hover,
.tg-site-sidebar .widget a:focus {
  color: #81d742;
}

.tg-site-sidebar .widget li {
  border-bottom-width: Arraypx;
}

.page .tg-page-header .tg-page-header__title {
  font-weight: 700;
  font-size: 2.5rem;
}

.single .tg-page-header .tg-page-header__title {
  font-family: Lato;
  font-weight: 700;
}

.tg-site-footer .tg-site-footer-bar .tg-container {
  padding-top: 1.2em;
  padding-bottom: 1.2em;
}

.tg-site-footer .tg-site-footer-bar .widget .widget-title {
  font-family: Lato;
  font-weight: 400;
}

.tg-site-footer .tg-site-footer-bar .widget {
  font-family: Lato;
  font-weight: 400;
}

.tg-site-footer .tg-site-footer-bar .menu li a {
  font-family: Lato;
  font-weight: 400;
}

.tg-site-footer .tg-site-footer-bar {
  font-family: Lato;
  font-weight: 400;
}

.tg-site-footer .tg-footer-widget-container {
  padding-top: 050px;
  padding-bottom: 0px;
}

.tg-site-footer .tg-site-footer-widgets .widget .widget-title {
  margin-bottom: 0rem;
}

.tg-site-footer .tg-site-footer-widgets ul li a {
  padding-bottom: 0rem;
}

.tg-site-footer .tg-site-footer-widgets ul li a {
  background-color: Array;
}

.tg-site-footer .tg-site-footer-widgets .widget .widget-title {
  font-family: Lato;
  font-weight: 900;
}

.tg-site-footer .tg-site-footer-widgets .widget {
  font-family: Lato;
  font-weight: 400;
}

.tg-scroll-to-top {
  width: Arraypx;
}

.tg-scroll-to-top {
  border-radius: Arraypx;
}

.tg-scroll-to-top .tg-icon,
.tg-scroll-to-top .fa {
  font-size: Arrayrem;
}

.woocommerce a span.onsale,
.wc-block-grid__products .wc-block-grid__product-onsale,
.woocommerce
  .content-area
  ul.products
  li.product
  .zakra-onsale-over-image-wrapper
  .onsale,
.woocommerce .content-area ul.products .zakra-onsale-wrapper .onsale,
.wc-block-grid__products
  .wc-block-grid__product
  .zakra-onsale-normal-wrapper
  span,
.wc-block-grid__products
  .wc-block-grid__product
  .zakra-onsale-over-image-wrapper
  span,
li.product .product__content .zakra-onsale-below-image-wrapper span {
  color: rgb(221, 51, 51);
}

@media screen and (min-width: 1200px) {
  .tg-container {
    max-width: Arraypx;
  }
}

a:hover,
a:focus,
.tg-primary-menu > div ul li:hover > a,
.tg-primary-menu > div ul li.current_page_item > a,
.tg-primary-menu > div ul li.current-menu-item > a,
.tg-mobile-navigation > div ul li.current_page_item > a,
.tg-mobile-navigation > div ul li.current-menu-item > a,
.entry-content a,
.pagebuilder-content a,
.tg-meta-style-two .entry-meta span,
.tg-meta-style-two .entry-meta a {
  color: #1ac473;
}

.tg-primary-menu.tg-primary-menu--style-underline
  > div
  > ul
  > li.current_page_item
  > a::before,
.tg-primary-menu.tg-primary-menu--style-underline
  > div
  > ul
  > li.current-menu-item
  > a::before,
.tg-primary-menu.tg-primary-menu--style-left-border
  > div
  > ul
  > li.current_page_item
  > a::before,
.tg-primary-menu.tg-primary-menu--style-left-border
  > div
  > ul
  > li.current-menu-item
  > a::before,
.tg-primary-menu.tg-primary-menu--style-right-border
  > div
  > ul
  > li.current_page_item
  > a::before,
.tg-primary-menu.tg-primary-menu--style-right-border
  > div
  > ul
  > li.current-menu-item
  > a::before,
.tg-scroll-to-top:hover,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.tg-primary-menu > div ul li.tg-header-button-wrap a,
.wp-block-button .wp-block-button__link,
.tg-menu-item-cart .cart-page-link .count {
  background-color: #1ac473;
}

body {
  color: #000000;
}

.entry-content a,
.pagebuilder-content a {
  color: #ff592c;
}

.entry-content a:hover,
.entry-content a:focus,
.pagebuilder-content a:hover,
.pagebuilder-content a:focus {
  color: #1ac473;
}

#main {
  background-color: rgb(255, 255, 255);
}

body {
  font-family: Lato;
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Lato;
  font-weight: 400;
}

h1 {
  font-family: Lato;
  font-weight: 400;
}

h2 {
  font-family: Lato;
  font-weight: 400;
}

h3 {
  font-family: Lato;
  font-weight: 400;
}

h4 {
  font-family: Lato;
  font-weight: 400;
}

h5 {
  font-family: Lato;
  font-weight: 400;
}

h6 {
  font-family: Lato;
  font-weight: 400;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#infinite-handle span,
.wp-block-button .wp-block-button__link {
  background-color: #1ac473;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
#infinite-handle span:hover,
.wp-block-button .wp-block-button__link:hover {
  background-color: #ff592c;
}

.site-branding .site-title {
  font-family: Lato;
  font-weight: 400;
}

.site-branding .site-description {
  font-family: Lato;
  font-weight: 400;
}

.tg-site-header .tg-site-header-top {
  background-color: #ffffff;
  background-size: contain;
}

.tg-site-header,
.tg-container--separate .tg-site-header {
  background-color: rgb(0, 0, 0);
  background-size: contain;
}

.tg-site-header.tg-site-header--transparent .tg-header-transparent-wrapper {
  border-bottom-width: 0px;
}

.tg-site-header.tg-site-header--transparent .tg-header-transparent-wrapper {
  border-bottom-color: rgb(0, 0, 0);
}

.main-navigation.tg-primary-menu > div ul li.tg-header-button-wrap a {
}

.main-navigation.tg-primary-menu > div ul li.tg-header-button-wrap a {
  background-color: rgb(38, 155, 209);
}

.tg-site-header .main-navigation {
  border-bottom-color: rgb(0, 0, 0);
}

.tg-primary-menu > div > ul li:not(.tg-header-button-wrap) a {
  color: #ffffff;
}

.tg-primary-menu > div > ul li:not(.tg-header-button-wrap):hover > a {
  color: #1ac473;
}

.tg-primary-menu > div ul li:active > a,
.tg-primary-menu
  > div
  ul
  > li:not(.tg-header-button-wrap).current_page_item
  > a,
.tg-primary-menu
  > div
  ul
  > li:not(.tg-header-button-wrap).current_page_ancestor
  > a,
.tg-primary-menu
  > div
  ul
  > li:not(.tg-header-button-wrap).current-menu-item
  > a,
.tg-primary-menu
  > div
  ul
  > li:not(.tg-header-button-wrap).current-menu-ancestor
  > a {
  color: #ffffff;
}

.tg-primary-menu.tg-primary-menu--style-underline
  > div
  ul
  > li:not(.tg-header-button-wrap).current_page_item
  > a::before,
.tg-primary-menu.tg-primary-menu--style-underline
  > div
  ul
  > li:not(.tg-header-button-wrap).current_page_ancestor
  > a::before,
.tg-primary-menu.tg-primary-menu--style-underline
  > div
  ul
  > li:not(.tg-header-button-wrap).current-menu-item
  > a::before,
.tg-primary-menu.tg-primary-menu--style-underline
  > div
  ul
  > li:not(.tg-header-button-wrap).current-menu-ancestor
  > a::before,
.tg-primary-menu.tg-primary-menu--style-left-border
  > div
  ul
  > li:not(.tg-header-button-wrap).current_page_item
  > a::before,
.tg-primary-menu.tg-primary-menu--style-left-border
  > div
  ul
  > li:not(.tg-header-button-wrap).current_page_ancestor
  > a::before,
.tg-primary-menu.tg-primary-menu--style-left-border
  > div
  ul
  > li:not(.tg-header-button-wrap).current-menu-item
  > a::before,
.tg-primary-menu.tg-primary-menu--style-left-border
  > div
  ul
  > li:not(.tg-header-button-wrap).current-menu-ancestor
  > a::before,
.tg-primary-menu.tg-primary-menu--style-right-border
  > div
  ul
  > li:not(.tg-header-button-wrap).current_page_item
  > a::before,
.tg-primary-menu.tg-primary-menu--style-right-border
  > div
  ul
  > li:not(.tg-header-button-wrap).current_page_ancestor
  > a::before,
.tg-primary-menu.tg-primary-menu--style-right-border
  > div
  ul
  > li:not(.tg-header-button-wrap).current-menu-item
  > a::before,
.tg-primary-menu.tg-primary-menu--style-right-border
  > div
  ul
  > li:not(.tg-header-button-wrap).current-menu-ancestor
  > a::before {
  background-color: #ffffff;
}

.tg-primary-menu > div ul li a {
  font-family: Lato;
  font-weight: 900;
}

.tg-mobile-navigation a {
  font-family: Lato;
  font-weight: 400;
}

.tg-page-header {
  padding-top: 0px;
}

.tg-page-header,
.tg-container--separate .tg-page-header {
  background-color: rgb(255, 255, 255);
  background-position: center center;
  background-size: contain;
}

.tg-page-header .tg-page-header__title,
.tg-page-content__title {
  font-family: Lato;
  font-weight: 700;
}

.entry-title:not(.tg-page-content__title),
.tg-blog-archive-style--grid article.zakra-article .entry-title {
  font-family: Lato;
  font-weight: 700;
}

.widget .widget-title {
  font-family: Lato;
  font-weight: 400;
}

.widget {
  font-family: Lato;
  font-weight: 400;
}

.tg-site-footer-widgets {
  background-color: #000000;
  background-size: cover;
  background-repeat: no-repeat;
}

.tg-site-footer .tg-site-footer-widgets .widget-title {
  color: #ffffff;
}

.tg-site-footer .tg-site-footer-widgets,
.tg-site-footer .tg-site-footer-widgets p {
  color: #ffffff;
}

.tg-site-footer .tg-site-footer-widgets a {
  color: #ffffff;
}

.tg-site-footer .tg-site-footer-widgets a:hover,
.tg-site-footer .tg-site-footer-widgets a:focus {
  color: #1ac473;
}

.tg-site-footer .tg-site-footer-widgets {
  border-top-width: 0px;
}

.tg-site-footer .tg-site-footer-widgets {
  border-top-color: rgb(0, 0, 0);
}

.tg-site-footer .tg-site-footer-widgets ul li {
  border-bottom-color: rgb(255, 255, 255);
}

.tg-site-footer .tg-site-footer-bar {
  background-color: #000000;
}

.tg-site-footer .tg-site-footer-bar {
  color: #ffffff;
}

.tg-site-footer .tg-site-footer-bar a {
  color: #0066bf;
}

.tg-site-footer .tg-site-footer-bar a:hover,
.tg-site-footer .tg-site-footer-bar a:focus {
  color: #1ac473;
}

.tg-scroll-to-top {
  background-color: #ff592c;
}

.tg-scroll-to-top:hover {
  background-color: #1ac473;
}
.memberpressproduct-template-default .publish-date {
	display: none;
}

.infinite-scroll .zak-numbered-pagination {

display: block !important;

}


.zak-numbered-pagination .nav-links a, .zak-numbered-pagination .nav-links span {

align-items: center;

}

h1.entry-title{
	font-size: 32px !important;
}

.single-memberpressproduct .post-navigation {
  display: none !important;
}
/* ═══ DASHBOARD PAGE (ID 28) ═══ */

/* Page background */
body.page-id-28 {
    background-color: #0c1017 !important;
}

/* Content area only — not header/footer */
body.page-id-28 .entry-content,
body.page-id-28 .site-main,
body.page-id-28 #zak-content,
body.page-id-28 .zak-content-area,
body.page-id-28 #zak-primary {
    background-color: #0c1017 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Elementor sections inside content only */
body.page-id-28 .entry-content .elementor-section,
body.page-id-28 .entry-content .elementor-element,
body.page-id-28 .entry-content .elementor-column,
body.page-id-28 .entry-content .elementor-widget-wrap,
body.page-id-28 .entry-content .elementor-container,
body.page-id-28 .entry-content .e-con,
body.page-id-28 .entry-content .e-con-inner {
    background-color: #0c1017 !important;
}

/* Section spacing */
body.page-id-28 .ppd-section {
    margin-bottom: 24px !important;
}

/* Contact form styling */
body.page-id-28 .elementor-form {
    max-width: 500px !important;
    margin: 0 auto !important;
}

body.page-id-28 .elementor-widget-form,
body.page-id-28 .elementor-widget-form .elementor-widget-container {
    background-color: #0c1017 !important;
}

body.page-id-28 .elementor-field-group label {
    color: #8b9ab5 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

body.page-id-28 .elementor-field-textual {
    background: #0c1017 !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    border-radius: 8px !important;
    color: #f0f4f8 !important;
    font-size: 15px !important;
    padding: 12px 16px !important;
}

body.page-id-28 .elementor-field-textual:focus {
    border-color: #1ac473 !important;
    box-shadow: 0 0 0 3px rgba(26,196,115,0.12) !important;
}

body.page-id-28 .elementor-button {
    background: linear-gradient(135deg, #1ac473, #14a85e) !important;
    border-radius: 10px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 600 !important;
}

/* MemberPress table dark theme */
body.page-id-28 .mepr-account-container table,
body.page-id-28 .mepr-account-container th,
body.page-id-28 .mepr-account-container td {
    background-color: #141b27 !important;
    color: #f0f4f8 !important;
    border-color: rgba(255,255,255,0.07) !important;
}

body.page-id-28 .mepr-account-container th {
    background-color: #1a2332 !important;
    color: #8b9ab5 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
}

body.page-id-28 .mepr-account-container tr:nth-child(even) td {
    background-color: #1a2332 !important;
}

body.page-id-28 .mepr-account-container a {
    color: #1ac473 !important;
}

/* Phone input fixes */
body.page-id-28 #_form_3_ input#phone[type="text"],
body.page-id-28 #_form_3_ input#phone[type="tel"],
body.page-id-28 #_form_3_ #phone {
    padding-left: 90px !important;
}

body.page-id-28 #_form_3_ .iti input#phone::placeholder {
    color: transparent !important;
}

/* Footer buffer */
body.page-id-28 .ppd-footer-note {
    margin-bottom: 60px !important;
}

/* Contact form centering */
.ppd-contact-form {
    max-width: 500px !important;
    margin: 0 auto !important;
}

/* Fix MemberPress login button */
.mp_login_form input[type="submit"] {
  background-color: #1ac473 !important;
  border-color: #1ac473 !important;
  color: #fff !important;
  font-size: 16px !important;
  padding: 12px 24px !important;
  border-radius: 8px;
  cursor: pointer;
  width: 100%;
}

.mp_login_form input[type="submit"]:hover {
  background-color: #15a35f !important;
  border-color: #15a35f !important;
}

/* Clean up form inputs */
.mp_wrapper input[type="text"],
.mp_wrapper input[type="password"],
.mp_wrapper input[type="email"] {
  border-radius: 8px;
  border: 1px solid #d0d5dd;
  padding: 12px;
  font-size: 16px;
}

#ez-toc-container p.ez-toc-title { 
    color: #1e293b !important;     
  }        
  #ez-toc-container ul.ez-toc-list a {                               
    color: #0d9959 !important;     
  }       
  #ez-toc-container ul.ez-toc-list a:hover {
    color: #0a7a46 !important;
  }                               
  #ez-toc-container ul.ez-toc-list a:visited {                       
    color: #0d9959 !important;     
  }

.elementor-lightbox .elementor-lightbox-image,
.elementor-lightbox .swiper-zoom-container > img,
.dialog-lightbox-message img,
.wp-lightbox-overlay img.wp-lightbox-img,
.wp-lightbox-overlay img {
  max-width: 100vw !important;
  max-height: 100vh !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Force header magnifying-glass/menu icon white */
.zak-header .zak-menu-toggle .zakra-icon--magnifying-glass-bars,
.zak-header .zak-menu-toggle .zakra-icon--magnifying-glass-bars path,
.zak-header .zak-menu-toggle .zak-icon,
.zak-header .zak-menu-toggle .zak-icon path,
.zak-header-builder .zak-menu-toggle svg,
.zak-header-builder .zak-menu-toggle svg path,
button.zak-menu-toggle svg,
button.zak-menu-toggle svg path,
.zakra-icon--magnifying-glass-bars,
.zakra-icon--magnifying-glass-bars path {
  fill: #ffffff !important;
}

/* ==========================================================================
   PURE POWER PICKS · TRADING MASTERY COURSE · LESSON PAGE STYLES
   --------------------------------------------------------------------------
   HOW TO INSTALL

   1. Appearance > Customize > Additional CSS
   2. Scroll to the VERY BOTTOM of what is already there. Keep all of it.
   3. Click after the last }, press Enter twice, paste this whole file.
   4. Publish.

   Nothing already in that box needs changing or removing.

   WHY THIS IS SAFE
   Every rule is scoped under .ppp-lesson, a class that exists only on the six
   course lesson pages. It cannot reach blog posts, sales pages, the member
   dashboard, or anything else. No !important is used anywhere, so it never
   fights the theme for control of a shared element.

   Checked against the existing Additional CSS on 2026-08-04. No conflicts.
   The theme rule that looked like a problem, .zakra-article .entry-content p,
   targets a class this site does not emit and matches nothing.

   THIS IS THE ONLY PLACE THE COURSE DESIGN LIVES
   Change it here and all 54 lessons follow. Do not restyle lessons one at a
   time in wp-admin; the next content push would overwrite it.
   ========================================================================== */

.ppp-lesson {
  --ppp-green: #1AC473;
  --ppp-green-d: #0E8F52;
  --ppp-green-w: #E8F9F1;
  --ppp-green-b: #B9EAD3;
  --ppp-orange: #FF592C;
  --ppp-orange-d: #C6390F;
  --ppp-orange-w: #FFF0EA;
  --ppp-orange-b: #FFD3C2;
  --ppp-navy: #1B2A4A;
  --ppp-slate: #5A6577;
  --ppp-mist: #DDE3EC;
  --ppp-wash: #F6F8FA;

  color: var(--ppp-navy);
  line-height: 1.72;
  font-size: 17px;
}

/* ------------------------------------------------------------ lesson header */
.ppp-lesson .ppp-head {
  background: var(--ppp-navy);
  border-radius: 14px 14px 0 0;
  padding: 30px 40px 26px;
  color: #fff;
  margin-bottom: 0;
}
.ppp-lesson .ppp-crumb {
  font: 700 11px/1 ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #7F8DA6;
  margin: 0 0 12px;
}
.ppp-lesson .ppp-crumb b { color: var(--ppp-green); font-weight: 700; }
.ppp-lesson .ppp-head h1 {
  color: #fff;
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: -.4px;
  margin: 0 0 14px;
}
.ppp-lesson .ppp-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.ppp-lesson .ppp-pill {
  font: 600 12px/1 inherit;
  color: #C6CFDE;
  border: 1px solid #38486A;
  border-radius: 999px;
  padding: 6px 12px;
}
/* brand rule under the header */
.ppp-lesson .ppp-rule {
  height: 5px;
  background: linear-gradient(90deg, var(--ppp-green) 0 62%, var(--ppp-orange) 62% 100%);
  margin: 0 0 34px;
}

/* ------------------------------------------------------------------ body */
.ppp-lesson p { font-size: 17px; margin: 0 0 19px; }

/* the cold open: opens like a story, not a heading */
.ppp-lesson .ppp-lead { font-size: 20px; line-height: 1.62; color: #2B3A57; }
.ppp-lesson .ppp-lead::first-letter {
  font-size: 52px;
  float: left;
  line-height: .86;
  padding: 5px 11px 0 0;
  color: var(--ppp-green-d);
  font-weight: 800;
}

.ppp-lesson h2 {
  font: 700 14px/1.4 ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--ppp-slate);
  margin: 44px 0 15px;
}
.ppp-lesson h2::after {
  content: "";
  display: block;
  width: 38px;
  height: 3px;
  background: var(--ppp-green);
  border-radius: 2px;
  margin-top: 9px;
}

/* ------------------------------------------------------------- callouts */
.ppp-lesson .ppp-box {
  border-radius: 14px;
  padding: 22px 26px;
  margin: 30px 0;
  border: 1px solid var(--ppp-mist);
  background: var(--ppp-wash);
}
.ppp-lesson .ppp-box > p:last-child { margin-bottom: 0; }
.ppp-lesson .ppp-box .ppp-tag {
  font: 700 11px/1.5 ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin: 0 0 11px;
}

.ppp-lesson .ppp-sam  { background: var(--ppp-orange-w); border-color: var(--ppp-orange-b); }
.ppp-lesson .ppp-sam  .ppp-tag { color: var(--ppp-orange-d); }
.ppp-lesson .ppp-act  { background: var(--ppp-green-w);  border-color: var(--ppp-green-b); }
.ppp-lesson .ppp-act  .ppp-tag { color: var(--ppp-green-d); }
.ppp-lesson .ppp-lens { background: #F2F5FA; border-color: #D3DCEA; }
.ppp-lesson .ppp-lens .ppp-tag { color: #3A4E75; }

/* -------------------------------------------------------------- figures */
.ppp-lesson figure, .ppp-lesson .wp-block-image { margin: 32px 0; }
.ppp-lesson figure img, .ppp-lesson .wp-block-image img {
  width: 100%;
  height: auto;
  border: 1px solid var(--ppp-mist);
  border-radius: 12px;
  display: block;
}
.ppp-lesson figcaption {
  font-size: 13.5px;
  color: var(--ppp-slate);
  margin-top: 10px;
  text-align: center;
}

/* ---------------------------------------------------------------- recap */
.ppp-lesson .ppp-recap {
  border: 1px solid var(--ppp-mist);
  border-radius: 14px;
  padding: 24px 28px;
  margin: 38px 0 0;
  background: linear-gradient(180deg, #FAFCFE, #F3F6FA);
}
.ppp-lesson .ppp-recap .ppp-tag {
  font: 700 11px/1.5 ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--ppp-slate);
  margin: 0 0 12px;
}
.ppp-lesson .ppp-recap p:last-child { margin-bottom: 0; }

/* --------------------------------------------------- compliance footer */
.ppp-lesson .ppp-lesson-footer-rule {
  border: 0;
  border-top: 1px solid var(--ppp-mist);
  margin: 34px 0 18px;
}
.ppp-lesson .ppp-lesson-footer {
  font-size: 12.5px;
  color: #8A94A6;
  line-height: 1.6;
}

/* --------------------------------------------------------------- mobile */
@media (max-width: 620px) {
  .ppp-lesson .ppp-head { padding: 24px 22px 22px; border-radius: 0; }
  .ppp-lesson .ppp-head h1 { font-size: 25px; }
  .ppp-lesson .ppp-box, .ppp-lesson .ppp-recap { padding: 20px 20px; }
  .ppp-lesson .ppp-lead { font-size: 18.5px; }
  .ppp-lesson .ppp-lead::first-letter { font-size: 44px; }
}


/* ==========================================================================
   OPTIONAL · only if the lesson title appears twice
   --------------------------------------------------------------------------
   The course header prints the lesson title inside the navy panel. If your
   theme ALSO prints it above as a plain heading, students see it twice.

   This could not be verified in advance: MemberPress redirects lesson URLs to
   the login page, so a gated lesson cannot be inspected from outside.

   If you publish a lesson and see the title twice, delete the two /* markers
   below to switch this on. If the title shows once, leave this alone.
   ========================================================================== */

/*
body.single-mpcs-lesson .entry-title { display: none; }
*/

/* ==========================================================================
   PURE POWER PICKS · COURSE LESSON PAGES · FIX PACK 2
   --------------------------------------------------------------------------
   Paste this at the VERY BOTTOM of Additional CSS, below the course block you
   already added. Keep everything else. Publish.

   Three fixes, all found by looking at a real published lesson rather than a
   mockup. Still scoped to .ppp-lesson except where noted.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1 · Remove the duplicated lesson title.
   The theme prints the title as a plain heading, and the course header prints
   it again inside the navy panel. Confirmed on a live lesson page.
   -------------------------------------------------------------------------- */
body.single-mpcs-lesson .entry-title {
  display: none;
}


/* --------------------------------------------------------------------------
   2 · Stop the serif fallback.
   The theme sets font-family: Lato with no fallback stack. Lato is not loading
   on the lesson template, so the browser falls back to its default serif and
   the whole page reads like a textbook.

   Named elements are targeted directly, not just the container, because an
   element with its own font rule ignores an inherited one. The doubled class
   lifts specificity so this wins without needing !important.

   h2, .ppp-crumb and .ppp-tag are deliberately excluded: they set their own
   monospace font and are meant to stay that way.
   -------------------------------------------------------------------------- */
.ppp-lesson.ppp-lesson,
.ppp-lesson.ppp-lesson p,
.ppp-lesson.ppp-lesson li,
.ppp-lesson.ppp-lesson h1,
.ppp-lesson.ppp-lesson figcaption {
  font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               Helvetica, Arial, sans-serif;
}


/* --------------------------------------------------------------------------
   3 · Constrain the measure.
   .site-content > .tg-container is set to max-width: 100%, so lesson text runs
   the full browser width. Around 150 characters per line is well past the point
   where readers start losing their place. 780px lands near the usual 65 to 75
   character target at this font size.
   -------------------------------------------------------------------------- */
.ppp-lesson.ppp-lesson {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

/* The navy header is a child of the wrapper, so it inherits the new width and
   needs its top corners back at narrow viewports. */
@media (max-width: 820px) {
  .ppp-lesson.ppp-lesson {
    max-width: 100%;
  }
}

/* ==========================================================================
   PURE POWER PICKS · COURSE LESSON PAGES · FIX PACK 3
   --------------------------------------------------------------------------
   Paste at the VERY BOTTOM of Additional CSS, below the two blocks already
   there. Keep everything else. Publish.

   Removes the drop cap and the enlarged opening paragraph, so the cold open
   reads at the same size as the rest of the body.
   ========================================================================== */

.ppp-lesson.ppp-lesson .ppp-lead {
  font-size: 17px;
  line-height: 1.72;
  color: var(--ppp-navy);
}

/* ::first-letter cannot be unset, so each property is returned to normal. */
.ppp-lesson.ppp-lesson .ppp-lead::first-letter {
  font-size: inherit;
  float: none;
  line-height: inherit;
  padding: 0;
  color: inherit;
  font-weight: inherit;
}

/* ==========================================================================
   PURE POWER PICKS · CLASSROOM PAGES (course overview + lessons)
   --------------------------------------------------------------------------
   Styles the MemberPress classroom shell: the top bar and sidebar shared by the
   course overview page AND every lesson page, so both match the lesson content
   styling.

   Scoped to body.mpcs-classroom, the class MemberPress puts on both page types
   and nothing else. Replaces the earlier course-only block.

   Paste at the VERY BOTTOM of Appearance > Customize > Additional CSS, below
   the lesson blocks already there. Publish.

   WHY THE SELECTORS LOOK HEAVY
   MemberPress anchors its own rules on IDs: #mpcs-sidebar, #mpcs-main,
   #mpcs-navbar. An ID beats any number of classes, so class-only overrides
   silently lose no matter how they are stacked. Matching their ID anchors is
   the correct fix and avoids !important entirely. Every selector is still
   gated on body.mpcs-classroom, so nothing here can reach another page.

   Class and ID names were read from the live page source, not guessed.
   ========================================================================== */

body.mpcs-classroom {
  --ppp-green: #1AC473;
  --ppp-green-d: #0E8F52;
  --ppp-green-w: #E8F9F1;
  --ppp-orange: #FF592C;
  --ppp-navy: #1B2A4A;
  --ppp-slate: #5A6577;
  --ppp-mist: #DDE3EC;
  --ppp-wash: #F6F8FA;
}

/* The theme sets font-family: Lato with no fallback and Lato does not load on
   this template, so the page drops to the browser's serif. Same fix the lesson
   pages needed. */
body.mpcs-classroom,
body.mpcs-classroom h1,
body.mpcs-classroom h2,
body.mpcs-classroom #mpcs-main .mpcs-lesson-link,
body.mpcs-classroom #mpcs-main .mpcs-section-title-text,
body.mpcs-classroom #mpcs-sidebar .tile-title {
  font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               Helvetica, Arial, sans-serif;
}

/* ------------------------------------------------------- top navigation */
body.mpcs-classroom #mpcs-navbar,
body.mpcs-classroom #mpcs-sidebar-navbar {
  background: var(--ppp-navy);
  border-bottom: 4px solid;
  border-image: linear-gradient(90deg, var(--ppp-green) 0 62%,
                                var(--ppp-orange) 62% 100%) 1;
}
body.mpcs-classroom #mpcs-navbar .btn,
body.mpcs-classroom #mpcs-sidebar-navbar .btn {
  background: transparent;
  border-color: transparent;
  color: #C6CFDE;
}
body.mpcs-classroom #mpcs-navbar .btn:hover,
body.mpcs-classroom #mpcs-navbar .btn:focus {
  color: var(--ppp-green);
}

/* --------------------------------------------------------------- sidebar */
body.mpcs-classroom #mpcs-sidebar .mpcs-sidebar-wrapper .course-progress,
body.mpcs-classroom #mpcs-sidebar .course-progress {
  background: var(--ppp-navy);
  padding: 26px 22px 22px;
}
body.mpcs-classroom #mpcs-sidebar .course-progress h2 {
  color: #fff;
  font-size: 20px;
  line-height: 1.28;
  letter-spacing: -.2px;
  margin: 0 0 16px;
}
body.mpcs-classroom #mpcs-sidebar .course-progress .progress-bar {
  background-color: #33445F;
  border-radius: 999px;
  height: 7px;
  overflow: hidden;
}
body.mpcs-classroom #mpcs-sidebar .course-progress .user-progress {
  background-color: var(--ppp-green);
  border-radius: 999px;
  height: 7px;
}
body.mpcs-classroom #mpcs-sidebar .course-progress .progress-text {
  font: 700 11px/1.5 ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8B99B0;
  text-align: left;
  margin: 10px 0 0;
}
body.mpcs-classroom #mpcs-sidebar .course-progress .progress-text span {
  color: var(--ppp-green);
}

body.mpcs-classroom #mpcs-sidebar .mpcs-sidebar-menu .tile {
  border-radius: 9px;
  padding: 11px 13px;
}
body.mpcs-classroom #mpcs-sidebar .mpcs-sidebar-menu .tile.is-active {
  background: var(--ppp-green-w);
  box-shadow: inset 3px 0 0 var(--ppp-green);
}
body.mpcs-classroom #mpcs-sidebar .mpcs-sidebar-menu .tile-title {
  color: var(--ppp-navy);
  font-weight: 600;
  font-size: 14.5px;
}

/* --------------------------------------------------------- page heading */
/* Course page only. On a lesson page #mpcs-main h1 is the white title inside the
   navy lesson header, and an ID-anchored navy rule renders it invisible. */
body.single-mpcs-course #mpcs-main h1 {
  color: var(--ppp-navy);
  font-size: 30px;
  letter-spacing: -.3px;
  margin-bottom: 0;
}
body.single-mpcs-course #mpcs-main h1::after {
  content: "";
  display: block;
  width: 54px;
  height: 4px;
  border-radius: 2px;
  margin-top: 12px;
  background: linear-gradient(90deg, var(--ppp-green) 0 62%,
                              var(--ppp-orange) 62% 100%);
}

/* -------------------------------------------------- start next lesson bar */
body.mpcs-classroom #mpcs-main #bookmark {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--ppp-wash);
  border: 1px solid var(--ppp-mist);
  border-radius: 12px;
  padding: 12px 14px;
  margin: 24px 0 26px;
}
body.mpcs-classroom #mpcs-main #bookmark .btn-green {
  background: var(--ppp-green);
  border-color: var(--ppp-green);
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
}
body.mpcs-classroom #mpcs-main #bookmark .btn-green:hover,
body.mpcs-classroom #mpcs-main #bookmark .btn-green:focus {
  background: var(--ppp-green-d);
  border-color: var(--ppp-green-d);
  color: #fff;
}
body.mpcs-classroom #mpcs-main .mpcs-bookmark-link-title {
  color: var(--ppp-navy);
  font-weight: 600;
}

/* ------------------------------------------------------ module sections */
body.mpcs-classroom #mpcs-main .mpcs-section {
  border: 1px solid var(--ppp-mist);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 12px;
  background: #fff;
}
body.mpcs-classroom #mpcs-main .mpcs-section-header {
  background: var(--ppp-wash);
  border: 0;
  border-left: 4px solid var(--ppp-navy);
  padding: 16px 20px;
  text-align: left;
  /* the plugin sets an explicit width; without these the grey band sits inset
     from the card edge and the spine looks detached from it */
  width: 100%;
  margin: 0;
  display: block;
  box-sizing: border-box;
}
body.mpcs-classroom #mpcs-main .mpcs-section-header:hover {
  background: #EDF1F5;
}
/* the open module gets the brand green spine */
body.mpcs-classroom #mpcs-main .mpcs-section-header[aria-expanded="true"] {
  background: #fff;
  border-left-color: var(--ppp-green);
  border-bottom: 1px solid var(--ppp-mist);
}
body.mpcs-classroom #mpcs-main .mpcs-section-title-text {
  color: var(--ppp-navy);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -.1px;
}

/* ---------------------------------------------------------- lesson rows */
body.mpcs-classroom #mpcs-main .mpcs-lessons { margin: 0; padding: 0; }
body.mpcs-classroom #mpcs-main .mpcs-lesson {
  border-bottom: 1px solid #EDF0F4;
}
body.mpcs-classroom #mpcs-main .mpcs-lesson:last-child { border-bottom: 0; }
body.mpcs-classroom #mpcs-main .mpcs-lesson .mpcs-lesson-row-link {
  padding: 12px 20px;
}
body.mpcs-classroom #mpcs-main .mpcs-lesson:hover { background: var(--ppp-wash); }
body.mpcs-classroom #mpcs-main .mpcs-lesson-link {
  color: var(--ppp-navy);
  font-size: 15.5px;
}
body.mpcs-classroom #mpcs-main .mpcs-lesson-icon { color: var(--ppp-slate); }

/* completion state */
body.mpcs-classroom #mpcs-main .mpcs-lesson-complete,
body.mpcs-classroom #mpcs-main .mpcs-lesson-complete i { color: var(--ppp-green); }
body.mpcs-classroom #mpcs-main .mpcs-lesson-not-complete,
body.mpcs-classroom #mpcs-main .mpcs-lesson-not-complete i { color: #C3CBD6; }
body.mpcs-classroom #mpcs-main .mpcs-lesson.completed .mpcs-lesson-link {
  color: var(--ppp-slate);
}
body.mpcs-classroom #mpcs-main .mpcs-lesson-current {
  background: var(--ppp-green-w);
  box-shadow: inset 3px 0 0 var(--ppp-green);
}

/* --------------------------------------------------------- row buttons */
body.mpcs-classroom #mpcs-main .mpcs-lesson .btn {
  border-radius: 7px;
  font-weight: 600;
  font-size: 13px;
}
/* the plugin ships "Start" with an is-purple class */
body.mpcs-classroom #mpcs-main .mpcs-lesson .btn-green,
body.mpcs-classroom #mpcs-main .mpcs-lesson .is-purple {
  background: var(--ppp-green);
  border-color: var(--ppp-green);
  color: #fff;
}
body.mpcs-classroom #mpcs-main .mpcs-lesson .btn-green:hover,
body.mpcs-classroom #mpcs-main .mpcs-lesson .is-purple:hover {
  background: var(--ppp-green-d);
  border-color: var(--ppp-green-d);
  color: #fff;
}
/* "View" on an already-completed lesson stays quiet */
body.mpcs-classroom #mpcs-main .mpcs-lesson .is-outline {
  background: transparent;
  border: 1px solid var(--ppp-mist);
  color: var(--ppp-slate);
}
body.mpcs-classroom #mpcs-main .mpcs-lesson .is-outline:hover {
  border-color: var(--ppp-green);
  color: var(--ppp-green-d);
}

/* ---------------------------------------------------------------- mobile */
@media (max-width: 820px) {
  body.mpcs-classroom #mpcs-sidebar .course-progress { padding: 20px 18px 18px; }
  body.mpcs-classroom #mpcs-sidebar .course-progress h2 { font-size: 18px; }
  body.single-mpcs-course #mpcs-main h1 { font-size: 24px; }
  body.mpcs-classroom #mpcs-main .mpcs-lesson .mpcs-lesson-row-link { padding: 11px 14px; }
  body.mpcs-classroom #mpcs-main .mpcs-section-header { padding: 14px 15px; }
}


/* ==========================================================================
   SIDEBAR CURRICULUM · lesson pages only
   --------------------------------------------------------------------------
   Lesson pages put the whole module accordion in the sidebar. It uses the same
   classes as the main-area accordion on the course page, so it needs its own
   denser treatment rather than inheriting the large card styling.
   ========================================================================== */

/* the course title is a link, and the theme paints links brand orange */
body.mpcs-classroom #mpcs-sidebar .course-progress h2 a,
body.mpcs-classroom #mpcs-sidebar .course-progress h2 a:hover,
body.mpcs-classroom #mpcs-sidebar .course-progress h2 a:focus {
  color: #fff;
  text-decoration: none;
}

body.mpcs-classroom #mpcs-sidebar .mpcs-section {
  border: 0;
  border-radius: 0;
  margin: 0;
  background: transparent;
}
body.mpcs-classroom #mpcs-sidebar .mpcs-section-header {
  background: #F1F4F7;
  border: 0;
  border-left: 3px solid var(--ppp-mist);
  border-bottom: 1px solid #E4E9EF;
  border-radius: 0;
  padding: 12px 16px;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
body.mpcs-classroom #mpcs-sidebar .mpcs-section-header:hover {
  background: #E9EEF3;
}
body.mpcs-classroom #mpcs-sidebar .mpcs-section-header[aria-expanded="true"] {
  background: #fff;
  border-left-color: var(--ppp-green);
}
body.mpcs-classroom #mpcs-sidebar .mpcs-section-title-text {
  color: var(--ppp-navy);
  font-weight: 700;
  font-size: 13.5px;
  line-height: 1.35;
}

body.mpcs-classroom #mpcs-sidebar .mpcs-lesson {
  border-bottom: 1px solid #F0F3F6;
}
body.mpcs-classroom #mpcs-sidebar .mpcs-lesson .mpcs-lesson-row-link {
  padding: 9px 16px;
}
body.mpcs-classroom #mpcs-sidebar .mpcs-lesson:hover { background: var(--ppp-wash); }
body.mpcs-classroom #mpcs-sidebar .mpcs-lesson-link {
  color: var(--ppp-navy);
  font-size: 13.5px;
  line-height: 1.4;
}
body.mpcs-classroom #mpcs-sidebar .mpcs-lesson.completed .mpcs-lesson-link {
  color: var(--ppp-slate);
}
body.mpcs-classroom #mpcs-sidebar .mpcs-lesson-complete,
body.mpcs-classroom #mpcs-sidebar .mpcs-lesson-complete i { color: var(--ppp-green); }
body.mpcs-classroom #mpcs-sidebar .mpcs-lesson-not-complete,
body.mpcs-classroom #mpcs-sidebar .mpcs-lesson-not-complete i { color: #C3CBD6; }

/* the lesson being read */
body.mpcs-classroom #mpcs-sidebar .mpcs-lesson-current,
body.mpcs-classroom #mpcs-sidebar .mpcs-lesson.mpcs-lesson-current {
  background: var(--ppp-green-w);
  box-shadow: inset 3px 0 0 var(--ppp-green);
}
body.mpcs-classroom #mpcs-sidebar .mpcs-lesson-current .mpcs-lesson-link {
  color: var(--ppp-navy);
  font-weight: 600;
}

/* Lesson nav buttons: Previous Section / Complete and Continue.
   The plugin paints these green at (2,3,1) via
     #mpcs-navbar .navbar-section button:not(#mpcs-classroom-previous-lesson-link)
   so the same shape has to be matched, not just the id, or they stay green. */
body.mpcs-classroom #mpcs-navbar .navbar-section button,
body.mpcs-classroom #mpcs-navbar .navbar-section a.btn,
body.mpcs-classroom #mpcs-navbar #mpcs-lesson-navigation a,
body.mpcs-classroom #mpcs-navbar #mpcs-lesson-navigation button,
body.mpcs-classroom #mpcs-navbar .navbar-section button:not(#mpcs-classroom-previous-lesson-link),
body.mpcs-classroom #mpcs-navbar #mpcs-lesson-navigation a:not(#mpcs-classroom-previous-lesson-link),
body.mpcs-classroom #mpcs-sidebar-navbar .navbar-section button:not(#mpcs-classroom-previous-lesson-link),
body.mpcs-classroom #mpcs-sidebar-navbar #mpcs-lesson-navigation a:not(#mpcs-classroom-previous-lesson-link) {
  background: transparent;
  border-color: transparent;
  color: #C6CFDE;
  font-weight: 600;
  box-shadow: none;
}
body.mpcs-classroom #mpcs-navbar .navbar-section button:not(#mpcs-classroom-previous-lesson-link):hover,
body.mpcs-classroom #mpcs-navbar #mpcs-lesson-navigation a:not(#mpcs-classroom-previous-lesson-link):hover,
body.mpcs-classroom #mpcs-navbar .navbar-section button:hover,
body.mpcs-classroom #mpcs-navbar #mpcs-lesson-navigation a:hover {
  background: transparent;
  border-color: transparent;
  color: var(--ppp-green);
}

/* ==========================================================================
   PURE POWER PICKS · STICKY CLASSROOM HEADER
   --------------------------------------------------------------------------
   REPLACES the earlier "STICKY COURSE HEADER FIX" block. Find that block in
   Additional CSS, delete it, and paste this in its place.

   WHAT CHANGED
   The first version listed page types individually: single-mpcs-course and
   single-mpcs-lesson. Quizzes are a third classroom page type, so the header
   stopped sticking the moment a quiz existed. Everything here now keys off
   body.mpcs-classroom, the class MemberPress puts on every classroom page, so
   quizzes are covered and so is anything the plugin adds later.

   THE UNDERLYING PROBLEM
   MemberPress already asks for a sticky header:

       #mpcs-navbar { position: sticky; top: 0; z-index: 9; }

   It never worked because of a rule higher up in this same Additional CSS:

       html, body { width: 100%; overflow-x: hidden; }

   overflow-x: hidden makes that element a scroll container, and a sticky child
   then sticks relative to THAT container rather than the viewport. The header
   pins to a box that has itself already scrolled away, so nothing appears to
   happen. overflow-x: clip prevents horizontal scrolling in the same way but
   does not create a scroll container, so sticky keeps working.
   ========================================================================== */

html:has(body.mpcs-classroom) {
  overflow-x: clip;
}

body.mpcs-classroom {
  overflow-x: clip;
}

body.mpcs-classroom #mpcs-navbar {
  position: sticky;
  top: 0;
  z-index: 30;
}

/* Logged-in admins get WordPress's fixed toolbar, which would otherwise overlap
   the pinned header. Members never see that bar. */
body.admin-bar.mpcs-classroom #mpcs-navbar {
  top: 32px;
}
@media screen and (max-width: 782px) {
  body.admin-bar.mpcs-classroom #mpcs-navbar {
    top: 46px;   /* the toolbar is taller on small screens */
  }
}

/* ==========================================================================
   PURE POWER PICKS · PREVIOUS SECTION BUTTON
   --------------------------------------------------------------------------
   Paste at the VERY BOTTOM of Additional CSS. Nothing to remove.

   The last green element in the classroom top bar. The plugin styles this one
   button under its own id, and the earlier rules excluded it with :not(),
   copying the plugin's selector shape a little too faithfully.
   ========================================================================== */
body.mpcs-classroom #mpcs-navbar #mpcs-classroom-previous-lesson-link,
body.mpcs-classroom #mpcs-navbar button#mpcs-classroom-previous-lesson-link,
body.mpcs-classroom #mpcs-sidebar-navbar #mpcs-classroom-previous-lesson-link,
body.mpcs-classroom #mpcs-sidebar-navbar button#mpcs-classroom-previous-lesson-link {
  background: transparent;
  border-color: transparent;
  color: #C6CFDE;
  font-weight: 600;
  box-shadow: none;
}
body.mpcs-classroom #mpcs-navbar #mpcs-classroom-previous-lesson-link:hover,
body.mpcs-classroom #mpcs-navbar button#mpcs-classroom-previous-lesson-link:hover,
body.mpcs-classroom #mpcs-sidebar-navbar #mpcs-classroom-previous-lesson-link:hover {
  background: transparent;
  border-color: transparent;
  color: var(--ppp-green);
}

/* ==========================================================================
   PURE POWER PICKS · PREVIOUS SECTION BUTTON
   --------------------------------------------------------------------------
   Paste at the VERY BOTTOM of Additional CSS. Nothing to remove.
   Supersedes the previous attempt at this, which was too weak to apply.

   WHY SO MANY SELECTORS
   The plugin reaches this one button through several shapes, the strongest at
   specificity (3,0,1):

       #mpcs-navbar #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link

   Three IDs. My earlier fix was (2,1,0) and lost silently. Each shape below
   mirrors one of theirs with body.mpcs-classroom added, which lands at (3,1,1)
   and wins on merit rather than with !important.
   ========================================================================== */

body.mpcs-classroom #mpcs-navbar button#mpcs-classroom-previous-lesson-link,
body.mpcs-classroom #mpcs-navbar #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link,
body.mpcs-classroom #mpcs-navbar #mpcs-lesson-navigation button#mpcs-classroom-previous-lesson-link,
body.mpcs-classroom #mpcs-sidebar-navbar button#mpcs-classroom-previous-lesson-link,
body.mpcs-classroom #mpcs-sidebar-navbar #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link,
body.mpcs-classroom #mpcs-sidebar-navbar #mpcs-lesson-navigation button#mpcs-classroom-previous-lesson-link,
body.mpcs-classroom div#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link,
body.mpcs-classroom #mpcs-lesson-navigation>a#mpcs-classroom-previous-lesson-link {
  background: transparent;
  border-color: transparent;
  color: #C6CFDE;
  font-weight: 600;
  box-shadow: none;
}

body.mpcs-classroom #mpcs-navbar button#mpcs-classroom-previous-lesson-link:hover,
body.mpcs-classroom #mpcs-navbar button#mpcs-classroom-previous-lesson-link:focus,
body.mpcs-classroom #mpcs-navbar button#mpcs-classroom-previous-lesson-link:active,
body.mpcs-classroom #mpcs-navbar button#mpcs-classroom-previous-lesson-link:visited,
body.mpcs-classroom #mpcs-navbar #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:hover,
body.mpcs-classroom #mpcs-navbar #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:focus,
body.mpcs-classroom #mpcs-navbar #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:active,
body.mpcs-classroom #mpcs-navbar #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:visited,
body.mpcs-classroom #mpcs-navbar #mpcs-lesson-navigation button#mpcs-classroom-previous-lesson-link:hover,
body.mpcs-classroom #mpcs-navbar #mpcs-lesson-navigation button#mpcs-classroom-previous-lesson-link:focus,
body.mpcs-classroom #mpcs-navbar #mpcs-lesson-navigation button#mpcs-classroom-previous-lesson-link:active,
body.mpcs-classroom #mpcs-navbar #mpcs-lesson-navigation button#mpcs-classroom-previous-lesson-link:visited,
body.mpcs-classroom #mpcs-sidebar-navbar button#mpcs-classroom-previous-lesson-link:hover,
body.mpcs-classroom #mpcs-sidebar-navbar button#mpcs-classroom-previous-lesson-link:focus,
body.mpcs-classroom #mpcs-sidebar-navbar button#mpcs-classroom-previous-lesson-link:active,
body.mpcs-classroom #mpcs-sidebar-navbar button#mpcs-classroom-previous-lesson-link:visited,
body.mpcs-classroom #mpcs-sidebar-navbar #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:hover,
body.mpcs-classroom #mpcs-sidebar-navbar #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:focus,
body.mpcs-classroom #mpcs-sidebar-navbar #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:active,
body.mpcs-classroom #mpcs-sidebar-navbar #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:visited,
body.mpcs-classroom #mpcs-sidebar-navbar #mpcs-lesson-navigation button#mpcs-classroom-previous-lesson-link:hover,
body.mpcs-classroom #mpcs-sidebar-navbar #mpcs-lesson-navigation button#mpcs-classroom-previous-lesson-link:focus,
body.mpcs-classroom #mpcs-sidebar-navbar #mpcs-lesson-navigation button#mpcs-classroom-previous-lesson-link:active,
body.mpcs-classroom #mpcs-sidebar-navbar #mpcs-lesson-navigation button#mpcs-classroom-previous-lesson-link:visited,
body.mpcs-classroom div#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:hover,
body.mpcs-classroom div#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:focus,
body.mpcs-classroom div#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:active,
body.mpcs-classroom div#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:visited,
body.mpcs-classroom #mpcs-lesson-navigation>a#mpcs-classroom-previous-lesson-link:hover,
body.mpcs-classroom #mpcs-lesson-navigation>a#mpcs-classroom-previous-lesson-link:focus,
body.mpcs-classroom #mpcs-lesson-navigation>a#mpcs-classroom-previous-lesson-link:active,
body.mpcs-classroom #mpcs-lesson-navigation>a#mpcs-classroom-previous-lesson-link:visited {
  background: transparent;
  border-color: transparent;
  color: #1AC473;
  box-shadow: none;
}