html * {
	max-height: 1000000px;
	/* reset, ktery vypne font size boost v mobile Chrome */
}

/* darkmode switch - mobile */
#toggleDarkMode:checked ~ label .toggleDarkMode-dot {
	--tw-translate-x: 0.75rem;
}
#toggleDarkMode2:checked ~ label .toggleDarkMode2-dot {
	--tw-translate-x: 1.45rem;
}

#toggleDarkMode2 ~ label .toggleDarkMode2-dot::before {
	font-family: "Font Awesome 6 Pro";
	font-size: 18px !important;
	position: absolute;
	top: 1px;
	right: 2px;
	/* content: "\f185"; */
	content: "\e28f";
}

#toggleDarkMode2:checked ~ label .toggleDarkMode2-dot::before {
	font-family: "Font Awesome 6 Pro";
	font-size: 18px !important;
	position: absolute;
	top: 1px;
	right: 1px;
	content: "\f186";
}

#toggleDarkMode ~ label .toggleDarkMode-dot::before {
	font-family: "Font Awesome 6 Pro";
	font-size: 16px !important;
	position: absolute;
	top: 1px;
	right: 3px;
	content: "\e28f";
}

#toggleDarkMode:checked ~ label .toggleDarkMode-dot::before {
	font-family: "Font Awesome 6 Pro";
	font-size: 16px !important;
	position: absolute;
	top: 1px;
	right: 2px;
	content: "\f186";
	/* color: red;
  background-color: blue; */
}

/*
.pinka {
	background:
    	linear-gradient(
      	0deg, 
      	#111,
      	#777,
      	#111
    	)
    	right center no-repeat; 
  		background-size: 1px 100%;
}
*/

.block-home-1-text,
.block-home-2-text {
	/*
	position: absolute;
	bottom: -0.2rem;
	left: 2rem;
	transition: transform 0.2s ease-out;
	*/
}

.block-home-3-text,
.block-home-4-text {
	position: absolute;
	bottom: 0.3rem;
	left: 1rem;
	transition: transform 0.2s ease-out;
}

/* .block-home-1-datum, */
.block-home-2-datum,
.block-home-3-datum,
.block-home-4-datum {
	transition: opacity 0.4s ease-out;
	opacity: 0;
}

.gradient-overlay {
	position: relative;
}
.gradient-overlay::after {
	content: "";
	position: absolute;
	top: 30%;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom, transparent 0%, black 100%);
	/* opacity: 0.5; */
}

/*
Home Block 1
*/

/* animace */
.homeblock1 .block-text {
	z-index: 1000;
	transition: all 0.2s ease-out;
}
.homeblock1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.2s ease-out;
}
.homeblock1:hover img {
	transform: scale(1.05) rotate(0.01deg);
}
.homeblock1:hover > .block-text {
	transform: translate(0px, -2rem);
}

/* čitelnost */
.homeblock1 .block-nadpis {
	letter-spacing: -0.02em;
	text-rendering: optimizeLegibility;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	font-size: 30px;
	color: #fff;
	margin: 6px 0;
	line-height: 1.25;
	font-weight: 600;
}

/*
Home Block 2
*/

/* animace */
.homeblock2 .block-text {
	z-index: 1000;
	transition: all 0.2s ease-out;
}
.homeblock2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.2s ease-out;
}
.homeblock2:hover img {
	transform: scale(1.05) rotate(0.01deg);
}
.homeblock2:hover > .block-text {
	transform: translate(0px, -2rem);
}

/* čitelnost */
.homeblock2 .block-nadpis {
	letter-spacing: -0.02em;
	text-rendering: optimizeLegibility;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	font-size: 24px;
	color: #fff;
	margin: 5px 0;
	line-height: 1.25;
	font-weight: 600;
}

/*
Home Block 3
*/

/* animace */
.homeblock3 .block-text {
	z-index: 1000;
	transition: all 0.2s ease-out;
}
.homeblock3 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.2s ease-out;
}
.homeblock3:hover img {
	transform: scale(1.05) rotate(0.01deg);
}
.homeblock3:hover > .block-text {
	transform: translate(0px, -2rem);
}

/* čitelnost */
.homeblock3 .block-nadpis {
	letter-spacing: -0.02em;
	text-rendering: optimizeLegibility;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	font-size: 19px;
	color: #fff;
	margin: 5px 0;
	line-height: 1.25;
	font-weight: 600;
}

/* Home Block 4 */

/* animace */
.homeblock4 .block-text {
	z-index: 1000;
	transition: all 0.2s ease-out;
}
.homeblock4 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.2s ease-out;
}
.homeblock4:hover img {
	transform: scale(1.05) rotate(0.01deg);
}
.homeblock4:hover > .block-text {
	transform: translate(0px, -2rem);
}

/* čitelnost */
.homeblock4 .block-nadpis {
	letter-spacing: -0.02em;
	text-rendering: optimizeLegibility;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	font-size: 19px;
	color: #fff;
	margin: 5px 0;
	line-height: 1.25;
	font-weight: 600;
}

