/*
 * Date:		09/01/2018
 * Version:		5
 * Template:	Community Development District
 * Author:		bleep.media
 */

/* Table of Content
==================================================
	
	- HEADER
	- JUMBOTRON
	- PAGE-HEADER
	- MAIN
	- BOARD
	- NEWS
	- NOTICE
	- FOOTER
	- ICONS
	- BUTTONS
	- SCREEN READER

=================================================
*/

body {
	font-family: 'Source Sans Pro', sans-serif; 
	color: #07070a;
}

a {
	/* color: #004FBA; #5252FF #4271B8*/
	color: #004FBA;
	
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:hover {
	color: #C70000;
	text-decoration: underline;
}

a:focus {
	outline:thin dashed
}

a.lnk {
	text-decoration: underline;
}

a.lnk:hover {
	color: #C70000;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin-bottom: 0.5rem;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	letter-spacing: -0.06rem;
	line-height: 1.2;
	color: inherit;
}

p {
	font-size: 1.1rem;
	line-height: 1.6;
}

h3.par {
	font-family: 'Source Sans Pro', sans-serif;
	color: #07070a !important;
	font-size: 1.1rem !important;
	letter-spacing: 0;
	line-height: 1.6;
	font-weight: bold;
}

.staff-info h3.par2 {
	font-family: 'Source Sans Pro', sans-serif;
	color: #07070a !important;
	font-size: 1rem !important;
	letter-spacing: 0;
	line-height: 1.6;
	font-weight: bold;
	margin-bottom: 0;
}

hr {
	box-sizing: content-box;
	height: 0;
	margin: 3rem auto 3rem auto;
	overflow: visible;
}

hr.dotted {
	height: 1px;
	margin: 1.25rem auto 1.25rem auto;
	display: block;
	border-top: 2px dotted #e0e0e0;
}

hr.news-article {
	height: 1px;
	margin: 1.25rem auto 1.25rem auto;
	display: block;
	border-top: 2px dotted #e0e0e0;
}


/* HEADER
-------------------------------------------------- */

header {
	margin: .7rem auto .7rem auto;
}

header .navbar-logo {
	color: #000;
	font-family: 'Averia Serif Libre', cursive;
	/* font-size: 1.6rem; */
	font-weight: 600;
	letter-spacing: -0.06rem;
}

header a.navbar-logo:hover {
	color: #595959;
	text-decoration: none;
}

header .nav-item {
    font-size: 1.1rem;
}

header .navbar-light .navbar-nav .nav-link {
	color: #000;
	padding-left: 0.9rem;
	padding-right: 0.9rem;
}

header .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #000;
  background-color: #f3f6fb;
  border-radius: 5px;
}

header .nav-btn {
	margin-left: 0.9rem;
}

.dropdown-item {
	color: #000;
}

.dropdown-item a:link {
	color: #000;
}

.dropdown-item a:visited {
	color: #000;
}


.dropdown-item.active, .dropdown-item:active {
	color: #000;
	text-decoration: none;
	background-color: #fff;
}

.dropdown-item:hover, .dropdown-item:focus {
	color: #000;
	text-decoration: none;
	background-color: #f3f6fb;
}



/* JUMBOTRON
-------------------------------------------------- */

