/* Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback
	Usage: @include font-size(1, large);
*/
.layout--teaser {
  max-width: 100%;
  width: 100%;
}
.layout--teaser .inner {
  border: 1px solid var(--gray-lighter);
  color: var(--text-color);
  display: block;
  position: relative;
  z-index: 1;
  border-radius: inherit;
  flex-grow: 1;
}
.layout--teaser .inner:after, .layout--teaser .inner:before {
  border-radius: inherit;
  z-index: -1;
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
.layout--teaser .inner:after {
  opacity: 0.0625;
  box-shadow: 0 2px 0 0 #000;
}
.layout--teaser a.inner:hover, .layout--teaser a.inner:focus {
  background-color: var(--gray-lighter);
  outline: 1px var(--link-border-style) var(--link-hover);
  outline-offset: 2px;
}
.bg-gray-light .layout--teaser a.inner:hover, .slick .layout--teaser a.inner:hover, .bg-gray-light .layout--teaser a.inner:focus, .slick .layout--teaser a.inner:focus {
  background: none;
  border-bottom: none;
}
.layout--teaser a.inner:focus {
  outline-offset: 2px;
  -webkit-text-decoration: var(--link-border-style);
          text-decoration: var(--link-border-style);
}
.slick .layout--teaser a.inner:focus {
  outline: none;
}
.slick .layout--teaser .inner {
  background: none;
}
.slick .layout--teaser .inner:after {
  opacity: 0;
  box-shadow: none;
}
.layout--teaser p {
  margin: 0 0 1.2rem;
}
.layout--teaser p:last-child {
  margin-bottom: 0;
}
.layout--teaser img {
  display: block;
  width: 100% !important;
}
.layout--teaser h3,
.layout--teaser h2,
.layout--teaser .h3,
.layout--teaser .h3-font,
.layout--teaser .h2,
.layout--teaser .h2-font,
.layout--teaser h4,
.layout--teaser .h4,
.layout--teaser .h4-font {
  font-family: var(--font);
  margin-bottom: 1.2rem;
}
.layout--teaser h3 a,
.layout--teaser h2 a,
.layout--teaser .h3 a,
.layout--teaser .h3-font a,
.layout--teaser .h2 a,
.layout--teaser .h2-font a,
.layout--teaser h4 a,
.layout--teaser .h4 a,
.layout--teaser .h4-font a {
  color: var(--heading-color);
}
.layout--teaser h3 a:visited,
.layout--teaser h2 a:visited,
.layout--teaser .h3 a:visited,
.layout--teaser .h3-font a:visited,
.layout--teaser .h2 a:visited,
.layout--teaser .h2-font a:visited,
.layout--teaser h4 a:visited,
.layout--teaser .h4 a:visited,
.layout--teaser .h4-font a:visited {
  color: var(--heading-color);
}
.layout--teaser h3 a:focus,
.layout--teaser h2 a:focus,
.layout--teaser .h3 a:focus,
.layout--teaser .h3-font a:focus,
.layout--teaser .h2 a:focus,
.layout--teaser .h2-font a:focus,
.layout--teaser h4 a:focus,
.layout--teaser .h4 a:focus,
.layout--teaser .h4-font a:focus {
  color: var(--heading-color);
}
.layout--teaser h3 a:hover,
.layout--teaser h2 a:hover,
.layout--teaser .h3 a:hover,
.layout--teaser .h3-font a:hover,
.layout--teaser .h2 a:hover,
.layout--teaser .h2-font a:hover,
.layout--teaser h4 a:hover,
.layout--teaser .h4 a:hover,
.layout--teaser .h4-font a:hover {
  color: var(--link-hover);
}
.layout--teaser h3 a:active,
.layout--teaser h2 a:active,
.layout--teaser .h3 a:active,
.layout--teaser .h3-font a:active,
.layout--teaser .h2 a:active,
.layout--teaser .h2-font a:active,
.layout--teaser h4 a:active,
.layout--teaser .h4 a:active,
.layout--teaser .h4-font a:active {
  color: var(--link-hover);
}
.layout--teaser a:hover {
  text-decoration: none;
  border-bottom: none;
}
.layout--teaser .title,
.layout--teaser .b-text-wrapper,
.layout--teaser .b-text-wrapper span {
  display: block;
}
.layout--teaser .b-text-wrapper {
  padding: 1.2rem 1rem;
}
.layout--teaser .b-text-wrapper .date {
  display: inline;
}
.layout--teaser .btn,
.layout--teaser .btn-text {
  margin-top: 1.2rem;
}
.layout--teaser .btn span,
.layout--teaser .btn-text span {
  display: inline-block;
}
.layout--teaser .preface {
  font-family: var(--font-secondary);
  font-size: 1.3rem;
}
.layout--teaser .container {
  display: block;
}
.layout--teaser .node-title {
  font-size: 2.8rem;
  line-height: 1.2857142857;
}
.layout--teaser.bg {
  padding: 0;
}
.layout--teaser.bg * {
  color: white;
}
.layout--teaser.bg-blue a.inner {
  background: var(--blue);
}
.layout--teaser.bg-blue a.inner:hover, .layout--teaser.bg-blue a.inner:focus {
  background-color: var(--blue-dark);
}
.layout--teaser.bg-burgundy a.inner {
  background: var(--burgundy);
}
.layout--teaser.bg-burgundy a.inner:hover, .layout--teaser.bg-burgundy a.inner:focus {
  background-color: var(--burgundy-darken);
}
.layout--teaser.bg-gray-dark a.inner {
  background: var(--gray-dark);
}
.layout--teaser.bg-gray-dark a.inner:hover, .layout--teaser.bg-gray-dark a.inner:focus {
  background-color: var(--gray-darker);
}
.layout--teaser.bg-gray-light * {
  color: var(--text-color);
}
.layout--teaser.bg-gray-light a.inner {
  background: var(--gray-lighter);
}
.layout--teaser.bg-gray-light a.inner:hover, .layout--teaser.bg-gray-light a.inner:focus {
  background-color: var(--gray-light);
}
.layout--teaser.bg-green a.inner {
  background: var(--green);
}
.layout--teaser.bg-green a.inner:hover, .layout--teaser.bg-green a.inner:focus {
  background-color: var(--green-darken);
}
.layout--teaser.bg-orange a.inner {
  background: var(--orange);
}
.layout--teaser.bg-orange a.inner:hover, .layout--teaser.bg-orange a.inner:focus {
  background-color: var(--orange-darken);
  outline-color: var(--gray-darkest);
}
.layout--teaser.bg-purple a.inner {
  background: var(--purple);
}
.layout--teaser.bg-purple a.inner:hover, .layout--teaser.bg-purple a.inner:focus {
  background-color: var(--purple-darken);
  color: var(--white);
}
.layout--teaser.bg-blue .inner, .layout--teaser.bg-burgundy .inner, .layout--teaser.bg-gray-dark .inner, .layout--teaser.bg-green .inner, .layout--teaser.bg-purple .inner {
  border-color: transparent;
}
.layout--teaser.bg-blue a.inner, .layout--teaser.bg-burgundy a.inner, .layout--teaser.bg-gray-dark a.inner, .layout--teaser.bg-green a.inner, .layout--teaser.bg-purple a.inner {
  color: var(--white);
}
.layout--teaser.bg-blue a.inner:hover, .layout--teaser.bg-blue a.inner:focus, .layout--teaser.bg-burgundy a.inner:hover, .layout--teaser.bg-burgundy a.inner:focus, .layout--teaser.bg-gray-dark a.inner:hover, .layout--teaser.bg-gray-dark a.inner:focus, .layout--teaser.bg-green a.inner:hover, .layout--teaser.bg-green a.inner:focus, .layout--teaser.bg-purple a.inner:hover, .layout--teaser.bg-purple a.inner:focus {
  color: var(--white);
  outline-color: var(--white);
}

img,
.b-media-wrapper {
  line-height: 0;
}

.b-media-wrapper {
  position: relative;
}
.b-media-wrapper .caption,
.b-media-wrapper figcaption {
  line-height: 1.8461538462;
  position: absolute;
  top: 1.2rem;
  right: 1rem;
  margin: 0 auto;
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.3);
  color: #fff;
}

