/* Tabs container */
.tabs-wrapper.speakers {
  background: var(--dark-blue);
}

.speakers .tabs {
  display: flex;
  justify-content: flex-start;
}

/* Tabs */

.speakers .tabs__tab {
  position: relative;
  width: 20%;
  border: 2px solid var(--white);
  border-radius: 10rem!important;
  color: var(--white);
}

.speakers .tabs__tab,
.speakers .tabs__tab:hover,
.speakers.tabs__tab:focus,
.speakers .tabs__tab:active {
  flex: initial;
  justify-content: center;
  background: var(--blue);
  font-size: 14px;
  font-weight: var(--black)!important;
  padding: 1rem 0.7rem;
  margin: 0 1rem 0 0;
  text-align: center;
}

.tabs__tab:last-child {
  margin: 0;
}

.speakers .tabs__tab[aria-selected='true'] {
  flex: initial;
  width: 20%;
  border: 2px solid var(--white);
  background: var(--white);
  color: var(--dark-blue);
}

/* Tab content */

.tabs__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 5rem 0;
}

.speakers .tabs__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5rem 0;
}

.tabs__content[hidden='hidden'],
.tabs__content[hidden] {
  display: none;
}


.tabs__content .content,
.tabs__content .img {
  width: 100%;
}

.tabs__content .card-item {
  width: 100%;
  padding: 0;
  margin-bottom: 3rem;
}

.tabs__content .card-item .card {
  border-top: 3px solid var(--theme-colour);
}

.tabs__content .card-item .card .card-img img {
  position: absolute;
  bottom: 0;
  left: -50%;
  right: -50%;
  margin: 0 auto;
max-width: 380px !important;
    max-height: 300px !important;
}

.tabs__content .card-item .card h4,
.tabs__content .card-item .card p {
  color: var(--white);
}

.tabs__content .card-item .card .company,
.tabs__content .card-item .card .role {
  display: block;
  color: var(--theme-colour);
}

.tabs__content .card-item .card .role {
  margin-bottom: 1.4rem;
}

.card-body .description {
  position: relative;
  overflow: hidden;
 
transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
  overflow: hidden;
  hyphens: auto;
  max-height: 100px;
}

.card-body .description.large {
  max-height: 100rem;
  transition: max-height 0.3s cubic-bezier(0.9, 0, 0.8, 0.2);
}

.description span,.description > div {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 12px 0;
  animation: close 0.1s linear 0.1s forwards;
}
.description.large span,.description.large div {
  animation: open 0.1s linear 0s forwards;
}


@keyframes open {
  from {
    line-clamp: 4;
    -webkit-line-clamp: 4;
  }
  to {
    line-clamp: initial;
    -webkit-line-clamp: initial;
  }
}
@keyframes close {
  from {
    line-clamp: initial;
    -webkit-line-clamp: initial;
  }
  to {
    line-clamp: 4;
    -webkit-line-clamp: 4;
  }
}
.description + .no-button{
  display: none;;
}
.description.is-truncated + .no-button{
  display: inline-flex;
}

.card-body button.no-button {
  margin-top: 1.5rem;
  font-weight: var(--black);
  color: var(--white);
}


@media screen and (min-width: 768px) {
  .tabs__content .card-item {
    width: 50%;
    padding: 0 1rem;
  }
  .tabs__content .card-item.single-item {
    width: 100%;
  }
  .tabs__content .card-item.single-item .card {
    border-bottom: 3px solid var(--theme-colour);
    display: flex;
  }
  .tabs__content .card-item.single-item .card-body {
    padding: 30px;
  }
  .tabs__content .card-item.single-item .card-img {
    margin-bottom: 0px !important;
  }
}

@media screen and (min-width: 1024px) {
  .tabs__content .card-item {
    width: 33.333333%;
  }
}