:root {
        --font: Arial;
        --alt-font: Arial;
        --accent-color: #121212;
        --secondary-color: #00e200;
        --link-color: #00e200;
        --accent-highlight-color: #121212;
        --accent-highlight-background-color: #dedede;
        --accent-tinted-color-70: #b8b8b8;
        --accent-tinted-color-80: #d0d0d0;
        --accent-tinted-color-90: #e7e7e7;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #2c2c2c;
        --secondary-hover-color: #00af00;
        --secondary-contrast-color: #111;
        --link-hover-color: #007c00;
      }
      
body { background: url('https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/v1/course-uploads/78c24333-377a-4a2b-90ec-3de1cbae389a/jpbtea3ihpoi-BackgroundImage.jpeg'); background-attachment: fixed; background-size: cover; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/f261a07a-1a7e-40d1-9a38-f659e980f2e5/ugtwcz5e5ra1-MindGym_Lock-up_on_White_RGB.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* MindGym membership banner */
[class*="mg-membership-hero"] {
  --hero-offset: 60px;
  --hero-lift: -90px;
  position: relative !important;
  background: #050505 !important;
  min-height: 600
0px !important;
  overflow: hidden !important;
  padding: 0 !important;
  color: #f5f5ee !important;
}

/* Remove pale/grey inner panels */
[class*="mg-membership-hero"] *,
[class*="mg-membership-hero"] .container,
[class*="mg-membership-hero"] .content,
[class*="mg-membership-hero"] .widget-content,
[class*="mg-membership-hero"] .content-wrapper,
[class*="mg-membership-hero"] .text-content,
[class*="mg-membership-hero"] .overlay-content,
[class*="mg-membership-hero"] .hero-content,
[class*="mg-membership-hero"] .banner-content,
[class*="mg-membership-hero"] .panel,
[class*="mg-membership-hero"] .panel-default,
[class*="mg-membership-hero"] .card,
[class*="mg-membership-hero"] .row,
[class*="mg-membership-hero"] .col,
[class*="mg-membership-hero"] .column {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Banner image treatment */
[class*="mg-membership-hero"] img,
[class*="mg-membership-hero"] picture,
[class*="mg-membership-hero"] video,
[class*="mg-membership-hero"] canvas,
[class*="mg-membership-hero"] svg {
  width: 100% !important;
  height: 600px !important;
  min-height: 600px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Dark gradient so copy stays readable on left */
[class*="mg-membership-hero"]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(5,5,5,0.98) 0%,
    rgba(5,5,5,0.94) 44%,
    rgba(5,5,5,0.78) 60%,
    rgba(5,5,5,0.22) 100%
  );
  z-index: 1;
  pointer-events: none;
}

/* Text block */
[class*="mg-membership-hero"] .widget-content,
[class*="mg-membership-hero"] .content,
[class*="mg-membership-hero"] .content-wrapper,
[class*="mg-membership-hero"] .text-content,
[class*="mg-membership-hero"] .overlay-content,
[class*="mg-membership-hero"] .hero-content,
[class*="mg-membership-hero"] .banner-content {
  position: absolute !important;
  left: 100px !important;
  top: 10px !important;
  width: 62% !important;
  max-width: 720px !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2 !important;
}

/* Force headline wrappers left */
[class*="mg-membership-hero"] .headline,
[class*="mg-membership-hero"] .hero-title,
[class*="mg-membership-hero"] .banner-title {
  text-align: left !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 720px !important;
}

/* Headline */
[class*="mg-membership-hero"] h1,
[class*="mg-membership-hero"] h2,
[class*="mg-membership-hero"] h3 {
  color: #f5f5ee !important;
  text-align: left !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(2.4rem, 3.2vw, 3.6rem) !important;
  line-height: 1.02 !important;
  font-weight: 400 !important;
  margin: 0 0 22px var(--hero-offset) !important;
  transform: translateY(var(--hero-lift)) !important;
  width: 100% !important;
  max-width: 720px !important;
  display: block !important;
  position: relative !important;
  z-index: 3 !important;
}

/* Subtitle/body */
[class*="mg-membership-hero"] p,
[class*="mg-membership-hero"] span,
[class*="mg-membership-hero"] .subtitle,
[class*="mg-membership-hero"] .description {
  color: #e8e8e2 !important;
  opacity: 1 !important;
  text-align: left !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 1.14rem !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  max-width: 680px !important;
  width: 100% !important;
  display: block !important;
  margin: 0 0 14px var(--hero-offset) !important;
  transform: translateY(var(--hero-lift)) !important;
  position: relative !important;
  z-index: 3 !important;
}

/* Button */
[class*="mg-membership-hero"] .btn,
[class*="mg-membership-hero"] .button,
[class*="mg-membership-hero"] button,
[class*="mg-membership-hero"] input[type="submit"],
[class*="mg-membership-hero"] a.button,
[class*="mg-membership-hero"] a.btn {
  display: block !important;
  width: fit-content !important;
  margin: 14px 0 0 var(--hero-offset) !important;
  transform: translateY(var(--hero-lift)) !important;
  background: #00E200 !important;
  color: #121212 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 26px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  position: relative !important;
  z-index: 3 !important;
  clear: both !important;
}

/* Mobile */
@media (max-width: 768px) {
  [class*="mg-membership-hero"] {
    --hero-offset: 0px;
    --hero-lift: 0px;
    min-height: 560px !important;
  }

  [class*="mg-membership-hero"] img,
  [class*="mg-membership-hero"] picture,
  [class*="mg-membership-hero"] video,
  [class*="mg-membership-hero"] canvas,
  [class*="mg-membership-hero"] svg {
    height: 560px !important;
    min-height: 560px !important;
  }

  [class*="mg-membership-hero"] .widget-content,
  [class*="mg-membership-hero"] .content,
  [class*="mg-membership-hero"] .content-wrapper,
  [class*="mg-membership-hero"] .text-content,
  [class*="mg-membership-hero"] .overlay-content,
  [class*="mg-membership-hero"] .hero-content,
  [class*="mg-membership-hero"] .banner-content {
    left: 24px !important;
    top: 40px !important;
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
  }

  [class*="mg-membership-hero"] h1,
  [class*="mg-membership-hero"] h2,
  [class*="mg-membership-hero"] h3,
  [class*="mg-membership-hero"] .headline,
  [class*="mg-membership-hero"] .hero-title,
  [class*="mg-membership-hero"] .banner-title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(2.1rem, 8vw, 3rem) !important;
  }

  [class*="mg-membership-hero"] p,
  [class*="mg-membership-hero"] span,
  [class*="mg-membership-hero"] .subtitle,
  [class*="mg-membership-hero"] .description {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 1.02rem !important;
  }
}

