@charset "UTF-8";

/*
 Featured news
 */

.newsfeatured--.multiple-items .wrapper{
 display: flex;
 margin-left: -15px;
 margin-right: -15px
}
.newsfeatured-- .header+.wrapper{
 margin-top: 20px	
}
.newsfeatured--.multiple-items .wrapper .item{
 flex: 0 0 50%;
 max-width: 50%;
 padding-left: 15px;
 padding-right: 15px
}
.newsfeatured-- .image{
 position: relative; 
 padding-bottom: 100%
}
.newsfeatured-- .image+.details{
 padding-top: 20px
}
.newsfeatured-- .image picture{
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%
}

@media ( min-width: 768px ){
	
 .newsfeatured-- .box.image-details{
  display: flex;
  align-items: flex-start
 }
 .newsfeatured-- .image{
  position: relative; 
  flex: 0 0 100%;
  max-width: 150px;
  height: 150px;
  padding-bottom: 0
 }
 .newsfeatured-- .image+.details{
  padding: 0 20px 0 30px;
  flex: 1 1 auto;
  max-width: 100%;
 }
 
}

/*
 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		
}

/*
 Basic theme styles (featured news)
 */
 
.newsfeatured-- .header{
 font-size: 1.25rem;
 font-weight: 700
}
/*
 News listing
 */

.newslistings-show-more{
 text-align: center	
}
.newslistings-show-more .btn{
 width: 100%;
 max-width: 400px 
}

.ajax-section{
 padding-bottom: 40px	
}
.newslisting+.newslisting{
 margin-top: 40px
}
.newslisting+.newslisting.no-image,
.newslisting.no-image+.newslisting{
 margin-top: 80px	
}

 
@media ( max-width: 767px ){

 .newslisting .details{
  margin-top: 20px
 }

}
 
@media ( min-width: 768px ){
 
 .newslisting .newslisting-box{
  display: flex; 
  flex-wrap: wrap;
  flex-basis: 0
 }
 .newslisting .details{
  flex: 0 0 100%;
  max-width: 100%;
  align-self: center;
  order: 2
 }
 .newslisting .image{
  flex: 0 0 calc( 50% - 10px );
  max-width: calc( 50% - 10px )	
 }
 .newslisting .image+.details{
  flex: 0 0 calc( 50% + 10px );
  max-width: calc( 50% + 10px )
 }
 .newslisting .image{
  position: relative;
  padding-bottom: 30%;
  order: 1
 }
 .newslisting .image picture{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
 }
 .newslisting .image+.details{
  padding-left: 40px
 }
 .newslisting.has-image.image-alternate-even .newslisting-box .details{
  order: 1;
  padding-left: 0;
  padding-right: 40px	
 }
 .newslisting.has-image.image-alternate-even .newslisting-box .image{
  order: 2	
 }

}

/*
 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		
}