/* !Resource Module styles */
.filter-form {
	display: flex;
	position: relative;
	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 1%;
	row-gap: 1.25rem;
	width: 100%;
	padding: 2rem 0 1rem 0;
	margin: 0 0 1.25rem 0;

	box-shadow: -500px 0px 0px 0px #eee, 500px 0px 0px 0px #eee;
	background: #eee;
}
	.filter-form > .filter-search {
		display: flex;
		position: relative;
		justify-content: space-between;
		align-items: center;
		column-gap: 1%;
		width: 100%;
	}

		.filter-form > .filter-search input[type="search"] {
			display: block;
			flex-basis: 40%;
			flex-grow: 1;
			max-width: 80%;
			font-size: 1.5rem;
		}
		.filter-form > .filter-search .button {
			flex-grow: 1;
			align-self: stretch;
			max-width: 20%;
/* 			font-size: 1.25rem;
			font-weight: 600; */
		}
	.filter-form > .filters {
		display: flex;
		position: relative;
		flex-wrap: wrap;
		justify-content: flex-start;
		row-gap: 1.25rem;
		width: 100%;
		padding: 2rem 0;
		margin: 0;

	}
	.filter-form div.input-select {
		display: flex;
		position: relative;
		justify-content: flex-start;
		flex-wrap: wrap;
		row-gap: 0.625rem;
		width: 100%;
		padding: 0;
		margin: 0;
	}
		.filter-form div.input-select > label {
			display: block;
			position: relative;
			width: 100%;
			margin: 0;
			font-size: 1.25rem;
		/* 	color: #fff; */
		}
		.filter-form div.input-select .input-check-option {
			display: flex;
			position: relative;
			flex-wrap: nowrap;
			align-items: center;
			min-width: 0;
			flex-basis: 20%;
			padding: 0;
		}
			.filter-form div.input-select .input-check-option input[type="checkbox"] {
				display: block;
				position: relative;
				width: 20px;
				height: 20px;
				min-width: 20px;
				margin: 0;
				transform: scale(1);
			}
			.filter-form div.input-select .input-check-option > label {
				display: block;
				position: relative;
				flex-grow: 1;
				padding: 0 0 0 0.625rem;
				margin: 0;
				font-size: 0.875rem;
				line-height: 1.1;
				/* color: #fff; */
			}
.resource-set {
	display: flex;
	position: relative;
	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 2%;
	row-gap: 2.5rem;
	padding: 0;
	margin: 0;
}
	.resource-set > .resource {
		display: flex;
		position: relative;
		flex-wrap: nowrap;
		flex-direction: column;
		justify-content: flex-start;
		align-content: space-between;
		flex-basis: 32%;
		max-width: 32%;
		padding: 2rem 1rem;
		margin: 0;
		border-radius: var(--border-radius);
		background: #666;
		color: #fff;
	}
	.resource.article 			{ background: #713360; background: var(--primary); color: #fff; }

    .resource.case-study,
	.resource.Étude-de-cas 		{ background: #873861; background: var(--color-2); color: #fff; }

    .resource.guide-template,
	.resource.guide-modèle 		{ background: #aa3b5b; background: var(--color-3); color: #fff; }

    .resource.podcast 			{ background: #cc4258; background: var(--color-4); color: #fff; }

    .resource.policies,
	.resource.politiques 		{ background: #f16259; background: var(--color-5); color: #fff; }

    .resource.report,
	.resource.rapport 			{ background: #ed7b5d; background: var(--color-link); }

	.resource.video,
	.resource.vidéo				{ background: #f6a26b; color:  var(--primary); }

	.resource.webinar,
	.resource.webinaire			{ background: #eecB86; color:  var(--primary); }

		.resource-set > .resource h4 {
			display: block;
			position: relative;
			width: 100%;
			flex-grow: 1;
			align-self: flex-start;
			font-size: 1.5rem;
			font-weight: 300;
			color: #fff;
			margin-top: 0;
		}
		.resource-set > .resource.website h4,
		.resource-set > .resource.site-internet h4,
		.resource-set > .resource.video h4,
		.resource-set > .resource.vidéo h4,
		.resource-set > .resource.webinar h4,
		.resource-set > .resource.webinaire h4 { color:  var(--primary); }
		.resource-set > .resource a {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			text-decoration: none;
		}
		.resource-set > .resource ul {
			display: block;
			position: relative;
			align-self: flex-end;
			width: 100%;
			padding: 0.625rem 0;
			margin: 0;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			list-style: none;
			font-size: 1rem;
		}
		.resource-set > .resource.website ul,
		.resource-set > .resource.site-internet ul,
		.resource-set > .resource.video ul,
		.resource-set > .resource.vidéo ul,
		.resource-set > .resource.webinar ul,
		.resource-set > .resource.webinaire ul {
			border-top: 1px solid #713360;
			border-bottom: 1px solid #713360;
		}

.resource-view {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 2%;
	width: 100%;
	padding: 0;
	margin: 0;
}
	.resource-view > h2 {
		display: block;
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0 0 0.625rem 0;
	}
	.resource-view > div.description {
		display: block;
		position: relative;
		flex-basis: 60%;
		flex-grow: 1;
		padding: 0;
		margin: 0;
	}
	.resource-view > .resource-info {
		display: block;
		position: relative;
		flex-basis: 35%;
		max-width: 35%;
		padding: 0.875rem;
		margin: 0;
		background: var(--color-6);
	}
		.resource-view > .resource-info ul {
			padding: 0;
			margin: 0 0 1.25rem 0;
			list-style: none;
		}