/*** MIK CUSTOM CSS ***/


/*remove stupid tpl full-text identation*/
.item-page .has-share .full-text {
padding-left: 0px !important; 
}
/*
li.sigFreeThumb a img {
margin: 10px !important;
}
*/
.navbar-brand {
	margin:auto;
	width: 50%;
	text-align:center;
	padding-top: 10px;
}

.t4-offcanvas-toggle i {
  font-size: 20px;
}
/* header navbar */
.navbar-nav > li > a {
	font-size:20px !important;
	font-weight:600 !important;
}

/* footer navbar */
#t4-footernav.nav > li > a {
	font-size:20px !important;
	font-weight:600 !important;
}
/* center footer navbar */
#t4-footernav.nav {
	margin: auto !important;
}

/* offcanvas menu */
.t4-offcanvas .navbar-nav > li > a {
	font-size:16px !important;
	font-weight:600 !important;
}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .separator {
  padding: 0.15rem 0 !important;
}
.t4-offcanvas .t4-off-canvas-body {
  padding: 10px 0 !important;
}
.c-offcanvas--right {
	width:250px !important;
}
/* EOF offcanvas menu */

/* hide footer menu toggler */
.navbar-toggler {
	display: none !important;
}

/* minimize footer padding */
.t4-footer {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

#jmap_sitemap div.jmapcolumn>ul {
	width: 25% !important;
}

#jmap_sitemap > h1 {
	display:none;
}

.gallery_title {
	display:none;
}

.gallery_title.subtitle {
	display:block;
}

p {
  margin-top: 0;
  margin-bottom: 1rem !important;
}

.bronze_frame, .shadowed, .com-content-categories__item img  {
  border: 5px solid #727351 !important;
  padding: 0pt;
}
.djslider-default img.dj-image {
  border: 7px solid #727351 !important;
  padding: 0pt;
}
.djslider-end {
	display:none !important;
}

/* addon div to make slider bgr as content bgr*/
#mik {
	margin:0 auto;
	max-width: 1310px;
	background-color: #423934;
}
.nspArt h4.nspHeader {
	font-size: 22px !important;
}

#t4-masthead .ja-masthead.has-bg:before {
	opacity: 0.4 !important;
}
/* separate blog rows little more*/
.v-gutters > div {
	padding-bottom:32px !important;
}

/* hide contact form position warning and dup address details */
dl.contact-position > dt, 
dl.contact-address > dd:nth-child(3),
dl.contact-address > dd:nth-child(4),
dl.contact-address > dd:nth-child(5),
dl.contact-address > dd:nth-child(6),
div.contact > div.plain-style > div > div.col-12.col-md-5 > dl > dd:nth-child(3) {
	display:none !important;
}
.contact .contact-address .jicons-text, .contact .contact-position .jicons-text {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  line-height: 18px !important;
}
.contact h2 span {
  font-size: 1.5rem !important;
}

/* --------------------------------
// COMMON GK5
// -------------------------------*/

/* GK5 FP-Items leveling*/
  .fp-items .nspArt {
    margin: 5px 15px !important;
   }
  .nspMain.latest {
    margin: 5px 5px !important;
    padding: 10px !important;
  }  
  .nspMain.featured {
    margin: 5px 5px 0px !important;
    padding: 10px !important;
  }  
/* EOF GK5 FP-Items leveling*/

/* --------------------------------
// EOF COMMON GK5
// -------------------------------*/

/* Standardzes some measures */
.container {
	padding-top:20px !important;
}

li.nav-item.item-1463,
li.nav-item.item-1464,
li.nav-item.item-1465,
li.nav-item.item-1466,
li.nav-item.item-1467,
li.nav-item.item-1468,
li.nav-item.item-1469
 {
  padding-left:15px !important	
}

h4, h4 > a {
	font-size: 1rem !important;
}
h3, h3 > a, .nspMain > h4 > a, .nspArt h4.nspHeader a  {
	font-size: 1.25rem !important;
}
h2, h2 > a, .nspMain > h3 {
	font-size: 1.5rem !important;
}
h1, h1 > a, h3.ja-masthead-title {
	font-size: 1.75rem !important;
}

