/*
Card

Default card component.<br>
<pre>[THEME]/templates/content/node--card.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 class="node__title">
          <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 button--cta-readmore button--cta-readmore--card">Read more</a>
      </div>
    </div>
  </article>

Styleguide Molecules.2
*/
.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: 1px solid #c7c7c7; border-radius: 6px; background: #ffffff; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; color: #1e1e1e; }

.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: 1rem; background: #c7c7c7; }

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

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

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

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

.card { -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.15); -webkit-transition: -webkit-box-shadow 0.2s ease-in; transition: -webkit-box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease-in; transition: box-shadow 0.2s ease-in, -webkit-box-shadow 0.2s ease-in; border: none; height: 100%; }

.card.media { margin-bottom: 0; }

.card.media img { width: 100%; }

.card.media .field--name-field-caption { padding: 0.5rem 1rem; font-size: 0.875rem; font-style: italic; background: #eeeeee; height: 100%; }

.card .lead { margin-top: 0; margin-bottom: 0; font-size: 1rem; }

.card .node__title a { color: #1e1e1e; color: var(--rw-text-color, #1e1e1e); }

.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 .node__media { background-color: #f9f9f9; text-align: center; }

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

.card .default--image { width: 520px; height: auto; -o-object-fit: cover; object-fit: cover; text-align: center; }

.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; }

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

.card:hover { -webkit-box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.15); }

.card--contact { position: relative; margin-bottom: 0; padding: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-bottom: transparent 3px solid; }

.card--contact a { color: #1e1e1e; color: var(--rw-text-color, #1e1e1e); font-size: 0.875rem; }

.card--contact .ajax-progress { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.card--contact .node__media { position: relative; text-align: center; }

.card--contact .node__media:after { content: ""; width: 2rem; height: 2rem; background-color: transparent; -webkit-mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='expand-arrows-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-expand-arrows-alt fa-w-14 fa-5x'%3E%3Cpath fill='currentColor' d='M252.3 256l121.4 121.4 53.8-53.8c7.6-7.6 20.5-2.2 20.5 8.5v136c0 6.6-5.4 12-12 12H300c-10.7 0-16-12.9-8.5-20.5l53.8-53.8L224 284.3 102.6 405.7l53.8 53.8c7.6 7.6 2.2 20.5-8.5 20.5h-136c-6.6 0-12-5.4-12-12V332c0-10.7 12.9-16 20.5-8.5l53.8 53.8L195.7 256 74.3 134.6l-53.8 53.8C12.9 196 0 190.7 0 180V44c0-6.6 5.4-12 12-12h136c10.7 0 16 12.9 8.5 20.5l-53.8 53.8L224 227.7l121.4-121.4-53.8-53.8C284 44.9 289.3 32 300 32h136c6.6 0 12 5.4 12 12v136c0 10.7-12.9 16-20.5 8.5l-53.8-53.8L252.3 256z' class=''%3E%3C/path%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='expand-arrows-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-expand-arrows-alt fa-w-14 fa-5x'%3E%3Cpath fill='currentColor' d='M252.3 256l121.4 121.4 53.8-53.8c7.6-7.6 20.5-2.2 20.5 8.5v136c0 6.6-5.4 12-12 12H300c-10.7 0-16-12.9-8.5-20.5l53.8-53.8L224 284.3 102.6 405.7l53.8 53.8c7.6 7.6 2.2 20.5-8.5 20.5h-136c-6.6 0-12-5.4-12-12V332c0-10.7 12.9-16 20.5-8.5l53.8 53.8L195.7 256 74.3 134.6l-53.8 53.8C12.9 196 0 190.7 0 180V44c0-6.6 5.4-12 12-12h136c10.7 0 16 12.9 8.5 20.5l-53.8 53.8L224 227.7l121.4-121.4-53.8-53.8C284 44.9 289.3 32 300 32h136c6.6 0 12 5.4 12 12v136c0 10.7-12.9 16-20.5 8.5l-53.8-53.8L252.3 256z' class=''%3E%3C/path%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; line-height: 1; position: absolute; z-index: 1; bottom: 1rem; right: 1rem; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.card--contact .node__media img { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 100%; }

.card--contact .contact--fullname { color: var(--uct-color--link, var(--rw-link-color, #0076d1)); font-weight: bold; }

.card--contact .contact--fullname:after { content: ""; display: block; margin: 1rem 0; width: 32px; height: 2px; background: var(--uct-color--copy, var(--rw-text-color, #1e1e1e)); color: var(--uct-color--copy, var(--rw-text-color, #1e1e1e)); }

.card--contact .card-section { padding: 1rem; padding-bottom: calc(1rem - 3px); }

.card--contact:hover { cursor: pointer; border-bottom: 3px solid var(--uct-color--highlight, var(--rw-highlight-color, #0098db)); }

.card--contact:hover img { -webkit-filter: blur(2px); filter: blur(2px); opacity: 0.5; }

.card--contact:hover .node__media:after { background-color: var(--uct-color--highlight, var(--rw-highlight-color, #0076d1)); }

.node--view-mode-card .event--duration--total-duration { margin-bottom: 0.5rem; }

.node--view-mode-card.node--type-event .field--type-text-with-summary { margin-bottom: 0.5rem; }

.rw-paragraph--upcoming-events--wrapper.no-default--image-display .node__media { text-align: center; }

.rw-paragraph--upcoming-events--wrapper.no-default--image-display .node__media .default--image { display: none; }

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