article{
	margin-top: 32px;
	margin-bottom: var(--vfl-padding-v);
}
.icon-tabler-brand-whatsapp{ stroke: #25D366; }
.icon-tabler-brand-facebook{ stroke: #1877F2; }
.post-image{
	aspect-ratio: 2;
	border-radius: var(--vfl-border-radius);
	background-color: var(--vfl-color-contrast);
	width: 100%;
	margin-bottom: 27px;
}
.wp-block-image img{
	border-radius: var(--vfl-border-radius);
	margin-bottom: var(--vfl-font-size-regular);
}
:where(
	.post-image, 
	.trainer, 
	.person
) img{
	border-radius: var(--vfl-border-radius);
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}
:where(
	.trainer, 
	.person
) img{
	object-position: center 20%;
}
:is(
	.trainer, 
	.person
) img{
	border-radius: var(--vfl-border-radius-small);
}
.post-title{
	margin-top: .5em;
	margin-bottom: .5em;
	font-size: var(--vfl-font-size-bigger);
}
.more-posts{
	padding-bottom: var(--vfl-padding-v);
}
.post-date,
.post-tag{
	text-transform: uppercase;
	color: var(--vfl-color-contrast);
	font-size: 12px;
	display: flex;
	align-items: center;
}
.post-date{
	color: var(--vfl-font-color-primary);
}
:is(
	.post-tag, 
	.post-date
) svg{
	margin-right: 6px;
}
.post-tag a:not(:last-child)::after{
	content: '•';
	margin-left: .5rem;
	margin-right: .5rem;
	position: relative;
	top: -1px;
}
.team-sponsor,
.team-trainer{
	margin-bottom: 64px;
}
.sponsor{
	background-color: var(--vfl-color-white-200);
	overflow: hidden;
	aspect-ratio: 2;
	border-radius: var(--vfl-border-radius-small);
	padding: 6px;
	height: 140px;
}
.sponsor img{
	height: 100%;
	object-fit: contain;
	width: 100%;
	border-radius: var(--vfl-border-radius-small);
	filter: grayscale(100);
}
.sponsor:hover img{
	filter: grayscale(0);
}
.person,
.trainer{
	padding: 6px;
	border-radius: var(--vfl-border-radius);
	width: calc(100% / 5 - 9.6px);
}
.person-info,
.trainer-info{
	font-size: var(--vfl-font-size-small);
	padding: 12px;
	width: 100%;
}
:is(.person-info,
.trainer-info) > div{
	margin-top: 12px;
}

.person-info span:nth-child(2){
	font-weight: 200;
}

:is(
	.person-info,
	.trainer-info
) a{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 1;
	height: 60px;
	transition: all .24s ease-in-out;
}

:is(
	.person-info,
	.trainer-info
) span{
	font-weight: 600;
}

:is(
	.person-info,
	.trainer-info
) a svg{
	margin-right: 4px;
}
:is(
	.person-info,
	.trainer-info
) a:hover{
	color: var(--vfl-color-contrast);
	stroke: var(--vfl-color-contrast);
}
.fupa_widget_team_header table{
	width: 100% !important;
}
.fupa_widget :is(h1,.teamfoto),
.fupa_widget_team_header td:last-child,
.fuba-widget .fp-team-squad-view-team-figure{
	display: none;
}
.fuba-widget .fp-widget-view > div,
.fuba-widget .fp-widget-footer.fp-widget-footer-container{
	max-width: unset;
	padding: 8px;
}
.fuba-widget{
	overflow-x: auto;
	overflow-y: clip;
}
.fuba-widget li::before{
	content: unset !important;
}
.teamsponsor-head{
	padding-bottom: 6px;
	border-bottom: 1px solid var(--vfl-color-contrast);
	margin-bottom: 27px;
}
.post-info,
.team-info,
#share{
	padding: 12px 0;
	margin-bottom: 27px;
	border-top: 1px solid var(--vfl-color-contrast);
	border-bottom: 1px solid var(--vfl-color-contrast);
	row-gap: 12px
}
:is(.team-info, .post-info) > a:not(:last-child),
:is(.team-info, .post-info) > div:not(:last-child){
	margin-right: 32px;
}
#share a:not(:last-child){
	position: relative;
	margin-right: 12px;
}
#share a:not(:last-child)::after{
	position: absolute;
	right: -12px;
	top: 7px;
	display: block;
	content: '';
	width: 1px;
	height: 20px;
	background-color: var(--vfl-font-color-primary);
	opacity: .2;
}
#share > div{
	color: var(--vfl-font-color-primary);
	gap: 6px;
	stroke: var(--vfl-font-color-primary);
}

@media screen and ( max-width: 1548px) {
	.person,
	.trainer{
		width: calc(100% / 4 - 9px);
	}
}

@media screen and ( max-width: 1024px) {
	.person,
	.trainer{
		width: calc(100% / 3 - 10px);
	}
}

@media screen and ( max-width: 780px) {
	.person,
	.trainer{
		width: calc(100% / 2 - 12px);
	}
}

@media screen and ( max-width: 520px) {
	.person,
	.trainer{
		width: 100%;
	}
	.person-image,
	.trainer-image{
		max-height: 300px;
		width: 100%;
	}
	.trainer-image,
	.person-image{
		/*display: none;*/
	}
	.trainer-info{
		padding: 12px;
	}
	.post-content p{
		font-size: var(--vfl-font-size-small);
	}
}