/* Hiding section numbers in courses */
.syllabus__section-title-index {
  display: none;
}

/* EPA / Bone sections only */
.mg-split-feature,
.mg-bone-block,
[class*="mg-bone-section"] {
  background: #efeee7 !important;
}

[class*="mg-bone-section"] .elementor-widget-wrap,
[class*="mg-bone-section"] .elementor-element-populated,
[class*="mg-bone-section"] .elementor-container,
[class*="mg-bone-section"] .elementor-row,
[class*="mg-bone-section"] .elementor-column {
  background-color: #efeee7 !important;
}

.mg-split-feature {
  padding: 0 !important;
}

.mg-split-feature .elementor-container,
.mg-split-feature .elementor-row {
  max-width: 100% !important;
  width: 100% !important;
  gap: 0 !important;
}

.mg-split-feature .elementor-column,
.mg-split-feature .elementor-widget-wrap,
.mg-split-feature .elementor-element,
.mg-split-feature .elementor-widget-container {
  box-shadow: none !important;
  border-radius: 0 !important;
}

.mg-split-feature .mg-bone-block {
  background: transparent !important;
  padding: 60px 70px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.mg-split-feature .elementor-column:last-child,
.mg-split-feature .elementor-column:last-child .elementor-widget-wrap,
.mg-split-feature .elementor-column:last-child .elementor-element,
.mg-split-feature .elementor-column:last-child .elementor-widget-container {
  background: #050505 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.mg-bone-block {
  background: #efeee7 !important;
  padding: 70px !important;
  border-radius: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
.mg-get-started {
  background: #efeee7 !important;
  padding: 56px 40px 48px !important;
}

.mg-get-started .elementor-container,
.mg-get-started .elementor-row {
  max-width: 1400px !important;
  width: 100% !important;
}

.mg-get-started .elementor-widget-wrap,
.mg-get-started .elementor-column,
.mg-get-started .elementor-element {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.mg-get-started img,
.mg-get-started svg {
  width: 54px !important;
  height: 54px !important;
  margin: 0 auto 24px auto !important;
}

.mg-get-started .elementor-heading-title {
  text-align: center !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  margin: 0 0 16px 0 !important;
}

.mg-get-started p {
  text-align: center !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  max-width: 320px !important;
  margin: 0 auto !important;
}
.mg-get-started .about-block-item,
.mg-get-started .about-block,
.mg-get-started .about-card {
  background: transparent !important;
  padding: 0 30px !important;
  text-align: center !important;
}

.mg-get-started .about-block-item img,
.mg-get-started .about-block img,
.mg-get-started .about-card img {
  width: 56px !important;
  height: 56px !important;
  margin: 0 auto 26px auto !important;
  display: block !important;
}

.mg-get-started .about-block-item h3,
.mg-get-started .about-block h3,
.mg-get-started .about-card h3 {
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  color: #2b2b2b !important;
  text-align: center !important;
  margin: 0 0 18px 0 !important;
}

.mg-get-started .about-block-item p,
.mg-get-started .about-block p,
.mg-get-started .about-card p {
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #3b3b3b !important;
  text-align: center !important;
  max-width: 320px !important;
  margin: 0 auto !important;
}

.short-two-column{
    padding-top:20px !important;
    padding-bottom:20px !important;
    min-height:auto !important;
}

.short-two-column .column,
.short-two-column .content{
    padding-top:20px !important;
    padding-bottom:20px !important;
}

.cssblockheroimage .hero .hero__caption { background: transparent; left: 9%; top: 50%; transform:
translateY(-50%); bottom: auto; width: 50%; }
.cssblockheroimage .hero__caption .h4 { display: block; color: white !important; font-size: 20px; margin-bottom:
20px; }
.cssblockheroimage .hero .hero__caption .hero__title { color: white; font-size: 44px; font-weight: 700;}
.cssblockheroimage .hero .hero__caption span {font-size: 20px;}
.cssblockheroimage .hero .btn--primary { color: white; background-color: transparent; border: 2px solid white;
border-radius: 10px; font-size: 18px;}

/*Homepage hero banner */
.cssblockheroimage .btn,
.cssblockheroimage .button,
.cssblockheroimage button,
.cssblockheroimage input[type="submit"],
.cssblockheroimage a.button,
.cssblockheroimage a.btn {
  display: block !important;
  width: fit-content !important;
  margin: 14px 0 0 var(--hero-offset) !important;
  transform: translateY(var(--hero-lift)) !important;
  background: #00E200 !important;
  color: #121212 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 26px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  position: relative !important;
  z-index: 3 !important;
  clear: both !important;
}
/* =========================================================
   ANNOUNCEMENT HERO SLIDER
   Custom class: announcement-hero-slider
   ========================================================= */

.announcement-hero-slider {
  max-width: 100% !important;
  margin: 40px auto 90px !important;
  position: relative !important;
  overflow: visible !important;
  background: transparent !important;
}

/* Slider size - closer to original */
.announcement-hero-slider .slick-slider,
.announcement-hero-slider .slick-list,
.announcement-hero-slider .slick-track,
.announcement-hero-slider .slick-slide {
  height: 470px !important;
}

.announcement-hero-slider .slick-slide {
  position: relative !important;
}

/* Image */
.announcement-hero-slider img {
  width: 100% !important;
  height: 470px !important;
  object-fit: cover !important;
  object-position: center right !important;
  display: block !important;
}

/* Subtle dark overlay */
.announcement-hero-slider .slick-slide::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(10, 10, 14, 0.50) 0%,
    rgba(10, 10, 14, 0.30) 40%,
    rgba(10, 10, 14, 0.10) 70%,
    rgba(10, 10, 14, 0.02) 100%
  ) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* Text panel */
.announcement-hero-slider .hero-content,
.announcement-hero-slider .heroText,
.announcement-hero-slider .slide-content,
.announcement-hero-slider .caption,
.announcement-hero-slider .carousel-caption,
.announcement-hero-slider .content,
.announcement-hero-slider .slick-slide div[class*="content"],
.announcement-hero-slider .slick-slide div[class*="caption"],
.announcement-hero-slider .slick-slide div[class*="text"] {
  position: absolute !important;
  left: 32px !important;
  bottom: 28px !important;
  width: 42% !important;
  max-width: 640px !important;
  z-index: 3 !important;
  color: #ffffff !important;
  background: rgba(10, 10, 14, 0.48) !important;
  padding: 18px 22px !important;
  border-radius: 0 !important;
}

/* Slide title */
.announcement-hero-slider h1,
.announcement-hero-slider h2,
.announcement-hero-slider h3,
.announcement-hero-slider h4,
.announcement-hero-slider .title,
.announcement-hero-slider .hero-title,
.announcement-hero-slider .slide-title,
.announcement-hero-slider .caption-title,
.announcement-hero-slider .slick-slide div[class*="title"] {
  font-size: 28px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  margin: 0 0 6px 0 !important;
  color: #ffffff !important;
  max-width: 95% !important;
}

/* Body text / description */
.announcement-hero-slider p,
.announcement-hero-slider .description,
.announcement-hero-slider .subtitle,
.announcement-hero-slider .hero-description,
.announcement-hero-slider .slide-description,
.announcement-hero-slider .caption p {
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.96) !important;
  max-width: 95% !important;
}

/* Buttons */
.announcement-hero-slider .btn,
.announcement-hero-slider .button,
.announcement-hero-slider button,
.announcement-hero-slider input[type="submit"],
.announcement-hero-slider a.button,
.announcement-hero-slider a.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 16px 0 0 0 !important;
  padding: 12px 24px !important;
  border: none !important;
  border-radius: 999px !important;
  background: #12e812 !important;
  color: #111111 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  position: relative !important;
  z-index: 4 !important;
}

