/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
VARIABLES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Blue */
/* Dark Grey */
/* Dark Blue */
/* Maroon */
/* many colors in comp */
/*
*  _mixins
*  Author: P11 Interactive Team
*  -------------------------------------------------------------------------------------------
*  Notes: Define patterns of property value pairs, which can then be reused in other rule sets
*/
/*@include mq-md {
   width: 100%;
 }*/
#content .news-block {
  display: inline-block;
  opacity: 1;
  max-width: none;
  width: calc(50% - 30px);
  vertical-align: top;
  min-width: 260px;
  margin: 0 15px 2em;
  border: 2px solid #F5F5F5;
  background-color: #F5F5F5;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 640px) {
  #content .news-block {
    width: calc(100% - 2.2em);
  }
}
#content .news-block .news-thumb {
  background-size: cover;
  background-position: center center;
  padding-bottom: 50%;
}
#content .news-block .headline-wrap {
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}
#content .news-block .headline-wrap:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 2px;
  background-color: #751c27;
}
#content .news-block h2.headline {
  font-family: "MrEavesModOT-Reg", serif;
  font-size: 1.75rem;
  height: auto;
  line-height: normal;
}
@media (max-width: 768px) {
  #content .news-block h2.headline {
    font-size: 1.25rem;
  }
}
#content .news-block h3.subheadline {
  font-size: 13px;
  margin-bottom: 5px;
  font-family: "MrEavesModOT-Book", serif;
  font-weight: normal;
}
#content .news-block p.news-excerpt {
  height: auto;
  line-height: 120%;
  margin-bottom: 1rem;
}
#content .news-block:hover {
  border-color: #FFFFFF;
}
#content .news-block a {
  color: #222222;
}
#content .news-block a h2.headline {
  color: #1075a9;
  font-family: "MrEavesModOT-Bold", serif;
}
#content .news-block a:hover h2.headline {
  color: #1075a9;
}
#content .news-block:hover {
  box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 3px;
  background-color: #fafafa;
  border: 2px solid gainsboro;
}
#content.life-here a.load-more {
  display: none;
}

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