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

body{
	background-color: #fed20b;
	font-family: 'Sintony', sans-serif;
	background-image:url(../img/main/eagle-back.png);
	background-repeat: no-repeat;
	background-size: 300px;
	background-position: 400px 50px;
	background-attachment: fixed;
}
.cl{
	clear: both;
}
.topwhiteboxcontainer{
	width: 100%;
	height: 90px;
	background-color: #FFF;
}
.topwhitebox{
	width: 1000px;
	height:85px;
	background-color: #fff;
	margin: auto;
	padding-top:5px;
}

.footercontainer{
	width: 100%;
	background-color: #fff;
	height: 35px;
	position: fixed;
	left:0px;
	right:0px;
	bottom:0px;
}
.footer{
	width:1000px;
	margin:auto;
	padding-top:5px;
}
.navbarcontainer{
	width: 100%;
	height: 56px;
}
.navbar-sb{
	width: 1000px;
	height: 56px;
	margin: auto;
	text-align:right;
}

/*code for the dropdown function*/
	.dropbtn, navbar-sb a {
		background-color:#fed20b;
		color: #000;
		padding-left: 22px;
		padding-right: 22px;
		padding-top: 16px;
		padding-bottom: 16px;
		font-size: 16px;
		border: none;
	}
	
	.dropdown {
		position: relative;
		display: inline-block;
	}
	
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f1f1f1;
		min-width: 250px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	
	.dropdown-content a {
		color: #fff;
		padding: 8px 8px;
		text-decoration: none;
		display: block;
		text-align: left;
		background-color:#58585a;
	}
	.dropdown-content a:hover {
		background-color: #fff;
		color: #58585a;
	}
	
	.dropdown:hover .dropdown-content {
		display: block;
	}
	
	.dropdown:hover .dropbtn {
		background-color: #58585a;
		color: #fff;
	}
	.link-navbar{
		background-color:#fed20b;
		color: #000;
		padding-left: 22px;
		padding-right: 22px;
		padding-top: 16px;
		padding-bottom: 18px;
		font-size: 16px;
		border: none;
		height: 56px;
	}
	.link-navbar:hover{
		text-decoration: none;
		background-color: #58585a;
		color: #fff;
	}
/*end code for the dropdown function*/

h1,h2,h3,h4,h5,h6{
	font-family: 'Sintony', sans-serif;
	font-weight: bold;
	letter-spacing:1px;
}
h2{
	font-size: 26px;
	text-align:center;
	padding-top: 16px;
	padding-bottom: 10px;
}
.float-left{
	float: left;
}
.float-right{
	float:right !important;
}
.text-align-right{
	text-align: right !important;
}
.text-align-left{
	text-align: left !important;
}
.toptitle{
	color: #58585a;
	float: left;
	padding-top: 30px;
	font-size: 20px;
	padding-left: 15px;
}

/*begin parallax*/
.parallax-container{
	height: 350px;
	background-image:url(../img/main/we-the-people.jpg);
	width: 100%;
	background-size:100%;
	padding-left: 20px;
	padding-right: 20px;
}
.parallax-container h1{
	font-size: 55px;
	color: #fff;
	letter-spacing:3px;
}
.parallax{
	width: 1000px;
	margin: auto;
	padding-top:15px;
}
.parallax p{
	padding-top:5px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 23px;
	width: 700px;
	clear: both;
}
.parallax a{
	display: block;
	float:left;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 70px;
	padding-right: 70px;
	font-family: 'Sintony', sans-serif;
	background-color:#FFF;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	color: #58585a;
	font-size: 21px;
}
.parallax a:hover{
	background-color: #fed20b;
	color: #fff;
	text-decoration: none;
}
/*end parallax*/

.contentcontainer{
	width: 100%;
	height: auto;
}
.content{
	width: 1000px;
	margin: auto;
}
.content-tiny{
	max-width:400px;
	margin: auto;
}
.whitebox3{
	width:300px;
	height:auto;
	padding-left: 30px;
	padding-right: 30px;
	padding-top:10px;
	padding-bottom: 10px;
	color:#58585a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	background-color: #fff;
	height: 315px;
	float:left;
}
.whitebox3 h2{
	text-align:center;
	font-size: 20px;
	font-family: 'Sintony', sans-serif;
}
.whitebox3-link{
	margin:auto;
	display: block;
	padding-left: 27px;
	padding-right:27px;
	padding-top:22px;
	padding-bottom:22px;
	background-color:#58585a;
	color: white;
	text-align:center;
	max-width:150px;
	margin-top:50px;
}
.whitebox3-link:hover{
	background-color:#000;
	text-decoration: none;
	color: #fff;
}
.margin-right-50{
	margin-right:50px;
}
.navbar-nav{
	text-align: left;
}

