.article-wrapper { position: relative; }

a.modal-link,
.article-body a { color: #42B2A9; }
a.modal-link:hover,
.article-body a:hover { color: #37958D; }

.tools-for-logged { float: right; }
.article-header .pocket-article-button { background-position: 0 50%; height: 24px; font-size: 13px; line-height: 24px; }
.article-header .pocket-article-button:after { padding-left: 20px; }
.article-header .pocket-article-button:not(.saved):after { content: "Přečíst později"; }
.article-header .pocket-article-button.saved:after { content: "Přečteno"; }

.label-wrapper { padding-bottom: 8px; }

h1.article-title {
	padding: 24px 0 0;
	margin: 0 auto;
	max-width: 1000px;
	font-size: 3em;
	line-height: 1.1667em;
	text-align: center;
	clear: both;
}
.kp-detail h1.article-title {
	font-family: 'Noto serif', sans-serif;
	font-size: 2.8em;
}

.article-image {
	max-width: 100%;
	margin-bottom: 16px;
}

.article-image img {
	width: 100%;
	height: auto;
	margin-bottom: 8px;
	border-radius: 8px;
	cursor: pointer;
}

.article-image .image-meta {
	padding: 0 36px 0 80px;
	font-size: 0.875em;
	line-height: 1.286em;
	font-weight: 300;
}

.article-image .image-meta .author {
	display: block;
}

.detail-perex {
	margin-bottom: 24px; padding: 0 16px;
	font-weight: bold;
	font-size: 1.2em; line-height: 1.5em;
}
.kp-detail .detail-perex { font-size: 1.25em; font-family: 'Noto serif', sans-serif; }

.article-body,
.article-meta {
	margin-bottom: 24px;
	padding: 0 36px 0 80px;
}
.kp-detail .article-meta { margin: 24px 0 0; }

.authors-wrap,
.tags-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; }
.author-subscribe { margin-bottom: 24px; }


.author-part {
	position: relative;
	margin-bottom: 24px;
	margin-right: 12px;
}

.author-part .authors {
	margin: 0 0 8px 0;
	padding: 5px 0 0;
	list-style-type: none;
}

.authors li {
	margin: 0;
	padding: 5px 0 0;
}


.authors img {
	float: left;
	margin: -10px 16px 0 0;
	width: 56px;
	border-radius: 50%;
	background: #F8C6B3;
}

.authors {
	font-size: 1em;
	font-weight: bold;
}

.authors .work-position {
	font-weight: normal;
}

.publish_date {
	font-family: 'Noto serif', sans-serif;
	font-size: 0.875em;
	line-height: 1em;
	white-space: nowrap;
}

.article-wrapper .tags {
	margin-bottom: 16px;
	margin-right: 12px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.article-wrapper .tags a {
	display: inline-block;
	padding: 2px 6px;
	font-size: 0.75em;
	line-height: 1.5em;
	margin: 0 8px 8px 0;

	border: 1px solid #F37023;
	border-radius: 4px;
	color: #F37023;
}

.tags a.hnplus-icon {
	border: none;
	padding: 0;
	margin-bottom: 3px;
}

.page-article-detail:not(.kp-detail) .article-body {
	font-family: 'Noto serif', sans-serif;
	font-size: 1.125em;
	line-height: 1.778em;
}
.kp-detail .article-body {
	font-size: 1.125em;
	line-height: 1.68em;
}

.article-body:not(.without-initial-char) .first-letter {
	font-size: 154px;
	color: #F37023;
	float: left;
	margin: 12px 12px 0 0;
	line-height: 100px;
}
.article-body:not(.without-initial-char) .first-letter[data-letter="J"],
.article-body:not(.without-initial-char) .first-letter[data-letter="Q"] {
	font-size: 114px;
	margin-top: 0;
}

.article-body p {
	margin: 0 0 24px;
}

.article-body .question {
	margin: 32px 0 16px;
	font-size: 1.111em;
	font-weight: bold;
}

.article-body .detail-mezititulek,
.article-body h2,
.article-body .box-title {
	font-size: 1.222em;
	margin: 0 0 8px 0;
	font-weight: bold;
}

.article-body p + h2 {
	margin-top: 40px;
}

.article-body blockquote {
	margin: 40px 0;
	font-size: 1.333em;
	line-height: 1.667em;
	font-style: italic;
	padding: 48px 0;
	position: relative;
}

.article-body blockquote > * {
	margin: 0;
	padding: 0;
}

.article-body blockquote::after,
.article-body blockquote::before {
	content: '';
	display: block;
	background: url('/img/4/quote.svg') center center no-repeat;
	width: 56px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
}

.article-body blockquote::after {
	transform: rotate(180deg);
	bottom: 0;
	right: 0;
	left: auto;
	top: auto;
}

.article-body img { max-width: 100%; height: auto; border-radius: 8px; }
.article-body img[align=""],
.article-body img[align="top"],
.article-body img[align="middle"],
.article-body img[align="bottom"]	{ margin: 0 0 16px; }
.article-body img[align="left"],
.article-body img[style="float: left;"]		{ margin: 0 16px 16px 0; }
.article-body img[align="right"],
.article-body img[style="float: right;"]	{ margin: 0 0 16px 16px; }

.article-body iframe { max-width: 100%; }

.article-body .box img { border-radius: 0; }

.article-object,
.article-inserted-image.in-body	{ font-family: 'Public Sans', sans-serif; margin: 16px 0 32px -40px; width: calc(100% + 40px); }
.article-inserted-image.in-box	{ margin-bottom: 16px; }
.article-inserted-image img		{ width: 100%; }
.article-inserted-image	div		{ font-size: 0.778em; line-height: 1.429em; font-weight: 300; }
.article-inserted-image.align-right div { text-align: right; }

.article-inserted-image .uai-name,
.article-inserted-image .uai-img { margin-bottom: 8px; }

.article-inserted-image:not(.in-box) .uai-name,
.article-inserted-image:not(.in-box) .uai-author { margin-left: 40px; }

.article-inserted-image.in-box .uai-name,
.article-inserted-image.in-box .uai-author { margin: 0 8px; }

.article-inserted-image.in-box img { margin-bottom: 0 !important; }

.article-inserted-image.width-25,
.article-inserted-image.width-33,
.article-inserted-image.width-50,
.article-inserted-image.width-66,
.article-inserted-image.width-75 { padding: 16px 0; margin: 0; }
.article-inserted-image.width-25 { width: 25%; }
.article-inserted-image.width-33 { width: 33%; }
.article-inserted-image.width-50,
.article-inserted-image.width-66 { width: 50%; }
.article-inserted-image.width-75 { width: 65%; }

.article-inserted-image.align-right {
	margin-left: 24px;
}

.media-placeholder {
	margin: 40px 0 32px -40px;
}
.media-placeholder .placeholder-content {
	display: flex;
	flex-direction: column;
	font-family: 'Public Sans', sans-serif;
	font-size: 0.778em;
	line-height: 1.714em;
	position: relative;
}

.media-placeholder h2 {
	margin: 0 0 16px 40px;
}

.media-placeholder img {
	margin: 0;
	width: 100%;
	height: auto;
	transition: opacity 0.3s ease;
	border: 1px dotted #eee;
	/* box-shadow: 0 0 32px rgba(0,0,0,0.015); */
}
.media-placeholder .content {
	text-align: center;
	padding: 8px 0;
}

.media-placeholder a {
	text-transform: uppercase;
	color: #F37023;
	font-weight: bold;
}

.media-placeholder a:hover img {
	opacity: 0.9;
}

.media-placeholder a .ico {
	width: 25px;
	position: relative;
	top: -1px;
}

.media-placeholder .type-youtube .name { display: none; }

/* infobox */

.d-elm,
.infobox {
	float: left;
	margin: 0 40px 24px -40px;
	width: 332px;
	padding: 16px;
	border: 1px solid #BFBFBF;
	border-radius: 8px;
	font-family: 'Public Sans', sans-serif;
}

.infobox-right,
.d-elm.align-right,
.infobox.align-right {
	float: right;
	margin: 0 0 24px 40px;
}

.d-elm .d-elm-label,
.infobox .d-elm-label {
	font-weight: 700;
	margin-bottom: 16px;
}

.d-elm .d-elm-in,
.infobox .d-elm-in {
	font-size: 0.875em;
	line-height: 1.375em;
}

.d-elm .d-elm-in img,
.infobox .d-elm-in img {
	width: 100%;
	height: auto;
	margin: 0 0 16px 0;
}

.d-elm .d-elm-in p img,
.infobox .d-elm-in p img {
	margin-top: 16px;
}

.d-elm .d-elm-in img[src$="Twitter-Logo.jpg"] {
	width: auto;
	margin-right: 5px !important;
}


/* miniblogs */
.opinions		{ display: table; clear: both; margin-left: -40px; margin-bottom: 40px; border-bottom: 1px solid #BFBFBF; }
.opinions-question	{ display: table-cell; vertical-align: middle; height: 160px; padding: 40px 40px 40px 120px; background-position: 40px 50%; }
.opinions-list		{ display: table-row; }
.opinion		{ display: flex; align-items: center; width: 100%; padding: 4px 40px 32px; border-top: 1px solid #BFBFBF; font-family: 'Public Sans', sans-serif; }
.opinion .text		{ flex: 1 1 auto; margin-top: 28px; font-size: 18px; line-height: 26px; }
.opinion .author-info	{ flex: 0 0 auto; margin-right: 30px; width: 170px; text-align: left; font-size: 16px; line-height: 20px; }
.opinion .author-info > * {  display: block; clear: both; }
.opinion .author-info img { max-height: 118px; width: auto; }
.opinion .author-info strong { line-height: 28px; }
.opinion .author-info span { font-size: 14px; color: #97a2a7; }
.opinion:nth-child(odd) { flex-direction: row-reverse; }
.opinion:nth-child(odd) .author-info { text-align: right; margin-right: 0; margin-left: 30px; }
.opinion:nth-child(odd) .author-info img { margin-right: 0; margin-left: auto; }
/* /miniblogs */

/* online dialog / report */

.article-wrapper .online {
	padding: 0 0 40px 0;
	overflow: hidden;
}

.online .header		{ padding: 50px 0 30px; }
.online .header h2,
.online .header h3	{ float: left; margin: 0; }
.online .next-items	{ text-align: center; }
.online .link-out	{ border-top: 1px solid #d9dadb; }

.online .online-item	{ clear: both; margin-bottom: 32px; }

.online:not(.dialog) .online-item .online-item-heading { margin-bottom: 16px; font-weight: 700; }
.online .online-item p { margin-bottom: 16px; }
.online-item-heading .time { color: #F37023; font-weight: 400; }
.online-item-heading .separ { color: #BFBFBF; margin: 0 5px; }
.online .online-item .online-item-content img { float: none; clear: both; margin: 16px auto; max-width: 100%; height: auto; display: block; }

.online .in-progress		{ min-height: 50px; }
.online .controls		{ display: block; font-size: 14px; text-align: right; }
.online .controls > *		{ display: inline-block; margin-left: 16px; height: 32px; line-height: 32px; vertical-align: bottom; font-family: 'Public Sans', sans-serif; color: #F37023; }
.online .controls > *:hover { color: #F37023; }
.online .controls .add-question,
.online .controls .reload,
.online .controls .full-report	{ min-width: 32px; padding-left: 27px; }
.online .controls .ico-go-up	{ float: left; padding-left: 20px; }
.online .controls .add-question { background-image: none; }
.online .controls .online-auto-update-time { color: #97a2a7; }

.online .controls a { padding: 0; border: 0; }
#online-dialog-form-wrap,
.online .controls a span.ico  { display: none; }

.online .next-items { margin-bottom: 24px; }

.online .object-placeholder,
.online .media-placeholder { margin: 0 0 16px; border: 0; padding: 0; }


.online.dialog .online-item				{ margin-bottom: 40px; }
.online.dialog .online-item-answer			{ margin-top: 12px; }
.online.dialog .online-item .author	{ font-size: 15px; font-weight: 300; }
.online.dialog .online-item-content			{ margin-top: 8px; }
.online.dialog .online-item-content.question-content	{ font-size: 19px; font-weight: 700; }


.online-dialog-form {
	width: 580px;
	padding: 40px;
	margin: 0 auto;
	text-align: left;
}

.online-dialog-form .form-row {
	margin-bottom: 16px;
	position: relative;
}

.online-dialog-form .form-row label {
	display: block;
	color: #595e67;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

.online-dialog-form .form-row  textarea,
.online-dialog-form .form-row input {
	display: block;
	border: 1px solid #d6e1e6;
	height: 40px;
	line-height: 40px;
	padding: 4px 8px;
	font-size: 14px;
	width: 100%;
}

.online-dialog-form .form-row  textarea {
	height: 120px;
	line-height: 135%;
	padding: 8px;
}

.online-dialog-form .hint {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	font-size: 12px;
	color: #97a2a7;
}

.online-dialog-form .submit-wrap {
	padding: 16px 0 0 0;
	position: relative;
}

.online-dialog-form .submit-wrap .hint {
	top: auto;
	bottom: 0;
}

.online-dialog-form .submit {
	color: #fff;
	background-color: #F37023;
	min-width: 150px;
	padding: 10px 16px;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	box-shadow: 0 0 12px rgba(243, 112, 35, 0.2);
	font-weight: bold;
}

.online-dialog-form .submit:hover {
	background-color: rgba(243, 112, 35, 0.8);
	text-decoration: none;
}

.online-dialog-question-added {
	text-align: center;
	padding: 40px;
	line-height: 22px;
}



.online .message { background-color: #FEF1EB; border-radius: 8px; padding: 24px; }
.online .message .ico { display: none; }
.online .message.open .button-default { margin: 8px 0 0; }

.online.dialog .online-item .answer {
	background-color: #FEF1EB;
	border-radius: 8px;
	padding: 24px;
	position: relative;
	margin-left: 12px;
}
.online.dialog .online-item .answer .author {
	margin-top: 8px;
	text-align: right;
}
.online.dialog .online-item .answer:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #FEF1EB;
	position: absolute;
	top: -10px;
	left: 15px;
}


/* slideshow */
.slideshow {
	width: 100%;
	clear: both;
	padding: 20px 0;
}
.slideshow .slides {
	margin: 20px 0;
}
.slideshow .slideshow-pager {
	display: flex;
	flex-wrap: wrap;
	font-family: 'Public Sans', sans-serif;
	font-size: 12px;
	line-height: 20px;
}
.slideshow .slideshow-pager .slideshow-pages {
	position: relative;
	flex: 0 1 auto;
	order: 1;
}

.slideshow .slideshow-pager .pages-select {
	position: absolute;
	top: 38px; left: calc(50% - 100px);
	width: 200px;
	max-height: 171px;
	z-index: 3;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #fff;
	border: 1px solid #42B2A9;
	border-radius: 4px;
}
.slideshow .slideshow-pager .pages-select a { display: block; padding: 5px; white-space: nowrap; }
.slideshow.only-nums .pages-select { left: 0; width: 68px; text-align: center; }

.slideshow .slideshow-pager > a,
.slideshow .slideshow-pager .page {
	display: block;
	margin: 5px 15px 5px 0;
	min-width: 68px;
	padding: 5px 10px;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	cursor: pointer;

	color: #000;
	text-transform: uppercase;
	border-radius: 4px;
	border: 1px solid #42B2A9;
	background-color: #fff;
	font-weight: bold;

	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.slideshow .slideshow-pager a.active {
	background-color: #42B2A9;
	color: #fff;
	cursor: text;
}
.slideshow .slideshow-pager a.inactive {
	opacity: 20%;
	cursor: text;
}
.slideshow .slideshow-pager .page:hover,
.slideshow .slideshow-pager a:not(.inactive):not(.active):hover {
	background: #37958D;
	border-color: #37958D;
	color: #fff;
}
.slideshow .slideshow-pager a.show-prev,
.slideshow .slideshow-pager a.show-next {
	order: 1;
	min-width: 110px;
}
.slideshow .slideshow-pager a.show-next { margin-right: 0; }


.ico-lt:after,
.ico-gt:after { content: ">"; margin-left: 5px; }
.ico-lt {
	transform: rotate(180deg);
	display: inline-block;
}


/* media content */
.detail-media-content {
	border-top: 1px solid #BFBFBF;
	padding-top: 24px;
	margin-top: 40px;
}

.detail-media-content .media-item {
	margin: 40px 0;
}


.end-article-dot {
	height: 4px;
	max-width: 300px;
	margin: 16px auto 36px;
	background-color: #F37023;
}
.kp-detail .end-article-dot { background-color: #BFBFBF; }
.kp-disclaimer { margin-top: 12px; font-weight: bold; }

.article-body > .social-buttons {
	line-height: 40px;
	text-align: center;
	margin-bottom: 40px;
}

.social-buttons a:not(.close-button) {
	font-family: 'Public Sans', sans-serif;
	font-weight: bold;
	background-color: #42B2A9;
	background-position: 8px center;
	background-repeat: no-repeat;
	border-radius: 4px;
	color: #fff !important;
	font-size: 0.75em;
	line-height: 1.429em;
	padding: 6px 12px 6px 36px;
	text-transform: uppercase;
	display: inline-block;
}
.social-buttons .ico-share { margin-right: 10px; }
.social-buttons a.ico-social-fb { background-color: #4267B2; }
.social-buttons a.ico-social-x { background-color: #000; margin-bottom: 0; background-position: 10px center; }
.pop-message.social-buttons {
	margin: 36px 0 0 0;
	display: flex; flex-direction: column; align-items: end;
	font-size: 1.125em; line-height: 1.778em;
	border: 2px solid #42B2A9; border-radius: 4px;
}
.pop-message.social-buttons #share_links_wrap a { margin-top: 10px; width: 100%; text-transform: none; }
.pop-message.social-buttons a.close-button { position: relative; top: -3px; left: 7px; }

/* detail addons tab */

.detail-tab-container {
	position: relative;
	margin: 0 0 40px -40px;
}

.detail-tab-container .tab-contents {
	padding-left: 40px;
	margin-bottom: 40px;
}
.tab-contents > div {
	display: none;
	margin-top: 0 !important;
	margin-bottom: 0 !important;

	border: 1px solid #BFBFBF;
	border-radius: 8px;
	padding: 24px;
	font-family: 'Public Sans', sans-serif;
	font-size: 0.875em;
	line-height: 1.5em;
}
.tab-contents .active {
	display: block;
}

.tab-contents h3 {
	margin-bottom: 16px;
}

.tab-contents .border-before::before,
.tab-contents .border-after::after {
	display: none !important;
}

.social-buttons a.tab-handler {
	background-color: #F37023;
	color: #fff;
	text-decoration: none;
}
.social-buttons a.tab-handler-comments { background: #aa4aa9; border-color: #aa4aa9;  }

.social-buttons a.tab-handler:hover {
	text-decoration: underline;
}

.social-buttons a.tab-handler.active {
	border: 1px solid #F37023;
	background-color: #fff;
	color: #F37023 !important;
	padding: 5px 11px 5px 35px;
}

.social-buttons a.tab-handler-comments.active {
	color: #aa4aa9;
	border-color: #aa4aa9;
}
#user-articles-left span,
#user-article-share p {
	font-weight: bold;
}
#user-article-share a:not(a[class^="ico"]) {
	font-weight: normal;
}
#user-article-share .social-buttons {
	display: block;
	margin-top: 8px;
}
#user-article-share .social-buttons a { margin-right: 8px; text-transform: none; }
#unlocked-by-user-placeholder { position: relative; z-index: 2; font-family: 'Public Sans', sans-serif; text-align: center; }
#unlocked-by-user-placeholder p { font-size: 0.888em; line-height: 135%; }
#unlocked-by-user-placeholder p:last-child { margin-bottom: 0; }
/* /detail addons tab */

/* paywall */
.paywall {
	font-family: 'Public Sans', sans-serif;
	position: relative;
	padding-top: 40px;
}

.paywall::before {
	content: '';
	display: block;
	width: 100%;
	height: 100px;
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	position: absolute;
	top: -100px;
	left: 0;
}

.paywall-dialog {
	border: 1px solid #BFBFBF;
	border-radius: 8px;
	padding: 24px 60px 40px;
	margin: 0 0 24px -40px;
	background: #fff;
	text-align: center;
}

@media (max-width: 768px) {
	.paywall-dialog {
		margin-left: 0;
		padding-left: 24px;
	}
}

.paywall-dialog h2 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 12px;
}

.paywall-dialog .pw-content {
	max-width: 420px;
	margin: 0 auto;
}

.paywall-dialog .pw-anotation {
	font-family: 'Noto serif', sans-serif;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 16px;
}

.pw-buttons .button {
	display: inline-block;
	text-align: center;
	background: #42B2A9;
	border-radius: 4px;
	border: 1px solid #42B2A9;
	color: #fff !important;
	font-size: 0.667em;
	line-height: 1.667em;
	font-weight: bold;
	padding: 10px 16px;
}
.pw-buttons .button:hover {
	background: #37958D;
	border: 1px solid #37958D;
}

.pw-content .note {
	font-size: 14px;
	margin-bottom: 24px;
}

.paywall .login-action {
	text-align: center;
}

.paywall .login-action a {
	font-weight: normal;
	text-decoration: underline;
	font-size: 0.875em;
	line-height: 1.667em;
}

.paywall .login-action a:hover {
	text-decoration: none;
}

.paywall .pw-moreinfo {
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
}

.pw-moreinfo h3 {
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 12px 0;
	padding: 0;
}

.pw-moreinfo ul {
	font-size: 14px;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pw-moreinfo ul li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 8px;
}

.pw-moreinfo ul li:before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0842 19.1062L23.8614 0.853088L27.1383 3.14694L11.9155 24.8938L0.250488 15.5618L2.74927 12.4383L11.0842 19.1062Z' fill='%2337958D'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 14px 14px;
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 3px;
	left: 0;
}

.pw-moreinfo ul li span {
	font-weight: bold;
}

.paywall-dialog .spacer {
	margin: 16px auto 24px;
	max-width: 270px;
	position: relative;
	font-size: 12px;
}
.paywall-dialog .spacer:before {
	content: '';
	display: block;
	border-top: 1px solid #BFBFBF;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
}
.paywall-dialog .spacer span {
	display: inline-block;
	background: #fff;
	padding: 0 12px;
	position: relative;
}


/* /paywall */

.shifted {
	margin-left: 80px;
	margin-right: 40px;
}

.object-placeholder.box {
	margin: 40px 0 40px -16px;
}

.article-wrapper .column-left .box:not(.box-relevant-articles) {
	margin-left: -40px;
}

.object-placeholder.box .box-content,
.box-relevant-articles .box-content {
	padding: 16px;
	border: 1px solid #BFBFBF;
	border-radius: 8px;
}

.box-relevant-articles .article-item:last-child {
	margin: 0;
}
.box-relevant-articles .article-item img {
	border-radius: 8px;
}

.box-relevant-articles a:hover,
.box-relevant-articles a{ color: #000 !important; }

.tags-extra-box .item:not(:last-child) { padding-bottom: 24px; border-bottom: 1px solid #BFBFBF; margin-bottom: 24px; }
.tags-extra-box .item p:last-child { margin-bottom: 0; }

/* author variant */

.author-article .article-wrapper .main-row:first-child { display: none; }

.author-article .nav-wrapper {
	border-bottom: 1px solid #BFBFBF;
}

.author-article .footer-wrapper {
	border-top: 1px solid #BFBFBF;
}
.author-article #footer {
	border: none;
}

.author-article .article-header {
	margin-left: 40px;
	margin-bottom: 48px;
}

.author-article .article-title {
	text-align: left;
}
.author-article .article-image {
	margin-bottom: 40px;
}

.author-article .article-image .image-meta {
	text-align: center;
	padding: 0;
}
.author-article .article-image .image-meta .title { font-weight: bold; }

.author-article .article-image img {
	mix-blend-mode: multiply;
}

.author-article .paywall {
	padding-top: 0;
}
.author-article .paywall::before {
	display: none;
}


/* imgs */

.ico-sort		{ background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17' height='18' viewBox='0 0 17 18'%3E%3Cdefs%3E%3Cpath id='a' d='M14.56 18.59L15.97 20l-4.48 4.49L7 20l1.41-1.41 2.08 2.07V8h2v12.66z'/%3E%3Cpath id='b' d='M16.41 12.9L15 11.49 19.49 7l4.48 4.49-1.41 1.41-2.07-2.07v12.66h-2V10.83z'/%3E%3C/defs%3E%3Cg transform='translate(-7 -7)'%3E%3Cuse fill='%23F37023' xlink:href='%23a'/%3E%3C/g%3E%3Cg transform='translate(-7 -7)'%3E%3Cuse fill='%23F37023' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E") no-repeat 3px 50%; }
.ico-reload		{ background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cpath id='lat1a' d='M25.95 17a10 10 0 1 1 0-2h-2.01a8 8 0 1 0 0 2h2.01z'/%3E%3Cpath id='lat1b' d='M13.18 21.3A6 6 0 1 0 16 10v6l-2.82 5.3z'/%3E%3C/defs%3E%3Cg%3E%3Cg transform='translate(-6 -6)'%3E%3Cuse fill='%23F37023' xlink:href='%23lat1a'/%3E%3C/g%3E%3Cg transform='translate(-6 -6)'%3E%3Cuse fill='%23F37023' xlink:href='%23lat1b'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 0 50%; }
.ico-go-up		{ background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='m 10.732755,6.9122876 1.06,-1.06 -5.6600007,-5.66000007 -5.65500008,5.66000007 1.06000008,1.06 4.595,-4.5949991 z' style='fill:%23F37023' /%3E%3C/svg%3E") no-repeat 0 10px; }



/* logistika colors */
.s2-L #nav .main-menu .menu-active a:hover,
.s2-L #nav .main-menu .menu-active a { border-color: #d50040; }

.s2-L .form-button.form-button-red,
.s2-L a.button.orange,
.s2-L .button.orange { background: #d50040; border-color: #d50040; }
.s2-L a.button.orange:hover,
.s2-L .button.orange:hover { background: #880029; border-color: #880029; }

.s2-L a.modal-link,
.s2-L .article-body a,
.s2-L .actual-edition a,
.newsletter-lo a { color: #d50040; }
.s2-L a.modal-link:hover,
.s2-L .article-body a:hover,
.s2-L .actual-edition a:hover,
.newsletter-lo a:hover { color: #880029; }



/* tts */
#tts-start { display: inline-block; }
#tts-start:hover { text-decoration: underline; }
#tts-start.inactive { display: none; }

.tts-status-bar {
	padding-left: 19px;
	line-height: 23px;
	white-space: nowrap;
	text-transform: uppercase;
	cursor: pointer;
	font-family: 'Public Sans', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #00828C;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.tts-status-bar.loader, .tts-status-bar.ico-close.red {
	background-size: 15px 15px;
}

.tts-part > .ico-play {
	display: none;
	position: absolute;
	left: -28px;
	top: -1px;
	z-index: 1;
	width: 40px;
	height: 40px;
	border: 1px solid #9DA3AA;
	background-position: 50% 50%;
	cursor: pointer;
	border-radius: 4px;
}
.tts-part.playing > .ico-play {
	border: 1px solid #00828C;
}
@media (max-width: 640px) {
	.tts-part > .ico-play {
		background-color: #FFF;
		left: 0;
	}
}
@media (min-width: 981px) {
	.tts-part > .ico-play {
		left: -40px;
	}
}

.tts-part:not(.inactive) > .ico-play {
	display: block;
}

.article-body .tts-part:not(.inactive):not(.tts-static) {
	position: relative;
	padding: 30px 20px 20px;
	border-top: 1px solid #FFF;
}
.article-body .tts-part:not(.inactive):not(.tts-static).playing {
	border-top: 1px solid #00828C;
}
.article-body .tts-part:not(.inactive):not(.tts-static).playing:not(.paused) {
	background-color: #F5F5F2;
}
@media (max-width: 640px) {
	.article-body .tts-part:not(.inactive):not(.tts-static) {
		margin: 0 -16px;
		padding: 30px 24px 20px;
	}
}

.d-elm .tts-part {
	margin-left: 20px;
}

.tts-ad {
	position: relative;
	margin-right: 20px;
	padding: 0 20px 20px !important;
	text-align: right;
	font-size: 12px;
}
.tts-ad .ico-play {
	right: -26px;
	left: auto;
	width: 26px;
	height: 26px;
}
.tts-ad.inactive {
	display: none;
}
@media (max-width: 640px) {
	.tts-ad {
		margin-right: 0 !important;
	}
	.tts-ad .ico-play {
		right: -12px;
	}
}

.article-body .tts-ad {
	margin-right: 0;
}

.article-header.small .tts-ad {
	width: 0;
	height: 0;
	padding: 0 !important;
	overflow: hidden;
}

.tts-progress-bar {
	display: flex;
	width: 100%;
	height: 3px;
	line-height: 3px;
}
.tts-progress-bar span {
	display: inline-block;
	height: 3px;
	background-color: #C8E6E8;
}
.tts-progress-bar span:not(:last-child) {
	margin-right: 1px;
}
.tts-progress-bar span.played {
	background-color: #00828C;
}
.tts-progress-bar.micro {
	display: inline-block;
	position: absolute;
	top: auto; left: 0; bottom: -5px;
	width: 200px;
}
.tts-progress-bar.empty {
	background-color: #C8E6E8;
}

#tts-player-micro.inactive {
	display: none;
}

#tts-player {
	display: flex;
	align-items: center;
	position: fixed;
	z-index: 99999;
	background-color: #FFF;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
	left: 16px;
	bottom: -134px;
	width: calc(100% - 32px);
	padding: 18px 10px 18px 12px;
	text-align: left;
	border-radius: 4px;
}
#tts-player .button {
	min-width: 32px;
	height: 32px;
	padding: 0;
	flex: 0 0 auto;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#tts-player .button.loader {
	background-size: 20px 20px;
}
#tts-player .close,
#tts-player .ico-playlist {
	width: 24px;
	height: 24px;
	flex: 0 0 auto;
	cursor: pointer;
	background-position: center;
}
#tts-player .ico-playlist {
	margin-right: 8px;
	background-size: 18px 18px;
}
#tts-player .bars-wrap {
	margin: 0 10px 0 16px;
	width: 100%;
	font-size: 14px;
	color: #f69053;
}
#tts-player .tts-status-bar-long span {
	font-weight: 600;
}
#tts-player .tts-progress-bar {
	margin-top: 8px;
}
#tts-player .tts-wave-gif {
	display: inline-block;
	width: auto !important;
	padding-right: 71px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
@media (min-width: 481px) {
	#tts-player {
		left: calc(50% - 240px);
		width: 480px;
		padding: 12px 10px 12px 12px;
	}
	#tts-player .button {
		min-width: 48px;
		height: 48px;
	}
	#tts-player .state-wrap {
		margin: 0 28px 0 32px;
	}
}

#tts-player-micro { position: relative; }

.be-native-detail.narrow footer,
.be-native-detail.narrow #main-content,
.be-native-detail:not(.narrow) .all-wrapper { background-color: #F5F5F2; }
.be-native-detail .label-wrapper .right { float: right; }
#bn_claim_trigger {
	display: inline-block;
	min-width: 16px;
	height: 24px;
	font-size: 13px; line-height: 24px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'> <path d='M2 1 H14 V15 H2 Z' style='fill:none;stroke:black;stroke-width:2' /> <path d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94'/></svg>");
	cursor: pointer;
}
#bn_claim_trigger:after { content: "Co je Ekonom BeNative"; padding-left: 20px; }
.bn-tip-detail .simple-menu { padding: 24px; }
.bn-tip-detail .simple-menu p { margin: 16px 0 0; }
@media (min-width: 380px) {
	.bn-tip-detail { width: 375px; }
}