.teaser-featured .link-external {
  position: relative;
  display: inline-block;
  padding-right: 1.8rem;
}
.teaser-featured .link-external:after {
  content: "\f08e";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: inherit;
  position: absolute;
  top: auto;
  right: 0;
  font-size: 70%;
}
.teaser-featured .link-external:focus:after, .teaser-featured .link-external:active:after, .teaser-featured .link-external:hover:after {
  color: inherit;
}
.teaser-featured .link-external:after {
  position: relative;
  bottom: 0.2rem;
  z-index: 10;
}

.teaser-long {
  display: flex;
  flex-flow: column;
}
.teaser-long.border {
  background: none;
}
.teaser-long.no-media .inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.teaser-long.link-external {
  position: relative;
  display: block;
  padding-left: 0;
  padding-right: 0;
}
.teaser-long.link-external:before {
  content: "\f08e";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: inherit;
  position: absolute;
  top: auto;
  left: auto;
  font-size: 1.3rem;
}
.teaser-long.link-external:focus:before, .teaser-long.link-external:active:before, .teaser-long.link-external:hover:before {
  color: inherit;
}
.teaser-long.link-external::before {
  right: 0.6rem;
  bottom: 0.2rem;
  z-index: 10;
}
.teaser-long.link-external::after {
  display: none;
}

