.ellipsis {
  white-space: nowrap;
  /* 1 */
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden; }

.paragraph--type--start-dates {
  font-family: "Poppins", Helvetica, Arial, Lucida, sans-serif;
  padding: 50px 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400; }
  .paragraph--type--start-dates .container {
    width: 100%; }
  .paragraph--type--start-dates .title-holder {
    padding: 30px 0; }
    .paragraph--type--start-dates .title-holder .paragraph-start-dates__field-text {
      padding-top: 21px;
      max-width: 600px; }
    @media (min-width: 768px) {
      .paragraph--type--start-dates .title-holder h2 {
        font-size: 42px; } }

.paragraph-start-dates__field-start-dates-sections {
  padding: 30px 0 0;
  transform: translateY(-100px);
  opacity: 0;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out; }
  .paragraph-start-dates__field-start-dates-sections.in-viewport {
    opacity: 1;
    transform: translateY(0); }
  .paragraph-start-dates__field-start-dates-sections h2 {
    margin: 0; }
  .paragraph-start-dates__field-start-dates-sections button.js-opener {
    font-family: "Lexend", Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5em;
    margin: 0;
    padding: 20px;
    background: transparent;
    border: 0;
    width: 100%;
    text-align: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .paragraph-start-dates__field-start-dates-sections button.js-opener svg {
      transform: scale(0.8);
      transition: transform 0.3s ease-in-out; }
    .paragraph-start-dates__field-start-dates-sections button.js-opener .paragraph-start-dates-section__field-title {
      max-width: calc(100% - 24px);
      padding-right: 30px; }
  .paragraph-start-dates__field-start-dates-sections table {
    font-family: 'Sen', Helvetica, Arial, Lucida, sans-serif;
    border: 0;
    margin: 0 0 15px;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font-weight: 400; }
    .paragraph-start-dates__field-start-dates-sections table th {
      text-align: left;
      font-weight: bold;
      padding: 5px;
      font-size: 14.4px;
      border: 0; }
      @media (max-width: 767px) {
        .paragraph-start-dates__field-start-dates-sections table th {
          padding: 0;
          display: block; } }
    .paragraph-start-dates__field-start-dates-sections table td {
      padding: 7px 0 3px;
      font-size: 14.4px;
      border: 0;
      border-bottom: 1px dotted #ccc;
      text-align: right; }
      @media (max-width: 767px) {
        .paragraph-start-dates__field-start-dates-sections table td {
          display: block;
          border-top: 1px solid #CCDCF0; } }
      @media (min-width: 768px) {
        .paragraph-start-dates__field-start-dates-sections table td {
          padding: 5px;
          border: 0;
          border-top: 1px solid #CCDCF0;
          text-align: left; } }
      @media (max-width: 767px) {
        .paragraph-start-dates__field-start-dates-sections table td:last-child() {
          border-bottom-width: 2px; } }
      @media (max-width: 767px) {
        .paragraph-start-dates__field-start-dates-sections table td[data-title]:before {
          content: attr(data-title);
          font-weight: bold;
          display: inline-block;
          content: attr(data-title);
          float: left;
          margin-right: 0.5em;
          font-size: 14px; } }
    .paragraph-start-dates__field-start-dates-sections table tbody tr {
      border-bottom: 1px solid #CCDCF0; }
      @media (max-width: 767px) {
        .paragraph-start-dates__field-start-dates-sections table tbody tr {
          border-bottom: none;
          margin: 0 0 16px 0;
          padding: 8px;
          display: block; } }
      @media (min-width: 768px) {
        .paragraph-start-dates__field-start-dates-sections table tbody tr:nth-child(even) {
          background: #CCDCF0; } }
  .paragraph-start-dates__field-start-dates-sections .js-slide {
    padding: 20px;
    display: none; }
  .paragraph-start-dates__field-start-dates-sections .paragraph-start-dates-section__field-body {
    font-family: 'Sen', Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
    padding: 1em 0.5em; }
  .paragraph-start-dates__field-start-dates-sections .paragraph-start-dates__field-start-dates-sections-item {
    background: #ccdcf0;
    position: relative;
    margin-bottom: 2.75%;
    border-radius: 8px;
    transition: background-color 300ms ease 0ms; }
    .paragraph-start-dates__field-start-dates-sections .paragraph-start-dates__field-start-dates-sections-item:hover {
      background: #f4f4f4; }
    .paragraph-start-dates__field-start-dates-sections .paragraph-start-dates__field-start-dates-sections-item.active {
      background: #f4f4f4; }
      .paragraph-start-dates__field-start-dates-sections .paragraph-start-dates__field-start-dates-sections-item.active button.js-opener svg {
        transform: rotate(180deg) scale(0.8); }
    .paragraph-start-dates__field-start-dates-sections .paragraph-start-dates__field-start-dates-sections-item:last-child {
      margin-bottom: 0; }

.node-page-full__field-paragraphs-item:last-child .paragraph--type--start-dates {
  padding-bottom: 0; }

/*# sourceMappingURL=start-dates.css.map */