.elementor-4983 .elementor-element.elementor-element-3948e349{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4983 .elementor-element.elementor-element-0bf940c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-5146b2a1 *//* BASMALL FÖR ALLA KURSER */
.hb-course-hero {
  width: 100%;
  padding: 100px 0 120px 0;
  border-bottom: 3px solid var(--accent);
  background: var(--bg);
}

.hb-course-hero-inner {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  padding: 0 20px;
}

.hb-course-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 48px;
  color: var(--title);
  margin-bottom: 15px;
  letter-spacing: 1px;
}

.hb-course-sub {
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  line-height: 1.6;
  color: var(--text);
  opacity: 0.85;
}

/* MOBIL */
@media (max-width: 768px) {
  .hb-course-hero {
    padding: 70px 0 90px 0;
  }
  .hb-course-title {
    font-size: 34px;
  }
  .hb-course-sub {
    font-size: 16px;
  }
}

/* FÄRGTEMAN FÖR KURSER */

/* 1. FÅ DET GJORT – Oxidröd */
.hb-color-PRIMARY {
  --bg: #F7F3EE;
  --accent: #8A2A1A;
  --title: #8A2A1A;
  --text: #2A2A2A;
}

/* 2. KLARHET – Solgul */
.hb-color-YELLOW {
  --bg: #FFF8E3;
  --accent: #E8B43C;
  --title: #E8B43C;
  --text: #2A2A2A;
}

/* 3. NATUR & KROPP – Jordgrön */
.hb-color-GREEN {
  --bg: #F3F7F1;
  --accent: #4F6B3C;
  --title: #4F6B3C;
  --text: #2A2A2A;
}

/* 4. RELATION & MOD – Blågrå */
.hb-color-BLUE {
  --bg: #EEF3F7;
  --accent: #3A5A78;
  --title: #3A5A78;
  --text: #2A2A2A;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f735089 *//* === Grundlayout för kunskapsindex (Johari-stil) === */
.hb-kunskap-modul-index {
  max-width: 900px;
  margin: 0 auto 3rem auto;
  padding: 2rem 1.5rem;
}

.hb-kunskap-modul-index .hb-section-title {
  font-size: 2.2rem;
  margin-bottom: 1rem;
}

.hb-kunskap-modul-index .hb-kunskap-introtext {
  font-size: 1.1rem;
  line-height: 1.7;
  margin-bottom: 1rem;
}

/* === Modulindex-lista (Johari-stil) === */
.hb-kunskap-modul-lista {
  list-style: none;
  padding: 0;
  margin: 2rem 0 0 0;
}

.hb-kunskap-modul-lista li {
  padding: 1.25rem 1.5rem;
  margin-bottom: 1rem;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e6e2dd;
  font-size: 1.15rem;
  line-height: 1.5;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Hover-effekt som Johari */
.hb-kunskap-modul-lista li:hover {
  background: #f5f2ee;
  border-color: #d8d4cf;
  transform: translateY(-2px);
}

/* === Modulblock (Johari-stil) === */
.hb-kunskap-modul {
  max-width: 900px;
  margin: 0 auto 3rem auto;
  padding: 2rem 1.5rem;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #eee;
}

/* === Block i modulerna === */
.hb-kunskap-block {
  margin-bottom: 2rem;
  padding: 1.75rem 1.5rem;
  border-radius: 10px;
  background: #faf7f3;
  border-left: 6px solid #d3c7b8;
}

/* Rubriker i block */
.hb-kunskap-block h3 {
  margin-top: 0;
  margin-bottom: 0.75rem;
  font-size: 1.4rem;
}

.hb-kunskap-block h4 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}

/* Listor */
.hb-kunskap-block ul {
  margin-left: 1.25rem;
  margin-bottom: 0.75rem;
  line-height: 1.6;
}

/* Mobilanpassning */
@media (max-width: 768px) {
  .hb-kunskap-modul-index,
  .hb-kunskap-modul {
    padding: 1.5rem 1rem;
  }
}/* End custom CSS */