@charset "UTF-8";

/*
 Featured news
 */

.newsfeatured-- .header+.wrapper,
.newsfeatured-- .wrapper+.readmore,
.newsfeatured-- .details+.readmore,
.newsfeatured-- .item .box .image+.details{
 margin-top: 20px	
}

@media ( max-width: 767px ){
	
 .newsfeatured-- .item+.item{
  margin-top: 40px	
 }
 
}

@media ( min-width: 768px ){
	
 .newsfeatured--{
  padding-left: 15px;
  padding-right: 15px
 }
 .newsfeatured--, 
 .newsfeatured-- .wrapper, 
 .newsfeatured-- .item .box{
  display: flex
 }
 .newsfeatured--, 
 .newsfeatured-- .item .box{
  flex-direction: column;
  height: 100%
 }
 .newsfeatured-- .wrapper{
  margin-left: -15px;
  margin-right: -15px
 }
 .newsfeatured-- .wrapper .item{
  padding-left: 15px;
  padding-right: 15px
 }
 .newsfeatured-- .wrapper,
 .newsfeatured-- .item .box .details{
  flex: 1 1 auto
 }
 .newsfeatured-- .header,
 .newsfeatured-- .readmore{
  flex: 0 0 auto
 }
 .newsfeatured-- .image{
  position: relative; 
  padding-bottom: 100%
 }
 .newsfeatured-- .image picture{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
 }
 
 .newsfeatured--.multiple-items.items-x2 .wrapper .item{
  flex: 0 0 50%;
  max-width: 50%
 }
 .newsfeatured--.multiple-items.items-x3 .wrapper .item{
  flex: 0 0 33.3333%;
  max-width: 33.3333%
 }
 .newsfeatured--.multiple-items.items-x4 .wrapper .item{
  flex: 0 0 25%;
  max-width: 25% 
 }
 .newsfeatured--.multiple-items.items-x5 .wrapper .item{
  flex: 0 0 20%;
  max-width: 20%
 }

}

/*
 Wys (featured news)
 */
 
.newsfeatured-- .wys p.headline{
 margin-bottom: 4px;
 font-size: 1.125rem;
 font-weight: 700
}
.newsfeatured-- .wys p.published{
 font-size: 0.875rem;
 margin-bottom: 20px 
}
.newsfeatured-- .wys div.readmore{
 padding-top: 16px		
}

/*
 Suggested styles for featured news
 */
 
.newsfeatured-- .header{
 font-size: 1.625rem;
 font-weight: 400
}
.newsfeatured-- .header a{
 text-decoration: none
}
.newsfeatured-- .readmore a.btn{
 width: 100%	
}

/*
 News listing
 */
 
.newslistings-- .newslistings-show-more{
 text-align: center
}
.newslistings-- .newslistings-show-more .btn{
 margin-top: 40px;
 width: 100%;
 max-width: 400px 
}
.newslistings-- .newslisting-box{
 display: flex;
 flex-direction: column
}
.newslistings-- .newslisting-box>.image,
.newslistings-- .newslisting-box>.readmore{
 flex: 0 0 auto;
 max-height: auto
}
.newslistings-- .newslisting-box>.details{
 flex: 1 1 auto;
 max-height: auto
}

.newslistings-- .newslistings-wrapper.verticle-image-text .newslisting-box>.image,
.newslistings-- .newslistings-wrapper.verticle-text-image .newslisting-box>.details,
.newslistings-- .newslistings-wrapper.horizontal-image-text .newslisting-box>.image, /* horizontal should always respond with the image at the top */
.newslistings-- .newslistings-wrapper.horizontal-text-image .newslisting-box>.image,
.newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting-box>.image{
 order: 1
}
.newslistings-- .newslistings-wrapper.verticle-text-image .newslisting-box>.image,
.newslistings-- .newslistings-wrapper.verticle-image-text .newslisting-box>.details,
.newslistings-- .newslistings-wrapper.horizontal-image-text .newslisting-box>.details, /* horizontal should always respond with the details second */
.newslistings-- .newslistings-wrapper.horizontal-text-image .newslisting-box>.details,
.newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting-box>.details{
 order: 2
}
.newslistings-- .newslisting-box>.readmore{
 order: 3
}

.newslistings-- .newslistings-wrapper.verticle-text-image .newslisting-box>.image,
.newslistings-- .newslistings-wrapper.verticle-image-text .newslisting-box>.details,
.newslistings-- .newslistings-wrapper.verticle-alternate  .newslisting-box>.details,
.newslistings-- .newslisting-box>.readmore{
 margin-top: 20px
}

@media ( max-width: 767px ){
	
 .newslistings-- .newslistings-wrapper .newslisting+.newslisting{
  margin-top: 40px  
 }
 .newslistings-- .newslistings-wrapper.horizontal-image-text .newslisting-box>.details,
 .newslistings-- .newslistings-wrapper.horizontal-text-image .newslisting-box>.details,
 .newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting-box>.details{
  margin-top: 20px 
 }

}

