.filter-box {
	position: relative;
	border-radius: 15px;
	border: 1px solid #E5E7EB;
	background: linear-gradient(135deg, #F9FAFB 0%, #FFF 100%);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
	padding: 25px;
	color: #364153;
	z-index: 1;
}

.filter-item {
	position: relative;
	border-radius: 10px;
	border: 1px solid #E5E7EB;
	background: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color: #364153;
	margin-top: 5px;
	padding: 10px 10px 10px 36px;
}

.filter-item > span:before {
	content: "";
	position: absolute;
	left: 12px;
	top: 12px;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	z-index: 1;
}

.filter-item:focus,
.filter-item:hover,
.filter-item.active {
	background: #0d1f43;
	color: #fff;
}

.filter-item.active.toggle > span:after {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	z-index: 1;
	font-family: FontAwesome;
	content: "\f00d";
}

.filter-item.compensation-benefits-payroll > span:before {
	background: url('../img/ico/topics/ico-compensation-benefits-payroll.svg') center center no-repeat;
}
.filter-item.compensation-benefits-payroll:focus > span:before,
.filter-item.compensation-benefits-payroll:hover > span:before,
.filter-item.compensation-benefits-payroll.active > span:before {
	background: url('../img/ico/topics/ico-compensation-benefits-payroll-inverse.svg') center center no-repeat;
}

.filter-item.hr > span:before,
.filter-item.culture-behaviour > span:before {
	background: url('../img/ico/topics/ico-culture-behaviour.svg') center center no-repeat;
}
.filter-item.hr:focus > span:before,
.filter-item.hr:hover > span:before,
.filter-item.hr.active > span:before,
.filter-item.culture-behaviour:focus > span:before,
.filter-item.culture-behaviour:hover > span:before,
.filter-item.culture-behaviour.active > span:before {
	background: url('../img/ico/topics/ico-culture-behaviour-inverse.svg') center center no-repeat;
}

.filter-item.employee-experience > span:before {
	background: url('../img/ico/topics/ico-employee-experience.svg') center center no-repeat;
}
.filter-item.employee-experience:focus > span:before,
.filter-item.employee-experience:hover > span:before,
.filter-item.employee-experience.active > span:before {
	background: url('../img/ico/topics/ico-employee-experience-inverse.svg') center center no-repeat;
}

.filter-item.employment-law > span:before {
	background: url('../img/ico/topics/ico-employment-law.svg') center center no-repeat;
}
.filter-item.employment-law:focus > span:before,
.filter-item.employment-law:hover > span:before,
.filter-item.employment-law.active > span:before {
	background: url('../img/ico/topics/ico-employment-law-inverse.svg') center center no-repeat;
}

.filter-item.equality-diversity-inclusion > span:before {
	background: url('../img/ico/topics/ico-equality-diversity-inclusion.svg') center center no-repeat;
}
.filter-item.equality-diversity-inclusion:focus > span:before,
.filter-item.equality-diversity-inclusion:hover > span:before,
.filter-item.equality-diversity-inclusion.active > span:before {
	background: url('../img/ico/topics/ico-equality-diversity-inclusion-inverse.svg') center center no-repeat;
}

.filter-item.learning-development > span:before {
	background: url('../img/ico/topics/ico-learning-development.svg') center center no-repeat;
}
.filter-item.learning-development:focus > span:before,
.filter-item.learning-development:hover > span:before,
.filter-item.learning-development.active > span:before {
	background: url('../img/ico/topics/ico-learning-development-inverse.svg') center center no-repeat;
}

.filter-item.organisational-development > span:before {
	background: url('../img/ico/topics/ico-organisational-development.svg') center center no-repeat;
}
.filter-item.organisational-development:focus > span:before,
.filter-item.organisational-development:hover > span:before,
.filter-item.organisational-development.active > span:before {
	background: url('../img/ico/topics/ico-organisational-development-inverse.svg') center center no-repeat;
}

.filter-item.strategy-leadership > span:before {
	background: url('../img/ico/topics/ico-strategy-leadership.svg') center center no-repeat;
}
.filter-item.strategy-leadership:focus > span:before,
.filter-item.strategy-leadership:hover > span:before,
.filter-item.strategy-leadership.active > span:before {
	background: url('../img/ico/topics/ico-strategy-leadership-inverse.svg') center center no-repeat;
}

.filter-item.talent-acquisition > span:before {
	background: url('../img/ico/topics/ico-talent-acquisition.svg') center center no-repeat;
}
.filter-item.talent-acquisition:focus > span:before,
.filter-item.talent-acquisition:hover > span:before,
.filter-item.talent-acquisition.active > span:before {
	background: url('../img/ico/topics/ico-talent-acquisition-inverse.svg') center center no-repeat;
}

.filter-item.chro > span:before,
.filter-item.talent-management > span:before {
	background: url('../img/ico/topics/ico-talent-management.svg') center center no-repeat;
}
.filter-item.chro:focus > span:before,
.filter-item.chro:hover > span:before,
.filter-item.chro.active > span:before,
.filter-item.talent-management:focus > span:before,
.filter-item.talent-management:hover > span:before,
.filter-item.talent-management.active > span:before {
	background: url('../img/ico/topics/ico-talent-management-inverse.svg') center center no-repeat;
}

.filter-item.technology-data > span:before {
	background: url('../img/ico/topics/ico-technology-data.svg') center center no-repeat;
}
.filter-item.technology-data:focus > span:before,
.filter-item.technology-data:hover > span:before,
.filter-item.technology-data.active > span:before {
	background: url('../img/ico/topics/ico-technology-data-inverse.svg') center center no-repeat;
}

.filter-item.wellbeing > span:before {
	background: url('../img/ico/topics/ico-wellbeing.svg') center center no-repeat;
}
.filter-item.wellbeing:focus > span:before,
.filter-item.wellbeing:hover > span:before,
.filter-item.wellbeing.active > span:before {
	background: url('../img/ico/topics/ico-wellbeing-inverse.svg') center center no-repeat;
}

.filter-item.case-study > span:before {
	background: url('../img/ico/types/ico-case-study.svg') center center no-repeat;
}
.filter-item.case-study:focus,
.filter-item.case-study:hover,
.filter-item.case-study.active {
	background: linear-gradient(135deg, #00D492 0%, #009689 100%);
}
.filter-item.case-study:focus > span:before,
.filter-item.case-study:hover > span:before,
.filter-item.case-study.active > span:before {
	background: url('../img/ico/types/ico-case-study-inverse.svg') center center no-repeat;
}

.filter-item.ebook > span:before {
	background: url('../img/ico/types/ico-ebook.svg') center center no-repeat;
}
.filter-item.ebook:focus,
.filter-item.ebook:hover,
.filter-item.ebook.active {
	background: linear-gradient(135deg, #62748E 0%, #314158 100%);
}
.filter-item.ebook:focus > span:before,
.filter-item.ebook:hover > span:before,
.filter-item.ebook.active > span:before {
	background: url('../img/ico/types/ico-ebook-inverse.svg') center center no-repeat;
}

.filter-item.guide > span:before {
	background: url('../img/ico/types/ico-guide.svg') center center no-repeat;
}
.filter-item.guide:focus,
.filter-item.guide:hover,
.filter-item.guide.active {
	background: linear-gradient(135deg, #62748E 0%, #314158 100%);
}
.filter-item.guide:focus > span:before,
.filter-item.guide:hover > span:before,
.filter-item.guide.active > span:before {
	background: url('../img/ico/types/ico-guide-inverse.svg') center center no-repeat;
}

.filter-item.insight > span:before {
	background: url('../img/ico/types/ico-insight.svg') center center no-repeat;
}
.filter-item.insight:focus,
.filter-item.insight:hover,
.filter-item.insight.active {
	background: linear-gradient(135deg, #FF8904 0%, #FB2C36 100%);
}
.filter-item.insight:focus > span:before,
.filter-item.insight:hover > span:before,
.filter-item.insight.active > span:before {
	background: url('../img/ico/types/ico-insight-inverse.svg') center center no-repeat;
}

.filter-item.report > span:before {
	background: url('../img/ico/types/ico-report.svg') center center no-repeat;
}
.filter-item.report:focus,
.filter-item.report:hover,
.filter-item.report.active {
	background: linear-gradient(135deg, #2B7FFF 0%, #4F39F6 100%);
}
.filter-item.report:focus > span:before,
.filter-item.report:hover > span:before,
.filter-item.report.active > span:before {
	background: url('../img/ico/types/ico-report-inverse.svg') center center no-repeat;
}

.filter-item.webinar > span:before {
	background: url('../img/ico/types/ico-webinar.svg') center center no-repeat;
}
.filter-item.webinar:focus,
.filter-item.webinar:hover,
.filter-item.webinar.active {
	background: linear-gradient(135deg, #FF8904 0%, #FB2C36 100%);
}
.filter-item.webinar:focus > span:before,
.filter-item.webinar:hover > span:before,
.filter-item.webinar.active > span:before {
	background: url('../img/ico/types/ico-webinar-inverse.svg') center center no-repeat;
}

.filter-item.whitepaper > span:before {
	background: url('../img/ico/types/ico-whitepaper.svg') center center no-repeat;
}
.filter-item.whitepaper:focus,
.filter-item.whitepaper:hover,
.filter-item.whitepaper.active {
	background: linear-gradient(135deg, #AD46FF 0%, #4F39F6 100%);
}
.filter-item.whitepaper:focus > span:before,
.filter-item.whitepaper:hover > span:before,
.filter-item.whitepaper.active > span:before {
	background: url('../img/ico/types/ico-whitepaper-inverse.svg') center center no-repeat;
}

.resource-card {
	border-radius: 10px;
	border: 1px solid #E5E7EB;
	background: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color: #364153;
	padding: 0;
	width: 100%;
	margin-bottom: 20px !important;
}

.resource-card:focus,
.resource-card:hover {
	border: 1px solid #99baca;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}

.resource-card .uk-thumbnail{
	position: relative;
	width: 160px;
	height: 212px;
	background-color: #F3F4F6;
	background-position: center center;
	background-size: cover;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.resource-card .uk-thumbnail-caption {
	position: relative;
	padding: 16px;
}

.resource-card .uk-thumbnail-caption .resource-name {
	font-weight: 500;
	margin: 5px 0;
}

.resource-card .uk-thumbnail .overlay {
	position: absolute;
	top: 10px;
	left: 10px;
}

.resource-card .uk-thumbnail .overlay .filter-item {
	margin: 0;
	border: 0;
	width: fit-content;
	padding: 5px 10px 5px 36px;
}

.resource-card .uk-thumbnail .overlay .filter-item > span:before {
	top: 7px;
}

.resource-card .uk-thumbnail-caption .resource-cta {
	position: absolute;
	left: 16px;
	bottom: 16px;
}

.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary {
	border: 1px solid #62748E;
	border-radius: 10px !important;
	font-weight: 500;
	color: #364153;
	padding: 0 50px;
}

.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.case-study {
	border: 1px solid #00BC7D;
}
.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.case-study:focus,
.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.case-study:hover {
	background: linear-gradient(135deg, #00D492 0%, #009689 100%);
}

.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.ebook {
	border: 1px solid #62748E;
}
.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.ebook:focus,
.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.ebook:hover {
	background: linear-gradient(135deg, #62748E 0%, #314158 100%);
}

.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.guide {
	border: 1px solid #62748E;
}
.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.guide:focus,
.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.guide:hover {
	background: linear-gradient(135deg, #62748E 0%, #314158 100%);
}

.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.insight {
	border: 1px solid #FF8C00;
}
.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.insight:focus,
.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.insight:hover {
	background: linear-gradient(135deg, #FF8904 0%, #FB2C36 100%);
}

.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.report {
	border: 1px solid #2B7FFF;
}
.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.report:focus,
.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.report:hover {
	background: linear-gradient(135deg, #2B7FFF 0%, #4F39F6 100%);
}

.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.webinar {
	border: 1px solid #FF6900;
}
.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.webinar:focus,
.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.webinar:hover {
	background: linear-gradient(135deg, #FF8904 0%, #FB2C36 100%);
}

.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.whitepaper {
	border: 1px solid #AD46FF;
}
.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.whitepaper:focus,
.resource-card .uk-thumbnail-caption .resource-cta .uk-button-primary.whitepaper:hover {
	background: linear-gradient(135deg, #AD46FF 0%, #4F39F6 100%) !important;
}

.my-default-placeholder {
	max-width: 100%;
	min-height: 300px;
	margin: 40px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.default-content {
	background-image: url('../img/default-content.svg');
}

@media screen and (min-width: 1600px) {
	
	.resource-card .uk-thumbnail{
		width: 212px;
	}
	
}