/*
Theme Name:   LsA 8.0 - WP main template
Author:       Erik Brocko
Author URI:   https://keybase.io/ericek111
Version:      1.1
License:      Hippity Hoppity stop going through my property License 1.0
*/

* {
	box-sizing: border-box;
	letter-spacing: 0.2px;
}
.preload * {
	transition: none !important;
}
a {
	text-decoration: none;
	color: #00adf4;
}
a:hover {
	text-decoration: underline;
}
html, body {
	padding: 0;
	margin: 0;
}
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	background-color: #aaa;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	/* --viewport-height: 100vh; */
}
body.geo-CZ, body.geo-SK { cursor: pointer; /* branding */ }
h1, h2, h3, h4, h5, h6 { text-align: left; font-weight: 600; }
#page_wrapper > * {
	cursor: auto;
	margin-bottom: -1px;
}
p {
	line-height: 1.7;
}
h2 a {
	color: #000;
}
.night h2 a {
	color: #fff;
}
h2 a:hover {
	text-decoration: none;
}
img.bwicon {
	filter: invert(0);
	transform: translateZ(0);
}
a.rawblack {
	color: #000;
}
a.rawblack:hover {
	color: #000;
	text-decoration: none;
}
img.noshow.dummy {
	width: 1px;
	height: 1px;
	opacity: 0.01;
	position: absolute;
}
.night a.rawblack {
	color: #fff;
}
.nouserselect {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.night img.bwicon {
	filter: invert(1);
}
.page-width {
	width: 1170px;
	max-width: 1170px;
	margin-right: auto;
	margin-left: auto;
}
.page-style {
	background: #fff;
	padding: 10px 30px;
}
.night .page-style {
	background: #252429;
}
aside.topbanner {
	padding-top: 20px;
	padding-bottom: 20px;
}
aside.topbanner img {
	max-height: 150px;
}
#headerbanner1 {
	padding-top: 0;
}
#headerbanner2 {
	padding-bottom: 0;
}
/* .headerbanner-wrapper {
	min-height: 290px;
}
@media (min-width: 819px) {
	.headerbanner-wrapper {
		min-height: 400px;
	}
} */
header {
	background: #fff;
	display: block;
	position: relative;
	margin-top: 125px;
}
header.page-style {
	padding: 30px;
}
header.page-style h1 {
	margin: 0;
}
.logo_composed {
	width: 180px;
	align-items: center;
	display: flex;
	margin-right: 35px;
	line-height: 0;
	min-height: 60px;
}
.logo_composed .text {
	margin-left: 20px;
	position: relative;
	height: 28.5px;
	overflow: visible;
}
footer .logo_composed .text,
.logo_composed.noicon .text {
	margin-left: 0;
}
.logo_composed .text::before {
	content: ' ';
	position: absolute;
	filter: invert(1);
	transform: translateZ(0);
	width: 100%;
	height: 50%;
	background-size: cover;
	opacity: 0;
}
.night .logo_composed .text::before {
	opacity: 1;
}
.logo_composed img {
	height: auto;
	max-width: 100%;
}
footer .logo_composed .icon,
.logo_composed.noicon .icon {
	display: none;
}

nav.tfwebs {
	background: white;
	width: 100%;
	min-width: 1170px;
	max-width: 100vw;
	overflow: hidden;
	font-size: 16px;
	font-family: 'Source Sans Pro';
}
nav.tfwebs + div.relative {
	top: 125px;
}
body.night nav.tfwebs {
	background: #252429;
	color: #fff;
}
#page_wrapper > nav.tfwebs {
	margin-bottom: 0;
}
nav.tfwebs .cont {
	display: flex;
	justify-content: center;
	padding: 0.75em 0;
}
nav.tfwebs .tflogo {
	opacity: 0.4;
	padding-right: 2em;
	height: 2em;
}
nav.tfwebs .tflogo img {
	height: 100%;
}
nav.tfwebs i {
	border-right: 0.15em solid rgba(0, 0, 0, 0.2);
	border-bottom: 0.15em solid rgba(0, 0, 0, 0.2);
	width: 1.25em;
	min-width: 1.25em;
	height: 1.25em;
	transform: rotate(-45deg) translateX(-50%);
	margin-top: -0.125em;
}
nav.tfwebs a:not(.tflogo) {
	color: #252429;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 0.3em 1em;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	align-self: center;
}
@media (width: 1170px) and (orientation: portrait) {
	nav.tfwebs a:not(.tflogo) {
		padding: 0.3em 0.8em;
	}
	nav.tfwebs .tflogo {
		padding-right: 1em;
	}
}
body.night nav.tfwebs a:not(.tflogo) {
	color: #ccc;
}
body.night nav.tfwebs a:not(.tflogo),
body.night nav.tfwebs i {
	border-color: rgba(255, 255, 255, 0.2);
}
nav.tfwebs a:last-child {
	border: none;
}
nav.tfwebs,
nav.tfwebs a:not(.tflogo),
nav.tfwebs i {
	transition: background .4s ease-in-out, border-color .4s ease-in-out, color .4s ease-in-out;
}
.header-menu {
	display: flex;
	height: 100%;
	flex-grow: 1;
	justify-content: space-between;
}
.header-menu section {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex: 1;
	align-items: center;
}
@media (min-width: 819px) {
	.header-menu section.onlymobile {
		display: none;
	}
}
.header-menu section.main {
	justify-content: start;
	max-width: 585px;
	flex-grow: 0;
}
.main-menu-item {
	border: none;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 600;
	padding-bottom: 1px;
	margin-bottom: 2px;
	margin-right: 25px;
	letter-spacing: 0.5px;
	/* text-shadow: 0 0 1px; */
}
.main-menu-item:last-of-type {
	margin-right: 0;
}
.main-menu-item.light {
	font-weight: 400;
}
.header-menu .separator {
	position: relative;
	margin: 0 0px 0 30px;
}
.header-menu .separator::before {
	height: 33px;
	width: 1px;
	display: block;
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, 0.12);
	left: -30px;
	margin-top: calc(-1em - 4px);
}
.night .header-menu .separator::before {
	background: rgba(255, 255, 255, 0.12);
}

