/*
Card

Default card component.<br>
<pre>[THEME]/templates/content/node--card.html.twig</pre>

Markup:
  <article role="article" class="node node--view-mode-card card" style="width: 20rem;">
    <div class="node__content">
      <a href="#">
        <div class="field field--name-field-image-ref field--type-entity-reference field--label-hidden field__item">
          <article class="media media--type-image media--view-mode-landscape-sm">
            <div class="field field--name-field-media-image field--type-image field--label-hidden field__item">
              <img src="https://via.placeholder.com/320x240.png?text=320x240" width="320" height="240" class="image-style-standard-sml">
            </div>
          </article>
        </div>
      </a>
      <div class="card-section">
        <h4>
          <a href="#" rel="bookmark">
            <span class="field field--name-title field--type-string field--label-hidden">This is a card.</span>
          </a>
        </h4>
        <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item">
          <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p>
        </div>
        <a href="#" class="button primary btn btn-primary" title="href title">Primary Button</a>
      </div>
    </div>
  </article>

Styleguide Molecules.1
*/
.card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 1rem; border: none; border-radius: 0; background: #fefefe; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; color: #333132; }

.card > :last-child { margin-bottom: 0; }

.card-divider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 0; background: #e6e6e6; }

.card-divider > :last-child { margin-bottom: 0; }

.card-section { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0; }

.card-section > :last-child { margin-bottom: 0; }

.card-image { min-height: 1px; }

.card { height: 100%; }

.card .node__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.card .field--name-field-image-ref img { width: 100%; height: auto; display: block; }

.card-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #333132; }

.card .button { margin-bottom: 0; margin-top: auto; -ms-flex-item-align: start; align-self: flex-start; }

.card.node--type-solution { background: #F7A81F; text-align: center; }

.card.node--type-solution .field--name-field-svg- { width: 6.25rem; height: 6.25rem; margin: 2rem auto 1rem; }

.card.node--type-solution .field--name-field-svg- img { -o-object-fit: scale-down; object-fit: scale-down; height: 100%; width: 100%; margin: auto; }

.card.node--type-solution .card-section { color: #fefefe; padding: 1rem 1rem 2rem; }

.card.node--type-solution .card-section h4 { margin-bottom: 1rem; }

@media print, screen and (min-width: 64em) { .card.node--type-solution .card-section h4 { margin-bottom: 2rem; } }

.card.node--type-solution .card-section h4 a { color: #fefefe; }

.card.node--type-solution .card-section .summary { margin-bottom: 2rem; }

.card.node--type-solution .button { -ms-flex-item-align: center; align-self: center; }

/*# sourceMappingURL=../maps/card/card.css.map */