/**
 * Themes style settings
 * This file may be used by any other sass file
 * to provide global settings, functions and mixins
 */
.zp_component_list .components .component {
  width: 25%; }
  .zp_component_list .components .component > .inner {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 60px; }
    .zp_component_list .components .component > .inner .title {
      text-transform: uppercase;
      color: #c21d12;
      font-size: 1.2em;
      padding-bottom: 1em; }
    .zp_component_list .components .component > .inner .image {
      display: block;
      padding-bottom: 1em; }
    .zp_component_list .components .component > .inner .content .text-row {
      padding-bottom: 10px;
      padding-top: 10px;
      border-top: 1px solid #dcdcdc; }
      .zp_component_list .components .component > .inner .content .text-row .label {
        font-weight: bold; }
    .zp_component_list .components .component > .inner .content .collapse-container {
      box-sizing: border-box; }
      .zp_component_list .components .component > .inner .content .collapse-container .collapse-header {
        position: relative;
        border-top: 1px solid #dcdcdc;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 25px;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        font-weight: bold;
        transition: border 0.2s ease-out, color 0.2s ease-out; }
        .zp_component_list .components .component > .inner .content .collapse-container .collapse-header .arrow {
          position: absolute;
          right: 10px;
          overflow: visible;
          top: 50%;
          transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          -ms-transform: translateY(3px);
              transform: translateY(3px); }
          .zp_component_list .components .component > .inner .content .collapse-container .collapse-header .arrow::after, .zp_component_list .components .component > .inner .content .collapse-container .collapse-header .arrow::before {
            position: absolute;
            content: '';
            display: block;
            transition: transform 0.2s ease-out, background 0.1s ease-out;
            width: 8px;
            height: 1px;
            background: #dcdcdc; }
          .zp_component_list .components .component > .inner .content .collapse-container .collapse-header .arrow::after {
            -ms-transform-origin: left center;
                transform-origin: left center;
            left: 0;
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
          .zp_component_list .components .component > .inner .content .collapse-container .collapse-header .arrow::before {
            right: 0;
            -ms-transform-origin: right center;
                transform-origin: right center;
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      .zp_component_list .components .component > .inner .content .collapse-container .collapse-content {
        padding-top: 0;
        padding-bottom: 5px;
        display: none; }
      .zp_component_list .components .component > .inner .content .collapse-container.open .collapse-content {
        display: block; }
      .zp_component_list .components .component > .inner .content .collapse-container.open .collapse-header .arrow {
        -ms-transform: translateY(-4px);
            transform: translateY(-4px); }
        .zp_component_list .components .component > .inner .content .collapse-container.open .collapse-header .arrow::after {
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
        .zp_component_list .components .component > .inner .content .collapse-container.open .collapse-header .arrow::before {
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg); }
      .zp_component_list .components .component > .inner .content .collapse-container:hover .collapse-header {
        border-top: 1px solid #c21d12;
        color: #c21d12; }
      .zp_component_list .components .component > .inner .content .collapse-container:last-child {
        border-bottom: 1px solid #dcdcdc; }
    .zp_component_list .components .component > .inner .content .readmore-container {
      margin-bottom: 30px;
      box-sizing: border-box; }
      .zp_component_list .components .component > .inner .content .readmore-container.small .readmore-content {
        position: relative;
        max-height: 40px; }
      .zp_component_list .components .component > .inner .content .readmore-container .readmore-content {
        position: relative;
        max-height: 140px; }
        .zp_component_list .components .component > .inner .content .readmore-container .readmore-content .readmore-link-container {
          display: block;
          position: absolute;
          bottom: -1.6em;
          left: 0; }
        .zp_component_list .components .component > .inner .content .readmore-container .readmore-content .readmore-link {
          position: relative;
          overflow: hidden;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
          cursor: pointer;
          display: none;
          transition: color 0.2s ease-out;
          color: #838a8f; }
          .zp_component_list .components .component > .inner .content .readmore-container .readmore-content .readmore-link:hover {
            color: #c21d12; }
          .zp_component_list .components .component > .inner .content .readmore-container .readmore-content .readmore-link .opened {
            display: none; }
          .zp_component_list .components .component > .inner .content .readmore-container .readmore-content .readmore-link .closed {
            display: none; }
        .zp_component_list .components .component > .inner .content .readmore-container .readmore-content.ddd-truncated .readmore-link {
          display: inline-block; }
          .zp_component_list .components .component > .inner .content .readmore-container .readmore-content.ddd-truncated .readmore-link .closed {
            display: block; }
        .zp_component_list .components .component > .inner .content .readmore-container .readmore-content.full {
          max-height: none; }
          .zp_component_list .components .component > .inner .content .readmore-container .readmore-content.full .readmore-link {
            display: inline-block; }
            .zp_component_list .components .component > .inner .content .readmore-container .readmore-content.full .readmore-link .opened {
              display: block; }
    .zp_component_list .components .component > .inner .content .teaser .claim {
      color: #c21d12; }
    .zp_component_list .components .component > .inner .content .teaser .text {
      padding-top: 1em; }
    .zp_component_list .components .component > .inner .content .points {
      padding-top: 1em; }
      .zp_component_list .components .component > .inner .content .points .list {
        padding: 0;
        margin: 0; }
        .zp_component_list .components .component > .inner .content .points .list .point {
          position: relative;
          margin: 0;
          padding: 0 0 0 15px;
          list-style: none; }
          .zp_component_list .components .component > .inner .content .points .list .point::before {
            position: absolute;
            display: block;
            content: '';
            width: 8px;
            height: 8px;
            top: 5px;
            left: 0;
            background: #c21d12; }

@media (max-width: 1300px) {
  .zp_component_list .components .component {
    width: 33%; } }

@media (max-width: 950px) {
  .zp_component_list .components .component {
    width: 50%; } }

@media (max-width: 600px) {
  .zp_component_list .components .component {
    width: 100%; }
    .zp_component_list .components .component .inner {
      padding-left: 0;
      padding-right: 0; } }

/*# sourceMappingURL=component-list.css.map */