@import "navmenu.css";

html {
  position: relative;
  min-height: 100%;
}

body {
	font-family: 'Oxygen', sans-serif !important;
	color: #535659 !important;
	background-color: #dee2e1 !important;
	  /* Margin bottom by footer height */
    margin-bottom: 16vh;
}


a:link {
	color: #009973;
}

#pageHeader {
    color: #f2f2f2;
}

.btn:hover,
.btn:focus {
	border: 1px solid #333;
	background-color: #fff;
	color: #000;
}

.aboutButton {
    background: #303c42 !important;
    color:#e0e5d7 !important;
    border-radius:0px !important;
}


.panel {
	box-shadow: 0px 5px 9px 0px #565656 !important;
}

.panel-heading {
	border-bottom: none !important;
	padding-bottom: 20px !important;
}

.panel-footer .btn:hover {
	border: 1px solid #dee2e1;
	background-color: #0f5b44 !important;
	color: #474747;
}

.modal-open .modal {
	outline: none;
	z-index: 10002;
	vertical-align: middle;
	margin-top: 160px;
}

.modal-footer .btn:hover {
	border: 1px solid #dee2e1;
	background-color: #0f5b44 !important;
	color: #474747;
}

.modal-backdrop.fade.in {
	opacity: 0.4;
	filter: alpha(opacity=50);
	z-index: 10001;
}

.boldText {
	font-weight: bold;
}

#closeButton {
    background: #303c42; 
    color:#e0e5d7;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */

  background-color: #f5f5f5;
}


/* Small Devices, Tablets */
@media only screen and (max-width : 994px) {
#pageHeader  {
         font-size: 220%;
    }

.modal-open .modal {
	margin-top: 40px;
}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 484px) {
    .col-xxs-12 {
        width: 100% !important
    }

#closeButton {
    width: 100%;
}

.modal-open .modal {
	margin-top: 20px;
}

}