/**
 * Table of Contents
 *
 * 1.0 - Container
 * 2.0 - Featured Content
 * 3.0 - Open Mike
 * 4.0 - Top Stories
 * 5.0 - Spotlight
 * 6.0 - Other Categories
 * 7.0 - Media Queries
 *    7.1 - >= 767px
 *    7.2 - >= 991px
 *    7.3 - >= 985px
 *    7.4 - >= 1200px
 */

 
/*  1.0 - Container
-------------------------------------------*/
 .home .site-content {
  padding: 0;
}

.home .site-inner {
  max-width: none;
}

.front-page-content-area {
  max-width: 1320px;
  margin: 0 auto;
}

.home main {
	padding: 0 4.5455%;
}

.home .site-main {
  margin-bottom: 50px;
}

/*  2.0 - Featured Content
-------------------------------------------*/
.featured-section {
  margin-bottom: 40px;
}

.open-mike-block {
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  padding: 30px;
}

.open-mike-block h2,
.other-block h2 {
  font-size: 16px;
  display: inline-block;
  border-left: 2px solid #72A6B8;
  padding-left: 3px;
  text-transform: uppercase;
}

.open-mike-block h2 a,
.other-block h2 a {
  color: #1a1a1a;
}

.open-mike-block h3 {
  margin-top: 10px;
  font-size: 22px;
}

.open-mike-block div:last-of-type p {
  margin-bottom: 0;
}

.open-mike-block .author-field {
  color: #707070;
  margin-bottom: 15px;
}

.open-mike-block .comments-bubble {
  float: right;
}

.featured-other-categories .other-block {
  margin-bottom: 30px;
  border-bottom: 1px solid #E8E8E8;
}

.featured-other-categories .other-block:last-child {
  border-bottom: none;
}

.other-block p {
  line-height: 1.3rem;
  margin-top: 10px;
  margin-bottom: 30px;
}

.featured-other-categories .other-icon-title {
  display: flex;
  align-items: center;
}

.featured-other-categories .other-icon-title > div {
  flex-basis: 50px;
  flex-shrink: 0;
  flex-grow: 0;
}

.open-mike .open-mike-article-title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.open-mike .open-mike-article-title > div {
  flex-basis: 50px;
  flex-grow: 0;
  flex-shrink: 0;
}

.open-mike-block p {
  color: #707070;
}

.other-block p a {
  color: #4E4E4E;
  text-decoration: underline;
}

.other-block p a:hover {
  color: #007acc;
}

.open-mike-block h3 a {
  color: #4E4E4E;
  text-decoration: underline;
}

.open-mike-block h3 a:hover {
  color: #007acc;
}

.open-mike-block .open-mike-date,
.other-block .open-mike-date {
  float: right;
  color: #707070;
}

.calendar-post h2 {
  margin-bottom: 20px;
  font-size: 16px;
  border-left: 2px solid #72A6B8;
  padding-left: 3px;
}

.calendar-block {
  box-shadow: 0px 3px 6px #00000029;
  border-left: 3px solid #5F9AAE;
  padding: 15px;
  margin-bottom: 20px;
  display: flex;
}

.calendar-block .calendar-date {
  border: 1px solid #DBF1F5;
  border-radius: 4px;
  padding: 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}

.calendar-block .calendar-d {
  line-height: 1;
  text-align: center;
  color: #404A59;
}

.calendar-block .calendar-m {
  color: #404A59;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.calendar-block p {
  line-height: 1.3rem;
  margin-bottom: 0;
}

.calendar-block p a {
  color: #404A59;
  text-decoration: underline;
}

.calendar-block p a:hover {
  color: #007acc;
}

.view-more-light {
  margin-top: 25px;
  text-align: center;
}

.view-more-light a {
  color: #fff;
  background-color: #20558A;
  padding: 5px 20px;
  border-radius: 4px;
}

.view-more-light a:hover {
  background-color: #5F9AAE;
  text-decoration: none;
}

.calendar-post .widget {
  border-top: none;
  padding-top: 30px;
  margin-bottom: 30px;
}

