@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400i');
/* CSS Document */
body {
	background-color: #102a46;
}
.templateContent {
	background-color: #fff;
	color: #333;
}
.templateContent p, .templateContent td {
	color: #333;
}
.templateContent a:link, .templateContent a:hover, .templateContent a:visited{
	color: #0050a1;	
}
.templateContent h1, .templateContent h2, .templateContent h3 {
	color: #102a46;
}
.templateContent h1 {
	margin-bottom: 30px;
}
hr {
    border-top: 1px solid rgba(0,0,0,0.5);
}
a:link, a:hover, a:visited {
	color: #ffe720;
}
a.btn  {
	color: #fff;
}
header {
	color: #fff;
}
header h4 {
	font-family: 'PT Serif', serif;
	font-size: 1.4rem;
	color: #8ccef1;
	font-style: italic;
}
footer h6 {
	font-weight: bold
}
.navbar-dark .navbar-nav .nav-link {
    opacity: 1;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
	text-transform: uppercase;
	color: #fff;
}
.nav-item.active {
    border-bottom: solid 2px #2aa138;
}
.navbar a.dropdown-item {
    color: #fff;
}
.dropdownRemoved .dropdown-toggle::after {
    display: none;

}
.navbar-toggler {
    background-color: #5cb85c;
    border: 1px solid #fff;
}
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.dropdownRemoved .dropdown-toggle::after {
    display: none;
}

#homePhoto {
	background: linear-gradient(to bottom, transparent, 80%, #102a46 ), url(../images/home-photo-bg.jpg);
	background-size: cover;
}
#homePhoto .bg-dark {
	background-color: rgb(0, 0, 0) !important;
	background-color: rgba(0, 0, 0, 0.6) !important;
}

.btn-success {
     color: #fff;
	 background: #2aa138;
    border-color: #2aa138;
}
.btn-warning {
    color: #f2da00;
    background-color: #c7b300;
    border-color: #c7b300;
}
.btn-outline-secondary {
    color: #839bb4;
    border-color: #839bb4;

}
.btn-warning:hover {
    color: #fff;
    background-color: #867901;
    border-color: #867901;
}
.form-control, .form-control:focus {
    color: #333;
    background-color: #fff;
}
#permitForm .form-text {
    font-style: italic;
    margin-left: 15px;
}
#permitForm .form-check-label {
    font-size: 1em;
}
#permitForm .col-form-label {
    margin-top: 8px;
}
.form-control-lg {
    height: calc(2.6rem);
}
.jumbotron {
	background-color: rgb(20, 96, 131);
	background-color: rgba(20, 96, 131, 0.9);
	padding: 2rem 1rem;
}
.card {
	background: linear-gradient(to bottom, #116e11, #3b863b );
	height: 100%;
	cursor: pointer;
}
.card:hover {
	background: none;
	background-color: #005700 !important;
	cursor: pointer;
}
.footer-border {
	border-top: solid 1px #F9EA00;
}
footer {
	font-size: 0.85em;
}
footer ul {
	list-style: square;
	padding-left: 30px;
}
.documents-table, .meetings-table {
	width: 100%;
}
.documents-table thead th {
	background-color: #A7D7E1;
	color: #666;
}
.documents-table tbody th {
	font-size: 16px;
	padding: 6px;
}
.documents-table tbody td {
	padding: 6px;
	padding-left: 10px;
}
.meetings-table th {
	background-color: #A7D7E1;
	color: #666;
	font-size: 16px;
	padding: 6px;
}
.row.searchResult {
	border-top: solid 1px #999;
	margin-bottom: 15px;
	padding-top: 15px;
}
.search-input {
	border: solid 1px #888;
	border-radius: 3px;
}
.search-input .input-group-addon {
	padding: 6px;
}


#calculator, #permitForm  {
	border: solid 1px #888;
	border-radius: 6px;
	padding: 15px;
	background-color: #d5efd8;
}
#calculator .table {
	background-color: #fff;
}
#calculator .table th {
	color: #666;
}
.error {
	color: crimson;
}

/*/ Special header styles for extra extra small /*/
@media (max-width: 460px) { 
.search-column .input-group {
	width: 70%;
	margin-left: 80px;
}
}
/*/ X-Small devices /*/
@media (max-width: 575px) { 
.nav-column {
	margin-top: -53px;
}
}
/*/ Small devices (landscape phones, 576px and up) /*/
@media (min-width: 576px) { 
.nav-column {
	padding-top: 5px;
}
}

/*/  Medium devices (tablets, 768px and up)/*/ 
@media (min-width: 768px) { 
.nav-column {
	margin-top: -50px;
}
.search-column {
	margin-top: -50px;
}

 }

/*/ Large devices (desktops, 992px and up)/*/ 
@media (min-width: 992px) { 
.documents-table, .meetings-table {
	width: 60%;
}
 }

/*/  Extra large devices (large desktops, 1200px and up)/*/ 
@media (min-width: 1200px) { 
header h4 {
	font-size: 1.3rem;
}
.jumbotron p {
	font-size: 1.075em;
}
 }