.categories-list .base-desc {
	padding: 1rem !important;
}

 
/* -----------------------------------------------------------------------------
// MDJ RESPO
// ----------------------------------------------------------------------------*/

@-webkit-keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes toBottomFromTop {
  49% {
    -moz-transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toBottomFromTop {
  49% {
    transform: translateY(100%);
  }
  50% {
    opacity: 0;
    transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}

/*** Emulate VP Supermart responsive module classes visibility ***/
.hidden {
display:none;
visibility:hidden;
}
.visible-phone {
display:none !important;
}
.visible-tablet {
display:none !important;
}
.hidden-desktop {
display:none !important;
}
.visible-desktop {
display:inherit !important;
}
@media screen and (min-width:768px) and (max-width:991px) {
	.hidden-desktop {
		display:inherit !important;
	}
	.visible-desktop {
		display:none !important;
	}
	.visible-tablet {
		display:inherit !important;
	}
	.hidden-tablet {
		display:none !important;
	}
}
@media screen and (max-width:767px) {
	.hidden-desktop {
		display:inherit !important;
	}
	.visible-desktop {
		display:none !important;
	}
	.visible-phone {
		display:inherit !important;
	}
	.hidden-phone {
		display:none !important;
	}
}
.visible-print {
display:none !important;
}
@media print {
	.visible-print {
	display:inherit !important;
	}
	.hidden-print {
	display:none !important;
	}
}
/*EOF Emulate VP Supermart responsive classes visibility*/ 


/* --------------------------------
// RESPO DESKTOP
// -------------------------------*/
  
@media screen and (min-width: 992px) {
	.t4-nav-height {
	  height: 180px !important;
  }
  .item-101 #t4-main-body {
  	display:none !important;
  }
  #nsp-nsp-256 {
  	margin-top: 0px !important; /* beware, makes hole below dj-imageslider*/
  }
  /* align FP GK5 */
  .fp-items .nspArt {
  	width: 32.5% !important;
  	min-height: 508px !important;
  }
/* GK5 FP-Items leveling*/
  .fp-items .nspArt {
    margin: 5px 15px !important;
   }
  .nspMain.latest {
    margin: 5px 5px !important;
    padding: 10px !important;
  }  
  .nspMain.featured {
    margin: 5px 5px 0px !important;
    padding: 10px !important;
  }  
	.fp-items .nspArtPage div.nspArt:nth-child(1) {
		margin-left: 0 !important;
	}
	.fp-items .nspArtPage div.nspArt:nth-child(2) {
		margin: 5px 0 !important;
	}
	.fp-items .nspArtPage div.nspArt:nth-child(3) {
		margin-right: 0 !important;
	}
/* EOF GK5 FP-Items leveling*/

  .com-content-categories__item {
    flex-basis: 29% !important;
    margin: 1rem !important;
  }

}


/* --------------------------------
// RESPO TABLET
// -------------------------------*/

@media screen and (min-width: 768px) and (max-width: 991px) {
	.t4-nav-height {
	  height: 180px !important;
  }
  .item-101 #t4-main-body {
  	display:none !important;
  }

  #nsp-nsp-256 {
  	margin-top: 0px !important; /* beware, makes hole below dj-imageslider*/
  }
  /* align FP GK5 */
  .fp-items .nspArt {
  	width: 32% !important;
  	min-height: 500px !important;
  }
/* GK5 FP-Items leveling*/
  .fp-items .nspArt {
    margin: 5px 15px !important;
   }
  .nspMain.latest {
    margin: 5px 5px !important;
    padding: 10px !important;
  }  
  .nspMain.featured {
    margin: 5px 5px 0px !important;
    padding: 10px !important;
  }  
  .fp-items .nspArtPage div.nspArt:nth-child(1) {
		margin-left: 0 !important;
	}
	.fp-items .nspArtPage div.nspArt:nth-child(2) {
		margin: 5px 0 !important;
	}
	.fp-items .nspArtPage div.nspArt:nth-child(3) {
		margin-right: 0 !important;
	}
