/**
 * Answer content
 */

.ola-answer-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

  /**
   * Answer body
   */
  .ola-answer-body {
    flex: 1;

    .ola-answer-image-top &{
      flex: none;
    }
  }

  /**
   * Wrapper
   */
  .ola-answer-card-wrapper,
  .ola-answer-wordmap,
  .ola-answer-carousel-item-wrapper {
    padding: 1em;
    background: white;
    box-shadow: $small-box-shadow;
    border-radius: 5px;
  }

  /**
   * Card wrapper
   */
  .ola-answer-card-wrapper {
    flex: 1;
  }
  /**
   * Card print button
   */
  .ola-answer-chart-print{
    width: 35px;
    height: 35px;
    color: rgb(37, 121, 218);
    background: #fff;
    /*border: 1px solid rgb(37, 121, 218);*/
    text-align: center;
    line-height: 35px;
    float: right;
    margin-top: -24px;
    cursor: pointer;
  }
  /**
   * Title
   */
  .ola-answer-title {
    margin: 0;
    font-weight: bold;
  }

  /**
   * Subtitle
   */
  .ola-answer-subtitle {
    // margin: 4px 0 0 0;
  }

  /**
   * Image
   */
  .ola-img-card {
    max-height: 300px;
    display: block;
    margin: auto;
  }

  /**
   * Button wrapper
   */
  .ola-answer-buttons {
    padding-top: 14px;
    // @include media (desktop) {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      margin: 0 -4px;
    // }
  }

  /**
   * Button
   */
  .ola-answer-button {
    @extend .ola-btn-primary;
    width: 100%;
    margin: 0 0 8px 0;
    // @include media (desktop) {
    margin: 0 4px 8px 4px;
    width: auto;
    flex: 1; /* Make the button 100% wide */
    // }

    &:last-child {
      margin-bottom: 0;
    }
  }

  /**
   * With image
   */
  .ola-answer-button-with-image {
    background: none;
    flex: none;
    flex-basis: 10%;
  }

/**
 * Answer list
 */
.ola-answer-list-items {
  display: flex;
  flex-wrap: wrap;

  > .ola-answer-card {
    width: 33.333%;
    padding: 8px 16px 8px 0;
    display: flex;
  }
}

/**
 * Source and footnote
 */
.ola-answer-source,
.ola-answer-footnote {
  font-size: 14px;
  padding-top: 14px;
}

  /**
   * Source link
   */
  .ola-answer-source-link {
    text-decoration: underline;
  }


/**
 * Fields
 */
.ola-answer-field {
}
  /**
   * Label
   */
  .ola-answer-field-label {
    font-weight: bold;
    padding-top: 8px;
  }
  /**
   * Value
   */
  .ola-answer-field-value {
    @extend %nobreak;
  }

/**
 * Table
 */
.ola-table {
  // background-color: white;
  border-top: none;
  margin: 0 0 16px 0;
  width: 100%;
  border-collapse: collapse;

  th, td {
    padding: 8px;
    text-align: left;
  }

  th {
    font-weight: bold;
    border-bottom: 2px #ddd solid;
  }

  td {
    border-bottom: 1px solid #ddd;
  }
}

.ola-table-wrapper {
  overflow: auto;
  // background-color: #fff;
}

/**
 * Linechart
 */
.ola-answer-linechart {
  height: 300px;
  margin: 0 0 1rem 0;
}


/**
 * Google map
 */
.ola-answer-gmap {
  height: 300px;
}


/**
 * Carousel image
 */
.ola-answer-selectable {
  cursor: pointer;
}

/**
 * Answer header
 */
.ola-answer-header {
  padding: 0 0 8px 0;
  flex: 1;
  // &:first-child {
  //   padding-top: 0;
  // }
  // &:last-child {
  //   padding-top: 0;
  // }
  .ola-field-title {
    padding: 0;
  }
}
  .ola-answer-body + .ola-answer-header {
    padding-top: 8px;
  }

/**
 * Answer map
 */
.ola-answer-map {
  .ola-field-directions {
    padding: 0;
  }
  .ola-btn-directions {
    padding: 12px 16px;
    background: white;
    border-radius: 0 0 5px 5px;
  }
}

  /**
   * Empty map remove
   */
  .ola-answer-map-empty {
    display: none;
  }

/**
 * Input
 */
.ola-answer-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px #ccc solid;
}

/**
 * Sup
 */
.ola-answer {
  sup {
    font-size: 16px;
    top: auto;
  }
}


/**
 * Embed card
 */
.ola-card-template-embed {
  @include media (tablet) {
    display: block;
  }
  .ola-answer-body {
    position: relative;
  }
}

/**
 * image
 */
.ola-embed-image {
  max-width: 100%;
}

/**
 * List list
 */
.ola-linklist-title {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 0 1rem 0;
}

/**
 * Article
 */
.ola-answer-article {
  .ola-answer-subtitle {
    font-size: 1.2rem;
  }
  .ola-answer-header {
    padding-bottom: 1rem;
  }
  .ola-field-content {
    padding-bottom: 2rem;
  }

  .ola-flex-content img {
    max-width: 100%;
  }
}

/**
  * Article side bar's image
  */
.ola-answer-article-image {
  max-width: 100%;
  margin: 0 0 1rem 0;
}

.ola-answer-pdf-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ola-answer-map-element {
  background: white;

  .ola-answer-header {
    padding: 8px;
  }
}

// .ola-answer-pdf {
//   min-width: 260px;
// }