/* Official Board frontend styles. Duplicated from the article styles so the module has an independent DOM. */
#content .oboardList{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -10px 0 -10px}
#content .oboardList .oboardItem{position:relative;width:25%;box-sizing:border-box;padding:10px}
#content .oboardList .oboardItemIn:before{position:relative;width:100%;content:'';padding-top:100%;display:block}
#content .oboardList .oboardItemIn{position:relative;width:100%;height:100%;font-size:95%;box-sizing:border-box;color:#000;background:#fff}
#content .oboardList .oboardItemContent{position:absolute;width:100%;height:100%;top:0;left:0;padding:20px;box-sizing:border-box;background:rgba(30,30,30,.8);color:#fff;transition:opacity 350ms;overflow:hidden}
#content .oboardList .oboardItem .oboardBigLink{position:absolute;display:block;top:0;left:0;width:100%;height:100%;z-index:3}
#content .oboardList .oboardItem h2,#home #content .oboardList .oboardItem h2{margin:2px 0 0 0;font-size:160%;text-align:left;display:block;font-weight:700}
#home #content .oboardList .oboardItem h2:after,#home #content .oboardList .oboardItem h2:before{display:none}
#content .oboardList .oboardItem .oboardItemImage{position:absolute;top:0;left:0;width:100%;height:100%}
#content .oboardList .oboardItem .oboardItemImage img{width:100%;min-height:100%}
#content .oboardList .oboardItem h2 a{text-decoration:none;color:#fff}
#content .oboardList .oboardItem p{margin:6px 0 6px 0;color:#fff;line-height:1.5}
#content .oboardList .oboardItem p.oboardInfo{font-size:85%;font-style:italic;display:none}
#content .oboardList .oboardItem:hover .oboardItemContent{opacity:0}
#content .oboardList .oboardItem:hover .oboardItemIn{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2)}
#content #oboardDetailImage,#content .oboardDetailImage{text-align:center}
@media (max-width:767px){
    #content .oboardList .oboardItem{width:100%}
    #content .oboardItem h2,body.in-index #content .oboardItem h2{font-size:140%}
}
@media (min-width:1200px){
    #content #oboardDetailImage,#content .oboardDetailImage{text-align:center;width:30%;float:left;margin:6px 20px 20px 0}
}