/* ==========================================================================
   Config
   ========================================================================== */
$section-header-inner-height: 42px; // accounts for CTA button height
$section-header-title-font-size: 22px;

/* ==========================================================================
   Styles
   ========================================================================== */
.gui-section-header {
  padding-top: $layout-spacing-base;
  margin-bottom: $layout-spacing-base * 2;
  padding-bottom: $layout-spacing-base * 2;
  border-bottom: 1px solid $color-border-base;
  position: relative;
}

.gui-section-header-collapse {
  margin:0;
  padding: 0
}

.gui-section-header-no-border {
  border: none;
}

.gui-section-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: $section-header-inner-height;
}

.gui-section-header__inner > * {
  position: static;
  display: flex;
  align-items: center;
}

.gui-section-header__title {
  font-size: $section-header-title-font-size;
  display: inline-flex;
  margin: 0;
  font-weight: $typo-weight-semi-bold;
  line-height: $section-header-title-font-size;
}