/*
CUSTOM CSS

Izmene u CSSu nakon kreiranja templejta se postavljaju ovde.
Developer iz ovog CSSa korekcije treba da integrise u glavni style.css

*/

.shortcode_slider {
	/*max-width: 800px;*/
	height: auto;
}

.shortcode_buttons a {
	margin-right: 10px;
}

.shortcode_oembed {
		position: relative; 
		padding-bottom: 56.25%;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 

.shortcode_oembed iframe,
.shortcode_oembed object,
.shortcode_oembed embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------/
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  width: 50%;
  margin: 0 0 1.5em;
  padding: 0 1em 0 0;
  
}
.gallery-item img {
  padding: 0 22px;
}
.gallery-columns-1 .gallery-item {
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery-caption {
  display: block;
}
@media only screen and (max-width:1024px ) {

  .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, 
  .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
    max-width: 50%;
  }
}
@media only screen and (max-width:414px ) {
  
  .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, 
  .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item {
    max-width: 100%;
  }
  .gallery-item {
    width: 100%;
  }
  
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/

  .wp-caption {
    /* Force the box to be 100% */
    margin-bottom: 1.5em;
    width: 100% !important;
    /*max-width: 100%;*/
  }
  #content .wp-caption a img {
    /* Scale down if too big */
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
  }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}

.wp-caption-text {
  text-align: center;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.main-nav .current-menu-item a {
    color: #6F25A7;
}