/* ========================================================================== */
/*                                 GRID SKINS                                 */
/* ========================================================================== */
/* ------------------------------- grid skin 1 ------------------------------ */
.wpgb-card-1 *,
.wpgb-card-12 * {
	background-color: transparent !important;
}
.wpgb-card-1 .wpgb-card-body,
.wpgb-card-12 .wpgb-card-body {
	text-align: initial;
	padding: .48rem 0 0 !important;
	margin-bottom: 2.88rem !important;
}
.wpgb-card-1 .wpgb-card-body::before,
.wpgb-card-12 .wpgb-card-body::before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 0;
	left: 50%;
	background-color: var(--color-1);
	transform: translateX(-50%);
}
.wpgb-card-1 .wpgb-card-body .wso-flex-wrapper,
.wpgb-card-12 .wpgb-card-body .wso-flex-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 1.44rem;
}
#Wrapper .wpgb-card-1 .wso-news-skin-event-date,
#Wrapper .wpgb-card-12 .wso-news-skin-event-date {
	margin-bottom: 0 !important;
	text-align: unset;
	padding: 0;
	background: transparent;
	color: var(--color-1) !important;
}
.wpgb-card-1 .wpgb-card-body .wso-h2,
.wpgb-card-12 .wpgb-card-body .wso-h2 {
	width: 102%;
}
.wpgb-card-1 .wpgb-card-footer .image_wrapper,
.wpgb-card-12 .wpgb-card-footer .image_wrapper {
	position: relative;
	height: 12.1rem !important;
	width: 100%;
}
.wpgb-card-1 .wpgb-card-footer img,
.wpgb-card-12 .wpgb-card-footer img {
	height: 100% !important;
	width: 100% !important;
	-o-object-fit: cover !important;
	object-fit: cover !important;
}
.wpgb-card-1 .wpgb-card-content:hover img,
.wpgb-card-12 .wpgb-card-content:hover img {
	transform: scale(1.1);
	transition: 300ms ease-in-out;
}
.wpgb-card-1 .wpgb-card-content .image_wrapper,
.wpgb-card-12 .wpgb-card-content .image_wrapper {
	overflow: hidden !important;
}
.wpgb-card-1 .wpgb-card-content img,
.wpgb-card-12 .wpgb-card-content img {
	transition: 300ms ease-in-out;
}
/* ------------------------------- grid skin 2 ------------------------------ */
.wpgb-card-3 .wpgb-card-media-content {
	z-index: 1;
}
.wpgb-card-3 .wpgb-card-media-content-bottom {
	padding: 1.5rem 7% !important;
}
.wpgb-card-3 .wpgb-card-media-content-bottom .wpgb-block-2 {
	overflow: hidden;
}
.wpgb-card-3 .wpgb-card-media-content-bottom .wpgb-block-2 p:not(.wso-h3):not(.wso-h4) {
	transition: all .8s ease-in-out !important;
}
.wpgb-card-3:not(:hover) .wpgb-card-media-content-bottom .wpgb-block-2 p:not(.wso-h3):not(.wso-h4) {
	max-height: 0;
	margin-bottom: 0 !important;
}
.wpgb-card-3:hover .wpgb-card-media-content-bottom .wpgb-block-2 p:not(.wso-h3):not(.wso-h4) {
	max-height: 7rem;
	margin-bottom: 0 !important;
}
.wpgb-card-3 .wpgb-card-media-thumbnail::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5));
	z-index: 1;
	pointer-events: none;
	transition: all .5s ease-in-out !important;
}
.wpgb-card-3:hover .wpgb-card-media-thumbnail::before {
	background-color: var(--overlay-dark);
}
.wpgb-card-3 .wpgb-card-media-content-top .wso-news-skin-event-date-highlight {
	padding-top: 1rem !important;
	background: linear-gradient(360deg, transparent, rgba(0, 0, 0, .5));
}
.wpgb-card-3 .wso-h4 {
	color: white !important;
}
/* ========================================================================== */
/*                                GRID COBBLES                                */
/* ========================================================================== */
@media only screen and (min-width: 768px) {
	div[class*="wso-cobbles-layout"] .wpgb-viewport {
		height: auto !important;
	}
	div[class*="wso-cobbles-layout"] .wpgb-card {
		top: auto !important;
		left: auto !important;
		position: relative !important;
		transform: none !important;
		overflow: hidden !important;
		float: left;
		border: 5px solid transparent !important;
	}
}
/* ----------------------------- grid cobbles 1 ----------------------------- */
@media only screen and (min-width: 768px) {
	.wso-cobbles-layout-1 .wpgb-card {
		width: 33.33% !important;
	}
	.wso-cobbles-layout-1 .wpgb-card:nth-child(6n + 1) {
		height: auto !important;
	}
	.wso-cobbles-layout-1 .wpgb-card:nth-child(6n + 1) .wpgb-card-inner {
		padding-top: calc(90% * 2 - 8px) !important;
		vertical-align: bottom;
	}
	.wso-cobbles-layout-1 .wpgb-card:nth-child(6n + 4),
	.wso-cobbles-layout-1 .wpgb-card:nth-child(6n + 5) {
		width: 66.66% !important;
	}
}
/* ----------------------------- grid cobbles 2 ----------------------------- */
@media only screen and (min-width: 1240px) {
	.wso-cobbles-layout-2 .wpgb-card {
		width: 25% !important;
	}
	.wso-cobbles-layout-2 .wpgb-card:nth-child(9n + 4) {
		height: auto !important;
	}
	.wso-cobbles-layout-2 .wpgb-card:nth-child(9n + 4) .wpgb-card-inner {
		padding-top: calc(90% * 2 - 10px) !important;
		vertical-align: bottom;
	}
	.wso-cobbles-layout-2 .wpgb-card:nth-child(9n + 1),
	.wso-cobbles-layout-2 .wpgb-card:nth-child(9n + 9) {
		width: 50% !important;
	}
}
/* ----------------------------- grid cobbles 3 ----------------------------- */
@media only screen and (min-width: 768px) {
	.wso-cobbles-layout-3 .wpgb-card {
		width: 33.33% !important;
	}
	.wso-cobbles-layout-3 .wpgb-card:nth-child(4n + 1),
	.wso-cobbles-layout-3 .wpgb-card:nth-child(4n + 4) {
		width: 66.66% !important;
	}
}
/* ----------------------------- grid cobbles 4 ----------------------------- */
@media only screen and (min-width: 1240px) {
	.wso-cobbles-layout-4 .wpgb-card {
		width: 25% !important;
	}
	.wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 1) {
		height: auto !important;
	}
	.wso-cobbles-layout-4 .wpgb-card:nth-child(8n + 5) {
		float: right;
	}
	.wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 1) .wpgb-card-inner {
		padding-top: calc(90% - 19px) !important;
		vertical-align: bottom;
	}
	.wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 4),
	.wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 1) {
		width: 50% !important;
	}
	.wso-cobbles-layout-4 .wpgb-card:nth-child(4n + 5) {
		clear: both;
	}
}
/* ------------------------------- Responsive ------------------------------- */
@media only screen and (max-width:1023px) {
	.wpgb-card-1 .wpgb-card-body .wso-flex-wrapper {
		flex-direction: column;
	}
	.wpgb-card-1 .wpgb-card-body {
		margin-bottom: 1.88rem !important;
	}
}
@media only screen and (max-width:767px) {
	.grid-14 {
		/* margin-top: 8.2rem !important; */
	}
	.wpgb-card-1 .wpgb-card-footer .image_wrapper {
		height: 17.3rem !important;
	}
	.wpgb-card-1 .wpgb-card-body .wso-flex-wrapper {
		flex-direction: row;
	}
}