.jumbotron {
	background-image: url(../media/hero-banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 5rem;
	padding-bottom: 4.6rem;
}

.jumbotron h1 {
	font-weight: 400;
	line-height: 1.25;
	/* margin-top: 1.7rem; */
	margin-bottom: 1.25rem;
}

.jumbotron p {
	line-height: 1.25;
	/* margin-bottom: 1.7rem; */
}


/* PAGE-HEADER
-------------------------------------------------- */

.page-header {
	padding-top: 2.5rem;
	padding-bottom: 2rem;
}

.page-header h1 {
	font-size: 1.75rem;
	font-weight: 400;
	letter-spacing: .01rem;
}

.breadcrumb {
	background-color: #fff;
	border-bottom: 1px solid #e0e0e0;
}

.breadcrumb-item.active {
	color: #333;
}


/* MAIN
-------------------------------------------------- */

.content.section {
	margin: 2.5rem 0 2rem 0;
}

.content h2, .content h3, .content h4 {
	color: #205276;
	font-size: 1.8em;
	margin-bottom: 1.5rem;
}

h3.caption {
	color: #333;
	font-size: 1.3em;
	margin-top: 1.1rem;
}

.page-faqs h3 {
	font-size: 1.5em;
	margin-top: 0.5rem;
}

.content p {
	margin-bottom: 1.5rem;
}

input.form-control {
	height: 3rem;
}

textarea.form-control {
	height: 10rem;
}

.page-contact .staff-info i.fa {
	font-size: 2.5rem;
	margin-bottom: .5rem;
	color: #303236;
}

h3.meeting-info {
	font-family: 'Source Sans Pro', sans-serif; 
	color: #07070a;
	font-weight: bold;
	letter-spacing: 0;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.meeting-info {
	font-size: 1em;
}

ol.list {
	font-size: 1.1rem;
	line-height: 1.6rem;
	color: #07070a;
	margin-bottom: 1.5rem;
}

ol.list li {
	padding-bottom: .5rem;
}

ul.list-documents a::before {
	margin-right: 0.375rem;
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\f1c1";
}

ul.list-scheduale {
	list-style-type: none;
	padding-left: 0;
}

ul.list-news li {
	padding: 0.5em 0;
	border-bottom: 2px dotted #e0e0e0;
}

ul.list-documents, ul.list-budget, ul.list-form, ul.list-news, ul.list-relevant {
	font-size: 1rem;
	line-height: 1.6rem;
	list-style-type: none;
	padding-left: 0;
}

ul.list-documents li, ul.list-budget li, ul.list-form li, ul.list-news li, ul.list-relevant li {
	padding: 0.3rem 0;
	border-bottom: 2px dotted #e0e0e0;
}

ul.list-documents li:first-child, ul.list-budget li:first-child, ul.list-form li:first-child, ul.list-news li:first-child, ul.list-relevant li:first-child {
	padding-top: 0;
}

ul.list-documents li:last-child, ul.list-budget li:last-child,  ul.list-form li:last-child, ul.list-news li:last-child, ul.list-relevant li:last-child {
	border-bottom: none;
}


/* BOARD
-------------------------------------------------- */

.section-title h2 {
	padding-bottom: 10px;
}

.grey-box {
	padding: 30px 30px 10px 30px;
	background-color: #f9f9f9;
	margin-bottom: 30px;
	border-radius: 10px;
}

.grey-box a {
	color: #004FBA;
}

.board-info h3, .staff-info h3 {
	color: #111;
	font-size: 1.5em !important;
	font-weight: 300;
}

.board-info li, .staff-info li {
	font-size: 1.05rem;
	list-style-type: none;
	margin-left: 0;
}

.list-group .strong {
	font-weight: 600;
}

.board-info ul, .staff-info ul, .district-info {
	padding-bottom: 20px;
}


/* NEWS
-------------------------------------------------- */

.list-news-article {
	color: #000;
	padding: 1.5rem;
	border-radius: 10px;
}

.list-news-article:hover {
	background-color: #f1f1f1;
	border-radius: 10px;
}

.list-news-article h2 {
	font-size: 1.5rem;
	font-weight: 400;
	padding: 0;
	margin: 0;
}

.list-news-article p.date, .news-article p.date {
	font-size: 1rem;
	font-weight: 600;
	margin-top: 0rem;
}

.list-news-article p {
	margin-top: 1rem;
	margin-bottom: 0;
}

.news-article h1 {
	font-size: 2rem;
	font-weight: 400;
	margin: 0;
	padding: 0;
}


/* NOTICE
-------------------------------------------------- */

.record-notice {
	background-color: #f9f9f9;
	padding-top: 1.875rem;
	padding-bottom: .875rem;
}

.record-notice h2 {
	font-size: 1.5rem;
	/* margin: 1.875rem 0; */
}

.record-notice p {
	font-size: 1rem;
	/* margin: 1.875rem 0; */
}


/* SIDEBAR
-------------------------------------------------- */

.nav-sidebar .nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.nav-sidebar .nav {
	font-family: 'Roboto Slab', serif;
	font-size: 100;
	font-size: 1em;
}

.nav-sidebar .nav li:hover {
	background-color: #f3f6fb;
}

.nav-sidebar .nav li a:link {
	color: #4d4f53!important;
	margin-top: -1px;
	border: 1px solid #e2e6ed;
}

.nav-sidebar .nav li a:visited {
	color: #4d4f53!important;
	margin-top: -1px;
	border: 1px solid #e2e6ed;
}

.nav-sidebar .nav li a:hover {
	color: #004FBA!important;
}

.nav-sidebar .nav > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
}

.nav-sidebar .nav > li {
	position: relative;
	display: block;
}


/* FOOTER
-------------------------------------------------- */

footer {
	color: #f2f4f7;
}

footer .footer {
	background-color: #303236;
	letter-spacing: .02rem;
	padding-top: 2.875rem;
	padding-bottom: 1.875rem;
}

footer h3, footer h2 {
	font-size: 1.325rem;
	padding-bottom: .875rem;
}

footer .footer p {
	font-size: .95rem;
	line-height: 1.5;
}

footer .footer-info {
	font-size: .95rem;
	line-height: 1.5;
}

footer .ftr-address ul:last-child {
	padding-top: 1.46rem;
}

footer .copyright {
	background-color: #35373b;
}

footer .copyright p {
	font-size: .825rem;
	letter-spacing: .02rem;
}

footer p.copyright-text {
		margin-top: 1.5rem;
	}

footer p.back-top a {
		display: block;
}

footer a {
	color: #9ed7ff;
}

footer a:hover {
	color: #fff;
}


/* ICONS
-------------------------------------------------- */

.fa {
	margin-right: .375rem;
}

.fa-li {
	margin-top: .4rem;
}

.btn-ico-b::before {
	margin-right: 0.5rem;
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\f101";
}

.btn-ico::after {
	margin-left: 0.5rem;
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\f101";
}

.ico-lnk::before {
	margin-left: 0.375rem;
	margin-right: 0.375rem;
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\f08e";
}

.ico-loc::before {
	margin-right: 0.5rem;
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\f041";
}

.ico-pdf::before {
	margin-left: 0.1rem;
	margin-right: 0.375rem;
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\f1c1";
}

.btn {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}


/* BUTTONS Style
-------------------------------------------------- */

.content .btn {
	font-weight: 600;
	margin-top: .8rem;
	text-transform: uppercase;
}

.content .btn-tcase {
	font-weight: 300;
	text-transform: none;
}

.btn-primary {
	color: #fff;
	background-color: #32558B;
	border-color: #32558B;
}

.btn-primary:hover {
	color: #fff;
	background-color: #1C2E4A;
	border-color: #1C2E4A;
}

.btn-primary:focus, .btn-primary.focus {
	background-color: #1C2E4A;
	border-color: #1C2E4A;
	box-shadow: 0 0 0 0.2rem rgba(61, 61, 61, 1);
}

.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #32558B;
	border-color: #32558B;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #1C2E4A;
	border-color: #1C2E4A;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(50, 85, 139, 1);
}

