.mobile-blog-masthead {
  display: none;
}

.blogItem {
  margin-bottom: 2.2rem;
  overflow: hidden;
  position: relative;
}
.blogItem:hover .blogInfoContainer .blogLinkReadMoreIcon a {
  background: #009e94;
  color: #ffffff;
}
.blogItem .blogImage a, .blogItem .blogImage img {
  display: block;
  width: 100%;
}
.blogItem .blogImage a {
  position: relative;
}
.blogItem .blogInfoContainer {
  background: rgba(255, 255, 255, 0.7);
  bottom: 0;
  padding: 5%;
  width: 100%;
  z-index: 0;
}
.blogItem .blogInfoContainer .blogHeadlineShort a {
  color: #000000;
  display: block;
  font-family: "ProximaNova", "Arial Black";
  font-style: normal;
  height: 1.4em;
  width: 99%;
  overflow: hidden;
  z-index: 0;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.blogItem .blogInfoContainer .blogHeadlineShort a:hover {
  color: initial;
}
.blogItem .blogInfoContainer .blogExcerptShort p, .blogItem .blogInfoContainer .blogExcerptLong p {
  height: 44px;
  margin-right: 44px;
  margin-bottom: 0;
  overflow: hidden;
}
.blogItem .blogInfoContainer .blogLinkReadMoreIcon {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  position: absolute;
  right: 22px;
}
.blogItem .blogInfoContainer .blogLinkReadMoreIcon a {
  background: #ffffff;
  height: 33px;
  padding: 5px;
  width: 33px;
}
.blogItem .blogInfoContainer .blogLinkReadMoreIcon a span {
  font-size: 2.2rem;
}

.blogItem.single {
  margin-bottom: 0;
  position: relative;
  background-size: cover !important;
}
.blogItem.single .blogInfoContainer {
  align-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-flow: row wrap;
  height: 39rem;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
}
.blogItem.single .blogInfoContainer .blogHeadlineShort, .blogItem.single .blogInfoContainer .blogExcerptShort {
  color: white;
  margin-bottom: 2.2rem;
  text-align: center;
  width: 100%;
  text-shadow: 0px 0px 6px black;
}
.blogItem.single .blogInfoContainer .blogLinkReadMore {
  text-align: center;
  width: 100%;
}
.blogItem.single .blogInfoContainer .blogHeadlineShort {
  margin-bottom: 0;
}
.blogItem.single .blogInfoContainer .blogHeadlineShort h3 {
  color: #ffffff;
  font-family: "GeomSlabSerif", "Times New Roman";
  font-weight: normal;
  margin-bottom: 0;
}
.blogItem.single .blogInfoContainer .blogHeadlineShort a {
  color: #ffffff;
  font: 20px "ProximaNova", Arial;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 4.4px;
  word-spacing: 4px;
}
.blogItem.single .blogInfoContainer .blogExcerptShort p {
  color: #ffffff;
  height: auto;
  margin: 0;
  font-size: 1.5em;
  word-spacing: 2px;
}

article.blogArticle {
  background: #ffffff;
  margin-bottom: 4.4rem;
}
article .blogContent {
  margin: 4%;
}
article .blogDateText {
  display: none !important;
  color: #aaaaaa;
  letter-spacing: 2px;
  font-size: 1.6rem;
  line-height: 1.375;
}
article .authorContent {
  display: inline-block;
  margin-bottom: 2.2rem;
  text-transform: uppercase;
  color: #aaaaaa;
}
article .authorContent .blogAuthorText, article .authorContent a {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.375;
}
article .pullQuote {
  border: 0;
  padding: 0;
  margin: 4.4rem 0;
}
article .pullQuote p {
  font-size: 3.6rem;
  line-height: 4.4rem;
  font-weight: normal;
  font-family: "GeomSlabSerif", "Times New Roman";
}

@media screen and (min-width: 768px) {
  /*     .blogItem .blogInfoContainer {
          padding: 5% 25%;
      } */
}
.blogDateContainer {
  display: none;
}

.blogListWidget .blogList {
  padding-left: 5.5px;
  padding-right: 5.5px;
}
.blogListWidget .blogList .blogImage {
  position: relative;
  overflow: hidden;
}
.blogListWidget .blogList .blogImage .aspectPlaceHolder169 {
  margin-bottom: -7.3%;
}
.blogListWidget .blogList .blogImage .featuredBlogImg {
  width: 1140px;
}
.blogListWidget .blogList .blogInfoContainer {
  padding: 22px;
}
.blogListWidget .blogList .blogItem {
  padding-left: 5.5px;
  padding-right: 5.5px;
}
.blogListWidget .blogList .blogItem .blogHeadline {
  height: 5.5rem;
  overflow: hidden;
}
.blogListWidget .blogList .blogItem .blogExcerpt {
  height: 6.6rem;
  overflow: hidden;
  margin-bottom: 2.2rem;
}
