#speakers {
  text-align: center;
}

// General speaker style
.speaker, {
  text-align: left;
  .make-sm-column(4);
  padding: 20px;
  position: relative;
  margin-bottom: 40px;

  .picture-frame {
    .size(146px, 146px);
    overflow: hidden;
    img {
      width: 100%;
      -webkit-transform-style: flat;
      transform-style: flat;
    }
  }
  // Info about speaker
  .about {
    border: 1px solid #000000;
  }
  .name {
    font-size: 24em / 16;
    font-family: eurostilebold;
    color: #0069a4;
    text-transform: uppercase;
    text-align: left;
  }
  .short-info, .long-info {
    font-size: 14em / 16;
    color: #4b4e45;
  }
  .short-info {
    height: 6em;
    cursor: pointer;
    .view-more{
      color: @brand-primary;
      display: none;
    }
    &.collapsed{
      .view-more{
        display: inline;
      }
    }
  }


  .long-info.in {
    display: inline;
  }

  // Contact info speaker
  .about, .contact {
    border: 1px solid #000000;
    padding: 20px;
  }

  .contact {
    text-align: right;
    border-top: 0;
  }

  .more {
    position: absolute;
    top: 40px;
    right: 21px;
    height: 32px;
    p {
      display: block;
      line-height: 32px;
      font-size: 14em / 16;
      margin: 0;
      padding: 0;
      float: left;
    }
    .icon-plus {
      margin-left: 4px;
      float: left;
    }
  }
}

#speakers {
  h2 {
    font-size: 44.5em / 16;
    font-family: elektra_light_proregular;
  }
  p.main-speakers {
    font-size: 22em / 16;
  }
}

// ***********************
// Keynote speaker adjustment
// ***********************
.speaker-keynote {
  padding-top: 100px;
  h3 {
    font-size: 44.5em / 16;
    font-family: elektra_light_proregular;
  }
  .speaker {
    .make-sm-column(6);
    .make-md-column(4);
    .make-sm-column-offset(3);
    .make-md-column-offset(4);
    .more {
      right: 15px;
    }
  }
}

// Speakers Slider
.speakers-other {
  background-color: #86d6fe;
  border-bottom: 1px dashed #231f20;
  h3 {
    font-size: 22em / 16;
    color: #4b4e50;
    text-transform: none;
    padding-top: 0.5em;
  }
  // -----------------
  // Carousel
  // -----------------
  .owl-carousel {
    width: 100%;
    position: relative;
  }
  .speaker {
    width: 100%;
    text-align: center;
    .about, .contact {
      border: 0;
      padding: 0;
      position: relative;
      text-align: center;
    }
    .name {
      background-color: #86d6fe;
      margin: 0;
      position: relative;
      text-align: center;
      z-index: 20;
      padding-bottom: 0.2em;
    }
    .short-info {
      background-color: #86d6fe;
      z-index: 20;
      position: relative;
    }
    .more {
      color: #4b4e50;
      font-size: 14em / 16;
      font-family: eurostilebold;
      position: absolute;
      top: 50px;
      left: 50%;
      margin-left: 50px;
      z-index: 5;
      width: 120px;
      .plus {
        height: 1.5em;
        background-color: grey;
        color: white;
        display: block;
        float: left;
        text-align: right;
        padding-right: 9px;
        width: 3em;
      }
      p {
        width: calc(~"100% - 80px");
        line-height: 21px;
      }
    }
  }
}

.owl-carousel .owl-item {
  // Image speaker
  .picture-frame {
    border-radius: 50%;
    border: 1px solid #717373;
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    transform: translateY(30px);
    width: 170px;
    height: 170px;
    z-index: 10;
    img {
      width: 100%;
      -webkit-transform-style: flat;
      transform-style: flat;
    }
  }
  .dummy-frame {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
}

//-------------------
// Carousel controls
//-------------------
.owl-theme .owl-controls .owl-buttons {
  .owl-prev, .owl-next {
    .hide-text();
    position: absolute;
    width: 27px;
    height: 36px;
    top: 40%;
    background-color: transparent;
  }
  .owl-prev {
    background: url('../img/speaker/arow-left-icon.png') center /cover no-repeat;
    width: 27px;
    height: 36px;
    left: -40px;
  }
  .owl-next {
    background: url('../img/speaker/arow-right-icon.png') center /cover no-repeat;
    right: -40px;
  }
}

// Responsive adaptations
@media (max-width: 1000px) {
  .speaker-keynote {
    padding-top: 0;
  }

  .owl-theme .owl-controls .owl-buttons {
    .owl-prev {
      left: 0;
    }
    .owl-next {
      right: 0;
    }
  }
}