/*
Theme Name: Župa
Theme URI: http://župa-sv-vida.hr/
Author: Augustin Ravnic
Author URI: http://www.playdigital.hr
*/


@media (min-width: 1400px){
.container {
    width: 1370px;
	}
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding-left: 0px;
	padding-right: 0px;
	}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	line-height: 1.2;
	}

.row{
	margin-left: 0px;
	margin-right: 0px;
	}	

body{
	background: #ebebeb;
	}

blockquote{
	font-size: 14px;
	}

@media (max-width: 499px){
	body{
		font-size: 12px;
		}

	blockquote{
		font-size: 12px;
		}

	h2{
		font-size: 24px;
		margin: 6px 0px 12px;
		}

	h3{
		font-size: 18px;
		margin: 6px 0px 12px;
		}

	.container{
		padding-left: 0px;
		padding-right: 0px;
		}

	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
		margin-left: 0px;
		margin-right: 0px;
		}


	}


.header{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
	}

.brand{
	padding: 20px;
	position: relative;
	text-align: center;
	}

/*	.brand img{
		float: left;
		display: block;
		}
*/

	.brand .title{
		font-family: 'PT Serif', serif;
		margin: 28px 0px 0px 30px;
		float: left;
		font-size: 48px;
		font-weight: 700;
		color: #333;
		}

	.brand .title span{
		color: #999;
		}


	.brand img{
		width: 360px;
		}

@media (max-width: 1199px){
	.brand img{
		width: 240px;
		}
}

@media (max-width: 991px){
	.brand{
		padding: 10px;
		position: relative;
		}

	.brand img{
		width: 180px;
		}

	.brand .title{
		margin: 20px 0px 0px 20px;
    	font-size: 30px;
		}

	}

@media (min-width: 768px){
		.hidden-sm{
			display: none;
			}
	}

.navbar{
	/* background: #2b1e12; */
	background: #1e3d59;
	border: none;
	margin-bottom: 0px;
	border-radius: 0px;
	}

	.navbar-collapse{
		padding-left: 0px;
		padding-right: 0px;
		}

	.nav > li > a {
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		padding-top: 20px;
		padding-bottom: 20px;
		}


	.nav > li.current_page_item > a{
		background: #6e6c34;
		}

		.nav > li.page-item-3207 > a{
			background: #b18b00;
			}

	.nav li a, .nav li a:hover{
		-webkit-transition: all 250ms linear;
		-moz-transition: all 250ms linear;
		-ms-transition: all 250ms linear;
		-o-transition: all 250ms linear;
		transition: all 250ms linear;
		}

	.nav > li > a:hover, .nav > li > a:focus {
		text-decoration: none;
		background-color: #5d542b;
	}


	.nav li ul {
		display: none;
		position: absolute;
		z-index: 100000;
		top: 51px;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
		list-style: none;
		padding-left: 0px;
	}

	.nav li ul li {
		clear: both;
		background: #fff;
	}

	.nav li ul li a {
		font-size: 14px;
		font-weight: bold;
		padding-left: 20px;
		padding-top: 15px;
		padding-bottom: 15px;
		color: #333;
		border-bottom: 1px solid #ddd;
		display: block;
		width: 200px;
		background: url(images/arrow_list.png) no-repeat 15px 14px;
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
	}

	.nav li ul li a:hover {
		text-decoration: none;
		border-bottom: 1px solid #ddd;
		background: #f8f8f8 url(images/arrow_list.png) no-repeat 25px 14px;
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
	}



@media (max-width: 991px){
	.nav > li > a{
		font-size: 12px;
		font-weight: bold;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 10px;
		padding-right: 8px;
		}
	}

@media (max-width: 767px){

.navbar-header{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebebeb+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
	}

.navbar-nav, .menu{
	margin: 0px;
	}

	.nav > li{
		border-bottom: 1px solid #eee;
		}

	.nav > li > a{
		text-align: right;
		}

	.nav > li.current_page_item > a{
		margin-bottom: 0px;
		}

	.nav > li > ul{
		display: none !important;
		}

	.nav li ul {
		display: none !important;
		}

}


.navbar-brand{
	padding: 5px 15px;
    width: 240px;
	}

.navbar-brand img{
	display: block;
    float: left;
    height: 40px;
	}

.navbar-brand h1{
    margin: 10px 0px 10px 10px;
    font-size: 18px;
    float: left;
    font-family: PT serif;
	font-weight: 700;
    color: #333;
	}

	.navbar-brand h1 span{
		color: #999;
		}

