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

/* body */
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
a {
	color: #284a7d;
	text-decoration: none;
}
a:hover h3 {
    color: #23527c;
	text-decoration: underline;
}
a:hover, a:focus {
    color: #23527c;
    text-decoration: underline;
}

/* background color */
.CT-bg {
	background-color: #284a7d;
	border-bottom: 3px solid lightsteelblue;
	border-top: 3px solid lightgray;
}	

.branding {margin: 0 auto;}


.dropdown {
      position: relative;
      display: inline-block;
    }
	
	.dropdown-content {
      position: absolute;
      top: 100%;
      left: 0;
      background: white;
      min-width: 160px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      opacity: 0;
      transform: translateY(-10px);
      transition: all 0.3s;
      pointer-events: none;
      border-radius: 0.5rem;
    }
	
    .dropdown-toggle:hover .dropdown-content {
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }

/* make menus open on hover */	
.dropdown:hover .dropdown-menu {
  display: block;
  /*margin-top: 0.125em;*/
	margin-top: 0;
}

/* main menu link colors */
.dropdown-menu > li > a {
    color: #284a7d;
}

/* menu coloring */
a.nav-link {color: white}
.nav-link:hover {
    color: #000;
    background-color: #e7e7e7;
}

.search {
  width: 65%;
  position: relative;
  display: flex;
  margin: 0 auto;	
}

.searchTerm {
  width: 100%;
  border: 1px solid #B1591E;
  border-right: none;
  padding: 5px;
  height: 36px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: #00B4CC;
}
#searchSection {
		padding: 30px 0px 10px 0px;
	}
#searchButton {
  border: 1px solid lightsteelblue;
  background-color: #284a7d;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
  align-items: center;
  box-shadow: 2px 2px 4px rgba(0,0,0,.12);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-size: 1em;
  height: 44px;
  justify-content: center;
  margin-top: 0;
 /* padding: 0 16px;*/
  transition: background-color .3s ease-in-out,border-color .3s ease-in-out;
	
	
	
}
#searchBox {
	appearance: none;
    background-position: 4px 10px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: 1px solid lightsteelblue;
    border-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    box-shadow: 2px 2px 4px rgba(0,0,0,.12);
    box-sizing: border-box;
    font-size: 1.2em;
    height: 44px;
    margin: 0;
    max-width: 420px;
    padding: 0 8px;
}

#social {
    margin: 0px;
    padding: 5px;
    height: 50px;
}



.headerright {
	margin-top: 20px;
}

/*Resize the wrap to see the search bar change!*/
.wrap{
/*  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
*/}
/* the following fixes an issue with the tour slideshow not filling the width of the display for wide browser windows */
.wide {width: 100%;max-width: 100%;height: auto;}

.carousel-caption {
    background-color: rgba(255, 255, 255, 0.7);
    color: black;
	margin: 0 10%;
}
.carousel-caption, .carousel-indicators {
    bottom: 0px;
}
.carousel-caption h3, .row.bg-info h3 {
    font-style: italic;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 0px;
	text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
}

/* the following is used to style tour titles in slideshows - replaces h3 styling above */
.carousel-caption .title {
	font-size: 1.75rem;
	line-height: 1.6rem;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 0px;
	text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
}
.carousel-caption p {text-shadow: 0 1px 2px rgba(0,0,0,.6);}

	.jumbotron {
		padding-top: 30px;
		padding-bottom: 30px;
	}
.jumbotron h1 {
    color:#284a7d;
    font-size: 24pt;
    font-style: italic;
    font-weight: bold;
}
.jumbotron h2, .modal h2 {
	color: #284a7d; 
	/*font-family: 'Times New Roman', 'serif';
	font-family: 'Raleway', sans-serif;*/
	font-size: 21pt; 
	font-style: italic;
	font-weight: bold;
}
/*
carousel indicators styling
}*/

.carousel .carousel-indicators button {
    width: 10px;
   	height: 10px;
  	border-radius: 100%;
	border: 1px solid #19619D;
 }
.carousel-indicators .active {
    opacity: 1;
    background-color: #19619D;
}