.calendar-post .widget select {
  width: 100%;
  padding: 4px 8px;
  border: 1px solid #5F9AAE;
}


/*  3.0 - Open Mike &
 *  4.0 - Top Stories
-------------------------------------------*/
.list-section {
  margin-bottom: 20px;
}

.list-content > h2 {
  border-left: 2px solid #72A6B8;
  background-color: #e6f5f8;
  padding-left: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 20px;
  text-transform: uppercase;
  background-image: linear-gradient(to right, white , #e6f5f8);
}

.list-content .list-block {
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 9px;
  margin-bottom: 25px;
}

.list-content .list-block:nth-last-child(2) {
  border-bottom: none;
}

.list-block .tags-field {
  display: inline-block;
  line-height: 1.4rem;
}

.list-block .author-field {
  display: block;
}

.list-block .date-field {
  float: right;
  color: #707070;
}

.list-block h3 {
  margin-top: 10px;
  font-size: 22px;
}

.list-block h3 a {
  color: #4e4e4e;
  text-decoration: underline;
}

.list-block h3 a:hover {
  color: #007acc;
}

.list-content .view-more-dark {
  text-align: right;
}

.list-content .view-more-dark a {
  color: #fff;
  background-color: #20558A;
  padding: 5px 20px;
  border-radius: 4px;
}

.list-content .view-more-dark a:hover {
  background-color: #5F9AAE;
  text-decoration: none;
}

.list-section.top-stories {
  margin-top: 40px;
}

.list-content .list-block:nth-last-child(2) {
  margin-bottom: 0;
}

/*  5.0 - Spotlight
-------------------------------------------*/
.spotlight-section {
  margin-bottom: 50px;
  background-color: #FFFAEB;
  padding-top: 40px;
  padding-bottom: 40px;
}

.spotlight-content {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 4.5455%;
}

.spotlight-content h2 {
  border-left: 4px solid #CCBB88;
  padding-left: 4px;
  margin-bottom: 30px;
}

.spotlight-content .row {
  align-items: stretch;
}

.grid-block {
  box-shadow: 0px 3px 6px #00000029;
  padding: 20px;
  height: 100%;
  background-color: #fff;
}

.grid-block .date-field {
  color: #707070;
}

.grid-block .tags-field {
  display: block;
  min-height: 40px;
  line-height: 1.3rem;
}

.grid-block h3 {
  margin-bottom: 10px;
  font-size: 16px;
}

.grid-block h3 a {
  color: #4E4E4E;
  font-weight: 700;
}

.grid-block h3 a:hover {
  color: #007acc;
  text-decoration: underline;
}

/*  6.0 - Other Categories
-------------------------------------------*/
.home .other-categories {
  max-width: 1320px;
  margin: 0 auto 40px;
	padding: 0 4.5455%;
}

.home .other-categories .row {
  align-items: stretch;
}

.home .other-categories .grid-content {
  height: 100%;
  padding-bottom: 50px;
}

.home .other-categories h2 {
  font-size: 28px;
  text-transform: uppercase;
  text-align: center;
}

.home .other-categories .content-icon {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.home .other-categories h3 {
  font-size: 16px;
}

.home .other-categories h3 a {
  color: #4E4E4E;
  text-decoration: none;
}

.home .other-categories h3 a:hover {
  color: #007acc;
  text-decoration: underline;
}

.home .other-categories .list-block {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E8E8E8;
}

.home .other-categories .list-block .date-field {
  float: none;
}

.home .other-categories .view-more-dark {
  position: absolute;
  bottom: 0;
  right: 20px;
}

.home .other-categories .view-more-dark a {
  display: inline-block;
}

/*  7.1 - Small screen - <= 767px
-------------------------------------------*/
@media screen and (max-width: 767px) {
  
  .spotlight-content [class*="col-"] {
    margin-bottom: 20px;
  }
}

/* 7.2 - Medium screen - <= 991px
-------------------------------------------*/
@media screen and (max-width: 991px) {
  .home .site-content {
    padding: 5%;
  }

  .open-mike-block,
  .other-categories { 
    margin-bottom: 20px;
  }

  .home .other-categories .view-more-dark { 
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}