@font-face {
  font-family: "Frutiger W01";
  src: url("../Fonts/frutiger/Fonts/d081ebc4-72ee-49ad-94a1-b3cd3e01e2a1.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Frutiger W01";
  src: url("../Fonts/frutiger/Fonts/5995e4b5-97ff-4823-bebb-dc150282a2cf.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Frutiger W01";
  src: url("../Fonts/frutiger/Fonts/6d87ec2c-6ff9-4959-ae4b-ee78bf6766d9.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}


h1, h2,
.h1, .h2 {
  text-transform: uppercase;
  letter-spacing: .02em;
  @include media-breakpoint-down(sm) {
    hyphens: auto;
  }

}


h2, .h2 {
  border-bottom: 2px solid;
  padding-bottom: $spacer;
}


h4,
.h4 {
  font-weight: $font-weight-bold;
}


.list-normal {
  padding-left: 1.5em;
}


.list-featured {
  padding-left: 1.5em;

  li {
    list-style: none;
    position: relative;

    &::before {
      content: '+';
      position: absolute;
      left: -1.5em;
      font-weight: 900;
      line-height: 1.2;
      font-family: Sans-Serif;
      color: $secondary;
    }
  }
}


.text-center {
  text-align: center;
}


.table-layout-not-fixed {
  table-layout: auto;
}


.table {
  table-layout: fixed;

  td, th {
    &:first-child {
      padding-left: 0;
    }

    &:last-child {
      padding-right: 0;
    }
  }
}


.table-condensed {
  @extend .table-sm;
}


//
// Basic Bootstrap table
//

.table {
  caption {
    font-style: italic;
  }

}




// Border versions
//
// Add or remove borders all around the table and between all the columns.
//
//.table-bordered {
//  border: $table-border-width solid $table-border-color;
//
//  th,
//  td {
//    border: $table-border-width solid $table-border-color;
//  }
//
//  thead {
//    th,
//    td {
//      border-bottom-width: calc(2 * $table-border-width);
//    }
//  }
//
//
//}
//
//.table-borderless {
//  th,
//  td,
//  thead th,
//  tbody + tbody {
//    border: 0;
//  }
//}
//
//// Zebra-striping
////
//// Default zebra-stripe styles (alternating gray and transparent backgrounds)
//
//.table-striped {
//  tr:last-of-type td,
//  tr,
//  th,
//  td,
//  thead th,
//  tbody + tbody {
//    border: 1px solid #fff;
//  }
//
//  thead th {
//    background-color: $table-dark-bg;
//    color: $table-dark-color;
//  }
//
//  tbody tr {
//    background-color: $table-striped-bg;
//  }
//
//  tbody tr:nth-of-type(#{$table-striped-order}) {
//    background-color: $table-accent-bg;
//  }
//}
//
//.table-striped-grey {
//  tr:last-of-type td,
//  th,
//  td,
//  thead th,
//  tbody + tbody {
//
//    border: 1px solid #fff;
//  }
//
//  thead th {
//    background-color: $gray-400;
//    color: $table-dark-color;
//  }
//
//  tbody tr {
//    background-color: $gray-200;
//  }
//
//  tbody tr:nth-of-type(#{$table-striped-order}) {
//    background-color: $gray-100;
//  }
//}
//
//
//// Hover effect
////
//// Placed here since it has to come after the potential zebra striping
//
//.table-hover {
//  tbody tr {
//    //@include hover {
//    //  color: $table-hover-color;
//    //  background-color: $table-hover-bg;
//    //}
//  }
//}
//
//
//// Dark styles
////
//// Same table markup, but inverted color scheme: dark background and light text.
//
//// stylelint-disable-next-line no-duplicate-selectors
//.table {
//  .thead-dark {
//    th {
//      color: $table-dark-color;
//      background-color: $table-dark-bg;
//      border-color: $table-dark-border-color;
//    }
//  }
//
//  .thead-light {
//    th {
//      color: $table-head-color;
//      background-color: $table-head-bg;
//      border-color: $table-border-color;
//    }
//  }
//}
//
//.table-dark {
//  color: $table-dark-color;
//  background-color: $table-dark-bg;
//
//  th,
//  td,
//  thead th {
//    border-color: $table-dark-border-color;
//  }
//
//  &.table-bordered {
//    border: 0;
//  }
//
//  &.table-striped {
//    tbody tr:nth-of-type(odd) {
//      background-color: $table-dark-accent-bg;
//    }
//  }
//
//  &.table-hover {
//    tbody tr {
//      //@include hover {
//      //  color: $table-dark-hover-color;
//      //  background-color: $table-dark-hover-bg;
//      //}
//    }
//  }
//}


