/**
 * @version		1.1.0
 * @package		JoomlaXTC Urban Life template for Joomla! 3.x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2014-2015 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */

.toplanguage a {
    font-weight: bold !important;
}
 .articleBody
 {
	 text-align:justify;
 }
 .novosti h3 {
	 color:#eee !important;
	  margin-bottom: 24px;
		margin-left: 46px;
		margin-right: 0;
		margin-top: 0;
 }
 .novosti h3 a {
	 color:#eee !important;
 }
.yoo-zoo  dl.article-info dd::after {
    content: "" !important;
}
.articlemain {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    margin-bottom: 40px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
	overflow: auto;
}

.articlemain p.artcap {
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    letter-spacing: 0.5px;
    line-height: 1;
    padding-bottom: 16px;
    text-transform: uppercase;
}
.articlemain .statswrap {
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: solid;
    border-bottom-width: 6px;
    float: left;
}
.articlemain h3 {
    border-bottom-color: #333;
    border-bottom-style: solid;
    border-bottom-width: 6px;
    color: #333;
    padding-bottom: 18px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 18px;
}
.uk-overlay-background {
    background-color: rgba(0, 0, 0, 0.6) !important;
    color: #fff !important;
}

.uk-tab > li
{
	cursor:pointer;
}
.fa-wifi::before {
    content: "";
}


.sliderOutside .uk-slidenav-position { padding: 0 35px; }  
.sliderOutside .uk-slidenav-position .uk-slidenav-next { right: -25px; }  
.sliderOutside .uk-slidenav-position .uk-slidenav-previous { left: -25px; }  

.novosti .uk-panel-title {
    color: #aaa;
	font-size:18px;
}
.novosti .uk-tab > li > a {
    color: #aaa;
	font-size:18px;
	font-family: "Oswald", sans-serif !important;
    font-weight: normal !important;
    text-transform: uppercase !important;

}

.novosti .uk-tab > li > a:hover {
    color: #444;
}
.novosti .uk-tab > li.uk-active > a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: transparent;
    border-left-color: #e5e5e5;
    border-right-color: #e5e5e5;
    border-top-color: #e5e5e5;
    color: #37a5e5;
}

.novosti .uk-panel .uk-link-reset {
	display:block;
}

.novosti .uk-slidenav-position:focus-within .uk-slidenav {
	display:block;
}

.articlemain .moduletitle {
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    letter-spacing: 0.5px;
    line-height: 1;
    padding-bottom: 16px;
    text-transform: uppercase;
}

.com_content .item-page .pull-left.item-image {
    width: auto;
	max-width: 40%;
}



/*/easy embed

.btnPlay {
    margin-bottom: 10px;
    display: none;
    cursor: pointer;
    font-size: 5em; /* Change play button size */
}

#divLogo {
    margin: 10px;
    display: none;
    /*
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    
    top: 50%;
       
     */
}

    #divLogo a {
        color: #ffffff;
        font-family: Tahoma;
        font-size: 14px;
        text-decoration: none;
    }

.ee-play:before {
    color: whitesmoke; /* Change play button color */
    font-family: FontAwesome;
    content: "\f144";
}

.ee-pause:before {
    color: whitesmoke; /* Change pause button color */
    font-family: FontAwesome;
    content: "\f28b";
}

.slabovidnost #topIconAmblyopia span{
    border-bottom:2px solid white !important;

}
.disleksija #topIconDyslexia span{
    border-bottom:2px solid white !important;

}
.novosti a {
	color:#fff;
}
@media (max-width: 567px) {
    .btnPlay {
        font-size: 3em; /* Change play button size on mobile */
    }
	#topIconAmblyopia {
		display:none;
	}
	#topIconDyslexia{
		display:none;
	}
	
}

@media (max-width: 900px) {
	.searchdropdown input{
		width:100% !important;
		max-width: 400px !important;
		display:block !important;
		margin: 7px auto !important;
	}
	.searchdropdown {
		width: 100% !important;
		position:fixed !important;
		left:0px !important;
	}
}



.gmnoprint {
    z-index: 9999;
}


/* Below may be not allowed by Google. Comment / delete if you like to. */

.gm-style-mtc {
    display: none;
}

.gm-style-cc {
    display: none;
}

#logo {
	z-index:1000;
}
#logo a{
	margin-left:-8px;
}



