@charset "utf-8";

.congress-page {
	display: grid;
	grid-template-areas:
		"title title title title"
		"date date location location"
		"navigation navigation navigation navigation"
		"content content content content"
		"hiddens hiddens hiddens hiddens";
}

.congress-page:has(.coverimg)
{
	grid-template-columns: 25% 25% 25% 25%;
	grid-template-areas:
		"title title title title"
		"date date location location"
		"navigation coverimg coverimg coverimg"
		"content content content content"
		"hiddens hiddens hiddens hiddens";
}

@media(max-width: 1199px)
{
	.congress-page {
		grid-template-columns: 100%!important;
		grid-template-areas:
			"title"
			"date"
			"location"
			"coverimg"
			"navigation"
			"content"
			"hiddens"!important;
	}
	
	.congress-page > .navigation > ul {
		width: 100%!important;
		border-right: 0!important;
	}
}

.congress-page > .title {
	grid-area: title;
}

.congress-page > .infopanel {
	grid-area: date;
	height: 100%;
	min-width: 100%;
}

.congress-page > .infopanel.second {
	grid-area: location;
}

.congress-page > .navigation {
	grid-area: navigation;
}

.congress-page > .navigation ul {
	position: unset!important;
	top: unset!important;
	left: unset!important;
}

.congress-page:has(.coverimg) > .navigation {
	background: none!important;
	padding: 0!important;
	margin: 0!important;
}

.congress-page:has(.coverimg) > .navigation > ul {
	border-left: 0!important;
	border-bottom: 0!important;
}

.congress-page > .coverimg {
	grid-area: coverimg;
	object-fit: cover;
    width: 100%;
    height: 100%;
	border-top: solid 3px #fff;
}

.congress-page > #content-frame {
	grid-area: content;
}

.congress-page > #hide-pages {
	grid-area: hiddens;
}