/***********************************
*  MVS News Landing CSS
*  Created on: 06/28/2017
*  Author: Sean Strawsburg
***********************************/
/*************/
/* Variables */
/************/
.NewsLanding .addthis_button_compact {
  display: none; }

.dropdownWrapper {
  display: inline-block;
  margin-left: 1em; }

.dropdownWrapper ul {
  list-style: none; }

.dropdownWrapper .genericDropDown {
  display: inline-block; }

.dropdownWrapper ul a {
  text-decoration: none;
  color: #343434; }

.dropdownWrapper .genericDropDown {
  background: #ebebeb;
  margin-right: 1em;
  padding: 0;
  position: relative; }

.genericDropDown::after {
  content: "\f053";
  font-family: FontAwesome;
  transform: rotate(-90deg);
  font-size: 0.8em;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  color: #FFF;
  background: #2788de;
  text-align: center;
  line-height: 30px;
  cursor: pointer; }

.dropTrigger {
  font-size: 0.8em;
  padding: 0px 0px 0px 40px;
  position: relative;
  height: 30px; }

.dropTrigger a {
  padding-right: 70px;
  z-index: 5;
  position: relative;
  top: 5px; }

.dropContent {
  display: none;
  background: #fff;
  position: absolute;
  padding: 0 1em 1em;
  top: 30px;
  left: 0;
  width: 150px;
  height: 350px;
  overflow: scroll;
  z-index: 10; }

.dropContent li {
  font-size: 0.8em;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid lightgray; }

.dropContent li a {
  transition: all 500ms ease;
  padding: 0; }

.dropContent li a:hover {
  color: #EA2035; }

.articleList {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 1em; }

.articleList .article {
  background: #fff;
  margin-right: 10px;
  margin-bottom: 1em;
  position: relative;
  width: 25%;
  height: 100%;
  flex-grow: 1; }

.articleList img {
  width: 100%;
  height: 40%;
  object-fit: cover;
  transition: all 500ms ease; }

.articleList li a {
  text-decoration: none;
  color: #000; }

.articleList .articleDate {
  font-size: 0.8em; }

.articleList .articleCategory {
  display: none; }

.articleList .articleTitle {
  font-weight: 500;
  padding: 10px 0; }

.articleList .articleBlurb {
  padding-bottom: 2em !important;
  font-size: 0.85em; }

.articleList .readMoreBtns {
  text-align: right;
  margin-right: 1em; }

.articleList .articleLink:after {
  content: " | "; }

.articleList .articleLink:hover:after {
  cursor: pointer;
  color: #000; }

.articleList .addthis_button_compact,
.articleList .articleLink {
  font-weight: 500;
  font-size: 0.8em;
  display: inline-block;
  text-align: right; }

.articleList .articleLink:hover,
.articleList .addthis_button_compact:hover {
  color: #EA2035;
  cursor: pointer; }

.articleList .articleBlurb,
.articleList .articleDate,
.articleList .articleLink,
.articleList .articleTitle {
  padding-left: 0.5em;
  padding-bottom: 0.5em; }

.articlePagination {
  text-align: center;
  margin: 0 auto;
  padding-bottom: 1em; }

.articlePagination li {
  display: inline-block;
  padding: 10px; }

.articlePagination li a {
  color: #272727;
  text-decoration: none;
  font-weight: 500; }

.articlePagination li a:hover {
  color: #EA2035; }

.articlePagination .nextPagination a,
.articlePagination .previousPagination a {
  color: transparent !important;
  z-index: 4;
  position: relative; }

.articlePagination .previousPagination {
  position: relative;
  top: 3px; }

.articlePagination .nextPagination {
  position: relative;
  top: 3px; }

.articlePagination .previousPagination::after {
  content: "\f053";
  font-family: FontAwesome;
  width: 20px;
  height: 20px;
  position: absolute;
  cursor: pointer;
  right: 0; }

.articlePagination .currentPagination a {
  color: #EA2035; }

.articlePagination .nextPagination::before {
  content: "\f054";
  font-family: FontAwesome;
  width: 20px;
  height: 20px;
  position: absolute;
  cursor: pointer;
  margin-right: 20px; }

.articlePagination .nextPagination:hover::before,
.articlePagination .previousPagination:hover::after {
  color: #EA2035; }

@media only screen and (max-width: 40em) {
  .articleList {
    flex-wrap: wrap !important;
    padding: 0; }

  .articleList .article {
    width: 90% !important; }

  .dropdownWrapper {
    width: 100%; } }
@media only screen and (min-width: 40em) and (max-width: 64em) {
  .articleList {
    flex-wrap: wrap; }

  .articleList .article {
    width: 45%; }

  .dropdownWrapper {
    text-align: center; } }

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