#cw-siblings-container{
display:flex;
flex-flow:row wrap;
}
#cw-siblings-container.grid-layout-4 .cw-siblings{
width:calc(25% - 10px);
}
#cw-siblings-container.grid-layout-3 .cw-siblings{
width:calc(33.3333% - 10px);
}
#cw-siblings-container.grid-layout-2 .cw-siblings{
width:calc(50% - 10px);
}
#cw-siblings-container.grid-layout-1 .cw-siblings{
width:calc(33.3333% - 10px);
}
.cw-siblings{
background-position:center center !important;
background-repeat:no-repeat !important;
background-size:cover !important;
display:flex;
flex-flow:row wrap;
margin:5px;
}
.cw-siblings-hoverbox{
opacity:0;
//background:rgba(255,172,54,0.3);
background:rgba(0,0,0,0.6);
width:100%;
height:100%;
padding:10px;
margin:auto;
display:flex;
flex-flow:row wrap;
transition:all ease-in .4s;
z-index:999;
}
.cw-siblings-hoverbox:hover{
cursor:pointer;
}
.cw-siblings-hoverbox.active{
opacity:1;
transition:all ease-in .4s;
}
.cw-siblings a{
width:100%;
height:100%;
margin:auto;
display:flex;
flex-flow:row wrap;
}
.cw-siblings a span{
margin:auto;
//color:#000;
color:#fff;
cursor:pointer;
text-align:center;
font-size:16px;
font-weight:bold;
font-style: italic;
line-height: 1.7;
padding: 10px 5px;
}
.cw-siblings a span:hover{
text-decoration: none;
}
.cw-siblings-title-box{
position: relative;
width:100%;
}
.cw-siblings-title{
line-height:45px;
background:rgba(255,255,255,0.8);
position: absolute;
width:100%;
text-align:center;
font-style:italic;
font-weight:800;
bottom:0;
color:#000;
}
@media screen and (max-width:430px){
#cw-siblings-container.grid-layout-4 .cw-siblings,
#cw-siblings-container.grid-layout-3 .cw-siblings{
width:100%;
}
}
@media screen and (min-width:431px) and (max-width:768px){
#cw-siblings-container.grid-layout-4 .cw-siblings,
#cw-siblings-container.grid-layout-3 .cw-siblings{
width:calc(50% - 10px);
}
}
@media screen and (min-width:769px) and (max-width:960px){
#cw-siblings-container.grid-layout-4 .cw-siblings{
width:calc(33.3333% - 10px);
}
}