/**
 * Magmodules.eu - http://www.magmodules.eu - info@magmodules.eu
 * =============================================================
 * NOTICE OF LICENSE [Single domain license]
 * This source file is subject to the EULA that is
 * available through the world-wide-web at:
 * http://www.magmodules.eu/license-agreement/
 * =============================================================
 * @category    Magmodules
 * @package     Magmodules_Gallery
 * @author      Magmodules <info@magmodules.eu>
 * @copyright   Copyright (c) 2013 (http://www.magmodules.eu)
 * @license     http://www.magmodules.eu/license-agreement/  
 * =============================================================
 */

/*---------------*/

/***** DEFAULT *****/

/*---------------*/

.gallery_wrapper {
    width: 100%;
    margin: 0 auto;
}
.gallery_wrapper h3 {
    font-size: 24px;
    margin-left: 5px;
}
.gallery_title {
    margin-left: 25px;
    margin-top: -45px;
    position: absolute;
    font-size: 1.3em;
    color: white;
    font-weight: 500;
    font-style: normal;
}
.gallery_description {
    margin-left: 5px;
    color: rgb(124, 124, 124);
}
/** DEFAULT THEME **/

.gallery_wrapper ul.gallery_default {
    list-style-type: none;
    overflow: hidden;
    margin-top: 10px;
}
.gallery_wrapper .gallery_default li {
    float: left;
    margin: 5px;
    position: relative;
}
.gallery_wrapper .gallery_default li>a, .gallery_wrapper .gallery_default li>a img {
    display: block;
}
.gallery_wrapper .gallery_default li>a {
    position: relative;
    border-radius: 3px;
    border: 5px solid #fff;
    box-shadow: 0px 0px 3px #BABABA;
    margin: 5px;
}
.gallery_wrapper .gallery_default li>a:hover {
    box-shadow: 0px 0px 7px #B0B0B0;
    border-radius: 3px;
    opacity: 0.9;
    /* transition: opacity .15s ease-in-out; */
    -moz-transition: opacity .15s ease-in-out;
    /* -webkit-transition: opacity .15s ease-in-out; */
}
/*---------------*/

/***** POLAROID *****/

/*---------------*/

.gallery_wrapper ul.gallery_polaroids li {
    display: inline;
    overflow: hidden;
}
.gallery_wrapper ul.gallery_polaroids a {
    background: #fff;
    display: inline;
    float: left;
    margin: 0 0 27px 30px;
    width: auto;
    padding: 10px 10px 15px;
    text-align: center;
    font-family: "Marker Felt", sans-serif;
    text-decoration: none;
    color: #333;
    font-size: 13px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
    -webkit-transform: rotate(-2deg);
    -webkit-transition: -webkit-transform .15s linear;
    -moz-transform: rotate(-2deg);
}
.gallery_wrapper ul.gallery_polaroids li {
    padding-left: 0;
}
.gallery_wrapper ul.gallery_polaroids img {
    display: block;
    margin-bottom: 12px;
}
.gallery_wrapper ul.gallery_polaroids a:after {
    content: attr(alt);
}
.gallery_wrapper ul.gallery_polaroids li:nth-child(even) a {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
}
.gallery_wrapper ul.gallery_polaroids li:nth-child(3n) a {
    -webkit-transform: none;
    position: relative;
    top: -5px;
    -moz-transform: none;
}
.gallery_wrapper ul.gallery_polaroids li:nth-child(5n) a {
    -webkit-transform: rotate(5deg);
    position: relative;
    right: 5px;
    -moz-transform: rotate(5deg);
}
.gallery_wrapper ul.gallery_polaroids li:nth-child(8n) a {
    position: relative;
    right: 5px;
    top: 8px;
}
.gallery_wrapper ul.gallery_polaroids li:nth-child(11n) a {
    position: relative;
    left: -5px;
    top: 3px;
}
.gallery_wrapper ul.gallery_polaroids li.messy a {
    margin-top: -400px;
    position: relative;
    left: 160px;
}
.gallery_wrapper ul.gallery_polaroids li a:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
    position: relative;
    z-index: 5;
}
/*---------------*/

/***** MODERN *****/

/*---------------*/

.gallery_wrapper ul.gallery_modern {
    list-style-type: none;
    overflow: hidden;
    margin-top: 10px;
}
.gallery_wrapper .gallery_modern li {
    float: left;
    margin: 5px;
    position: relative;
    border-radius: 4px;
    background: radial-gradient(transparent 50%, #323232), #343434b5;
}
.gallery_wrapper .gallery_modern li:hover {
    background: radial-gradient(transparent 50%, black), #232323b5;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
}
.gallery_wrapper .gallery_modern li>a, .gallery_wrapper .gallery_modern li>a img {
    display: block;
    opacity: 0.9;
}
.gallery_wrapper .gallery_modern li>a {
    position: relative;
    border-radius: 3px;
    border: 0px solid #fff;
    box-shadow: 0px 0px 3px #BABABA;
}
.gallery_wrapper .gallery_modern li>a:hover {
    box-shadow: 0px 0px 7px #B0B0B0;
    border-radius: 3px;
    opacity: 0.9;
    /* transition: opacity .15s ease-in-out; */
    -moz-transition: opacity .15s ease-in-out;
    /* -webkit-transition: opacity .15s ease-in-out; */
}