/*
 Theme Name:     Divi Child
 Template:       Divi
*/

@import "master.css";

.reports-top-section{
	display: flex;
	flex-wrap: wrap;
	gap: 35px;
}
.reports-category{

}
.reports-category > p, .reports-years > p{
	font-weight: bold;
	color: #000;
}
.reports-category > select{
	max-width: 250px;
	padding: 10px;
}
.reports-years > select{
	padding: 10px;
}
.reports-button{
	align-self: flex-end;
}
.reports-button > button{
	padding: 10px 30px;
	background-color: #000;
	color: #fff;
	cursor: pointer;
}
.single-report-wrapper{
	background-size: contain !important;
	background-repeat: no-repeat;
	border: 1px solid #f4f4f4;
	width: 18%;
	height: 325px;
	padding: 15px;
	margin-bottom: 15px;
	cursor: pointer;
}
.reports-category-section{
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}
.single-report{
	display: flex;
	flex-direction: column;
}
.category-title{
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	padding: 40px 0 10px 0;
	color: #000;
}
.category-subtitle{
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	padding: 25px 0 10px 15px;
	color: #000;
}
.category-arrow{
	align-self: flex-end;
}
.category-arrow > svg{
	color: #d62d2f;
	font-size: 24px;
}
.arrow > svg{
	color: #d62d2f;
	font-size: 24px;
}
.report-title{
	height: 225px;
}
.report-title > h4{
	color: #d62d2f;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 18px;
	padding: 5px 25px 5px 5px;
	line-height: 1.2;
}
.report-year{
	position: relative;
	height: 75px;
	text-align: -webkit-right;
	margin-right: -15px;
	background-color: #d62d2f;
}
.report-year > .xlg-year{
	position: absolute;
	bottom: 25px;
	right: 80px;
	font-size: 60px;
	font-weight: 700;
	color: #fff;
}
.year-wrapper{
	color: #000;
}
.report-year > .lg-year{
	position: absolute;
	bottom: 25px;
	right: 90px;
	font-size: 50px;
	font-weight: 700;
	color: #fff;
}
.report-year > .quarter{
	padding-right: 40px;
	top: 35px;
	position: relative;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}
.publish-date{
	padding-left: 7px;
	font-weight: 700;
	font-size: 13px;
}
.the-reports{
	display: flex ;
	margin-top: 15px;
	gap: 15px;
	flex-wrap: wrap;
	height: auto;
	transition: 1s;
}
.hidden-elem{
	display: none;
	transition: 1s;
}

.custom-img-overlay{
	background: linear-gradient(90deg, rgba(30, 30, 30, 0.8) 0%, rgba(30, 30, 30, 0.24) 100%);
	position: absolute;
	z-index: 10000;
	left: 0;
	top: 0px;
	height: 100%;
}
.managed-assets-list > .et_pb_text_inner> ul > li{
	list-style:none;
	padding-bottom: 15px;
}
.managed-assets-list > .et_pb_text_inner> ul > li:before{
		color:#d62d2f !important;
		content:"\25AA" !important;
		font-size:1.5em !important;
		padding-right:.25em !important;
		position:relative !important;
		top:.1em !important;
}
@media screen and (max-width: 1680px){
	.single-report-wrapper{
		width: 20%;
	}
}
@media screen and (max-width: 1600px){
	.report-year > .xlg-year{
		right: 70px;
	}
}
@media screen and (max-width: 1350px){
	.single-report-wrapper{
		width: 25%;
	}
}
@media screen and (max-width: 1150px){
	.report-year > .xlg-year{
		font-size: 40px;
	}
	.report-year > .lg-year{
		font-size: 32px;
	}
	.report-year > .quarter{
		padding-right: 50px;
		top: 30px;
		font-size: 18px;
	}
}
@media screen and (max-width: 980px){
	.single-report-wrapper{
		width: 30%;
	}
	.category-title{
		font-size: 32px;
	}
	.report-year > .xlg-year{
		font-size: 36px;
	}
}
@media screen and (max-width: 850px){
	.single-report-wrapper{
		width: 40%;
	}
	.report-year > .lg-year{
		right: 80px;
	}
}
@media screen and (max-width: 600px){
	.single-report-wrapper{
		width: 70%;
	}
	.report-year > .quarter{
		padding-right: 50px;
		top: 30px;
		font-size: 18px;
	}
	.category-title{
		font-size: 24px;
	}
	.report-title > h4{
		font-size: 18px;
	}
}
@media screen and (max-width: 500px) {
	.single-report-wrapper {
		width: 90%;
	}
}

/*

------------------------------------------------------- */