@import "base/base.css";
@import "base/info.css";
@import "global.css";

.biganons_rubr {
    border: 1px solid #cdd6df;
    padding: 8px;
    display: flex;
}
.biganons_rubr .c-img {flex-shrink: 1;margin-right: 10px;}
.biganons_rubr .c-img img {max-width: 100%; height: auto;}
.biganons_rubr .c-shorttext {flex-shrink: 4; background: #E5F1FB; padding: 13px 10px 10px 16px;}
.biganons_rubr h2 {
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 1ex;
    line-height: 1.3;
}
.biganons_rubr h2 a {text-decoration: none;}
.biganons_rubr h2 a:hover { text-decoration: underline;}
.biganons_rubr .shorttext {font-size: 16px;line-height: 22px;}
.pub-leftmenu, .rubr-leftmenu {width: 100%; max-width: 100%;}
.rubr-leftmenu a {font-size: 18px !important;}
.pub-leftmenu a {font-size: 14px !important;}

.c-biganonsy.b-type1 h2 {margin-right: 0;}
.c-biganonsy .biganons8 .c-text {padding-top: 0;}
.c-biganonsy #contentartlist {
    display: flex;
    flex-flow: row wrap;
}
.c-biganonsy #contentartlist .themesday_page_morelink, .c-biganonsy #content {
    flex-basis: 100%;
}

/* X-Small devices (mobile, up to 767px) -xs- */
@media (max-width: 767px) {

    .c-mobile_rubr {text-align: center; margin-bottom: 20px;}
    .c-mobile_rubr a::after {
        content: '\2022';
        display: inline-block;
        color: #6399CB;
        font-size: 18px;
        line-height: 14px;
        position: relative;
        top: 2px;
        padding: 0px 2px 0 4px;
    }
    .c-mobile_rubr a, .c-mobile_rubr a:visited {color: #5187b9; white-space: nowrap; line-height: 1.6}

    .col-xs-12.col-sm-12.col-md-12.col-lg-12 .breadcrumbs {padding-left: 10px;}
    .c-centercol.col-xs-12.col-sm-9.col-md-9.col-lg-9.col-sm-push-3.col-md-push-3.col-lg-push-3,
    .c-leftcol.col-xs-12.col-sm-3.col-md-3.col-lg-3.col-sm-pull-9.col-md-pull-9.col-lg-pull-9 {
        padding-left: 25px;
        padding-right: 20px;
    }

    /* Big anons at the rubr page */
    .c-centercol .biganons5 {
        height: auto;
        width: 100%;
        overflow: hidden;
    }
    .c-centercol .biganons5 #artbig {
        position: static;
        width: 100%;
        height: auto;
    }
    .c-centercol .biganons5 #artbig img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
    }
    .c-centercol .biganons5 .shorttext_bgr {
        width: 100%;
        min-width: 0;
    }
    .c-centercol .biganons5 .c-shorttext {
        width: 100%;
        height: auto;
    }

        .commun_stars_anons .item {
        height: auto;
        overflow: visible;
        margin: 0 -10px 10px;
        float: left;
        padding: 10px;
    }
    .commun_stars_anons.stars_rubr_anonsy {
        padding: 10px 10px 0;
        margin: 0;
        border: 1px solid #d1adc2;
    }
    .commun_stars_anons.stars_rubr_anonsy .item {
        background: none;
        width: 100%;
        height: auto;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .commun_stars_anons.stars_rubr_anonsy .item .image {
        border: 1px solid #fff;
        max-height: 180px;
        overflow: hidden;

    }
    .commun_stars_anons.stars_rubr_anonsy .item .image a { border: none;}

    .commun_stars_anons.stars_rubr_anonsy .item .image img {
        max-width: 250px;
        height: auto;
    }
    .commun_stars_anons.stars_rubr_anonsy .item h3 {
        font-size: 18px;
        clear: both;
    }
    .commun_stars_anons.stars_rubr_anonsy .item h3 a {
        font-weight: normal !important;
    }

    .subrdescr {
      font-size: 18px;
      float: none;
      margin: 30px auto 20px;
      width: 85%;
    }

    h1.subrubr2, .fake_h1.subrubr2 {margin-top: .5ex;}

    .biganons_rubr {
        flex-wrap: wrap;
        padding: 6px
    }
    .biganons_rubr .c-img {
        margin-right: 0;
    
    }
    .biganons_rubr .c-shorttext {
        padding: 10px 8px 10px 12px;
        margin-top: -40px;
        border-top: 7px solid #fff;
    }
    .biganons_rubr .c-shorttext h2 {
        line-height: 1.2;
        margin-bottom: .5ex;
    }
    .biganons_rubr h2 a {
        text-decoration: underline;
    }

}

/* Small devices (tablets, 768px and up) -sm- */
@media (min-width: 768px) {
    .c-biganonsy .biganons8 {margin: 0 5px 10px; width: calc(50% - 10px);}
    .c-biganonsy .biganons8 h3::after {width: 175px;}
    .c-biganonsy .biganons8 h3 {
        font-size: 18px;
        line-height: 1.2;
        margin-top: 0;
    }
}

/* Medium and large devices (desktops, 992px and up) -md- */
@media (min-width: 992px) {
    .c-leftcol {
        width: 26% !important;
    }
    .c-leftcol.col-sm-pull-9, .c-leftcol.col-md-pull-9, .c-leftcol.col-lg-pull-9 {
        right: 73%;
    }
    .c-centercol {
        width: 74% !important;
    }
    .c-centercol.col-sm-push-3, .c-centercol.col-md-push-3, .c-centercol.col-lg-push-3 {
        left: calc(26.25% - 10px) !important;
    }

    .c-centercol.col-xs-12.col-sm-12.col-md-12.col-lg-12 {
        width: 98% !important;
        padding-left: 10px;
        margin-left: 15px;
        padding-right: 10px;
    }

    .row.commun_stars_anons.stars_rubr_anonsy { margin-left: 0; margin-right: 0;}

    .c-biganonsy .biganons8 img {width: 162px;}
    .c-biganonsy .biganons8 .newart-cell {height: 176px;}
    .c-biganonsy .biganons8 h3 {font-size: 19px;margin-top: 3px;}
    .c-biganonsy .biganons8 .newart-cell .newart-comments {left: 142px;}

}