﻿/*

Extension Name: Responsive FavImageHover Module
Author: FavThemes
Author URI: http://www.favthemes.com
Version: 1.7
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,
    .favimagehover-uploadimage:focus {
        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: auto;
    top: 0;
    left: 0;
}

    .favimagehover-image:hover,
    .favimagehover-image:focus {
        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: 8% 8% 0 8%;
    }

    .favimagehover-image p, {
        padding: 21px;
    }

.favimagehover-readmore {
    display: none;
}

.favimagehover-readmore {
    /*text-align:center;*/
    display: none;
}

    .favimagehover-readmore a {
        /*text-decoration: none;*/
        display: none;
    }


@media (max-width: 600px) {

    .favimagehover-image p.favimagehover-text {
        margin-bottom: 0;
        padding: 4% 4% 0 4%;
        font-size: 12px !important;
    }

    h3.favimagehover-title {
        text-align: center;
    }

    .favimagehover-readmore {
        font-size: 12px !important;
    }
}
