/*================================================
  Solder Paste - PF305-153
================================================*/

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

.page-header__container {
  background-image: url(../../../../image/products/solder-paste/background_page-header.jpg);
}


/*------------------------------------------------
  High Performance Versatility
------------------------------------------------*/

.versatility__inner:nth-of-type(2) {
  display: flex;
  align-items: center;
}

.versatility-list__item {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 2;
}

.versatility-list__item:not(:first-of-type) {
  margin-top: calc(var(--layout-gap) / 4);
}

@media print, screen and (min-width: 769px) {
  .versatility-list__item:not(:first-of-type) {
    margin-top: calc(var(--layout-gap) / 2);
  }
}


/*------------------------------------------------
  Stable Form and Connectivity
------------------------------------------------*/

.stable-list__item__label {
  font-weight: bold;
  text-align: center;
}

.stable-list__item__label.--highlight {
  color: var(--color-primary);
}


/*------------------------------------------------
  conditions
------------------------------------------------*/

table.solderability__list {
  width: 100%;
  border-collapse: collapse;
}

table.solderability__list th,
table.solderability__list td {
  border: 1px solid var(--color-white);
}

table.solderability__list thead th:not(:first-of-type) {
  padding: 5px;
  color: var(--color-white);
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background-color: var(--color-secondary);
}
table.solderability__list tbody tr th{
  padding: 5px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background-color: var(--color-grey-medium);
}
table.solderability__list tbody tr:nth-of-type(1) th {
  color: var(--color-blue-700);
}
table.solderability__list tbody tr:nth-of-type(2) th > span {
  color: var(--color-primary);
  white-space: pre;
  writing-mode: vertical-rl;
  display: inline-block;
}

.conditions__text {
  padding-left: 6em;
  text-indent: -6em;
}

@media print, screen and (min-width: 769px) {
  table.solderability__list th,
  table.solderability__list td {
    border: 4px solid var(--color-white);
  }
  table.solderability__list thead th:not(:first-of-type) {
    font-size: 1.6rem;
    padding: 10px;
  }
  table.solderability__list tbody tr th{
    font-size: 1.6rem;
    padding: 10px;
  }
  table.solderability__list tbody tr:nth-of-type(2) th > span {
    writing-mode: inherit;
  }
}