.announcement-hero-slider .btn:hover,
.announcement-hero-slider .button:hover,
.announcement-hero-slider a.button:hover,
.announcement-hero-slider a.btn:hover {
  background: #1cff1c !important;
  color: #111111 !important;
}

/* Dots */
.announcement-hero-slider .slick-dots {
  position: absolute !important;
  left: 50% !important;
  bottom: -34px !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  z-index: 10 !important;
}

.announcement-hero-slider .slick-dots li {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}

.announcement-hero-slider .slick-dots button {
  width: 9px !important;
  height: 9px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.55) !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}

.announcement-hero-slider .slick-dots li.slick-active button {
  background: #ffffff !important;
}

/* Arrows */
.announcement-hero-slider .slick-prev,
.announcement-hero-slider .slick-next {
  position: absolute !important;
  top: auto !important;
  bottom: -44px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  border: none !important;
  background: #12e812 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
  z-index: 10 !important;
}

.announcement-hero-slider .slick-prev {
  left: auto !important;
  right: 56px !important;
}

.announcement-hero-slider .slick-next {
  left: auto !important;
  right: 8px !important;
}

.announcement-hero-slider .slick-prev::before,
.announcement-hero-slider .slick-next::before {
  color: #111111 !important;
  font-size: 16px !important;
  opacity: 1 !important;
  line-height: 1 !important;
}