@media (max-width: 768px){
	.nav-link{
		background-color: #58585a !important;
		color: #fff !important;
	}
	.navbar-sb{
		width: 100%;
	}
	.content{
		width: 100%;
		padding-right:20px;
		padding-left: 20px;
	}
	.footer{
		width: 100%;
	}
	.parallax{
		width: 100%;
	}
	.parallax p{
		width: 100%;
	}
	.topwhitebox{
		width: 100%;
	}
	.navbar-nav{
		margin-top: 56px;
	}
	.nav-item{
		padding-left: 20px;
		background-color: #58585a;
	}
	.nav-item:hover{
		background-color: #fff;
	}
	.nav-link:hover{
		background-color: #fff !important;
		color: #58585a !important;
	}
	.nav-item a:hover{
		color: #58585a !important;
	}
	.whitebox3{
		margin: auto;
		clear: both;
		margin-bottom: 30px;
		display: block;
		float: none;
	}
	.read-more{
		margin: auto;
		display: block;
		clear: both;
		text-align: center;
	}
	.footercontainer{
		display: none;
	}
	body{
		background-position: 50px -30px;
		background-attachment: fixed;
	}
	.two-column{
		width: 100% !important;
		margin-bottom: 20px;
	}
	.title{
		font-size: 30px !important;
	}
	.read-more{
		font-size: 10px;
		padding-top:5px;
		padding-bottom: 5px;
		padding-left:10px;
		padding-right:10px;
	}
}	
@media (min-width: 769px){
	.nav-link{
		background-color: #fed20b;
		color: rgba(0, 0, 0, 1) !important;
		padding-left: 22px !important;
		padding-right: 22px !important;
		height: 100% !important;
		min-height: 56px !important;
		padding-top: 15px;
	}
	
}
@media (min-width: 770px) and (max-width:999px){
	.whitebox3{
		margin: auto;
		clear: both;
		margin-bottom: 30px;
		display: block;
		float: none;
	}
	.navbar-collapse{
		width: 100% !important;
	}
	#collapsibleNavbar{
		width: 100%;
	}
	.topwhitebox{
		width: 100%;
	}
	.collapse{
		width: 100%;
	}
	.navbarcontainer{
		width: 100% !important;
	}
	.navbar-sb{
		width: 100% !important;
	}
	.parallax{
		width: 100%;
	}
	.content{
		width: 100%;
	}
	
}
@media(max-width: 550px){
	.toptitle{
		font-size: 13px !important;
		width: 70%;
	}
	h1 .toptitle{
		font-size: 13px;
	}
	.parallax-container{
		background-size: 100% 100%;
	}
}
.nav-link:hover{
	background-color: #58585a;
	color: #fff !important;
}

.navbar{
	padding: 0px !important;
}
.navbar nav{
	padding: 0px !important;
}
.navbar-collapse{
	padding: 0px !important;
}
.navbar-nav > li > a {
    border-top: 0px solid transparent;
}
.navbar-toggler{
	display: block;
	right: 15px !important;
	position: absolute;
	clear: both;
}
.dropdown-menu{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	border-radius: 0px !important;
	margin: 0px !important;
	border: 0px !important;
	min-width: 370px;
}
.dropdown-item{
	height: 46px;
	padding-top: 10px;
	background-color: #58585a;
	color: #fff;
	display: block;
}
.dropdown-item:hover{
	background-color:#fff;
	color: #58585a;
}
.two-column{
	width: 47.5%;
	margin-right: 5%;
	float: left;
	display: block;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.white{
	background-color: #fff;
	color: #000;
}
.last{
	margin-right: 0px !important;
}
.breaker{
	clear: both;
	height: 50px;
}
.padding30{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.image-margin-left{
	margin-right: 20px;
	margin-bottom: 10px;
}
.image-margin-right{
	margin-left: 20px;
	margin-bottom: 10px;
}
.upcomingeventscontainer{
	width: 100%;
	min-height: 400px;
	border: solid 1px #58585a;
	max-height: 400px;
	overflow: scroll;
	overflow-x: hidden;
}
.upcomingeventspicture{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	float: left;
}
.upcomingeventstitle{
	color: #000;
	font-size: 17px;
	font-weight: strong;
}
.upcomingeventscontent{
	float: left;
	max-width: 70%;
	padding-left: 10px;
}
.upcomingeventstext{
	float:left;
	font-size:13px;
}
.upcomingeventsfootertext{
	float: left;
	font-size: 13px;
}
hr.upcomingeventshr {
    border: 0;
    height: 1px;
    background: #58585a;
		margin-right: 10px;
		margin-left: 10px;
		margin-top:5px;
		margin-bottom: 5px;
}
.center{
	text-align: center;
	margin: auto;
}
input{
	border-radius: 20px;
	border: solid 1px #58585a;
	min-width: 70px;
	min-height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top:3px;
	margin-bottom: 3px;
}
.btn-submit{
	background-color: #fed20b;
	color: #000;
	margin-left: 5px;
	margin-right: 5px;
}
.btn-submit:hover{
	background-color: #58585a;
	color: #fff;
}
.logout-button{
	position: absolute;
	right:50px;
	top:160px;
	background-color:#fff;
	border-radius: 50%;
	padding:10px;
}
.admin-navbar{
	margin-bottom:10px;
	margin-top:20px;
}
input[type=radio] {
	height: 10px;
	border-radius: 0px;
	min-width: 17px;
	min-height: 17px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top:0px;
	margin-bottom: 0px;
	margin-right: 10px;
}
.radio{
	height:30px;
}
.radio label{
	height: 10px;
	line-height:5px;
}
.100percentwidth{
	width: 100% !important;
}
select{
	min-width:17px;
	height:40px;
	border-radius: 20px;
	padding-left:10px;
	padding-right:10px;
	width: 100%;
}
.document-editor{
	border: solid 1px #58585a;
	text-align: left;
}
input[type=file] {
	border: none;
	border-radius: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: none;
	text-align: left;
}
.quote{
	font-size: 12px;
	font-weight: normal;
	width: 300px;
	margin: auto;
	text-align: center;
	font-style: italic;
}
.infopicture{
	width: 100%;
	max-width:100%;
}
.paypal-link{
	border: none !important;
	border-radius: 0px !important;
}
.quote-small{
	font-size:12px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

.dbutton {
  background-color: #04AA6D !important;
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 12px;
}

.dbutton1 {
  background-color: #04AA6D !important; 
  color: white; 
  border: 2px solid #04AA6D !important;
  border-radius: 12px;
}

.dbutton1:hover {
  background-color: #059862;
  color: white;
  border-radius: 12px;
}