/**
 * @file
 * Section 16: Page-specific overrides.
 *
 * Split from css/staged-edits-from-gui.css (see docs/Theme updates.md for
 * the full split file list).
 */


/* --------- 16.1. My Dashboard / Personal Dashboard --------------------- */

/* (No specific styles yet — general dashboard rules in 13-dashboards.css cover this) */


/* --------- 16.2. Course Dashboard / Cohort Group ----------------------- */

/* Cohort cover image temp fix (not responsive) */
.field--name-field-cover-image img {
  max-width: 100%;
  height: auto;
}

/* Main group title block */
.block-field-blockgroupcohortlabel .field__item {
  text-align: center;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 30px;
  border-radius: 8px;
  font-size: xx-large;
  color: var(--bs-light);
  background-color: var(--bs-info-text-emphasis);
  border: 2px solid var(--bs-dark);
}

/* Temp invite button fix (admin actions) */
.path-group #block-korumo-bootstrap-barrio-primary-admin-actions .action-links {
  display: flex;
  gap: 0.5rem;
  padding-left: 0;
  margin: 0 0 1rem;
}

/* table responsive fix */

.table-responsive {
  width: 100%;
  padding: 0;
}

/* --------- 16.3. Registration + My Account ----------------------------- */

/* Account notice (registration page blurb) */
.account-notice {
  background-color: #fdc281;
  /* bg-yellow */
  border-radius: 0.5rem;
  font-size: 110%;
  padding: 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.account-notice p:first-child {
  margin-top: 0.25rem;
  color: #080305;
}

.account-notice p:last-child {
  margin-bottom: 0.25rem;
  color: #080305;
}


/* --------- 16.4. Events & Retreats ------------------------------------- */

/* H1 colour change on smaller screens */
@media (max-width: 991px) {
  .page-node-35 h1 {
    color: var(--bs-secondary) !important;
  }
}

/* --------- 16.5. Homepage ------------------------------------- */

/* homepage full-width elements */
#block-korumo-bootstrap-barrio-homepagefullwidthelements .field--name-field-body.field--type-text-long {
  display: block;
}

#block-korumo-bootstrap-barrio-homepagefullwidthelements {
  padding: 0;
}

/* --------- 16.6 Testimonials --------- */
@media (max-width: 767.98px) {
  .testimonials-carousel .carousel-item {
    min-height: 28rem;
  }

  .testimonials-carousel .carousel-item .carousel-caption {
    position: static;
    padding: 1rem 0 0;
  }
}

/* --------- 16.7 Uncategorized (marketing / knowledge base / spiral tree) ---------
   NOTE: This block had no section header in the original
   css/staged-edits-from-gui.css — filed here under page-specific overrides
   since it targets specific pages/views (cohort marketing, knowledge base,
   spiral tree). @TODO Al/Nina — reclassify into a more specific section if
   a better home is obvious. */

/* hack  for background on sales page */
.page-view-_-4-cohort-marketing #main-wrapper,
.node--type-knowledge-base #main-wrapper,
.node--type-knowledge-base-internal #main-wrapper {
  background: var(--bs-secondary-bg-subtle);
}

.page-view-_-4-cohort-marketing #main,
.node--type-knowledge-base #main,
.node--type-knowledge-base-internal #main {
  background: var(--bs-body-bg);
}

.group--marketing h2 {
  display: none;
}

.group--marketing .contextual h2 {
  display: none;
}

.underlineonhover:hover {
  text-decoration: underline;
  color: var(--bs-link-color);
}

.main-content.col {
  padding: 0;
}

.view-_-4-cohort-marketing .view-content.row,
.view-_-4-cohort-marketing .views-row {
  margin: 0 !important;
  padding: 0;
}



.row-over {
  position: relative;
  width: 100%;
  z-index: 2;
  height: 324px;
  margin-top: -300px;
}

.spiral-tree-person {
  margin-top: 230px;
}

.gin--edit-form .row-over {
  position: static;
}

.spiral-tree-person-2 {
  margin-top: -20%;
}

.spiral-tree-person-2>div {
  height: 80%;
}

@media (min-width: 500px) {
  .spiral-tree-person-2 {
    margin-top: 0;
  }

  .spiral-tree-person-2>div {
    height: 90%;
  }
}

@media (min-width: 576px) {

  /* sm */
  .row-over {
    height: 324px;
    margin-top: -300px;
  }

  .spiral-tree-person {
    margin-top: 150px;
  }

  .spiral-tree-person-2 {
    margin-top: 15%;
  }

  .spiral-tree-person-2>div {
    height: 80%;
  }
}

@media (min-width: 620px) {
  .spiral-tree-person-2 {
    margin-top: 0;
  }

  .spiral-tree-person-2>div {
    height: 80%;
  }
}

@media (min-width: 768px) {

  /* md */
  .row-over {
    height: 250px;
    margin-top: -281px;
  }

  .spiral-tree-person {
    margin-top: 150px;
  }
}

@media (min-width: 992px) {

  /* lg */
  .row-over {
    height: 378px;
    margin-top: -320px;
  }

  .spiral-tree-person {
    margin-top: 100px;
  }
}

@media (min-width: 1200px) {

  /* xl */
  .row-over {
    height: 441px;
    margin-top: -375px;
  }

  .spiral-tree-person {
    margin-top: 30px;
  }
}

@media (min-width: 1400px) {

  /* xxl */
  .row-over {
    height: 604px;
    margin-top: -433px;
  }
}