@import "base/variables.less";
@import "base/mixins.less";

.form-horizontal {
  .no-margin {
    .form-group {
      margin-left: 0;
      margin-right: 0;
    }
  }
}

// Categories
.categories-item {
  &.active {
    background-color: @colored;
    color: @light;

    .icon {
      background-color: @light;
      color: @colored;
    }
  }
}

/** video container */
.video-container {
  height: 0;
  padding-top: 0;
  padding-bottom: 67.5%;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container-2-columns {
  .video-container {
    width: 49%;
    padding-bottom: 28%;

    &.video-container-left {
      float: left;
    }

    &.video-container-right {
      float: right;
    }

    @media @tablet, @mobile {
      width: 100%;
      padding-bottom: 67.5%;
    }
  }
}

.alternative {
  font-size: 85%;
  font-style: italic;;

  @media @mobile {
    margin-top: 1em;
  }

  a {
    color: silver;
  }
}