#main_area{background-color: #fff; padding:0px 10px}
.bulletin-thumbnails .img-container{padding: 0px; margin: 15px;}
.bulletin-thumbnails .img-container>img.thumbnail{position: relative;  display: block; margin:auto;opacity: 0.9;}
.bulletin-thumbnails .img-container:hover>img.thumbnail{opacity: 1;}
.text-container {color: #666; text-align: center;}
.text-container h2{font-size: 16px; padding: 0px; margin-bottom: 5px; font-weight: 600; color: #868686}
.panel .panel-collapse-comp {height: 0px;overflow: hidden;-webkit-transition: height 0.5s ease;-moz-transition: height 0.5s ease;-ms-transition: height 0.5s ease;-o-transition: height 0.5s ease;transition: height 0.5s ease;}
.panel .panel-collapse-comp.opened {height: 90px;    -webkit-transition: height 0.5s ease;-moz-transition: height 0.5s ease;-ms-transition: height 0.5s ease;-o-transition: height 0.5s ease;transition: height 0.5s ease;}
.panel .panel-thumbnail{width: 100%;
    height: 180px;
    background-size: 100%;
    -webkit-background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
        transition: background-size 0.5s ease-in;
    -moz-transition: background-size 0.5s ease-in;
    -web-kit-transition: background-size 0.5s ease-in}
.panel .panel-thumbnail:hover{
    background-size: 120%;
    -webkit-background-size:cover;
    transition: background-size 0.5s ease-in;
    -moz-transition: background-size 0.5s ease-in;
    -web-kit-transition: background-size 0.5s ease-in}
.panel .bulletin-user-panel{padding: 5px;background-color: #fbfbfb}
.panel .bulletin-user-panel{padding: 5px;background-color: #fbfbfb}
.bulletin-user-panel .bulletin-user-img{height: 50px;border-radius: 50%; margin-right: 10px;}
post .panel .bulletin-user-name{color: #8A8A8A; font-size: 1.3em}
post .post-title>a{text-transform: uppercase;}
post .post-title>a:hover{text-decoration: none}
post .bulletin-user-panel .bulletin-user-img{height: 30px;border-radius: 50%; margin-right: 10px;}
post .panel .bulletin-user-name{color: #8A8A8A; font-size: 0.9em}
post .panel.block-post{display: table;width: 100%;}
post .panel-body {
    padding: 15px;
}

.panel .panel-thumbnail{border-top: solid 2px #4bafff;border-bottom: solid 2px #4bafff;}
.fixed-element{position: fixed;z-index: 9999;  left:0px; width: 100%; height: 100%;margin: 0px}
.fixed-overlay{overflow: hidden;}
.fixed-triggered{}


post .panel-default {
    border-color: #ddd;
}

.panel a:hover {color: #444; text-decoration: none}
.column {float: left;width: 100%;}
.size-1of2 {width: 50%;}
.size-1of3 {width: 33.33333%;}
.size-1of4 {width: 25%;}

@media (min-width: 768px){
    #bulletin_container>[class^="col-"]>:nth-child(2n).bulletin_array_custom-list-item .block-post>:nth-child(1){
    text-align: right;padding-right: 15px;
    }
    #bulletin_container>[class^="col-"]>:nth-child(2n).bulletin_array_custom-list-item .block-post>:nth-child(2){
    left: 50%;text-align: left;
    }
    #bulletin_container>[class^="col-"]>:nth-child(2n).bulletin_array_custom-list-item .block-post>:nth-child(3){
    right: 50%;text-align: right;
    }     
}

@media screen and (max-width: 920px) {
    .panel .panel-collapse-comp{max-height:100%;height: auto;overflow: none;}
    .panel:hover .panel-collapse-comp{height: auto; max-height: 100%;}
    .panel-thumbnail:before {content: none;display: none;}
}

.right-menu{
    white-space: inherit;
}

.panel{
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}