.post-box h3{
color: #fff;
padding: 5px;
background-color: #1e73be;
border-radius: 3px;
cursor: pointer;
}
.post-box-content{
display: none;
}
#field_data_add{
margin: 10px 0 0 0;
}
.media-label{
display: block;
}
.media-span{
display: inline-block;
background-size:cover;
background-repeat:no-repeat;
margin-right:10px;
border: 2px solid #1e73be;
border-radius: 2px;
width: 100px;
height:100px;
}
.media-button-block{
display: inline-block;
vertical-align: top;
}
.radio-label{
display: block;
} .widget_gridmasonryrelatedpo_widget{
}
.widget_gridmasonryrelatedpo_widget .gmasonry-related-posts{
position: relative;
display: inline-block;
z-index: 2;
}
.widget_gridmasonryrelatedpo_widget .horizontal_rectangle{
width: 100%;
max-width: 50%;
min-height: 380px;
-webkit-background-size: cover;
background-size: cover;
}
.widget_gridmasonryrelatedpo_widget .vertical_rectangle{
width: 100%;
max-width: 25%;
min-height: 760px;
-webkit-background-size: cover;
background-size: cover;
}
.widget_gridmasonryrelatedpo_widget .square{
width: 100%;
max-width: 25%;
min-height: 380px;
-webkit-background-size: cover;
background-size: cover;
}
.widget_gridmasonryrelatedpo_widget  .transparency{
position: absolute;
top: 100%;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
transition: top .2s ease-out;
}
.widget_gridmasonryrelatedpo_widget .gmasonry-related-posts:hover .transparency{
top: 0;
}
.widget_gridmasonryrelatedpo_widget .horizontal_rectangle .title-block{
left: auto;
max-width: 470px;
}
.widget_gridmasonryrelatedpo_widget .title-block{
position: absolute;
top: 70px;
left: 50px;
right: 50px;
z-index: 2;
transition: top .2s ease-out;
}
.widget_gridmasonryrelatedpo_widget .gmasonry-related-posts:hover .title-block{
top: 100px;
}
.widget_gridmasonryrelatedpo_widget .title{
color: #fff;
text-align: center;
}
.widget_gridmasonryrelatedpo_widget .horizontal_rectangle h4.title,
.widget_gridmasonryrelatedpo_widget .vertical_rectangle h4.title{
font-family: 'CooperMdBt';
font-weight: 500;
font-style: italic;
}
.widget_gridmasonryrelatedpo_widget .square h4.title{
font-family: 'CooperLtBt';
font-weight: 200;
font-style: italic;
}
.widget_gridmasonryrelatedpo_widget h4.title{
margin: 40px 0 0 0;
}
.widget_gridmasonryrelatedpo_widget h5.title{
font-family: 'MarkPro';
font-weight: 700;
text-transform: uppercase;
margin: 0;
}
.widget_gridmasonryrelatedpo_widget .grp_link{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
} @media (max-width: 1279px) {
.widget_gridmasonryrelatedpo_widget .gmasonry-related-posts{
max-width: 50%;
}
}
@media (max-width: 767px) {
.widget_gridmasonryrelatedpo_widget .gmasonry-related-posts{
max-width: 100%;
min-height: 380px;
}
.widget_gridmasonryrelatedpo_widget .gmasonry-related-posts h4.title{
font-size: 24px!important;
}
.widget_gridmasonryrelatedpo_widget .title-block,
.widget_gridmasonryrelatedpo_widget .horizontal_rectangle .title-block{
left: 25px;
right: 25px;
}
}