/*
 * Grille du blog [voltige_blog].
 * Partie 1 : mise en page (remplace la maçonnerie de The Grid).
 * Partie 2 : apparence de carte « Voltige blog », reprise à l'identique de The Grid.
 */

/* ---------- Partie 1 : mise en page ---------- */

.vb-wrap .tg-filters-holder {
	text-align: center;
}

.vb-wrap .tg-filter {
	display: inline-block;
	margin: 0 6px 8px;
	padding: 0 6px;
	height: auto;
	min-height: 0;
	font: inherit;
	line-height: normal;
	color: inherit;
	background: none !important;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none !important;
	text-shadow: none;
	cursor: pointer;
}

.vb-wrap .tg-filter:focus-visible {
	outline: 1px solid #73bfdf;
	outline-offset: 4px;
}

/* Sans JavaScript : grille simple sur deux colonnes. */
.vb-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 32px;
	align-items: start;
}

/* Avec JavaScript : colonnes en maçonnerie. */
.vb-grid.is-masonry {
	display: flex !important;
	align-items: flex-start;
}

.vb-grid.is-masonry .vb-col {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.vb-grid .tg-item {
	position: relative;
	background: #fff;
}

.vb-grid .tg-item.is-hidden {
	display: none;
}

.vb-grid .tg-item-media-holder {
	position: relative;
	overflow: hidden;
}

.vb-grid .tg-item-media-holder img {
	display: block;
	width: 100%;
	height: auto;
}

.vb-grid .tg-item-content-holder::after {
	content: "";
	display: table;
	clear: both;
}

@media (max-width: 480px) {
	.vb-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ---------- Partie 2 : apparence « Voltige blog » (reprise de The Grid) ---------- */

.tg-voltige-blog a:not([class*="tg-element-"]),
.tg-voltige-blog a:not([class*="tg-element-"]):active,
.tg-voltige-blog a:not([class*="tg-element-"]):focus,
.tg-voltige-blog [class*="tg-element-"] *:not(del) {
	margin: 0;
	padding: 0;
	color: inherit !important;
	text-align: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	font-weight: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}

.tg-voltige-blog [class*="tg-element-"] {
	vertical-align: middle;
}

.tg-voltige-blog .tg-item-content-holder[data-position="bottom"] {
	text-align: center;
	position: relative;
	min-height: 1px;
	display: block;
	padding: 0 24px 22px;
}

.tg-voltige-blog .tg-element-1 {
	position: relative;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	display: inline-block;
	float: left;
	margin: 15px 0;
}

.tg-voltige-blog .tg-element-10 {
	position: relative;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	display: inline-block;
	float: right;
	margin: 15px 0;
}

.tg-voltige-blog .tg-element-10 .tg-item-term {
	position: relative;
	display: inline-block;
}

.tg-voltige-blog .tg-element-3 {
	position: relative;
	clear: both;
	font-size: 21px;
	line-height: 26px;
	font-weight: 500;
	font-family: Lora;
	text-align: left;
	letter-spacing: 0.5px;
	display: block;
	margin: 0;
	padding: 0;
}

.tg-voltige-blog .tg-element-2 {
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff !important;
	font-weight: 300;
	font-family: "Barlow Condensed";
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 3px;
	background-color: #50545d;
	display: inline-block;
	width: 100%;
	min-width: 100%;
	margin: 35px 0 0;
	padding: 8px 20px;
	box-sizing: border-box;
	-webkit-transition: all 340ms ease;
	transition: all 340ms ease;
}

.tg-voltige-blog .tg-element-2:hover {
	color: #ffffff;
	background-color: #73bfdf;
	opacity: 0.8 !important;
}