@media (min-width: 768px) {
  .teaser-long .h2,
  .teaser-long h2,
  .teaser-long .h2-font {
    font-size: 2.8rem;
    line-height: 1.2857142857;
  }
  .teaser-long .h3,
  .teaser-long h3,
  .teaser-long .h3-font {
    font-size: 2.4rem;
  }
  .teaser-featured .inner {
    background: transparent;
    border: none;
  }
  .teaser-featured .inner:after {
    box-shadow: none;
  }
  .teaser-featured .inner:hover, .teaser-featured .inner:focus {
    background: none;
  }
  .teaser-featured.bg .b-text-wrapper {
    padding: 1.2rem 1rem;
  }
  .no-cssgrid .teaser-featured {
    *zoom: 1;
  }
  .no-cssgrid .teaser-featured:before, .no-cssgrid .teaser-featured:after {
    content: " ";
    display: table;
    line-height: 0;
  }
  .no-cssgrid .teaser-featured:after {
    clear: both;
  }
  .no-cssgrid .teaser-featured .b-media-wrapper {
    float: left;
    margin-right: 2%;
    width: 40%;
  }
  .no-cssgrid .teaser-featured .b-text-wrapper {
    float: right;
    width: 58%;
  }
  .slick .teaser-featured .inner, .region--sidebar-second .teaser-featured .inner, .region--sidebar-first .teaser-featured .inner, .aside .teaser-featured .inner, .layout--twocol-section--50-50 .layout__region .teaser-featured .inner, .layout--twocol-section--33-67 .layout__region--first .teaser-featured .inner, .layout--twocol-section--67-33 .layout__region--second .teaser-featured .inner, .layout--twocol-section--25-75 .layout__region--first .teaser-featured .inner, .layout--twocol-section--75-25 .layout__region--second .teaser-featured .inner, .layout--threecol-section .layout__region .teaser-featured .inner, .layout--fourcol-section .layout__region .teaser-featured .inner {
    flex-direction: column;
  }
  .slick .teaser-featured .b-media-wrapper, .region--sidebar-second .teaser-featured .b-media-wrapper, .region--sidebar-first .teaser-featured .b-media-wrapper, .aside .teaser-featured .b-media-wrapper, .layout--twocol-section--50-50 .layout__region .teaser-featured .b-media-wrapper, .layout--twocol-section--33-67 .layout__region--first .teaser-featured .b-media-wrapper, .layout--twocol-section--67-33 .layout__region--second .teaser-featured .b-media-wrapper, .layout--twocol-section--25-75 .layout__region--first .teaser-featured .b-media-wrapper, .layout--twocol-section--75-25 .layout__region--second .teaser-featured .b-media-wrapper, .layout--threecol-section .layout__region .teaser-featured .b-media-wrapper, .layout--fourcol-section .layout__region .teaser-featured .b-media-wrapper {
    margin-right: 0;
  }
  .slick .teaser-featured .b-text-wrapper, .region--sidebar-second .teaser-featured .b-text-wrapper, .region--sidebar-first .teaser-featured .b-text-wrapper, .aside .teaser-featured .b-text-wrapper, .layout--twocol-section--50-50 .layout__region .teaser-featured .b-text-wrapper, .layout--twocol-section--33-67 .layout__region--first .teaser-featured .b-text-wrapper, .layout--twocol-section--67-33 .layout__region--second .teaser-featured .b-text-wrapper, .layout--twocol-section--25-75 .layout__region--first .teaser-featured .b-text-wrapper, .layout--twocol-section--75-25 .layout__region--second .teaser-featured .b-text-wrapper, .layout--threecol-section .layout__region .teaser-featured .b-text-wrapper, .layout--fourcol-section .layout__region .teaser-featured .b-text-wrapper {
    padding: 1.2rem 1rem;
  }
  .slick .teaser-featured .b-media-wrapper,
  .slick .teaser-featured .b-text-wrapper, .region--sidebar-second .teaser-featured .b-media-wrapper,
  .region--sidebar-second .teaser-featured .b-text-wrapper, .region--sidebar-first .teaser-featured .b-media-wrapper,
  .region--sidebar-first .teaser-featured .b-text-wrapper, .aside .teaser-featured .b-media-wrapper,
  .aside .teaser-featured .b-text-wrapper, .layout--twocol-section--50-50 .layout__region .teaser-featured .b-media-wrapper,
  .layout--twocol-section--50-50 .layout__region .teaser-featured .b-text-wrapper, .layout--twocol-section--33-67 .layout__region--first .teaser-featured .b-media-wrapper,
  .layout--twocol-section--33-67 .layout__region--first .teaser-featured .b-text-wrapper, .layout--twocol-section--67-33 .layout__region--second .teaser-featured .b-media-wrapper,
  .layout--twocol-section--67-33 .layout__region--second .teaser-featured .b-text-wrapper, .layout--twocol-section--25-75 .layout__region--first .teaser-featured .b-media-wrapper,
  .layout--twocol-section--25-75 .layout__region--first .teaser-featured .b-text-wrapper, .layout--twocol-section--75-25 .layout__region--second .teaser-featured .b-media-wrapper,
  .layout--twocol-section--75-25 .layout__region--second .teaser-featured .b-text-wrapper, .layout--threecol-section .layout__region .teaser-featured .b-media-wrapper,
  .layout--threecol-section .layout__region .teaser-featured .b-text-wrapper, .layout--fourcol-section .layout__region .teaser-featured .b-media-wrapper,
  .layout--fourcol-section .layout__region .teaser-featured .b-text-wrapper {
    flex-basis: 100%;
  }
  .region--sidebar-second .teaser-featured, .region--sidebar-first .teaser-featured, .aside .teaser-featured, .layout--twocol-section--50-50 .layout__region .teaser-featured, .layout--twocol-section--33-67 .layout__region--first .teaser-featured, .layout--twocol-section--67-33 .layout__region--second .teaser-featured, .layout--twocol-section--25-75 .layout__region--first .teaser-featured, .layout--twocol-section--75-25 .layout__region--second .teaser-featured, .layout--threecol-section .layout__region .teaser-featured, .layout--fourcol-section .layout__region .teaser-featured {
    border: 1px solid var(--gray-lighter);
  }
}
.block-inline-blocklinked-text a.layout--teaser {
  border-color: transparent;
}
.block-inline-blocklinked-text a.layout--teaser:hover, .block-inline-blocklinked-text a.layout--teaser:focus {
  text-decoration: underline;
}
.block-inline-blocklinked-text a.layout--teaser::after {
  box-shadow: none;
}
/*# sourceMappingURL=../maps/components/teasers.css.map */