/* Prevent clipping */
.announcement-hero-slider .slick-list {
  overflow: hidden !important;
}
./* widget backgrounds */
.bk-color-1 {background: #f5f5ee;}
.bk-color-2 {background: #121212;}
.bk-color-3 {background: #ffffff;}
.bk-color-4 {background: #dcdcd4;}
.bk-color-5 {background: #43434a;}
.bk-color-6 {background: #82828c;}
/* widget title color */
.title-color-1 .widget__title {color:#121212;}
.title-color-2 .widget__title {color:#00E200;}
.title-color-3 .widget__title {color:#008300;}
.title-color-4 .widget__title {color:#ffffff;}
/* widget title font size */
.title-size-1 .widget__title {font-size: 24px;}
.title-size-2 .widget__title {font-size: 32px;}
.title-size-3 .widget__title {font-size:48px;}
.title-size-4 .widget__title {font-size: 72px;}
/* widget padding varations */
.pad-top-1 {padding-top:2em !important;}
.pad-top-2 {padding-top:5em !important;}
.pad-top-3 {padding-top:10em !important;}
.pad-top-none {padding-top:0em !important;}
.pad-bottom-1 {padding-bottom:2em !important;}
.pad-bottom-2 {padding-bottom:5em !important;}
.pad-bottom-3 {padding-bottom:10em !important;}
.pad-bottom-none {padding-bottom:0em !important;}
.pad-sides-1 {padding:1em 2em !important;}
.pad-sides-2 {padding:1em 5em !important;}
.pad-sides-3 {padding:1em 10em !important;}
.pad-all-1 {padding:2em !important;}
.pad-all-2 {padding:5em !important;}
.pad-all-3 {padding:10em !important;}
.pad-none {padding:0em !important;}