/* Joomgallery CSS
CSS Styles generated by settings in the Joomgallery backend.
DO NOT EDIT - this file will be overwritten every time the config is saved.
Adjust your styles in joom_local.css instead.

CSS Styles, die ueber die Speicherung der Konfiguration im Backend erzeugt werden.
BITTE NICHT VERAENDERN - diese Datei wird  mit dem naechsten Speichern ueberschrieben.
Bitte nehmen Sie Aenderungen in der Datei joom_local.css in diesem
Verzeichnis vor. Sie koennen sie neu erstellen oder die schon vorhandene
joom_local.css.README umbenennen und anpassen
*/

/* Gallery view */
.jg_element_gal, .jg_element_gal_r {
    float: left;
    width: 33%;
}

.jg_element_txt {
    float: left;
}

.jg_element_txt_subs {
    float: left;
    font-size: 0.9em;
}

.jg_photo_container {
    float: left;
}

/* Category view */
.jg_element_cat {
    width: calc(16.66% - 6px);
    display: inline-block;
    margin: 0 3px 10px 3px;
}

.jg_element_cat .jg_imgalign_catimgs a {
    float: none;
    width: 100%;
    display: table;
    border-radius: 5px;
}

.jg_catelem_cat a {
    height: 250px;
}

.jg_catelem_photo {
    float: left;
}

.jg_catelem_txt {
    text-align: left !important;
}

/* Subcategory view */
.jg_subcatelem_cat, .jg_subcatelem_cat_r {
    width: calc(25% - 10px);
    display: inline-block;
    text-align: center !important;
    margin: 0 5px 15px 5px;
}

.jg_subcatelem_cat a {
    display: table;
    overflow: hidden;
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 8px 8px 0 0;
    color: #FFF;
    text-decoration: none;
    font-family: 'ubunturegular';
}

.jg_subcatelem_cat a:hover {
    color: #e2d4bc;
    text-decoration: none;
}

.jg_subcatelem_photo {
    text-align: center !important;

}

.jg_subcatelem_txt {
    clear: both;
    text-align: center !important;
    background-color: #000;
    border-radius: 0 0 8px 8px;
    display: table;
    width: 100%;
}

/* Detail view */
.jg_minipic {
    height: 28px;
}

#motioncontainer {
    width: 400px; /* Set to gallery width, in px or percentage */
    height: 50px; /* Set to gallery height */
}

.jg_subcat {
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .jg_subcatelem_cat, .jg_subcatelem_cat_r {
        width: calc(50% - 10px);
        max-width: 240px;
    }
}

@media screen and (max-width: 600px) {
    .jg_subcatelem_cat, .jg_subcatelem_cat_r {
        width: calc(100% - 10px);
        max-width: 240px;
    }
}