﻿/* Joomgallery local Style - wont be overwritten by updates etc.
 * Rename this file to "joom_local.css" to have it included in
 * Joomgallery.
 * You can override any Style Definition of Joomgallery
 * Be sure to place !important behind each definition that could be
 * defined elsewhere. 
 * 
 * A basic sample style is included below. Feel free to edit or 
 * comment to your liking.
 *
 * 
 * Diese Datei wird nicht von Updates o.ä. überschrieben.
 * Benennen Sie diese in "joom_local.css" um, damit sie von der Joomgallery 
 * erkannt und eingebunden wird.
 *
 * Sie können jede Style-Definition 'überschreiben', die von der Joomgallery
 * standardmäßig in den anderen CSS-Dateien vergeben wird.
 *
 * Bitte fügen Sie ein '!important' in jeder Definition ein, die schon an
 * anderer Stelle definiert ist.
 *
 * Ein grundlegendes Beispiel für geänderte Styles finden Sie untenstehend.
 * Sie können diese nach Ihren Vorstellungen ändern.
 * 
 */
 
 
/* Main style / Background of whole gallery */
.gallery {
  background:#fff;
  color:#333;
  padding: 5px;
}

/* Heading of the component */
.gallery .componentheading {
  font:12pt normal Tahoma, Verdana, Arial, Century Gothic;
  text-align:center;
  background-color:#FFF;
  color:#333;
  padding:0.8em 0;
}

.jg_pathway {
  background-color:#F0F0F0;
  color:#000;
  border: #BBB solid 1px !important;
}

/* Links in pathway */
.jg_pathway a,.jg_pathway a:visited, .jg_pathway a:link {
  color:#c64934;
}
.jg_pathway a:hover {
  color:#900;
}
div.gallery .jg-header {
  font-size:1em !important;
  font-weight:bold !important;
  text-align:center !important;
  background-color:#EEE !important;
  background-image:none !important;
  color:#333 !important;
  border: #BBB solid 1px !important;
  padding:0.3em !important;
}

/* box elements in detailed view */
div.jg_details, div.jg_voting, div.jg_send2friend, div.jg_commentsarea{
  border: 1px solid #999;  
}

/* Images displayed in the category overview   */
/* Uncomment below e.g. to align the text left */
.jg_catelem{
  /* text-align:left;   */
}

/* Category elements in gallery overview */
.jg_element_gal {
  /* text-align:center; */ 
}

/* Subcategory elements in category view */
.jg_element_cat {
  /* text-align:left;   */
}

/*------------joomgallery 250 250-----------------*/
.jg_imgalign_catimgs {
	overflow: hidden;
}
img.jg_photo {
	margin: 0;
	padding: 0;
}
img.jg_photo, .jg_minis a img {
	border: none;
}
img {
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.jg_element_cat {
    display: inline-block;
    float: none;
}
.jg_element_cat, .jg_subcatelem_cat {
	padding-left: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 20px;
}
.jg_imgalign_catimgs:hover .jg_photo, .jg_imgalign_catimgs.hover .jg_photo {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
a:hover img.jg_photo, .jg_minis a:hover img {
	border: none;
}
.jg_imgalign_catsubs .jg_subcatelem_txt {
	opacity: 100;
	filter: alpha(opacity=10000);
}
.jg_subcatelem_txt {
	background: rgba(50, 50, 50, 0.3) !important;
}
.jg_imgalign_catimgs{
  -webkit-box-shadow: 0 3px 9px rgba(91, 91, 91, 0.7);
	box-shadow: 0 5px 10px rgba(91, 91, 91, 0.7);
}
.jg_imgalign_catsubs{
  -webkit-box-dzzhadow: 0 3px 9px rgba(91, 91, 91, 0.7);
	box-shadow: 0 5px 10px rgba(91, 91, 91, 0.7);
}