@charset "UTF-8";
/* CSS Document */

body {
	
	font-family: 'Nunito', sans-serif;
}

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: none;
}

.body-container {
	margin-left: 5px;
	margin-right: 5px;
}


/*NAVBAR*/
.container-fluid {
	background-color: #ffffff;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
}

.title {
	margin-left: 3px;
	color: #000000;
	font-weight: bold;
	font-size: 32px;
}
.title-active {
	color: #9BC53B;
}
.title:hover {
	opacity: 0.7;
}

.navbar-nav {
	font-size: 17px;
	background-color: #ffffff;
}
.navbar-item {
	margin-left: 5px;
}
.navbar-active, .navbar-item:hover {
	color: #9BC53B;
	border-bottom: 7px solid;
	background-color: #ffffff;
}

.navbar-collapse {
	color: #000000;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #9BC53B;
}
.navbar-default .navbar-toggle {
	border: none;
}

.dropdown-toggle {
	margin-right: 5px;
	padding-bottom: 12px;
	padding-top: 12px;
}
.dropdown-text {
	font-size: 17px;
}
.navbar-mobile, .divide-border {
	display: none;
}

.form-group {
	width: 100%;
}



/*BUTTONS*/
.btn-orange {
	color: #ffffff;
	background-color: #FFB238;
}
.btn-orange:hover, .btn.orange:active, .btn.orange:focus {
	color: #ffffff;
	background-color: #FFB238;
	opacity: 0.7;
}
.btn-blue {
	color: #ffffff;
	background-color: #00A6FB;
}
.btn-blue:hover {
	color: #ffffff;
	background-color: #00A6FB;
	opacity: 0.7;
}
.btn-green {
	color: #ffffff;
	background-color: #9BC53B;
}
.btn-green:hover {
	color: #ffffff;
	background-color: #9BC53B;
	opacity: 0.7;
}
.btn-submit-new {
	height: 100%;
	width: 100%;
}


.glyphicon {
	color: #ffffff;
	margin-left: 3px;
	margin-right: 3px;
}
.glyphicon-menu-hamburger {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 3px;
	margin-right: 3px;
}

.navbar-default {
	color: #ffffff;
}


/*HOME PAGE*/
.jumbotron {
	margin-bottom: 10px;
	padding-top: 150px;
	padding-bottom: 150px;
}

.jumbotron>h3 {
	font-size: 32px;
}

/*LOST/FOUND*/
.caption {
	margin-top: -15px;
	padding-bottom: 5px;
	margin-bottom: 30px;
	text-align: center;
	color: #ffffff;
	background-color: #9BC53B;
}
.post {
	font-size: 15px;
}
.img-hover {
	border: 20px solid #9BC53B;
}
.post-container:hover {
	opacity: 0.7;
}
.info-field {
	color: #9BC53B;
}
.btn-back {
	padding-left: 25px;
	padding-right: 25px;
}

.product .img-responsive {
    margin: 0 auto;
}

@media screen and (max-width:767px){
	.title {
		font-size: 28px;
	}
	.navbar-active, .navbar-item:hover {
		color: #9BC53B;
		border-bottom: none;
		background-color: #ffffff;
	}
	.navbar-right {
		display: none;
	}
	.navbar-mobile {
		display: block;
		margin-bottom: 17px;
		padding-left: 14px;
	}
	.navbar-mobile a {
		color: #777777;
		text-decoration: none;
	}	
	.navbar-mobile a:hover {
		color: #000000;
		text-decoration: none;
	}
	.divide-border {
		display: block;
		border-top: 1px solid #9BC53B;
		padding-top: 17px;
		margin-right: 20px;
	}
	
}