.navbar-toggle{
	border: 1px solid #999;
	}

.navbar-toggle .icon-bar{
	background: #999;
	}

.slider_carousel{
	margin-top: 20px;
	}

.slider_text{
	color: #333;
	background: #fff;
	padding: 50px 70px 0px;
	margin-top: 20px;
	height: 377px;
	position: relative;
	}

	.slider_text h2{
		margin-bottom: 40px;
		font-family: 'PT Serif', serif;
		color: #2b1e12;
		}

	.slider_text .new-caption-area{
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 100%;
		/* background: #bba88d; 5.7.2021 dzovic */
		background: #f5f0e1;
		padding: 20px;
		color: #5d542b;
		text-align: right;
		font-size: 21px;
		font-family: 'PT Serif', serif;
		}

@media (max-width: 1399px){
	.slider_text{
		height: 320px;
		padding: 40px 50px 0px;
		}

	.slider_text h2{
		font-size: 24px;
		}

	}

@media (max-width: 1199px){
	.slider_text{
		height: 264px;
		padding: 10px 30px 0px;
		}

	.slider_text h2{
		margin-bottom: 20px;
		}

	.slider_text .new-caption-area {
		padding: 10px;
	}
}

@media (max-width: 991px){
	.slider_text{
		height: 202px;
		padding: 5px 20px;
		}

	.slider_text .new-caption-area{
		padding: 10px;
		font-size: 18px;
		}

	.slider_text h2{
		font-size: 18px;
		margin-bottom: 15px;
		}

	}

@media (max-width: 767px){

	.slider_carousel{
		margin-top: 0px;
		}

	.slider_text{
		margin-top: 0px;
		height: auto;
		padding: 5px 30px 15px;
		}

	.slider_text h2{
		font-size: 20px;
		}


	}

@media (max-width: 499px){

	.slider_text{
		padding: 10px;
		}

	.slider_text h2{
		font-size: 18px;
		margin: 0px;
		text-align: center;
		}

	.slider_text p{
		display: none;
		}

	}



.heading_section{
	height: 35px;
    line-height: 35px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
	padding-left: 20px;
	}

	.heading_section span{
		margin-right: 10px;
		}

.heading_section_news{
	/* background: #946440; */ 
	background: #c3532f;
	}

.heading_section_news_archive{
	background: #999;
	margin-top: 20px;
	}

.heading_section_light_blue{
	background: #a9d5ff;
	color: #333;
	}

.heading_section_dark_gray{
	/* background: #5d542b; 5.7.2021 dzovic */
	background: #d6970e;
	}

.heading_section_light_gray{
	/* background: #6e6c34; 5.7.2021 dzovic */
	background: #d6970e;
	}

.heading_section_gray{
	background: #448dd0;
	}

.section h3{
	font-weight: 400;
	margin-top: 0px;
	font-family: 'PT Serif', serif;
	}

	.section h3 a{
		color: #333;
		}

.section_light_gray_wimage img{
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 140px;
	}

.section_news {
    /* background: #bba88d; 5.7.2021 dzovic */
	background: #f5f0e1;
    padding: 10px 0 0;
	}

.section_light_gray {
    background: #fff;
	padding: 20px;
	}

.section_light_blue {
    background: #bba88d;
	padding: 20px;
	}

	.section_light_blue a{
		color: #333;
		}

.section_gray {
	color: #fff;
    background: #67abe8;
	padding: 20px;
	}

		.section_gray a, .section_gray h3 a{
			color: #fff;
			}

.section_dark_gray {
    background: #2b1e12;
    padding: 20px;
	color: #f4f4f4;
	}

	.section_dark_gray a, .section_dark_gray h3 a{
		color: #f4f4f4;
		}

	.section_dark_gray img, .section_gray img, .section_light_blue img{
		float: left;
		width: 200px;
		height: auto;
		margin: 0 20px 20px 0;
		}

.article {
    clear: both;
    margin-bottom: 10px;
    width: 100%;
}

.article .article_date {
    width: 100%;
    height: 80px;
    padding: 10px 0;
    color: #777;
    background: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    position: relative;
}

.article .article_day {
    font-size: 36px;
	line-height: 36px;
    display: block;
	padding-top: 2px;
	color: #6e6c34;
}

.article .article_month {
    font-size: 12px;
}

.article .article_img {
    width: 100%;
    height: 80px;
    position: relative;
	background: #000;
}

.article .article_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.article .article_text{
	margin-left: 10px;
	}

.article .article_text h4{
	margin: 0px 0px 10px;
	font-size: 16px;
	font-weight: 700;
	}

