body{
background: #34393c !important;
padding: 0px;
}
div.tempo-shortcode.posts.grid,
div.tempo-shortcode.posts.portfolio{
margin-top: -15px;
}
.screen-reader-text{
display: none;
}
.wp-caption{
position: relative;
overflow: hidden;
-webkit-box-shadow: 0px 20px 35px -5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 20px 35px -5px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0px 20px 35px -5px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0px 20px 35px -5px rgba(0, 0, 0, 0.3);
box-shadow: 0px 20px 35px -5px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.wp-caption img{
width: 100%;
height: auto;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.wp-caption > a{
display: inline-block;
}
.wp-caption:before{
background: transparent;
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0) 20%);
background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0) 20%);
background: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0) 20%);
background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0) 20%);
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 100;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.wp-caption:hover:before{
background: transparent;
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.6) 80%);
background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.6) 80%);
background: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.6) 80%);
background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.6) 80%);
content: '';
opacity: 1;
filter: alpha(opacity=100);
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
section .wp-caption p,
section .wp-caption p.wp-caption-text{
position: absolute;
top: 100%;
padding: 15px;
margin: 0px !important;
color: #ffffff;
font-size: 13px;
line-height: 18px;
z-index: 101;
text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.9);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
section .wp-caption p a,
section .wp-caption p.wp-caption-text a{
color: #ffffff;
}
section .wp-caption p a:not(.more-link):before,
section .wp-caption p.wp-caption-text a:not(.more-link):before{
height: 1px;
background: rgba( 255, 255, 255, 0 );
}
section .wp-caption p a:not(.more-link):hover:before,
section .wp-caption p.wp-caption-text a:not(.more-link):hover:before{
height: 1px;
background: rgba( 255, 255, 255, 1 );
}
section .wp-caption:hover p,
section .wp-caption:hover p.wp-caption-text{
left: 0px;
bottom: 0px;
top: initial;
}