@charset "utf-8";

/* Code to make logo fit into the menu bar */

.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;
  padding: 5px;
  width: auto;
}
/* END OF Code to make logo fit into the menu bar */


/* this is required by IE11 to work correctly */
/* .img-responsive {
	width: 100%}  
*/
/* END OF this is required by IE11 to work correctly */

/* Fix the issue with menu truncated from the bottom when collapsed */
.navbar-collapse { 
    max-height: 100% !important; 
}
/* END OF Fix the issue with menu truncated from the bottom when collapsed */



/* Change font size in the menu */
.navbar .nav > li > a{
font-size:1.1em;
}
.dropdown-menu {
font-size:0.9em;
}
/* END OF Change font size in the menu */




html {
	background-image: url(../images/Background.jpg);
	background-repeat: repeat;
		
}


body {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	background-color: #E9EDDB;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: auto;
	margin-bottom: auto;
	
}



.navbar {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	border-bottom-style: solid;
	padding-left: 5px;
}

/* the following CSS fixed the issue with compatibility with IE11 whereby
navigation/banner are not centered on the screen */ 
.navbar.navbar-default {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}

/* separator lines are used primarily on pages with videos */
hr.dashedDivider {
   border: 1px dashed #00127F; 
    border-style: none none dashed; 
    color: #fff; 
    background-color: #fff;
}

hr.solidDivider {
   border: 1px solid #00127F; 
    border-style: none none solid; 
    color: #fff; 
    background-color: #fff;
}


article p, ul {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
}



.IndexPhoto {
	max-width: 500px !important;
	margin-bottom: 20px;
	margin-top: 20px;	
}

/* Code to change color of navigation bar */
/* code generator: https://work.smarchal.com/twbscolor/css/e74c3cc0392becf0f1ffbbbc0  */

.navbar-default {
  background-color: #e4f1d3;
  border-color: #a8cd94;
}
.navbar-default .navbar-brand {
  color: #080808;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #936d51;
}
.navbar-default .navbar-text {
  color: #080808;
}
.navbar-default .navbar-nav > li > a {
  color: #080808;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #936d51;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #e4f1d3;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #080808;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #936d51;
  background-color: #a8cd94;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #a8cd94;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #936d51;
  background-color: #a8cd94;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #936d51;
  background-color: #a8cd94;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #936d51;
  background-color: #a8cd94;
}
.navbar-default .navbar-toggle {
  border-color: #a8cd94;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #a8cd94;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #080808;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #080808;
}
.navbar-default .navbar-link {
  color: #080808;
}
.navbar-default .navbar-link:hover {
  color: #936d51;
}
body article video {
    width: 70%;
}
.modal-content .modal-body p {
    font-size: large;
    text-align: left;
    font-weight: 400;
    color: #666666;
}
body article h1 {
    margin-top: -10px;
}
.btn.btn-primary {
    font-size: 0.85em;
    margin-top: -2%;
}


.modal-content .modal-header #exampleModalLabel {
    font-size: xx-large;
    color: #353030;
}
.alert.alert-info.alert-dismissible .close {
    color: #191919;
    opacity: 0.4;

}
.alert.alert-info.alert-dismissible strong {
    font-weight: 700;
    font-size: 1.1em;
}
.alert.alert-info.alert-dismissible b {
    font-weight: 600;
}
.alert.alert-info.alert-dismissible p {
    font-size: 1.2em;
}














@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #080808;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #936d51;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #936d51;
    background-color: #a8cd94;
  }
.alert.alert-info.alert-dismissible p {
    font-size: 0.75em;
}
.alert.alert-info.alert-dismissible p strong {
    font-size: 0.9em;
}


}

/* End Of Code to change color of navigation bar */


/* reduce size of menu buttons for screen sizes between 768 (when it collapes) and 830 px) */
@media (max-width:830px){
.nav > li > a {
	padding-right: 10px;
	padding-left: 10px;
}
}


/* wide screen */
@media (min-width:992px){
article p, ul {
	font-size: 1.5em;
}
h1 {
	font-size: 2em;
	margin-bottom:20px;
}	
body article video {
    width: 50%;
}

}

/*smaller screens */
@media (max-width:991px){
article p, ul {
	font-size: 1em;
}
h1 {
	font-size: 1.3em;
	
}	
.alert.alert-info.alert-dismissible p {
    font-size: 1em;
}
.alert.alert-info.alert-dismissible p strong {
    font-size: 1em;
}


}