/*
 * Hlavní soubor pro styly, ideálně později převést do nějaké logické struktury a rozdělit na části dle jednotlivých komponent apod.
 * Autor: Fast & Simple
 * Dependencies: jQuery
 */

.article-seznam-wrapper > main, .article-seznam-wrapper > aside {
    margin-top: 20px;
}
.article-seznam-wrapper h1 {
    font-size: 40px;
    color: black;
    text-shadow: none;
    font-weight: bold;
    margin-top: 0;
    padding-top: 0;
}
.article-seznam-single-wrapper {
    margin-top: 20px;
}
.article-seznam-wrapper h2 {
    margin-top: 0;
    padding-top: 0;
    font-size: 26px;
    color: black;
    font-weight: bold;
}
.article-seznam-single-wrapper .article-seznam-content img {
    margin: 10px 0;
}
.article-seznam-single-wrapper .article-seznam-content .article-seznam-image-description {
    margin-bottom: 20px;
}
.article-seznam-single-wrapper .article-seznam-content h2 {
    padding: 10px 0;
}
.article-seznam-single-wrapper .article-list-seznam .article-seznam-content h2 {
    padding-top: 0;
}
.article-seznam h2 {
    
}
.article-seznam-wrapper .seznam-articles-other h2 {
    margin-top: 20px;
}
.article-seznam-single-wrapper .seznam-articles-other h2 {
    margin-top: 0;
}
.article-seznam-wrapper {
    font-size: 16px;
}
.article-seznam-wrapper .lead {
    font-size: 20px;
    font-weight: bold;
}
.article-seznam-wrapper article {
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
}
.article-seznam-share {
    margin: 30px 0;
}
.article-seznam-share .icon-box {
    font-size: 22px;
    margin-left: 20px;
}
.article-seznam-share .fb-icon-box {
    background: #4267b2;
    padding: 5px 5px 0 10px;
}
.article-seznam-share .fa-facebook {
    color: white;
}
.article-seznam-image-wrapper {
    margin-bottom: 20px;
}
.article-seznam-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.main-article-seznam .article-seznam-image {
    margin-bottom: 20px;
}
.article-seznam-image:after {
    content:'';
    padding-bottom: 62.66666666666667%;
    display: block;
}
.article-seznam-image a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.article-seznam-image-addition {
    background-color: #003c4d;
    padding: 40px 20px 20px 40px;
    color: white;
    font-style: italic;
    font-weight: bold;
    font-size: 24px;
    background-image: url('../img/rytir.png');
    background-repeat: no-repeat;
    background-position: 95% 95%;
    background-size: 50%;
}
.article-seznam-image-addition p:first-letter {
    text-transform: uppercase;
}
.article-seznam-image-overlay-right {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100px;
    background-image: url('../img/blue-gradient-right_2.png');
    background-repeat: repeat-y;
}
.article-seznam-wrapper a, .article-seznam-wrapper a:hover, .article-seznam-wrapper a:visited, .article-seznam-wrapper a:focus, .article-seznam-wrapper a:active,
.article-seznam-wrapper h2 a, .article-seznam-wrapper h2 a:hover, .article-seznam-wrapper h2 a:visited, .article-seznam-wrapper h2 a:focus, .article-seznam-wrapper h2 a:active {
    color: black;
    text-decoration: none;
}
.article-seznam-wrapper .article-perex a {
    font-weight: normal;
}
.article-seznam-wrapper .seznam-clanky-right-panel.is_stuck {
    position: fixed;
    top: -550px;
}
.article-seznam-wrapper .seznam-clanky-right-panel h2 {
    margin-top: 20px;
}
.article-seznam-wrapper.article-seznam-single-wrapper .seznam-clanky-right-panel h2 {
    margin-top: 0;
}
.article-seznam-wrapper .article-seznam-other {
    margin-bottom: 40px;
}
.article-seznam-wrapper .article-seznam-other h2 {
    
}
.article-seznam-wrapper .article-seznam-other ul {
    list-style-type: none;
    padding-left: 0;
}
.article-seznam-wrapper .article-seznam-other ul li {
    font-weight: bold;
    margin-bottom: 10px;
}

.advert-block {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    background-color: lightgray;
    color: black;
    margin-bottom: 40px;
    width: 100%;
}
.content-middle-adverts-wrapper .advert-block {
    background-color: transparent;
}
.text-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
}
.text-banner-smr.visible-mobile {
    
}

.center-block {
    text-align: center;
}
.marg-bottom {
    margin-bottom: 20px;
}
.marg-top {
    margin-top: 20px;
}

.sameheight {
    display: table;
}
.sameheight > * {
    display: table-cell;
    float: none;
    vertical-align: top;
}
#seznam-advert-block-1 {
    display: none;
}
#seznam-advert-block-4 {
    display: none;
}
.right-panel-bottom-adverts-wrapper {
    margin-top: 20px;
}
.advert-block.no-marg {
    margin-bottom: 0;
}
.footer-adverts-wrapper .advert-block {
    margin-bottom: 0;
}
.visible-mobile, .hidden-desktop {
    display: none;
}
@media (max-width: 991px)
{
    .hidden-mobile, .visible-desktop {
        display: none;
    }
    .visible-mobile {
        display:block;
    }
    .advert-block.visible-mobile {
        display: flex;
    }
}
@media (max-width: 767px)
{
    .article-seznam-single-wrapper .article-seznam-content h2 {
        padding-top: 0;
    }
    .main-article-seznam h2 {
        margin-top: 0;
        font-size: 5vw;
    }
    .article-seznam-wrapper .article-seznam-content h2 {
        font-size: 4vw;
        margin-bottom: 5px;
        padding-bottom: 0;
    }
    .article-seznam-wrapper .article-seznam-content .article-date {
        font-size: 3vw;
        margin-bottom: 0;
        
    }
    .advert-block.no-marg {
        margin-bottom: 20px;
    }
    
    #seznam-advert-block-0 {
        display: none;
    }
    #seznam-advert-block-1, #seznam-advert-block-2, #seznam-advert-block-4 {
        display: flex;
    }
    #seznam-advert-block-3 {
        display: none;
    }
    #seznam-advert-block-4 {
        display: none;
    }
}
@media (max-width: 575px)
{
    
}
@media (max-width: 320px)
{
    .advert-block {
        padding: 0px;
        background-color: transparent;
        margin: 20px 0;
    }
    
}
@media (min-width: 768px)
{
    .sm-sameheight {
        display: table;
    }
    .sm-sameheight > * {
        display: table-cell;
        float: none;
        vertical-align: top;
    }
    #seznam-advert-block-4 {
        display: block;
    }
    #seznam-advert-block-4 {
        
    }
}