@charset "utf-8";
/* CSS Document */

#featured-reports{
	
	margin: auto;
	display: flex;
	flex-direction: row;
	gap:2em;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 40px;
		}
.featured-section-title{
	padding-bottom: 40px;
}
.item{
	flex:1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	border: 1px solid;
	border-color: rgba(212,212,212,0.4);
	transition: border-color 600ms;
	max-width:40ch;
	min-width: 35ch;
	/*min-width: 360px;*/
}

.item:hover{
	border-color: rgba(212,212,212,1);
}

.item a{
	color: #333;
	text-decoration: none;
}

.item h1{
	font-size: 1.5rem;
	display: inline-block;
	line-height: 2rem;
	margin-bottom: 20px;
}

.item h2{
	display: none;
}

.item h3{
	display: none;
}

.item h4{
	display: none;
}

.item p{
	font-size: 1rem;
	color: #797979;
}

.report-cta{
	margin-top: auto;
	padding: 30px 30px 40px;
}

		
.item img{
			max-width: 100%;
		}	




.report{
	flex:1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	border: 1px solid;
	border-color: rgba(212,212,212,0.4);
	transition: border-color 600ms;
	max-width:40ch;
	min-width: 35ch;
	/*min-width: 360px;*/
}

.report:hover{
	border-color: rgba(212,212,212,1);
}

.report a{
	color: #333;
	text-decoration: none;
}

.report h1{
	font-size: 1.5rem;
	display: inline-block;
	line-height: 2rem;
	margin-bottom: 20px;
}

.report h2{
	display: none;
}

.report h3{
	display: none;
}

.report h4{
	display: none;
}

.report p{
	font-size: 1rem;
	color: #797979;
	
}

.report-cta{
	margin-top: auto;
	padding: 30px 30px 40px;
}

.cta{
	margin-top: auto;
	padding: 30px 30px 40px;
}

		
.report img{
			max-width: 100%;
		}		

.description{
	display: flex;
	flex-direction: column;
	padding: 0px 30px;
}

.content{
	display: flex;
	flex-direction: column;
	padding: 0px 30px;
	 overflow: hidden; /* Hides overflowing text */
  display: -webkit-box; /* Necessary for -webkit-line-clamp to work */
  -webkit-line-clamp: 8; /* Limits the text to 8 lines */
  -webkit-box-orient: vertical; /* Ensures the box orientation is vertical */
  text-overflow: ellipsis; /* Adds ellipsis (...) at the end of the truncated text */
  /* Ensure a defined line-height for accurate truncation.
  line-height: 1.5em; /* Example line height */
}

.info{
	display: flex;
	flex-direction: column;
	padding: 0px 30px;
}

.report-cta a{
	color: #e77e24;
	text-decoration: none;
	font-weight: 600;
}

.cta a{
	color: #e77e24;
	text-decoration: none;
	font-weight: 600;
}

.report-cta a:hover{
	color: #4eba6d;
}

.cta a:hover{
	color: #4eba6d;
}


.featured-section-title{
	width: 100vw;
	padding-top: 2rem;
	justify-content: center;
	align-items: center;
	display:flex;
}

.featured-section-title h1{
	font-size: 43px;
	font-weight: 700;
}

.white-title{
		color: #fff;
}

#featured-blog{
	margin: auto;
	display: flex;
	flex-direction: row;
	gap:2em;
	justify-content: center;
	flex-wrap: wrap;
	background-image: url(https://vdcresearch.com/custom/assets/images/cta8-s2.jpg);
	background-size: cover;
	width: 100vw;
}

.blog{
	flex:1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background-color: rgba(57,135,79,0.50);
	max-width:30ch;
	min-width:25ch;
	padding: 15px;
	gap:2em;
	margin:40px 0px;
}


.blog h1{
	font-size: 20px;
	text-decoration: none;
}

.blog a{
	color: #fff;
}

.blog a:hover{
	color: #e77e24;
	
}

.blog p{
	font-size: 15px;
	color: #fff;
}

.blog-description{
	margin-top: auto;
}

@media only screen and (max-width: 850px) and (min-width: 0px) {
	
	#featured-blog{
		background: none;
		background-color: #333;
}
	
}