/* Theme Name: Dotekomanie 3.0 Theme URI: https://dotekomanie.cz Description: Vzhled magazinu Dotekomanie.cz Version: 3.0b Author: Premysl Vaculik, Michal Mroček Author URI: https://premyslvaculik.cz */ /*@font-face{font-family:'Roboto Condensed';src:url('https://dotekomanie.cz/wp-content/themes/Dotekomanie3/fonts/RobotoCondensed-Regular.ttf');font-display: swap;}*/ @font-face{ font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; /* or block, swap, fallback, optional */ src: local('Roboto Condensed'), url('/wp-content/themes/Dotekomanie3/fonts/RobotoCondensed-Regular.ttf') format('truetype'); unicode-range: U+000-5FF; /* Latin glyphs */ } *{margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;} ::selection{background:#d91536;color:#ffffff !important; background-image: none;} h1::selection{background:#d91536;color:#ffffff !important;text-shadow: 1px 2px 1px #FFFFFF;} ::-moz-selection{background:#d91536;color:#ffffff !important;background-image: none;} h1::-moz-selection{background:#d91536;color:#ffffff !important;text-shadow: 1px 2px 1px #FFFFFF;} a{text-decoration:none;-webkit-transition:200ms;-moz-transition:200ms;-ms-transition:200ms;-o-transition:200ms;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, .heureka_zaklad, .heureka_zaklad a, #comments input, .dotekomniecz, #highlites .high_item h2 a, #highlites .high_item h2, main h2.hNewest, main h2.hNewest a, main .streamItem .streamImage a span, .underImage .commentCountText, main .pagerOne 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: "Helvetica Neue Condensed", "Roboto Condensed", sans-serif;*/ font-family:"HelveticaNeue-CondensedBold","Roboto Condensed",sans-serif;} #paged{margin-top:54px;} /*#desktop #nothing .NoDisplayArc{display:none!important;}*/ .NoDisplay{display:none!important;} .right{float:right;} .left{float:left;} /* Menu */ #desktop #toolbar{width:100%;height:60px;top:0px;box-shadow:0 1px 10px 0 rgba(0,0,0,0.16);background-color:#f9f9f9;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{width:149px;width:149px;padding-top:2px;font-size:20px;font-weight:bold;letter-spacing:0.5px;text-align:left;color:#000000;color:var(--black);} .logo{width:90px;height:60px;object-fit:contain;} #logo, #logo-ico, #logo-text{float:left;width:auto;display:inline-block;} #logo-ico{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:bold;text-align:right;color:#000000;text-decoration:none;padding:21px 13px;display:inline-block;} #navigation ul li a:before, #login:before, .search:before{content:'';width:100%;height:0px;background-color:#d91536;position:absolute;top:0;left:0;opacity:0;-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;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:bold;text-align:left;background-color:#f9f9f9;color:#000;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{ /* WebKit, Blink, Edge */ color:#9b9b9b;} :-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#9b9b9b;opacity:1;} #searchform #s::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#9b9b9b;opacity:1;} #searchform #s:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#9b9b9b;} #searchform #s::-ms-input-placeholder{ /* Microsoft Edge */ color:#9b9b9b;} .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;} a.search{padding:21px 21px;} .search img{width:18px;height:18px;object-fit:contain;} /* highlites */ #highlites{height:483px;background-color:#f9f9f9;float:left;width:100%;margin-bottom:20px;} #highlites .highLink{display:inline-block;line-height:0;float:left;position:absolute;top:0;width:100%;height:100%; left: 0} #highlites .highLink img{border-top-left-radius: 4px;border-top-right-radius: 4px;} #highlites .high_item{width:330px;padding-top:183px;height:192px;border-radius:4px;background-color:#ffffff;box-shadow:0 15px 20px 0 rgba(0,0,0,0.09);float:left;margin-right:55px;transition:700ms;position:relative;} #highlites .high_item:hover{margin-top:-16px;box-shadow:0 15px 20px 0 rgba(0,0,0,0.15);} #highlites .high_item:last-of-type{margin-right:0px;} #highlites .high_item h2 a, #highlites .high_item h2{font-size:24px;font-weight:bold;font-stretch:condensed;letter-spacing:0.1px;text-align:center;color:#d91536;} #highlites .high_item h2{ /*padding: 24px 24px 16px 24px;*/ padding:24px 16px 16px 16px;display:inline-block;float:left;width: 90%;height: 52px;overflow: hidden;} #highlites .high_item span{width:100%;display:inline-block;font-size:12px;letter-spacing:1.7px;text-align:center;color:#4a4a4a;margin:24px 0;text-transform:lowercase;} #highlites .high_item .perex{font-size:16px;line-height:1.5;letter-spacing:0.2px;text-align:center;color:#4a4a4a;letter-spacing:0.1px;padding:0px 24px 24px 24px;display:inline-block;float:left;width:86%;} #highlites .center{margin-top:54px;} #highlites .centerHard {width: 1100px;float: left;height: 375px;} /* Telo */ #base{width:100%;min-height:400px;margin:0 auto; /*padding-top: 96px;*/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 h2.hNewest{font-size:28px;font-weight:bold;font-stretch:condensed;text-align:left;color:#d91536;margin-bottom:23px;} main h2.hNewest a{font-size:28px;font-weight:bold;font-stretch:condensed;text-align:left;color:#d91536;margin-bottom:23px;} main h2.hNewest a.catHeadlineStream{background-image:url("/wp-content/themes/Dotekomanie3/img/svg/chevron.svg");background-position:right center;background-repeat:no-repeat;padding-right:16px;} main h2.hNewest a:hover{-webkit-animation:SlideRightLeftHeadline 1100ms ease-in-out infinite;-moz-animation:SlideRightLeftHeadline 1100ms ease-in-out infinite;animation:SlideRightLeftHeadline 1100ms ease-in-out infinite;} @-webkit-keyframes SlideRightLeftHeadline{ 0%{background-position:right center;} 50%{background-position:right 5px center;} 100%{background-position:right center;} } @-moz-keyframes SlideRightLeftHeadline{ 0%{background-position:right center;} 50%{background-position:right 5px center;} 100%{background-position:right center;} } @keyframes SlideRightLeftHeadline{ 0%{background-position:right center;} 50%{background-position:right 5px center;} 100%{background-position:right center;} } main .streamItem, main .serial_home {width:100%;height:auto;float:left;margin-bottom:24px;} main .streamItem .streamImage{float:left;width:220px;height:122px;margin-right:24px;} main .streamItem .streamImage a{display:inline-block;position:relative;line-height:0;} main .streamItem .streamImage a span{position:absolute;bottom:0;left:0;border-top-right-radius:14px;border-bottom-right-radius:14px;background-color:#d91536;font-size:13px;line-height:13px;font-weight:bold;font-stretch:condensed;text-transform:uppercase;letter-spacing:0.3px;text-align:left;color:white;padding:6px 12px 5px 8px;} main .streamItem .streamText{width:523px;float:right;} main blockquote{padding:0 24px;} main .streamItem .streamText span.updated, main .streamItem .streamText span.comm{font-size:17px;line-height:1.65;letter-spacing:0.1px;text-align:left;color:#4a4a4a;margin-top:4px;} main .streamItem .streamText span.updated {font-size:16px;} main .streamItem .streamText span.author{display:inline-block;width:100%;font-size:14px;letter-spacing:0.2px;text-align:left;color:#4a4a4a;margin-top:4px;} main .streamItem h2 a{font-size:24px;font-weight:bold;font-stretch:condensed;line-height:1.33;letter-spacing:0.5px;text-align:left;display:inline-block;color:#000000;} main .streamItem .comm a{color:#4a4a4a;} main .streamItem h2 a:hover, main .streamItem .comm a:hover{color:#d91536;} main .pagerOne{width:100%;display:inline-block; /*float: left;*/margin-top:32px;margin-bottom:48px;text-transform:uppercase;} main .pagerOne div{float:right;width:auto;} main .pagerOne a{border-radius:16px;background-color:#d91536;font-size:16px;font-weight:bold;font-stretch:condensed;letter-spacing:0.3px;color:#ffffff;padding:6px 16px;display:inline-block;margin-right:34px;} main .pagerOne a:hover{background-color:#ae112b;box-shadow:0 2px 4px 0 rgba(0,0,0,0.25);} #articleBody, .homeStream{width:767px;padding-right:33px;float:left;} #articleBody{padding-bottom:80px;} aside{float:right;width:300px;height:auto;min-height:300px;} /* Clanek */ main h1{background:none;background-image:linear-gradient(264deg,#f8133a,#d71b3a 53%,#ff005d);font-size:48px;font-weight:bold;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;} /*@-moz-document url-prefix(){ main h1{color:#d71b3a;background:none;} } */ @media all and (-ms-high-contrast:none),(-ms-high-contrast:active){ main h1{color:#d71b3a;background:none;} } main h1 span.headline, .crue .headline{font-size:18px;font-weight:bold;font-stretch:condensed;letter-spacing:0.2px;text-align:left;color:#ffffff;background:white;border-radius:15px;background-color:#4a4a4a;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:bold;font-stretch:condensed;text-align:left;color:#d91536;} 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 0px;background-position:center;background-repeat:no-repeat;background-size:cover;} article p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:17px;line-height:1.65;letter-spacing:0.4px;text-align:left;color:#4a4a4a;margin:24px 0;display:block;padding-left:99px;padding-right:99px;} aside #cookie_box p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:17px;line-height:1.65;letter-spacing:0.4px;text-align:left;color:#4a4a4a;display:block;} article p.imagePara{margin:16px 0;} article p.zdroje{margin-top:8px; margin-bottom: 0px;} article p a, .heureka_widget .cena.nastaveni a, article ul li a, article ol li a, aside #cookie_box a#cookie_intext, 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 0px 2px;transition:200ms;-webkit-transition:200ms;-moz-transition:200ms;-o-transition:200ms;color:#4a4a4a;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:#ffffff;} 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, article p.zdroje a{border:none;transition:none;} article p.imagePara a:hover, article p.zdroje 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:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:17px;line-height:1.65;letter-spacing:0.4px;text-align:left;color:#4a4a4a;margin-bottom:2px;} article ul ul, article ol ol{padding-left:0;margin-left:0;margin:4px 0px;} article .imagePara, article .iframePara{padding-left:0;padding-right:0;text-align:center;display:inline-block;width:100%;padding-top:0px;padding-bottom:0px;overflow:hidden;} article h2, article h3, article h4, article h5, article h6{padding:16px 99px 0 99px;} article p.zdroje a{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;letter-spacing:0.4px;text-align:left;color:#9b9b9b;background:none;} article p.zdroje a:hover{color:#4a4a4a;background:none;} article .commentCount{border-radius:16px;background-color:#9b9b9b;text-align:right;display:inline-block;} article .commentCountText{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:20px;font-weight:bold;font-stretch:condensed;letter-spacing:0.2px;color:#ffffff;padding:4px 12px 4px 44px;display:inline-block;} main .underHedlineInfoBase{padding:10px 0 22px 0;} main .underHedlineInfoBase a, main .underHedlineInfoBase{font-size:18px;font-weight:bold;font-stretch:condensed;line-height:1.22;letter-spacing:0.2px;text-align:left;color:#4a4a4a; /*text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);*/} main .underHedlineInfoBase a:hover{color:black;text-shadow:none;} /* Social */ 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.gplus img{top:24%;left:20%;} .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.onesignal img{top: 18%;left: 18%;width: 20px;height: 20px;} .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.gplus{background-color:#dd4b39;} .social .oval.gplus:hover{background-color: #c03e2e;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:#d91536;} .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);} .oval.onesignal.online {background-color: #27bf5f;} .oval.onesignal.online:hover {background-color: #19a34c;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);} .oval.onesignal.offline {background-color: #4a4a4a;} .oval.onesignal.offline:hover {background-color: #333333;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);} .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:#4a4a4a;} .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:#9b9b9b;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-size:20px;font-weight:bold;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%;} /* Widget */ .imagePara.widgetPara{text-align:left;line-height:1.65;letter-spacing:0.4px;display:inline-block;width:100%;margin:0;} .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:#f9f9f9;box-shadow:0 2px 4px 0 rgba(0,0,0,0.12);width:530px;margin-left:115px;margin-right:115px;position:relative;} .StoreWidget .typeSystem, .heureka_zaklad{float:right;margin-top:17px;border-top-left-radius:14px;border-bottom-left-radius:14px;background-color:#7ed321;font-size:14px;font-weight:bold;font-stretch:condensed;letter-spacing:0.3px;text-align:left;color:#ffffff;padding:6px 12px;width:auto;} .heureka_zaklad a{font-size:14px;font-weight:bold;font-stretch:condensed;letter-spacing:0.3px;text-align:left;color:#ffffff;} .StoreWidget .typeSystem.iOS{background-color:#007aff;} .heureka_zaklad{float:none;position:absolute;right:0;background-color:#f58a23;} .heureka_zaklad a{color:#ffffff;} .heureka_widget .heureka_rozmer{float:left;display:inline-block;margin:17px 0 16px 16px;} .heureka_widget .heureka_img, .heureka_widget .heureka_box{float:left;display:block;width:50%;} .heureka_widget .heureka_img{margin-right:24px;width:75px; overflow: hidden;} .heureka_box span{display:block;float:left;width:100%;} .heureka_widget .cena.nastaveni a.heurekaWidgetSetting{width:16px;height:16px;top:2px;position:relative;line-height:48px;display:inline-block;background-image:url(/wp-content/themes/Dotekomanie3/img/svg/settings.svg);background-position:center;background-repeat:no-repeat;cursor:pointer;padding:0;} .heureka_widget .cena.nastaveni a.heurekaWidgetSetting:hover{background-image:url(/wp-content/themes/Dotekomanie3/img/svg/settings-black.svg);} .StoreWidget img{border-radius:50%;width:72px;height:72px;float:left;margin:17px 24px 16px 16px;} .StoreWidget .widget-text{float:left;margin:17px 0 10px 0;width:328px;} .StoreWidget .widget-text span{display:inline-block;line-height:25px;width:328px;} .StoreWidget .widget-zaklad, .heureka_box span.nazev a{font-size:18px;font-weight:bold;font-stretch:condensed;letter-spacing:0.4px;text-align:left;color:#000000;} .StoreWidget .widget-nadpisek, .heureka_box span a, .heureka_box span{font-size:14px;letter-spacing:0.3px;text-align:left;color:#4a4a4a;} .StoreWidget .widget-nadpisek.widget-cena{text-transform:uppercase;} .heureka_box span{line-height:25px;} .heureka_widget span form input[type=submit]{font-size:14px;border:none;background-color:transparent;font-weight:bold;letter-spacing:0.4px;text-align:left;cursor:pointer;color:#4a4a4a;text-transform:uppercase;} /* authorInfo */ #authorInfo{padding:32px 0px;margin:54px 99px 48px 99px;border-top:1px solid #9b9b9b;border-bottom:1px solid #9b9b9b;display:block;position:relative;} #authorInfo h2, #authorInfo p{padding:0;} #authorInfo h2 a{font-size:36px;font-weight:bold;font-stretch:condensed;text-align:left;color:#4a4a4a;} #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%;} /* author page */ #authorPage{display:block;} #authorPage #authorInfo{margin:0;border:none;padding:0px 0px 32px 0px;} #authorPage #authorInfo #userPhoto{top:10%;} #authorPage #authorInfo h1{font-size:28px;font-weight:bold;font-stretch:condensed;text-align:left;color:#d91536;padding:0;margin-bottom:12px;} #authorPage #authorInfo p, .serial_home p {font-size:17px;line-height:1.65;letter-spacing:0.4px;text-align:left;color:#4a4a4a;} /* Komentare */ #comments{padding:0 71px;} #comments h2{font-size:36px;font-weight:bold;font-stretch:condensed;text-align:left;color:#d91536;margin-bottom:15px;margin:0px 14px 15px 27px;} #comments textarea{background-color:#f9f9f9;width:95%;padding:8px 16px;min-height:102px;border:none;resize:none;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);font-size:17px;line-height:1.65;letter-spacing:0.4px;text-align:left;color:#4a4a4a;outline:none;} #comments .comment {padding-bottom: 8px;} #comments .comment-form-comment{overflow:hidden;} #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{position:relative;} #comments .form-submit{display:inline-block;position:absolute;bottom:-12px;right:0px;} #comments input{border-radius:16px;border:none;font-size:16px;font-weight:bold;font-stretch:condensed;letter-spacing:0.3px;text-align:left;color:#ffffff;background-color:#d91536;padding:6px 16px;cursor:pointer;text-transform:uppercase;} #comments input:hover{border-radius:16px;background-color:#ae112b;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:0px;margin-bottom:20px;text-align:left;color:#4a4a4a; 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:#4a4a4a;} #comments .comment-author h3{display:inline-block;} #comments .comment-author h3 a, #comments .comment-author h3{font-size:20px;font-weight:bold;font-stretch:condensed;text-align:left;color:#d91536;} #comments .comment-list{margin:50px 0 0px 27px;} #comments .depth-2, #comments .depth-3, #comments .depth-4, #comments .depth-5, #comments .depth-6{padding:8px 0px 0px 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:0px;} #comments .comment-form-comment{margin-bottom:21px;} #comments .comment-respond .form-submit{bottom:24px;right:24px;} #comments #commentformx .form-submit{right:0;} #comments #respond .form-submit{bottom:-12px;} #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: 0px; padding-left: 5px; padding-right: 5px; } /* Aside */ aside .box{display:block;margin-bottom:60px;float:left;width:100%;} aside .box .a-single{min-height: 250px;} aside h2{font-size:28px;font-weight:bold;font-stretch:condensed;text-align:left;color:#d91536;margin-bottom:12px;} aside .adminMenu, aside .userMenu{list-style-type:none;} aside ul.adminMenu li{transition:600ms;-webkit-transition:600ms;-moz-transition:600ms;-o-transition:600ms;} aside .links{list-style-type:none;} aside .links li{position:relative;margin-bottom:4px;padding-left:34px;transition:600ms;-webkit-transition:600ms;-moz-transition:600ms;-o-transition:600ms;} aside .links li span{display:inline-block;position:absolute;width:18px;background-color:#d91536;height:18px;border-radius:50%;font-size:10px;font-weight:bold;text-align:left;text-align:center;color:#ffffff;line-height:18px;top:5px;left:0;} aside a{transition:600ms;-webkit-transition:600ms;-moz-transition:600ms;-o-transition:600ms;display:block;font-size:17px;line-height:1.65;letter-spacing:0.4px;text-align:left;color:#4a4a4a;} aside #cookie_box a#cookie_intext{display:inline;cursor:pointer;} aside .links a:hover{color:#000000;} aside 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, aside #heurekaShortList span{display:block;font-size:16px;font-weight:bold;text-align:left;color:#4a4a4a;} aside #heurekaShortList span{font-weight:normal;} aside #heurekaShortList .boldlink:hover{color:#000;} aside #heurekaShortList span{margin-top:7px;font-size:15px;} aside #heurekaAsideList h2, aside #cookie_box h2{display:inline-block;float:left;} //aside #cookie_box h2:after{content:'🍪';font-size:19px;padding-left:8px;} aside #cookie_box h2:after{font-size:19px;padding-left:8px;} 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:#d91536;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 #cookie_box a#cookiesAsideListLink{background-position:54px 18px;} aside #heurekaAsideList a#heurekaAsideListLink:hover{-webkit-animation:SlideRightLeft 1100ms ease-in-out infinite;-moz-animation:SlideRightLeft 1100ms ease-in-out infinite;animation:SlideRightLeft 1100ms ease-in-out infinite;} aside #cookie_box a#cookiesAsideListLink:hover{-webkit-animation:SlideRightLeftCookie 1100ms ease-in-out infinite;-moz-animation:SlideRightLeftCookie 1100ms ease-in-out infinite;animation:SlideRightLeftCookie 1100ms ease-in-out infinite;} 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: #4a4a4a; } @-webkit-keyframes SlideRightLeft{ 0%{background-position:38px 18px;} 50%{background-position:34px 18px;} 100%{background-position:38px 18px;} } @-moz-keyframes SlideRightLeft{ 0%{background-position:38px 18px;} 50%{background-position:34px 18px;} 100%{background-position:38px 18px;} } @keyframes SlideRightLeft{ 0%{background-position:38px 18px;} 50%{background-position:34px 18px;} 100%{background-position:38px 18px;} } @-webkit-keyframes SlideRightLeftCookie{ 0%{background-position:54px 18px;} 50%{background-position:50px 18px;} 100%{background-position:54px 18px;} } @-moz-keyframes SlideRightLeftCookie{ 0%{background-position:54px 18px;} 50%{background-position:50px 18px;} 100%{background-position:54px 18px;} } @keyframes SlideRightLeftCookie{ 0%{background-position:54px 18px;} 50%{background-position:50px 18px;} 100%{background-position:54px 18px;} } 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 0px 2px;transition:200ms;-webkit-transition:200ms;-moz-transition:200ms;-o-transition:200ms;color:#4a4a4a;background-position:0 15%;} aside ul.userMenu li a:hover{background-position:0 95%;color:#ffffff;} .dark aside ul.userMenu li, .dark aside ul.userMenu li a {color: white;} /* rekkkk */ #highlitesAds{width:1100px;margin:0 auto;padding:40px 0 0 0;} /* #desktop #highlitesAds {display: none;} */ #mobile #highlitesAds{padding-top:16px;} #mobile .upCenter .box{width:100%;} #mobile .upCenter .box img{max-width:100%;height:auto;} .upCenter {width:970px;text-align:center;} .upCenter .box{display:inline-block;} .upCenter .box span{color:#ccc; display: block;} #highlitesAdsDown{width:100%;margin-top:32px;display:block;} /*#mobile #highlitesAdsDown{display:none;}*/ #highlitesAdsDown .upCenter{width:100%;} #highlitesAdsDown .a-single{width: 360px; height: 300px; display: inline-block;} .dt-20-article-right { width: 336px; height: 280px;display: inline-block;} .dt-20-article-left { width: 336px; height: 280px;display: inline-block;} .dt-20-article-left { width: 336px; height: 280px;display: inline-block;} #mobile #highlitesAdsDown .a-single {display:block;} #mobile .dt-20-article-left, #mobile .dt-20-article-right, #mobile #highlitesAdsDown .a-single, #mobile .dt-20-header, #mobile #highlitesAds .upCenter .a-16 { width: 300px; height: 250px; min-height: 250px;display: inline-block;} #mobile .a-19 {display: none;} #mobile #highlitesAdsDown .upCenter .box span {display: block;} #downLeaderboard {width: 100%;min-height: 310px;margin: 0 auto;padding: 32px 0;text-align: center;display: inline-block;} #mobile #downLeaderboard .heureka-affiliate-category {display: none;} #mobile #downLeaderboard {min-height: 0;} #mobile #highlitesAdsDown .center .box:first-child {display: none;} #highlitesAds {/*height: 111px;*/} #mobile #highlitesAds {min-height: 110px;} #highlitesAds .upCenter {width:971px;} #desktop #highlitesAds .upCenter .a-16 {width:971px; min-height:120px;} /*#mobile #highlitesAds .upCenter, #mobile #highlitesAds .upCenter .a-16{width:321px; height:51px;}*/ /*#mobile #highlitesAds .upCenter, #mobile #highlitesAds .upCenter .a-16{width:100%;}*/ #mobile #highlitesAds .upCenter {text-align: center;display: inline-block;float: none;width: 100%;min-height: 120px;} /* Paticka */ #footer{width:100%;min-height:445px;float:left;background-color:#333333;border-top:solid 1px #e2e2e2; position: relative;} #footer #footerContant{margin-top:72px;} #footer #footerContant h2{font-size:20px;font-weight:bold;font-stretch:condensed;text-align:left;color:#ffffff;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:#9b9b9b;margin-bottom:10px;text-transform:lowercase;} #footer #footerContant .partners a:hover, #footer #footerContant .partners.linksFooter a:hover{color:white;} #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:#9b9b9b;margin-right:25px;} #footer #footerContant #mobile_apps{width:560px;font-size:17px;float:right;text-align:left;color:#9b9b9b;} #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 0px;background-repeat:no-repeat;display:block;font-size:36px;line-height:36px;margin-bottom:20px; color: #d91536;} /* login */ #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%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); border-right: 8px;} #login_win .middle_style{-o-transform:translate(-50%,-50%);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:bold;font-stretch:condensed;text-align:left;color:#ffffff;padding-top:32px;text-align:center;} #login_win .user_logged h2{padding-top:66px;} #login_win .user_logged h3{font-size:16px;font-weight:bold;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:bold;font-stretch:condensed;color:#d91536;margin-top:84px;} #login_win .user_logged h5{font-size:14px;line-height:2;letter-spacing:0.4px;color:#4a4a4a;margin-top:4px;} #login_win .user_logged #logout{border-radius:16px;background-color:#d91536;padding:6px 16px;color:white;cursor:pointer;display:inline-block;margin-top:0px;transition:500ms;text-transform:uppercase; margin-top: 32px;} #login_win .user_logged #logout:hover{background-color:#ae112b;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; /*margin-top: -37px;*/} #login_win h3.comment_popup{font-size:15px;color:#4a4a4a;margin-top:102px;} /* CRUE */ .crue .authItem{width:100%;float:left;margin-bottom:32px;} .crue .authItem .authItem-image{width:100px;height:100px;float:left;margin-top:27px;border-radius:50%;overflow:hidden;} .crue .authItem .authItem-image img{max-width:100px;min-height:100px;height:auto;} .crue .authItem .authItem-texts{float:left;width:80%;margin-left:32px;} .crue .authItem .authItem-texts h3, .crue .authItem .authItem-texts h3 a {font-size:28px;font-weight:bold;color:#000;} .crue .authItem .authItem-social a {color: #000;padding-right: 8px;border-right: 1px solid black;margin-right: 8px;} .crue .authItem .authItem-social a:last-child {border-right: none;} .crue .authItem .authItem-texts h3 a:hover, .crue .authItem .authItem-social a:hover {color:#d91536;} .crue .headline{font-size:13px;padding:4px 12px 3px 12px;margin-left:12px;top:-4px;} .crue .email{font-size:17px;font-weight:600;line-height:1.65;letter-spacing:0.4px;color:#333333;} .crue p{font-size:17px;line-height:1.65;text-align:left;color:#4a4a4a;margin-top:8px;} /* HEUREKA PAGE */ .heureka-page .heurekaItem{width:100%;float:left;margin-bottom:32px;} .heureka-page .heurekaItem .heu-image{width:100px;height:100px;float:left;overflow:hidden;} .heureka-page .heurekaItem .heu-image img{max-width:100px;height:auto;} .heureka-page .heurekaItem .heu-text{display:block;float:left;margin-left:32px;} .heureka-page .heurekaItem .heu-text h3, .heureka-page .heurekaItem .heu-text h3 a{font-size:28px;font-weight:bold;text-align:left;color:#333333;padding-bottom:8px;display:inline;} .heureka-page .heurekaItem .heu-text form .submit{border:none;background-color:transparent;background-image:url("/wp-content/themes/Dotekomanie3/img/svg/cancel-heu.svg");background-position:center;background-repeat:no-repeat;cursor:pointer;width:24px;height:24px;top:2px;position:relative;margin-left:16px;} .heureka-page .heurekaItem .heu-text form, .heureka-page .heurekaItem .heu-text form .submit{display:inline-block;} .heureka-page .heurekaItem .heu-text .heu-prices{display:block;font-size:17px;line-height:1.65;color:#4a4a4a;margin-top:8px;} .heureka-page .heurekaItem .heu-text .heu-prices .heu-price-box{width:100%;float:left;display:block;} .heureka-page .heurekaItem .heu-text .heu-prices .heu-price-box .heu-price-text{padding-right:32px;width:140px;display:inline-block;} .heureka-page .heurekaItem .heu-text .heu-prices .heu-price-box .heu-green, .heureka-page .heurekaItem .heu-text .heu-prices .heu-price-box .heu-red{font-size:13px;font-weight:500;line-height:2.15;color:#23c31b;padding-left:8px;} .heureka-page .heurekaItem .heu-text .heu-prices .heu-price-box .heu-red{color:#d91536;} /* Fancy */ #fancybox-wrap{margin-top:-2%;} /* YOUTUBE */ #desktop .youtube_channel .ytc_thumb>span:before{background-image:url(/wp-content/themes/Dotekomanie3/img/svg/play.svg);} #desktop .youtube_channel .ytc_thumb:hover>span:before{background-position:top center;} /* 404 */ #PAGEnotFOUND{min-height:1080px;} #PAGEnotFOUND, #noth .homeStream{width:100%;text-align:center;} #noth .homeStream #PAGEnotFOUND h1{text-align:center;margin-bottom:16px;} #noth .homeStream #PAGEnotFOUND p{font-size:17px;line-height:1.65;letter-spacing:0.4px;color:#4a4a4a;margin-bottom:32px;} #noth .homeStream #PAGEnotFOUND img{max-width:100%;} #noth .homeStream #PAGEnotFOUND{margin-bottom:64px;} #mobile #noth .homeStream #PAGEnotFOUND h1, #mobile #noth .homeStream #PAGEnotFOUND p{padding-left:16px;padding-right:16px;} /* MOBILE */ #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 .StoreWidget .widget-text span.widget-cena{display:inline-block;} #mobile #articleBody #articleThumb{height:192px;margin-bottom:16px;} #mobile .StoreWidget .widget-text{width:40%;display:inline-block;} #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-text span{display:inline-block;width:100%;} #mobile .StoreWidget .widget-zaklad, #mobile .heureka_box span.nazev a{font-size:16px;} #mobile #toolbar{width:100%;height:60px;top:0px;box-shadow:0 1px 10px 0 rgba(0,0,0,0.16);background-color:#f9f9f9;position:fixed;z-index:1000;} #mobile #logo-ico{width:81px;} #mobile #paged{margin-top:0px;} #mobile .Hnaticka{position:relative;top:0;left:-12px;} #mobile #logo #logo-text{margin:20px 0 17px 16px;} #mobile #base{width:100%;} #mobile main .streamItem{margin-bottom:24px;} #mobile main .streamItem .streamText{width:60%;float:left;display:inline-block;} #mobile main .streamItem .streamImage a{display:inline-block;position:relative;line-height:0;width:100%;overflow:hidden;} #mobile main .streamItem .streamImage img{width:auto;max-height:90px;/*transform:translateX(-22%);*/} #mobile main .streamItem .streamImage{width:31%;height:auto;overflow:hidden;} #mobile main .streamItem h2 a{font-size:16px;} #mobile main .streamItem .streamText span.updated, #mobile main .streamItem .streamText span.comm{font-size:14px;} #mobile main .streamItem .streamText span.author{margin-top:0px;font-size:11px;} #mobile main .pagerOne div{float:none;text-align:center;} #mobile main .pagerOne a{margin-right:0px;} #mobile main .pagerOne{margin-top:8px;margin-bottom:40px;} #mobile main h2.hNewest{font-size:22px;background-image:url(/wp-content/themes/Dotekomanie3/img/svg/chevron-mobile.svg);background-position:right 11px;background-repeat:no-repeat;display:inline-block;width:auto;float:left;} #mobile main#paged h2.hNewest{background-image:none;} #mobile main h1{font-size:24px;font-weight:bold;font-stretch:condensed;line-height:1.25;text-align:left;color:#d91536;padding:0;} #mobile main h1 span.headline{font-size:12px;padding:3px 8px 2px 8px;bottom:4px;} #mobile article h2{font-size:24px;} #mobile article h3{font-size:19px;} #mobile main .underHedlineInfoBase a, #mobile main .underHedlineInfoBase{font-size:14px;font-weight:bold;font-stretch:condensed;line-height:1.57;letter-spacing:0.2px;text-align:left;color:#4a4a4a;} #mobile main .underHedlineInfoBase{padding:2px 0 16px 0;} #mobile #articleBody, #mobile .homeStream{padding:0;} #mobile{ /*padding: 0px 0 10px 0;*/} #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:16px;padding-right:16px;width:90%;} #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:0px;} #mobile article p, #mobile article ul li, #mobile article ol li{font-size:15px;line-height:1.73;} #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:#f9f9f9;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 #authorInfo p{margin-bottom:0px;} #mobile #authorInfo h2 a{font-size:20px;} #mobile #authorPage #authorInfo h1{width:100%;text-align:center;} #mobile #authorPage #authorInfo p, #mobile .serial_home p{width:90%;font-size: 14px;padding: 0 5%;} #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: #f9f9f9; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);} #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;} #mobile #footer #footerContant .partners, #mobile #footer #footerContant .partners.linksFooter a{margin-right:0;} #mobile #footer #footerContant .partners{background-image:url(/wp-content/themes/Dotekomanie3/img/svg/dotekomanie.svg);background-position:center top;background-repeat:no-repeat;background-size:75%;padding-top:64px;} #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;} #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;} #mobile .heureka-page .heurekaItem .heu-image{margin-left:16px;} #mobile .heureka-page .heurekaItem .heu-text{width:50%;} #mobile .heureka-page .heurekaItem .heu-text h3, #mobile .heureka-page .heurekaItem .heu-text h3 a{font-size:20px;} #mobile .heureka-page .heurekaItem .heu-text .heu-prices{font-size:13px;} #mobile .heu-green{display:none;} #mobile .heureka-page .heurekaItem .heu-text form .submit{background-size:auto;cursor:pointer;width:20px;height:20px;} #mobile .heureka-page .heurekaItem .heu-text .heu-prices .heu-price-box .heu-price-text{padding-right:0;} #mobile #footer #footerContant #mobile_apps #cookie_box h2, #mobile #footer #footerContant #mobile_apps #cookie_box p { display: block; text-align: left; } #mobile #footer #footerContant #mobile_apps #cookie_box { width: 80%; margin: 0 auto; } /* MENU */ @media screen and (min-width:1100px){ } @media screen and (max-width:1099px){ /* #desktop aside{display:none;} #desktop .menu{display:none;} #desktop #toolbar #toolbarContainer, .center, #footerContant {width:100%;} //#highlites .high_item {width: 30%; margin-right: 5%;} //#highlites .high_item a.highLink img {width: 100%; height: auto} */ 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:#f9f9f9;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:bold;letter-spacing:0.5px;text-align:left;color:#4a4a4a;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:bold;color:#d91536;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:bold;text-align:left;background-color:#f9f9f9;color:#000;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;} #mobile .crue .authItem{text-align:center;} #mobile .crue .authItem .authItem-image{display:inline-block;float:none;} #login_win .the_champ_login_container { width: 100%; text-align: center; float: left; margin-top: 115px; display: flex; justify-content: center; } .the_champ_login_container ul.the_champ_login_ul { width: 111px; display: inline-block; height: 41px; } .the_champ_login_container ul.the_champ_login_ul li:first-child { margin-right: 32px !important; } .the_champ_login_container img { display: inline-block !important; float: none !important; } #login_win h3.comment_popup { font-size: 15px; color: #4a4a4a; top: 100px; margin-top: 0px; position: relative; } aside #heurekaShortList .boldlink { height: 23px; overflow: hidden; } .szn-btn-add-to-seznam {display:inline-block !important; background:transparent url(https://www.seznam.cz/media/img/add-to-seznam-button/pridat-na-seznam-hover.png) no-repeat center !important;} .szn-btn-add-to-seznam img {display:block !important;} .szn-btn-add-to-seznam img:hover {opacity:0;} .Bitmap { width: 170px; height: auto; position: relative; left: -11px; } .BitmapiOS { top: -10px; } .BitmapiOS img{ width: 135px; } #login_win .Bitmap { left: 0; } /*#login_win .user_logged #logout { margin-top: 10px;} #login_win .apps{display:block;margin-top:60px;}*/ /*#onesignalpush {display: none !important}*/ /* #onesignalpush.offline{ background-color: gray; } #onesignalpush.online{ background-color: green; } */ #mobile #onesignalpush { display: inline-block; width: 12px; height: 12px; padding: 10px 10px; border-radius: 50%; float: right; margin: 14px; } #mobile #onesignalpush img { position: relative; top: -6px; left: -6px; } #desktop #onesignalpush { /*margin-left: -4px;*/ } #desktop #a-19 {margin-left: -115px;} #navigation ul li#menu-item-194382 a { color: #d91536; } #youtube_mwc .youtube_channel {text-align: center;width: 100%;margin-bottom: 32px;} #youtube_mwc .youtube_channel .ytc_video_container {width: 200px !important;display:inline-block !important;float: none;margin: 10px;} /*Oprava*/ 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; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; color: #4a4a4a; background-position: 0 10%; } article p, .withoutapps p { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 17px; line-height: 1.75; letter-spacing: .4px; text-align: left; color: #4a4a4a; margin: 24px 0; display: block; padding-left: 99px; padding-right: 99px; } /*DARK theme*/ .dark .withoutapps p { color: white; } .dark div#base { background-color: #121212; margin-top: 0; /*padding-top: 40px;*/ } .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: #121212; } .dark #login_win_popup .darklightwhitch, .dark #login_win .middle, .dark #login_win .middle_style { background-color: #222222; } #mobile.dark #comments { padding-bottom: 37px; } .dark #highlites { margin-bottom: 20px; } .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: #1e1e1e; } .dark main .streamItem h2 a, .dark #navigation ul li a, .dark article p, .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: #ffffff; } .dark #highlites .high_item { background-color: #2b2b2b; } .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: #c9c9c9; } .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 #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: #d24a61; } .dark article p a{ background-image: linear-gradient(to bottom,transparent 50%,rgba(210, 74, 97,.80) 50%); } .dark article p a.image{ background-image: none; } .dark main h1 { background-image: linear-gradient(264deg,#d24a61,#d24a61 53%,#d24a61); } .dark aside .links li span, .dark main .streamItem .streamImage a span { background-color: #d24a61; } .dark aside .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:#ffffff; } .dark #highlites { padding-bottom: 0px; } .dark #base { padding-top: 20px; } .dark div#base.loggedHTML { padding-top: 20px; } /*loga*/ .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 .android_iko { content: url(/wp-content/themes/Dotekomanie3/img/svg/ic-android_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 .ios_iko { content: url(/wp-content/themes/Dotekomanie3/img/svg/ic-apple_dark.svg); } /*widget*/ .dark .StoreWidget, .dark .heureka_widget { border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); background-color: #1e1e1e; } .dark .StoreWidget .widget-zaklad, .dark .heureka_box span.nazev a, .dark main .underHedlineInfoBase a:hover, #mobile.dark .menu-box #searchform #s { color: #ffffff; } .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: #c9c9c9; } .dark .StoreWidget .typeSystem { background-color: #71a833; } .dark .StoreWidget .typeSystem.iOS { background-color: #4c84c1; } .dark .heureka_zaklad{ background-color: #c4874d; } /*Button dark mode */ .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: #d24a61; } .dark main .pagerOne a:hover, .dark #comments input:hover, .dark #login_win .user_logged #logout:hover { background-color: #a9394c } .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/*, #mobile.dark #menu-button-close*/ { background-image: url(/wp-content/themes/Dotekomanie3/img/svg/menu_dark.svg); } .dark main h2.hNewest a.catHeadlineStream { background-image: url(/wp-content/themes/Dotekomanie3/img/svg/chevron_dark.svg); } #mobile.dark main h2.hNewest { background-image: url(/wp-content/themes/Dotekomanie3/img/svg/chevron-mobile_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: #2b2b2b; } .dark #searchform #s { background-color: #1E1E1E; } .dark #comments textarea { box-shadow: 0 4px 10px 0 rgba(0,0,0,.25); } #mobile.dark #footer { margin-top: 0px; padding-top: 32px; } .dark #footer { border-top: solid 1px #000; background-color: #1E1E1E; } .dark article p.zdroje a { color: #c9c9c9; background-image: none; } .dark article p.zdroje a:hover { color: #fff; } .dark #fancybox-overlay { background-color: rgb(0, 0, 0) !important; } /* Switch */ .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%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s ease; 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-label .toggle--on { display: none; } .switch-label .toggle--off { display: inline-block; } .switch-input:checked + .switch-label:before { background-color: #5e2831; } .switch-input:checked + .switch-label:after { background-color: #d24a61; -ms-transform: translate(80%, -50%); -webkit-transform: translate(80%, -50%); transform: translate(80%, -50%); } .switch-input:checked + .switch-label .toggle--on { display: inline-block; } .switch-input:checked + .switch-label .toggle--off { display: none; } #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: #ffffff; margin-top: 9px; } #login_win_popup .darklightwhitch span { height: 18px; display: inline-block; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; margin: 17px 0 17px 16px; font-family: "HelveticaNeue-CondensedBold","Roboto Condensed",sans-serif; 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: #7b7b7b; 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: #7b7b7b; } #mobile .wp-caption img { width: 100%; height: auto; } #mobile .innerSeznamBox #ssp-zone-178866{ display: inline-block; } #mobile .innerSeznamBox #innerSeznamBoxSpan { display: block; } #mobile #footer #footerContant #mobile_apps .apps a { display: block; margin-right: 0px; margin-bottom: 15px; margin-left: 18px; } #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 #mobile_links_down_page { display: block !important; float: left; width: 100%; margin-bottom: 36px; } #mobile #mobile_links_down_page span { display: none; } #mobile #mobile_links_down_page li { line-height: 34px; } #mobile #mobile_links_down_page li a { font-size: 16px; letter-spacing: 0.1em; } #mobile article ul,#mobile article ol { margin: 15px 0; padding-left: 10px; padding-right: 10px; } .withoutapps p { padding-left: 0px; padding-right: 0px; text-align: center; } #mobile_apps .withoutapps p, #mobile_apps .withoutapps p a { color: #fff; } .wp-video { text-align: center; margin-left: auto; margin-right: auto; } #menu-button-blur { display: none; } #mobile #menu-button-blur { position: fixed; width: 100vw; top: 64px; height: 100vh; z-index: 1; backdrop-filter: blur(6px); } .instagram-media { margin: 0 auto !important; }