/* General Styles */
body, html {
	font-family: 'Open Sans', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #fff; /* Default text color set to white */
	width: 100% !important;
	height: 100% !important;
}

h1 { font-weight: 400; }

h2 {
	line-height: 20px;
	margin: 0;
	color: #2e7d32;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 10px;
}

h3, h4 { 
	color: #fff; /* All h3 and h4 text now white */
	font-size: 20px;
	font-weight: 400;
}

h5 { 
	text-transform: uppercase; 
	font-weight: 700; 
	line-height: 20px; 
}

p { 
	font-size: 15px; 
	color: #fff; /* Paragraphs white by default */
}

a { 
	color: #fff; 
}

a:hover, a:focus { 
	color: #66bb6a; 
	text-decoration: none; 
}

/* Navbar Styles */
#menu.navbar-default { 
	background-color: rgba(0,100,0,0.7); 
	border-color: rgba(0,100,0,0.7); 
}

#menu a.navbar-brand { 
	color: #fff; /* Brand text white */
	font-weight: bold;
}

#menu.navbar-default .navbar-nav > li > a {
	color: #fff; /* Navbar links white */
	font-weight: 600;
}

#menu.navbar-default .navbar-nav > li > a:hover { 
	color: #a5d6a7; 
}

/* Intro Section */
.intro { 
	display: table;
	width: 100%;
	height: auto;
	text-align: center;
	color: #fff;
	background: url(../img/intro-bg.jpg) no-repeat center center;
	background-size: cover;
}

.intro .overlay {
	padding: 100px 0;
	background: linear-gradient(to bottom, rgba(46,125,50,1) 0%, rgba(46,125,50,0.6) 100%);
}

/* About Section */
#about {
	padding: 100px 0;
	color: #fff; /* White text */
	background: linear-gradient(to bottom, rgba(56,142,60,1) 0%, rgba(76,175,80,1) 50%);
}

#about h2 { color: #fff; }
#about h4 { color: #fff; }

/* Other Sections */
#vrtovi { padding: 120px 0; background: #1b5e20; }
#vocnjaci { background: #2e7d32; padding: 50px 0; }
#navodnjavanje { background: #1b5e20; padding: 50px 0; color: #c8e6c9; }
#vrtne-kucice { background: #43a047; padding: 50px 0; color: #fff; }
#ograde { background: #2e7d32; padding: 50px 0; color: #fff; }

/* Footer */
#footer { 
	background: #145a32; 
	padding: 25px 0 20px 0; 
	color: #c8e6c9; 
}

#footer a:hover { 
	color: #a5d6a7; 
}
#menu.navbar-default .navbar-nav > li.active > a,
#menu.navbar-default .navbar-nav > li.active > a:hover,
#menu.navbar-default .navbar-nav > li.active > a:focus {
    background-color: #2e7d32;  /* darker green square */
    color: #ffffff;             /* keep text white */
}