/* spolecne homeblock - mobile */
@media screen and (max-width: 767px) {
	.homeblock1 .block-nadpis,
	.homeblock2 .block-nadpis,
	.homeblock3 .block-nadpis,
	.homeblock4 .block-nadpis {
		font-size: 1.3rem;
		font-weight: 700;
	}
	.homeblock1 .block-text,
	.homeblock2 .block-text,
	.homeblock3 .block-text,
	.homeblock4 .block-text {
		bottom: 1rem;
	}
}

.blocek {
	padding: 4px 7px 5px;
	font-weight: 600;
	letter-spacing: 0.04em;
	font-size: 13px;
	line-height: 1;
	margin-bottom: 5px;
	text-transform: uppercase;
}

@media screen and (max-width: 1023px) {
	.block-home-1-nadpis,
	.block-home-2-nadpis,
	.block-home-3-nadpis,
	.block-home-4-nadpis {
		font-size: 24px;
		line-height: 1.25;
		margin: 5px 0;
	}

	.block-home-1-text,
	.block-home-2-text,
	.block-home-3-text,
	.block-home-4-text {
		position: absolute;
		bottom: 0.3rem;
		left: 1rem;
	}
}

@media screen and (max-width: 767px) {
	.homeblock1-nadpis,
	.block-home-2-nadpis,
	.block-home-3-nadpis,
	.block-home-4-nadpis {
		font-size: 24px;
		line-height: 1.25;
		margin: 5px 0;
		padding: 0 1rem 0 0;
	}

	.homeblock1-text,
	.block-home-2-text,
	.block-home-3-text,
	.block-home-4-text {
		position: absolute;
		bottom: 0.3rem;
		left: 1rem;
	}
}

.dc-pagination div {
	text-align: center;
	/* padding: .4rem .9rem .4rem .9rem; */
	font-size: 1.2rem;
	padding-top: 0.3rem;
	padding-bottom: 0.5rem;
	width: 2.6rem;
	/* border: 1px #ccc solid; */
	border-radius: 0.3rem;
}

.dark .dc-pagination a:hover div:not(.active) {
	background-color: #343434;
}

.dc-pagination a:hover div:not(.active) {
	background-color: darkblue;
	color: #fff;
}

.dc-pagination .active {
	background-color: #d83633;
	color: #fff;
}

.clanek p {
	padding-top: 1.4rem;
}

.clanek .premiumpopis p {
	padding-top: 0;
}

.clanek figure {
	max-width: 100%;
	padding-top: 1.8rem;
	padding-bottom: 0rem;
}
@media screen and (max-width: 767px) {
	.clanek figure {
		padding-bottom: 0rem;
		margin: 0;
	}
}

.clanek img {
	max-width: 100%;
}

.clanek .premiumpopis img {
	max-width: none;
}

.clanek a {
	text-decoration: underline;
}

.clanek .premiumpopis a {
	text-decoration: none;
}

/* .. u titulni fotky je inline */
.clanek figcaption {
	font-size: 0.9rem;
	text-align: center;
	line-height: 1.3;
	color: #666;
}
@media screen and (max-width: 767px) {
	.clanek figcaption {
		margin-top: 4px;
		font-size: 0.9rem;
	}
}

/* obrazek v galerii */
.mkgalitem {
	/*
	display: block;
	size: 100%;
	overflow: hidden;
	*/
}

.mkgalitem img {
	transition: filter 0.3s ease-in-out;
	filter: grayscale(0);
}

.mkgalitem:hover img {
	filter: grayscale(100%);
}

.nounderline a {
	text-decoration: none;
}

.searchpagination a {
	display: inline-block;
	background-color: rgba(198, 45, 45, var(--tw-bg-opacity));
	padding: 0 2rem 0 2rem;
	line-height: 2.4;
	color: #fff;
	font-weight: 600;
	border-radius: 0.25rem;
}

@media screen and (max-width: 767px) {
	.searchpagination a {
		padding: 0 1rem 0 1rem;
	}
}

.custompage h2 {
	font-size: 43px;
	font-weight: 600;
	margin-top: 3rem;
	margin-bottom: 2rem;
}

.custompage p {
	margin: 0;
	padding: 0;
	padding-top: 1rem;
}

.custompage img {
	margin: 0.5rem;
}

.custompage strong {
	display: inline-block;
	margin-top: 1rem;
	margin-bottom: 0.4rem;
}

.custompage .mezera {
	margin-top: 1rem;
}
.custompage .bigmezera {
	margin-top: 2rem;
}

img.acenter {
	margin: 0 auto;
}
p.acenter {
	text-align: center;
}

#titimage figure img {
	width: 100%;
	/* object-fit: cover; */
	/* object-position: 50% 50%; */
}

