﻿/* 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.
 * 
 */
 
 /* Botão de voltar atrás */
.jg_back {
    width:calc(100% - 188px);
	float:left;
	padding-bottom: 10px;
}

/* nome da categoria */
.jg_category{
	width:100%;
	float:left;
}

/* footer */
.jg-footer{
	width:100%;
	float:left;
}

/* resultados da pesquisa */
.jg_searchview{
	width:100%;
	float:left;
}

 /* Tamanho das miniaturas */
.jg_photo {min-width: 150px;}
@media (min-width: 1px) and (max-width: 767px){
	.jg_photo {min-width: 0;}
}

/* Ferramenta de pesquisa */
.jg_search {display:block;float: right; width: 188px; margin: -5px 0px 0px 0px !important;}
.jg_search form {margin:0;}

/* Ferramentas de ordenação */
.jg_catorderlist{
	width:100%;
}

/* número de imagens na galeria */
.jg_catcountimg{
	width:100%;
	float:left;
	padding-bottom: 21px;
}

/* miniaturas das imagens da geleria */
.jg_row[class^="jg_row"]{
	width:100%;
	float:left;
}

 
/* Main style / Background of whole gallery */
.gallery {
  margin-top:10px;
  margin-bottom:21px;
  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:transparent;
  color:#000;
  border: none;
  float:left;
  width: calc(100% - 188px);
}

/* Links in pathway */
.jg_pathway a,.jg_pathway a:visited, .jg_pathway a:link {
  color:#c64934;
}
.jg_pathway a:hover {
  color:#900;
}

.jg-header {
	width:100%;
	float:left;
  font-weight:bold;
  padding: 10px;
  margin-bottom: 0;
}

/* 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;   */
}