/* EOF GK5 FP-Items leveling*/

  .com-content-categories__item {
    flex-basis: 46% !important;
    margin: 1rem !important;
  }

}


/* --------------------------------
// RESPO MOBILE PORTRAIT
// -------------------------------*/

@media screen and (max-width: 576px) {
	.t4-nav-height {
	  height: 90px !important;
  }
  /* mobile offcanvas menu toggle */
  .t4-offcanvas-toggle {
    position: relative;
    top: -45px;
    background-color: #423934 !important;
  }
  .nspArts {
  	padding: 0 !important;
  }
/* GK5 FP-Items leveling*/
  .fp-items .nspArt, .nspMain.latest {
    margin: 10px 0px 5px 0 !important;
  }
  .nspMain.featured {
    margin: 10px 0px 0px 0 !important;
  }
/* EOF GK5 FP-Items leveling*/
  .navbar-brand {
  	width: 66% !important;
  }
  .com-content-categories__item {
    flex-basis: 95% !important;
    margin: 1rem !important;
  }
  #itemListLeading .itemContainer {
  	width: 100% !important
  }
}	


/* --------------------------------
// RESPO MIXED (MOB LANDSCAPE)
// -------------------------------*/

@media (min-width: 576px) and (max-width:991px) {
		.t4-nav-height {
	  height: 110px !important;
  }
  /* mobile offcanvas menu toggle */
  .t4-offcanvas-toggle {
    position: relative;
    top: -45px;
    background-color: #423934 !important;
  }
/* Fix section-2 GK5 width reduction */
  .container, .t4-masthead .t4-masthead-detail, .container-sm {
    max-width: 100% !important;
  }
  .nspArts {
  	padding: 0 8px !important;
  }
  #nsp-nsp-256 .nspArt h4.nspHeader {
  	display:block !important;
  	height: 80px !important;
  }
  /* tablet landscape hide 7th menu item*/
  #t4-megamenu-navbar-hmenu > ul > li:nth-child(7) {
  	display: none !important;
  }
/* EOF Fix section-2 GK5 width reduction */

  /* align FP GK5 */
  .fp-items .nspArt {
  	width: 31.6% !important;
  	min-height: 550px !important;
  }
/* GK5 FP-Items leveling*/
  .fp-items .nspArt {
    margin: 5px 15px !important;
   }
  .nspMain.latest {
    margin: 5px 5px !important;
    padding: 10px !important;
  }  
  .nspMain.featured {
    margin: 5px 5px 0px !important;
    padding: 10px !important;
  }  
  .fp-items .nspArtPage div.nspArt:nth-child(1) {
		margin-left: 0 !important;
	}
	.fp-items .nspArtPage div.nspArt:nth-child(2) {
		margin: 5px 0 !important;
	}
	.fp-items .nspArtPage div.nspArt:nth-child(3) {
		margin-right: 0 !important;
	}
/* EOF GK5 FP-Items leveling*/
  .navbar-brand {
  	width: 50% !important;
  }
  .com-content-categories__item {
    flex-basis: 44% !important;
    margin: 1rem !important;
  }
    #itemListLeading .itemContainer {
  	width: 33% !important
  }
}

/* -----------------------------------------------------------------------------
// EOF MDJ RESPO
// ----------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------
// MDJ COLORING
// ----------------------------------------------------------------------------*/

body, .form-control, #jmap_sitemap .folder {
	background-color: #2A2A2A !important;
}

/* stop sections float, pseudo-fixed it */
.t4-content, #t4-footer {
	background-color: #2A2A2A !important; /*darkgray*/
}
#t4-masthead .ja-masthead.has-bg {
	margin-bottom: 0 !important;
}
.container, .header-wrap, .category-desc {
	background-color: #423934 !important;
}
#t4-footer .container {
	padding: 0.5rem !important;
}
/* EOF stop sections float, pseudo-fixed it */

