/*
Blog Specific Styling.
*/
/*
Global Variables

@import this file at the top of each page
template file to make variables available.
*/
:root {
  --common-top: 2.5vw;
  --common-bottom: 3vw;
  --common-left-right-padding: 2.5vw;
  --static-top-bot-padding: 70px;
}
@media (max-width: 810px) {
  :root {
    --common-top: 5vw;
    --common-bottom: 4vw;
  }
}

/*
Mixins

Add mixins to any css page using @include

e.g.
.element{
	@include transition( background .2s ease-out )
}
*/
.banner {
  background-color: #821720;
  padding-bottom: 40px;
}
.banner .banner-content {
  padding: 0 5%;
  padding-top: 6%;
  color: white;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1100px) {
  .banner .banner-content {
    flex-direction: column;
  }
}
@media screen and (max-width: 810px) {
  .banner .banner-content {
    padding: 6% 0px 0px 0px;
  }
}
.banner .banner-content .primary-heading {
  margin-right: 5%;
  flex: 0 0 48%;
}

@media only screen and (max-width: 1080px) {
  #breadcrumbs-section .inner-block {
    padding: 0px 5%;
  }
}
@media screen and (max-width: 810px) {
  #breadcrumbs-section .inner-block {
    padding: 0px;
  }
}
#breadcrumbs-section .inner-block a:hover {
  color: #1B1E1F;
}

.news .news-wrapper {
  padding: 0 5%;
  padding-bottom: 7%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media only screen and (max-width: 810px) {
  .news .news-wrapper {
    margin: 3em 0px 0px;
    padding: 0px;
  }
  .news .news-wrapper .article {
    margin-bottom: 18px;
  }
}
.news .news-wrapper .article {
  flex: 0 0 30%;
  border-top: 4px solid #821720;
  margin-top: 7%;
  margin-right: 5%;
}
.news .news-wrapper .article:nth-child(3n+0) {
  margin-right: 0;
}
@media only screen and (max-width: 1200px) {
  .news .news-wrapper .article {
    flex: 0 0 46%;
    margin-right: 4%;
  }
  .news .news-wrapper .article:nth-child(3n+0) {
    margin-right: 4%;
  }
  .news .news-wrapper .article:nth-child(2n+0) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 810px) {
  .news .news-wrapper .article {
    margin-bottom: 3em;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 650px) {
  .news .news-wrapper .article {
    flex: 0 0 100%;
    margin-right: 0%;
  }
}
.news .news-wrapper .article .title {
  color: #1B1E1F;
  display: block;
  margin: 1em 0;
  opacity: 1;
  transition: opacity 0.2s ease;
}
.news .news-wrapper .article .title:hover {
  opacity: 0.8;
}

.pagination {
  text-align: center;
  padding: 2em 5%;
}
.pagination .page-numbers {
  padding: 0px 5px;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.pagination .page-numbers.current {
  color: #821720;
}
.pagination .page-numbers:hover {
  color: #821720;
}
.pagination .page-numbers.next, .pagination .page-numbers.prev {
  text-decoration: underline;
}
.pagination .page-numbers.next {
  padding-left: 15px;
}
.pagination .page-numbers.prev {
  padding-right: 15px;
}

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