.btn-primary {
    color: #fff;
    background-color: #284a7d;
    border-color: #284a7d;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-1, .btn-2, .btn-3 {
  text-align: center;
	font-weight: bold;
  display: inline-block;
  cursor: pointer;
/*  letter-spacing: 2px;*/
  position:relative;
  overflow:hidden;
  margin: 0 20px;
  border-radius: .25rem;
}
.btn-1, .btn-3 {
	color: #284a7d;
	background-color: tan;
	padding: 15px 5px;
	border: 1px solid #fff;
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.btn-1:hover, .btn-3:hover {
	color: #284a7d;
	text-decoration: underline;
}
.btn-1 {
	width: 200px;
}
.btn-2 {
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
		}
.btn-3 {
	padding: 5px 20px;
}

.btn-1:before, .btn-2:before, .btn-3:before {
  content: "";
  position: absolute;
  height: 150px;
  width: 50px;
  left: -55px;
  top: -30px;
  transform: rotate(37deg);
  transition: all .3s; 
  opacity: 0.3;
}
.btn-1:before, .btn-3:before {
	background : #fff;
}
.btn-2:before {
	width: 50px;
	background : #284a7d;
	opacity: 0.2;
}
.btn-1:hover:before, .btn-2:hover:before, .btn-3:hover:before {
  left:95%;
}

.img_w_border {
	border-style: solid; 
	border-width: 3px; 
	border-color: #19619D; 
	width: 100%;
}
.footer {
	background-color: #eaeaea;
	margin-bottom: 0px;
}
.footer li {
	color: #19619D;
	font-size: 0.9rem;
	padding-bottom: 10px;
	text-align: center;
}
.footer-list {
    list-style: none;
    font-weight: bold;
    padding-left: 0px;
}
.sponsors img {
	margin-top: 5px;
	border: 1px solid #e54314;
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
input,
input::placeholder {
    font: 1.0rem/3 sans-serif;
}
.dreams {
	font-size:12pt; 
	font-style: italic; 
	/* font color changed for ADA compliancy (contrast)
	font-weight: bold; color: #FF5400;*/
	font-weight: bold; 
	color: black;
}



/* used for hiding items that should only appear on displays less than 768 pixels wide; media.css turns item display back on */
.show768 {
	display: none;
}
.navbar-nav > li > a {font-size: 1.25rem; font-weight: bold}
.family p {
	font-size: 0.9rem;
}
/* styling for "more" button in search results */
.noButton {
	border-width: 0px;
	background: none;
	color: #284a7d;
	padding-left: 0px;
}
.noButton:hover {
	text-decoration: underline;
}
.nav-link:focus, .nav-link:hover {
    color: #000;
}

/* design for web forms */
.webform {
	text-align: center; 
	background-color: #eaeaea;
    border: 1px solid #999999;
    border-top: 0;
    padding: 18px 150px 18px 150px;
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
}
/* design for web forms in modal dialog */
.webform-modal {
	text-align: center; 
	background-color: #D3DEEA;
    border: 1px solid #999999;
    border-top: 0;
    padding: 18px 10px 18px 10px;
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
}

/* adjustments to navbar toggler button */
.navbar-toggler {border: 0 solid transparent}
.navbar-toggler:focus {box-shadow: 0 0 0;}
.navbar-toggler-icon {
  background-image: none!important;
  background-color: white;
  height: 3px;
  width: 25px;
  margin: 10px 0;
  position: relative;
  transition: all 0.35s ease-out;
  transform-origin: center;
}

.navbar-toggler-icon::before {
  display: block;
  background-color: white;
  height: 3px;
  content: "";
  position: relative;
  top: -7px;
  transition: all 0.15s ease-out;/*taken down to hide quicker*/
  transform-origin: center;
}

.navbar-toggler-icon::after {
  display: block;
  background-color: white;
  height: 3px;
  content: "";
  position: relative;
  top: 4px;
  transition: all 0.35s ease-out;
  transform-origin: center;
}

.navbar-dark .navbar-toggler-icon,
.navbar-dark .navbar-toggler-icon::before,
.navbar-dark .navbar-toggler-icon::after {
  background-color: var(--bs-gray-100);
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  transform: rotate(45deg);
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::before {
  opacity: 0;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
  transform: rotate(-90deg) translateX(7px);
}
/* skip to main content link styling */
	#main {padding-top: 50px}
	.skip {
		background-color: #fff;
		box-sizing: border-box;
		color: #284a7d;
		display: block;
		height: 0;
		left: 0;
		line-height: 50px;
		overflow: hidden;
		padding-top: 0;
		position: fixed;
		text-align: center;
		top: 0;
		-webkit-transition: box-shadow .3s, height .3s, padding-top .3s;
		transition: box-shadow .3s, height .3s, padding-top .3s;
		width: 100%;
		z-index: 900;
	}
	.skip:focus {
		font-weight: bold;
		height: 50px;
		left: 0;
	}
a.skip:link {
	color: #284a7d;
	text-decoration: none;
}
a.skip:hover {
	text-decoration: underline;
}
/* add roundined corners and dropshadow to select images */
.roundedimage {
	position:relative;
	background-color:#d3deea;
	width: 100%;

/* IE10 Consumer Preview */ 
/*background-image: -ms-linear-gradient(top, #c5834f 0%, #d3deea 100%);*/
background-image: -ms-linear-gradient(top, #d3deea 0%, #f8f2e5 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #d3deea 0%, #f8f2e5 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #d3deea 0%, #f8f2e5 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0,     #d3deea), color-stop(1, #f8f2e5));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #d3deea 0%, #f8f2e5 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #d3deea 0%, #f8f2e5 100%);

/*border: 1px solid #333;*/
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
		}


/* footer - sponsor icons */
.sponsors img {
	border: 1px solid #284a7d;
	margin-top: 0px;
		}
		/*sharethis background color */
#st-1 .st-btn {
    background-color: #284a7d !important;
}