body{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 300;
}

main{
	min-height: 700px;
}

main a{
	color: #1abc9c;
}

main a:hover{
	color: #1abc9c;
	text-decoration:underline;
}	

main p{
	font-size:16px;
}

h1, h2, h3, h4, h5{
	font-weight: bold;
}

h1, h2{
	font-family: 'Roboto Slab', serif;
}

h3, h4, h5{
	 font-family: 'Roboto Condensed', sans-serif;
}

.border {
    border: 1px solid #ccc !important;
}

.btn-link{
	color:#377566;
}

.btn-link:hover{
	color:#509282;
}

.boxShadow{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.table td, .table th {
	font-size:16px;
}

.table p{
	margin:0px;
	padding:0px;
	font-size:16px;
}

.borderless td, .borderless th {
    border: none;
	padding: .3rem 0rem;
}

.bgBlue{
	background-color:#2c3e50;
	color:#fff;
}

.ctaBtn{
	background-color: #377566;
	color: #fff;
	font-weight:400;
	padding: 10px 25px;
	cursor: pointer;
	font-size:16px;
	text-transform: uppercase;
}

.ctaBtn:hover{
	color: #fff;
	background-color: #509282;
} 

.topBar {
	color: #fff;
	padding: 5px 15px 5px 5px;
	position: absolute;
	background: rgba(0, 0, 0, 0.35);
	top: 0;
	z-index: 10;
	width: 100%;
	text-shadow: 0px 0px 5px #000;
}

.topBarTitle{
	padding:0px;
	margin:0px;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif; 
}

.carouselText{
	text-shadow:2px 2px 5px #000;
	text-align: center;
	padding:0px;
	margin:0px;
	position: absolute;
	top:50%;
	margin-top:-48px;
	left:50%;
	margin-left:-267px;
	display: inline-block;
	color: #fff;
}

.slides{
	background-repeat:no-repeat;
	height:350px;
	background-size:cover;
	background-position:center;
}

.county{
	font-size:52px;
	font-weight: 900;
	font-family: 'Roboto', sans-serif;
}

.menu{
	font-family: 'Roboto Condensed', sans-serif;
	color: #fff !important;
}

.nav-main{
	background-color: #1b4134;
}

.navbar-toggler{
	padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
	font-size: 16px;
	padding: 12px 42px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: #fff !important;
	background-color:#377566;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: #fff;
	background-color:#377566;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff;  /* current */
	background-color:#377566;
}

.nav-item{
	padding-right:1px;
}

.dropdown-menu {
	width: 100%;
	background-color: #eee;
	padding: 0px;
	margin-top: -1px;
	border-radius: 0px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.dropdown-item {
	padding: 0px;
	background-color: transparent !important;
}

.dropdown-menu a {
	font-size: 16px;
	display: block;
	padding: 8px 25px;
	color: #333;
	text-decoration: none;
	background-color: #ecf0f1;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}

.dropdown-menu a:focus, .dropdown-menu a:hover {
	color: #fff;
	background-color:#377566;
}

.navbar-dark .navbar-toggler {
	border-color: transparent;
}

.nav-links{
	margin: auto;
}

.carousel, .carousel-inner{
	
}

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .8s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

.overlayBlack{
	position: absolute;
	top:0;
	background:rgba(0,0,0, 0.15);
}

.quickLinks .fontIcon{
	font-size:63px !important;
	color:#fff !important;
}

.quickLinks .ctaBtn{
	height:100%;
	display: block;
}

.news, .events{
	height:100%;
}

.details{
	background-color:#ecf0f1;
	border-radius:10px;
	height:93%;
}

.detail{
	border-bottom:1px dashed #bdc3c7;
}

.detail p{
	font-style: italic;
}

.detail .link{
	font-style: normal;
	font-weight: 400;
}

.detail .link .ctaBtn{
	font-size:14px;
	text-transform: capitalize;
}

.date{
	background-color:#f39c12;
	color:#fff;
	border-radius:50px;
	padding:6px 15px;
	display:inline-block;
	margin-bottom: 10px;
}

.boardAndStaff h4{
	font-weight: 500;
}

.boardAndStaff p{
	font-size:14px;
}

.panel{
	border:1px solid #ddd;
	margin-bottom:15px;
	border-radius: 4px;
}

.panel > .panel-heading {
    border: 0;
	border-bottom:1px solid #ddd;
    background: #f2f2f2;
    padding: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.panel a {
    display: block;
}

.panel a:hover {
    text-decoration:none;
}

.panel p a{
	display:inline-block;
}

.footer{
	color: #fff;
	background-color: #222;
}

.footer .table td, .table th {
    border-top: 1px solid #444;
	font-size:16px;
}

.footer a{
	color: #1abc9c;
}

.footer a:hover{
	color: #1abc9c;
	text-decoration: none !important;
}

.upBtn{
	color:#fff !important;
	display:inline-block;
	position:absolute;
	bottom:30px;
	right:30px;
	padding:10px 15px !important;
}

.copyright{
	padding:0px;
	margin:0px;
	text-align: center;
	border-top:1px solid #444;
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	.navbar-dark .navbar-nav .nav-link {
		padding: 12px 27px;
	}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.carouselText {
		margin-top: -38px;
		margin-left: -234px;
	}
	
	.woodCounty{
		font-size:36px;
	}

	.navbar-dark .navbar-nav .nav-link {
		font-size: 15px;
		padding: 12px 16px;
	}
	
	.dropdown-menu a {
		font-size: 15px;
		padding: 8px 20px;
	}
	
	.news, .events{
		height:auto;
	}

	.details{
		height:auto;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {	
	.navbar-dark .navbar-nav .nav-link {
		border: none;
	}
	
	.navbar-dark .navbar-nav .nav-link {
		font-size: 15px;
		padding: 8px 10px;
	}
	
	.nav-item{
		padding-right:0px;
	}
	
	.dropdown-menu{
		border: none;
		margin-top:0px;
	}
	
	.dropdown-menu a {
		padding-left: 30px !important;
		font-size: 15px;
	}
	
	.topBarTitle{
		font-size:20px;
	}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

	
}
