/*

Extension Name: Responsive FavImageHover Module
Author: FavThemes
Author URI: http://www.favthemes.com
Version: 1.4
License: GNU General Public License v3.0
License URI: http://www.gnu.org/copyleft/gpl.html

*/

#favimagehover {
    position:relative; 
    overflow:hidden; 
}
#favimagehover-uploadimage { 
    height:100%; 
    text-align: center;
    line-height:0; 
}
#favimagehover-uploadimage:hover { 
    opacity:0; filter: alpha(opacity = 0); 
}
#favimagehover-uploadimage img { 
    margin: 0 auto; 
    display: block; 
}
h3#favimagehover-title { 
    margin-bottom: 20px; 
    margin-top: 0;
}
#favimagehover-title span {
    vertical-align: middle;
}
#favimagehover-image { 
    opacity:0; filter: alpha(opacity = 0);
    position: absolute; 
    width:100%; 
    height:100%; 
    overflow: hidden; 
    top: 0; 
    left: 0;
}
#favimagehover-image:hover { 
    opacity:0.8; filter: alpha(opacity = 80); 
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
#favimagehover-image p#favimagehover-text {  
    padding: 21px 21px 0 21px;
}
#favimagehover-image p, 
#favimagehover-readmore { 
    padding: 21px; 
}
#favimagehover-readmore {
    text-align:center;
}
#favimagehover-readmore a {
    text-decoration: none;
}
[class^="icon-"], [class*=" icon-"] {
    padding-right: 0.5em;
    vertical-align: middle;
}


@media (min-width: 480px) and (max-width: 767px) {

    #favimagehover-image p#favimagehover-text { 
        padding: 2em 2em 0; 
        margin-bottom: 0; 
        font-size:12px; 
    }
    h3#favimagehover-title { 
        text-align:center; 
    }
    #favimagehover-readmore { 
        font-size:12px; 
    }

}