.cc3d669 { border-bottom-color: #c3d669; color: #c3d669; }
.cff9600 { border-bottom-color: #ff9600; color: #ff9600; }
.cff7a21 { border-bottom-color: #ff7a21; color: #ff7a21; }
.cff407f { border-bottom-color: #ff407f; color: #ff407f; }
.cee1154 { border-bottom-color: #ee1154; color: #ee1154; }
.c6368d7 { border-bottom-color: #6368d7; color: #6368d7; }
.c4711c7 { border-bottom-color: #4711c7; color: #4711c7; }
.night .c4711c7 { border-bottom-color: #9972f3; color: #9972f3; }
.c3fdcee { border-bottom-color: #3fdcee; color: #3fdcee; }
.c1756bf { border-bottom-color: #1756bf; color: #1756bf; }
.c00adf4 { border-bottom-color: #00adf4; color: #00adf4; }
.c45e2d9 { border-bottom-color: #45e2d9; color: #45e2d9; }
.c00e9dd { border-bottom-color: #00E9DD; color: #00E9DD; }
.c000000 { border-bottom-color: #000000; color: #000000; }
.header-menu .main-menu-item.active,
.header-menu .main-menu-item:hover {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	margin-bottom: 0;
}
.header-menu a:hover {
	text-decoration: none;
}
.header-menu .right .main-menu-item:hover, .header-menu .main-menu-item.highlighted {
	color: #00adf4;
}
.header-menu .main-menu-item.highlighted:hover {
	/* border-bottom-color: rgba(255, 255, 255, 0); */
}

.header-menu .right {
	position: relative;
	margin-left: 60px;
	justify-content: start;
	flex-basis: 240px;
	flex: 0;
	display: flex;
}
.header-menu .right::before {
	height: 33px;
	width: 1px;
	display: block;
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, 0.12);
	left: -30px;
	margin-top: -4px;
}
.night .header-menu .right::before {
	background: rgba(255, 255, 255, 0.12);
}
.header-menu .right .main-menu-item {
	font-weight: 300;
}
.header-menu section.search {
	flex: 0;
}
a.search-button-link {
	background: linear-gradient(90deg, #3fdcee, #11a2dc);
	color: #fff;
	padding: 13px 65px 11px 30px;
	font-weight: 600;
	border-radius: 25px;
	display: inline-block;
	flex: 0;
	line-height: 1em;
	position: relative;
	font-size: 16px;
	letter-spacing: 0.3px;
}
a.search-button-link i {
	position: absolute;
	display: block;
	content: '';
	background-size: contain;
	width: 40px;
	height: 100%;
	top: 0;
	right: 0px;
	border-left: 1px solid rgba(0, 0, 0, 0.05);
	text-align: center;
	line-height: 2.5em;
}
.header-menu section.search-button {
	flex: 0;
	display: none;
}
.header-menu section.search-button a {
	font-size: 24px;
}
.header-menu section.search-button a i {
	vertical-align: middle;
}
.header-menu section.daynight_notif {
	flex: 0;
	padding: 0 40px;
	position: relative;
}
section.daynight_notif .notif_bell {
	font-size: 2em;
	text-align: center;
	width: 100%;
	position: absolute;
	display: none;
	transition: opacity .4s ease-in-out;
	line-height: 1;
	margin-bottom: -0.2em;
}
section.daynight_notif .notif_switch {
	width: 1.25em;
	position: relative;
	display: inline-block;
}
body.supports-notif section.daynight_notif .notif_bell {
	display: block;
}
@media (max-width: 818px) {
	body.supports-notif header.slide-menu-open section.daynight_notif .daynight_switch {
		opacity: 0.8;
		pointer-events: all;
	}
	body.supports-notif section.daynight_notif .daynight_switch,
	body.supports-notif header.slide-menu-open section.daynight_notif .notif_bell {
		opacity: 0;
		pointer-events: none;
	}
}
@media (min-width: 819px) {
	body.supports-notif section.daynight_notif .notif_bell {
		position: relative;
		margin-right: 20px;
		font-size: 1.75em;
	}
	body.supports-notif .header-menu section.daynight_notif {
		padding: 0 20px;
		flex-grow: 0;
		position: relative;
		flex-direction: row-reverse;
	}
}
section.daynight_notif .notif_switch.subscribed {
	opacity: 0.5;
}
section.daynight_notif .notif_switch.unsubscribed {
	opacity: 0.5;
}
@keyframes notif_switch_loading_anim {
	from { opacity: 0.25; }
	to { opacity: 0.8; }
}
section.daynight_notif .notif_switch.subscribed.loadinganim {
	animation: .4s linear infinite -.4s alternate notif_switch_loading_anim;
}
section.daynight_notif .notif_switch.unsubscribed.loadinganim {
	animation: .4s linear infinite alternate notif_switch_loading_anim;
}
section.daynight_notif .notif_switch.neversubbed {
	opacity: 1.0;
}
section.daynight_notif .notif_switch:not(.neversubbed) a {
	color: #000;
	transition: color .4s ease-in-out;
}
body.night section.daynight_notif .notif_switch:not(.neversubbed) a {
	color: #fff;
}
section.daynight_notif .notif_switch.neversubbed::after {
	background: red;
	display: block;
	content: '';
	position: absolute;
	width: 0.3em;
	height: 0.3em;
	right: calc(0.4em - 0.3em / 2);
	bottom: calc(0.7em - 0.3em / 2);
	border-radius: 50%;
	pointer-events: none;
}
section.daynight_notif .notif_switch.neversubbed a {
	display: block;
}
section.daynight_notif .notif_switch.neversubbed a {
	-webkit-mask-image: radial-gradient(circle 0.25em at calc(100% - 0.4em) calc(100% - 0.7em), transparent 0.25em, white 0);
	mask-image: radial-gradient(circle 0.25em at calc(100% - 0.4em) calc(100% - 0.7em), transparent 0.25em, white 0);
}

.daynight_switch {
	background: #0000000D;
	border-radius: 3em;
	line-height: 0;
	position: relative;
	cursor: pointer;
	font-size: 12px;
	white-space: nowrap;
	letter-spacing: 0;
	word-spacing: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	overflow: hidden;
	flex-shrink: 0;
	width: 5.2em;
}
.daynight_switch span {
	width: 2.5em;
	display: inline-flex;
	height: 2.5em;
	vertical-align: bottom;
	align-items: center;
	text-align: center;
}
.daynight_switch i {
	margin: 0 auto;
	position: relative;
	display: inline-block;
	letter-spacing: 0;
	color: #000;
}
.night .daynight_switch i {
	color: #fff;
}
.daynight_switch .day i {
	font-size: 1.2em;
}
.night .daynight_switch {
	background: #ffffff0D;
}
.daynight_switch img:nth-of-type(2) {
	float: right;
}
.daynight_switch .select_fill {
	background: rgba(255, 255, 255, 1.0);
	height: 2em;
	width: 2em;
	position: absolute;
	border-radius: 3em;
	margin: 0.25em;
}
.night .daynight_switch .select_fill {
	background: rgba(255, 255, 255, 0.2);
}
.daynight_switch .select_fill_cont {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	transition: left .4s ease-in-out;
}
body.night .daynight_switch .select_fill_cont {
	left: calc(100% - 2.5em);
}
section.tiles {
	display: flex;
}
section.tiles nav {
	display: flex;
	justify-content: space-around;
}
section.tiles nav.main {
	width: 100%;
}
section.tiles.has-roundups nav.main {
	width: 745px;
	margin-right: 15px;
	margin-left: -10px;
}
section.tiles nav a {
	font-weight: 600;
	font-size: 16px;
	color: #000;
	flex: 1;
	padding: 1em 0;
	text-align: center;
	overflow: visible;
	flex-grow: 0;
	white-space: nowrap;
}
section.tiles nav a:nth-child(2) {
	margin-left: -20px;
}
.night section.tiles nav.main a, .night section.tiles nav.roundups a {
	color: #fff;
}
section.tiles nav.main a:hover {
	text-decoration: none;
}
section.tiles nav.roundups {
	background: rgba(0, 0, 0, 0.05);
	flex: 1;
	position: relative;
	padding-left: 4em;
	min-height: 70px;
	display: none;
}
section.tiles.has-roundups nav.roundups {
	display: block;
}
.night section.tiles nav.roundups {
	background: rgba(255, 255, 255, 0.05);
}
section.tiles nav.main a span {
	transition: opacity .2s ease-in-out;
}
section.tiles nav.main a i {
	font-size: 1.9em;
	vertical-align: middle;
	margin-right: 0.3em;
	color: transparent;
	background: linear-gradient(60deg, #11a2dc, #3fdcee);
	-webkit-background-clip: text;
	background-clip: text;
	line-height: 1.05em;
	display: inline-block;
	transform: scale(1) translate3d(0,0,0);
	transition: transform .2s ease-in-out;
	margin-bottom: 0.05em;
}
section.tiles nav.main a:hover span {
	opacity: 0.7;
}
section.tiles nav.main a:hover i {
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	transform: scale(1.1) translate3d(0,0,0);
}
section.tiles nav a img {
	height: 1.9em;
	vertical-align: middle;
	margin-right: 0.5em;
}
section.tiles nav.roundups a {
	margin: auto;
	display: table-cell;
}
.caret {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 1.3;
	display: flex;
}
.caret::before {
	content: ' ';
	width: 100%;
	height: 2px;
	background: #3ECDE7;
	position: absolute;
	top: 0;
}
.caret.lsablue::before {
	background: #00adf4;
}
.caret.lsapurple:before {
	background: #6368d7;
}
.caret h2 {
	font-size: inherit;
	margin: 0;
	padding: 0;
	display: inline-block;
	letter-spacing: inherit;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.caret > .title {
	background: #3ECDE7;
	padding: 0.5em 0.2em 0.5em 0.75em;
	position: relative;
	color: #fff;
	user-select: none;
	-webkit-user-select: none;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0;
	font-size: 16px;
	height: 36px;
	vertical-align: top;
	white-space: nowrap;
	max-width: 100%;
}
.caretbox .caret.lsablue > .title {
	background: #00adf4;
}
.caretbox .caret.lsapurple > .title {
	background: #6368d7;
}
article.single .content .caret > .title {
	margin: 0
}
.caret > .title::after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	top: 1.5px;
	right: -16.5px;
	border-top: 34px solid #3ECDE7;
	border-right: 17px solid transparent;
	color: #3ECDE7;
}
.caret.lsablue > .title::after {
	border-top-color: #00adf4;
	color: #00adf4;
}
.caret.lsapurple > .title::after {
	border-top-color: #6368d7;
	color: #6368d7;
}
.caret > .sub {
	display: inline-block;
	margin-left: 1.5em;
	text-transform: uppercase;
	font-size: 15px;
	color: #000;
	letter-spacing: inherit;
	align-self: center;
	margin-top: 3px;
}
.night .caret > .sub {
	color: #fff;
}
.caret > .title:hover,
.caret > .sub:hover {
	text-decoration: none;
}
.caretbox.bazar .caret::before,
.caretbox.bazar .caret > .title,
.caret.bazar::before,
.caret.bazar > .title {
	background: #ff9600;
}
.caretbox.bazar .caret > .title::after,
.caret.bazar > .title::after {
	border-top-color: #ff9600;
	color: #ff9600;
}
.caretbox.forum .caret::before,
.caretbox.forum .caret > .title,
.caret.forum::before,
.caret.forum > .title {
	background: #ff407f;
}
.caretbox.forum .caret > .title::after,
.caret.forum > .title::after {
	border-top-color: #ff407f;
	color: #ff407f;
}
footer {
	margin: 0;
	padding: 30px 30px 10px 30px;
	background: #f2f2f2;
	position: relative;
}
.night footer {
	background: #0d0d0d;
}
footer::after {
	display: block;
	content: ' ';
	background: transparent;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	transform: translateY(1px) scaleY(1.5);
}
.night footer::after {
	background: #0d0d0d;
}
footer .logo_composed {
	width: 110px;
	margin-right: 0;
	min-height: 0;
}
footer section.social {
	display: flex;
	justify-content: space-between;
	line-height: 0;
}
footer section.social .left {
	display: inline-block;
}
footer section.social .right {
	display: block;
	text-align: right;
}
footer section.social .right a {
	width: 0;
	height: 0;
	margin-left: 10px;
	padding: 1.5em;
	border-radius: 2em;
	vertical-align: middle;
	display: inline-flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
	line-height: 0;
	font-size: 12px;
	background: rgba(50, 50, 50, 0.2);
}
footer section.social .right a i {
	color: #fff;
	font-size: 1.3em;
	line-height: 0;
}
footer section.social .right a:nth-child(1) {
	background-image: linear-gradient(90deg, #23a4d7 0%, #26adda 100%);
}
footer section.social .right a:nth-child(2) {
	background-image: linear-gradient(90deg, #27b2dc 0%, #2bbde0 100%);
}
footer section.social .right a:nth-child(3) {
	background-image: linear-gradient(90deg, #2cc2e2 0%, #2fcde6 100%);
}
footer section.social .right a:nth-child(4) {
	background-image: linear-gradient(270deg, #31d2e8 0%, #34dcec 100%);
}
footer section.social .right a:first-child {
	margin-left: 0;
}
footer .copyright, footer .copyright a, footer .copyright a:hover {
	color: #888;
}
footer .copyright a.under {
	text-decoration: underline;
}
footer .copyright {
	margin-top: 2em;
	clear: both;
	display: block;
	width: calc(100% - 175px);
}
footer .copyright .rights,footer .copyright .sponsored {
	line-height: 1.7;
	margin: 1em 0;
}
footer .tflogo {
	opacity: 0.5;
	position: absolute;
	right: 30px;
	bottom: 30px;
	font-size: 0;
}
footer .tflogo img {
	width: 150px;
}
main {
	position: relative;
	display: block;
	color: #000;
	/* TODO: Is this okay? */
	width: 0;
	flex: 1;
}
.night main {
	color: #fff;
}
main.post-list {
	padding: 0 95px;
}
main.post-list p {
	font-size: 16px
}
main.post-list p.found-posts {
	margin-bottom: 3em;
}
main h1 {
	margin: 0 0 1em;
	font-size: 32px;
	font-weight: 600;
	text-align: left;
	color: inherit;
}
main.page h1 {
	font-size: 30px;
	margin: 70px 0;
}
main.page h1 a {
	letter-spacing: 1px;
}
main h1 a {
	color: inherit;
}
main h1 a:hover {
	text-decoration: none;
}
article {
	color: #000;
}
.night article {
	color: #fff;
}
main.page aside {
	margin: 80px 0;
}
main article.single .content {
	padding-bottom: 0;
}
main article.single .content::after {
	display: block;
	content: '';
	clear: both;
}
main article .content {
	font-size: 17px;
	line-height: 1.7;
	word-break: break-word;
}
main article .content table {
	max-width: 100%;
	width: auto;
	height: auto;
}
main.page article .content p {
	margin: 35px 0;
}
main.page aside .tflogo img {
	width: 210px;
	height: auto;
}
main.page aside .tflogo {
	height: 110px;
	opacity: 0.5;
}
main > aside {
	position: relative;
	width: 350px;
}
main > article {
	/* flex: 1; */
}
main.page article {
	padding: 0px 190px 50px 190px;
}
.caretbox {
	background: rgba(0, 0, 0, 0.05);
	position: relative;
	padding: 15px;
	padding-top: 2em;
	margin: 0;
	font-size: 16px;
	color: #000;
}
.night .caretbox {
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
}
.caretbox p {
	margin: 20px 0;
}
a.withicon:hover {
	text-decoration: none
}
a.withicon:hover span {
	text-decoration: underline;
}
main.page a.mail {
	font-weight: 600;
	color: #000;
}
.night main.page a.mail {
	color: #fff;
}
main.page a.mail:hover {
	text-decoration: none;
}



/* ------------------------ N I G H T    M O D E ------------------------*/
main.page a.mail,
h2 a,
section.tiles nav a,
main article, /* extra: */
img.bwicon,
.caretbox,
.page-style,
.header-menu .right::before,
.logo_composed .text::before,
.daynight_switch,
.daynight_switch .select_fill,
.daynight_switch i,
section.tiles nav.roundups,
.iconlinks a,
.iconlinks a span.icon,
article.preview,
article.preview h3,
article.preview h4,
a.rawblack,
.header-menu .separator::before,
.linesep,
h3.sectiontitle,
article .infoline a,
.caret span.sub,
a.morelink,
.gallery.preview,
.searchform.big input[type=search]::placeholder,
.searchform.big,
.comment-respond .comment-tos .short-tos,
.comment-respond input[type=text],
.comment-respond select,
.comment-respond textarea,
article.comment.parent .comment-content,
article.comment .child-comments article.comment,
article.comment .child-comments article.comment .comment-content,
.mobile-slide-menu,
article.single .content .wp-caption-text,
.comment-list .comment-respond,
ol > .comments-list > .comment-respond:before,
article.comment .comment-bottom,
article.comment .comment-bottom .comment-reply-link,
.comment-respond h3,
article.single pre,
main,
footer,
footer::after,
figure.poll .poll-answer .ans-bar-line,
figure.poll .poll-answer,
article.forum.wide .icon span,
.caret > .sub,
.c4711c7 {
	transition-property: color, background, filter, border-color, opacity;
	transition-timing-function: ease-in-out;
	transition-duration: .4s;
}
#content_wrapper {
	display: flex;
	padding-top: 30px;
	/* background: red; */
}
aside.middle {
	width: 250px;
	margin-left: 30px;
	/* flex: 0 2 auto; */
	/* flex-basis: 250px; */
	/* flex: 0; */
	/* min-width: 250px; */
	flex: 0 0 250px;
}
aside.middle .lsads-banner {
	margin-bottom: 2em;
	position: relative;
	height: 500px;
}
aside.homepage {
	width: 255px;
	margin-left: 30px;
}
aside.middle .adbanner {
	min-height: 500px;
	width: 100%;
	background: #ccc;
	margin-bottom: 20px;
}
h2.stripe {
	margin: 0 0 1em 0;
	padding: 0;
}
aside.homepage .iconlinks h2.stripe {
	margin: 1em 0 0 0;
}
h2.stripe a {
	margin: 0;
	padding: 0.5em 1em;
	font-size: 14px;
	text-transform: uppercase;
	background: #42b9f5;
	color: #fff;
	display: block;
	color: #fff;
	letter-spacing: 2px;
}
h2 a:hover {
	text-decoration: none;
}
h2.stripe.bleskovky a {
	background: #ee1154
}
h2.stripe.podcast a {
	background: #4711c7
}
article.preview h3,
article.preview h4 {
	margin: 0;
	font-size: 24px;
	color: #000;
	display: block;
	font-weight: 600;
}
article.preview h3 a,
article.preview h4 a {
	padding: 12px 0 15px 0;
	color: inherit;
	display: inline-block;
	text-align: left;
}
.night article.preview h3,
.night article.preview h4 {
	color: #fff;
}
article.preview:not(.recommart) a:hover + .desc h3 a,
article.preview:not(.recommart) a:hover + .descbox .desc h3 a,
article.preview:not(.recommart) h3 a:hover {
	color: #00adf4;
	text-decoration: none;
}
.carousel article.preview a:hover + .descbox .desc h4 a {
	color: #fff;
}
article .stats {
	display: block;
	float: right;
}
article .stats a {
	display: inline-block;
	margin-left: 0.8em;
}
article .stats a:first-child {
	margin-left: 0;
}
article .stats a.comments i {
	font-size: 1.2em;
	margin-right: 0.3em;
	vertical-align: top;
}
article .single-footer a.source,
article .single-footer a.comments {
	color: inherit;
	font-size: 16px;
	text-decoration: none;
	opacity: 0.6;
}
article .single-footer a.comments i {font-size: 1.0em;margin-right: 0.25em;}
article .single-footer a.source i {
	margin-right: 0.5em;
}
article .single-footer {
	clear: both;
	margin-top: 30px;
	margin-bottom: -25px;
	min-height: 1.3em;
}
article .single-footer .line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
article .single-footer .line * {
	flex: 0;
	white-space: nowrap;
}
article .single-footer .stats {
	float: none;
	text-align: center;
}
article .single-footer .stats a.comments i {
	vertical-align: baseline;
}
article .single-footer .social-share a.share-link i {
	font-size: 1.6em;
	vertical-align: top;
}
article .single-footer .social-share a.share-link {
	display: none;
}
body.can-navigator-share article .single-footer .social-share a.share-link {
	display: inline-block;
}
body.can-navigator-share article .single-footer .social-share a.social-twitter,
body.can-navigator-share article .single-footer .social-share a.social-fb {
	display: none;
}
article .single-footer .social-share a {
	margin-left: 0;
	text-decoration: none;
	vertical-align: middle;
	user-select: none;
	-webkit-user-select: none;
}
/* article .single-footer .stats .social-share a.social-fb { color: #4267B2 }
article .single-footer .stats .social-share a.social-twitter { color: #1DA1F2 }
article .single-footer .stats .social-share a.social-link { color: #E21006 } */
article .single-footer .social-share a i {
	padding: 0.5em;
	font-size: 1.5em;
}
article .single-footer a.commentslink {
	right: 0;
}
article .single-footer a.commentslink.onlydesktop {
	display: inline-block;
}
article .single-footer a.commentslink i {
	margin-left: 5px;
	vertical-align: middle;
	top: -1px;
	position: relative;
}
article.single .single-tags {
	margin-bottom: -2em;
	color: #888;
	padding-bottom: 4px;
}
article.single .single-tags a { color: #444 }
.night article.single .single-tags a { color: #ccc; }
article.single .single-tags .linesep { margin-bottom: 0.5em; }
article.single .single-tags .linesep.onlymobile { margin-top: 0.4em;}
a.fadebg {
	padding: 0.5em 1.5em;
	border-radius: 5px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
}
a.fadebg,
article .content a.fadebg::after {
	background: linear-gradient(90deg, #3fdcee, #11a2dc);
}
a.nonfadebg {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0.5em 1.5em;
	font-weight: bold;
	border: 2px solid #00adf4;
	border-radius: 5px;
	text-decoration: none;
}
article .content a.fadebg {
	line-height: 3;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	padding: 0.75em 1.25em;
}
.category_stripe::before {
	content: ' ';
	height: calc(1.4em);
	width: 4px;
	background: #00adf4;
	display: inline-block;
	margin-right: 8px;
	margin-bottom: -0.4em;
	vertical-align: top;
}
.category_stripe {
	text-transform: uppercase;
	font-weight: 600;
	display: inline-block;
	font-size: 14px;
	color: inherit;
}
.category_stripe snap {
	min-width: 48px;
}
article.cat-bleskovky .infoline .category_stripe::before {
	background: #ee1154;
}
article.cat-bleskovky .infoline a.category_stripe,
.night article.cat-bleskovky .infoline a.category_stripe {
	color: #ee1154;
}
.tffeed article.cat-bleskovky .infoline .category_stripe::before {
	background: #00adf4;
}
article.cat-podcast .infoline .category_stripe::before {
	background: #4711c7;
}
article.external.web-jablickar .infoline .category_stripe::before {
	background: #E21006;
}
article.external.web-samsungmagazine .infoline .category_stripe::before {
	background: #1756bf;
}
article.external.web-androidmagazine .infoline .category_stripe::before {
	background: #c3d669;
}
article.external.web-letemsvetemapplem .infoline .category_stripe::before {
	background: #00adf4;
}
article.external.web-vytukej .infoline .category_stripe::before {
	background: #d73b3b;
}
article.preview.web-letemsvetemapplem:not(.recommart) a:hover + .desc h3 a,
article.preview.web-letemsvetemapplem:not(.recommart) a:hover + .descbox .desc h3 a,
article.preview.web-letemsvetemapplem:not(.recommart) h3 a:hover {
	color: #00adf4;
}
article.preview.web-jablickar:not(.recommart) a:hover + .desc h3 a,
article.preview.web-jablickar:not(.recommart) a:hover + .descbox .desc h3 a,
article.preview.web-jablickar:not(.recommart) h3 a:hover {
	color: #E21006;
}
article.preview.web-samsungmagazine:not(.recommart) a:hover + .desc h3 a,
article.preview.web-samsungmagazine:not(.recommart) a:hover + .descbox .desc h3 a,
article.preview.web-samsungmagazine:not(.recommart) h3 a:hover {
	color: #1756bf;
}
article.preview.web-androidmagazine:not(.recommart) a:hover + .desc h3 a,
article.preview.web-androidmagazine:not(.recommart) a:hover + .descbox .desc h3 a,
article.preview.web-androidmagazine:not(.recommart) h3 a:hover {
	color: #c3d669;
}
article.preview.web-vytukej:not(.recommart) a:hover + .desc h3 a,
article.preview.web-vytukej:not(.recommart) a:hover + .descbox .desc h3 a,
article.preview.web-vytukej:not(.recommart) h3 a:hover {
	color: #d73b3b;
}


article .infoline a {
	color: #000;
}
.night article .infoline a {
	color: #fff;
}
article .infoline a:hover {
	text-decoration: none;
}
article .infoline span.sep {
	display: inline-block;
	background: rgba(145, 145, 145);
	margin: 0 10px;
	height: 1.2em;
	width: 1px;
	margin-bottom: -0.3em;
}
article .infoline time,
article .infoline address,
article .infoline address a,
.night article .infoline address a {
	color: rgb(145, 145, 145);
	display: inline-block;
	font-style: normal;
}
article.preview.short {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-bottom: 0;
	margin-bottom: -5px;
}
article.preview.short .thumbnail {
	width: 80px;
	height: 65px;
}
article.preview.short .descbox {
	display: contents;
}
article.preview.short .desc {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
article.preview.short .desc h3 a,
article.preview.short .desc h4 a {
	font-size: 16px;
	padding: 0 0 0 15px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}
article.preview.bleskovky a:hover + .desc h3 a,
article.preview.bleskovky a:hover + .descbox .desc h3 a,
article.preview.bleskovky h3 a:hover {
	color: #ee1154
}
article.preview.podcast a:hover + .desc h3 a,
article.preview.podcast a:hover + .descbox .desc h3 a,
article.preview.podcast h3 a:hover {
	color: #4711c7
}
article.bazar:not(.recommart) a:hover + .desc h3 a,
article.bazar:not(.recommart) a:hover + .descbox .desc h3 a,
article.bazar:not(.recommart) h3 a:hover {
	color: #ff9000
}
article.preview.short .infoline {
	margin-top: 10px;
	width: 100%;
	display: block;
}
article.preview.short .rating,
article.preview.short .category_stripe,
article.preview.short span[itemprop="author"] + .sep,
article.preview.short time .sep {
	display: none;
}
h2.stripe.bazar a {
	background: #ff9600;
}
h2.stripe.forum a {
	background: #ff407f;
}
aside.homepage .iconlinks h3 {
	margin: 0;
	margin-top: 0;
}
aside.homepage .iconlinks {
	margin-bottom: 20px;
}
.iconlinks a {
	background: rgba(0, 0, 0, 0.05);
	display: block;
	width: 100%;
	padding: 1em 1em 1em 0;
	font-size: 12px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	display: flex;
	align-items: center;
}
.iconlinks.morelinks a.rawblack:hover {
	color: #00adf4;
}
.iconlinks.bazar a.rawblack:hover {
	/* color: #ff9600 */
}
.night .iconlinks a {
	background: rgba(255, 255, 255, 0.05);
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.iconlinks a:last-child {
	border-bottom: none;
}
.iconlinks a span.icon {
	font-size: 25px;
	display: inline-block;
	background: rgba(255, 255, 255, 1.0);
	width: 0;
	height: 0;
	padding: 1.2em;
	border-radius: 2em;
	vertical-align: middle;
	margin: 0 1em;
	display: inline-flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
	margin-right: 20px;
	color: black;
}
.iconlinks a span.icon i {
	line-height: 0;
}
.night .iconlinks a span.icon {
	background: rgba(255, 255, 255, 0.05);
	color: white;
}
.iconlinks a span.icon img {
	max-width: 100%;
	max-height: 100%;
}
.iconlinks a .catname {
	font-weight: 600;
	font-size: 16px;
	vertical-align: middle;
	display: inline-block;
}
.iconlinks a .catcount {
	vertical-align: middle;
	margin-left: 0.3em;
}
.iconlinks a .catname h3 {
	display: inline;
	font-size: inherit;
}
.iconlinks.forum a:hover .catname {
	color: #ff407f;
}
.iconlinks.bazar a:hover .catname {
	color: #ff9600;
}
a.morelink {
	font-weight: 600;
	text-align: center;
	display: block;
	text-decoration: underline;
	font-size: 16px;
	margin: 1em 0 1.5em 0;
}
a.morelink i {
	display: inline-block;
	margin-left: 0.3em;
	vertical-align: text-bottom;

}
a.morelink.bleskovky {
	color: #ee1154
}
a.morelink.podcast {
	color: #4711c7
}
a.morelink.bazar {
	color: #ff9600;
}
article.preview {
	font-size: 14px;
	line-height: 1.3;
}
article.preview.big {
	width: 100%;
	display: flex;
}
article.preview.scraper {
	display: flex;
	flex-direction: column;
}
article.preview.big .thumbnail {
	width: 160px;
	height: 160px;
}
.post-list article.preview.big .thumbnail {
	width: 255px;
	height: 150px;
}
article.preview.wide .thumbnail {
	width: 250px
}
article.preview .thumbnail {
	flex-shrink: 0;
	overflow: hidden;
	display: inline-block;
}
article.preview.scraper .thumbnail {
	width: 100%;
	height: 150px;
}
article.preview .thumbnail img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	display: block;
}
article.preview.big .infoline {
	flex: 0;
	display: block;
	margin-top: 10px;
}
article.preview.big .descbox {
	margin-left: 32px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}
article.preview.big h3 a,
article.preview.big h4 a {
	padding: 0;
	margin: 0;
	height: 4em;
	width: 100%;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}
article.preview.big .grey {
	color: rgb(145, 145, 145);
}
.caretbox.bazar {
	padding: 20px;
	padding-top: calc(2em + 20px);
}
.bazar .bazgrid {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr;
}
.bazar .bazgrid article {
	flex-grow: 0;
	flex: 0;

}
#bazar_single_cont .bazgrid {
	grid-template-columns: 1fr 1fr 1fr;
}
article.bazar {
	display: flex;
}
article.bazar h3 a {
	color: inherit;
}
article.bazar a:hover {
	color: #ff9600;
	text-decoration: none;
}
article.bazar .infoline a:hover { color: inherit; }
article.bazar.grid .thumbnail {
	min-width: 80px;
	max-width: 80px;
	height: 80px;
	flex: 0;
	display: block;
}
article.bazar.grid .thumbnail img {
	object-fit: cover;
	width: auto;
	height: auto;
}
article.bazar.recommart .thumbnail {
	max-width: none;
	max-height: none;
}
article.bazar.recommart .thumbnail img {
	width: 100%;
	height: 100%;
}
article.bazar .category_stripe::before {
	background: #ff9600;
}
.bazgrid article.bazar .desc {
	margin-left: 15px;
	flex: 1;
	display: flex;
	justify-content: space-evenly;
	flex-direction: column;
	color: inherit;
}
.night article .descbox {
	color: #fff;
}
article.bazar h3,
article.bazar h4 {
	padding: 0;
	margin: 0;
	color: inherit;
}
article.bazar h3 a,
article.bazar h4 a {
	margin-bottom: 0.5em;
	line-height: 1.5;
	display: block;
	font-size: 16px;
	word-break: break-word;
}
article.bazar h3 a i,
article.bazar h4 a i {
	margin-right: 0;
	content: ' ';
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 0.75em;
	display: inline-block;
	color: #ff9600
}
.carousel {
	width: 100%;
	height: 300px;
	display: block;
	position: relative;
}
.linesep {
	background: rgba(0, 0, 0, 0.12);
	width: 100%;
	height: 1px;
	margin: 30px 0;
	display: block;
}
.night .linesep {
	background: rgba(255, 255, 255, 0.2);
}
aside.homepage .linesep + h2.stripe {
	margin-top: 1.5em;
}

.linesep.onlymobile {}
aside.homepage .linesep {
	margin: 1em 0;
}

aside.homepage ul.nav-links {
	padding-left: 0;
	list-style-type: none;
	font-size: 16px;
	font-weight: 500;
	margin: 1em 0 1.5em 0;
}
aside.homepage .nav-links.bare .linesep {
	margin: 0.6em 0;
}
aside.homepage .nav-links li a {
	display: block;
}
aside.homepage .nav-links.bare + a.morelink {
	margin-top: -0.5em;
}

aside.homepage ul.nav-links.menu-roundupy .linesep {
	display: none;
}
aside.homepage ul.nav-links.menu-roundupy {
	text-align:justify;
	margin-bottom: -1em;
}
aside.homepage ul.nav-links.menu-roundupy li {
	display: inline-block;
}
aside.homepage ul.nav-links.menu-roundupy li a {
	background: #00adf4;
	color: #fff;
	padding: 0.15em 0.6em;
	border-radius: 5px;
}
aside.homepage ul.nav-links.menu-roundupy::after {
	display:inline-block;
	width:100%;
	height: 0;
	content:'';
	margin-bottom: -4em;
	font-size: 0;
	line-height: 0;
}

.carousel article {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	overflow: hidden;
	pointer-events: none;
	opacity: 0;
	transition: opacity .5s;
}
.carousel article.active {
	pointer-events: auto;
	opacity: 1;
}
.carousel article .descbox {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0));
	padding: 0 25px 25px 25px;
}
.carousel article .desc h3,
.carousel article .desc h4 {
	margin: 0;
	padding: 0;
}
.carousel article .desc h3 a,
.carousel article .desc h4 a {
	color: #fff;
	font-size: 30px;
	display: block;
	padding-top: 50px;
	padding-bottom: 0;
	margin-bottom: 0;
}
.carousel article .desc h3 a:hover,
.carousel article .desc h4 a:hover {
	text-decoration: none;
}
.carousel article .infoline .category_stripe {
	color: #ffffff;
}
.carousel article a.thumbnail {
	position: relative;
	height: 100%;
	color: #fff;
	width: 100%;
}
.carousel article .infoline {
	display: block;
	margin-top: 1.5em;
	color: #fff;
}
.carousel article .infoline .grey,
.carousel article .infoline .grey a {
	color: rgba(255, 255, 255, 0.7);
}
.carousel article a.rawblack:hover {
	color: #ffffff
}
.carousel .navigation {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 23px;
	color: #fff;
	line-height: 1;
}
.carousel .navigation .button {
	font-size: 20px;
	color: #fff;
	cursor: pointer;
}
.carousel .navigation .bullet {
	cursor: pointer;
}
.carousel .navigation .bullet-icon {
	background: transparent;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #ffffff;
	margin-bottom: calc(0.5em - 2px);
	transition: .2s background ease-out;
}
.carousel .navigation .bullet.active .bullet-icon,
.carousel .navigation .bullet:hover .bullet-icon {
	background: #ffffff;
}
.carousel .navigation .button-next {
	margin-left: 15px;
}
.carousel .navigation .button-prev {
	margin-right: 15px;
}
h2.sectiontitle,
h3.sectiontitle {
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 0.7em 0;
	font-weight: 600;
	/* text-shadow: 0 0 1px; */
	font-size: 17px;
}
.night h2.sectiontitle,
.night h3.sectiontitle {
	color: #fff;
}
section.featured {
	position: relative;
}
section.featured .caret {
	position: relative;
}
main.home section.featured .loop {
	padding-top: 1em;
	padding-bottom: 40px;
}
main.home section.featured .loop article {
	margin-right: 20px;
}
main.home section.featured {
	border-bottom: 2px solid #3ECDE7;
	margin-bottom: 2em;
}
section.featured.tffeed .loop {
	min-height: 370px;
}
section.featured.most-popular .loop {
	min-height: 350px;
}
section.featured.reviews .loop {
	min-height: 335px;
}
section.featured.keynote .loop,
section.featured.related .loop {
	min-height: 310px;
}
section.featured.bazar .loop {
	min-height: 325px;
}
section.featured.bazar .loop article h3 a {
	font-size: 20px;
}
main.home section.featured.bazar {
	border-bottom-color: #ff9600;
}
section.featured.reviews .loop article .infoline,
section.featured.keynote .loop article .infoline,
section.featured.related .loop article .infoline {
	display: none;
}
section.featured.related .loop {
	padding-top: 0;
	padding-bottom: 0;
}

section.featured.reviews article.preview .descbox .desc a,
section.featured.keynote article.preview .descbox .desc a {
	margin-bottom: 0;
}
section.featured .loop {
	padding: 1.5em 0;
	display: flex;
	/*
	display: grid;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr 1fr;*/
	justify-content: space-between;
}
.loop-wrapper.scrolly {
	overflow: hidden;
	position: relative;
}
.loop-wrapper.scrolly .placeholder {
	width: 1px;
}
main.single section.featured.tffeed:not(.related) {
	margin-top: 2em;
}
main.single section.featured.tffeed .loop-wrapper.scrolly {
	margin-bottom: -20px;
}
section.featured .loop article {
	width: 235px;
	scroll-snap-align: center;
	flex-basis: 235px;
	flex-shrink: 0;
	flex-grow: 0;
	margin-right: 30px;
}
section.featured .loop article h3 {
	font-size: 20px;
}
.loop-wrapper.scrolly .loop {
	white-space: nowrap;
	overflow-x: scroll;
	padding-bottom: 30px;
	margin-bottom: -30px;
	display: flex;
	scroll-snap-type: none;
}
.gallery.preview figure.minipresented:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	box-shadow: inset 0 0 0 2px #00adf4;
	pointer-events: none;
}
section.featured article {
	display: flex;
	flex-direction: column;
	width: calc(25% - 20px);
}
article.preview .descbox {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
}
section.featured article.preview .descbox .desc a {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	overflow: hidden;
	padding-bottom: 0;
	margin-bottom: 15px;
}
section.featured article.preview .descbox .desc {
	overflow: hidden;
}
aside.homepage h2.fade a {
	background: linear-gradient(to right, #3fdcee, #11a2dc);
}
aside.homepage h2.stripe a:hover {
	color: #fff;
}
nav.pagination {
	text-align: center;
}
nav.pagination.page-width:not(.has-prev) {
	padding-right: 400px;
}
nav.pagination:not(.has-prev) a.button {
	width: 66%;
}
nav.pagination a.button {
	border: 1px solid #00adf4;
	text-align: center;
	width: 33%;
	display: inline-block;
	padding: 0.9em 0;
	margin: 2.8em 0 2.8em 2em;
	border-radius: 10px;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0.5px;
}
nav.pagination a.button:hover {
	text-decoration: none;
}
nav.pagination a.button:first-child {
	margin-left: 0;
}
nav.pagination a.button.fade {
	border: none;
	color: #ffffff;
	background: linear-gradient(60deg, #3fdcee 15%, #11a2dc 90%);
	box-shadow: 0px 10px 24px 0px rgba(0,173,244,0.35);
	transition: box-shadow .4s ease-in-out;
	padding: calc(0.9em + 1px) 0;
}
.night nav.pagination a.button {
	box-shadow: none;
}
main.category article.preview .infoline address {
	display: inline-block;
}
article p {
	word-wrap: break-word;
}
article.single {
	flex: 0;
	display: block;
}
article.single > .descbox,
article.single > .content,
main.single section.comments {
	padding: 0.5em 90px;
	text-align: justify;
	color: inherit;
}
article.single p {
	max-width: 100%;
	margin: 1em 0;
	clear: both;
	/* margin-top: 0; */
}
article.single img {
	max-width: 100%;
	height: auto;
}
article.single img.obrazekclanek {
	display: none;
}
article.single pre {
	max-width: 100%;
	word-wrap: break-word;
	white-space: pre-wrap;
	background: #f8f8f8;
	padding: 0.5em 1em;
	font-size: 14px;
	border: 1px lime dashed;
	color: #222;
	text-align: left;
}
.night article.single pre {
	background: #111;
	color: #e8e8e8
}
article.single iframe {
	width: 100%;
}
article.single iframe[src*="youtube.com"] {
	height: 400px;
}
article.single .caretbox.recommended {
	padding: 3.75em 2.5em 2em 2.5em;
	margin: 2em 0;
	padding-top: 2em;
}
article.single .caretbox.recommended h2.title {
	position: absolute;
	opacity: 0.00001;
}
article.single .content h2 {
	margin: 1em 0 1em 0;
}
article.single .content img.alignright { float:right; margin:0 0 1em 1em }
article.single .content img.alignleft { float:left; margin:0 1em 1em 0 }
article.single .content img.aligncenter { display: block; margin-left: auto; margin-right: auto }
article.single .content a img.alignright { float:right; margin:0 0 1em 1em }
article.single .content a img.alignleft { float:left; margin:0 1em 1em 0 }
article.single .content a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
article.single img.obrazekclanek { display: none !important; }
article.single twitter-widget {
	margin: 0 auto;
}

.caretbox.recommended .caret::before,
.caretbox.recommended .caret span.title {
	background: #3ECDE7;
}
.caretbox.recommended .caret span.title::after {
	border-top-color: #00adf4;
}
figure.lsa-copytoclipboard {
	display: block;
	padding: 0;
	text-align: center;
	margin: 0;
}
figure.lsa-copytoclipboard {font-size: 0;clear: both;margin: 15px 0;}
figure.lsa-copytoclipboard input, figure.lsa-copytoclipboard button {
	margin: 0;
	padding: 15px;
	font-size: 18px;
	outline: none;
}
figure.lsa-copytoclipboard input {
	text-align: center;
	border-radius: 12px 0 0 12px;
	font-weight: 600;
	border: 1px solid #aaa;
}
figure.lsa-copytoclipboard input:focus, figure.lsa-copytoclipboard button:focus {
	box-shadow: 0 0 5px #00adf4;
}
figure.lsa-copytoclipboard button {
	background: none;
	border-radius: 0 12px 12px 0;
	background: #00adf4;
	border: 1px solid #00adf4;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	padding: 15px 30px;
	display: inline-block;
	cursor: pointer;
	transition: background .3s;
}
figure.lsa-copytoclipboard button:hover {
	filter: brightness(110%);
}
figure.lsa-copytoclipboard .form {
	width: 100%;
	display: inline-block;
}
figure.lsa-copytoclipboard button.success { background: #28a745; }
figure.lsa-copytoclipboard button.failure { background: #dc3545; }

article figure.image {
	padding: 0;
	margin: 0;
	text-align: center;
}
article figure.image > a {
	display: inline-block;
}
article figure.image figcaption {
	border-top: 1px solid rgba(150, 150, 150, 0.5);
	padding-top: 1px;
	margin-top: -5px;
}
article figure.image figcaption span + .citation {
	display: block;
}
article figure.image figcaption.onlysource,
article figure.image figcaption span + .citation {
	display: none;
}
article .content .fl {
	float: left;
}
article .content .fr {
	float: right;
}
.quoteblock {
	border-left: 2px solid #00adf4;
	font-weight: 600;
	font-size: 25px;
	max-width: 50%;
	text-align: left;
	margin: 0 auto;
	padding: 0.75em 1.25em;
	line-height: 1.5;
	max-width: 75%;
}
article .content .fl {
	margin: 0 0 1em -1.25em;
}
article .content .fr {
	margin: 0 -3.5em 1em 1.25em;
}
article .content .fr,
article .content .fl {
	width: 50%;
}
article .content .fl + p::after,
article .content .fr + p::after {
	clear: both;
}
article .content .fl + p::before,
article .content .fl + p::after,
article .content .fr + p::before,
article .content .fr + p::after {
	display: block;
	content: '';
	margin-top: 2em;
	margin-bottom: 2em;
}
article .content .fl + p,
article .content .fr + p {
	display: inline;
	clear: none;
}
article .content .geoblock.only-sk {
	display: none;
}
body.geo-SK article .content .geoblock.only-sk {
	display: block;
}
body.geo-SK article .content .geoblock.only-sk + .geoblock.only-cz {
	display: none;
}
@supports selector(:has(*)) {
	body.geo-SK article .content .geoblock.only-cz:has(+ .geoblock.only-sk) {
		display: none;
	}
}
@supports not selector(:has(*)) {
	body.geo-SK article .content .geoblock.only-cz {
		display: none;
	}
}

article .content .galwrap {
	font-size: 25px;
	width: auto;
}
article .content .galwrap.fr,
article .content a[rel~="attachment"].fr {
	margin: 0 -3.5em 1em 1.25em;
}
article .content .galwrap.fl,
article .content a[rel~="attachment"].fl {
	margin: 0 1.25em 1em -90px;
}
.gallery.preview .head,
.quoteblock .head,
p.head {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;
	margin: 0 0 15px 0;
	font-weight: 600;
}
p.head {
	font-size: 16px;
	margin: 15px 0 5px 0
}
.quoteblock .head h2 {
	letter-spacing: inherit;
	font-size: inherit;
	margin: 0;
	font-weight: inherit;
}
.quoteblock .linesep {
	margin: 15px 0 0 0;
}
.quoteblock .head .linesep {
	margin: 0 0 10px 0;
}
.quoteblock article.preview h3 a,
.quoteblock article.preview h4 a {
	font-size: 20px;
}
.gallery.preview {
	background: rgba(0, 0, 0, 0.05);
	width: 350px;
	padding: 15px;
	position: relative;
	margin: 0 auto;
	border: 3px solid rgba(0, 0, 0, 0.0);
	max-width: 100%;
}
article.single :not(.galwrap) > .gallery.preview,
article.single .galwrap.fn > .gallery.preview,
main.home .gallery.preview {
	/* width: fit-content; */
	width: 100%;
}
.night .gallery.preview {
	background: rgba(255, 255, 255, 0.05);
}
.gallery.preview .head {
	font-size: 18px;
}
.gallery.preview .lsa-side-scroll .scroll-area {
	display: flex;
	justify-content: space-between;
	scroll-snap-type: none;
	scroll-behavior: smooth;
}
.gallery.preview .lsa-side-scroll figure {
	margin-bottom: 0;
	margin-right: 8px;
}
.gallery.preview figure {
	padding: 0;
	margin: 0;
	line-height: 0;
	display: block;
	margin-bottom: 10px;
	position: relative;
	width: calc(20%);
	min-width: 140px;
}
article.single :not(.galwrap) > .gallery.preview figure,
article.single .galwrap.fn > .gallery.preview figure {
	width: calc(25% - 10px);
	min-width: 145px;
	margin-right: 8px;
}
article.single :not(.galwrap) > .gallery.preview figure:last-child,
article.single .galwrap.fn > .gallery.preview figure:last-child {
	margin-right: 0;
}
article.single .gallery.preview .lsa-side-scroll figure {
	width: calc(20% + 8px);
	min-width: 0;
	flex-shrink: 0;
}
article.single .gallery.preview .lsa-side-scroll figure.minipresented {
	scroll-margin: 0 65px;
}
.gallery.preview a.morelink {
	margin: 1em 0 0.5em 0;
	color: black;
}
.night .gallery.preview a.morelink {
	color: white;
}
.gallery.preview figure a {
	height: 90px;
	width: 100%;
	display: block;
	overflow: hidden;
	flex: 1;
}
.gallery.preview figure img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	display: block;
}
.gallery.preview figure .title,
.gallery.preview figure .headline,
.gallery.preview figure .description {
	display: none;
}
.gallery.preview figure .more {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.1);
	color: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
	padding: 10px 0;
	align-items: center;
	justify-content: space-evenly;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	pointer-events: none;
	font-size: 15px;
}
.gallery.preview figure .more * {
	pointer-events: none;
}
.gallery.preview figure .more i {
	font-size: 1.5em;
}
.gallery.preview figure.shouldblur a img {
	filter: blur(5px);
}
.gallery.preview .mini-presenter {
	width: 100%;
	height: 350px;
	margin-bottom: 0.5em;
	position: relative;
}
article.single :not(.gal-wrap) .gallery.preview .mini-presenter figure,
.gallery.preview .mini-presenter figure,
.gallery.preview .mini-presenter figure a {
	width: 100%;
	height: 100%;
}
.gallery.preview .mini-presenter figure a {

}
.gallery.preview .mini-presenter .element {
	width: 100%;
	height: 100%;
	font-size: 0;
}
.gallery.preview.design-contain .mini-presenter .element img {
	object-fit: contain;
}
.gallery.preview .mini-presenter .ui i.side-button,
.gallery.preview .mini-presenter .ui i.zoom-icon {
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 36px;
	position: absolute;
	padding: 0 1em;
	height: 100%;
	display: flex;
	vertical-align: center;
	align-content: center;
	align-items: center;
	opacity: 0.8;
	top: 0;
	transition: opacity .2s ease-in-out;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
}
.gallery.preview .mini-presenter .ui i.zoom-icon {
	pointer-events: none;
	top: 0;
	height: 25%;
	width: 100%;
	font-size: 18px;
	display: block;
	text-align: center;
	margin-top: 0.5em;
}
.gallery.preview .mini-presenter .ui i.side-button {
	max-width: 40%;
}
.gallery.preview .mini-presenter .ui i.side-button.prev {
	padding-right: 2em;
}
.gallery.preview .mini-presenter .ui i.side-button.next {
	right: 0;
	padding-left: 2em;
}

section.comments {
	margin-top: 20px;
	margin-bottom: 5em;
}
section.comments .backbutton {
	float: right;
	font-weight: 600;
	font-size: 15px;
	margin: 15px 0;
}
section.comments .backbutton img {
	width: 100%;
	height: auto;
	filter: invert(1);
	display: block;
}
section.comments .backbutton .icon {
	height: 2.5em;
	width: 2.5em;
	border-radius: 1.5em;
	background: linear-gradient(90deg, #3fdcee, #11a2dc);
	display: inline-block;
	padding: 0.75em;
	vertical-align: middle;
	margin-left: 0.75em;
	color: #fff;
}
section.comments > h2 {
	float: left;
	font-size: 20px;
}
section.comments.collapsed {
	display: none;
}
section.comments ol {
	padding: 0;
	margin: 0;
}
article.depth-1 {
	margin-bottom: 20px;
}
article.comment {
	background: rgba(0, 0, 0, 0.05);
	font-size: 16px;
	position: relative;
}
.night article.comment {
	background: rgba(255, 255, 255, 0.03);
}
article.comment .comment-content,
.child-comments article.comment:not(:last-child) .comment-content {
	padding: 25px 30px;
	/* border-bottom: 1px solid #dcdcdc; */
}
article.comment p {
	line-height: 2;
	margin: 1.5em 0;
}
article.comment .comment-meta {
	display: flex;
}
article.comment div.avatar {
	margin-right: 20px;
}
article.comment img.avatar {
	display: inline-block;
	width: 64px;
	height: 64px;
	border-radius: 32px;
}
article.comment .comment-info {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	text-align: left;
}
article.comment .comment-meta address {
	display: block;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
}
article.comment .comment-meta address a {
	color: #000;
}
.night article.comment .comment-meta address a {
	color: #fff;
}
article.comment .comment-meta a {
	color: #999;
}
article.comment .child-comments article.comment {
	background: none;
	border-top: 1px solid #dcdcdc;
	margin-left: 30px;
}
article.comment .child-comments article.comment .comment-content {
	border-left: 1px solid #dcdcdc;
}
article.comment.parent > .comment-content {
	border-bottom: 1px solid #dcdcdc;
}
.night article.comment.parent .comment-content,
.night article.comment .child-comments article.comment,
.night article.comment .child-comments article.comment .comment-content,
.night article.comment.depth-1 > .child-comments .comment-respond,
.night .comment-list .comment-respond,
.night ol > .comments-list > .comment-respond:before,
.night article.comment:not(.parent) .comment-content {
	border-color: #444;
}
.night .child-comments .comment-respond::before,
.night .child-comments article.comment::before {
	background: #444;
}
.night article.comment .comment-bottom .comment-reply-link {
	color: #999
}
article.comment.parent .child-comments article.comment:first-child {
	border-top: none;
}
.child-comments .comment-respond::before,
.child-comments article.comment::before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #dcdcdc;
	position: absolute;
	left: -5px;
	top: calc(30px + 48px / 2 - 5px);
}
.child-comments article.comment img.avatar {
	width: 48px;
	height: 48px;
}
.fancycheckbox {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 18px;
	color: #4e4e4e;
}
.fancycheckbox input {
	position: absolute;
	opacity: 0;
}
.fancycheckbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
	margin-top: 1px;
	cursor: pointer;
}
.fancycheckbox:hover input ~ .checkmark { background-color: #ccc; }
.fancycheckbox input:checked ~ .checkmark { background-color: #0faff4; }
.fancycheckbox input:checked ~ .checkmark { box-shadow: none; }
.fancycheckbox input.invalid ~ .checkmark { box-shadow: 0 0 1px 0px #00adf4ad; }
.fancycheckbox input:focus + .checkmark {
	box-shadow: 0 0 5px 1px #00adf4ad;
}
.fancycheckbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.fancycheckbox input:checked ~ .checkmark:after { display: block; }
.fancycheckbox .checkmark:after {
	left: 7px;
	top: 3px;
	width: 4px;
	height: 9px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.comment-respond {
	/* padding: 0.5em 90px; */
}
.comment-respond #cancel-comment-reply-link {
	display: block;
}
.comment-respond h3 {
	font-size: 20px;
	margin: 0;
	color: #000;
}
.night .comment-respond h3 {
	color: #fff;
}
.comment-respond label {
	display: block;
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 0.5em;
}
.comment-respond input[type=text],
.comment-respond select,
.comment-respond textarea {
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	padding: 1em;
	font-size: inherit;
	font-family: inherit;
	outline: none;
	min-width: 0;
	background: rgba(0, 0, 0, 0.05);
}
.comment-respond textarea {
	width: 100%;
	max-width: 100%;
	resize: vertical;
}
.night .comment-respond textarea,
.night .comment-respond select,
.night .comment-respond input[type=text] {
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.1);
}
.comment-respond select,
.night .comment-respond select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	font-size: inherit;
	font-family: inherit;
	padding: 10px 50px 10px 10px;
	background-size: 1.25em 1em;
	background-position: right 5px center;
	background-clip: border-box;
	background-repeat: no-repeat;
}
.comment-respond select {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='15px'%3E%3Ctext x='0' y='10' fill='rgba(0, 0, 0, 0.5'%3E%E2%96%BE%3C/text%3E%3C/svg%3E") ;

}
.night .comment-respond select {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='15px'%3E%3Ctext x='0' y='10' fill='rgba(255, 255, 255, 0.5)'%3E%E2%96%BE%3C/text%3E%3C/svg%3E") ;
}
.comment-respond textarea::placeholder,
.comment-respond input::placeholder {
	color: inherit;
	opacity: 0.5;
}
.comment-respond textarea:focus,
.comment-respond input:focus,
.comment-respond a.login-button:focus,
.comment-respond .submit:focus {
	box-shadow: 0 0 5px #00adf4;
}

.comment-respond p.form-submit {
	text-align: center;
}
.comment-respond .submit,
.comment-respond a.login-button {
	padding: 1em 4em;
	border: none;
	background: linear-gradient(to right, #3fdcee, #11a2dc);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	font-family: inherit;
	border-radius: 10px;
	margin: 0 auto;
	outline: none;
	cursor: pointer;
}
.comment-respond a.login-button {
	padding: 0 2.5em;
	display: inline-block;
	line-height: 3em;
}
.comment-respond a.login-button:hover {
	text-decoration: none;
}
.comment-respond span.nebo {
	margin: 0 3em;
}
.comment-respond .comment-tos {
	position: relative;
	padding-right: 25px;
	text-align: justify;
	margin-bottom: 20px;
	max-width: 100%;
	line-height: 1.5;
}
.comment-respond .comment-tos.revealed {
	padding-right: 0;
}
.night .comment-respond .comment-tos .short-tos {
	color: rgba(255, 255, 255, 0.6);
}
.comment-respond .comment-tos .fancycheckbox { font-size: 14px; }
.comment-respond .comment-tos .fancycheckbox {width: 90%;max-width: 100%;}
.comment-respond .comment-tos .short-tos {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: normal;
}
.comment-respond .comment-tos .reveal-tos {
	position: absolute;
	display: block;
	top: -1px;
	right: 25px;
	cursor: pointer;
	color: #00adf4;
	font-size: 14px;
}
.comment-respond .comment-tos .reveal-tos:hover {
	text-decoration: underline;
}
.comment-respond .comment-tos.revealed .reveal-tos { display: none; }
.comment-respond .comment-tos.revealed .fancycheckbox { width: 100%; }
.comment-respond .comment-tos.revealed .short-tos {
	white-space: normal;
	text-overflow: initial;
	font-weight: normal;
}
.comment-respond .comment-form-author .wrapper {
	display: flex;
}
.comment-respond .comment-form-author .wrapper .comment-reply-login-button {
	white-space: nowrap;
}
.comment-respond .comment-form-author .wrapper input {
	flex: 1;
}
article.comment .comment-bottom,
article.comment .comment-bottom .comment-reply-link {
	color: #565656;
}
.comment-list .comment-respond {
	padding: 0;
}
/* Is this autistic? yeah. is it very autistic? yeah. Am I desperate enough to commit such monstrosity? hell yeah! */
.comment-list .comment-respond {
	padding: 20px 30px 20px 30px;
	border-bottom: 1px solid #dcdcdc;
	/* margin-bottom: 10px; */
	margin-left: 30px;
	position: relative;
}
.night .comment-list .comment-respond {
	background: rgba(255, 255, 255, 0.03);
}
.comment-list article.depth-1 .comment-respond,
.night .comment-list article.depth-1 .comment-respond {
	background: none;
}
article.comment.depth-1 > .child-comments .comment-respond {
	margin-left: calc(2 * 30px);
	border-left: 1px solid #dcdcdc;
	border-bottom: none;
	border-top: 1px solid #dcdcdc;
}
ol > .comments-list > .comment-respond {
	margin-top: -20px;
	border-bottom: none;
	background: rgba(0, 0, 0, 0.05);
	margin-bottom: 10px;
	/* color: inherit; */
}
ol > .comments-list > .comment-respond:before {
	position: absolute;
	display: block;
	content: '';
	background:rgba(0, 0, 0, 0.05);
	width: 30px;
	height: calc(100% + 0px);
	left: -30px;
	top: -0px;
	border-right: 1px solid #dcdcdc;
	/*border-top: 1px solid #dcdcdc;*/
}
.night ol > .comments-list > .comment-respond:before {
	background: rgba(255, 255, 255, 0.03);
}
section.comments .separator {
	width: 100%;
	height: 1px;
	background: #dcdcdc;
	display: none;
}
.comments-list > article.comment:not(.parent) .comment-content {
	border-bottom: none;
	border-left: 1px solid #dcdcdc;
	border-left: 0;
}

h2.modern,
h3.modern {
	display: flex;
	text-transform: uppercase;
	letter-spacing: 4px;
	word-spacing: 5px;
	font-size: 22px;
	color: #00adf4;
}
h2.modern.small,
h3.modern.small {
	font-size: 18px;
}
h2.modern::after,
h3.modern::after {
	display: block;
	height: 2px;
	background: #00adf4;
	content: '';
	flex: 1;
	margin-left: 0.5em;
	margin-top: calc(0.5em + 1px);
}
h2.modern.noline::after,
h3.modern.noline::after {
	display: none;
}
h2.modern a,
h3.modern a {
	color: inherit;
	letter-spacing: inherit;
	word-spacing: inherit;
}
h2.modern a:hover,
h3.modern a:hover {
	text-decoration: none;
}
h2.modern.bleskovky,
h3.modern.bleskovky {
	color: #ee1154;
}
h2.modern.bleskovky::after,
h3.modern.bleskovky::after {
	background: #ee1154;
}

aside.homepage > meta ~ h2.modern,
aside.homepage > meta ~ h3.modern {
	margin-top: 0
}

.grid-3col {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 45px 30px;
}
.grid.bleskovky {
	margin-bottom: 30px;
}
.gallery-banner.leaderboard {
	left: 0;
	right: 0;
	margin: auto;
	font-size: 0;
}
.gallery-banner.left-banner,
.gallery-banner.right-banner {
	width: 300px;
	height: 600px;
	position: absolute;
	/* background: red; */
	top: 150px;
}
.gallery-banner.left-banner {
	left: -330px;

}
.gallery-banner.right-banner {
	right: -330px;
}
.gallery-banner.bottom-banner {
	text-align: center;
	min-height: 210px;
	bottom:  0;
}
.gallery-banner.bottom-banner a {
	display: inline-block;
	max-width: 100%;
}
.gallo {
	display: block;
	position: fixed;
	background: #000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
	transition: opacity .2s ease-out, overflow-y .2s ease-out;
	z-index: 2000;
	will-change: opacity;
	overflow-x: scroll;
	touch-action: manipulation;
	-webkit-user-select: none;
	transform: translateZ(10px);
}
.gallo.open {
	opacity: 1;
	pointer-events: all;
	/* overflow-y: scroll;
	overflow-x: scroll; */
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-y: contain;
}
body.gallo-open {
	overflow: hidden;
}
.gallo .gal-ui,
.gallo .gal-ui-cont {
	width: 100%;
	height: 100%;
}
.gallo .content-area {
	width: 1170px;
	height: 100%;
	position: relative;
	margin: 0 auto;
}
.gallo .gal-ui {
	position: absolute;
	top: 0;
	left: 0;
}
.gallo .gal-ui-cont {
	position: relative;
}
.gallo .scroll-wrap {
	position: relative;
	display: table;
	width: 100%;
	height: 700px;
	margin-bottom: 1em;
}
.gallo .gal-items img {
	height: 100%;
	position: absolute;
	overflow: overlay;
	display: table-row;
	width: 100%;
	object-fit: contain;
	transition: .2s opacity ease-in-out;
	opacity: 0;
	pointer-events: none;
}
.gallo .gal-items img.active {
	opacity: 1;
	pointer-events: all;
}
.gallo.solopic .gal-nav {
	display: none;
}
.gallo .gal-nav {
	height: 100%;
	width: 100%;
	/* position: absolute; */
	/* display: table-row; */
}
.gallo .gal-nav button {
	height: 100%;
	display: block;
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
	width: 33%;
	height: 100%;
	position: absolute;
	outline: none;
	cursor: pointer;
	padding: 20px;
	line-height: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
.gallo .gal-nav button.gal-next {
	right: 0;
	text-align: right;
}
.gallo .gal-nav button.gal-previous {
	text-align: left;
}
.gallo .gal-nav button i {
	color: #fff;
	font-size: 40px;
	/*background: #00adf4*/;
	border-radius: 12em;
	padding: 0.75em;
	width: 1.5em;
	height: 0;
	display: inline-flex;
	align-items: center;
	justify-content: space-around;
	text-align: center;
	user-select: none;
	-webkit-user-select: none;
}
.gallo .gal-nav button i::before {
	margin-left: 0.1em;
}
.gallo .gal-nav button.gal-previous i::before {
	margin-left: -5px;
}
.gallo .gal-nav button:hover i {
	color: #fff;
	/*background: #00adf4*/;
}
.gallo .gal-nav button:hover i,
.gallo .gal-zoom i:hover,
.gallo .gal-close i:hover {
	text-shadow: 0 0 3px #000;
}
.gallo .gal-info {
	font-size: 24px;
	color: rgba(255, 255, 255, 0.9);
	font-weight: 600;
	padding: 20px;
	min-height: 100px;
}
.gallo .gal-info .counter {
	font-size: 0;
	margin-top: 10px;
	display: inline-block;
}
.gallo .gal-info .counter .gal-counter {
	font-size: 18px;
}
.gallo.solopic .gal-info .counter {
	display: none;
}
.gallo .gal-info .gal-source {
	margin-left: 10px;
}
.gallo .gal-zoom,
.gallo .gal-close {
	color: #00afd4;
	font-size: 18px;
	cursor: pointer;
}
.gallo .gal-close {
	float: right;
}
.gallo .gal-zoom {
	float: left;
}
.gallo .gal-zoom i,
.gallo .gal-close i {
	color: #fff;
	padding: 0.8em;
	border-radius: 3em;
	vertical-align: middle;
	display: inline-block;
}
.gallo .gal-close i {
	margin-left: 1em;
	/*background: #00adf4*/;
}
.gallo .gal-zoom {
	margin-right: 1em;
}
.gallo .gal-source,
.gallo .gal-caption {
	color: #eee;
	font-size: 17px;
	width: 75%;
	margin: 0 auto;
	padding: 30px 0;
}
.gallo .gal-source { display: none; }
.gallo .gal-caption.empty {
	display: none;
}
.gallo .gal-caption .citation {
	display: none;
}
.stripebox .linesep {
	margin: 15px 0;
}
.stripebox.forum {
	background: #ee115414;
}
.stripebox.bazar {
	background: #ff990014;
}
.stripebox article.preview,
.stripebox article.bazar {
	padding: 0 10px;
}
.stripebox .linesep:last-child {
	background: transparent;
}
article.forum.wide {
	display: flex;
	flex-direction: row;
	padding: 10px 20px;
	font-size: 14px;
}
article.forum.wide .icon {
	flex: 0;
	border-radius: 500px;
	margin-right: 20px;
	display: flex;
	flex-direction: row;
	vertical-align: middle;
	justify-content: space-around;
	align-items: center;
}
article.forum.wide .icon span {
	display: block;
	line-height: 0;
	font-size: 40px;
	background: #fff;
	border-radius: 3em;
	text-align: center;
	padding: 1em;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
article.forum.wide .icon span i {
	position: absolute;
	line-height: 0;
}
article.forum.wide .icon i::before, .bbp-forum-icon i {
	background: linear-gradient(45deg, #11a1db, #fb3f7f);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 1px;
}
.night article.forum.wide .icon span {
	background: rgba(255, 255, 255, 0.12);
}
article.forum.wide .descbox {
	flex: 1;
	width: auto;
}
article.forum.wide .descbox h3 {
	font-size: 18px;
	margin: 0;
}
article.forum.wide .descbox p {
	line-height: 1.4;
	font-size: 16px;
	margin: 10px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	max-height: calc(2em * 1.4);
	word-break: break-all;
}
article.forum .infoline .category_stripe::before {
	background: #ff407f;
}
article.single .content .wp-caption {
	width: 100% !important;
}
article.single .content .wp-caption a {
	font-size: 0;
	line-height: 0;
}
article.single .content .wp-caption-text {
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	margin-top: 0;
}
.night article.single .content .wp-caption-text {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	margin-top: 0;
	padding-top: 5px;
}
.autoscroll-content, .lsads-banner.autoscroll-content {
	position: sticky;
	position: -webkit-sticky;
	top: 30px
}
.lsads-banner {
	line-height: 0;
}
.lsads-banner:not(#popup_wrapper) a {
	line-height: 0;
	font-size: 0;
}
aside.topbanner img,
.lsads-banner:not(#popup_wrapper) img,
.lsads-banner video {
	max-width: 100%;
	width: 100%;
}
.lsads-banner.video-ad {
	position: relative;
	margin: 20px 0;
}
.lsads-banner.video-ad > .label {
	font-size: 14px;
	top: -10px;
	position: absolute;
	width: 100%;
	text-align: center;
}
.lsads-banner.video-ad .button {
	background: #252429;
	border-radius: 50%;
	position: absolute;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
	transition: all .2s ease-in-out;
	box-shadow: 0 0 10px #252429;
}
.lsads-banner.video-ad .button:hover {
	background: #4a4851;
}
.lsads-banner.video-ad .button.faded {
	background: #252429;
	opacity: 0.3;
}
@media (hover: hover) {
	.lsads-banner.video-ad .button:hover {
		opacity: 1;
	}
	.lsads-banner.video-ad .button.faded:hover {
		background: #4a4851;
	}
}
.lsads-banner.video-ad .button i {
	font-size: 20px;
	color: #fff;
	padding: 15px;
	line-height: 20px;
	display: inline-block;
	min-width: 51px;
	min-height: 51px;
}
.lsads-banner.lsads-google {
	text-align: center;
}
.lsads-banner.paragraph-inline-ad {
	margin-bottom: 30px;
}
aside.middle .lsads-banner.short-square {
	min-height: 250px;
	height: 250px;
}
/*main:not(.home) + */aside.middle .lsads-banner.autoscroll-content {
						  position: -webkit-sticky;
						  position: sticky;
						  top: 20px;
						  margin-bottom: 0;
					  }
/*main.home + */aside.middle .lsads-banner.autoscroll-content-2 {
					/* margin-bottom: 0em; */
				}
main.home {
	max-width: 545px;
}
@media (min-height: 1060px) {
	/*main:not(.home) + */aside.middle .lsads-banner.autoscroll-content-2 {
	position: sticky;
	position: -webkit-sticky;
	top: 30px;
}
	/*main:not(.home) + */aside.middle .lsads-banner.autoscroll-content {
							  top: 560px !important; /* 560px */
							  margin-bottom: -500px; /* 500px */
						  }
	/*main:not(.home) + */aside.middle {
							  margin-bottom: 500px; /* 500px */
						  }
}
img.loadbgimg {
	/* opacity: 0; */
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
img.trackpixel {
	position: absolute;
	width: 0 !important;
	height: 0 !important;
}
aside.topbanner[data-place="headerbanner_top"] {
	min-height: calc((1110px / 1130) * 150 + 20px);
}
aside.topbanner[data-place="headerbanner_bottom"] {
	min-height: calc((1110px / 1110) * 125 + 20px);
}
body.geo-SK aside.topbanner[data-place="headerbanner_top"] {
	min-height: calc((1110px / 1130) * 125 + 20px);
}
main.single .lsads-banner[data-place^="single_after"] {
	min-height: 220px;
}
#ad_native_single_more {
	min-height: 142px;
}

figure.poll {
	margin: 0;
	padding: 0;
	font-weight: 500;
}
figure.poll .poll-head h2 {
	font-size: 17px;
	font-weight: 500;
	color: #00adf4;
	margin-top: -5px;
	margin-bottom: 5px;
	padding: 0;
}
figure.poll .poll-answer {
	font-size: 17px;
	padding: 2px 10px;
	margin-top: 10px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	color: #000;
}
.night figure.poll .poll-answer {
	color: #fff;
}
figure.poll .poll-answer .ans-bar,
figure.poll .poll-answer .ans-bar-wrap {
	border-radius: 50px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
figure.poll .poll-answer .ans-bar-wrap {
	background: linear-gradient(90deg, #3fdcee, #11a2dc);
	transform: translateZ(0);
	padding: 2px;
}
figure.poll .poll-answer .ans-bar-line {
	position: relative;
	background: white;
	width: 100%;
	height: 100%;
	border-radius: 50px;
	overflow: hidden;
}
.night figure.poll .poll-answer .ans-bar-line {
	background: #252429;
}
figure.poll .poll-answer .ans-bar {
	background: linear-gradient(90deg, #3fdcee, #11a2dc);
	box-shadow: 0 0 3px #00adf4;
	transition: transform .4s ease-out, background-size .4s ease-out;
	transform: scaleX(0);
	transform-origin: left;
	background-size: max(260px, 100%);
	border-radius: 50px;
	will-change: transform;
}
figure.poll .poll-answer .ans-percentage {
	float: right;
	font-weight: 500;
	font-size: 16px;
	position: relative;
	opacity: 0;
}
figure.poll .poll-answer .ans-text {
	position: relative;
}
figure.poll .poll-total {
	font-size: 13px;
	float: right;
	margin-top: 5px;
	opacity: 0;
}
figure.poll.has-voted .poll-answer .ans-percentage {
	opacity: 1;
}
figure.poll.has-voted .poll-total  {
	opacity: 0.8;
}
figure.poll .poll-total,
figure.poll.has-voted .poll-answer .ans-percentage {
	transition: opacity .4s ease-in-out;
}

figure.quiz {
	margin: 2em;
}
figure.quiz .choice {
	display: block;
	margin-bottom: 0.25em;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-color: rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0.05);
	padding: 0.5em 1em;
	transition: background .2s ease-in-out, border-color .4s ease-in-out, opacity .4s ease-in-out;
	cursor: pointer;
	position: relative;
}
figure.quiz .question.done .choice {
	opacity: 0.7;
}
.night figure.quiz .choice { background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.5); }
figure.quiz.result .choice {
	border-color: transparent;
}
figure.quiz .question.done .choice.selected,
figure.quiz:not(.result) .choice:hover {
	opacity: 1;
	background: #00adf480;
}
figure.quiz .choice span {
	color: inherit;
}
figure.quiz .choice input[type="radio"] {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	-webkit-appearance: none;
	appearance: none;

}
figure.quiz .choice svg.radio {
	width: 0.8em;
	height: 0.8em;
	margin-right: 0.5em;
}
figure.quiz .choice input[type="radio"] + svg.radio .inner {
	opacity: 0;
}
figure.quiz .choice input[type="radio"]:checked + svg.radio .inner {
	opacity: 1;
}
figure.quiz .quiz-footer .buttons {
	padding: 1em;
	text-align: center;
}
figure.quiz .choice.selected.wrong {
	border: 1px solid #c33;
	background: rgba(235, 80, 80, 0.3);
}
figure.quiz .choice.correct.selected {
	border: 1px solid #329632;
	background: rgba(80, 205, 80, 0.3);
}
figure.quiz .choice.correct.selected .msg {
	display: none;
}
figure.quiz .choice.correct .msg {
	font-weight: 600;
	color: #33b033;
}
figure.quiz .question-image {
	text-align: center;
	line-height: 0;
	margin-bottom: 0.5em;
}
figure.quiz .question-image img {
	max-height: 300px;
	object-fit: contain;
}
figure.quiz .quiz-footer a.repeat,
figure.quiz .quiz-footer button.check {
	border: none;
	background: #00adf4;
	padding: 0.5em 1em;
	font-family: inherit;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	border-radius: 5px;
	cursor: pointer;
	transition: box-shadow .4s ease-in-out;
	margin-right: 1em;
}
figure.quiz .quiz-footer a.repeat:hover,
figure.quiz .quiz-footer button.check:hover {
	text-decoration: none;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
figure.quiz .quiz-footer button.check { background: #008000a0; }
figure.quiz.alldone .quiz-footer button.check { background: #00ad00; }
figure.quiz .result {
	text-align: center;
	background: rgba(0, 0, 0, 0.07);
	padding: 1.5em;
	font-size: 16px;
	border: 1px solid transparent;
	color: #333;
}
.night figure.quiz .result {
	background: rgba(255, 255, 255, 0.07);
	color: #ddd;
}
figure.quiz .result h3,
figure.quiz .result p {
	margin: 25px 0;
	line-height: 1;
}
figure.quiz .result h3 {
	text-align: center;
	font-size: 1.6em;
	font-weight: 300;
	/* letter-spacing: 3px; */
	line-height: 1;
	margin-top: 0;
}
figure.quiz .result p.points .got {
	font-weight: 600;
	font-size: 1.2em;
}
figure.quiz .result p.social-share {
	margin-bottom: 0;
	/* margin-top: 1.5em; */
	line-height: 2;
}
figure.quiz .result p.social-share a {
	text-decoration: none;
	padding: 0.5em;
	font-size: 1.2em;
}
figure.quiz .result p.social-share a {
	display: inline-block;
	background: #00adf4;
	font-size: 18px;
	color: #fff;
	/* padding: 0.2em 2em; */
	line-height: 1.4;
	padding: 0.5em 2em;
	/* border-radius: 5px; */
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}
figure.quiz .result p.social-share a i {
	font-size: 1.2em;
	vertical-align: sub;
	display: inline-block;
	margin-right: 0.5em;
}




body.category-bleskovky main h1 {
	display: none;
}
body.category-bleskovky main h1 + .linesep {
	display: none;
}

main.taxonomy.serial {
	padding: 0.5em 90px;
}
.lsa-side-scroll {
	position: relative;
}
.lsa-side-scroll article.preview {
	display: inline-flex;
	height: 330px;
	width: 255px;
	margin-right: 10px;
	position: relative;
	font-size: 14px;
	overflow: visible;
	scroll-snap-align: center;
	width: calc(33.3% - 10px * 2/3);
	min-width: 200px;
}
.night .lsa-side-scroll article.preview {
	box-shadow: none;
}
.lsa-side-scroll article.preview:last-child {
	margin-right: 0
}
.most-popular .lsa-side-scroll .scroll-button {
	display: none;
}
.most-popular .lsa-side-scroll .scroll-bar {
	margin-top: 15px;
}
.lsa-side-scroll .scroll-area-wrap {
	overflow: hidden;
	position: relative;
}
.lsa-side-scroll .scroll-area {
	display: block;
	/* font-size: 0; */
	overflow-y: hidden;
	white-space: nowrap;
	margin-bottom: -30px;
	padding-bottom: 30px;
}
.lsa-side-scroll .scroll-area > * {
	white-space: normal;
}
.lsa-side-scroll .scroll-bar {
	height: 4px;
	border-radius: 2px;
	width: 100%;
	background: rgba(0, 0, 0, 0.07);
	margin: 10px auto 20px auto;
	position: relative;
	opacity: 0;
	transition: opacity .4s ease-in-out;
}
.night .lsa-side-scroll .scroll-bar {
	background: rgba(255, 255, 255, 0.07);
}
.lsa-side-scroll.no-scroll .scroll-bar {
	display: none;
}
.lsa-side-scroll.with-bar .scroll-bar {
	opacity: 1;
}
.lsa-side-scroll .scroll-bar .scroll-handle {
	width: 150px;
	height: 4px;
	background: linear-gradient(to right, #0012f8, #7410a8);
	top: 0;
	position: absolute;
	cursor: pointer;
}
.lsa-side-scroll .scroll-bar .scroll-grab {
	height: 35px;
	position: absolute;
	width: calc(100% + 30px);
	left: -15px;
	top: -15px;
	user-select: none;
	-webkit-user-select: none;
}
.lsa-side-scroll .scroll-button {
	background: #000;
	opacity: 0.4;
	width: 40px;
	height: 120px;
	position: absolute;
	top: -10px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	transition: opacity .2s ease-in-out;
}
.lsa-side-scroll:not(.with-buttons) .scroll-button {
	opacity: 0;
}
.lsa-side-scroll.scrolled-left .scroll-button.left,
.lsa-side-scroll.scrolled-right .scroll-button.right {
	pointer-events: none;
	opacity: 0;
}
.lsa-side-scroll .scroll-button i {
	color: #fff;
	font-size: 22px;
}
.lsa-side-scroll .scroll-button.left {
	left: 0;
	border-radius: 0 4px 4px 0;
}
.lsa-side-scroll .scroll-button.right {
	right: 0;
	border-radius: 4px 0 0 4px;
}
section.tax-serial .caret {
	position: relative;
	margin-bottom: 0.5em;
}



article.rich-tile.preview .thumbnail {
	height: 100%;
	width: auto;
	overflow: hidden;
}
article.rich-tile.preview .descbox {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 20%, transparent 80%);
	color: #fff;
	padding: 20px;
	margin: 0;
	flex-grow: 1;
	justify-content: flex-end;
}
.lsa-side-scroll article.rich-tile.preview.hastax-serial.item-current .descbox {
	box-shadow: inset 0 0 0 3px #4711c7;
}
article.rich-tile.preview .descbox .desc {
	flex-grow: 1;
	flex-basis: 100%;
}
article.rich-tile h3,
article.rich-tile h4 {
	color: inherit;
}
article.rich-tile.preview .desc h3 {
	font-size: 22px;
	margin: 0;
	width: 100%;
	height: 100%;
	flex-basis: 100%;
}
article.rich-tile.preview h3 a {
	flex-grow: 1;
	display: flex;
	flex-shrink: 0;
	max-width: 100%;
	height: 100%;
	align-items: flex-end;
	padding: 0;
}
article.rich-tile.preview h3 a:hover {
	color: #fff;
}
article.rich-tile.preview h3 a span {
	white-space: normal;
	overflow: visible;
	-webkit-line-clamp: initial;
}
article.rich-tile.preview .infoline {
	margin-top: 1.5em;
}
article.rich-tile:not(.info-below) .infoline a,
article.rich-tile:not(.info-below) .infoline time {
	color: #fff;
}
article.rich-tile .infoline span.sep {
	background: #fff;
}
article.hastax-serial .category_stripe::before {
	background: #4711c7;
}
.caret.tax-serial::before {
	background: linear-gradient(to right, #2712dd, #941191);
}
.caret.tax-serial > .title {
	background: linear-gradient(to right, #2712dd, #941191);
	background-size: 650px;
	background-clip: border-box;
}
.caret.tax-serial > .title::after {
	border-top-color: #3512d3;
}
main.home .lsa-side-scroll article.rich-tile {
	height: 300px;
}
main.single .lsa-side-scroll article.rich-tile {
	height: 300px;
	width: calc(25% - 10px * 3/4);
}
main.home .lsa-side-scroll article.rich-tile .descbox {
	padding: 20px 15px;
}
main.single #LB24 {
	background: #fff;
}

.scratch-coupon {
	max-width: 100%;
	position: relative;
	margin-top: -1em;
	margin-bottom: 1em;
	min-height: calc(102px);
}
.scratch-coupon img {
	width: 100%;
	font-size: 0;
	position: relative;
	z-index: 1200;
	pointer-events: none;
}
.scratch-coupon .scratch-inside {
	position: absolute;
	width: calc(100% - 2px);
	left: 1px;
	top: 6px;
	height: calc(100% - 22px);
	border-radius: 20px;
	z-index: 1000;
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-weight: 900;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	cursor: pointer;
}



nav.single-pagination {
	display: block;
	margin: 3em 0 2em 0;
	padding: 0;
	text-align: center;
	position: relative;
	user-select: none;
}
nav.single-pagination .nav-title {
	position: absolute;
	width: 100%;
	top: -1.75em;
	font-size: 18px;
	pointer-events: none;
	transition: opacity .2s ease-out;
}
nav.single-pagination ol:hover + .nav-title {
	opacity: 0;
}
nav.single-pagination .nav-label {
	font-size: 13px;
	margin-bottom: 1em;
	position: absolute;
	top: -2em;
	left: 50%;
	transform: translateX(-50%);
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	pointer-events: none;
	text-overflow: ellipsis;
	opacity: 0;
	transition: all .4s ease-out;
}
nav.single-pagination li a:hover + .nav-label {
	opacity: 1;
}
nav.single-pagination ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	display: block;
}
nav.single-pagination li {
	display: inline-block;
	margin: 0 3px;
}
nav.single-pagination li a {
	padding: 0.75em 1em;
	line-height: 1;
	background: none;
	color: #000;
	text-decoration: none;
	transition: all .2s ease-out;
	font-weight: 700;
	font-size: 20px;
	border: 1px solid #0008;
	border-radius: 5px;
	display: inline-block;
}
.night nav.single-pagination li a {
	color: #fff;
	border-color: #fff8
}
nav.single-pagination li a.prev,
nav.single-pagination li a.next {
	background: none;
	border: none;
}
nav.single-pagination li a.current {
	border-color: #00adf4;
	background: #00adf4;
	color: #fff;
}
nav.single-pagination li a:not(.current):hover {
	background: #000;
	color: #fff;
}
.night nav.single-pagination li:not(.arrow) a:not(.current):hover {
	background: #fff;
	color: #000;
}
nav.single-pagination li a:hover.prev,
nav.single-pagination li a:hover.next {
	background: none;
	color: #00adf4;
}
nav.single-pagination li a i {
	vertical-align: middle;
}
nav.single-pagination li.dots-before {
	padding-left: 30px;
}
nav.single-pagination li.dots-before::before {
	display: inline-block;
	padding: 0.6em 0em;
	line-height: 1;
	content: '...';
	color: inherit;
	font-size: 20px;
	margin-right: 6px;
	position: absolute;
	margin-left: -24px;
	margin-right: 0;
}
nav.single-pagination a.show-all {
	margin-top: 0.5em;
	color: inherit;
	display: block;
}
.lsa-content-page {
	display: none;
}
.lsa-content-page.page-current {
	display: block;
}
.content.showing-all-pages .lsa-content-page {
	display: block;
}
.content.showing-all-pages nav.single-pagination li.arrow,
.content.showing-all-pages nav.single-pagination a.show-all,
.content.showing-all-pages .floating-pagination {
	display: none;
}

nav.single-pagination li:not(.essential) {
	display: none;
}

@media (max-width: 670px) {
	nav.single-pagination li:not(.essential) {
		display: none;
	}
}

@media (max-width: 500px) {
	nav.single-pagination ol {
		display: flex;
		flex-direction: row;
		align-content: space-between;
		justify-content: center;
		align-items: center;
	}
	nav.single-pagination li {
		flex-grow: 1;
	}
	nav.single-pagination li a {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		height: 100%;
	}
}
@media (max-width: 400px) {
	nav.single-pagination li {
		margin: 0 1px;
	}
}

.content .floating-pagination {
	height: 0;
	font-size: 60px;
	line-height: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.content .floating-pagination > div {
	position: absolute;
}
.content .floating-pagination a,
.content .floating-pagination .but {
	text-decoration: none;
	padding: 18px;
	margin-top: 90px;
	transform: scaleY(4);
	font-family: serif;
	cursor: pointer;
	user-select: none;
	color: #00adf4;
}
.content .floating-pagination .prev {
	margin-left: -80px;
}
.content .floating-pagination .next {
	margin-right: -80px;
}

.infinitesingle-placeholder .inside {
	padding: 0.5em 90px;
	font-size: 16px;
}
.infinitesingle-placeholder .inside .hline {
	height: 32px;
}
.infinitesingle-placeholder .inside div {
	background: rgb(120, 120, 120, 0.1);
	height: 15px;
}
.infinitesingle-placeholder .inside .linea div {
	display: inline-block;
}

.ios-switch {
	display: inline-block;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.ios-switch i {
	position: relative;
	display: inline-block;
	margin-right: .5rem;
	width: 46px;
	height: 26px;
	background-color: #e6e6e6;
	border-radius: 23px;
	vertical-align: text-bottom;
	transition: all 0.3s linear;
}
.ios-switch i::before {
	content: "";
	position: absolute;
	left: 0;
	width: 42px;
	height: 22px;
	background-color: #fff8;
	border-radius: 11px;
	transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
	transition: all 0.25s linear;
}
.ios-switch i::after {
	content: "";
	position: absolute;
	left: 0;
	width: 22px;
	height: 22px;
	background-color: #fff;
	border-radius: 11px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
	transform: translate3d(2px, 2px, 0);
	transition: all 0.2s ease-in-out;
}
.ios-switch:active i::after {
	width: 28px;
	transform: translate3d(2px, 2px, 0);
}
.ios-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }
.ios-switch input { position: absolute; opacity: 0; }
.ios-switch input:checked + i { background-color: #4BD763; }
.ios-switch input:focus + i {
	box-shadow: 0px 0px 7px 0 #000;
}
body.night .ios-switch input:focus + i {
	box-shadow: 0px 0px 7px 1px #fff;
}
.ios-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }
.ios-switch input:checked + i::after { transform: translate3d(22px, 2px, 0); }




.onlymobile,
.onlymobileinline {
	display: none;
}

/****************************************** F I X E D   S I Z I N G *****************************************/
.header-menu .logo_composed .text {
	width: 102px;
}
.header-menu .logo_composed .icon {
	width: 59px;
}
main.single {
	min-width: 830px;
	max-width: 830px;
	flex: 0;
}
#ad_native_hp_loop,
#ad_native_hp_loop2 {
	height: 160px;
}
#ad_native_search, #ad_native_search_second,
#ad_native_category, #ad_native_category_second {
	min-height: 142px;
}
.nativead {
	overflow: hidden;
}

#ad_native_single_popular {
	max-width: 100vw;
	overflow: hidden;
}
#ad_popup {
	text-align: center;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2500;
	height: 100vh;
	color: #fff;
	display: none;
	justify-content: center;
	vertical-align: middle;
	flex-direction: column;
	background: rgba(0, 0, 0, 0.7);
	pointer-events: none;
}
#ad_popup.shown { display: flex; }
#ad_popup.bottom {
	position: fixed;
	bottom: 0;
	padding: 0;
	left: 0;
	right: 0;
	height: auto;
	/* background: #d6d6d6d1; */
	top: auto;
	color: #000;
	line-height: 0;
	text-decoration: none;
	background: none;
	/* backdrop-filter: blur(5px); */
	cursor: auto;
	/* transform: translateZ(2px); */
}
#ad_popup.bottom a { display: inline-block; }
#ad_popup .close {
	width: 100%;
	line-height: 1em;
	text-align: right;
	padding: 5px 10px;
	font-weight: 600;
	color: #333;
	text-shadow: 0 0 5px rgba(50, 50, 50, 0.4);
	font-size: 16px;
	background: #fffa;
	display: block;
	cursor: pointer;
	pointer-events: all;
}
#ad_popup.noclose .close { display: none; }
#ad_popup.tabclose.centerclose .close {
	margin-left: auto;
	margin-right: auto;
}
#ad_popup img {
	max-height: 100vh;
	max-width: 100vw;
}
#ad_popup #popup_wrapper {
	text-align: center;
	pointer-events: all;
}
#ad_popup.tabclose img {
	box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.4);
}
#ad_popup.tabclose .close {
	width: auto;
	margin: 0 auto;
	margin-right: 10px;
	padding: 10px 12px 10px 15px;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	letter-spacing: 0.8px;
}
#ad_popup.tabclose .close i {
	margin-left: 5px;
}
.night #ad_popup.tabclose .close {
	background: rgba(255, 255, 255, 0.5);
	color: #000;
}
#ad_popup.tabclose .close {
	background: rgba(37, 35, 41, 0.5);
	color: #fff;
	display: inline-block;
}
.lsads-banner { text-align: center }

aside.footerbanner {
	min-height: 214px;
}
aside.footerbanner > div,
aside.topbanner > div {
	margin-left: auto;
	margin-right: auto;
}

section.hp-gallery {
	position: relative;
	padding-top: 50px;
	margin-bottom: 20px;
	overflow-x: hidden;
}
section.hp-gallery .gallery.preview a.morelink {
	display: none;
}

.lsads-banner.paragraph-inline-ad {
	/* video ad CLS (16:9) */
	/* min-height: calc((650px / 16) * 9); */
}

@media (max-width: 1850px) {
	.gallery-banner.left-banner {
		width: 250px;
		left: -280px;
	}
	.gallery-banner.right-banner {
		width: 250px;
		right: -280px;
	}
}
@media (max-width: 1750px) and (min-width: 1190px) {
	.gallo .scroll-wrap {
		margin: 0 auto;
		display: block;
		width: calc(100vw - 560px);
		max-height: 600px;
		margin-bottom: 1em;
	}
	.gallery-banner.left-banner,
	.gallery-banner.right-banner {
		position:fixed;
		margin-top: 70px;
	}
	.gallery-banner.left-banner {
		left: 0;
	}
	.gallery-banner.right-banner {
		right: 0;
	}
}
@media (max-width: 1190px) {
	.gallery-banner.right-banner {
		display: none;
	}
}
@media (max-width: 818px) {
	main.home {
		max-width: none;
	}
	.mobile-move:not(.moved) {
		display: none !important;
	}
	.onlymobile {
		display: block;
	}
	.onlymobileinline {
		display: inline;
	}
	.onlydesktop {
		display: none !important;
	}
	.page-width {
		width: 100%;
		max-width: 100%;
	}
	header.page-style,
	.page-style {
		padding: 10px 20px;
	}
	.night .page-style {
		background: #000;
	}
	.night .daynight_switch {
		background: #ffffff28;
	}
	.night .gallery.preview,
	.night .caretbox {
		background: rgba(255, 255, 255, 0.15);
	}
	aside.footerbanner {
		padding: 10px 20px 20px 20px;
		min-height: 0;
	}
	header {
		margin-top: 0;
	}
	#content_wrapper {
		padding-top: 10px;
	}
	body.isxlated:not(.home) #content_wrapper {
		padding-top: 0;
	}
	#content_wrapper {
		display: block;
	}
	aside.topbanner[data-place="headerbanner_top"] {
		min-height: calc((100vw / 1110) * 150 + 15px);
	}
	aside.topbanner[data-place="headerbanner_bottom"] {
		min-height: calc((100vw / 1110) * 125 + 15px);
	}
	.lsads-banner[data-place="main_loop1"] {
		min-height: calc(((100vw - 40px) / 830) * 220);
	}
	.lsads-banner[data-place="main_loop2"] {
		min-height: calc(((100vw - 40px) / 1110) * 250);
	}
	.lsads-banner[data-place="footerbanner"] {
		min-height: calc(((100vw - 40px) / 1110) * 200 + 30px);
	}
	aside.topbanner img {
		max-height: none;
		/* min-height: calc(((100vw - 40px) / 830) * 220 + 0px); */
	}
	main,
	main.post-list,
	main.taxonomy.serial,
	main.page article {
		padding: 0;
		flex: 0;
		width: 100%;
	}
	aside.middle {
		display: none;
	}
	aside.homepage {
		display: none;
	}
	aside.topbanner {
		min-height: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	aside.topbanner.lsads-banner[data-place="headerbanner_top_mobile"] {
		padding-top: 0;
		min-height: calc(((100vw - 40px) / 830) * 220 + 5px * 2);
	}
	aside.topbanner.lsads-banner[data-place="headerbanner_top_mobile_doubled"] {
		display: none;
		padding-top: 10px;
		margin-bottom: 10px;
		min-height: calc(((100vw - 40px) / 830) * 440 + 10px * 2);
	}
	aside.topbanner.lsads-banner[data-place="headerbanner_bottom_mobile"] {
		min-height: calc(((100vw - 40px) / 830) * 220 + 10px * 2);
	}
	main.single .lsads-banner[data-place^="single_after"] {
		min-height: calc(((100vw - 40px) / 830) * 220);
	}
	footer section.copyright {
		display: none;
	}
	footer .tflogo {
		position: relative;
		margin: 0 auto;
		text-align: center;
		width: 100%;
		margin-top: 80px;
		right: 0;
		/* bottom: 0; */
	}
	.header-menu {
		justify-content: flex-end;
	}
	.logo_composed {
		margin-right: auto;
	}
	article.preview h3, article.preview h4 {
		font-size: 18px;
	}
	article.preview.big:not(.rich-tile) .descbox {
		margin-left: 20px;
	}
	article.preview.big:not(.rich-tile) .thumbnail {
		width: 30vw;
		height: 30vw;
	}
	article.preview .infoline .category_stripe + .sep,
	article.preview .infoline time,
	article.preview .infoline span + .sep,
	article.preview .infoline time + .sep,
	article.preview .infoline address + .sep {
		display: none;
	}
	article .infoline address {
		display: none
	}
	main.single {
		max-width: none;
		min-width: 0;
		width: 100%;
	}
	aside.topbanner div {
		height: 50px !important;
	}
	article.single > .descbox,
	article.single > .content,
	main.single section.comments {
		padding: 0;
	}
	article.comment {
		margin-bottom: 10px;
	}
	.child-comments article.comment {
		margin-bottom: 0;
	}
	ol > .comments-list > .comment-respond {
		margin-top: -10px;
	}
	.child-comments .comment-respond::before, .child-comments article.comment::before {
		top: calc(20px + 48px / 2 - 5px);
	}
	.comment-respond .submit {
		padding: 1em 1em;
		width: 100%;
	}
	article.comment p {
		line-height: 1.7;
	}
	.night article.comment {
		background: rgba(255, 255, 255, 0.15);
	}
	article.single > .descbox {
		margin-bottom: 2em;
	}
	main h1 {
		font-size: 26px;
		margin-bottom: 0.75em;
	}
	article.single .content > h2 {
		line-height: 1.4;
		margin: 0.5em 0 0.5em 0;
	}
	article.single p {
		margin: 0.75em 0 0.75em 0;
	}
	article.single .caretbox.recommended {
		padding: 3em 1em 1em 1em;
		margin: 1em 0;
		padding-top: 1em;
	}
	article.single .gallery.preview {
		margin: 1em auto;
		max-width: 100%;
	}
	nav.pagination a.button {
		width: 100% !important;
		display: block;
		margin: 0;
		margin-bottom: 1em;
	}
	nav.pagination.page-width:not(.has-prev) {
		padding-right: 20px
	}
	article.comment .comment-content, .child-comments article.comment:not(:last-child) .comment-content {
		padding: 20px;
		line-height: 1;
	}
	.linesep {
		margin: 20px 0;
	}
	main.home > .linesep:last-child {
		margin: 20px 0 0 0;
	}
	.post-list article.preview.big .thumbnail {
		width: 30vw;
		height: 30vw;
	}
	main.post-list p.found-posts {
		margin-bottom: 1em;
	}
	main > aside {
		margin: 0;
		width: 100%;
	}
	.header-menu section.daynight_notif {
		padding: 0;
		margin: 0;
	}
	#header_menu_mobile {
		min-height: 48px;
		padding: 10px 0;
	}
	.header-menu .main-menu-item {
		margin-right: 0;
	}
	section.featured .loop,
	.grid-3col {
		display: grid;
		grid-template-columns: 2fr 2fr;
		grid-gap: 30px 20px;
	}
	.loop-wrapper.scrolly .loop {
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-auto-flow: column;
		display: grid;
		grid-gap: 30px 30px;
	}
	.loop-wrapper.scrolly {
		margin-left: -20px;
		margin-right: -20px;
	}
	.loop-wrapper.scrolly .loop {
		padding-left: 20px;
		padding-right: 50px;
	}
	.loop-wrapper.scrolly .loop article {
		margin: 0;
	}
	.loop-wrapper.scrolly .loop article.preview h3,
	.loop-wrapper.scrolly .loop article.preview h4 {
		font-size: 1.5em;
	}
	section.featured article {
		width: auto;
	}
	section.featured .loop article {
		width: 255px;
		flex-basis: 255px;
	}
	section.featured .loop {
		min-height: 360px;
	}
	section.featured.reviews .loop {
		min-height: 325px;
	}
	section.featured.keynote .loop {
		min-height: 310px;
	}
	section.featured.bazar .loop {
		min-height: 325px;
	}
	main.home section.featured .loop {
		padding-bottom: 50px;
	}
	footer {
		padding: 20px 20px 10px 20px;
	}
	footer section.social .right {
		display: flex;
		width: 60%;
		max-width: 180px;
		justify-content: space-between;
	}
	footer section.social .right a {
		margin: 0;
	}
	#ad_native_hp_loop,
	#ad_native_hp_loop2 {
		height: auto;
	}
	.menu-burger {
		padding: 0 15px;
		vertical-align: middle;
		max-width: 65px;
		margin-right: -15px;
	}
	.menu-burger .burger-icon {
		display: inline-flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
		height: 24px;
		position: relative;
	}
	.menu-burger .burger-icon .bar {
		width: 100%;
		height: 2px;
		background: #000;
		border-radius: 3px;
		transition: 0.4s;
		opacity: 1;
		transform: translateY(0px) rotate(0);
		transition:
				opacity .4s ease-in-out,
				transform .4s cubic-bezier(0.5, 0.2, 0.2, 1),
				background .4s ease-in-out;
	}
	.night .menu-burger .burger-icon .bar {
		background: #fff;
	}
	.menu-burger .bar:nth-of-type(2) {
		position: absolute;
		top: calc(50% - 1px);
	}
	.menu-burger.open .bar:nth-of-type(1) {
		opacity: 0;
		transform: translateY(15px) rotateY(90deg);
	}
	.menu-burger.open .bar:nth-of-type(2) {
		transform: rotate(45deg);
	}
	.menu-burger.open .bar:nth-of-type(3) {
		transform: rotate(-45deg);
	}
	.menu-burger.open .bar:nth-of-type(4) {
		opacity: 1;
		transform: translateY(-15px) rotateY(90deg);
	}
	.header-menu section.main {
		justify-content: space-evenly;
	}
	header.page-style {
		z-index: 1200;
		padding: 20px;
	}
	.mobile-slide-menu {
		display: none;
		background: #fff;
		position: absolute;
		width: 100%;
		left: 0;
		/* margin-top: 20px; */
		padding: 0 0 25px 0;
		z-index: 1000;
		pointer-events: none;
		opacity: 0;
		transition: opacity .4s ease-in-out, transform .4s ease-in-out, background .4s ease-in-out;
		transform: translateY(-80px);
		will-change: transform;
	}
	.mobile-slide-menu.did-open {
		display: block;
	}
	.mobile-slide-menu.open {
		opacity: 1;
		pointer-events: all;
		transform: translateY(0px);
	}
	.mobile-slide-menu::after {
		width: 100%;
		height: 100px;
		display: block;
		content: '';
		z-index: 900;
		bottom: -100px;
		position: absolute;
		background:  linear-gradient(
				to bottom,
				hsla(0, 0%, 0%, 0.512) 3.3%,
				hsla(0, 0%, 0%, 0.394) 6%,
				hsla(0, 0%, 0%, 0.296) 9.5%,
				hsla(0, 0%, 0%, 0.152) 19.2%,
				hsla(0, 0%, 0%, 0.102) 25.5%,
				hsla(0, 0%, 0%, 0.064) 32.8%,
				hsla(0, 0%, 0%, 0.037) 41.2%,
				hsla(0, 0%, 0%, 0.019) 50.6%,
				hsla(0, 0%, 0%, 0.002) 72.9%,
				hsla(0, 0%, 0%, 0) 85.8%,
				hsla(0, 0%, 0%, 0) 100%
		);
		filter: invert(0);
		transition: filter .4s ease-in-out;
	}
	.night .mobile-slide-menu {
		background: #000;
	}
	.night .mobile-slide-menu::after {
		filter: invert(1);
	}
	.mobile-slide-menu .entries {
		text-align: center;
	}
	.mobile-slide-menu .search {
		margin-top: 0.5em;
	}
	section.tiles {
		display: block;
		background: transparent;
	}
	.night section.tiles.page-style {
		background: transparent;
	}
	section.tiles nav {
		display: block;
	}
	section.tiles nav.main {
		width: auto;
		margin: 0;
		display: inline-block;
	}
	section.tiles nav a {
		display: block;
		text-align: left;
	}
	section.tiles nav.roundups {
		display: none;
	}
	section.tiles nav.main a i {
		width: 1.8em;
		text-align: center;
	}
	section.tiles nav a:nth-child(2) {
		margin-left: 0;
	}
	.mobile-slide-menu .main-menu-item {
		margin-top: 0;
		margin-bottom: 10px;
		padding-top: 10px;
		padding-bottom: 20px;
		display: block;
	}
	.mobile-slide-menu .main-menu-item i {
		font-size: 25px;
		vertical-align: middle;
		margin-right: 20px;
		display: inline-block;
	}
	article .single-footer .stats {
		text-align: right;
	}
	article .single-footer {
		margin: 0;
	}
	article .single-footer .linesep:has(+ .commentslink)  {
		margin: 0.5em 0 0 0;
	}
	article .single-footer {
		text-align: center;
	}
	article .single-footer .line .commentslink-wrapper {
		order: 2;
	}
	article .single-footer .line .social-share {
		order: 3;
	}
	article .content a.fadebg {
		padding-left: 1em;
		padding-right: 1em;
	}
	/* multi-line gradient for a.fadebg on mobiles */
	/*@supports(mix-blend-mode: lighten) {
		article .content a.fadebg {
			background: #000;
			position: relative;
			line-height: 2.5em;
		}
		article .content a.fadebg::after {
			position: absolute;
			content: '';
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			width: calc(100vw - 20px);
			pointer-events: none;
			mix-blend-mode: lighten;
		}
	} */
	article.single + .linesep {
		display: none;
	}
	article.single .single-tags {
		margin-bottom: 0;
		margin-top: -20px;
	}
	.comment-list .comment-respond {
		padding: 20px;
	}
	article.comment .child-comments article.comment {
		margin-left: 20px;
	}
	article.comment.depth-1 > .child-comments .comment-respond {
		margin-left: calc(2 * 20px);
	}
	.comment-respond select {
		width: 100%;
		max-width: 100%;
	}
	.comment-respond .comment-tos .reveal-tos {
		right: 0;
	}
	.comment-respond .comment-form-author .wrapper {
		display: block;
	}
	.comment-respond span.nebo {
		display: block;
		width: 100%;
		text-align: center;
		margin: 1em 0;
	}
	.comment-respond a.login-button {
		margin: 0 0.4em;
		text-align: center;
		display: block;
	}
	article .content .fr,
	article .content .fl {
		float: none;
		margin: 0.75em 0;
		padding: 1em;
	}
	article .content .galwrap.fr,
	article .content .galwrap.fl {
		float: none;
		margin: 0.75em 0;
		padding: 0;
	}
	.comment-respond .comment-form-author .wrapper input,
	.comment-respond textarea {
		font-size: 16px;
	}
	.comment-respond input[type=text],
	.comment-respond textarea {
		width: 100%;
	}
	.quoteblock {
		width: 100% !important;
		max-width: 100%;
	}
	.gallo {
		display: none;
		overflow: scroll;
	}
	.gallo.did-open {
		display: block;
	}
	.gallo .content-area {
		width: 100%;
	}
	.gallo .gal-info {
		font-size: 20px;
		padding: 10px 10px;
		vertical-align: middle;
		min-height: 75px;
	}
	.gallo .gal-close {
		padding-left: 0;
		font-size: 16px;
		margin-top: 3px;
	}
	.gallo .scroll-wrap {
		height: calc(100vh - 100vh * 0.2);
		max-height: none;
		width: 100%;
	}
	.gallo .gal-source,
	.gallo .gal-caption {
		padding: 15px 20px;
		width: 100%;
	}
	.gallo .gal-nav button {
		padding: 10px;
	}
	.gallo .gal-nav button i,
	.gallo .gal-nav button:hover i {
		/* background: none; */
		text-shadow: 0 0 3px black;
		color: #fff;
	}
	body.gallo-open {
		padding-right: 0;
	}
	.gallery-banner.leaderboard {
		max-width: 100%;
	}
	.gallery-banner.leaderboard a,
	.gallery-banner.leaderboard a img {
		max-width: 100%;
	}
	.gallery-banner.bottom-banner {
		min-height: 0;
	}
	article.single :not(.galwrap) > .gallery.preview figure,
	article.single .galwrap.fn > .gallery.preview figure {
		width: calc(50% - 10px / 2);
		margin-right: 0;
	}
	article.single .gallery.preview .lsa-side-scroll figure {
		margin-right: 8px;
		width: 37.5%;
	}
	.gallery.preview .mini-presenter {
		height: 250px;
		max-height: 100vh;
	}
	.gallery.preview .mini-presenter .ui i.zoom-icon {
		display: none;
	}
	.gallery.preview .mini-presenter .ui i.side-button {
		text-shadow: 0 0 5px #000;
		opacity: 1;
		padding: 0 0.25em;
		font-size: 40px;
	}
	figure.poll .poll-answer {
		padding: 10px 15px;
	}
	article.rich-tile .infoline time {
		display: inline-block;
	}
	.lsa-side-scroll article.rich-tile.preview {
		width: 200px;
		height: 300px;
	}
	article.rich-tile.preview .desc h3 {
		font-size: 20px;
	}
	article.rich-tile.preview .descbox {
		padding: 0 15px 20px 15px;
	}

	figure.lsa-copytoclipboard input {
		border-radius: 12px;
	}
	figure.lsa-copytoclipboard button {
		border-radius: 0 0 12px 12px;
	}

	#Grape-Adv > img {
		position: absolute;
		height: 0;
		width: 0;
	}
	#ad_native_single_more, #ad_native_single_popular {
		min-height: 128px;
	}
	#ad_native_hp_loop_mob, #ad_native_hp_loop_mob2, #ad_native_search, #ad_native_search_second {
		min-height: 120px;
	}

	figure.quiz {
		margin: 2em 0;
	}
	figure.quiz.result .result {
		padding: 1.5em 1em;
	}

	section.recommended article .desc {
		margin-bottom: 2em;
	}
	section.recommended article .infoline {
		display: none;
	}

	article.single .content .wrappedel-table {
		max-width: 100%;
		overflow-x: auto;
		padding-bottom: 1em;
	}

	.infinitesingle-placeholder .inside {
		padding: 0;
	}

	.lsads-banner.paragraph-inline-ad {
		/* video ad CLS (16:9) */
		/* min-height: calc(((100vw - 40px) / 16) * 9); */
	}

	body.isxlated:not(.home) #header_menu_mobile {
		display: none;
	}
}
article.hastag-tiskovka .lsads-banner.paragraph-inline-ad {
	display: none;
}

/* AdSense CLS */
body.isxlated header.lsa { margin-top: auto; }
body.isxlated .lsads-banner.paragraph-inline-ad[data-place="single_paragraph1"],
body.isxlated #branding_conts,
body.isxlated section.short-videos {
	display: none;
}
@media (max-width: 818px) {
	/* body.isxlated { padding-top: 0px !important; } /* Anchor ads */

	body.isxlated #headerbanner1_mob {
		min-height: 394px;
		align-content: center;
	}
	body.isxlated #headerbanner2_mob {
		display: none;
	}
}

@media (max-width: 818px) and (orientation: portrait) {
	.gallo .scroll-wrap {
		/* height: calc(var(--viewport-height) - (100vw / 830) * 220 - 75px - 70px - 10px); */
	}
}


@media (min-width: 400px) and (max-width: 818px) {
	.header-menu section.search-button {
		display: flex;
		margin: 0 20px 0 25px;
	}
}
@media (min-width: 400px) and (max-width: 430px) {
	.header-menu section.search-button {
		margin: 0 12px 0 20px;
	}
}



body.nogrid article.bazar .desc,
body.nogrid article.preview.big .descbox,
body.nogrid .header-menu section.main,
body.nogrid .gallery.preview figure .more {
	justify-content: space-around;
}



main.single article:first-of-type + section.featured,
main.single article:first-of-type + section.featured + .lsads-banner {
	display: none;
}

/* CSS pro video widget */
.video-widget {
	margin: auto;
}
@media (max-width: 768px) {
	.video-widget {
		padding: 0 4vw;
	}
}

.video-item {
	position: relative;
	width: 140px;
	height: 250px;
    overflow: hidden;
    border-radius: 6px;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.video-item img {
    width: 100%; /* Obrázek se roztáhne na celou šířku */
	height: 100%;
    object-fit: contain; /* Zajistí, že obrázek vyplní celý kontejner */
    border-radius: 6px;
}

.video-list {
	display: flex;
	flex-wrap: nowrap;
	gap: 12px;
	align-items: flex-start;
}

.video-item:hover {
	transform: scale(1.05); /* Mírné zvětšení */
}

.overlay {
	display: none; /* Výchozí skrytí */
	position: fixed;
	top: 10%;
	left: 20%;
	width: 60%;
	height: 80%;
	background: rgba(0, 0, 0, 0.8);
	justify-content: center;
	align-items: center;
	z-index: 999;
}

/* Stylování pro mobilní zařízení */
@media (max-width: 768px) {
	.overlay {
		top: 7%; /* Posunutí více nahoru */
		left: 3%; /* Zvětšení šířky */
		width: 94%; /* Širší pro menší obrazovky */
		height: 85%; /* Výška zůstává stejná */
	}
}

.overlay-content {
	display: flex; /* Aktivace Flexboxu */
	flex-direction: column; /* Obsah ve sloupci */
	align-items: center; /* Zarovnání na střed horizontálně */
	justify-content: center; /* Vertikální zarovnání obsahu */
	width: 100%; /* Plná šířka pro zarovnání */
	height: 100%; /* Plná výška pro vertikální zarovnání */
}

.overlay iframe {
	width: 90%; /* Zvětší šířku videa */
	height: 80%; /* Zvětší výšku videa */
	max-width: 1200px; /* Nastaví maximální šířku */
	max-height: 675px; /* Nastaví maximální výšku (odpovídá poměru 16:9) */
	border-radius: 5px; /* Kulaté rohy (volitelné) */
}

.overlay #article-link {
	margin-top: 15px; /* Odstup od iframe */
	color: white;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
}

.overlay #article-link:hover {
	text-decoration: underline;
}
.close-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	background: rgba(0, 0, 0, 0.7); /* Poloprůhledné pozadí */
	color: white;
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	z-index: 1000; /* Zajistí, že tlačítko bude nahoře */
}
.close-btn:hover {
	background: rgba(255, 255, 255, 0.8); /* Zvýraznění při najetí myší */
	color: black;
}
.overlay .prev-btn, .overlay .next-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0);
	color: white;
	border: none;
	font-size: 2rem;
	cursor: pointer;
	padding: 10px;
}
.overlay .prev-btn {
	left: 10px;
}
.overlay .next-btn {
	right: 10px;
}

/* Pro celý widget s overflow */
.loop-wrapper.scrolly .loop {
	scrollbar-width: thin; /* Pro Firefox – tenký posuvník */
	scrollbar-color: #3ECDE7 transparent; /* Pro Firefox – barva posuvníku */
}

/* Stylování posuvníku v Chrome, Edge, Safari */
.loop-wrapper.scrolly .loop::-webkit-scrollbar {
	height: 4px; /* Výška horizontálního posuvníku */
}

.loop-wrapper.scrolly .loop::-webkit-scrollbar-thumb {
	background-color: #cccccc; /* Barva posuvníku */
	border-radius: 4px; /* Kulaté rohy posuvníku */
}

.loop-wrapper.scrolly .loop::-webkit-scrollbar-thumb:hover {
	background-color: #aaaaaa; /* Zvýraznění posuvníku při najetí myší */
}

.loop-wrapper.scrolly .loop::-webkit-scrollbar-track {
	background: transparent; /* Průhledné pozadí posuvníku */
}

/* odstranění některých elementů pro cizí jazyky */
html[dir="ltr"] .short-videos,
html[dir="rtl"] .short-videos {
	display: none !important;
}
html[dir="ltr"] .iconlinks.bazar {
	display: none !important;
}
html[dir="rtl"] .iconlinks.bazar {
	display: none !important;
}
html[dir="ltr"] .iconlinks.forum {
	display: none !important;
}
html[dir="rtl"] .iconlinks.forum {
	display: none !important;
}
body:not(.geo-CZ):not(.geo-SK) .commentslink-wrapper {
	display: none;
}
body:not(.geo-CZ):not(.geo-SK) .stats {
	display: none;
}

/* deprecated API */
h1 {
	font-size: 2rem;
}


@keyframes headermenu_fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
#header_menu_mobile {
	opacity: 0;
	animation: headermenu_fade 0.25s ease-in forwards;
	animation-delay: 1.5s;
}
#headerbanner1_mob_doubled.lsads-done + #header_menu_mobile,
#headerbanner1_mob.lsads-done + #header_menu_mobile {
	animation: none;
	opacity: 1;
}