/*
	###################################
	MOBILE
	###################################
*/


	.title {
		margin-left: 8%;
	}

	.content {
		width: 84%;
		margin-left: 8%;
	}

	.box-header {
		position: relative;
		width: 100%;
		height: 150vw;
	}

	.box-header .content {
		margin-top: 50%;
	}

	.box-content h4 {
		font-size: 32px;
		line-height: 35px;
		font-size: 8.2vw;
		line-height: 9vw;
	}



/* 	NEWS BOXES COMMON */

	.column-news h4 {
		margin-left: 8%;
	}

	.news-header {
		position: relative;
		width: 100%;
/* 		height: 100vw; */
		height: auto;
		margin-bottom: 3%;
/* 		transition: height 1s ease; */
/* 		background-color: lightgray; */
		background-color: gray;
		background-blend-mode: multiply;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	.news-header:first-child,
	.news-header:has(a.btn-toggle-collapse[aria-expanded="true"]) {
		position: relative;
		width: 100%;
		height: 100vw;
		margin-bottom: 3%;
/* 		transition: height 1s ease; */
/* 		background-color: lightgray; */
		background-color: gray;
		background-blend-mode: multiply;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	.news-header .content {
		padding-top: 10%;
		padding-bottom: 20%;
	}

	.news-content {
		padding: 8%;
	}

	.news-title {
		font-family: Dual600;
		font-size: 32px;
		line-height: 35px;
		font-size: 8.2vw;
		line-height: 9vw;
	}

	.news-description {
		font-family: Dual300;
		font-size: 15px;
		line-height: 20px;
		font-size: 3.85vw;
		font-weight: 700;
		line-height: 5.13vw;
		padding-top: 6vw;
		padding-left: 4%;
		border-left: 1px solid #ffffff;
	}

	.btn-toggle-collapse {
		display: block;
		position: absolute;
		width: 8.5vw;
		height: 8.5vw;
		left: 3%;
		bottom: 3%;
		margin-top: 1.5vw;
	    padding: 0.25em 0.25em;
		background-image: url( '../images/btn-plus.svg' );
		background-size: 100%;
		opacity: 1;
		transition: transform .25s, opacity .25s;
		z-index: 9999;
		outline: none !important;
	}

	.btn-toggle-collapse:hover {
		opacity: .7;
	}

	a.btn-toggle-collapse[aria-expanded="true"] {
		transform: rotate(45deg);
	}

	.collapsing {
		transition: height .5s ease-in-out;
	}



	/* INSIGHTS */

	.column-insights h4 {
		margin-bottom: 10%;
	}

	.box-insight {
		margin-bottom: 10%;
		padding-bottom: 5%;
		border-bottom: 1px solid #65A3B2;
	}

	.insight-title {
		font-family: Dual600;
		font-size: 32px;
		line-height: 35px;
		font-size: 8.2vw;
		line-height: 9vw;
	}

	.insight-description {
		font-family: Dual300;
		font-size: 15px;
		line-height: 20px;
		font-size: 3.85vw;
		line-height: 5.13vw;
		padding-top: 3%;
	}

	.insight-description .credits,
	.insight-description .link {
		display: block;
		margin-top: 5%;
	}

	.insight-description .link {
		color: #000;
	}

	.insight-description .link:hover {
		color: #65A3B2;
	}




/*
	###################################
	DESKTOP
	###################################
*/


@media (min-width: 992px) {


	.title {
		margin-left: 0;
	}

	.content {
		width: 100%;
		margin-left: 0;
	}

	.box-header {
		height: auto;
		margin-bottom: 5%;
	}

	.box-header .content {
		width: 46%;
		margin-top: 14%;
		margin-left: 40%;
	}

	.box-content h4 {
		font-size: 35px;
		line-height: 40px;
		font-size: 1.82vw;
		line-height: 2.08vw;
	}


/* 	DIRECTOR BOXES COMMON */

	.box-content {
		padding-left: 14%;
	}

	.column-insights {
		width: 22%;
	}

	.column-news {
		width: 54%;
		margin-left: 4%;
	}

	.column-news .column-border {
		padding-left: 8%;
		border-left: 1px solid lightblue;
	}

	.news-header {
		width: 100%;
/* 		height: 14vw; */
		height: 25vw;
		margin-bottom: 3%;
/* 		transition: all 1s ease; */
		background-color: gray;
		background-blend-mode: multiply;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	.news-header:first-child,
	.news-header:has(a.btn-toggle-collapse[aria-expanded="true"]) {
		height: 30vw;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		transition: all 1s ease;
	}

	.news-header .content {
		width: 80%;
		padding: 3%;
	}

	.news-content {
		padding: 5% 0 8% 0;
	}

	.news-title {
		font-size: 35px;
		line-height: 40px;
		font-size: 1.82vw;
		line-height: 2.08vw;
	}

	.news-description {
		font-size: 17px;
		line-height: 20px;
		font-size: 0.88vw;
		line-height: 1.04vw;
		padding-top: 2vw;
		padding-left: 2%;
	}

	.btn-toggle-collapse {
		width: 2.5vw;
		height: 2.5vw;
		margin-top: 1.5vw;
		left: auto;
		right: 3%;
		bottom: 1vw;
	}



/* 	INSIGHTS */


	.insight-title {
		font-size: 35px;
		line-height: 40px;
		font-size: 1.82vw;
		line-height: 2.08vw;
	}

	.insight-description {
		font-size: 17px;
		line-height: 20px;
		font-size: 0.88vw;
		line-height: 1.04vw;
	}




}