// --------
// -- SECTIONS
// --------
// Wrap
.tds-s-page-sec {
  &:not(:last-child) {
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #EBEBEB;
  }
}


// Section columns
.tds-s-page-sec-cols {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}

.tds-s-page-sec-col {
  width: 100%;
  padding: 0 20px;

  &:not(:last-child) {
    margin-bottom: 45px;
  }
}


// Section header
.tds-s-page-sec-header {
  margin-bottom: 35px;

  .tds-s-notif {
    margin-top: 25px;
  }
}

.tds-spsh-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.tds-spsh-col {
  padding: 0 10px;
}

body h2.tds-spsh-title {
  margin: 0;
  font-family: inherit;
  font-size: 1.429em;
  font-weight: 500;
  line-height: 1.2;
  color: #1d2327;
}

.tds-spsh-descr {
  margin-top: 11px;
  font-size: .929em;
  line-height: 1.4;
  color: #555D66;
}


// Section content
.tds-s-page-sec-content {
  position: relative;


  // Sub-section titles
  .tds-spsc-title {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: .929em;
    font-weight: 500;
    line-height: 1.2;
    color: #1d2327;

    &:not(:last-child) {
      margin-bottom: 20px;
    }

    span {
      background-color: #f1f1f1;
      border-radius: 3px;
      padding: 4px 7px 6px;
    }
  }

  .tds-spsc-title-sm {
    &:not(:last-child) {
      margin-bottom: 15px;
    }

    span {
      font-size: .857em;
      padding: 3px 6px 4px;
    }
  }


  // Error notifications
  .tds-s-notif-error {
    &:not(:first-child) {
      margin-top: 40px;
    }
  }
}


// Section content sub-sections
.tds-spsc-sub-section {
  &:not(:last-child) {
    margin-bottom: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid #efefef;
  }
}