/* GENERAL  */
body {
	font-family: trebuchet, Roboto, sans-serif;
	font-size: 15px;
	color: #111;
}

.btn-primary {
	background: #00773f;
	border-color: #00773f;
	border-radius: 0;
}
	.btn-primary:hover {
    background-color: #009640;
    border-color: #009640;
	}
	.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: #009640;
    border-color: #009640;
	}
	.btn-primary.focus, .btn-primary:focus {
    background-color: #009640;
    border-color: #009640;
    box-shadow:0;
	}

a {
	color: #00773f;
}
	a:hover {
		color: #00773f;
	}
h1 {
	color: #00773f;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 5px solid #ffd801;
	padding: 0 0 6px 0;
	margin: 0 0 25px 0;
	display: inline-block;
}
h2 {
	color: #111;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}
h2 {
	color: #111;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

#page {
	margin: 20px 60px;
}

.cne-top-1,
.cne-top-2 {
	position: absolute;
	top: -30px;
	right: 30px;
	color: #00773f;
}
.cne-top-2 {
	right: 0;	
}
.cne-top-1 a,
.cne-top-2 a {
	color: #00773f;
}
.cne-user-name {
	font-weight: bold;
}
.cne-user-name:hover {
	text-decoration: none;
}
.cne-user-email {
	text-decoration: underline;
}

.navbar {
	background: #e4e1e3;
	padding: 0;
	margin-top: 40px;
}
	.navbar-brand {
		padding: 0;
		margin: 0;
		background: #fff;
		border-right: 3px solid #fff;		
	}
		.navbar-brand img {
			height: 150px;
		}

	.navbar-nav li a {
		height: 150px;
		width: 150px;
		text-align: center;
		line-height: 120%;
		padding: 0;
		box-sizing: border-box;
		border-right: 3px solid #fff;
		color: #00773f;
		transition: all 200ms ease;
		display:flex;
  	align-items:center;
  	justify-content: center;
	}
		.navbar-nav li a span {

		}
	
	.navbar-nav li:nth-child(1) a {
		background: #fafafa;
	}
	.navbar-nav li:nth-child(2) a {
		background: #f5f3f4;
	}
	.navbar-nav li:nth-child(3) a {
		background: #f1eff0;
	}
	.navbar-nav li:nth-child(4) a {
		background: #efecee;
	}
	.navbar-nav li:nth-child(5) a {
		background: #ece9eb;
	}
	.navbar-nav li:nth-child(6) a {
		background: #eae6e9;
	}

	.navbar-nav li a:hover,
	.navbar-nav li.active a,
	.navbar-nav li.active a:hover {
		background: #b85010;
		color: #fff;
	}

#lastinfo {
	padding: 20px;
	margin: 5px 0 0 3px;	
	font-style: italic;
}
#specialinfo {
	padding: 20px;
	margin: 5px 0 0 3px;
	font-style: italic;
}


/* ====================================== MAIN ====================================== */
#main {	
	margin-top: 30px;
}

/* HOMEPAGE MASONRY */
.masonry {
	margin-left: -10px;
	margin-right: -10px;
}
	.masonry .grid-card {
		padding: 10px;
		width: 20%;
	}
	.masonry .card {
		border-color: #e9e9e9;
		border-radius: 0;
		margin-bottom: 5px;		
		display: block;

		transition: all 200ms ease;
	}
		.masonry .card a {
			text-decoration: none;
		}
		.masonry .card .card-img-top {
			border-radius: 0;
		}

		.masonry .card .card-date {
			margin: 0;
			padding: 0;
			color: #000;
		}

		.masonry .card .card-title {
			color: #00773f;
			padding: 0;
			margin: 10px 0 20px;
		}

		.masonry .card .card-text {
			color: #000;
		}

		.masonry .card .card-footer {
			background: none;
			border: 0;
			padding: 0;
			text-align: right;
		}
			.masonry .card .card-footer span {
				background: #00773f;
				color: #fff;
				font-size: 24px;
				width: 40px;
				height: 40px;
				line-height: 35px;
				text-align: center;
				display: inline-block;
				text-decoration: none;
				transition: all 200ms ease;
			}

			.masonry .card:hover {
				border-color: #b85010;
				box-shadow: 0 0 5px rgba(0,0,0,.6);
			}
			.masonry .card:hover .card-footer span {
				text-decoration: none;
				background: #b85010;
			}

/* FAQ */
.faq .card {
	border-radius: 0;
}
	.faq .card-header {
		background: #fff;		
		cursor: pointer;
	}
		.card-header .title {
	    color: #00773f;
			font-size: 18px;
		}
		.card-header .accicon {
	    float: right;
	    font-size: 20px;
	    width: 1.2em;
		}
		.card-header:not(.collapsed) .rotate-icon {
		  transform: rotate(180deg);
		}

/* documents */
.documents table td {
	vertical-align: middle;
}
.documents a {
	display: block;
}
.documents a:hover {
	text-decoration: none;
}
.documents a.icon:before {
	content: ' ';
	width: 35px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	background: url(../img/ico-link.png) no-repeat center center / cover;
}