a {
	color: snow;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: snow !important;
	margin-top: 0rem !important;
  margin-bottom: 0.5rem !important;
}

a:hover, a:active, a:focus {
	color: #FE080B !important; /*red*/
}

#back-to-top:hover, #back-to-top:active,
.pagination .active .page-link, .page-item.active .page-link,
.page-item:hover a, .btn.btn-primary  {
	background-color: #FE080B !important; /*red*/
}

.gallery_title.subtitle {
	color: #FE080B !important; /*red*/
	font-size:1.3rem !important;
	line-height: 3rem !important;
	font-style: italic;
}

.pagination .page-link, .counter {
	color: #2A2A2A !important; /*darkgray*/
	font-weight: 700 !important;
}
#jmap_sitemap div.jmapcolumn > ul {
	font-size: 16px !important;
}
/* Fix hole below dj-imaqgeslider */
#t4-masthead + #t4-main-body {
	padding-bottom: 0 !important;
}

/* Fix hole above footer */
#t4-section-2 {
	padding-bottom: 0 !important;
}

.bg-info {
  background-color: #2A2A2A !important;	
}

/* GK5 coloring */
.fp-items .nspArt, .nspMain.latest, .nspMain.featured, .com-content-categories__item {
  background-color: #3A322E !important;
  background-image: linear-gradient(#3A322E, #1D1A17) !important;
  border: 5px solid #5C5547 !important;
}


/* EOF GK5 coloring */

#t4-megamenu-navbar-hmenu {
	background: url("https://www.mirkodjuranovic.com/images/template/mainnav_line_bgr.png") 0pt 14pt repeat-x scroll #0000;
}
#t4-megamenu-navbar-hmenu > ul > li > a {
  height:58px !important;
  margin: 0 8px !important;
}
#t4-megamenu-navbar-hmenu > ul > li.active > a,
#t4-megamenu-navbar-hmenu > ul > li:hover > a {
	background: url("https://www.mirkodjuranovic.com/images/template/mainnav_hover_line_bgr.png") repeat-x scroll 2px 24px transparent;
}

.catItemIntroText a:hover img, .moduletable_frontpage a:hover img, .nspArt a:hover img.nspImage, a.subCategoryImage:hover img, .contentpaneopen img:hover, a.modal:hover, .subCategoryContainer img:hover, span.catItemImage img:hover, .item-image img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.item-page .pagenavigation {
	clear:both;
}

/* -----------------------------------------------------------------------------
// EOF MDJ COLORING
// ----------------------------------------------------------------------------*/


/* J4UPG FIX */

.itemContainer {
  float: left;
  margin: 0pt 0px;
}

.gallery_table {
  border-collapse: separate;
  border-spacing: 7px;
  border-color: #ffc;
  border-style: outset;
  border-width: 1px;
  display: table;
  vertical-align: top;
  text-align: center;
  margin: 0pt auto;
  padding: 0px;
}

.gallery_table td {
  border-color: #ffc;
  border-style: inset;
  border-width: 1px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 1px;
}

p img, .item img, .item-page img, #mini_gallery img {
  background: none repeat scroll 0pt 0pt #766458;
  padding: 1px;
}

.catItemIntroText {
  font-size: inherit;
  font-weight: normal;
  line-height: 110%;
  padding: 7px 0pt 12px;
}

.catItemIntroText p {
  margin-top: 0pt;
  margin-bottom: 0pt;
  color: #FE080B;
  font-weight: bold;
  font-size: 17px;
  display: inline-block; /* this movoed title below img */
}

.catItemIntroText a {
  font-size: 18px;
  line-height: 1.5;
  vertical-align: baseline;
 
  color: #F6F5C9;
}

.catItemIntroText img, .catItemIntroText p img {
  margin-bottom: 14px;
  margin-left: 7px;
  margin-top: 0pt;
}
