/**
 * Content Types (nodes)
 *  - in Drupal a content type is a bunch of fields we use to enter and display
 *    content, such as pages, blog posts, forum posts and so on. Each of those
 *    is usually a content type you create in the Drupal admin.
 *  - an instance of a content type (e.g. a single blog post) is called a node,
 *    the root template is node.html.twig and the base selector is .node {}
 ============================================================================ */
.node {
  margin-bottom: 1.25em;
  padding: 0 0 1.25em;
  border-radius: 0;
}

.node p {
  font-size: 1.0625rem;
  line-height: 1.6em;
}

.node__status {
  float: right;
}

.node--view-mode-full__title {
  margin: 0 0 1rem;
}

.node--view-mode-teaser p:last-of-type,
.node--view-mode-teaser ul:last-of-type {
  margin-bottom: 0;
}

.node__meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 1rem 0;
}

.node__meta .field-type-image {
  margin: 0 0.75rem 0 0;
}

.node__meta .field-type-image__figure {
  margin: 0;
  padding: 0;
}

.node__meta .field-type-image img {
  width: auto;
  height: 3rem;
}

.node__meta article:empty {
  display: none;
}

.node .node__author:after {
  content: "-";
  display: inline-block;
}

.node__meta--has-author-picture .node__submitted {
  margin-top: 0.25rem;
}

.node__meta--has-author-picture .node__author:after {
  display: none;
}

.node__meta--has-author-picture .node__author,
.node__meta--has-author-picture .node__pubdate {
  margin: 0;
  display: block;
}

@media screen and (max-width: 60em) {
  .node .node__author:after {
    display: none;
  }
  .node .node__author,
  .node .node__pubdate {
    margin: 0;
    display: block;
  }
}

.node__links {
  clear: both;
}

.node--sticky {
  padding: 0;
}

.node .field-node--node-post-date {
  color: #666666;
  font-family: latolight, sans-serif;
  margin-bottom: 1em;
}

.node--view-mode-full,
.node--view-mode-featured {
  margin: 0;
  padding: 0;
}
.field-name-field-banner-image.field-node--field-banner-image.field-formatter-image {
  width: 100%;
  overflow:hidden;
  position: relative;
  display: inline-block;
}
.field-name-field-banner-image.field-node--field-banner-image.field-formatter-image img {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0%;
  object-fit: cover;
  object-position: left;
}
.node--view-mode-full .field-formatter-image.field-node--field-banner-image,
.node--view-mode-featured .field-formatter-image.field-node--field-banner-image {
  min-height: 210px;
  margin-bottom: 0;
}

.node--view-mode-full .field-formatter-image.field-node--field-banner-image figure,
.node--view-mode-featured .field-formatter-image.field-node--field-banner-image figure {
  background-repeat: no-repeat;
  min-height: 210px;
  margin: 0;
  padding: 0;
}

.node--view-mode-full .field-formatter-image + .field-node--node-title,
.node--view-mode-featured .field-formatter-image + .field-node--node-title {
  margin-top: -210px;
  min-height: 210px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 2rem;
}

.node--view-mode-full .field-formatter-image + .field-node--node-title h1, .node--view-mode-full .field-formatter-image + .field-node--node-title h2,
.node--view-mode-featured .field-formatter-image + .field-node--node-title h1,
.node--view-mode-featured .field-formatter-image + .field-node--node-title h2 {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 2rem;
  margin: 0;
  width: 100%;
}

/**
 * Node type people
 ============================================================================ */
.node--view-mode-full.node--type-people .field-type-image {
  float: left;
  margin-right: 30px;
  margin-top: 5px;
}

.node--view-mode-full.node--type-people .field-type-image figure {
  margin-bottom: 1rem;
}
/*# sourceMappingURL=node.css.map */