.documents a.icon[data-extension=txt]:before,
.documents a.icon[data-extension=doc]:before,
.documents a.icon[data-extension=docx]:before {
	background: url(../img/ico-doc.png) no-repeat center center / cover;
}

.documents a.icon[data-extension=xls]:before,
.documents a.icon[data-extension=xlsx]:before,
.documents a.icon[data-extension=csv]:before {
	background: url(../img/ico-xls.png) no-repeat center center / cover;
}

.documents a.icon[data-extension=pdf]:before {
	background: url(../img/ico-pdf.png) no-repeat center center / cover;
}

.documents a.icon[data-extension=ppt]:before,
.documents a.icon[data-extension=pptx]:before {
	background: url(../img/ico-ppt.png) no-repeat center center / cover;
}

.documents a.icon[data-extension=avi]:before,
.documents a.icon[data-extension=mov]:before,
.documents a.icon[data-extension=mp4]:before {
	background: url(../img/ico-mov.png) no-repeat center center / cover;
}

.documents a.icon[data-extension=png]:before,
.documents a.icon[data-extension=jpg]:before,
.documents a.icon[data-extension=jpeg]:before,
.documents a.icon[data-extension=gif]:before {
	background: url(../img/ico-img.png) no-repeat center center / cover;
}

.documents a.icon[data-extension=mp3]:before,
.documents a.icon[data-extension=wav]:before {
	background: url(../img/ico-mp3.png) no-repeat center center / cover;
}

.documents a.icon[data-extension=zip]:before,
.documents a.icon[data-extension=rar]:before {
	background: url(../img/ico-zip.png) no-repeat center center / cover;
}

@media (max-width: 1600px) {	
	#main .card-columns {
	  column-count: 4;
	}

	#page {
		margin:10px 20px;
	}

	.navbar-brand img {
		height: 140px;
	}
	.navbar-nav li a {
		height: 140px;
		width: 140px;
	}
}	

@media (max-width: 1200px) {	
	#main .card-columns {
	  column-count: 3;
	}

	#page {
		margin:0;
	}

	.navbar-brand img {
		height: 130px;
	}
	.navbar-nav li a {
		height: 130px;
		width: auto;
		padding: 0 15px !important;
	}
}

@media (max-width: 992px) {	

	#page {
		margin:0;
	}

	/* NAV MOBILE  */
	.cne-header {
		display: none;
	}
	.navbar-brand img {
		height: 150px;
	}
	.navbar {
		background: #b85010;
		margin-top: 0;
	}
	.navbar-toggler {
		width: 150px;
		height: 150px;
		padding: 0;
		margin: 0;
		border: none;
		box-sizing: border-box;
		border-radius: 0;
	}
	.navbar-toggler-icon {
		width: 40px;
		height: 40px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	.navbar-toggler-menu {
		color: #fff;
		text-transform: uppercase;
		font-size: 80%;
		display: block;
	}

	#navbarNav {
		min-height: calc(100vh - 150px);
		text-align: center;
		background: #b85010;
		border-top: 3px solid #fff;
	}
		.cne-top-1 a,
		.cne-top-2 a {
			color: #fff;
		}
		.cne-top-1,
		.cne-top-2 {
			position: static;
			display: block;
			padding: 25px;
			color: #fff;
		}
		.cne-user-name {
			display: block;
			font-size: 20px;
		}
		.cne-user-name span {
			display: block;
			font-size: 60px;
			margin-bottom: 10px;
		}
		.cne-top-2 a {
			font-size: 40px;
		}
		.navbar-nav {
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			padding: 30px 0;
			display: inline-block;
			margin: 30px 0;
		}
		.navbar-nav li a {
			width: auto;
			height: auto;
			border: none;
			background: transparent !important;
			font-size: 40px;
			padding: 8px 20px !important;
			font-weight: bold;
			color: #fff;
			text-transform: uppercase;
		}
		.navbar-nav li a:hover,
		.navbar-nav li.active a,
		.navbar-nav li.active a:hover {
			background: transparent !important;
			color: #111;
		}

	#main h1 {
		display: block;
	}

}

@media (max-width: 768px) {	
	#main .card-columns {
	  column-count: 2;
	}

	body {
		padding-top: 100px;
	}
	.navbar-brand{
		background: #009534;
	}
	.navbar-brand img {
		height: 100px;
		border-right: 8px solid #07773f;
	}
	.navbar-toggler {
		width: 100px;
		height: 100px;
		margin: 0 auto;
	}
	#navbarNav {
		min-height: calc(100vh - 100px);
	}
	.navbar-nav {
		margin: 10px 0;
		padding: 15px 0;
	}
	.navbar-nav li a {
		white-space: nowrap;
		font-size: 20px;
		padding: 5px 20px !important;
	}
	.cne-top-1,
	.cne-top-2 {
		padding: 15px;
	}
	.cne-user-name span {
		font-size: 40px;
	}
	.cne-top-2 a {
		font-size: 30px;
	}
	#header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9;
	}
		#header .container-fluid {
			padding: 0 !important;
		}
}

@media (max-width: 576px) {	
	#main .card-columns {
	  column-count: 1;
	}
}