/* v2 - využívá perex */

:root {
	--sirka: 1600px;
	--rantl: calc((100% - var(--sirka)) * 0.5);
	--sirka60: 960px;
	--sirka50: 800px;
	--odsazeni_i: 1rem;
	--small: 2em;
	--big: 5em;
	--yt_animace_height: 400px;
}

.slideshow_envelope {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.slideshow_envelope img { width: 100%; filter: invert(100%); }

article.main_article,article.articleContent {}
.main_article > h1 {
	max-width: var(--sirka);
	margin-left: auto;
	margin-right: auto;
}
section.in_article {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.parts_envelope {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.parts_envelope.to_infinity { width: 100% }
.parts_envelope.sized {
	max-width: var(--sirka);
	margin: 0 auto;
	width: 100% !important; /* možná zbytečné */
}
.part33, .part40, .part50, .part60, .part100 { overflow: hidden; position: relative; box-sizing: border-box; min-height: 150px; } 
.part33 { width: 33.33%; }
.part40 { width: 40%; }
.part50 { width: 50%; max-width: 50%; }
.part60 { width: 60%; }
.part100 { width: 100%; }
.editPerex { width: 100%; max-width: var(--sirka); margin-left: auto; margin-right: auto; box-sizing: border-box; }

.to_infinity .part33.noBorders, .to_infinity .part50.noBorders { margin: 0; }

.parts50.to_infinity.left div.part50.p_2 { width: calc(var(--sirka)/2); }
.parts50.to_infinity.right div.part50.p_1 { width: calc(var(--sirka)/2); margin-left: auto; }

.part33 div.lightDark,
.part40 div.lightDark,
.part50 div.lightDark,
.part60 div.lightDark
{ margin: var(--small); }

.part33.p_1 div.lightDark, .part50.p_1 div.lightDark, .parts60 div.p_1 div.lightDark { margin-left: 0; }
.part33.p_3 div.lightDark, .part50.p_2 div.lightDark, .parts60 div.p_2 div.lightDark { margin-right: 0; }


.to_infinity.left .part50.p_1 div.lightDark.backgroundLight,
.to_infinity.left .part50.p_1 div.lightDark.backgroundDark,
.to_infinity .part33.p_1 div.lightDark.backgroundLight,
.to_infinity .part33.p_1 div.lightDark.backgroundDark { margin-left: var(--small); }
.to_infinity.left .part50.p_2 div.lightDark.backgroundLight,
.to_infinity.left .part50.p_2 div.lightDark.backgroundDark,
.to_infinity .part33.p_3 div.lightDark.backgroundLight,
.to_infinity .part33.p_3 div.lightDark.backgroundDark { margin-right: var(--small); }

.part100 div.lightDark { margin: var(--small) 0; }
.to_infinity .part100 div.lightDark { margin: 0; }
.to_infinity .part100 div.lightDark.backgroundLight,
.to_infinity .part100 div.lightDark.backgroundDark { margin: var(--small); }

div.lightDark.backgroundLight, div.lightDark.backgroundDark { padding: 1px var(--odsazeni_i); border-radius: 5px; }
div.lightDark.backgroundLight { background: rgba(255,255,255,0.5);}
div.lightDark.backgroundDark { background: rgba(0,0,0,0.5);}


.in_article_youtube.animace {
	position: absolute;
	background-color: #000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.part100 .in_article_youtube.animace {
	position: relative;
	height: var(--yt_animace_height);
}
.in_article_youtube.animace iframe {
	min-width: 120%;
	min-height: 100%;
	aspect-ratio: 16/9;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.in_article_youtube.animace::after {
	content: "";
	background-color: #000;
	opacity: 0.01;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
}

.in_article_youtube.small { width: 50%; }
.in_article_youtube.medium { width: 75%; }
.in_article_youtube.big { width: 100%; }

.in_article_youtube.small, .in_article_youtube.medium, .in_article_youtube.big { aspect-ratio: 16/9; margin: 0 auto; }
.in_article_youtube.small iframe, .in_article_youtube.medium iframe, .in_article_youtube.big iframe { height: 100%; width: 100%; display: block; }

/* + foto slideshow */
.to_infinity .part33.noBorders .in_article_photoslideshow,
.to_infinity .part50.noBorders .in_article_photoslideshow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.to_infinity .part33.noBorders .in_article_photoslideshow div.ssPhotos_element,
.to_infinity .part50.noBorders .in_article_photoslideshow div.ssPhotos_element {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.to_infinity .part33.noBorders .in_article_photoslideshow div.ssPhotos_element div.ssPhotos_envelope img,
.to_infinity .part50.noBorders .in_article_photoslideshow div.ssPhotos_element div.ssPhotos_envelope img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin: auto;
	min-height: 100%;
	min-width: 100%;
	max-width: none;
}
/* - foto slideshow */

/* + downloads */
.part100 ul.in_article_download li { width: 50%;}
.part50 ul.in_article_download li, .part60 ul.in_article_download li, .part33 ul.in_article_download li, .part40 ul.in_article_download li {	width: 100%;}
/*ul.in_article_download li { margin: 0 0 1em 0; }
ul.in_article_download li a { display: inline-block; padding-left: 80px; padding-top: 20px; min-height: 80px; max-width: 100%; box-sizing: border-box; }
ul.in_article_download li span.name_envl { line-height: 1.3; }
ul.in_article_download li span.name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; display: inline-block; vertical-align: middle;}
/* - downloads */





/* + fotogalerie */
.part100 .in_article_photogalery a { width: 24%; }
.part100 .in_article_photogalery .photogallery_vertical a { width: 19%; }
.part50 .in_article_photogalery a { width: 32.3%; }
.part50 .in_article_photogalery .photogallery_vertical a { width: 24%; }
.part60 .in_article_photogalery a { width: 32.3%; }
.part60 .in_article_photogalery .photogallery_vertical a { width: 24%; }
.part33 .in_article_photogalery a { width: 32.3%; }
.part33 .in_article_photogalery .photogallery_vertical a { width: 32.3%; }
.part40 .in_article_photogalery a { width: 32.3%; }
.part40 .in_article_photogalery .photogallery_vertical a { width: 32.3%; }

.homepage .part100 .in_article_photogalery a { width: 15.6%; }
.homepage .part100 .in_article_photogalery .photogallery_vertical a { width: 13.2%; }
.homepage .part60 .in_article_photogalery a { width: 24%; }
.homepage .part60 .in_article_photogalery .photogallery_vertical a { width: 19%; }




/* - fotogalerie */

/* + subcategory */
.part50 div.subcategory-envelope, .part60 div.subcategory-envelope { width: 50%; }
.part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 100%; }
/* - subcategory */


/* speciál pro subpage */
.subpage .part100 div.lightDark.backgroundLight, .subpage .part100 div.lightDark.backgroundDark { margin-left: var(--small); margin-right: var(--small); }
.subpage .parts50.to_infinity.left div.part50:last-child,
.subpage .parts50.to_infinity.right div.part50:first-child { width: 50%; }


@media(max-width: 1620px){
	.articleContent > h1,
	.parts_envelope.sized {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.parts_envelope.to_infinity.left { padding-right: 1rem; }
	.parts_envelope.to_infinity.right { padding-left: 1rem; }
}
@media(max-width: 1365px) {
	div.parts_envelope {
		justify-content: center;
	}
	.parts_envelope.to_infinity.left { padding-right: 0; }
	.parts_envelope.to_infinity.right { padding-left: 0; }
	
	.part33 div.lightDark, .part50 div.lightDark, .parts60 > div div.lightDark { margin-left: 0; margin-right: 0; }


	.part33:nth-child(1), .part50:nth-child(1) div.lightDark, .parts60 > div:nth-child(1) div.lightDark { margin-bottom: 0; }
	.part33:nth-child(2), .part33:nth-child(2) div.lightDark { margin-bottom: 0; margin-top: 0; }
	.part33:nth-child(3) { margin-top: 0; }

	div.parts33.to_infinity > div:first-child,
	div.parts33.to_infinity > div:last-child,
	div.part50, div.part40, div.part60 {
		margin: 0;
	}

	.parts33.to_infinity .part33:nth-child(2),
	.to_infinity.left > div:nth-child(2),
	.to_infinity.right > div:nth-child(1)
	 { margin-left: 1rem !important; margin-right: 1rem !important; }

	div.part33, div.part50, div.part40, div.part60 {
		width: 100% !important;
		max-width: 100%;
	}

	/* zarovnání nekonečných s barevným blokem nahoře i dole */
	.to_infinity .part33:first-child div.lightDark,
	.to_infinity.left .part50:first-child div.lightDark
	 { margin-top: 0; border-radius: 0; }
	.to_infinity .part33:last-child div.lightDark,
	.to_infinity.right .part50:last-child div.lightDark
	 { margin-bottom: 0; border-radius: 0; }

	
	
}
@media(max-width: 1024px) {
	.part100 ul.in_article_download li { width: 100%;}

	.part100 .in_article_photogalery a,
	.part50 .in_article_photogalery a,
	.part60 .in_article_photogalery a,
	.part33 .in_article_photogalery a,
	.part40 .in_article_photogalery a { width: 24%; }
	.part100 .in_article_photogalery .photogallery_vertical a,
	.part50 .in_article_photogalery .photogallery_vertical a,
	.part60 .in_article_photogalery .photogallery_vertical a,
	.part33 .in_article_photogalery .photogallery_vertical a,
	.part40 .in_article_photogalery .photogallery_vertical a { width: 19%; }

	.part50 div.subcategory-envelope, .part60 div.subcategory-envelope, .part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 33.3%; }
}
@media(max-width: 640px){
	.part100 .in_article_photogalery a,
	.part50 .in_article_photogalery a,
	.part60 .in_article_photogalery a,
	.part33 .in_article_photogalery a,
	.part40 .in_article_photogalery a { width: 32.3%; }
	.part100 .in_article_photogalery .photogallery_vertical a,
	.part50 .in_article_photogalery .photogallery_vertical a,
	.part60 .in_article_photogalery .photogallery_vertical a,
	.part33 .in_article_photogalery .photogallery_vertical a,
	.part40 .in_article_photogalery .photogallery_vertical a { width: 32.3%; }

	.part50 div.subcategory-envelope, .part60 div.subcategory-envelope, .part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 50%; }
}
@media (max-width: 430px) {
	.part50 div.subcategory-envelope, .part60 div.subcategory-envelope, .part40 div.subcategory-envelope, .part33 div.subcategory-envelope { width: 100%; }
}





