@media ( min-width: 768px ){
	
 .newslistings-- .newslistings-wrapper.single-column .newslisting+.newslisting,
 .newslistings-- .newslistings-wrapper.row.columns-2 .newslisting:nth-child(n+3),
 .newslistings-- .newslistings-wrapper.row.columns-3 .newslisting:nth-child(n+4),
 .newslistings-- .newslistings-wrapper.row.columns-4 .newslisting:nth-child(n+5),
 .newslistings-- .newslistings-wrapper.row.columns-5 .newslisting:nth-child(n+6){
  margin-top: 40px
 }
 .newslistings-- .newslistings-wrapper.row.columns-2 .newslisting{
  flex: 0 0 50%;
  max-width: 50%
 }
 .newslistings-- .newslistings-wrapper.row.columns-3 .newslisting{
  flex: 0 0 33.3333%;
  max-width: 33.3333%
 }
 .newslistings-- .newslistings-wrapper.row.columns-4 .newslisting{
  flex: 0 0 25%;
  max-width: 25%
 }
 .newslistings-- .newslistings-wrapper.row.columns-5 .newslisting{
  flex: 0 0 20%;
  max-width: 20%	
 }
 .newslistings-- .newslistings-wrapper.row .newslisting .newslisting-box{
  height: 100%
 }
 .newslistings-- .newslistings-wrapper.row .newslistings-show-more{
  flex: 0 0 100%;
  max-width: 100%
 }
 .newslistings-- .newslistings-wrapper.verticle-alternate .newslisting.has-image.image-alternate-even .newslisting-box>.details{
  margin-top: 0 
 }
 .newslistings-- .newslistings-wrapper.verticle-alternate .newslisting.has-image.image-alternate-even .newslisting-box>.image{
  margin-top: 20px
 }
 .newslistings-- .newslisting-box.style-horizontal{
  flex-direction: row
 }
 .newslistings-- .newslistings-wrapper.horizontal-image-text .newslisting-box>.image, 
 .newslistings-- .newslistings-wrapper.horizontal-text-image .newslisting-box>.details,
 .newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting.has-image.image-alternate-even .newslisting-box>.details,
 .newslistings-- .newslistings-wrapper.verticle-alternate .newslisting.has-image.image-alternate-even .newslisting-box>.details{
  order: 1
 }
 .newslistings-- .newslistings-wrapper.horizontal-image-text .newslisting-box>.details,
 .newslistings-- .newslistings-wrapper.horizontal-text-image .newslisting-box>.image,
 .newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting.has-image.image-alternate-even .newslisting-box>.image,
 .newslistings-- .newslistings-wrapper.verticle-alternate .newslisting.has-image.image-alternate-even .newslisting-box>.image{
  order: 2
 }
 .newslistings-- .newslisting-box.style-horizontal>.image{
  flex: 0 0 calc( 50% - 10px );
  max-width: calc( 50% - 10px )	
 }
 .newslistings-- .newslisting-box.style-horizontal>.image+.details{
  flex: 0 0 calc( 50% + 10px );
  max-width: calc( 50% + 10px )
 } 
 .newslistings-- .newslistings-wrapper.horizontal-image-text .newslisting-box>.details,
 .newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting.has-image.image-alternate-odd .newslisting-box>.details{
  padding-left: 20px	 
 }
 .newslistings-- .newslistings-wrapper.horizontal-text-image .newslisting-box>.details,
 .newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting.has-image.image-alternate-even .newslisting-box>.details{
  padding-right: 20px	
 }

}

/*
 Balance image
 */
 
.newslistings-- .newslistings-wrapper .newslisting.has-image.image-balanced .newslisting-box>.image{
 position: relative;
 padding-bottom: 66%
}
.newslistings-- .newslistings-wrapper .newslisting.has-image.image-balanced .newslisting-box>.image picture{
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0
}

@media ( min-width: 768px ){
	
 .newslistings-- .newslistings-wrapper .newslisting.has-image.image-balanced .newslisting-box.style-horizontal>.image{
  padding-bottom: 33%
 }

}

/*
 Suggested layout for horizontal alternate
 */

@media ( min-width: 768px ){
	
 .newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting+.newslisting.no-image,
 .newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting.no-image+.newslisting{
  margin-top: 80px	
 }
 .newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting.has-image .newslisting-box>.details{
  align-self: center
 }
 .newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting.no-image .newslisting-box{
  justify-content: center 
 }
 .newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting.no-image .newslisting-box>.details{
  max-width: 800px
 }
 .newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting.has-image.image-alternate-odd .newslisting-box>.image+.details{
  padding-left: 40px;
  padding-right: 20px
 }
 .newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting.has-image.image-alternate-even .newslisting-box>.image+.details{
  padding-left: 20px;
  padding-right: 40px
 }
 .newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting.no-image .newslisting-box>.details{
  text-align: center
 }

}

@media ( min-width: 1200px ){
	
 .newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting.has-image.image-alternate-odd .newslisting-box>.image+.details{
  padding-left: 80px;
  padding-right: 40px
 }
 .newslistings-- .newslistings-wrapper.horizontal-alternate .newslisting.has-image.image-alternate-even .newslisting-box>.image+.details{
  padding-left: 40px;
  padding-right: 80px
 }

}



/*
 News listings - Wys
 */
 
.newslistings-- .wys p.headline{
 font-size: 1.25rem;
 font-weight: 700
}
.newslistings-- .wys p.published{
 font-size: 0.875rem;
 margin-bottom: 20px 
}
.newslistings-- .wys div.readmore{
 padding-top: 16px		
}