/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 20, 2020, 3:21:14 PM
    Author     : lemke
*/

.dept-tile-img {
    width:90%;
    /*padding:25px;*/
    margin-bottom:25px;
    position: relative;
    display: block;
    min-height: 150px;
}
.dept-tile-img:hover .dept-tile-title > div {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}

.dept-tile-img > img {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 300px!important;
    /*border-radius: 5px;*/
}

.dept-tile-title {
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 15;
    top:0;
    left:0;
    /*
    background-color:rgba(0,0,0,.5);
    box-shadow: 2px 5px 8px rgba(0,0,0,.5);
    /*border-radius: 5px;*/
}

.dept-tile-title:hover {
    background-color:rgba(0,0,0,.5);
    box-shadow: 2px 5px 8px rgba(0,0,0,.5);
}

.dept-tile-title > div {
    position: relative;
    width: 100%;
    top:40%;
    font-size: 35px;
    color:white;
    /*text-shadow: 5px 5px 5px rgba(255,255,255,0.7);*/
}


.grid-row.sub-item .dept-tile-title > div {
    font-size: 25px;   
}

@media (max-width: 48em) {
    .dept-tile-img {
        padding:0px;
    }
    
    .dept-tile-title > div {
        top:25%;
    }
}

@media (max-width: 34em) {
    .dept-tile-img {
        padding:25px;
    }
    
    .dept-tile-title > div {
        top:40%;
    }
}