.btn-secondary {
	color: #fff;
	background-color: #326100;
	border-color: #326100;
}

.btn-secondary:hover {
	color: #fff;
	background-color: #1D3800;
	border-color: #1D3800;
}

.btn-secondary:focus, .btn-secondary.focus {
	background-color: #1D3800;
	border-color: #1D3800;
	box-shadow: 0 0 0 0.2rem rgba(89, 100, 22, 1);
}

.btn-secondary.disabled, .btn-secondary:disabled {
	color: #fff;
	background-color: #326100;
	border-color: #326100;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #1D3800;
	border-color: #1D3800;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(89, 100, 22, 1);
}

.btn-outline-primary {
	color: #32558B;
	background-color: transparent;
	background-image: none;
	border-color: #32558B;
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #32558B;
	border-color: #32558B;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(50, 85, 139, 1);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #32558B;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #32558B;
  border-color: #32558B;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(50, 85, 139, 1);
}


/* SCREEN READER
-------------------------------------------------- */

.sr-button {
	display: block;
	width: 100%;
	line-height: 50px;
	font-size: 1.2em;
	font-weight: 600;
	text-align: center;
}

a.sr-button:link {
	background-color: #01161e;
	color: #fff;
}

a.sr-button:visited {
	background-color: #01161e;
	color: #fff;
}

