.dg-loading {
display: none !important;
}
.dg-wrap {
height: 400px;
position: relative;
padding: 0;
overflow: hidden;
}
.dg-wrap .dg-column-wrap {
display: block;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.dg-wrap .dg-cell-wrap {
display: block;
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
}
.dg-wrap .dg-cell {
display: none !important;
}
.dg-wrap .dg-main-content-inner-wrap {
display: block;
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
}
.dg-wrap img.dg-image {
display: block;
top: 0;
margin: 0;
padding: 0;
max-width: none !important;
} .dg-wrap .dg-post-link {
position: absolute;
left: 0;
top: 0;
z-index: 99;
display: block;
width: 100%;
height: 100%;
}
.dg-wrap .dg-post-title {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 2;
background: rgba(0,0,0,0.4);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 6px 10px;
overflow: hidden;
text-align: left;
font: 12px/16px helvetica, tahoma, sans-serif;
color: white;
-webkit-transition: bottom 0.5s;
-moz-transition: bottom 0.5s;
transition: bottom 0.5s;
}
.dg-wrap .dg-post-excerpt {
position: absolute;
left: 0;
top: 100%;
height: 51%;
width: 100%;
z-index: 2;
background: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
overflow: hidden;
text-align: left;
font: 10px/15px helvetica, tahoma, sans-serif;
color: #222;
-webkit-transition: top 0.5s;
-moz-transition: top 0.5s;
transition: top 0.5s;
}
.dg-wrap .dg-post-excerpt:after {
position: absolute;
display: none;
content: "";
width: 100%;
height: 40px;
left: 0;
bottom: 0;
background: url(//www.plotys.cz/obsah/moduly/dynamic-grid-posts/images/excerpt-overlay.png) repeat-x;
}
.dg-wrap .dg-post-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
}
.dg-wrap .dg-post-link a {
display: block;
width: 100%;
height: 100%;
} .dg-wrap .dg-image {
-webkit-transition: top 0.5s;
-moz-transition: top 0.5s;
transition: top 0.5s;
}
.dg-wrap .dg-hover .dg-post-title {
bottom: 50%;
}
.dg-wrap .dg-hover .dg-post-excerpt {
top: 50%;
}
.dg-wrap .dg-hover .dg-image {
top: -25%;
} .dg-wrap .dg-cell-wrap.dg-no-image-mode .dg-post-title {
position: relative;
color: #222;
bottom: auto;
background: none;
padding-bottom: 0;
font-weight: bold;
}
.dg-wrap .dg-cell-wrap.dg-no-image-mode .dg-post-excerpt {
position: relative;
top: auto;
-webkit-transition: none;
-moz-transition: none;
transition: none;
height: 100%;
padding-top: 5px;
}
.dg-wrap .dg-cell-wrap.dg-no-image-mode .dg-post-excerpt:after {
display: none;
}
.dg-wrap .dg-cell-wrap.dg-no-image-mode .dg-post-excerpt-overlay {
position: absolute;
display: none;
content: "";
width: 100%;
height: 40px;
left: 0;
bottom: 0;
z-index: 99;
background: url(//www.plotys.cz/obsah/moduly/dynamic-grid-posts/images/excerpt-overlay.png) repeat-x;
} .dg-wrap .dg-cell-wrap.dg-with-overlay .dg-post-excerpt:after {
display: block;
}
.dg-wrap .dg-cell-wrap.dg-no-image-mode.dg-with-overlay .dg-post-excerpt-overlay {
display: block;
}