body { 
	color: #252525; 
	font-family: 'Open Sans', 'Segoe UI', Calibri, Helvetica, Arial, 'Trebuchet MS', sans-serif; 
	font-size: 0.98em; font-weight: 400; font-style: normal; line-height: 1.8em;}
.horyel { color: #FFDD00; }
.horyelb { background: #FFDD00; color: #252525;}
.horyell { background-color: #FDEE00; }
.horyelpale { background-color: #FFFFE0; }
.sakrij { display: none; }
#sp-main-body { padding: 60px 0; }

/* Header - Logo & Language & Search */
#sp-above .container-inner .row
#sp-logo .logo { float: left; margin-top: 8px; margin-bottom: 10px;}
#sp-abovem .row { margin-top: 8px; margin-bottom: 10px;}

/* Pretraga */
#sp-search { margin: auto auto; }
#sp-abovem #sp-search { margin: 8px auto 6px auto; }
/*#sp-header .trazi { height: 80px; display: inline-flex; margin: 0; align-items: center; }*/
.sp-module.trazi { float: right; }
.trazi .btn-primary, .trazi .sppb-btn-primary {border-color: #FFDD00; background-color: #FFDD00; color: #252525; }

/* Jezik */
#sp-user1 { margin: auto auto;}
div.mod-languages ul li.lang-active { border: 1px solid #bbbbbb!important; background-color: #f2f2f2!important; } /*background-color: #FFDD00 !important;*/
.jezik .mod-languages ul.lang-inline{ float: right; }
.jezik .mod-languages ul.lang-inline li {	margin: 0 2px 0 0;}
.jezik .posttext {clear: both; width: 100%; font-size: 0.8em; text-align: right; 
	line-height: 0.9em; padding-top: 4px;}
.jezik .posttext p { margin-bottom: 0px; color: #888888; /*text-transform: uppercase;*/}

/* Mobile menu settings */
/*.offcanvas-active div.logo { padding: 20px; background: #ffffff; }*/
.offcanvas-menu .logo-image { height: 36px; }
.burger-icon { width: 28px; } 
.burger-icon > span { height: 4px; margin: 3px 0; }
.offcanvas-menu {overflow: scroll;}
/* klik na menu-header, a ne samo na strelicu za submenu, ali dodan u custom css templatea */
.offcanvas-menu .offcanvas-inner { padding: 10px 25px; }
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
	color: #ff6700; }
.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li > a { padding: 10px 0px; }
.offcanvas-menu .menu-deeper ul li { display: flex; flex-direction: column; }
.offcanvas-menu .menu-deeper ul li nav-header { position: relative; }
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent .menu-toggler {
    top: 50%; background: none; width: 100%; text-align: end; right: unset !important; }
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a { font-size: 1.1em; padding: 6px 0px; line-height: 1.3em; }

/*.offcanvas-menu .item-200 .menu-parent { display: block !important;}
.offcanvas-menu .item-200 .menu-parent .menu-child { display: none !important;}*/
 
/*.menu-parent .menu-child { display: block !important; }*/

.pismo { float: right; text-align: right;}
/* Main menu settings */
/*#sp-header.header-sticky { animation: fadeInDown 1s; background: #FFDD00BB;}*/
/*.sp-megamenu-parent.menu-animation-fade-down.d-none.d-lg-block {z-index: 1600!important;
}*/
nav.sp-megamenu-wrapper { margin-right: 30px;}
nav.sp-megamenu-wrapper .sp-megamenu-parent li.sp-menu-item { line-height: 2.0em; }
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { text-transform: uppercase; }
.sp-megamenu-parent > li:hover > a { color: #FFFFE0; background: #212121; }
.sp-megamenu-parent > li.active > a {color:#FFFFE0!important; background: #212121;}
.sp-megamenu-parent > li.active:hover > a { color: #ffffff!important; background: #555555; }
.sp-megamenu-parent > li:last-child > a { padding: 0px 10px 0px 15px; }

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: 10px 15px 15px 20px; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { font-weight: 400!important; line-height: 1.8em!important; }
#sp-header .sp-megamenu-parent .sp-dropdown a:hover { color: #555555; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { 
	text-decoration: underline; color: #555555; font-weight: 600!important; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a { color: #555555;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover { color: #555555; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item { border-bottom:1px solid #999999; }


/* Breadcrumbs */
.breadcrumb { 
	padding: 0.5rem 1.0rem; background-color: #fafafa; border-radius: 0.1rem; font-size: 0.9em; color: #999999;}
.breadcrumb a { color: #999999; }
.breadcrumb .fa-map-marker-alt::before { content: "\f054"; font-size: 0.8em; margin-right: 10px;}

/* Slices */
.slike .sb-description { padding: 0 20px; bottom: 15px; left: 30%; right: 15px; }
.slike .sp-module-content div ul#sb-slider.sb-slider,
.slike .sp-module-content div ul#sb-slider.sb-slider li a img {
	width: 100%; max-width: 1010px!important;
}

/* Spotlight */
.spotli #navleft, .spotli #navright { bottom: 40%; }
.spotli .descout { width: 60%; text-align: center; position: absolute;	bottom: 50px;
}

/* Showplus */
.showplusx-slideshow { margin-bottom: 20px; }

/* Cinch Ponuda */
#sp-left .sp-module.cincin { border: 0px solid transparent; padding: 0px; border-radius: 3px; }
#sp-left .sp-module ul > li {	border-bottom: 0px solid transparent; }
/* Cijeli meni otvoren */
.sp-module.cincin ul.accordion-menu li > .ul-wrapper { display: block!important; }
.sp-module.cincin ul.accordion-menu a { font-family: "PT Sans", sans-serif; font-size: 1.1em; }
.sp-module.cincin ul.accordion-menu li > .item-wrapper > .menu-link { 
	min-height: 36px; overflow-y: visible!important; }
.sp-module.cincin .menu-link { padding-right: 6px; }
.sp-module.cincin .menu-link a { max-width: 94%; }
.sp-module.cincin ul.accordion-menu li ul li .menu-link a { line-height: 1.36em!important;}
.sp-module.cincin ul li .menu-link {border-bottom: 1px solid #FFDD00; }
.sp-module.cincin ul li ul li .menu-link {border-bottom: 1px solid #444444; }
/* Cinch - First level */
.sp-module.cincin ul li .menu-link a { color: #FFDD00!important; font-size: 1.4em; /*cursor: auto;*/ padding: 8px 6px 6px 6px;}
.sp-module.cincin ul li .menu-link a::before { font-family: "Font Awesome 5 Free", sans-serif; 
	content: "\f0c8"; float: left; margin-right: 18px; font-weight: 900;}
/* Cinch - Second level */
.sp-module.cincin ul li ul li .menu-link { padding-left: 10px!important min-height: 32px;}
.sp-module.cincin ul li ul li .menu-link a { color: #FFFFFF!important; font-size: 1.24em;
	line-height: 1.26em; text-indent: 0px; padding: 4px 6px 3px 6px; cursor: pointer;}
.sp-module.cincin ul li ul li .menu-link a::before { content: " "; margin-right: 0px;}
/* Cinch - Third level */
.sp-module.cincin ul li ul li ul li .menu-link { padding-left: 40px!important; min-height: 32px; }
.sp-module.cincin ul li ul li ul li .menu-link a { 
	display: list-item!important; list-style-type: disc!important; list-style-position: outside!important;
	color: #f2f2f2!important; /*font-size: 1.24em; cursor: pointer; line-height: 1.26em;*/ }
.sp-module.cincin	ul.accordion-menu li li li { text-indent: 6px; }
/* Link colors */	
.sp-module.cincin ul li ul li .menu-link:hover a,
.sp-module.cincin ul li ul li ul li .menu-link:hover a,
.sp-module.cincin ul li ul li ul li ul li .menu-link:hover a { color: #FDEE00!important; }
.sp-module.cincin ul li ul li.current > .item-wrapper a { color: #FFDD00!important; }

/* DJ Mega Menu for mobile Ponuda*/

/*#sp-top3 .sp-module-content {padding: 0 20px 0 30px; overflow: scroll;}
#sp-top3 .dj-megamenu-wrapper {margin-left: 30px!important; display: block!important;}
.dj-megamenu-offcanvas-dark .dj-mobile-open-btn::before { content: "\f0c8"!important; margin-right: 12px; 
	font-family: "Font Awesome 5 Free", sans-serif!important; font-weight: 900!important;
	font-size: 1.0em!important; line-height: 1.5em!important;}
	.dj-megamenu-offcanvas-dark .dj-mobile-open-btn::after { content: "\f054"!important; margin-left: 12px; 
	font-family: "Font Awesome 5 Free", sans-serif!important; font-weight: 900!important;
	font-size: 0.6em!important; line-height: 1.5em!important;}
#dj-megamenu144mobile.dj-megamenu-select-dark .dj-mobile-open-btn:focus, 
#dj-megamenu144mobile.dj-megamenu-offcanvas-dark .dj-mobile-open-btn:focus, #dj-megamenu144mobile.dj-megamenu-accordion-dark .dj-mobile-open-btn:focus {
	background: rgba(33, 33, 33, 1)!important;  color: rgba(255, 221, 0, 1)!important;
}*/

/* User Menu 1 */
#sp-top3 .sp-module-content{ float: right; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-end!important; }
ul.menu.korisnikm { display: inline-block; list-style-type: none; list-style-position: outside; 
color: #FDEE00; background: #444444; padding: 10px 20px; margin: 10px; } 
 ul.korisnikm > li > a { color: #FDEE00;}




/* Tekstovi i naslovi */
.article-details .article-header h1, .article-details .article-header h2 { font-size: 2.1em;}
.article-list .article .article-header h1, .article-list .article .article-header h2 { font-size: 1.5em; }

/*.Category blog & Featured blog */

.blog-featured.furice { margin-top: 30px;}
.blogice .article-list  { padding-top: 20px;}

/*.article-list .kocke .article
 { margin-bottom: 40px; border: 1px solid transparent!important; }*/

.blog h2, 
.blog-featured .article-header h2 { 
	margin-bottom: 30px; text-align: left; font-size: 1.42em; letter-spacing: -0.02em;}
.blog h2 span.subheading-category, 
.blog-featured .article-header h2 span.subheading-category { 
	margin-bottom: 30px; font-size: 1.6em; letter-spacing: normal;}

.furice .article,
.blogice .article { padding: 1px; border: 1px solid transparent; margin-bottom: 60px;}

.furice .article-list .article .article-intro-image,
.blogice .article-list .article .article-intro-image { margin: 0px 0px 30px 0px;
	width: 100%; max-height: 210px; height: 210px; border-bottom: 1px solid transparent; /*border: 1px solid #ddd;*/}
	
.furice .article-list .article .article-intro-image img,
.blogice .article-list .article .article-intro-image img  { 
	border-radius: 1px; width: 308px; height: 210px;  object-fit: cover; }

.article-list .article .readmore a { background: #FFDD00; color: #212121; font-size: 1.0em;
		font-weight: 600; padding: .5rem 1.0rem; border-radius: 3px 3px; position: relative; }
.article-list .article .readmore a:hover, .article-list .article .readmore a:focus {
	color: #FFDD00; background: #212121; }
	
.pagination { --bs-pagination-active-color: #212121; --bs-pagination-active-bg: #FFDD00!important;
	--bs-pagination-active-border-color: #FFDD00; }
.pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span:hover, .pagination > .active > span:focus {
	border-color: #212121; background-color: #212121; color: #FFDD00; }
.pagination > .active > a, .pagination > .active > span {
	border-color: #FFDD00; 	background-color: #FFDD00; }
	
/* Accordion za opis kategorije i Radite s nama */ 
#rlta-detaljnije-o-proizvodima-u-kategoriji,
#rlta-posaljite-upit { 
	margin: 12px auto 0px auto; border: 1px solid #999999; background-color: #f2f2f2!important; max-width: 80%; }
#rlta-detaljnije-o-proizvodima-u-kategoriji:hover, 
#rlta-posaljite-upit:hover { background: #FFDD00!important; font-weight: 600; }
#rlta-detaljnije-o-proizvodima-u-kategoriji h3,
#rlta-posaljite-upit h3 { padding: 0px 20px!important; font-size: 1.1em; text-align: center;
	color: #212121; text-transform: uppercase; }	
#rlta-detaljnije-o-proizvodima-u-kategoriji:hover h3, 
#rlta-posaljite-upit:hover h3 { font-weight: 600; }
#rlta-detaljnije-o-proizvodima-u-kategoriji.catako div,
#rlta-posaljite-upit .catako div { background-color: #fbfbfb;}

.blogice div.category-desc.clearfix	{ margin-bottom: 30px;}

.blogice nav.pagination-wrapper.d-lg-flex.justify-content-between.w-100{ margin: 40px auto; justify-content: space-around!important;}
.blogice nav.pagination-wrapper ul {  }

/* Tables */
table.basic tr:nth-of-type(2n+1), table.basic tr:nth-of-type(2n+1)  { background-color: #fafafa;}
/*table.basic tr:hover, .category.table tr:hover {background-color: #E5F2FF;}*/
table.basic { width: 100%; line-height: 1.5em; font-size: 0.9em; overflow-x: auto;}
.basic td, .basic th { border: 1px solid #ddd; padding: 8px; }
.basic td p, .basic th p { margin: 0px; }
.basic th, .basic th p { font-weight: 400; }
		
		
/* Convert Forms */
.pisimi .sp-column { display:flex; justify-content: center;}
.pisimi .convertforms. cf-control-group h2 { 
	border: 1px solid #777777!important;background-color: #FFDD00; text-align: center;}
.pisimi .forhed h2 { 
	border: 1px solid #999999!important;background-color: #f2f2f2; padding: 10px; border-radius: 3px;}

/*.convertforms .cf-content-wrap { width: 100%; }*/

#rlta-posaljite-upit-za-ovaj-proizvod,
#rlta-send-a-request-for-this-item { 
	margin: 12px auto 0px auto; border: 1px solid #777777;background-color: #FFDD00!important; max-width: 60%; min-width: 60%; }	
#rlta-posaljite-upit-za-ovaj-proizvod h3,
#rlta-send-a-request-for-this-item h3 { text-align: center; font-size: 1.3em!important; }
.cf-control-input button { border: 1px solid #777777; text-transform: uppercase; }
.cf-control-input button:hover { font-weight: bold; border: 1px solid #212121!important;}
cf-control-group.reset button:hover { background-color: #fdee00;  }
input#form2_proizvod.cf-input, input#form3_proizvod.cf-input { background-color: #FFFFE0; font-weight: 600;}
.category-desc .catako h3 { margin: 0 auto; text-align: center;}

.delo .catako div { margin: 0 auto;}
.delo .catako div div { margin: 0;}

.convertforms-submissions th,
.convertforms-submissions td { padding: 4px 10px!important; }
.view-submissions h2 { margin-top: 10px;}

/* Digi Showcase - Povezani proizvodi */
/*.sp-module.poveznice { margin-top: 40px; } 
.poveznice .slick-track { background-color: #333333;}
.poveznice .item-content h3 { font-size: 1.1em; }
.poveznice .item-content h3 a:hover,
.poveznice .item-content h3 a:focus,
.poveznice .overlay:hover h3 a  { color: #FFDD00; }
.poveznice .slick-slide { padding: 10px 10px 8px 10px;}
.poveznice .digi_showcase .image img { max-height: 148px;}*/

/* Module adresa */
.horadr .row { border: 6px solid #FFDD00; padding: 10px 20px 5px 20px; margin: 15px 10px; height: 100%;}
.horadr .stupl, .horadr .stupd { float: left;}

/* Phoca gallery */
.pg-msnr-container.pg-masonry { float: right; max-width: 60%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; }
.pg-msnr-container .pg-masonry-item:first-child { display: flex;  width: 100vw; align-items: stretch; height: auto; }
.pg-msnr-container .pg-masonry-item:first-child img { width: 100%!important; height: auto; border: 1px solid #bbb;}
.pg-msnr-container .pg-masonry-item:not(:first-child) { display: flex; flex-wrap: wrap; max-width: 20%; height: auto; }
.pg-msnr-container .pg-masonry-item:not(:first-child) img { height:100px; /*width: 100px; object-fit: cover;*/
	overflow: hidden; border:1px solid #bbb;}
.pswp__caption { display: none;}
#phocagallery .detail {
    bottom: 52px; /*Use own settings - depends on used items below the thumbnails */
    margin: 0;
    padding: 0;
    position: absolute;
    right: 18px; /*Use own settings */
}
	
/* Articles Anywhere */


/* JCE File downloads */
img.wf_file_icon { float: left; margin-right: 15px; margin-top: 3px; line-height: 24px; }
.wf_file_size { padding-left: 20px; }

/* Search results */
#search-results ul#search-result-list { list-style: disc; padding: 10px; margin-left: 20px;}
#search-results .search-results li { padding: 10px 0px!important; }
#search-results ul#search-result-list li h4 { font-size: 1.1em;  }
#search-results ul#search-result-list li h4 a { color: #252525; }
#search-results ul#search-result-list li h4 a:hover { color: #ff6700; }
#search-results ul#search-result-list li h4 a::after { content: "\f30b"; 
	font-family: "Font Awesome 5 Free", sans-serif;  margin-left: 18px; font-weight: 900; }
#search-form form#finder-search .btn.btn-primary {border-color: #FFDD00; background-color: #FFDD00; color: #252525; }



/* Footer*/
#sp-footer .mod-custom a:hover { text-decoration: underline; }

/* RESPONSIVE */
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1400px;
}

@media screen and (min-width: 992px) {
	/*	.sp-module.cinmob { display: none; }*/
	#sp-top { display: none; }
}
@media screen and (max-width: 992px) {
	#sp-main-body { padding: 20px 0;}
	#sp-search .trazi { float: left; }
/*	#sp-search { margin-top: 6px; margin-bottom: 8px;}*/
	.sp-module.cincin { display: none; }
	.sp-module.mrvice {display: none;}
/*	#sp-header div#sp-menu.col-6.col-sm-6.col-md-6 { display: flex; justify-content: flex-start;}*/
}
@media screen and (max-width: 778px) {
	.convertforms .cf-one-half, .convertforms .cf-two-fourths, .convertforms .cf-three-sixths {
	width: 100%; }	
/*	.trazi .btn-primary, .trazi .sppb-btn-primary { font-size: 0.9em;}*/
	.pg-msnr-container.pg-masonry { width: 90%; max-width: 90%!important; } 
	#rlta-posaljite-upit-za-ovaj-proizvod,
	#rlta-send-a-request-for-this-item {  max-width: 80%; min-width: 80%; }
	.sp-module.poveznice {display: none; } 
}
@media (max-width: 575px) {
	/*.trazi .form-control { width: 80%; padding: .35rem .65rem; font-size: 0.9rem; font-weight: 400; line-height: 1.4;}*/
/*	#sp-search .trazi div.awesomplete { max-width: 50%; float:left; padding: .35rem .65rem; font-size: 0.9rem; font-weight: 400; line-height: 1.4; margin-right: 0px;}
	#sp-search .trazi button { float: left; max-width: 28%; margin-left: 0px; }*/
}
@media screen and (max-width: 336px) {
/*	.sp-module.trazi { float: left; max-width: 100%;}*/
}