a.sr-button:hover {
	background-color: #136199;
	color: #f3f4f8;
	text-decoration: none;
}

a.sr-button:active {
	background-color: #ff5a00;
	color: #fff;
}


/* Small devices (landscape phones, 576px and up)
-------------------------------------------------- */

@media (min-width: 576px) {
	
	.jumbotron h1 {
		font-size: 2.1rem;
		line-height: 1.25;
		/* margin-top: 1.7rem; */
		margin-bottom: 1.25rem;
		padding-right: 3.125rem;
	}

	.jumbotron p {
		font-size: 1.5rem;
		line-height: 1.25;
		/* margin-bottom: 1.7rem; */
		margin-right: 8rem;
	}

	#leftCol {
		padding-bottom: 1.5rem;
	}
}


/* Small devices (landscape phones, less than 768px)
-------------------------------------------------- */

@media (max-width: 767.98px) {
	
	header .navbar-logo {
		font-size: 1.5rem;
	}

	.jumbotron h1 {
		font-size: 1.8rem;
		line-height: 1.4;
		/* margin-top: 1.7rem; */
		margin-bottom: 1.25rem;
	}

	.jumbotron p {
		font-size: 1.2rem;
		line-height: 1.25;
		/* margin-bottom: 1.7rem; */
	}

	.page-header h1 {
		text-align: center;
		font-size: 1.3rem;
		font-weight: 400;
		letter-spacing: .01rem;
	}

	#leftCol {
		padding-bottom: 1.5rem;
	}

	.desktop-only {
		display: none;
	}

	.float-left, .float-right {
		float: none !important;
		text-align: center;
	}

	.forms-div  {
		margin-top: 2rem;
	}

	.ftr-intro, .ftr-address {
		margin-bottom: 1rem;
	}

	.ftr-ada {
		padding-top: 1rem;
	}

	.ftr-ada img {
		width: 220px;
		height: 120px;
	}

	.ftr-intro, .ftr-address, .ftr-links, .ftr-ada {
		text-align: center;
	}

	.copyright p {
		text-align: center;
	}

	.btn {
		width: 100%;
		margin-bottom: 1.5rem;
	}

	.btn-outline-primary {
		width: 60%;
	}
}


/* Medium devices (tablets, 768px and up)
-------------------------------------------------- */

@media (min-width: 768px) {

	.border-r {
		border-right: 1px solid #e0e0e0;
		padding-right: 2rem;
	}

	.border-l {
		border-left: 1px solid #e0e0e0;
		padding-left: 2rem;
	}

	.border-lr {
		border-left: 1px solid #e0e0e0;
		border-right: 1px solid #e0e0e0;
		padding: 0 2rem;
	}

	.margin-t1- {
		margin-top: -1rem;
	}

	.margin-t- {
		margin-top: -2rem;
	}
	
	.padding-t1 {
		padding-top: 1rem;
	}

	.padding-t {
		padding-top: 2rem;
	}
	
	.padding-r {
		padding-right: 2rem;
	}
	
	.padding-b {
		padding-bottom: 2rem;
	}

	.padding-b1 {
		padding-bottom: 1rem;
	}
	
	.padding-l {
		padding-left: 2rem;
	}
	
	.padding-lr {
		padding-right: 2rem;
		padding-left: 2rem;
	}

	header .navbar-logo {
		font-size: 1.6rem;
	}

	.jumbotron h1 {
		font-size: 2.8rem;
		line-height: 1.25;
		/* margin-top: 1.7rem; */
		margin-bottom: 1.25rem;
	}

	.jumbotron p {
		font-size: 1.7rem;
		line-height: 1.25;
		/* margin-bottom: 1.7rem; */
	}

	footer p.back-top a {
		margin-top: 1rem;
		padding: .5rem;
	}

	.btn {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}