/* 
PALETA INKLUZIJE 
TAMNA 373737
CRVENA e30713
ZELENA 8bbf2e

DOM SV. ANTUN
TAMNA 575556
ZELENA 94c120
SMEŠA 714226
*/

@import url(https://fonts.googleapis.com/css?family=Merriweather|Lato:400,700);

h1,h2,h3,h4,h5,h6,h7,h8{
	font-family: 'Lato', sans-serif;
}

html * {
    outline: 0 !important;
}

p, li{
	font-size:16px;
	line-height:1.8em;
	text-align:justify;
	font-family: 'Merriweather', serif;
}

#about h1{
	width:255px;
	border-bottom: 3px #8bbf2e solid;
	color:#373737;
}

#about{
	min-height:412px;
	padding-top:10px;
	color:#373737;
}

#visual{
	margin-top:40px;
}

#how{
	padding-top:35px;
	min-height:369px;
	background-color:white;
	color:#373737;
	padding-bottom:35px;	
}

#how h1{
	width:410px;
	border-bottom: 3px #714226 solid;
}

@media (max-width: 400px) {
	#how h1{
		width:350px;
		border-bottom: 3px #714226 solid;
	}
}

#how p i{
	margin-left:25px;
	padding-right:10px;
}

#how h1.cijenik{
	width:115px;
	border-bottom: 3px #8bbf2e solid;
}

#gallery{
	padding-top:35px;
	min-height:369px;
	background-color:#94c120;
	color:white;
	padding-bottom:35px;
}

#gallery h1{
	color:white;
	width:130px;
	margin:0 auto 10px auto;
	border-bottom: 3px #714226 solid;
}

#gallery img{
	margin:5px;
	border:5px solid rgba(255, 255, 255, 0.5);
}

#bullets{
	color:white;
	margin-top:-30px;
	min-height:268px;
	background-color:#714226;
	padding-top:35px;
	padding-bottom:35px;
}

#bullets p{
	line-height:1.2em;
}

.plus p{
	line-height:1.8em !important;
}

.plus i{
	padding-left:10px;
	padding-right:10px;
}

#bullets h2{
	margin:20px;
}

.bhover:hover{
	font-size:16px;
	transition: all 0.5s ease;
}

#copyright{
	padding-top:8px;
	color:white;
	min-height:32px;
	background-color:#373737;
}

#copyright p{
	font-size:12px;
	line-height:1em;
	font-family: 'Lato', sans-serif;
}

#contact{
	min-height:354px;
	padding-top:25px;
	padding-bottom:25px;
}

#contact h1{
	margin-bottom:30px;
}

#footer{
	min-height:384px;
	background-color:#575556;
	color:white;
	padding-top:25px;
	padding-bottom:10px;
}

#footer h1{
	width:175px;
	border-bottom: 3px #e30713 solid;
}

#header{
    background: url('../images/old-people-eating-web.jpg');
	background-position: 50% 50%;
	background-attachment: fixed;
	background-size:cover;  
	height:568px;
	color:#ffffff;
	padding-top:330px;
}

#location a{
	color:white;
}

#location a:hover{
	color:#8b9dc3;
}

.messages.shown{
	padding-top:10px;
	padding-bottom:10px;
	font-size:16px;
	border-radius:6px;
	margin-bottom:10px;
}

.seniors{
	margin-top:30px;
}

#topnav{
	background: rgba(55,55,55,1);
	background: -moz-linear-gradient(top, rgba(55,55,55,1) 0%, rgba(231,56,39,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(55,55,55,1)), color-stop(100%, rgba(231,56,39,0)));
	background: -webkit-linear-gradient(top, rgba(55,55,55,1) 0%, rgba(231,56,39,0) 100%);
	background: -o-linear-gradient(top, rgba(55,55,55,1) 0%, rgba(231,56,39,0) 100%);
	background: -ms-linear-gradient(top, rgba(55,55,55,1) 0%, rgba(231,56,39,0) 100%);
	background: linear-gradient(to bottom, rgba(55,55,55,1) 0%, rgba(231,56,39,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#e73827', GradientType=0 );
	border:none;
	color:#ffffff;
	height:65px;
	transition: all 0.5s ease;
}

#topnavlinks{
	padding-top:10px;
	transition: all 0.5s ease;
}

#topnav  img{
	height:48px;
	transition: all 0.5s ease;
}

#topnavlinks ul li a{
	color:#ffffff;
	font-size:18px;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
}

#topnavlinks ul li a:hover{
	border-bottom:5px solid #e30713;
}

#topnav.shrink{
	background:#ffffff;
	height:65px;
	transition: all 0.5s ease;
	border-bottom:none;
}

#topnav.shrink #topnavlinks ul li a{
	color:#373737;
	transition: all 0.5s ease;
}

#topnav.shrink  img{
	height:48px;
	transition: all 0.5s ease;
}

#topnav.shrink .navbar-collapse{
	background-color:white;
}

#map iframe{
	margin: 25px 15px 15px 0px;
}

.contactList p{
	line-height:1.2em !important;
}

/* CUSTOM BOOTSRAP STYLES */
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
	background-color: transparent;
	border-bottom:5px solid #e30713;
	color:#ffffff;
}

.btn-danger{
	background-color:#e30713;
}

.btn-danger:hover{
	background-color:#8bbf2e;
	border-color:#94c120;
}