/***********************************
*  MVS Article CSS
*  Created on: 06/28/2017
*  Author: Sean Strawsburg
***********************************/
/*************/
/* Variables */
/************/
/* Mixin */
.Article a {
  transition: all 500ms ease; }
.Article .column6 {
  margin: 1em;
  background: #fff; }
.Article .articleTitle,
.Article .dateWrapper,
.Article .listModule .genericModuleHeader,
.Article .tagsWrapper {
  padding: 0 0 0 20px; }
.Article .articleTitle {
  margin-top: 0;
  margin-bottom: 0; }
.Article .postedWrapper {
  display: none; }
.Article .bodyWrapper {
  padding: 1em;
  font-weight: 300;
  letter-spacing: 0.5px; }
.Article .dateWrapper {
  padding-top: 1em;
  font-size: 0.9em; }
.Article .tagsWrapper,
.Article .addthis_button_compact {
  display: inline-block; }
.Article .tagsWrapper .tags {
  margin-right: 1em; }
.Article .tagsWrapper a {
  margin-right: 1em;
  padding: 5px 20px;
  text-decoration: none;
  color: #272727;
  font-size: 0.8em;
  text-transform: uppercase; }
.Article .tagsWrapper a:first-of-type {
  background: #EA2035;
  color: #fff; }
.Article .tagsWrapper a:first-of-type:hover {
  box-shadow: inset 0 0 0 3px #EA2035;
  background: transparent;
  color: #EA2035;
  border: none; }
.Article .tagsWrapper a:hover {
  border-bottom: 2px solid #EA2035; }
.Article .addthis_button_compact {
  float: right;
  text-transform: uppercase;
  border-bottom: 2px solid #272727;
  margin-right: 20px; }
.Article .articleTitle {
  text-transform: uppercase;
  font-style: italic;
  font-size: 1.5em;
  padding-top: 0; }
.Article .articleMetaInfo {
  background: #FFF; }
.Article .imageWrapper {
  max-height: 400px;
  margin: 0 auto; }
.Article .imageWrapper img {
  object-fit: cover;
  width: 100%;
  max-height: 400px; }
.Article .articleBlurb {
  font-weight: 600;
  font-size: 1.5em;
  font-style: italic;
  text-transform: uppercase;
  padding: 1em 1em 0; }
.Article .articleBlurb,
.Article .articleBody {
  background: #fff; }
.Article .articleBody {
  padding: 1em; }
.Article .articleTagList > * {
  display: inline; }
.Article .articleTag a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  font-style: italic;
  margin-right: 10px; }
.Article .listModule .genericModuleHeader {
  text-transform: uppercase;
  font-style: italic;
  font-weight: 500; }
.Article .listModule .genericModuleHeader::after {
  content: " ";
  display: block;
  width: 10%;
  height: 5px;
  border-bottom: 3px solid #EA2035; }
.Article .listModule ul {
  display: flex;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }
.Article .listModule li {
  background: #2788DE;
  flex-grow: 1;
  color: #fff;
  font-size: 0.8em;
  font-weight: 300;
  margin: 5px;
  width: 25%; }
.Article .listModule li a {
  color: #fff;
  font-weight: 600;
  text-decoration: none; }
.Article .listModule .artImage {
  transition: all 500ms ease-in-out; }
.Article .listModule .artTitle a {
  font-weight: 500; }
.Article .listModule .artImage:hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -webkit-transition: all 1s ease; }
.Article .listModule .artImage img {
  width: 100%;
  max-height: 200px;
  object-fit: cover; }
.Article .listModule .artBlurb {
  display: none; }
.Article .listModule .artBlurb,
.Article .listModule .artDate,
.Article .listModule .artTitle {
  background: #2788DE;
  padding: 0 10px; }

@media only screen and (max-width: 40em) {
  .Article .listModule ul {
    flex-wrap: wrap; }

  .Article .listModule li {
    width: 100%; } }
.contentPage .listModule .artImage img {
  width: 100%;
  max-height: 200px;
  object-fit: cover; }

/*# sourceMappingURL=article.css.map */