/* CSS Document */
btn-outline-success {
  color: #0A4746;
  border-color: #0A4746;
}
.btn-primary {
  color: #fff;
  background-color: #0A4746;
  border-color: #0A4746;
}
.btn-success {
  color: #fff;
  background-color: #0A4746;
  border-color: #0A4746;
	
} a:link {
	color: #0A4746;
	text-decoration: underline;
}
a:visited {
	color: #0A4746;
	text-decoration: underline;;
}
a:hover {
	color: #008cb4;
	text-decoration: underline;
}


.bg-dark {
  background-color: #0A4746 !important;
}

/*Overriding some stuff about the jumbotron type */


.jumbotron {
	 background: url("../images/JumbotronFlag.jpg");
	 max-width: 100%;
     height: auto;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
	 background-attachment: fixed;
     background-color: #66a095;
}


/* Search engine from Google (name: BOT_SearchEngine), not yet in use:
<script async src="https://cse.google.com/cse.js?cx=fc334a2f23450f9d0"></script>
<div class="gcse-search"></div>

*/
	

/* Overriding some stuff in the AboutPageStyle.css file: */

header .profileLogo .logoPlaceholder {
	background-color: rgba(255, 255, 255, 0.5);
	width: 187px;
	text-align: center;
}
header .logoPlaceholder span {
	width: 80px;
	height: 22px;
	font-family: 'Montserrat', sans-serif;
	color: rgba(255, 255, 255, 0.5);
	font-size: 30px;
	font-weight: 700;
	line-height: 53px;
}

/* Borrowed some footer formatting from SinglePageTemplate cascading style sheet */

/* More info */
footer {
	background-color: #B3B3B3;
	padding-bottom: 25px;
}
.footer_column {
	text-align: center;
	padding-top: 30px;
	float: left;
}
footer .footer_column h3 {
	color: #B3B3B3;
	text-align: center;
}
footer .footer_column p {
	color: #717070;
	background-color: #FFFFFF;
}

footer .footer_column p {
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	line-height: 25px;
	font-weight: lighter;
	margin-left: 20px;
	margin-right: 20px;
}
.button {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
}
.button:hover {
	background-color: #FEFEFE;
	color: #C4C4C4;
	cursor: pointer;
}
.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #717070;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}
.footer_banner {
	background-color: #B3B3B3;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10PX;
	margin-bottom: 0px;
/* A line that came with, doesn't seem to be useful:
	background-image: url(images/pattern.png);
*/
	background-repeat: none;
}
footer {
	display: inline-block;
}
.hidden {
	display: none;
}

/* Mobile */
@media (max-width: 320px) {
	.footer_column
	width: 100%;
	margin-top: 0px;
  }

/* Dropping in the NavBar coding from bootstrap-4.4.1.css to use in singlepage template pages */

navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}