.panel {
background:#EDEDED;
color:#282828;
margin:5px;
border-radius: 4px;
}
body.themeDark .panel {
background:#042749;
color:#BFBFBF;
}
.panel .title {
background:#06305B;
border-radius: 4px 4px 0 0;
}
.panel .content{
height:100%;
}
.panel-footer {
background:#E0E0E0;
padding:7px;
text-align:right;
transition:0.3s ease-out;
}
.panel-footer:hover {
background:#E0E5EC;
box-shadow: 0px 0px 7px 0px rgba(0,0,0,.5);
}
.panel-footer:hover a{
color:#06305B;
}
.panel-footer a{
color:#282828;
display:block;
text-decoration:none;
margin-right: .5em;
}
.title{
font-family: Roboto Slab;
font-size: 1.2em;
color: #FFFFFF;
padding: 10px;
text-align: center;
}
.panel > div:last-child{
border-radius: 0 0 4px 4px;
}
.contentPane:hover .overlayPane {
width: 100% !important;
height: 100% !important;
}
.contentPane:hover .overlayText {
height: 100%;
}
.contentPane:hover .gradient {
background: rgba(237,237,237,0.6) !important;
}
.imageBox img{
width: 100%;
height: auto;
}