.article .article_text a{
    color: #333;
}

@media (max-width: 767px){

.article .article_date {
    height: 60px;
    padding: 5px 0;
}

.article .article_day {
    font-size: 24px;
	line-height: 24px;
}

.article .article_month {
    font-size: 10px;
}

.article .article_img {
    height: 60px;
	overflow: hidden;
}

	.article .article_text h4{
		font-size: 14px;
		}
	}


.breadcrumb{
	background: #fff;
	margin-bottom: 0px;
	}

	.breadcrumb a{
		color: #999;
		padding: 0px;
		}

	.breadcrumb span{
		padding: 15px 10px;
		line-height: 32px;
		font-size: 12px;
		}

		.breadcrumb span span{
			padding: 0px;
			}


.section_content{
	background: #fff;
    padding: 20px 40px;
    border-right: #ebebeb solid 20px;
    margin-top: 20px;
	}

	.section_content h2, .section_content h3, .section_content h4{
		font-family: 'PT Serif', serif;
		font-weight: 700;
		margin: 20px 0px;
		}

	.section_content h2{
	    border-bottom: 1px solid #eee;
		padding-bottom: 25px;
		margin-bottom: 30px;
		}

	.section_content img.aligncenter{
		margin: 0 auto 20px;
		display: block;
		}

	.section_content img.alignnone, .section_content img.alignleft{
	    float: left;
	    margin: 0px 20px 20px 0px;
	    max-width: 100%;
		height: auto;
		}

	.section_content img.alignright{
	    float: right;
	    margin: 0px 0px 20px 20px;
	    max-width: 100%;
		height: auto;
		}

	.section_content .featured_img img{
		float: left;
		margin: 0 20px 20px 0px;
		width: 50%;
		height: auto;
		}

	.section_content .gallery{
		clear: both;
		}

.section_content_list_pages ul{
	padding: 0;
	list-style: none;
	}

	.section_content_list_pages ul li{
		width: 33%;
		float: left;
		padding: 10px;
		}

		.section_content_list_pages ul li a{
			border: 1px solid #ccc;
			padding: 10px;
			box-sizing: border-box;
			display: table-cell;
			vertical-align: middle;
			height: 180px;
			width: 1000px;
			text-align: center;
			font-size: 18px;
			font-weight: bold;
			background: #f4f4f4;
			}

		@media (max-width: 1199px){
			.section_content_list_pages ul li a{
				height: 150px;
				font-size: 16px;
				}
			}

		@media (max-width: 991px){
			.section_content_list_pages ul li a{
				height: 120px;
				font-size: 14px;
				}
			}

		@media (max-width: 499px){
			.section_content_list_pages ul li a{
				height: 100px;
				font-size: 12px;
				}
			}

		.section_content_list_pages ul li a:hover{
			background: #eee;
			text-decoration: none;
			}

.section_content_map{
    padding: 20px;
	}

	.section_content_map iframe{
		border: 0px;
		width:100%;
		height: 670px;
		}

@media (max-width: 767px){
	.section_content {
		height: auto !important;
		border-right: none;
		padding: 10px 20px;
	}

	.section_content img.alignnone, .section_content img.aligncenter, .section_content img.alignleft, .section_content img.alignright{
	    float: none;
	    margin: 0px auto 20px;
		display: block;
		width: 100%;
		height: auto;
		}

}



.aside{
	margin-top: 20px;
	}

.aside .section_dark_gray img, .aside .section_gray img{
	width: 100%;
	}

.sidebar ul {
    padding-left: 0px;
	margin-bottom: 20px;
}

.sidebar ul li {
    margin-bottom: 5px;
	display: block;
}

	.sidebar ul li:before{
		content: "\e080";
		font-family: 'Glyphicons Halflings';
		font-size: 9px;
		float: left;
		margin-left: 14px;
		color: #946440;
		margin-top: 18px;
		}

.sidebar ul li.current_page_item {
    display: none;
}

.sidebar ul li a {
    /* background: #5d542b; 5.7.2021 dzovic */
	background: #1e3d59;
    font-size: 14px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 30px;
    color: #fff;
    display: block;
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    -ms-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear;
}

.sidebar ul li a:hover {
    /* background: #2b1e12; 5.7.2021 dzovic */
	background: #ffc13b;
	padding-left: 40px;
    text-decoration: none;
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    -ms-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear;
}