.socialicons>div a {
    display: block;
    height: 110px;
    max-height: 110px;
}
.socialicons{
    margin-left: 0px !important;
}
.socialicons > * {
    padding-left: 0px !important;
}
.socialicons i.fa {
    font-size: 2.5em;
    line-height: 1;
    text-rendering: optimizelegibility;
}
.socialicons i.fa {
    color: #fff;
    display: inline-block;
    margin-top: 38px;
}
.socialicons .facebook a {
    background-color: #4ecdc4;
	text-align:center;
}
.socialicons .instagram a {
    background-color: #b3db5a;
	text-align:center;
}
.socialicons .vprasanja a {
    background-color: #ff6b6b;
	text-align:center;
}
.socialicons .efollowr a {
    background-color: #d38157;
	text-align:center;
}

.yoo-zoo .pos-articleinfo {
	font-size:90%;
	opacity:0.8;
	margin-bottom:5px;
}

.yoo-zoo .pos-articleinfo .icon-calendar {
	float:left;
	padding-right:5px;
}

.yoo-zoo .pos-articleinfo .icon-calendar {
	float:left;
	padding-right:5px;
}

.yoo-zoo .pos-image, .item-page .item-image {
	margin-top:30px;
}

.slabovidnost .yoo-zoo .pos-image, .slabovidnost .item-page .item-image, 
.disleksija .yoo-zoo .pos-image, .disleksija .item-page .item-image{
	margin-top:0;
}

#menuright2 a:hover, .slabovidnost #menuright2 a {
	color:white !important;
}

.item-page > div {
	overflow:hidden;
}

th#categorylist_header_title, th#categorylist_header_title a {
	color:#555;
}

table.category td a, .pagination a {
	text-transform:none !important;
}


.module.smallmarg {
	margin: 0 0 10px 0;
}

.module.mediummarg {
	margin: 0 0 20px 0;
}

#celje-map-container {
	display:none;
}

#icon-accessibility {
	cursor:pointer;
}

#partnerji, #obcine {
	display:flex;
	margin-left:-10px;
	margin-right:-10px;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}

#partnerji > div a {
	display:block;
}

#obcine > div {
	max-width:25;
	flex:0 0 25%;
	padding:0 10px;
	box-sizing:border-box;
	text-align:center;
}

#obcine > div a {
	display:block;
	max-width:50px;
	margin:0 auto;
}

#partnerji > div {
	max-width:14.25%;
	flex:0 0 14.25%;
	padding:0 10px;
	box-sizing:border-box;
	text-align:center;
}

#partnerji > div a, #obcine > div a {
	filter:grayscale(100%);
}

#partnerji > div:hover a, #partnerji > div a:focus, #obcine > div:hover a, #obcine > div a:focus {
	filter:grayscale(0%);
}

.yoo-zoo .flex-grid {
	display:flex;
	flex-wrap:wrap;
	margin-left:-15px;
	margin-right:-15px;
}

.yoo-zoo .flex-item {
	padding:0 15px;
	box-sizing:border-box;
}

.yoo-zoo .flex-33 {flex:0 0 33.3%; max-width:33.3%;}
.yoo-zoo .flex-50 {flex:0 0 50%; max-width:50%;}
.yoo-zoo .flex-66 {flex:0 0 66.6%; max-width:66.6%;}
.yoo-zoo .flex-100 {flex:0 0 100%; max-width:100%;}

.yoo-zoo button {
	color:white;
	background:#d38157;
}

.yoo-zoo button:hover {
	color:white;
	background:black;
}


@media screen and (max-width:900px) {
	#partnerji > div {
		max-width:33.33%;
		flex:0 0 33.33%;
		margin-bottom:10px;
	}
	
	#obcine > div {
		max-width:50%;
		flex:0 0 50%;
		margin-bottom:10px;
	}
}

@media screen and (max-width:767px) {
	body {
		padding:0;
	}
	.yoo-zoo .flex-33, .yoo-zoo .flex-50, .yoo-zoo .flex-66 {
		flex:0 0 100%;
		max-width:100%;
	}
	
	.yoo-zoo .flex-item {
		margin-bottom:10px;
	}
	
	.yoo-zoo .flex-item:last-child {
		margin-bottom:0;
	}
	
	.yoo-zoo .flex-item .pos-image {
		text-align:center;
	}
}

@media screen and (max-width:480px) {
	#partnerji > div, #obcine > div  {
		max-width:100%;
		flex:0 0 100%;
	}
	
	#partnerji > div > a {
		display:block;
		max-width:180px;
		margin:0 auto;
	}
}