#content-wrapper h1 { text-align:left; }

/* Main column styles */

.main-column{ width:975px; float:left; }
.block .block-label { padding-bottom: 20px; margin: 0;}
#filter-wrapper {  margin-top: 0px; }
#index-photo-slider-wrapper{ margin-bottom:30px; }

.with-sublist #filter-wrapper{margin-right: 300px;}
#filter-wrapper {overflow: auto; }
#filter-wrapper .filter {width: 100%; float:left;  margin-right:300px;}
#filter-wrapper .events-filter { float:left; position: absolute; width:975px; border:0px solid chartreuse; padding-top: 5px;}
#filter-wrapper h2.block-label  {display:block; margin-top: 20px; font-size:1.5em; }
#filter-wrapper .list-view-items { width:100%; float:left; margin-top: 0; }
#filter-wrapper .event-block {margin-bottom: 25px; padding: 15px; border:2px solid;}
#filter-wrapper .event-block .event-block_label_right_text {margin-top: -3px; }
#filter-wrapper .event-block .event-block_label_right_text a { text-decoration: none;}
#filter-wrapper .event-block .white-text span { display:block; margin-bottom: 7px; margin-top:-3px; white-space: normal; }
#filter-wrapper .event-block .white-text a { text-decoration: underline; }
#filter-wrapper .event-block .event-block_label { margin:0 0 7px 0;}
#filter-wrapper .event-block .prev-img {width: 150px; float:left; margin: 0 17px 0 0;}
#filter-wrapper .event-block .event-buttons{ margin:18px 0 0 0;}
#filter-wrapper .event-block .more-button { padding: 10px 20px;}
#filter-wrapper .event-block .invite-button {margin:0 0 0 15px;}

/* Sub column styles */

#sublist-wrapper { width: 280px; float:right;  padding-left:25px; border:0px solid black;  margin-top: 120px; }
#sublist-wrapper h1.block-label {display: block; padding-bottom: 15px;}
#sublist-wrapper .event-block  {padding:23px 0 26px 0 ; border-radius: 0px; border: 0px; border-bottom: 1px solid rgb(61, 61, 61); margin-bottom: 0px;}
#sublist-wrapper .event-block:first-child {padding:0px 0 26px 0 ;}
#sublist-wrapper .event-block:last-child {border: 0px;}
#sublist-wrapper .event-block_label {margin: 0px;}

#sublist-wrapper .event-block span.datetime.to_day { padding-top: 0px; margin: 0px;}
#sublist-wrapper .event-block .prev-img {width:100px; float:left;margin-top: 3px; }
#sublist-wrapper .white-text { font-size: 0.8em;}
#sublist-wrapper .white-text a { text-decoration: underline}
#sublist-wrapper .white-text .datetime-wrapper { display:block; margin-bottom: 5px; }

/* Common styles */
.prev-img > a > img { border-radius: 5px; width: 100%; }

#loader { margin: 0 auto; display: none; width: 20px;height: 20px;
    background: url("/common/img/ajax_loader_small.gif") no-repeat center center;background-size: contain;z-index: 100;}

#sticky-block{
    font-size: 17px;
    margin-left: 0px;
    width: 270px;
    float:left;
}

#sticky-block .special-block {
    border-bottom: 1px solid rgb(61, 61, 61);
    padding: 23px 0 26px 0;
    border-radius: 0;
}
#sticky-block > .special-block:nth-of-type(1){padding-top: 0;}
#sticky-block .special-block:last-child {border: 0;}
#sticky-block .prev-img{ width:100px; float:left; border-radius: 4px; overflow: hidden; margin: 6px 20px 0 0; }

.show-all-events { width:100%}
.show-all-events a{ display: block; margin:0 auto; width:200px; }

.block-events-list .main-column{
    width:670px;
    margin-right: 300px;
    margin-top: -120px;
}

@media all and (max-width: 62.5rem) {
    #index-photo-slider-wrapper {
        margin-bottom: 10px;
    }

    .block .block-label {
        margin-left: 10px;
    }

    .main-column {
        width: 100%;
        float: none;
    }

    #sublist-wrapper {
        width: 100%;
        float: none;
        padding: 0;
        margin-top: 1rem;
    }

    .with-sublist #filter-wrapper {
        margin: 0;
    }

    #filter-wrapper .list-view-items {
        float: none;
        width: auto;
        padding: 0 10px;
        margin: 0;
    }

    #filter-wrapper .event-block .prev-img {
        display: none;
    }

    #filter-wrapper .event-block .event-buttons {
        text-align: center;
    }

    #filter-wrapper .event-block .invite-button {
        margin: 10px 5px;
    }
}