/* --------------------------- PAGE TITLE ---------------------------- */ .breadcumbs > span { display: inline-block; margin-bottom: 12px; font-size: 12.5px; } .article .breadcumbs > span { margin-bottom: 0px; } .breadcumbs > span:after { display: inline-block; margin-left: 8px; margin-right: 8px; content: "\203A"; } .breadcumbs > span:last-of-type:after { display: none; } .breadcumbs .page-title { font-size: 36px; margin-top: -2px; margin-bottom: 27px; font-weight: 700; } .breadcumbs > span, .breadcumbs > span a { color: #898989!important; } .breadcumbs > span a:hover { color: #da537a!important; } .breadcumbs > span a[data-section='Sluníčko']:before { content: ""; height: 20px; display: inline-block; background: url(/client.images/rev2021/slunicko_default.png) no-repeat top left; background-size: contain; width: 200px; margin-bottom: -4px; } .breadcumbs > span a[data-section='Sluníčko'] > span { display: none; } .breadcumbs > span a[data-section='Mateřídouška']:before { content: ""; height: 20px; display: inline-block; background: url(/client.images/rev2021/materidouska_default.png) no-repeat top left; background-size: contain; width: 200px; margin-bottom: -4px; } .breadcumbs > span a[data-section='Mateřídouška'] > span { display: none; } /* --------------------------- ARTICLE ---------------------------- */ .article { margin-bottom: 30px; font-size: 16px; line-height: 23px; } .article a { color: #ee7598; } .article a:hover { color: #da537a; } /* title */ .article .page-title { font-size: 30px; line-height: 42px; margin-bottom: 27px; margin-top: 5px; } .article .page-title.locked::before { display: inline-block; float: right; width: 30px; height: 39px; background: url(/client.images/rev2021/icons/ico-lock-pink.png) no-repeat center center; content: ""; margin-top: 5px; } /* annotation */ .article .annotation { margin-bottom: 30px; } .article .annotation.annotation-main { font-size: 20px; line-height: 28px; font-weight: 600; position: relative; padding-left: 109px; margin-bottom: 0px; } .article .annotation-main:after { height: 2px; display: block; background-size: cover; background-repeat: no-repeat; background-image: url(/client.images/rev2021/lines/line-black.svg); content: ""; width: 454px; margin-top: 30px; margin-bottom: 50px; } .article .annotation-main:before { height: 69px; display: block; background-size: contain; background-repeat: no-repeat; background-image: url(/client.images/rev2021/icons/ico-dudlik.svg); content: ""; width: 51px; position: absolute; top: -10px; left: 31px; } .article .annotation a { text-decoration: underline; } .article .annotation-main a { font-size: 20px; } .article .annotation a:hover { text-decoration: none; } /* info */ .article > .info { color: #707070; font-size: 14px; display: block; height: 50px; margin-bottom: 30px; } .article > .info.info-bottom { margin-left: 14px; margin-top: 30px; } .article > .info a { color: #707070; font-weight: 600; } .article > .info a.author-photo img { float: left; width: 50px; height: 50px; border-radius: 50%; margin-right: 10px; } .article > .info .a-author { display: inline-block; margin-top:2px; } .article .info .author:not(.author-photo)+.author:before { content: ","; margin-right: 5px; } .article > .info .date { display: block; } .article > .info .soc-media { display: inline-block; width: 55px; height: 50px; background: no-repeat center; background-size: contain; float: right; } .article > .info.info-bottom .soc-media { float: none; } .article > .info .soc-media.fb { background-image: url(/client.images/rev2021/icons/ico-facebook.png); margin-right: 15px; } .article > .info .soc-media.tweet { background-image: url(/client.images/rev2021/icons/ico-twitter.png); } .article .ar-navigation { text-align: right; margin-bottom: 30px; } /* bottom tags */ .article .body > .tags { font-size: 14px; color: #ee7598; } .article .body > .tags span { color: #000; font-weight: 700; } .article .body > .tags a, .article .body > .tags span { text-decoration: none; } .article .body > .tags a { color: #707070; font-weight: 400; } .article .body > .tags a:hover { text-decoration: underline; } /* chapters */ .article .chapters { font-weight: bold; margin-bottom: 30px; } .article .chapters:after { margin-top: 15px; height: 2px; display: block; background-size: contain; background-repeat: no-repeat; background-image: url(/client.images/rev2021/lines/line-black.svg); content: ""; width: 100%; } .article .chapters > div { margin-bottom: .3em; line-height: 21px; margin-left: 30px; } .article .chapters > div:first-of-type { margin-bottom: 15px; margin-left: 0; } .article .chapters > .current { color: #484848; } .article .chapters > div a { color: #ee7598; text-decoration: none; } .article .chapters > div a:hover { color: #484848; text-decoration: underline; } /* main article */ .article .body { font-size: 16px; margin-left: 14px; } .article-full .body { margin-left: 0px; } .article p, .article table, .article ul, .article ol, .article .body > h2, .article .body > h3, .article .body > h4, .article .body > h5, .article .body > h6, .article .body .inquiry .title, .article .body > .bodyPart > h2, .article .body > .bodyPart > h3, .article .body > .bodyPart > h4, .article .body > .bodyPart > h5, .article .body > .bodyPart > h6 { margin-bottom: 23px; } .article .body > iframe, .article .body > .bodyPart > iframe { margin-bottom: 23px!important; } .article .body > iframe.twitter-tweet, .article .body > .bodyPart > iframe.twitter-tweet { margin-bottom: 23px!important; } .article .body > iframe.twitter-timeline, .article .body > .bodyPart > iframe.twitter-timeline { width: 520px!important; margin-left: 85px; } .article .body > twitterwidget, .article .body > .bodyPart > twitterwidget { margin-bottom: 24px!important; } .article ul { margin-left: 84px; } .article ul > li::before { content: ""; line-height: 1em; width: 5px; height: 4px; background-color: #ee7598; float: left; margin: 10px .44em 0 -1.2em; border-radius: 50%; border-top: 1px solid transparent; } .article ol { margin-left: 84px; counter-reset: li; } .article ol > li { counter-increment: li; } .article ol > li::before { content: counter(li) "."; color: #ee7598; display: inline-block; width: 1.5em; margin-left: -1.5em; font-weight: 700; } .article ul li, .article ol li { line-height: 24px; margin-bottom: .5em; } .article .body > h2, .article .body > .bodyPart > h2 { font-size: 20px; line-height: 28px; margin-top: 59px; font-weight: bold; } .article .body > h2:first-child, .article .body > .bodyPart > h2:first-child, .article .body > h3:first-child, .article .body > .bodyPart > h3:first-child, .article .body > h4:first-child, .article .body > .bodyPart > h4:first-child { margin-top: 0px; } .article .body > h3, .article .body > .bodyPart > h3, .article .body .inquiry .title { font-size: 18px; line-height: 25px; margin-top: 49px; font-weight: bold; } .article .body > h4, .article .body > h5, .article .body > .bodyPart > h4, .article .body > .bodyPart > h5 { font-size: 16px; line-height: 23px; margin-top: 39px; font-weight: bold; } .article .body > h6, .article .body > .bodyPart > h6 { font-size: 14px; line-height: 19px; font-weight: normal; text-align: center; margin-top: 2em; color: #707070; } .article .body > h6 img, .article .body > .bodyPart > h6 img { /*margin: 5px 4px 3px 4px;*/ } .article .body > hr, .article .body > .bodyPart > hr { height: 2px; background: url(/client.images/rev2021/lines/line-black.svg?v=1.0.000); background-size: cover; margin: 0 80px 24px; border: 0 none; } .article .body a { font-weight: 700; text-decoration: underline; } .article .body a:hover, .article .body .btn a { text-decoration: none; } /* ********************* ADDON ARTICLE ID ******************* */ .article .body .article-list .article { margin-bottom: 23px; } .article .body .article-list .article .content { width: 304px; } /* ********************* ADDON VIDEO ******************* */ .article .cnc-video-wrap, .article .yt-video-wrap { width: 660px!important; height: 371px!important; position: relative; margin-bottom: 2em!important; } .article .cnc-video-wrap > div, .article .yt-video-wrap > div { width: 100%!important; height: 100%!important; position: absolute; z-index: 3; } .article .cnc-video-wrap > div.video-preplay, .article .yt-video-wrap > div.video-preplay { z-index: 4; } .article .cnc-video-wrap > div.clear, .article .yt-video-wrap > div.clear { z-index: 2; } .article .cnc-video-wrap > div > iframe, .article .yt-video-wrap > div > iframe { width: 100%!important; height: 100%!important; border: 0 solid; z-index: 1; } .article .cnc-video-wrap > div > .video-wrapper, .article .yt-video-wrap > div > .video-wrapper { width: 100%!important; height: 100%!important; padding: 0!important; } .article .cnc-video-wrap > div > iframe.fixed, .article .cnc-video-wrap > div > .video-wrapper.fixed, .article .yt-video-wrap > div > iframe.fixed, .article .yt-video-wrap > div > .video-wrapper.fixed { position: fixed!important; top: 30px!important; left: calc(100% - 756px)!important; z-index: 10000; border: 5px solid #ee7598; } /* ** PREPLAY ** */ .video-preplay img { width: 100%!important; height: 100%!important; position: absolute; z-index: 1; border: 0px solid!important; } .video-preplay a { width: 100%!important; height: 100%!important; position: absolute; z-index: 2; background: #000 url("../Client.Images/Video/video-loading.png") center center no-repeat; } .video-preplay a.loaded { background-image: url("../Client.Images/Video/video-preplay.png"); background-color: transparent; } /* ********************* ADDON INFOBOX ******************* */ .article .body .infobox { padding: 20px; margin-bottom: 23px; text-align: left; border: 2px solid #000; border-image: url(/client.images/rev2021/lines/line-box.svg) stretch 2; background: transparent; } .article .body .infobox .infobox-data p:last-of-type { margin-bottom: 0; } .article .body .infobox-0 { margin-right: 2em; margin-top: 5px; float: left; } .article-full .body .infobox-0 { margin-left: 0px; } .article .body .infobox-1 { margin-left: 1em; margin-top: 5px; float: right; } .article .body .infobox h2, .article .body .infobox h3, .article .body .infobox h4 { font-size: 20px; margin-bottom: 10px; font-family: 'Caveat'; text-transform: uppercase; line-height: 28px; } .article .body .infobox p { font-size: 16px; } .article .body .infobox .infobox-data>*:last-child { margin-bottom: 0; } /* ********************* ADDON TIP ******************* */ .article .body .tip { margin-bottom: 23px; text-align: center; } .article .body .tip-data { font-weight: 700; vertical-align: middle; position: relative; } .article .body .tip-data p:last-of-type { margin-bottom: 0; } .article .body .tip-data:before { color: #df7c98!important; font-size: 20px; padding: 13px 30px 13px 28px; font-family: 'Caveat'; display: inline-block; border: 2px solid #df7c98; border-image: url(/client.images/rev2021/lines/line-btn-around-pink.svg) stretch 2; margin-bottom: 15px; } .article .body .tip-data:after { display: block; clear: both; content: ""; width: 100%; height: 1px; } .article .body .tip-0 .tip-data:before { content: 'DOPORUČUJEME'; } .article .body .tip-1 .tip-data:before { content: 'NEPŘEHLÉDNĚTE'; } .article .body .tip-2 .tip-data:before { content: 'TIP'; } .article .body .tip-3 .tip-data:before { content: 'JAK NA TO'; } .article .body .tip-4 .tip-data:before { content: 'VYZKOUŠEJTE'; } .article .body .tip-5 .tip-data:before { content: 'DALŠÍ INFORMACE'; } .article .body .tip-6 .tip-data:before { content: 'POZNÁMKA'; } .article .body .tip-7 .tip-data:before { content: 'UŠETŘETE'; } .article .body .tip-8 .tip-data p:before { content: 'POZOR'; } .article .body .tip-9 .tip-data:before { content: 'VYDĚLEJTE'; } /* ********************* ADDON VYKRIK ******************* */ .article .body .vykrik { border: 2px solid #000; border-image: url(/client.images/rev2021/lines/line-box.svg) stretch 2; background: transparent; padding: 26px 67px 26px; position: relative; margin-bottom: 28px; margin-left: -14px; margin-top: 5px; font-family: 'Caveat'; text-transform: uppercase; font-size:22px; line-height: 32px; } .article .body .vykrik:before, .article .body .vykrik:after { content: "„"; position: absolute; font-size: 80px; line-height: unset; } .article .body .vykrik:before { left: 21px; bottom: 43px; } .article .body .vykrik:after { right: 9px; top: 43px; transform: rotate(180deg); } .article .body .vykrik .vykrik-head, .article .body .vykrik .vykrik-foot { display: none; } .article .body .vykrik .vykrik-data p:last-of-type { margin-bottom: 0; } /* ********************* ADDON INQUIRY ******************* */ .article .body .inquiry-wrapper { text-align: center; } .article .body .inquiry { padding: 20px; margin-bottom: 23px; margin-left: auto; margin-right: auto; text-align: left; border: 2px solid #000; border-image: url(/client.images/rev2021/lines/line-box.svg) stretch 2; background: transparent; } .article .body .inquiry .title { margin-top: 10px; } .article .body .inquiry-left { margin-right: 2em; float: left; } .article-full .body .inquiry-left { margin-left: 0px; } .article .body .inquiry-right { margin-left: 2em; float: right; } .article .body .inquiry .row { margin-bottom: .5em; cursor: pointer; color: #ee7598; } .article .body .inquiry .row label { display: block; cursor: pointer; text-decoration: none; color: #000; } .article .body .inquiry .row .votes { display: block; position: relative; line-height: 32px; font-weight: bold; font-size: 23px; margin-top: 5px; margin-bottom: .6em; width: 100%; font-family: 'Caveat'; } .article .body .inquiry .row .votes span { display: inline-block; float: left; margin-right: 10px; height: 32px; background: #ee7598; border-top-right-radius: 16px; border-bottom-right-radius: 16px; } .article .body .inquiry .row:hover { color: #da537a; } .article .body .inquiry .row:hover label{ text-decoration: underline; } .article .body .inquiry .row:hover .votes span { background: #da537a; } .article .body .inquiry .footer { margin-top: 70px; } /* ********************* GALERIE V CLANKU ******************* */ .image-licence { display: block; position:absolute; right: 0; top: -19px; text-align: right; font-size: 10px; color: #888; } .image-licence a { text-decoration: none; color: #888; } .image-licence a:hover { text-decoration: underline; color: #888; } .ar-perex { margin-bottom: 30px; height: 337px; position: relative; } .ar-perex-gallery { height: 416px!important; width: 674px; display: block; position: relative; } .topGallery { height: auto!important; } .ar-perex-invisible { display: none; } .ar-perex-gallery .gallery-nav {display:block;position:absolute;top:0;bottom:0;width:50px;height:337px;z-index:3;} .ar-perex-gallery .gallery-nav:hover {} .ar-perex-gallery .gallery-nav-prev {left:0;background:url("/Client.Images/Gallery/image-prev.png") no-repeat center center rgba(30,30,30,0.6);} .ar-perex-gallery .gallery-nav-next {right:0;background:url("/Client.Images/Gallery/image-next.png") no-repeat center center rgba(30,30,30,0.6);} .ar-perex-gallery .gallery-description .source-tx { display: none; } .ar-perex-gallery .gallery-description .source a { text-decoration: none; color: #888; } .ar-perex-gallery .gallery-description .source a:hover { text-decoration: underline; } .ar-perex-gallery .gallery-description .source { display: block; position: absolute; right: -50px; bottom: 337px; left: -50px; z-index: 5; font-size: 10px; color: #888; text-align: right; } .ar-perex-video-gallery { height: 469px !important; } .ar-perex-video-gallery .gallery-description, .ar-perex-video-gallery .gallery-nav { display:none!important; } .ar-perex-video-gallery .ar-perex-roller { height: 388px!important; } .ar-perex-video-gallery .ar-perex-info { top: 403px!important; } /* ---------- */ .ar-perex-roller-wrap { display: block; position: absolute; top: 0; left: 0; right: 0; padding-top: 50%; overflow: hidden; } .ar-perex-video-gallery .ar-perex-roller-wrap { padding-top: 56.25%; } .ar-perex-roller { display: block; position: absolute; top: 0; left: 0; height: 337px; overflow: hidden; background: #fff; transform: translate3d(0px, 0px, 0px); transition: all 0.5s ease 0s; } .ar-perex-roller > a { display: block; width: 674px; height: 337px; vertical-align:middle; text-align: center; overflow: hidden; float: left; background:url("/Client.Images/Gallery/image-load.svg") no-repeat center center; } .ar-perex-roller > a:after { content: ""; display: inline-block; height: 337px; vertical-align: middle; } .ar-perex-roller > a img { vertical-align: middle; } /* ---------- */ .ar-perex-info { display: block; position: absolute; top: 348px; left: 0px; width: 674px; height: 70px; overflow: hidden; } .ar-perex-info a { display: inline-block; width: 136px; height: 68px; margin: 0px 10px 0px 0px; vertical-align:middle; text-align: center; overflow: hidden; background: #fff; } .ar-perex-info a.gallery-thumb-3 { margin-right: 0px; } .ar-perex-info a.info { display: block; position: absolute; right: 6px; top: 0px; bottom: 0px; font-size: 15.5px; line-height: 25px; font-weight: bold; font-weight: 700; text-decoration: none!important; text-align: right; padding: 9px 3px 3px 36px; color: #ee7598!important; height: 54px; margin: 0; width: auto; border: 0px solid; background: transparent; text-transform: lowercase; text-align: center; } .ar-perex-info a.info:hover { color: #da537a!important; } .ar-perex-info a.info span.gallery-count { font-size: 24px; font-weight: 700; display: block; } .ar-perex-info a.info:hover span { text-decoration: underline!important; } .ar-perex-info a.info:hover span.gallery-count { text-decoration: none!important; } .ar-perex-info a.info span.gallery-link { display: none; } /* ********************* LISTOVACI CLANKY ******************* */ .article-template-spliter,.article-template-spliter.quick { width: auto; height: 70px; border-radius: 0; text-align: center; display: block; position: relative; margin: 10px 60px 40px; overflow: visible; background: transparent; font-size: 20px; line-height: 38px } .article-template-spliter.quick>span, .article-template-spliter>div { display: inline-block; position: relative; left: auto; width: auto; text-align: center; line-height: inherit; background: url(/client.images/rev2021/backgrounds/bg-pager.svg?v=1.0.001); background-size: 100% 100%; color: #fff!important; padding: 12px 30px 14px 30px; margin-left: 26px; margin-right: 31px; top: -3px; font-family: 'Caveat'; } .article-template-spliter>span { display: none; } .article-template-spliter.quick>span { display: inline-block; } .article-template-spliter>div { position: absolute; left: 55px; right: 55px; margin-left: 10px; margin-right: 10px; padding: 17px 20px 9px 20px; } .article-template-spliter.quick>div { display: none; } .article-template-spliter a { line-height: inherit; font-size: inherit; height: auto; color: #fff!important; display: inline-block; text-decoration: none!important; font-weight: normal!important; vertical-align: middle; float: left; } .article-template-spliter span a { border: 2px solid transparent } .article-template-spliter span a.active { background: transparent; border: 2px solid #df7c98; border-image: url(/client.images/rev2021/lines/line-btn-around-pink.svg) stretch 2; color: #df7c98!important; font-size: 160% } .article-template-spliter span a.active b { display: inline-block; margin-left: -9px; top: -2px; position: relative } .article-template-spliter a.arrow { position: absolute; display: inline-block; z-index: 2; color: #000!important; text-transform: uppercase; background: #ffd0dd!important; line-height: normal; height: 38px!important; padding: 5px 8px 5px 6px; margin: 0 auto; float: none; width: auto!important; overflow: visible; top: 13px } .article-template-spliter a.arrow:hover { background: #ef8ca7!important; } .article-template-spliter a.arrow-prev { left: 0 } .article-template-spliter a.arrow-next { right: 0 } .article-template-spliter.quick a.arrow { position: relative; display: inline-block; z-index: 2; top: auto } .article-template-spliter a.arrow:before { display: block; position: absolute; height: auto; content: ""; margin-bottom: 0; border: 2px solid #000; border-image: url(/client.images/rev2021/lines/line-btn-around.svg) stretch 2; background: transparent; top: -3px; left: -3px; width: calc(100% - 2px); height: calc(100% - 3px) } .article-template-spliter a.arrow:after { content: ""; height: 31px; display: inline-block; background: url(/client.images/rev2021/icons/ico-arrow.svg) no-repeat center center; background-size: contain; width: 31px } .article-template-spliter a.arrow-next:after { transform: rotate(180deg) } .article-template-spliter>div span { display: block; height: 50px; text-align: center; white-space: nowrap } .article-template-spliter>div span a { overflow: hidden } /* ********************* GALERIE V CLANKU ******************* */ #fullgallery { display: block; position: fixed; top: 0px; left: 0px; z-index: 20000; opacity: 1; width: 100%!important; height: 100%!important; } #fullgallery > iframe { display: block; position: absolute; width: 100%!important; height: 100% !important; top: 0px; left: 0px; background: transparent; z-index: 20001; } /* ****************************** PODCAST ***************************** */ .pcast-player .pcast-player-controls { box-sizing: border-box; background: #000; color: #fff; font-size: 14px; height: 36px; overflow: hidden; padding: 2px 5px 5px 5px; margin-bottom: 20px!important; } .pcast-player button { background: #2a2a2a; color: #fff; border: 0; border-radius: 2px; padding: 5px; line-height: 22px; -webkit-appreance: none; min-width: 32px; margin: 0 2px!important; } .pcast-player button span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .pcast-player progress { height: 15px; width: calc(100% - 208px); margin: 0 5px!important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .pcast-player progress[value]::-webkit-progress-bar { background-color: #555; border-radius: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; } .pcast-player progress[value]::-webkit-progress-value { background: #fff; } .pcast-player .pcast-time { display: inline-block; font-size: 13px; padding: 0 5px; text-align: center; width: 4em; } /* ********************* SPECIAL BOX ******************* */ .article .ar-spec-box { border: 2px solid #000; border-image: url(/client.images/rev2021/lines/line-box.svg) stretch 2; background: #e6e6e6; padding: 20px; margin-bottom:30px; font-size: 92%; } .article .ar-spec-box h4 { font-family: 'Caveat'; text-transform: uppercase; font-size: 20px; line-height: 25px; margin-bottom: 10px; } .article .body .ar-spec-box a { color: #000; text-decoration: none; } .article .body .ar-spec-box > *:last-child { margin-bottom: 0; } /* ****************************** HTML AddON ***************************** */ .addOn_wrapper { text-align:center; margin-bottom: 23px; } .addOn_wrapper > iframe, .addOn_wrapper > twitter-widget { margin-left: auto!important; margin-right: auto!important; display:block; } .addOn_wrapper > span[data-pin-log="embed_pin_large"] { max-width: unset!important; } .fb-comments { margin-top: -7px; margin-bottom: 20px; }