/*
 Theme Name:   NewsOnline Child by DKiT
 Template:     mts_newsonline
 Author:       DKiT
 Version:      1.0.0
*/

/** Global styles */
.main-container {
    overflow-x: hidden;
}

.logo-wrap {
    overflow: visible;
    display: table;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px;
    width: auto !important;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    text-align: center;
}

.text-logo {
    margin-top: 0 !important;
    float: none !important;
}

.text-logo a {
    color: #fff !important;
}

h2 {
    margin-top: 50px;
}

.front-view-title {
    margin-top: 0;
}

.widget li {
    margin-left: 0;
}

.wp-post-image {
    float: none;
}

.menu-item:not(.current-menu-item) a {
    background: #24252b !important;
}

.copyrights {
    position: relative;
}

.copyrights::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: -100%;
    bottom: 0;
    left: -100%;
    margin: auto;
    width: 99999px;
    background: #dbdbdb;
}

.single_post {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.header-top {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 15px;
    color: #d24f36;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 2px solid #d24f36;
    border-top: 2px solid #d24f36;
}

.site-description {
    margin-top: -3px;
    color: #24252b;
    font-family: 'Merriweather';
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
}

.post-content {
    overflow: visible;
}

.srpw-title {
    font-size: 18px;
}

/** Ranking */
.ranking {
    margin-top: 50px;
}

.ranking h2 {
    margin-top: 0;
}

.ranking-item {
    position: relative;
    padding: 20px 20px 10px;
    border: 1px solid #24252b;
}

.ranking-item + .ranking-item {
    margin-top: 30px;
}

.ranking-number {
    position: absolute;
    right: -10px;
    top: -12px;
    width: 70px;
    height: 70px;
    background: #24252b;
    color: #fff;
    font-family: 'Merriweather';
    font-size: 54px;
    line-height: 66px;
    text-align: center;
    border-radius: 3px;
}

.ranking-image {
    float: left;
    margin-right: 30px;
    min-width: 180px;
}

.ranking-image img {
    float: none;
    display: block;
    margin: auto;
}

.ranking-content {
    padding-top: 40px;
}

.ranking-item.first {
    border-color: #d24f36;
}

.ranking-item.first .ranking-number {
    background: #d24f36;
}

.ranking-item.first .ranking-title {
    color: #d24f36;
}

/** Rating */
.rating {
    overflow: hidden;
    margin: 20px 0 60px;
    font-weight: bold;
    text-transform: uppercase;
}

.rating p {
    margin-bottom: 5px;
}

.rating span {
    color: #d24f36;
}

@media (min-width: 992px), (min-width: 576px) and (max-width: 800px) {
    .only-mobile {
        display: none;
    }
}

@media (max-width: 575px), (min-width: 801px) and (max-width: 991px) {
    .ranking-image {
        float: none;
        margin: 0;
    }

    .ranking-content {
        padding-top: 0;
    }

    .ranking-content .ranking-title {
        display: none;
    }

    .rating {
        margin-bottom: 30px;
    }

    .ranking-item {
        padding: 10px 10px 0;
    }
}

@media (max-width: 760px) {
    #header h1, #header h2 {
        font-size: 28px !important;
    }

    h1 {
        font-size: 24px !important;
    }

    h2 {
        font-size: 20px !important;
    }

    h3 {
        font-size: 18px !important;
    }

    .logo-wrap {
        padding: 10px;
    }

    .site-description {
        font-size: 24px;
    }

    .rating {
        font-size: 13px;
    }

    .single_post {
        padding: 0;
    }

    .tagcloud a, .widget .wpt_widget_content #tags-tab-content ul li a {
        padding: 6px 7px;
    }

    .ranking-number {
        width: 50px;
        height: 50px;
        font-size: 34px;
        line-height: 48px;
        right: -4px;
        top: -5px;
    }
}