span.premiumblocek {
	display: inline-block;
	/* display: none; */

	position: relative;
	top: -2px;

	color: #fff;
	background-image: linear-gradient(#b48811, #a2790d);

	font-family: "Fira Sans", sans-serif;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 0.8rem;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

/* top blok */
div.premiumblocek {
	/* display: none; */

	color: #fff;
	background-image: linear-gradient(#b48811, #a2790d);

	font-family: "Fira Sans", sans-serif;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 15px;
	font-weight: 600;
	line-height: 15px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

span.exklublocek {
	display: inline-block;
	/* display: none; */

	position: relative;
	top: -2px;

	color: #fff;
	background-color: #c62d2d;

	font-family: Fira Sans, sans-serif;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 0.8rem;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

div.exklublocek {
	/* display: none; */

	color: #fff;
	background-color: #c62d2d;

	font-family: Fira Sans, sans-serif;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 15px;
	font-weight: 600;
	line-height: 15px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

#marquee1 {
	width: 450px;
	overflow: hidden;
	position: relative;
}

#marquee2 {
	margin-top: 0;
	width: 100%;
	overflow: hidden;
	position: relative;
}

/*
.read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 180px 0 0 0;
  background-image: linear-gradient(to bottom, transparent, #fff);
}
*/
.around-read-more {
	position: relative;
	top: -9rem;
}

.read-more {
	position: absolute;
	/* top: -100px; */
	left: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 10rem 0 0 0;
	/* "transparent" only works here because == rgba(0,0,0,0) */
	background-image: linear-gradient(to bottom, transparent, #fff);
}
.dark .read-more {
	background-image: linear-gradient(to bottom, transparent, #1a1a1a);
}
@media screen and (max-width: 767px) {
	.read-more {
		padding: 15rem 0 0 0;
		background-image: linear-gradient(to bottom, transparent, #fff);
	}
	.around-read-more {
		position: relative;
		top: -15rem;
	}
}

/* mkuchar 2022-06-18 - blok a tlacitko ZDE v komercnim clanku */
p.zdeblok {
	padding-top: 2rem;
	text-align: center;
	font-weight: bold;
}

p.zdeblok a {
	display: block;
	width: 8em;
	margin: 0 auto;
	margin-top: 0.4em;
	background-color: #ed1c24;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	height: 2.2em;
	line-height: 2.2em;
	border-radius: 0.2em;
}
p.zdeblok a:hover {
	text-decoration: underline;
	background-color: red;
}

.hbps-responsive-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	/* max-width: 1200px; */
	margin: 0 auto;
	margin-top: 1.5rem;
}

.hbps-responsive-video iframe,
.hbps-responsive-video object,
.hbps-responsive-video embed,
.hbps-responsive-video video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.mkgadsflow1 {
    max-width: 100%;
    padding: 0;
}
@media screen and (min-width: 1000px) {
    .mkgadsflow1 {
	max-width: 600px;
	padding: 0;
    }
}
@media screen and (min-width: 1200px) {
    .mkgadsflow1 {
	max-width: 800px;
	padding: 0;
    }
}

.mkgadsflow2 {
    max-width: 100%;
    padding: 0;
}
@media screen and (min-width: 1000px) {
    .mkgadsflow2 {
	max-width: 600px;
	padding: 0;
    }
}
@media screen and (min-width: 1200px) {
    .mkgadsflow2 {
	max-width: 800px;
	padding: 0;
    }
}

.mkgadsflow3 {
    max-width: 100%;
    padding: 0;
}
@media screen and (min-width: 1000px) {
    .mkgadsflow3 {
	max-width: 560px;
	padding: 0;
    }
}
@media screen and (min-width: 1200px) {
    .mkgadsflow3 {
	max-width: 760px;
	padding: 0;
    }
}

.mkgadsflow4 {
    max-width: 100%;
    padding: 0;
}
@media screen and (min-width: 1000px) {
    .mkgadsflow4 {
	max-width: 560px;
	padding: 0;
    }
}
@media screen and (min-width: 1200px) {
    .mkgadsflow4 {
	max-width: 760px;
	padding: 0;
    }
}

.mkgadsflow1in {
    max-width: 100%;
    padding: 0;
}
@media screen and (min-width: 1000px) {
    .mkgadsflow1in {
	max-width: 350px;
	padding: 0;
    }
}
@media screen and (min-width: 1200px) {
    .mkgadsflow1in {
	max-width: 550px;
	padding: 0;
    }
}

.mkgadsflow2in {
    max-width: 100%;
    padding: 0;
}
@media screen and (min-width: 1000px) {
    .mkgadsflow2in {
	max-width: 350px;
	padding: 0;
    }
}
@media screen and (min-width: 1200px) {
    .mkgadsflow2in {
	max-width: 550px;
	padding: 0;
    }
}

.mkgadsflow3in {
    max-width: 100%;
    padding: 0;
}
@media screen and (min-width: 1000px) {
    .mkgadsflow3in {
	max-width: 350px;
	padding: 0;
    }
}
@media screen and (min-width: 1200px) {
    .mkgadsflow3in {
	max-width: 550px;
	padding: 0;
    }
}

.mkgadsflow4in {
    max-width: 100%;
    padding: 0;
}
@media screen and (min-width: 1000px) {
    .mkgadsflow4in {
	max-width: 350px;
	padding: 0;
    }
}
@media screen and (min-width: 1200px) {
    .mkgadsflow4in {
	max-width: 550px;
	padding: 0;
    }
}