/*Style.CSS*/
/* All logos and logo sizes are edited in this CSS*/

.header-logo-image, .footer-logo{
    background-size:85px 12px;
    background-repeat: no-repeat;
    background-position:left center;
    height:100%;
    width:147px;
}

#preloader h1{
    background-size:160px 23px;
    background-repeat: no-repeat;
    background-position:center bottom;
    height:100px;
}

.preloader-light h1{background-image:url(../images/logo-dark.png)!important;}
.preloader-dark h1{background-image:url(../images/logo-light.png)!important;}

.dark-skin .header-logo-image,
.dark-skin .footer-logo{background-image:url(../images/logo-light.png)!important;}

.light-skin .header-logo-image,
.light-skin .footer-logo{background-image:url(../images/logo-dark.png)!important;}

.bg-telegram { background-color:#32abe2; color: white}
.bg-viber { background-color:#8b69a5; color: white }
.bg-vk { background-color:#4c75a3; color: white }

.page-content p {
    font-size: 1.2em!important;
}

.article-title {
    width: 100%;
    padding-bottom: 20px;
    font-size: 2em;
    color: #f1f9f8;
    font-weight: bold;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .page-content p {
        font-size: 1em!important;
    }
}

img.cover-primetime {
    min-width: 500px!important;
}

@media only screen and (max-width: 768px) {
    img.cover-primetime {
        min-width: 300px!important;
    }
}

@media only screen and (max-width: 350px) {
    img.cover-primetime {
        min-width: 230px!important;
    }
}


div#screenshot-rotator {
    position:relative;
    width:400px;
    height:692px;
    margin: auto;
}

div#screenshot-rotator ul {
    padding-left: 0;
}

div#screenshot-rotator ul li {
    float:left;
    position:absolute;
    list-style: none;
}

div#screenshot-rotator ul li.show {
    z-index:500;
}

img.screenshot {
    max-width: 400px!important;
    margin: auto;
    border-radius: 10px;
}

img.screenshot-vk {
    border: solid #4F7EB6;
}

img.screenshot-telegram {
    border: solid #32abe2;
}

img.screenshot-viber {
    border: solid #8b69a5;
}

@media only screen and (max-width: 768px) {
    img.screenshot {
        max-width: 300px!important;
    }
    div#screenshot-rotator {
        height: 520px;
        width: 300px;
    }
}

@media only screen and (max-width: 350px) {
    img.screenshot {
        max-width: 200px!important;
    }
    div#screenshot-rotator {
        height: 346px;
        width: 200px;
    }
}