/* ==============
   CARD - ARTICLE
   ============== */	
 
.card__article {
	border-radius: 20px;
	height: 100%;
	overflow: hidden;
	display: block;
	color: var(--color__midnight);
	background: var(--color__light-gray);
	position: relative;
	transition: transform .4s, box-shadow .5s;
	box-shadow: 0 15px 30px rgba(0,0,0,0);
	transform: translate(0, 0); }	

.card__article__image {
	padding-bottom: 50%; }

.card__article__title {	
	box-sizing: border-box;
	padding: 3rem;
	padding-bottom: 8rem; }

.card__article__title h3 {
	font-size: 2.3rem;
   margin-bottom: .6em; }

.card__article__title p {
	font-size: 1.6rem; }
		
.card__article__meta {
	bottom: 3rem;
	display: flex;
	width: calc(100% - 6rem);
	position: absolute;
	justify-content: space-between; }

.card__article__meta p {
	margin: 0;
	padding: .15em 0; }

.card__article__meta p.article_type_tag {
	background: #fff;
	border-radius: 4rem;
	padding: .15em .7em; }


.card__article:hover {
	box-shadow: 0 10px 40px rgba(0,0,0,.1);
	transform: translate(0, -5px); }

.slick-list .card__article:hover {
	transform: translate(0,0,); }
	
/* ====
   LIST
   ==== */	
   
.list__articles {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 3rem;
	margin-bottom: var(--spacing__x);}

	
.list__articles li {
	 width: calc(100% / 3 - 2rem); }	
	
/*.s__latest_articles .list__articles .card__article:nth-of-type(1),
.s__latest_articles .list__articles .card__article:nth-of-type(2) {
	width: calc(100% / 2 - 2rem) }*/
	
.m__latest_articles .list__articles li:nth-of-type(1),
.m__latest_articles .list__articles li:nth-of-type(2)  /* 2nd item used for company news block */ {
	width: calc(100% / 2 - 2rem) }
	
	
@media all and (max-width: 1000px) {	

	.list__articles li {
		width: calc(100% / 2 - 2rem); }	
	
	/* Latest - hide 5th item */
	.m__latest_articles .list__articles li:nth-of-type(5) {
		display: none; }

}
		
@media all and (max-width: 860px) {	

	.m__latest_articles .list__articles li {
		width: 100% !important; }
		
	/* Related articles as slider */
	.m__related_articles .flickity-viewport {
		width: 100%; }
	
	/* No transition when in slider mode */
	.m__related_articles .flickity-viewport .card__article:hover {
		box-shadow: none;
		transform: none; }
	
	.m__related_articles .list__articles {
		width: calc(100% + 6rem);
		margin-left: -3rem;
		padding-left: 0;
		padding-right: 0; }
	
	/* .m__related_articles .list__articles li {
		margin-left: 3rem;
		margin-right: 3rem; } */
			
	.list__articles li {
		width: 100%; }	
		
}




	
	

/* ===============
   COLOR VARIATION
   =============== */	

.wrapper__gray .card__article,
.m__theme__light-gray .card__article {
	background: var(--color__white); }
		 


/* =================
   WIDGET - ARTICLES
   ================= */	
   
.list__articles .widget__company-news { 
	width: 100%;
	height: 100%;
	background: var(--color__white); }  


/*.list__articles .widget__company-news {
	margin-bottom: 4rem; }*/

.list__articles .widget__company-news .container {
	padding: 3rem; }


.list__articles__mini .card__article {
	width: 100% !important;
	box-shadow: none;
	display: flex;
	border-radius: 0;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 2px solid var(--color__light-gray); }
	
	
.list__articles__mini .card__article:hover {
	transform: translate(0,0); }	
	
.list__articles__mini .card__article	 .card__article__image {
	flex: 0 0 20%;
	height: 6rem;
	border-radius: 10px;
	overflow: hidden;
	padding-bottom: 0; }

.list__articles__mini .card__article__title {
	padding: 0 2rem; }
	
.list__articles__mini .card__article__title p {
	margin: 0;
	font-size: 1.6rem; }

	
		
@media all and (max-width: 800px) {	

	.list__articles .widget__company-news {
		width: 100%; }
		
}



@media all and (max-width: 600px) {	

	
	.list__articles__mini .card__article {
		flex-wrap: wrap; }
	
	.list__articles__mini .card__article__title {
		padding: 0; }

	.list__articles__mini .card__article	 .card__article__image {
		flex: 0 0 15rem;
		height: 8rem;
		margin-bottom: 1rem; }

}


/* Case Study Slider */
/* .list__featured_casestudy {
	width: 90%; } */

.list__featured_casestudy .flickity-slider {
	 }
	
.list__featured_casestudy .card__article {
	margin: 0 var(--spacing__x);
	background: var(--color__midnight) !important;
	position: relative; 
	width: 80%;
	height: 500px; }

.list__featured_casestudy .card__article .card__article__image {
	height: 100%; }


.list__featured_casestudy .card__article .card__article__title {
	position: absolute;
	display: flex;
	z-index: 9000;
	bottom: 0;
	padding: var(--spacing__x);
	width: 100%;
	left: 0;
	text-align: center;
	background: linear-gradient(0deg, rgba(12,35,64,.9) 0%, rgba(12,35,64,0) 100%); }

.list__featured_casestudy .card__article .card__article__title div {
	width: 100%; }
	
.list__featured_casestudy .card__article .card__article__title h3 {
	width: 80%;
	margin: 0 auto;
	font-size: 3.6rem; }

@media all and (max-width: 1100px) {	

	.list__featured_casestudy .card__article .card__article__title h3 {
		width: 90%;
		font-size: 2.8rem; }

}

	
@media all and (max-width: 800px) {	

	.list__featured_casestudy {
		border-radius: 20px; }
		
	.list__featured_casestudy .card__article {
		margin: 0;
		width: 100%;
		height: 360px; }

	.list__featured_casestudy .card__article .card__article__title h3 {
		width: 90%;
		font-size: 2.1rem; }
		
	.list__featured_casestudy .card__article .card__article__image {
		padding-bottom: 70%; }
		
	.list__featured_casestudy { /* Make space for dots */
		margin-bottom: 5rem !important; }
}