/*================================================
  Credo
================================================*/

/*------------------------------------------------
  Page Header
------------------------------------------------*/

.page-header {
  background-image: url(../../../image/about/background_page-header.jpg);
}

/*------------------------------------------------
  Principles
------------------------------------------------*/

.principles {
  margin: calc(var(--layout-gap) * 1.5) 0;
}

.principles__container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 calc(var(--layout-gap) / 2);
}

.principles__text {
  margin-top: calc(var(--layout-gap) / 2);
  line-height: 2;
}

.principles-list__item {
  margin-top: calc(var(--layout-gap) / 2);
  line-height: 2;
}

.principles-list__item__title {
  color: var(--color-primary);
  font-size: 1.6rem;
  font-weight: bold;
}

@media print, screen and (min-width: 769px) {
  .principles {
    margin: calc(var(--layout-gap) * 3) 0;
  }
}

/*------------------------------------------------
  Principles
------------------------------------------------*/

.principles {
  margin: calc(var(--layout-gap) * 1.5) 0;
}

.principles__container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 calc(var(--layout-gap) / 2);
}

.principles__text {
  margin-top: calc(var(--layout-gap) / 2);
  line-height: 2;
}

.principles-list__item {
  margin-top: calc(var(--layout-gap) / 2);
  line-height: 2;
}

.principles-list__item__title {
  color: var(--color-primary);
  font-size: 1.6rem;
  font-weight: bold;
}

@media print, screen and (min-width: 769px) {
  .principles {
    margin: calc(var(--layout-gap) * 3) 0;
  }

  .principles__text,
  .principles-list__item {
    margin-top: var(--layout-gap);
  }

  .principles-list__item__title {
    font-size: 1.8rem;
  }
}

/*------------------------------------------------
  Quality
------------------------------------------------*/

.quality {
  margin: calc(var(--layout-gap) * 1.5) 0;
}

.quality__container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 calc(var(--layout-gap) / 2);
}

.quality__title {
  margin-top: calc(var(--layout-gap) / 2);
  color: var(--color-primary);
  font-size: 1.6rem;
  font-weight: bold;
}

.quality__text {
  margin-top: calc(var(--layout-gap) / 2);
  line-height: 2;
}

.quality-list {
  margin-top: calc(var(--layout-gap) / 2);
  line-height: 2;
}

.quality-list__item {
  padding-left: 2em;
  text-indent: -2em;
}

.quality__date {
  margin-top: calc(var(--layout-gap) / 2);
  padding-top: calc(var(--layout-gap) / 2);
  line-height: 2;
  text-align: right;
  border-top: 1px solid var(--color-grey-dark);
}

@media print, screen and (min-width: 769px) {
  .quality {
    margin: calc(var(--layout-gap) * 3) 0;
  }

  .quality__title {
    margin-top: var(--layout-gap);
    font-size: 1.8rem;
  }

  .quality__date {
    margin-top: var(--layout-gap);
    padding-top: var(--layout-gap);
  }
}

/*------------------------------------------------
  Environmental
------------------------------------------------*/

.environmental {
  margin: calc(var(--layout-gap) * 1.5) 0;
}

.environmental__container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 calc(var(--layout-gap) / 2);
}

.environmental__text {
  margin-top: calc(var(--layout-gap) / 2);
  line-height: 2;
}

.environmental-list {
  margin-top: calc(var(--layout-gap) / 2);
  line-height: 2;
}

.environmental-list__item {
  padding-left: 2em;
  text-indent: -2em;
}

.environmental-sublist__item {
  padding-left: 3em;
  text-indent: -3em;
}

.environmental__date {
  margin-top: calc(var(--layout-gap) / 2);
  padding-top: calc(var(--layout-gap) / 2);
  line-height: 2;
  text-align: right;
  border-top: 1px solid var(--color-grey-dark);
}

@media print, screen and (min-width: 769px) {
  .environmental {
    margin: calc(var(--layout-gap) * 3) 0;
  }

  .environmental__date {
    margin-top: var(--layout-gap);
    padding-top: var(--layout-gap);
  }
}

/*------------------------------------------------
  Mobilization
------------------------------------------------*/

.mobilization {
  margin: calc(var(--layout-gap) * 1.5) 0;
}

.mobilization__container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 calc(var(--layout-gap) / 2);
}

.mobilization__text {
  margin-top: calc(var(--layout-gap) / 2);
  line-height: 2;
}

.mobilization-list {
  margin-top: calc(var(--layout-gap) / 2);
  line-height: 2;
}

.mobilization-list__item {
  padding-left: 2em;
  text-indent: -2em;
}

.mobilization__date {
  margin-top: calc(var(--layout-gap) / 2);
  padding-top: calc(var(--layout-gap) / 2);
  line-height: 2;
  text-align: right;
  border-top: 1px solid var(--color-grey-dark);
}

@media print, screen and (min-width: 769px) {
  .mobilization {
    margin: calc(var(--layout-gap) * 3) 0;
  }

  .mobilization__date {
    margin-top: var(--layout-gap);
    padding-top: var(--layout-gap);
  }
}

/*------------------------------------------------
  Standards
------------------------------------------------*/

.standards {
  margin: calc(var(--layout-gap) * 1.5) 0;
}

.standards__container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 calc(var(--layout-gap) / 2);
}

.standards__text {
  margin-top: calc(var(--layout-gap) / 2);
  line-height: 2;
}

.standards-list__item {
  margin-top: calc(var(--layout-gap) / 2);
  line-height: 2;
}

.standards-list__item__title {
  color: var(--color-primary);
  font-size: 1.6rem;
  font-weight: bold;
}

.standards-sublist {
  display: flex;
  flex-wrap: wrap;
}

.standards-sublist + .standards-sublist {
  margin-top: calc(var(--layout-gap) / 4);
}

.standards-sublist__term {
  width: 7em;
  font-weight: normal;
}

.standards-sublist__description {
  width: calc(100% - 7em);
}

@media print, screen and (min-width: 769px) {
  .standards {
    margin: calc(var(--layout-gap) * 3) 0;
  }

  .standards__text,
  .standards-list__item {
    margin-top: var(--layout-gap);
  }

  .standards-list__item__title {
    font-size: 1.8rem;
  }

  .standards-sublist + .standards-sublist {
    margin-top: calc(var(--layout-gap) / 2);
  }
}