.footer{
	/* background: #5d542b; 5.7.2021 dzovic */
	background: #f5f0e1;
	margin-top: 20px;
	padding: 10px 0px;
	/*color: #fff; 5.7.2021dzovic*/
	}

	.footer ul{
		list-style: none;
		padding: 5px 20px;
		margin-bottom: 0px;
		}

		.footer ul li{
		    font-weight: 700;
			line-height: 18px;
			padding-top: 8px;
			padding-bottom: 8px;
			}

			.footer ul li ul{
				padding: 0px;
				margin-top: 10px;
				}

		.footer ul li ul li{
			font-weight: 400;
			margin-left: 20px;
			line-height: 18px;
			display: block;
			padding-bottom: 4px;
			padding-top: 4px;
			}

		.footer ul li ul li:before{
			/*Using a Bootstrap glyphicon as the bullet point*/
			content: "\e080";
			font-family: 'Glyphicons Halflings';
			font-size: 9px;
			float: left;
			margin-left: -17px;
			color: #bba88d;
			}

		.footer ul li ul li a {
			/* color: #bba88d; */
			color: #1e3d59;
			}

	.footer_info{
		padding: 20px;
		}

		.footer_info img{
			display: block;
			float: left;
			width: 100%;
			max-width: 300px;
			}

		.footer_info h3{
			float: left;
			font-family: 'PT Serif', serif;
			margin-left: 10px;
			}

		.footer_info h4{
			border-top: 1px solid #2b1e12;
			margin-top: 20px;
			padding-top: 20px;
			}

.credits{
	height: auto;
	/*background: #2b1e12;*/
	background: #1e3d59;
	}

	.credits p{
		font-size: 12px;
		line-height: 50px;
		margin: 0px;
		color: #eee;
		}

	.whomadethis {
		color: #fff;
		font-size: 12px;
		line-height: 50px;
		float: right;
		}

	.whomadethis span.red {
		color: #FF0000;
		}

	.whomadethis:hover, .whomadethis:hover span.red {
		color: #F00;
		cursor: pointer;
		text-decoration: none;
		}

	.whomadethis span {
		color: #bba88d;
		cursor: text;
		}

@media (max-width: 767px) {

.footer ul{
	padding: 10px;
	}

	.credits{
		text-align: center;
		}

		.credits p{
			border-bottom: 1px solid #ccc;
			}

		.whomadethis {
			float: none;
			text-align: center;
			}

	}



@media (min-width: 768px) {
	.menu-item {
		float: left;
		position: relative;
		display: block;
	}

	#menu-glavni-izbornik {
		float: left;
		margin: 0;
	}
}

.menu-item > a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 20px;
	position: relative;
	display: block;
}

@media (max-width: 991px){
	.menu-item > a {
		font-size: 12px;
		font-weight: bold;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 10px;
		padding-right: 8px;
	}
}


.current-menu-item > a{
	/* background: #6e6c34;  dzovic 5.7.2021*/
	background: #f5f0e1;
	color: #1e3d59;
}

.menu-item a, .menu-item a:hover{
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}

.menu-item > a:hover, .menu-item > a:focus {
	text-decoration: none;
	/* background-color: #5d542b; */
	background-color: #ffc13b;
}


.menu-item ul {
	position: absolute;
	z-index: 100000;
	top: 51px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	list-style: none;
	padding-left: 0px;
	display: none;
}

/*.menu-item a:hover + ul {
	display: block;
}*/

.menu-item ul li {
	clear: both;
	background: #fff;
}

.menu-item ul li a {
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #333;
	border-bottom: 1px solid #ddd;
	display: block;
	width: 200px;
	background: url(images/arrow_list.png) no-repeat 15px 14px;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.menu-item li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	background: #f8f8f8 url(images/arrow_list.png) no-repeat 25px 14px;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}




@media (max-width: 767px){


	.navbar-nav, .menu{
		margin: 0px;
	}

	.menu-item{
		border-bottom: 1px solid #eee;
	}

	.menu-item  > a{
		text-align: right;
	}

	.current-menu-item > a{
		margin-bottom: 0px;
	}

}

#menu-glavni-izbornik {
	padding-left: 0;
	list-style: none;
}

#menu-glavni-izbornik:before {
	display: table;
	content: " ";
}


.logo-text {
	color: #000000;
}

.crkva img{
	width: 100%;
	height: auto;
}

.crkva div {
	margin: 0 0 10px;
}

footer .logo-text {
	/* color: #fff; 5.7.2021 dzovic */ 
}

.sidebar .section_light_gray {
	margin-bottom: 20px;
}

.section_content_list_pages ul li a {
	color: #5d532b;
}