@font-face {font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: local('Roboto Condensed'), url('/wp-content/themes/Dotekomanie3/fonts/RobotoCondensed-Regular.woff2') format('woff2'); unicode-range: U+000-5FF;} :root {--color-primary: #d91536; --color-primary-dark: #d24a61; --color-primary-hover: #a9394c; --color-white: #fff; --color-black: #000; --color-gray-100: #f9f9f9; --color-gray-200: #ebebeb; --color-gray-300: #e0e0e0; --color-gray-400: #c9c9c9; --color-gray-500: #9b9b9b; --color-gray-600: #7b7b7b; --color-gray-700: #4a4a4a; --color-gray-800: #2b2b2b; --color-gray-900: #1e1e1e; --color-gray-950: #121212; --color-android: #71a833; --color-ios: #4c84c1; --color-heureka: #c4874d; --font-primary: "Helvetica Neue", Helvetica, Arial, sans-serif; --font-condensed: "HelveticaNeue-CondensedBold", "Roboto Condensed", sans-serif; --transition-fast: 200ms; --transition-medium: 300ms;} * {margin: 0; padding: 0; font-family: var(--font-primary); -webkit-font-smoothing: antialiased;} ::selection {background: var(--color-primary); color: var(--color-white) !important; background-image: none;} h1::selection {background: var(--color-primary); color: var(--color-white) !important; text-shadow: 1px 2px 1px var(--color-white);} ::-moz-selection {background: var(--color-primary); color: var(--color-white) !important; background-image: none;} h1::-moz-selection {background: var(--color-primary); color: var(--color-white) !important; text-shadow: 1px 2px 1px var(--color-white);} a {text-decoration: none; transition: 200ms;} html {position: relative; top: 60px;} .loggedHTML body iframe:last-of-type {left: -100px;} h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, main h1 span.headline, main .underHedlineInfoBase a, main .underHedlineInfoBase, .StoreWidget .typeSystem, #comments input, #highlites .high_item h2 a, .heureka_box span.nazev a, .heureka-page .heurekaItem .heu-text h3, .heureka-page .heurekaItem .heu-text h3 a, #login_win .user_logged #logout, main .underHedlineInfoBase span, main .underHedlineInfoBase span a {font-family: var(--font-condensed);} .NoDisplay {display: none !important;} .right {float: right;} .left {float: left;} #desktop #toolbar {width: 100%; height: 60px; top: 0; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.16); background-color: var(--color-gray-100); position: fixed; z-index: 1000;} #toolbar #toolbarContainer {width: 1100px; height: 100%; margin: 0 auto; position: relative;} #toolbar h1, #toolbar h2 {text-indent: -100000px; position: absolute;} #toolbar .menu-box, #toolbar #ikon-box {display: block; float: right;} #toolbar #searchform {float: right;} .dotekomniecz {font-family: var(--font-condensed); width: 149px; width: 149px; padding-top: 2px; font-size: 20px; font-weight: 700; letter-spacing: 0.5px; text-align: left; color: var(--color-black); color: var(--black);} #logo, #logo-text {float: left; width: auto; display: inline-block;} #logo-ico {float: left; width: auto; display: inline-block; width: 90px;} #logo #logo-text {margin: 18px 0 18px 34px;} #navigation {height: 60px; width: auto; float: right;} #desktop #navigation {padding-right: 10px} #navigation ul li {display: inline-block; position: relative;} #navigation ul li a {font-size: 16px; font-weight: 700; text-align: right; color: var(--color-black); text-decoration: none; padding: 21px 13px; display: inline-block;} #navigation ul li a:before, #login:before, .search:before {content: ''; width: 100%; height: 0; background-color: var(--color-primary); position: absolute; top: 0; left: 0; opacity: 0; transition: 300ms;} #navigation ul li a:hover:before, #login:hover:before, .search:hover:before {height: 4px; opacity: 1;} #login {width: 14px; height: 14px; object-fit: contain; float: right; padding: 23px 23px; position: relative;} a#login.user_logged {display: inline-block; width: 32px; height: 32px; padding: 14px 14px; float: right;} a#login.user_logged img {border-radius: 50%;} #searchform #s {display: none; position: absolute; font-size: 16px; font-weight: 700; text-align: left; background-color: var(--color-gray-100); color: var(--color-black); height: 16px; border: none; float: right; padding: 22px 22px 22px 148px; width: 510px; z-index: 10; right: 70px; outline: none;} #searchform #s::-webkit-input-placeholder {color: var(--color-gray-500);} #searchform #s::-moz-placeholder {color: var(--color-gray-500); opacity: 1;} #searchform #s::-ms-input-placeholder {color: var(--color-gray-500);} .search {width: 18px; height: 18px; object-fit: contain; float: right; padding: 30px 30px; color: transparent; position: relative; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/ic-search-24-px.svg"); background-position: center; background-size: 18px; background-repeat: no-repeat; background-color: transparent; border: none; cursor: pointer; outline: none;} #base {width: 100%; min-height: 400px; margin: 0 auto; position: relative; float: left; margin-top: 20px;} .center, #footerContant {width: 1100px; margin: 0 auto;} #desktop #footerContant #footerSocial {display: none;} #mobile #footerContant #footerSocial {display: block; text-align: center; margin-bottom: 28px;} #mobile #footerContant #footerSocial .social .oval.rd img {top: 0; left: 0;} main {float: left; width: 100%; height: auto; min-height: 300px; position: relative;} main blockquote {padding: 0 24px;} #articleBody {width: 767px; padding-right: 33px; float: left; padding-bottom: 80px;} aside {float: right; width: 300px; height: auto; min-height: 300px;} main h1 {background: none; background-image: linear-gradient(264deg, #f8133a, #d71b3a 53%, #ff005d); font-size: 48px; font-weight: 700; font-stretch: condensed; letter-spacing: 0.8px; text-align: left; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding: 20px 0 10px 0;} main h1 span.headline, .crue .headline {font-size: 18px; font-weight: 700; font-stretch: condensed; letter-spacing: 0.2px; text-align: left; color: var(--color-white); background: white; border-radius: 15px; background-color: var(--color-gray-700); display: inline-block; -webkit-text-fill-color: white; padding: 4px 16px 4px 16px; text-transform: uppercase; position: relative; bottom: 7px;} article h2, article h3 {font-weight: 700; font-stretch: condensed; text-align: left; color: var(--color-primary);} article h2 {font-size: 36px;} article h3 {font-size: 25px;} #articleBody #articleThumb {height: 422px; width: 100%; overflow: hidden; white-space: nowrap; display: inline-block; text-align: center; margin: 5px 0 32px 0; background-position: center; background-repeat: no-repeat; background-size: cover;} article p {font-family: var(--font-primary); font-size: 17px; line-height: 1.65; letter-spacing: 0.4px; text-align: left; color: var(--color-gray-700); margin: 24px 0; display: block; padding-left: 99px; padding-right: 99px;} aside #cookie_box p {font-family: var(--font-primary); font-size: 17px; line-height: 1.65; letter-spacing: 0.4px; text-align: left; color: var(--color-gray-700); display: block;} article p.imagePara {margin: 16px 0;} article p.zdroje {margin-top: 8px; margin-bottom: 0;} article p a, .heureka_widget .cena.nastaveni a, article ul li a, article ol li a, article .nakedheu {background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, rgba(217, 21, 54, .75) 50%); -webkit-background-clip: padding-box; display: inline; padding: 3px 2px 0 2px; transition: 200ms; color: var(--color-gray-700); background-position: 0 15%;} article p a:hover, .heureka_widget .cena.nastaveni a:hover, article ul li a:hover, article ol li a:hover, aside #cookie_box a#cookie_intext:hover, .commentText p a:hover, article .nakedheu:hover {background-position: 0 95%; color: var(--color-white);} article p.imagePara a, article p.imagePara a img, article p.imagePara a picture {display: inline-block; padding: 0; line-height: 0; background-image: none;} article p.imagePara a:hover {background: none; border: none;} article p.imagePara a {border: none; transition: none;} article p.imagePara a:hover {padding-top: 0;} article ul, article ol {margin: 15px 0; padding-left: 99px; padding-right: 99px;} article ul li, article ol li {margin-left: 36px; font-family: var(--font-primary); font-size: 17px; line-height: 1.65; letter-spacing: 0.4px; text-align: left; color: var(--color-gray-700); margin-bottom: 2px;} article table ul li, article table ol li {margin-left: 6px;} article ul ul, article ol ol, #desktop article ul ul {padding-left: 0; margin-left: 0; margin: 4px 0;} article .imagePara, article .iframePara {padding-left: 0; padding-right: 0; text-align: center; display: inline-block; width: 100%; padding-top: 0; padding-bottom: 0; overflow: hidden;} article h2, article h3, article h4, article h5, article h6 {padding: 16px 99px 0 99px;} article p.zdroje a {border: none; transition: none; font-family: var(--font-primary); font-size: 16px; letter-spacing: 0.4px; text-align: left; color: var(--color-gray-500); background: none;} article p.zdroje a:hover {padding-top: 0; color: var(--color-gray-700); background: none;} main .underHedlineInfoBase {padding: 10px 0 22px 0;} main .underHedlineInfoBase a, main .underHedlineInfoBase {font-size: 18px; font-weight: 700; font-stretch: condensed; line-height: 1.22; letter-spacing: 0.2px; text-align: left; color: var(--color-gray-700);} main .underHedlineInfoBase a:hover {color: black; text-shadow: none;} main .social.top {display: inline-block; width: 70%; margin-bottom: 24px;} main .box .social.top {width: 100%;} article .social.bottom {padding-left: 99px; display: block; padding-top: 32px;} .social .oval {width: 32px; height: 32px; border-radius: 50% !important; margin: 4px; display: inline-block; position: relative;} .social .oval img {position: absolute;} .social .oval.fb img {top: 21%; left: 35%;} .social .oval.tw img {top: 27%; left: 26%;} .social .oval.insta img {top: 23%; left: 23%;} .social .oval.youtube img {top: 27%; left: 38%;} .social .oval.rss img {top: 23%; left: 29%;} .social .oval.copy img {top: 27%; left: 34%;} .social .oval.fb {background-color: #395185;} .social .oval.fb:hover {background-color: #253862; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);} .social .oval.tw {background-color: #1da1f2;} .social .oval.tw:hover {background-color: #148cd5; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);} .social .oval.insta {background-image: linear-gradient(38deg, #fad629, #e82404 38%, #b324b8);} .social .oval.insta:hover {background-image: linear-gradient(38deg, #cfb442, #c53319 38%, #a120a4); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);} .social .oval.youtube {background-color: var(--color-primary);} .social .oval.youtube:hover {background-color: #b6122d; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);} .social .oval.rss {background-color: #ea6f1c;} .social .oval.rss:hover {background-color: #ca5f17; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);} .social .oval.threadsIco {filter: invert(1);} .dark .social .oval.threadsIco {filter: none;} .oval.shape_google_news {background-color: white;} .oval.shape_google_news img {max-width: 87%; margin: 2px; margin-top: 3px;} .social .oval.copy {background-color: var(--color-gray-700);} .social .oval.copy:hover {background-color: #3a3a3a; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);} .underImage {display: inline-block; height: 32px; width: 76px; float: left; border-radius: 16px; margin-right: 25px; background-color: var(--color-gray-500); text-align: right; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/comments.svg"); background-position: 12px 9px; background-repeat: no-repeat; cursor: pointer;} .underImage:hover {background-color: #8b8b8b; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);} .underImage .commentCountText {font-family: var(--font-condensed); font-size: 20px; font-weight: 700; font-stretch: condensed; letter-spacing: 0.2px; text-align: left; color: white; line-height: 32px; margin-right: 12px;} .oval.mastodon img {width: 32px; height: 32px; top: 3%; left: 1%;} .StoreWidget, .StoreWidget span, .widget, .widget-rozmer, .heureka_widget {display: inline-block; width: 100%;} .heureka_widget, .StoreWidget {margin-top: 16px; margin-bottom: 16px; transition: 200ms;} .StoreWidget:hover, .heureka_widget:hover {box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12);} span.heureka_widget+span.heureka_widget, a.StoreWidget+a.StoreWidget {margin-top: 0;} .StoreWidget, .heureka_widget {border-radius: 2px; background-color: var(--color-gray-100); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); width: 530px; margin-left: 115px; margin-right: 115px; position: relative;} .heureka_widget .heureka_rozmer {float: left; display: inline-block; margin: 17px 0 16px 16px;} .heureka_widget .heureka_box {float: left; display: block; width: 50%;} .heureka_widget .heureka_img {float: left; display: block; width: 50%; margin-right: 24px; width: 75px; overflow: hidden;} .StoreWidget .widget-zaklad, .heureka_box span.nazev a {font-size: 18px; font-weight: 700; font-stretch: condensed; letter-spacing: 0.4px; text-align: left; color: var(--color-black);} .StoreWidget .widget-nadpisek, .heureka_box span a {font-size: 14px; letter-spacing: 0.3px; text-align: left; color: var(--color-gray-700);} .heureka_box span {display: block; float: left; width: 100%; font-size: 14px; letter-spacing: 0.3px; text-align: left; color: var(--color-gray-700); line-height: 25px;} .heureka_widget span form input[type=submit] {font-size: 14px; border: none; background-color: transparent; font-weight: 700; letter-spacing: 0.4px; text-align: left; cursor: pointer; color: var(--color-gray-700); text-transform: uppercase;} .heureka_zaklad {font-family: var(--font-condensed); float: right; margin-top: 17px; border-top-left-radius: 14px; border-bottom-left-radius: 14px; background-color: #7ed321; font-size: 14px; font-weight: 700; font-stretch: condensed; letter-spacing: 0.3px; text-align: left; color: var(--color-white); padding: 6px 12px; width: auto; float: none; position: absolute; right: 0; background-color: #f58a23; top: 0; margin-top: 0; padding: 0;} .heureka_zaklad_heureka {top: 5px} .heureka_zaklad_alza, .dark .heureka_zaklad.heureka_zaklad_alza {top: 40px; background-color: #093266} .heureka_zaklad_smarty, .dark .heureka_zaklad.heureka_zaklad_smarty {top: 90px; background-color: #c02485} .heureka_zaklad_bscom, .dark .heureka_zaklad.heureka_zaklad_bscom {top: 90px; background-color: #0f5889} .heureka_zaklad_alza:hover, .dark .heureka_zaklad.heureka_zaklad_alza:hover {background-color: #2c538b} .heureka_zaklad_smarty:hover, .dark .heureka_zaklad.heureka_zaklad_smarty:hover {background-color: #d351a4} .heureka_zaklad_bscom:hover, .dark .heureka_zaklad.heureka_zaklad_bscom:hover {background-color: #0f5889} #authorInfo {padding: 32px 0; margin: 54px 99px 48px 99px; border-top: 1px solid var(--color-gray-500); border-bottom: 1px solid var(--color-gray-500); display: block; position: relative;} #authorInfo h2, #authorInfo p {padding: 0;} #authorInfo h2 a {font-size: 36px; font-weight: 700; font-stretch: condensed; text-align: left; color: var(--color-gray-700);} #authorInfo h2 a:hover {color: black;} #authorInfo p, .serial_home p {width: 75%; padding-right: 5%; display: inline-block;} #authorInfo #userPhoto {position: absolute; right: 20px; top: 25%; border-radius: 84%; display: inline-block;} #authorInfo #userPhoto img {width: 96px; height: 96px; display: inline-block; border-radius: 50%;} #comments {padding: 0 71px;} .dark #comments #commentformx {background-color: var(--color-gray-800);} #comments h2 {font-size: 36px; font-weight: 700; font-stretch: condensed; text-align: left; color: var(--color-primary); margin-bottom: 15px; margin: 0 14px 15px 27px;} #comments textarea {margin-bottom: 22px; background-color: var(--color-gray-100); width: 95%; padding: 8px 16px; min-height: 102px; border: none; resize: none; ; font-size: 17px; line-height: 1.65; letter-spacing: 0.4px; text-align: left; color: var(--color-gray-700); outline: none;} #comments .respond textarea {width: 90%;} #comments .respond {display: none; width: 95%; position: relative; margin-left: 5%; opacity: 0;} #comments .respond form {position: relative; padding-bottom: 16px; padding-top: 16px;} #comments #commentformx {background-color: var(--color-gray-100); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); position: relative;} #comments .form-submit {display: inline-block; position: absolute; bottom: -12px; right: 0;} #comments input, #modify_polls_under input[name="vote"] {border-radius: 16px; border: none; font-size: 16px; font-weight: 700; font-stretch: condensed; letter-spacing: 0.3px; text-align: left; color: var(--color-white); background-color: var(--color-primary); padding: 6px 16px; cursor: pointer; text-transform: uppercase;} #comments input:hover, #modify_polls_under input[name="vote"]:hover {border-radius: 16px; background-color: var(--color-primary-hover); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);} #comments .commentText {font-size: 17px; line-height: 1.65; letter-spacing: 0.4px; margin-top: 0; margin-bottom: 20px; text-align: left; color: var(--color-gray-700); overflow: hidden;} #comments .comment-author {display: inline-block; width: 100%;} #comments .comment-author .comment-link {font-size: 12px; font-weight: 500; line-height: 1.25; letter-spacing: 0.5px; text-align: left; margin-left: 16px; color: var(--color-gray-700);} #comments .comment-author h3 {display: inline-block;} #comments .comment-author h3 a, #comments .comment-author h3 {font-size: 20px; font-weight: 700; font-stretch: condensed; text-align: left; color: var(--color-primary);} #comments .comment-list {margin: 50px 0 0 27px;} #comments .depth-2, #comments .depth-3, #comments .depth-4, #comments .depth-5, #comments .depth-6 {padding: 8px 0 0 32px;} #comments .response {object-fit: contain; width: 18px; height: 15px; padding: 3px 4px;} #comments .comment-reply-link {cursor: pointer; display: inline-block; margin-right: 13px;} #comments .comment-reply-link:hover {filter: brightness(85%);} #comments .comment {padding-bottom: 8px; padding-bottom: 0;} #comments .comment-form-comment {overflow: hidden; margin-bottom: 21px;} #comments .comment-respond .form-submit {bottom: 24px; right: 24px;} #comments #commentformx .form-submit {right: 0;} #comments #respond .form-submit {bottom: -20px;} #comments .cancel_comment {width: 24px; height: 24px; position: absolute; top: 5px; right: 12px; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/cancel-comment.svg"); background-position: center; background-repeat: no-repeat; cursor: pointer;} #mobile #comments .response {object-fit: contain; width: 20px; height: 20px; padding: 0; padding-left: 5px; padding-right: 5px;} aside .box {display: block; margin-bottom: 35px; float: left; width: 100%;} aside .box .a-single {min-height: 250px;} aside h2, #top_clanky_sedm h2 {font-size: 28px; font-weight: 700; font-stretch: condensed; text-align: left; color: var(--color-primary); margin-bottom: 12px;} aside .adminMenu, aside .userMenu {list-style-type: none;} aside ul.adminMenu li {transition: 600ms;} aside .links, #top_clanky_sedm .links {list-style-type: none;} aside .links li, #top_clanky_sedm .links li {position: relative; margin-bottom: 4px; padding-left: 34px; transition: 600ms;} aside .links li span, #top_clanky_sedm .links li span {display: inline-block; position: absolute; width: 18px; background-color: var(--color-primary); height: 18px; border-radius: 50%; font-size: 10px; font-weight: 700; text-align: left; text-align: center; color: var(--color-white); line-height: 18px; top: 5px; left: 0;} aside a, #top_clanky_sedm a {transition: 600ms; display: block; font-size: 17px; line-height: 1.65; letter-spacing: 0.4px; text-align: left; color: var(--color-gray-700);} .dark #top_clanky_sedm a {color: var(--color-gray-400)} aside .links a:hover, #top_clanky_sedm .links a:hover {color: var(--color-black);} aside ul.links li:hover, #top_clanky_sedm ul.links li:hover, aside ul.adminMenu li:hover {transform: translateX(8px);} aside #heurekaShortList {margin: 0; padding: 0; list-style-type: none; width: 100%; float: left;} aside #heurekaShortList li {display: inline-block; width: 100%; float: left; margin-bottom: 16px;} aside #heurekaShortList .imlink {display: inline-block; width: 48px; height: 48px; overflow: hidden; text-align: center; float: left; margin-right: 24px;} aside #heurekaShortList .imlink img {height: 100%;} aside #heurekaShortList .boldlink {display: block; font-size: 16px; font-weight: 700; text-align: left; color: var(--color-gray-700);} aside #heurekaShortList .boldlink:hover {color: var(--color-black);} aside #heurekaShortList span {display: block; font-size: 16px; font-weight: 700; text-align: left; color: var(--color-gray-700); font-weight: 400; margin-top: 7px; font-size: 15px;} aside #heurekaAsideList h2, aside #cookie_box h2 {display: inline-block; float: left;} aside #cookie_box p {display: block; float: left;} aside #heurekaAsideList a#heurekaAsideListLink, aside #cookie_box a#cookiesAsideListLink {display: inline-block; float: right; font-size: 16px; font-weight: 500; letter-spacing: 0.3px; color: var(--color-primary); padding-top: 9px; padding-right: 10px; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/chevron-mini.svg"); background-position: 38px 18px; background-repeat: no-repeat; cursor: pointer;} aside ul.userMenu li, aside ul.userMenu li a {display: block; font-size: 17px; line-height: 1.65; letter-spacing: .4px; text-align: left; color: var(--color-gray-700);} aside ul.userMenu li a {background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, rgba(217, 21, 54, .75) 50%); -webkit-background-clip: padding-box; display: inline; padding: 3px 2px 0 2px; transition: 200ms; color: var(--color-gray-700); background-position: 0 15%;} aside ul.userMenu li a:hover {background-position: 0 95%; color: var(--color-white);} .dark aside ul.userMenu li, .dark aside ul.userMenu li a {color: white;} #downLeaderboard {width: 100%; min-height: 310px; margin: 0 auto; padding: 32px 0; text-align: center; display: inline-block;} #footer {width: 100%; min-height: 445px; float: left; background-color: var(--color-gray-800); border-top: solid 1px #e2e2e2; position: relative;} #footer #footerContant {margin-top: 72px;} #footer #footerContant h2 {font-size: 20px; font-weight: 700; font-stretch: condensed; text-align: left; color: var(--color-white); margin-bottom: 16px;} #footer #footerContant .partners {display: block; margin-right: 85px; float: left;} #footer #footerContant .partners a {display: block; font-size: 17px; text-align: left; color: var(--color-gray-500); margin-bottom: 10px; text-transform: lowercase;} #footer #footerContant .partners.linksFooter {width: 100%; float: left; margin-top: 61px;} #footer #footerContant .partners.linksFooter a {display: inline-block; font-size: 17px; line-height: 1.65; letter-spacing: 0.4px; text-align: left; color: var(--color-gray-500); margin-right: 25px;} #footer #footerContant #mobile_apps {width: 560px; font-size: 17px; float: right; text-align: left; color: var(--color-gray-500);} #footer #footerContant #mobile_apps .apps {display: inline-block; margin-top: 17px;} #footer #footerContant #mobile_apps .apps a {display: inline-block; margin-right: 16px;} #footer #footerImage {width: 406px; height: 36px; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/dotekomanie.svg"); background-position: 50px 0; background-repeat: no-repeat; display: block; font-size: 36px; line-height: 36px; margin-bottom: 20px; color: var(--color-primary);} #login_win {background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)); width: 100%; min-width: 400px; height: 100%; min-height: 400px; position: fixed; top: 0; left: 0; z-index: 1000; display: none;} #login_win #login_win_popup {opacity: 0.5; top: 53%; z-index: 1001; border-radius: 8px; background-color: transparent;} #login_win .middle {position: fixed; top: 50%; left: 50%; width: 304px; height: 323px; transform: translate(-50%, -50%); border-right: 8px;} #login_win .middle_style {background-color: white; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/clouds.svg"); background-position: top; background-repeat: no-repeat; border-radius: 8px; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.09); text-align: center; z-index: 1001;} #login_win #cancel_place {width: 100%; height: 100%; position: fixed; background-color: transparent; top: 0; left: 0; z-index: 100; backdrop-filter: blur(3px);} #login_win .middle_style.user_not_logged {height: 310px;} #login_win .middle_style.user_logged {height: 357px; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/clouds_loged.svg");} #login_win #cancel {width: 36px; height: 36px; position: absolute; top: -10px; right: -10px; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/cancel.svg"); background-position: center; background-repeat: no-repeat; cursor: pointer; z-index: 100;} #login_win h2 {font-size: 28px; font-weight: 700; font-stretch: condensed; text-align: left; color: var(--color-white); padding-top: 32px; text-align: center;} #login_win .user_logged h2 {padding-top: 66px;} #login_win .user_logged h3 {font-size: 16px; font-weight: 700; font-stretch: condensed; letter-spacing: 0.3px; padding-top: 4px; color: rgba(255, 255, 255, 0.75);} #login_win .user_logged h4 {font-size: 20px; font-weight: 700; font-stretch: condensed; color: var(--color-primary); margin-top: 84px;} #login_win .user_logged h5 {font-size: 14px; line-height: 2; letter-spacing: 0.4px; color: var(--color-gray-700); margin-top: 4px;} #login_win .user_logged #logout {border-radius: 16px; background-color: var(--color-primary); padding: 6px 16px; color: white; cursor: pointer; display: inline-block; margin-top: 0; transition: 500ms; text-transform: uppercase; margin-top: 32px;} #login_win .user_logged #logout:hover {background-color: var(--color-primary-hover); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);} #login_win .avatar-box {position: absolute; width: 100%; left: 0; top: -50px;} #login_win .avatar {box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.09); border-radius: 50%;} .ic_person_18px {margin: 25%;} #login_win .apps {display: block; margin-top: 64px; margin-bottom: -30px;} #login_win .apps a {display: inline-block;} #login_win .apps a:nth-of-type(2) {margin-left: 5px;} #login_win .comment_popup {display: none;} #login_win .login_popup {display: block;} #login_win h3.comment_popup {font-size: 15px; color: var(--color-gray-700); margin-top: 102px;} #mobile aside, #mobile #highlites, #mobile #footer #footerContant .linksFooter, #mobile main .streamItem .streamImage a span, #mobile main .streamItem .streamText span.updated, #mobile main .streamItem .streamText span.comm, #mobile .StoreWidget .widget-text span.widget-nadpisek, #mobile #footer #footerContant .partners, #mobile #footer #footerContant #mobile_apps, #mobile .crue .email {display: none;} #mobile #footer #footerImage {display: none !important;} #mobile #toolbar #toolbarContainer, #mobile .center, #mobile #footerContant, #mobile .homeStream, #mobile #footer #footerContant #mobile_apps, #mobile #articleBody, #mobile #highlitesAds {width: 100%; float: left;} #mobile #articleBody #articleThumb {height: 192px; margin-bottom: 16px;} #mobile .heureka_zaklad a, #mobile .StoreWidget .typeSystem, #mobile .heureka_zaklad {font-size: 12px;} #mobile .StoreWidget .typeSystem, #mobile .heureka_zaklad {padding: 4px 8px 4px 12px;} #mobile .StoreWidget img, #mobile .heureka_widget .heureka_img {width: 48px; height: 48px;} #mobile .heureka_widget .heureka_img img {width: 48px; height: auto;} #mobile .StoreWidget .widget-zaklad, #mobile .heureka_box span.nazev a {font-size: 16px;} #mobile #toolbar {width: 100%; height: 60px; top: 0; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.16); background-color: var(--color-gray-100); position: fixed; z-index: 1000;} #mobile #logo-ico {width: 81px;} #mobile .Hnaticka {position: relative; top: 0; left: -12px;} #mobile #logo #logo-text {margin: 20px 0 17px 16px;} #mobile #base {width: 100%;} #mobile main h1 {font-size: 26px; font-weight: 700; font-stretch: condensed; line-height: 1.25; text-align: left; color: var(--color-primary); padding: 0; padding-bottom: 15px;} #mobile main h1 span.headline {font-size: 12px; padding: 3px 8px 2px 8px; bottom: 4px;} #mobile article h2 {font-size: 25px;} #mobile article h3 {font-size: 21px;} #mobile main .underHedlineInfoBase a, #mobile main .underHedlineInfoBase {font-size: 14px; font-weight: 700; font-stretch: condensed; line-height: 1.57; letter-spacing: 0.2px; text-align: left; color: var(--color-gray-700);} #mobile main .underHedlineInfoBase {padding: 2px 0 16px 0;} #mobile #articleBody, #mobile .homeStream {padding: 0;} #mobile {} #mobile .hNewest, #mobile main .streamItem, #mobile main h1, #mobile main .underHedlineInfoBase, #mobile #comments, #mobile article p, #mobile article h2, #mobile article h3, #mobile article h4, #mobile article h5, #mobile article h6 {padding-left: 4%; padding-right: 3%; width: 93%;} #mobile .underImage {margin-left: 16px;} #mobile main .social.top {display: inline-block; float: right; width: auto; margin-bottom: 24px; margin-right: 16px;} #mobile article {display: block; float: left; width: 100%;} #mobile article p:first-child {margin-top: 0;} #mobile article p, #mobile article ul li, #mobile article ol li {font-size: 17px; line-height: 1.83;} #mobile article ul li, #mobile article ol li {margin-left: 24px;} #mobile article p.imagePara img {max-width: 100%; height: auto;} #mobile #comments {display: inline-block;} #mobile #comments h2, #mobile #comments textarea, #mobile #comments .comment-reply-link, #mobile article ul, #mobile #authorInfo, #mobile article .social.bottom {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;} #mobile #authorInfo {padding-top: 81px; padding-bottom: 16px; background-color: var(--color-gray-100); margin-bottom: 32px; float: left; width: 100%} #mobile #authorInfo #userPhoto {left: 44%; top: 16px; display: block; width: 48px;} #mobile #authorInfo #userPhoto img {width: 48px; height: 48px;} #mobile #authorInfo h2, #mobile #authorInfo p, #mobile .serial_home p {text-align: center;} #mobile #articleBody article #authorInfo h2 {display: block !important;} #mobile #authorInfo p {margin-bottom: 0;} #mobile #authorInfo h2 a {font-size: 20px;} #mobile .StoreWidget, #mobile .heureka_widget, #mobile article ul, #mobile #footer #footerImage {margin-left: 16px; margin-right: 16px; width: 90%;} #mobile #comments textarea {width: 100%; margin-bottom: 24px;} #mobile #comments textarea {box-shadow: none;} #mobile #comments #commentformx {background-color: var(--color-gray-100); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); margin-bottom: 22px;} #mobile #comments .respond textarea {width: 91%;} #mobile #comments .comment-author .comment-link {display: block; margin-left: 0;} #mobile #comments .comment-list {margin-left: 0; margin-bottom: 0;} #mobile #comments .commentText {margin-bottom: 16px;} #mobile #comments .commentText p {overflow: hidden;} #mobile #comments .depth-2, #mobile #comments .depth-3, #mobile #comments .depth-4, #mobile #comments .depth-5, #mobile #comments .depth-6, #mobile article .social.bottom {padding-left: 16px;} #mobile #footer #footerContant .partners.linksFooter {display: block; width: 100%; margin-top: 0; margin-right: 0;} #mobile #footer #footerContant .partners, #mobile #footer #footerContant .partners.manual_switch_mobile {background-image: none;} #mobile #footer #footerImage {display: none;} #mobile #footer #footerContant {margin-top: 36px; padding-bottom: 36px;} #mobile #footer #footerContant .partners.linksFooter a {display: inline-block; width: 100%; text-align: center; text-transform: capitalize; margin-right: 0;} #mobile #footer {min-height: 100px; margin-top: 32px;} #mobile #comments h2 {font-size: 22px;} #mobile article .iframePara iframe {max-width: 100%; height: auto;} #mobile .underImage .commentCountText {font-size: 17px;}@media screen and (max-width:1099px){ html {display: flex;}} #desktop #menu-button, #desktop #menu-button-close, #desktop #menu-box-headline {display: none;} #mobile #menu-button, #mobile #menu-button-close {display: block; float: right; width: 60px; height: 60px; background-image: url(/wp-content/themes/Dotekomanie3/img/svg/menu.svg); background-position: center; background-repeat: no-repeat;} #mobile #menu-button-close {background-image: url(/wp-content/themes/Dotekomanie3/img/svg/close.svg);} #mobile .menu-box {background-color: pink; background-color: var(--color-gray-100); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.16); width: 100%; display: inline-block; position: fixed; top: 0; left: 0;} #mobile .menu-box #navigation {width: 100%; height: auto; padding-bottom: 8px;} #mobile .menu-box #navigation ul li {display: list-item;} #mobile .menu-box #navigation ul li a {font-size: 14px; font-weight: 700; letter-spacing: 0.5px; text-align: left; color: var(--color-gray-700); padding-bottom: 12px; padding-top: 12px; display: block;} #mobile #navigation ul li a:before, #mobile #login:before, #mobile .search:before {background-color: transparent;} #mobile #menu-box-headline {font-size: 22px; font-weight: 700; color: var(--color-primary); float: left; display: block; width: 100%; padding-left: 16px; margin-bottom: 16px; margin-top: 32px;} #mobile .menu-box #searchform #s {position: absolute; font-size: 16px; font-weight: 700; text-align: left; background-color: var(--color-gray-100); color: var(--color-black); height: 16px; border: none; float: right; padding: 22px; width: 100%; z-index: 10; right: auto; outline: none; left: 0; top: 60px;} #mobile #toolbar .menu-box, #mobile #toolbar #ikon-box {float: left;} #mobile #toolbar .menu-box {display: none; z-index: 1;} #mobile #login_win #login_win_popup {width: 90%; max-width: 300px;} #login_win .the_champ_login_container {width: 100%; text-align: center; float: left; margin-top: 115px; display: flex; justify-content: center;} #login_win h3.comment_popup {font-size: 15px; color: var(--color-gray-700); top: 100px; margin-top: 0; position: relative;} aside #heurekaShortList .boldlink {height: 23px; overflow: hidden;} article p a, .commentText p a, .heureka_widget .cena.nastaveni a, article ul li a, article ol li a, aside #cookie_box a#cookie_intext, article .nakedheu, .withoutapps p a, #login_win_popup .user_logged a {background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, rgba(217, 21, 54, .75) 50%); -webkit-background-clip: padding-box; display: inline; padding: 3px 2px; transition: 200ms; color: var(--color-gray-700); background-position: 0 10%;} article p, .poll-question-header, .withoutapps p {font-family: var(--font-primary); font-size: 17px; line-height: 1.75; letter-spacing: .4px; text-align: left; color: var(--color-gray-700); margin: 24px 0; display: block; padding-left: 99px; padding-right: 99px;} .dark .withoutapps p {color: white;} .dark div#base {background-color: var(--color-gray-950); margin-top: 0;} .dark #highlitesAds, .dark body, .dark #login_win .middle, .dark #login_win .middle_style, .dark #login_win_popup .darklightwhitch, #mobile.dark #authorInfo, #mobile.dark #comments #commentformx {background-color: var(--color-gray-950);} #mobile.dark #comments #commentformx {background-color: var(--color-gray-800);} .dark #login_win_popup .darklightwhitch, .dark #login_win .middle, .dark #login_win .middle_style {background-color: #222;} #mobile.dark #comments {padding-bottom: 37px;} .dark #highlites, #desktop.dark #toolbar, #mobile.dark #toolbar, #mobile.dark .menu-box {box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.25); background-color: var(--color-gray-900);} .dark main .streamItem h2 a, .dark #navigation ul li a, .dark article p, .dark .poll-question-header, .dark #comments .commentText, .dark #comments textarea, .dark article ul li, .dark article ol li, #mobile.dark .menu-box #navigation ul li a, .dark .darklightwhitch span, .dark aside #cookie_box a#cookie_intext:hover {color: var(--color-gray-200);} .dark main .streamItem .streamText span.updated, .dark main .streamItem .streamText span.comm, .dark main .streamItem .streamText span.author, .dark aside a, .dark aside #heurekaShortList .boldlink, .dark aside #heurekaShortList span, .dark #highlites .high_item .perex, .dark main .streamItem .comm a, .dark #searchform #s, .dark .heureka_widget .cena.nastaveni a, .dark article ul li a, .dark article ol li a, .dark aside #cookie_box a#cookie_intext, .dark article .nakedheu, .dark #authorInfo p, .dark .serial_home p, .dark #authorInfo h2 a, .dark #comments .comment-author .comment-link, .dark .heureka-page .heurekaItem .heu-text h3, .dark .heureka-page .heurekaItem .heu-text h3 a, .dark .heureka-page .heurekaItem .heu-text .heu-prices, #mobile.dark main .underHedlineInfoBase a, #mobile.dark main .underHedlineInfoBase, .dark aside #cookie_box p {color: var(--color-gray-400);} .dark main .streamItem h2 a:hover, .dark main .streamItem .comm a:hover, .dark main .streamItem .comm a:hover, .dark #authorInfo h2 a:hover, .dark main h2.hNewest, .dark aside h2, .dark #top_clanky_sedm h2, .dark #highlites .high_item h2 a, .dark #highlites .high_item h2, .dark aside #heurekaAsideList a#heurekaAsideListLink, .dark aside #cookie_box a#cookiesAsideListLink, .dark #comments .comment-author h3 a, .dark #comments .comment-author h3, .dark article h2, .dark article h3, .dark article h4, .dark article h5, .dark .crue h2, .dark .crue .authItem .authItem-texts h3 a, .dark #comments h2, .dark main h2.hNewest a, .dark #footer #footerImage, .dark main h1, .dark .crue .authItem .authItem-texts h3 a, .dark .crue .authItem .authItem-social a, .dark #login_win .user_logged h4, #mobile.dark #menu-box-headline {color: var(--color-primary-dark);} .dark article p a {background-image: linear-gradient(to bottom, transparent 50%, rgba(210, 74, 97, .80) 50%);} .dark article p a:has(img), article p a:has(img) {background-image: none;} .dark main h1 {background-image: linear-gradient(264deg, var(--color-primary-dark), var(--color-primary-dark) 53%, var(--color-primary-dark));} .dark aside .links li span, .dark #top_clanky_sedm .links li span, .dark main .streamItem .streamImage a span {background-color: var(--color-primary-dark);} .dark aside .links a:hover, .dark #top_clanky_sedm .links a:hover, .dark aside #heurekaShortList .boldlink:hover, .dark article p a:hover, .dark .commentText p a:hover, .dark .crue .authItem .authItem-texts h3 a:hover, .dark article p a, .dark .crue .authItem .authItem-texts h3 a:hover, .dark .crue .authItem .authItem-social a:hover, .dark .crue p, .dark .commentText p a, .dark #login_win_popup .user_logged a {color: var(--color-white);} .dark #base {padding-top: 20px;} .dark div#base.loggedHTML {padding-top: 20px;} .dark .dotekomniecz {content: url(/wp-content/themes/Dotekomanie3/img/svg/dotekom-nie-cz_dark.svg);} .dark .Hnaticka {content: url(/wp-content/themes/Dotekomanie3/img/svg/logo_dark.svg);} .dark .star_iko {content: url(/wp-content/themes/Dotekomanie3/img/svg/star-circle_dark.svg);} .dark .shield_iko {content: url(/wp-content/themes/Dotekomanie3/img/svg/shield-star_dark.svg);} .dark .StoreWidget, .dark .heureka_widget {border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); background-color: var(--color-gray-900);} .dark .StoreWidget .widget-zaklad, .dark .heureka_box span.nazev a, .dark main .underHedlineInfoBase a:hover, #mobile.dark .menu-box #searchform #s {color: var(--color-white);} .dark .StoreWidget .widget-nadpisek, .dark .heureka_box span a, .dark .heureka_box span, .dark .heureka_widget span form input[type=submit], .dark main .underHedlineInfoBase a, .dark main .underHedlineInfoBase span, .dark #login_win .user_logged h5, .dark #authorPage #authorInfo p, .dark .serial_home p {color: var(--color-gray-400);} .dark .heureka_zaklad {background-color: var(--color-heureka);} .dark main .pagerOne a, .dark #comments input, .dark #navigation ul li a:before, .dark #navigation ul li a:before, .dark #login:before, .search:before, .dark #login_win .user_logged #logout {background-color: var(--color-primary-dark);} .dark .ic_person_18px {content: url(https://dotekomanie.cz/wp-content/themes/Dotekomanie3/img/svg/ic-person-18-px_dark.svg);} .ic_person_18px.star {content: url(https://dotekomanie.cz/wp-content/themes/Dotekomanie3/img/svg/person_star.svg); margin-top: -5px; margin-left: -5px;} .dark .search {background-image: url(/wp-content/themes/Dotekomanie3/img/svg/ic-search-24-px_dark.svg);} #mobile.dark #menu-button {background-image: url(/wp-content/themes/Dotekomanie3/img/svg/menu_dark.svg);} .dark aside #heurekaAsideList a#heurekaAsideListLink, .dark aside #cookie_box a#cookiesAsideListLink {background-image: url(/wp-content/themes/Dotekomanie3/img/svg/chevron-mini_dark.svg);} #mobile.dark #menu-button-close {background-image: url(/wp-content/themes/Dotekomanie3/img/svg/close_dark.svg);} .dark #login_win .middle_style {background-image: url("/wp-content/themes/Dotekomanie3/img/svg/clouds_dark.svg");} .dark #login_win .middle_style.user_logged {background-image: url("/wp-content/themes/Dotekomanie3/img/svg/clouds_loged_dark.svg");} .dark #searchform #s, #mobile.dark .menu-box #searchform #s, .dark #comments textarea {border-radius: 4px; border: none; background-color: var(--color-gray-800);} .dark #searchform #s {background-color: #1E1E1E;} .dark #commentformx {box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .25);} #mobile.dark #footer {margin-top: 0; padding-top: 32px;} .dark #footer {border-top: solid 1px var(--color-black); background-color: #1E1E1E;} .dark article p.zdroje a {color: var(--color-gray-400); background-image: none;} .dark article p.zdroje a:hover {color: #fff;} .switch-input {display: none;} .switch-label {position: relative; display: inline-block; cursor: pointer; font-weight: 500; text-align: left; margin: 10px; padding: 16px 0 16px 44px;} .switch-label:before, .switch-label:after {content: ""; position: absolute; margin: 0; outline: 0; top: 50%; transform: translate(0, -50%); transition: all 0.3s ease;} .switch-label:before {left: 1px; width: 34px; height: 14px; background-color: #9E9E9E; border-radius: 8px;} .switch-label:after {left: 0; width: 20px; height: 20px; background-color: #FAFAFA; border-radius: 50%; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);} .switch-input:checked+.switch-label:before {background-color: #5e2831;} .switch-input:checked+.switch-label:after {background-color: var(--color-primary-dark); transform: translate(80%, -50%);} #login_win_popup .darklightwhitch {width: 304px; height: 52px; border-radius: 8px; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.09); background-color: var(--color-white); margin-top: 9px;} #login_win_popup .darklightwhitch span {height: 18px; display: inline-block; font-size: 16px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; margin: 17px 0 17px 16px; font-family: var(--font-condensed); float: left;} #login_win_popup .darklightwhitch .sw_darklight {width: 69px; float: right; height: auto;} .wp-caption-text {text-align: center; margin-top: 0; font-style: italic; font-size: 14px;} .thumb_article_image {color: var(--color-gray-600); margin-top: -32px; margin-bottom: 32px; font-style: italic; font-size: 14px;} #mobile .thumb_article_image {margin-top: -14px; margin-bottom: 14px; padding-left: 16px;} div.wp-caption {width: 100% !important; text-align: center !important;} .imagePara~.wp-caption-text {margin-top: -24px; color: var(--color-gray-700);} .wp-caption .wp-caption-text {color: var(--color-gray-700);} #mobile .wp-caption img {width: 100%; height: auto;} #mobile #footer #footerContant #mobile_apps {display: block; text-align: center;} #mobile #footer #footerContant #mobile_apps p, #mobile #footer #footerContant #mobile_apps h2 {display: none;} #mobile article ul, #mobile article ol {margin: 15px 0; padding-left: 10px; padding-right: 10px;} .withoutapps p {padding-left: 0; padding-right: 0; text-align: center;} #mobile_apps .withoutapps p, #mobile_apps .withoutapps p a {color: #fff;} #menu-button-blur {display: none;} #mobile #menu-button-blur {position: fixed; width: 100vw; top: 64px; height: 100vh; z-index: 1; backdrop-filter: blur(12px);background-color: rgba(30, 30, 30, 0.75);} .instagram-media, .twitter-tweet-rendered {margin: 0 auto !important;} #desktop article p:not(.imagePara, #authorInfo p, .iframePara), .poll-question-header {line-height: 1.75; letter-spacing: 0.3px; word-spacing: 0.05em; padding-left: 39px; padding-right: 39px;} #desktop article h2:not(#authorInfo h2), #desktop article h3, #desktop article h4, #desktop article h5, #desktop article h6 {padding: 16px 39px 0;} #desktop aside a {font-size: 15px;} #desktop #authorInfo {margin: 54px 39px 48px;} #desktop article .social.bottom {padding-left: 39px;} #desktop article ul, #desktop article ol {padding-left: 39px; padding-right: 39px;} #desktop article table ul, #desktop article table ol {padding-left: 0px; padding-right: 0px;} .PostInArticleBottom {display: flex; margin-top: 20px; justify-content: center;} #desktop .PostInArticleBottom {padding: 0 50px;} .PostInArticleBottom span {color: var(--color-gray-500); font-size: 14px; display: inline-block; margin-bottom: 10px;} #desktop article .PostInArticleBottom h3 {padding: 0; font-size: 20px; font-weight: 600; padding-top: 5px;} .PostInArticleBottom .PrevPostInArticleBottom h3 {text-align: right} .PostInArticleBottom .PrevPostInArticleBottom {padding-right: 10px; padding-left: 20px; text-align: right;} .PostInArticleBottom .NextPostInArticleBottom {padding-left: 10px; padding-right: 20px; text-align: left;} .PostInArticleBottom .PrevPostInArticleBottom, .PostInArticleBottom .NextPostInArticleBottom {width: 100%; float: left;} #mobile .PrevPostInArticleBottom h3 a, #mobile .NextPostInArticleBottom h3 a, #desktop .PrevPostInArticleBottom h3 a, #desktop .NextPostInArticleBottom h3 a {color: var(--color-primary-dark);} #mobile .PrevPostInArticleBottom {margin-bottom: 15px;} #mobile .PostInArticleBottom {display: grid;} #mobile .PostInArticleBottom span {} #mobile .PostInArticleBottom .PrevPostInArticleBottom h3, #mobile .PostInArticleBottom .NextPostInArticleBottom h3 {padding: 0 10px; margin: 0; display: inline-block;} #mobile .PostInArticleBottom .PrevPostInArticleBottom, #mobile .PostInArticleBottom .NextPostInArticleBottom {padding: 0;} #mobile .PostInArticleBottom .PrevPostInArticleBottom, #mobile .PostInArticleBottom .NextPostInArticleBottom, #mobile .PostInArticleBottom .PrevPostInArticleBottom h3, #mobile .PostInArticleBottom .NextPostInArticleBottom h3, #mobile .PostInArticleBottom .PrevPostInArticleBottom span, #mobile .PostInArticleBottom .NextPostInArticleBottom span {text-align: center;} #desktop .PostInArticleBottom {flex-wrap: wrap;} #desktop .PostInArticleBottom .PrevPostInArticleBottom, #desktop .PostInArticleBottom .NextPostInArticleBottom {flex: 50;} #info_presun_napoveda {display: none;} #desktop #info_presun_napoveda {display: block; width: 100%; float: left;} #desktop #info_presun_napoveda p {text-align: center; color: var(--color-gray-500); font-size: 14px;} .social .oval.tw.logo_x_social {background-color: var(--color-black);} .social .oval.tw.logo_x_social img {top: 19%; left: 19%; width: 20px; height: 20px;} #desktop #mobileDownGroupAds {display: flex; justify-content: center; padding-bottom: 40px;} #mobile #mobileDownGroupAds {display: flex; float: left; width: 100vw; justify-content: center; margin-bottom: 28px;} #mobile #mobileDownGroupAds .box {display: inline-flex;} #mobile #mobileDownGroupAds .box h2 {display: none;} .threadnet img {filter: invert(1); height: 32px;} .dark .threadnet img {filter: none; height: 32px;} #mobile .threadnet {display: none;} #mobile #comments {overflow: hidden !important; width: 96vw; padding-left: 2vw; padding-right: 2vw;} div.wpappbox.simple {width: 80%; display: flow; margin: 0 auto; margin-bottom: 20px;} #mobile body {overflow-x: hidden;} h1+.imageParaGallery, h2+.imageParaGallery, h3+.imageParaGallery, h4+.imageParaGallery, h5+.imageParaGallery, h6+.imageParaGallery {margin-top: 20px;} .imageParaGallery {padding: 20px 0 20px 0; padding-bottom: 22px; background-color: #e9e9e9; display: flow-root;} .imageParaGallery.close p {overflow: hidden;} .dark .imageParaGallery {background-color: #1a1a1a;} .imageParaGallery.px120.close p, .imageParaGallery.px134.close p {height: 150px;} .imageParaGallery.px300.close p, .imageParaGallery.px299.close p, .imageParaGallery.px226.close p {height: 330px;} .imageParaGallery.px169.close p {height: 200px;} #mobile .imageParaGallery.px169.close p {height: 230px;} #mobile .imageParaGallery.px120.close p, #mobile .imageParaGallery.px134.close p {height: 180px;} #mobile .imageParaGallery.px300.close p, #mobile .imageParaGallery.px299.close p, #mobile .imageParaGallery.px226.close p {height: 360px;} .imageParaGallery.close p {position: relative;} .imageParaGallery.close p::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: linear-gradient(to top, rgba(233, 233, 233, 1), rgba(233, 233, 233, 0)); filter: blur(0px);} .dark .imageParaGallery.close p::after {background: linear-gradient(to top, rgba(26, 26, 26, 1), rgba(26, 26, 26, 0));} .smallAdText {display: inline-block; width: 100%; text-align: right; color: var(--color-gray-500);} main .underHedlineInfoBase .hashtag_links_article {text-align: right; display: inline-block; float: right; margin-right: 333px; text-transform: uppercase;} #mobile main .underHedlineInfoBase .hashtag_links_article {margin-right: 0;} main .underHedlineInfoBase .hashtag_links_article a {margin-left: 10px;} #modify_polls_under, #pzl_youtube {display: flex; width: 100%; justify-content: center; margin-top: 40px; position: relative;} #pzl_youtube a {display: inline-block;} #pzl_youtube a img {width: 100% !important;} #modify_polls_under .wp-polls p:first-child strong {font-size: 21px;} #modify_polls_under .wp-polls {width: 75%;} #mobile #modify_polls_under .wp-polls {width: 100%;} #modify_polls_under .wp-polls .wp-polls-form {display: flex; flex-direction: column; width: 100%;} #modify_polls_under .wp-polls-loading {width: 100%; height: 75%; position: absolute; top: 25%; z-index: 1000; line-height: 200px; backdrop-filter: blur(5px);} #modify_polls_under input[type="radio"] {appearance: none; -webkit-appearance: none; width: 20px; height: 20px; border: 2px solid #ccc; border-radius: 50%; outline: none; margin-right: 10px; position: relative; cursor: pointer;} #modify_polls_under input[type="radio"] {background-color: var(--color-white); border-color: var(--color-gray-600);} #modify_polls_under .wp-polls ul li:before {content: '';} #modify_polls_under input[type="radio"]:checked {border-color: #d24242;} #modify_polls_under input[type="radio"]:checked::after {border-color: #d24242;content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 10px;height: 10px;border-radius: 50%; background-color: #d24242;} #modify_polls_under .wp-polls-ul {width: 100%;} #modify_polls_under .wp-polls-ul li {width: 90%;} #modify_polls_under .wp-polls-ul label {line-height: 22px;} #modify_polls_under .wp-polls-ul li {margin: 7px 0;} #modify_polls_under .wp-polls-ul, #modify_polls_under .wp-polls-ul li, #modify_polls_under .wp-polls-ul input, #modify_polls_under .wp-polls-ul label {float: left; display: inline-block;} .paid #navigation ul li.menu-item-356445 {display: none;} .onesignal-button .onesignal-customlink-container {min-height: 0;} .onesignal-button {display: flex; justify-content: center;} html.deactive .dotekomanie_base_box_circle {width: 40px; height: 40px; animation: none;} html.deactive .dotekomanie_base_box_open {width: 46px; height: 46px; background-size: 46px 46px;} #mobile .dotekomanie_base_box_circle {bottom: 15px; right: 15px; width: 50px; height: 50px;} #mobile .dotekomanie_base_box_open {width: 57px; height: 57px; background-size: 57px 57px;} #mobile .dotekomanie_base_box_circle_act {width: 80% !important; height: 55% !important; padding: 20px !important;} #mobile .manual_switch_mobile_center {text-align: center} article table {box-sizing: border-box; width: 100%; margin: 24px 0; border-collapse: collapse; font-size: 16px; line-height: 1.5; background-color: var(--color-white); color: var(--color-gray-800); border: 1px solid var(--color-gray-300);} article table th, article table td {padding: 10px 15px; border: 1px solid var(--color-gray-300); text-align: left; white-space: normal;} article table thead th {font-weight: 700; text-transform: uppercase; font-family: var(--font-condensed); background-color: #f5f5f5; color: var(--color-black); border-left-width: 1px;} article table tbody tr:nth-child(even) {background-color: var(--color-gray-100);} article table tbody tr:nth-child(odd) {background-color: var(--color-white);} article table tbody tr:hover {background-color: #fff0f0; transition: background-color 0.2s ease;}@media (max-width: 600px){ article {overflow: hidden; width: 100%;} article table {display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; width: auto; max-width: none; padding-bottom: 5px; border: 1px solid var(--color-gray-300);} article table th, article table td {white-space: nowrap;}} html#mobile article {overflow: hidden; width: 100%;} html#mobile article table {display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; width: auto; max-width: none; padding-bottom: 5px;} html#mobile article table th, html#mobile article table td {white-space: nowrap;} .dark article table {background-color: var(--color-gray-900); color: var(--color-gray-200); border-color: var(--color-gray-700);} .dark article table th, .dark article table td {border-color: var(--color-gray-700);} .dark article table thead th {background-color: var(--color-gray-800); color: var(--color-gray-200);} .dark article table tbody tr:nth-child(even) {background-color: #222;} .dark article table tbody tr:nth-child(odd) {background-color: var(--color-gray-900);} .dark article table tbody tr:hover {background-color: #2b1f1f;} #desktop #toolbar, #mobile #toolbar {width: 100%; height: 60px; top: 0; position: fixed; z-index: 1000; background-color: rgba(249, 249, 249, 0.75); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);} .dark #highlites, #desktop.dark #toolbar, #mobile.dark #toolbar {background-color: rgba(30, 30, 30, 0.75); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);} ::-webkit-scrollbar {width: 8px; height: 8px;} ::-webkit-scrollbar-track {background: #f1f1f1;} ::-webkit-scrollbar-thumb {background: var(--color-primary); border-radius: 4px;} ::-webkit-scrollbar-thumb:hover {background: var(--color-primary-hover);} .dark ::-webkit-scrollbar-track {background: var(--color-gray-800);} #desktop #navigation ul li a {position: relative;} #desktop #navigation ul li a:before {display: none;} #desktop #navigation ul li a:after {content: ''; position: absolute; width: 0; height: 2px; bottom: 15px; left: 50%; background-color: var(--color-primary); transition: all 0.3s ease-in-out; transform: translateX(-50%);} #desktop #navigation ul li a:hover:after {width: 80%;} aside .links li {position: relative !important; transform: none !important; transition: background-color 0.2s ease, box-shadow 0.2s ease !important; border-left: 0 !important; background-color: transparent; padding-top: 6px !important; padding-bottom: 6px !important; padding-left: 34px !important; min-height: 24px;} aside .links li span {position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; border-radius: 4px !important; width: 22px !important; height: 22px !important; line-height: 22px !important; font-size: 12px !important; font-family: "Roboto Condensed", sans-serif !important; font-weight: 800 !important; text-align: center !important; background-color: var(--color-primary) !important; color: #fff !important; box-shadow: none !important; transition: background-color 0.25s ease, color 0.25s ease !important;} aside .links li:hover {background-color: rgba(217, 21, 54, 0.08) !important; box-shadow: inset -4px 0 0 var(--color-primary) !important;} aside .links li:hover span {background-color: transparent !important; color: var(--color-primary) !important; box-shadow: none !important;} .dark aside .links li span, .dark #top_clanky_sedm .links li span {background-color: var(--color-primary-dark) !important;} .dark aside .links li:hover, .dark #top_clanky_sedm .links li:hover {background-color: rgba(255, 255, 255, 0.05) !important; box-shadow: inset -4px 0 0 var(--color-primary-dark) !important;} .dark aside .links li:hover span, .dark #top_clanky_sedm .links li:hover span {background-color: transparent !important; color: var(--color-primary-dark) !important; box-shadow: none !important;} article p a, article ul li a, article ol li a {background-image: none !important; text-decoration: none !important; color: var(--color-gray-800) !important; font-weight: 500 !important; border-bottom: 2px solid rgba(217, 21, 54, 0.55) !important; padding: 0 2px !important; border-radius: 2px !important; transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease !important;} article p a:hover, article ul li a:hover, article ol li a:hover {color: var(--color-gray-950) !important; border-bottom-color: var(--color-primary) !important; background-color: rgba(217, 21, 54, 0.08) !important; text-shadow: none !important;} .dark article p a, .dark article ul li a, .dark article ol li a {color: #c0c0c0 !important; border-bottom: 2px solid rgba(210, 74, 97, 0.7) !important;} .dark article p a:hover, .dark article ul li a:hover, .dark article ol li a:hover {color: var(--color-gray-200) !important; border-bottom-color: var(--color-primary-dark) !important; background-color: rgba(210, 74, 97, 0.15) !important;} #mobile article p a, #mobile article ul li a, #mobile article ol li a {color: var(--color-gray-950) !important; font-weight: 400 !important; border-bottom: 2px solid var(--color-primary) !important; background-color: rgba(217, 21, 54, 0.12) !important; text-decoration: none !important; border-radius: 2px !important; padding: 0 2px !important;} html.dark#mobile article p a, html.dark#mobile article ul li a, html.dark#mobile article ol li a {color: var(--color-gray-200) !important; font-weight: 400 !important; border-bottom-color: var(--color-primary-dark) !important; background-color: rgba(210, 74, 97, 0.2) !important;} #desktop article>h2:not(#authorInfo h2), #desktop article>h3, #desktop article>h4, #desktop article>h5, #desktop article>h6 {border-left-style: solid !important; border-left-width: 4px !important; padding: 0 39px 0 35px !important; line-height: 1.3 !important;} #desktop article>h2:not(#authorInfo h2) {margin-top: 40px !important; margin-bottom: 20px !important;} #mobile article>h2:not(#authorInfo h2), #mobile article>h3, #mobile article>h4, #mobile article>h5, #mobile article>h6 {border-left-style: solid !important; border-left-width: 4px !important; padding: 0 0 0 16px !important; line-height: 1.3 !important;} #mobile article>h2:not(#authorInfo h2) {margin-top: 30px !important; margin-bottom: 15px !important;} #desktop article>h2:not(#authorInfo h2), #mobile article>h2:not(#authorInfo h2), #desktop article>h3, #mobile article>h3, #desktop article>h4, #mobile article>h4, #desktop article>h5, #mobile article>h5, #desktop article>h6, #mobile article>h6 {color: var(--color-gray-950) !important; border-left-color: var(--color-primary) !important;} html.dark#desktop article>h2:not(#authorInfo h2), html.dark#mobile article>h2:not(#authorInfo h2), html.dark#desktop article>h3, html.dark#mobile article>h3, html.dark#desktop article>h4, html.dark#mobile article>h4, html.dark#desktop article>h5, html.dark#mobile article>h5, html.dark#desktop article>h6, html.dark#mobile article>h6 {color: var(--color-gray-200) !important; border-left-color: var(--color-primary-dark) !important;} #articleBody h2 {display: flex !important; justify-content: space-between !important; align-items: center !important; position: relative !important;} .chapter-nav-wrapper {position: relative !important; display: inline-block !important; margin-left: 10px !important; flex-shrink: 0 !important;} .chapter-nav-button {background-color: transparent !important; color: var(--color-primary) !important; border: 1px solid var(--color-primary) !important; border-radius: 4px !important; font-family: "Roboto Condensed", sans-serif !important; font-weight: 700 !important; font-size: 14px !important; text-transform: uppercase !important; padding: 4px 12px !important; cursor: pointer !important; transition: all 0.2s ease !important; white-space: nowrap !important;} .chapter-nav-button:hover {background-color: var(--color-primary) !important; color: #fff !important; box-shadow: 0 2px 8px rgba(217, 21, 54, 0.3) !important;} #mobile .chapter-nav-button {font-size: 0 !important; padding: 0 !important; width: 32px !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important;} #mobile .chapter-nav-button::before {content: '\2630'; font-size: 18px !important; color: var(--color-primary) !important; font-weight: 400 !important; line-height: 1 !important;} #mobile .chapter-nav-button:hover::before {color: #fff !important;} .chapter-nav-dropdown {position: absolute !important; right: 0 !important; top: 100% !important; margin-top: 8px !important; z-index: 9999 !important; min-width: 250px !important; background-color: #fff !important; border: 1px solid var(--color-gray-300) !important; border-left: 4px solid var(--color-primary) !important; border-radius: 4px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; padding: 6px 0 !important; max-width: 80vw !important;} .chapter-nav-dropdown a {display: block !important; text-decoration: none !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.4 !important; padding: 10px 16px !important; border-left: none !important; background-image: none !important; color: var(--color-gray-800) !important; transition: background-color 0.2s ease, color 0.2s ease !important;} .chapter-nav-dropdown a:hover {background-color: rgba(217, 21, 54, 0.08) !important; color: var(--color-primary) !important;} .chapter-nav-close {position: absolute !important; top: 2px !important; right: 5px !important; color: #ccc !important; font-size: 24px !important; line-height: 20px !important; cursor: pointer !important; padding: 5px !important;} .chapter-nav-close:hover {color: var(--color-primary) !important;} .dark .chapter-nav-button {color: var(--color-primary-dark) !important; border-color: var(--color-primary-dark) !important;} #mobile.dark .chapter-nav-button::before {color: var(--color-primary-dark) !important;} .dark .chapter-nav-button:hover {background-color: var(--color-primary-dark) !important; color: #fff !important;} #mobile.dark .chapter-nav-button:hover::before {color: #fff !important;} .dark .chapter-nav-dropdown {background-color: var(--color-gray-900) !important; border-color: var(--color-gray-800) !important; border-left-color: var(--color-primary-dark) !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;} .dark .chapter-nav-dropdown a {color: var(--color-gray-200) !important;} .dark .chapter-nav-dropdown a:hover {background-color: rgba(210, 74, 97, 0.15) !important; color: var(--color-primary-dark) !important;} main h1 span.headline, .crue .headline {border-radius: 4px !important; background-color: transparent !important; background: none !important; border: 1px solid var(--color-primary) !important; color: var(--color-primary) !important; -webkit-text-fill-color: var(--color-primary) !important; font-family: "Roboto Condensed", sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; font-size: 13px !important; padding: 2px 10px !important; display: inline-block !important; vertical-align: middle !important; position: relative !important; bottom: 4px !important; margin-left: 10px !important;} html.dark main h1 span.headline, html.dark .crue .headline {border-color: var(--color-primary-dark) !important; color: var(--color-primary-dark) !important; -webkit-text-fill-color: var(--color-primary-dark) !important;} #comments input, #modify_polls_under input[name=vote] {border-radius: 4px !important; background-color: var(--color-primary) !important; color: #fff !important; border: none !important; font-family: "Roboto Condensed", sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; padding: 12px 28px !important; font-size: 15px !important; transition: background-color 0.2s ease, box-shadow 0.2s ease !important; transform: none !important; cursor: pointer !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important;} #comments input:hover, #modify_polls_under input[name=vote]:hover {background-color: #b0102b !important; box-shadow: 0 0 15px rgba(217, 21, 54, 0.5) !important; transform: none !important;} #comments input:active, #modify_polls_under input[name=vote]:active {background-color: #8a0e22 !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3) !important; transform: none !important;} .dark #comments input, .dark #modify_polls_under input[name=vote] {background-color: var(--color-primary-dark) !important; color: #fff !important;} .dark #comments input:hover, .dark #modify_polls_under input[name=vote]:hover {background-color: var(--color-primary-hover) !important; box-shadow: 0 0 15px rgba(210, 74, 97, 0.4) !important;} .dark #comments input:active, .dark #modify_polls_under input[name=vote]:active {background-color: #852d3d !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5) !important;} #login:before, #desktop #login:before, #mobile #login:before {display: none !important; content: none !important; width: 0 !important;} #login img {border-radius: 50% !important; transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease !important; box-shadow: 0 0 0 0 transparent !important; display: block;} #login:hover img {box-shadow: 0 0 0 2px var(--color-primary), 0 4px 10px rgba(217, 21, 54, 0.3) !important; transform: scale(1.1) !important;} .dark #login:hover img {box-shadow: 0 0 0 2px var(--color-primary-dark), 0 4px 10px rgba(210, 74, 97, 0.3) !important;} .search:before, #desktop .search:before, #mobile .search:before {display: none !important;} .search {transform: none !important; box-shadow: none !important; border: none !important; background-color: transparent !important; transition: filter 0.2s ease !important;} .search:hover {filter: invert(16%) sepia(96%) saturate(6804%) hue-rotate(342deg) brightness(94%) contrast(93%) !important;} .dark .search:hover {filter: brightness(0) invert(39%) sepia(19%) saturate(1662%) hue-rotate(305deg) brightness(93%) contrast(88%) !important;} .search {transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1), filter 0.2s ease, background-color 0.2s ease !important; transform: rotate(0deg) !important;} #searchform:has(#s:focus, #s:not(:placeholder-shown)) .search {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") !important; background-size: 20px !important; transform: rotate(90deg) !important;} .dark #searchform:has(#s:focus, #s:not(:placeholder-shown)) .search {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23bbbbbb'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") !important;} #authorInfo {border-top: none !important; border-bottom: none !important; background-color: var(--color-gray-100) !important; border-radius: 4px !important; border-left: 4px solid var(--color-primary) !important; padding: 24px 24px 24px 140px !important; margin: 40px 99px 40px 99px !important; position: relative !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;} #authorInfo #userPhoto {position: absolute !important; left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; right: auto !important; width: 90px !important; height: 90px !important; padding: 0 !important; border-radius: 50% !important; border: 3px solid #fff !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important; overflow: hidden !important;} #authorInfo #userPhoto img {width: 100% !important; height: 100% !important; display: block !important;} #authorInfo h2 {margin: 0 0 8px 0 !important; padding: 0 !important; border: none !important;} #authorInfo h2 a {font-size: 24px !important; color: var(--color-gray-950) !important; text-decoration: none !important; font-weight: 700 !important;} #authorInfo p {margin: 0 !important; padding: 0 !important; font-size: 15px !important; line-height: 1.5 !important; color: #555 !important; width: 100% !important;} .dark #authorInfo {background-color: #222 !important; border-left-color: var(--color-primary-dark) !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;} .dark #authorInfo h2 a {color: var(--color-gray-200) !important;} .dark #authorInfo p {color: #b0b0b0 !important;} .dark #authorInfo #userPhoto {border-color: var(--color-gray-800) !important;} #mobile #authorInfo {padding: 80px 20px 24px 20px !important; text-align: center !important; margin: 32px 0 !important; border-left: none !important; border-top: 4px solid var(--color-primary) !important;} #mobile #authorInfo #userPhoto {top: 0 !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 80px !important; height: 80px !important;} html.dark#mobile #authorInfo {border-top-color: var(--color-primary-dark) !important;} article p a:has(img), article ul li a:has(img), article ol li a:has(img) {border: none !important; background-color: transparent !important; background-image: none !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important;} article p a:has(img):hover, article ul li a:has(img):hover, article ol li a:has(img):hover {background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; color: inherit !important;} .dark article p a:has(img), .dark article p a:has(img):hover {background-color: transparent !important; border: none !important;} #comments textarea {border-radius: 4px !important; background-color: #fff !important; border: 1px solid var(--color-gray-300) !important; color: var(--color-gray-950) !important; padding: 12px !important; transition: all 0.2s ease !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05) !important;} #comments textarea:focus {border-color: var(--color-primary) !important; outline: none !important; box-shadow: 0 0 0 3px rgba(217, 21, 54, 0.15) !important;} #comments .comment-author cite, #comments .comment-author h3 {font-style: normal !important; font-weight: 700 !important; font-family: "Roboto Condensed", sans-serif !important; color: var(--color-gray-950) !important;} .dark #comments textarea {background-color: var(--color-gray-800) !important; border-color: var(--color-gray-700) !important; color: var(--color-gray-200) !important;} .dark #comments textarea:focus {border-color: var(--color-primary-dark) !important; box-shadow: 0 0 0 3px rgba(210, 74, 97, 0.2) !important;} .dark #comments .comment-author cite, .dark #comments .comment-author h3 {color: var(--color-gray-200) !important;} #comments #commentformx {background-color: transparent !important; box-shadow: none !important; border: none !important; padding: 0 !important; margin-bottom: 30px !important; position: relative !important;} #comments textarea {width: 100% !important; border-radius: 4px !important; padding: 16px 40px 16px 16px !important; min-height: 120px !important; background-color: var(--color-gray-100) !important; border: 1px solid var(--color-gray-300) !important; color: var(--color-gray-950) !important; margin: 0 0 16px 0 !important; transition: all 0.2s ease !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05) !important; box-sizing: border-box !important;} #comments textarea:focus {background-color: #fff !important; border-color: var(--color-primary) !important; box-shadow: 0 0 0 3px rgba(217, 21, 54, 0.15) !important; outline: none !important;} #comments .cancel_comment {position: absolute !important; top: 10px !important; right: 10px !important; width: 24px !important; height: 24px !important; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/cancel-comment.svg") !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 16px !important; cursor: pointer !important; opacity: 0.5 !important; transition: opacity 0.2s ease !important; z-index: 10 !important;} #comments .cancel_comment:hover {opacity: 1 !important;} #comments .form-submit {position: static !important; display: flex !important; justify-content: flex-end !important; margin: 0 !important; padding: 0 !important;} #comments input#submit {border-radius: 4px !important; background-color: var(--color-primary) !important; color: #fff !important; padding: 10px 30px !important; text-transform: uppercase !important; font-weight: 700 !important; border: none !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;} .dark #comments #commentformx {background-color: transparent !important;} .dark #comments textarea {background-color: var(--color-gray-800) !important; border-color: var(--color-gray-700) !important; color: var(--color-gray-200) !important;} .dark #comments textarea:focus {border-color: var(--color-primary-dark) !important; background-color: var(--color-gray-800) !important;} .dark #comments input#submit {background-color: var(--color-primary-dark) !important;} .dark #comments .cancel_comment {filter: invert(1) !important;} #comments .comment-form-comment {padding-bottom: 0 !important; margin-bottom: 15px !important; position: relative !important;} #comments textarea {width: 100% !important; border-radius: 4px !important; padding: 12px 40px 12px 12px !important; min-height: 120px !important; background-color: var(--color-gray-100) !important; border: 1px solid var(--color-gray-300) !important; color: var(--color-gray-950) !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05) !important; transition: all 0.2s ease !important; margin: 0 !important;} #comments textarea:focus {background-color: #fff !important; border-color: var(--color-primary) !important; box-shadow: 0 0 0 3px rgba(217, 21, 54, 0.15) !important; outline: none !important;} #comments .cancel_comment {position: absolute !important; top: 8px !important; right: 8px !important; width: 26px !important; height: 26px !important; background-color: var(--color-gray-100) !important; border-radius: 4px !important; background-image: url("/wp-content/themes/Dotekomanie3/img/svg/cancel-comment.svg") !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 14px !important; cursor: pointer !important; z-index: 20 !important; border: 1px solid var(--color-gray-300) !important; transition: all 0.2s ease !important;} #comments .cancel_comment:hover {background-color: #fff !important; border-color: var(--color-primary) !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;} #comments .form-submit {position: static !important; display: flex !important; justify-content: flex-end !important; margin-top: 0 !important; padding: 0 !important;} .dark #comments textarea {background-color: var(--color-gray-800) !important; border-color: var(--color-gray-700) !important; color: var(--color-gray-200) !important;} .dark #comments textarea:focus {background-color: var(--color-gray-800) !important; border-color: var(--color-primary-dark) !important;} .dark #comments .cancel_comment {background-color: var(--color-gray-800) !important; border-color: var(--color-gray-700) !important; filter: invert(1) !important;} .dark #comments .cancel_comment:hover {background-color: var(--color-gray-800) !important; border-color: var(--color-primary-dark) !important;} #mobile #comments .comment-author h3 {margin-bottom: 6px !important; margin-right: 0 !important; display: block !important; width: 100% !important; font-size: 18px !important;} #mobile #comments .comment-author .comment-link {display: block !important; margin-left: 0 !important; font-size: 13px !important; color: #999 !important; font-weight: 400 !important; border-bottom: none !important;} html.dark#mobile #comments .comment-author .comment-link {color: #777 !important;} #mobile #comments .comment-author h3 {display: inline-block !important; width: auto !important; margin-right: 5px !important; margin-bottom: 0 !important; font-size: 18px !important; vertical-align: middle !important;} #mobile #comments .comment-author h3+a:not(.comment-link) {display: inline-block !important; vertical-align: middle !important; margin-right: 10px !important;} #mobile #comments .comment-author .comment-link {display: block !important; width: 100% !important; margin-top: 4px !important; margin-left: 0 !important; font-size: 13px !important; color: #999 !important; font-weight: 400 !important; border-bottom: none !important;} #mobile article p a:has(img), #mobile article ul li a:has(img), #mobile article ol li a:has(img) {border: none !important; background-color: transparent !important; padding: 0 !important; border-radius: 0 !important; display: inline-block !important; line-height: 0 !important;} html.dark#mobile article p a:has(img), html.dark#mobile article ul li a:has(img), html.dark#mobile article ol li a:has(img) {background-color: transparent !important; border: none !important;} #mobile article .imagePara a, #mobile article .imageParaGallery a, #mobile article p a:has(img), #mobile article div a:has(img), #mobile article figure a:has(img) {background-color: transparent !important; background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; display: inline-block !important; line-height: 0 !important;} html.dark#mobile article .imagePara a, html.dark#mobile article .imageParaGallery a, html.dark#mobile article p a:has(img) {background: none !important; border: none !important;} .imageParaGallery {text-align: center !important; position: relative !important; padding-bottom: 10px !important;} .imageParaGallery+.wp-caption-text, .imageParaGallery+.thumb_article_image, .imagePara+.wp-caption-text {margin-top: 10px !important; display: block !important; position: relative !important; z-index: 10 !important; text-align: center !important; color: var(--color-gray-700) !important; font-style: italic !important; font-size: 13px !important; clear: both !important; width: 100% !important;} .dark .imageParaGallery+.wp-caption-text, .imageParaGallery+.wp-caption-text {margin-top: 10px !important;} .dark .imageParaGallery+.wp-caption-text, .dark .imageParaGallery+.thumb_article_image, .dark .imagePara+.wp-caption-text {color: var(--color-gray-400) !important;} .imageParaGallery+.wp-caption-text, .imageParaGallery+.thumb_article_image, .imagePara+.wp-caption-text {padding-left: 0 !important; padding-right: 0 !important; text-align: center !important; width: 100% !important; display: block !important; margin-top: -10px !important; margin-bottom: 20px !important; font-size: 13px !important; line-height: 1.4 !important; font-style: italic !important; color: var(--color-gray-700) !important; position: relative !important; z-index: 5 !important; clear: both !important;} .imageParaGallery+.wp-caption-text {margin-top: 10px !important} .dark .imageParaGallery+.wp-caption-text, .dark .imageParaGallery+.thumb_article_image, .dark .imagePara+.wp-caption-text, .dark .wp-caption .wp-caption-text {color: var(--color-gray-400) !important;} .imageParaGallery {text-align: center !important; position: relative !important; padding-bottom: 10px !important; display: block !important;} .imageParaGallery span {display: inline-block !important; cursor: pointer !important; background-color: transparent !important; border: 1px solid var(--color-primary) !important; border-radius: 4px !important; color: var(--color-primary) !important; font-family: "Roboto Condensed", sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 13px !important; letter-spacing: 0.5px !important; padding: 8px 20px !important; margin: 10px 0 0 0 !important; transition: all 0.2s ease !important; float: none !important;} .imageParaGallery span:hover {background-color: var(--color-primary) !important; color: #fff !important; box-shadow: 0 4px 15px rgba(217, 21, 54, 0.3) !important; transform: translateY(-1px) !important;} .dark .imageParaGallery span {border-color: var(--color-primary-dark) !important; color: var(--color-primary-dark) !important;} .dark .imageParaGallery span:hover {background-color: var(--color-primary-dark) !important; color: #fff !important; box-shadow: 0 4px 15px rgba(210, 74, 97, 0.3) !important;} #authorInfo {box-sizing: border-box !important; max-width: 100% !important; width: auto !important; display: block !important;} #desktop #authorInfo {margin: 40px 39px !important;} #mobile #authorInfo {width: 100% !important; margin: 32px 0 !important; min-width: 0 !important;} .underImage {filter: invert(1) !important; background-color: #0a0a0a !important; border: 1px solid var(--color-gray-800) !important; border-radius: 4px !important; margin: 4px 25px 4px 0 !important; width: auto !important; height: 32px !important; display: inline-flex !important; align-items: center !important; padding: 0 12px 0 34px !important; box-sizing: border-box !important; transition: all 0.2s ease !important; box-shadow: none !important; background-position: 10px center !important; background-size: 14px !important;} .underImage .commentCountText {color: #fff !important; font-family: "Roboto Condensed", sans-serif !important; font-weight: 700 !important; font-size: 14px !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; text-shadow: none !important;} .underImage:hover {filter: none !important; background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; box-shadow: 0 4px 10px rgba(217, 21, 54, 0.3) !important; transform: translateY(-1px) !important;} .underImage:hover .commentCountText {color: #fff !important;} #mobile .underImage {margin-left: 16px !important;} .dark .underImage {filter: none !important; background-color: var(--color-gray-800) !important; border-color: var(--color-gray-700) !important;} .dark .underImage .commentCountText {color: var(--color-gray-200) !important;} .dark .underImage:hover {background-color: var(--color-primary-dark) !important; border-color: var(--color-primary-dark) !important;} .dotekomanie_base_box_circle_content_link, button.onesignal-reset.onesignal-customlink-subscribe {margin: 6px auto !important; padding: 8px 20px !important; background-color: var(--color-primary) !important; color: #fff !important; border-radius: 4px !important; border: none !important; font-family: "Roboto Condensed", sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 13px !important; letter-spacing: 0.5px !important; display: table !important; width: auto !important; min-width: 120px !important; text-align: center !important; cursor: pointer !important; transition: all 0.2s ease !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;} .dotekomanie_base_box_circle_content_link:hover, button.onesignal-reset.onesignal-customlink-subscribe:hover {background-color: #b0102b !important; box-shadow: 0 0 10px rgba(217, 21, 54, 0.4) !important; transform: translateY(-1px) !important;} .dotekomanie_base_box_circle_content h2 {margin-bottom: 8px !important; padding-bottom: 5px !important;} .dotekomanie_base_box_circle_content h3 {margin-top: 12px !important; margin-bottom: 4px !important;} .dotekomanie_base_box_circle_content p {padding: 2px 0 8px 0 !important; margin: 0 !important; line-height: 1.4 !important;} .dark .dotekomanie_base_box_circle_content_link, .dark button.onesignal-reset.onesignal-customlink-subscribe {background-color: var(--color-primary-dark) !important; color: #fff !important;} .dark .dotekomanie_base_box_circle_content_link:hover, .dark button.onesignal-reset.onesignal-customlink-subscribe:hover {background-color: var(--color-primary-hover) !important; box-shadow: 0 0 10px rgba(210, 74, 97, 0.4) !important;} .dark .dotekomanie_base_box_circle_act {background-color: #222 !important; color: var(--color-gray-200) !important; border-left: 1px solid var(--color-gray-800) !important; border-right: 1px solid var(--color-gray-800) !important; border-bottom: 1px solid var(--color-gray-800) !important; border-top: 4px solid var(--color-primary-dark) !important; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6) !important;} .dark .dotekomanie_base_box_circle_content h2 {color: #fff !important; border-bottom-color: var(--color-gray-800) !important;} .dark .dotekomanie_base_box_circle_content h3 {color: var(--color-primary-dark) !important;} .dark .dotekomanie_base_box_circle_content p {color: #bbb !important;} .dark .dotekomanie_base_box_close {background-color: var(--color-gray-800) !important;} .dark .dotekomanie_base_box_close:before, .dark .dotekomanie_base_box_close:after {background-color: var(--color-gray-200) !important;} .dark .dotekomanie_base_box_close:hover {background-color: var(--color-primary-dark) !important;} .dark .dotekomanie_base_box_close:hover:before, .dark .dotekomanie_base_box_close:hover:after {background-color: #fff !important;} #login_win #cancel_place {background-image: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background-color: rgba(10, 12, 18, 0.9) !important; transition: opacity 0.4s ease !important; transform: translateZ(0) !important; will-change: opacity !important;} .dark #login_win #cancel_place {background-color: rgba(0, 0, 0, 0.92) !important;} .heureka_widget, .StoreWidget {width: fit-content !important; min-width: 480px !important; max-width: 100% !important; margin: 24px auto !important; display: flex !important; position: relative !important; box-sizing: border-box !important; background-color: var(--bg-secondary) !important; border: 1px solid var(--border-color) !important; border-radius: 4px !important; padding: 15px 110px 15px 15px !important; min-height: 135px !important; float: none !important;} .heureka_widget .heureka_rozmer {display: flex !important; align-items: center !important; width: 100% !important; float: none !important;} .heureka_widget .heureka_img, .StoreWidget img {overflow: visible !important; float: none !important; width: 60px !important; height: auto !important; margin: 0 20px 0 0 !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important;} .heureka_widget .heureka_img img {width: 100% !important; height: auto !important; max-height: none !important; object-fit: contain !important; display: block !important;} .heureka_widget .heureka_box:not(.heureka_img), .StoreWidget .widget-text {float: none !important; width: auto !important; display: flex !important; flex-direction: column !important; justify-content: center !important;} .heureka_box span.nazev a, .StoreWidget .widget-zaklad {font-family: "Roboto Condensed", sans-serif !important; font-size: 16px !important; font-weight: 700 !important; color: var(--text-main) !important; text-decoration: none !important; line-height: 1.3 !important; margin-bottom: 4px !important; display: block !important;} .heureka_box span, .StoreWidget .widget-nadpisek {line-height: 1.4 !important;} .heureka_zaklad, .StoreWidget .typeSystem {position: absolute !important; right: 12px !important; left: auto !important; float: none !important; margin: 0 !important; width: 85px !important; text-align: center !important; padding: 0 0 !important; border-radius: 3px !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; color: #fff !important; z-index: 5 !important; transition: filter 0.2s ease, transform 0.1s ease !important; line-height: 1.2 !important;} .heureka_zaklad:hover, .StoreWidget .typeSystem:hover {filter: brightness(1.15); transform: translateY(-1px); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); cursor: pointer;} .heureka_zaklad_heureka {top: 15px !important; background-color: #f58a23 !important;} .heureka_zaklad_alza {top: 52px !important; background-color: #093266 !important;} .heureka_zaklad_smarty {top: 89px !important; background-color: #c02485 !important;} .heureka_zaklad a {color: #fff !important; text-decoration: none !important; display: block !important; font-family: var(--font-condensed); font-size: 14px; font-weight: 700; font-stretch: condensed; letter-spacing: 0.3px; text-align: left; padding: 6px 12px;} .heureka_widget:hover, .StoreWidget:hover {background-color: var(--bg-main) !important; border-color: var(--brand-red) !important; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important; transform: translateY(-2px) !important;} .dark .heureka_widget, .dark .StoreWidget {background-color: var(--color-gray-800) !important; border-color: var(--color-gray-700) !important;} .dark .heureka_box span.nazev a {color: var(--text-main) !important;}@media screen and (max-width: 600px){ .heureka_widget, .StoreWidget {width: 100% !important; min-width: 0 !important; padding-right: 100px !important;} .heureka_zaklad {width: 75px !important; right: 10px !important; font-size: 10px !important;} .heureka_zaklad_heureka {top: 15px !important;} .heureka_zaklad_alza {top: 50px !important;} .heureka_zaklad_smarty {top: 85px !important;}} .dark div.wpappbox {background-color: var(--color-gray-900) !important; border-color: var(--color-gray-700) !important; color: var(--color-gray-200) !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;} .dark div.wpappbox .apptitle a {color: #fff !important;} .dark div.wpappbox .developer, .dark div.wpappbox .price {color: var(--color-gray-400) !important;} .dark div.wpappbox .appicon, .dark div.wpappbox .appicon img {background-color: transparent !important; border-color: transparent !important;} .dark div.wpappbox .applinks a {background-color: var(--color-primary-dark) !important; color: #fff !important; border: none !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;} .dark div.wpappbox .applinks a:hover {background-color: var(--color-primary-hover) !important;} .dark div.wpappbox .applinks {border-color: var(--color-gray-700) !important; background-color: transparent !important;} .dark div.wpappbox .appbuttons span {color: var(--color-gray-500) !important; border-bottom-color: var(--color-gray-500) !important; background: transparent !important;} .dark div.wpappbox .qrcode {background-color: #2b2b2b !important; border-color: #444 !important; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;} :root{--dm-bg-container:#ffffff;--dm-bg-hover:#fbfbfb;--dm-border:#e0e0e0;--dm-text-main:#000000;--dm-text-meta:#888888;--dm-kbd-bg:#ffffff;--dm-kbd-border:#cccccc;--dm-kbd-text:#555555;--dm-btn-bg:#d32f2f;--dm-btn-hover:#b71c1c;--dm-btn-text:#ffffff}html.dark{--dm-bg-container:#1e1e1e;--dm-bg-hover:#2c2c2c;--dm-border:#333333;--dm-text-main:#e0e0e0;--dm-text-meta:#aaaaaa;--dm-kbd-bg:#333333;--dm-kbd-border:#555555;--dm-kbd-text:#dddddd;--dm-btn-bg:#d32f2f;--dm-btn-hover:#ff5252}.dm-footer-container{width:100%;background-color:var(--dm-bg-container);border:1px solid var(--dm-border);box-sizing:border-box;margin-top:30px;margin-bottom:30px}.dm-premium-banner{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;border-bottom:1px solid var(--dm-border)}.dm-premium-text{color:var(--dm-text-main);font-size:15px;line-height:1.4;display:flex;align-items:center;gap:12px}.dm-icon-bulb{font-size:20px}.dm-btn-premium{background-color:var(--dm-btn-bg);color:var(--dm-btn-text);text-decoration:none;text-transform:uppercase;font-weight:700;font-size:14px;padding:12px 24px;border:none;border-radius:0;transition:background-color 0.2s ease;white-space:nowrap;display:inline-block}.dm-btn-premium:hover{background-color:var(--dm-btn-hover)}.dm-nav-grid{display:flex;width:100%;align-items:stretch}.dm-nav-item{flex:1;padding:25px;text-decoration:none;color:inherit;display:flex;flex-direction:column;justify-content:flex-start;transition:background-color 0.2s ease;position:relative;box-sizing:border-box}.dm-nav-item:hover{background-color:var(--dm-bg-hover)}.dm-nav-item.next{border-right:1px solid var(--dm-border);align-items:flex-start;text-align:left}.dm-nav-item.prev{align-items:flex-end;text-align:right}.dm-meta-row{font-size:11px;text-transform:uppercase;color:var(--dm-text-meta);margin-bottom:15px;display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:0.5px;flex-shrink:0}.dm-nav-item.prev .dm-meta-row{flex-direction:row-reverse}.dm-kbd{border:1px solid var(--dm-kbd-border);border-radius:3px;padding:2px 6px;font-family:monospace;font-size:10px;background:var(--dm-kbd-bg);color:var(--dm-kbd-text);display:inline-block}.dm-article-title{font-size:18px;font-weight:800;line-height:1.3;color:var(--dm-text-main);margin:0;transition:color 0.2s;padding:0!important}#mobile .dm-premium-banner,#mobile .dm-nav-grid{flex-direction:column}#mobile .dm-premium-banner{text-align:center;gap:15px;padding:20px}#mobile .dm-btn-premium{width:100%;text-align:center}#mobile .dm-nav-item.next{border-right:none;border-bottom:1px solid var(--dm-border)}#mobile .dm-nav-item,#mobile .dm-nav-item.prev{align-items:flex-start;text-align:left;width:100%}#mobile .dm-nav-item.prev .dm-meta-row{flex-direction:row}#mobile .dm-kbd{display:none!important} .cmplz-btn.cmplz-hidden.cmplz-manage-consent.manage-consent-1, .cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show {position: absolute !important}