@charset "UTF-8";
/* This places the background image full page. */
#cover {
  background: url("../images/MountainLayers.jpg");
  background-size: cover;
  background-attachment: fixed;
/*  height: 900px; */
  background-position: center center;
  width: 100%;
}
.text_column {
	width: 32%;
	/*text-align: justify;*/
	font-weight: bold;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: rgba(0, 0, 0, 1);
}
.smallTextInd {
	font-size: 0.8rem;
	padding-left: 20px;
}
.about {
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 35px;
	font-weight: bold;
	display: inline-block;
	background-color: rgba(232, 239, 253, 0.2);
	margin-top: 0px;
}
footer {
	background-color: rgba(232, 239, 253, 0.3);
	padding-bottom: 2px;
}
.hrBold {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 2px solid rgba(0, 0, 0, 0.7);
}
.hrDouble {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 5px double rgb(0, 0, 0);
}

/* Copied, see below.  +++ */
.hero_header {
	color: #FFFFFF;
	font-size: 3rem;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing: 2px;
}
.tagline {
	text-align: center;
	color: #FFFFFF;
	margin-top: 4px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/* The hero_header and tagline sections were copied from the "Simply Layouts, Single Page" Dreamweaver template. That was the original basis for this site. +++ */
/* ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄
   █  TEXT SHADOW SETTINGS  █
   ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ */
.word_shadow {
	color: #1056d6;
	text-shadow: 1px 1px 2px white;
	font-weight: bolder;
}
.dark_shadow {
	color: white;
	text-shadow: 1px 1px 2px black, 0 0 25px #417ff1, 0 0 5px #0e4cbe;
	font-weight: bolder;
}
.dark_shdw_lit_wrd {
	color: #e7effd;
	text-shadow: 2px 2px 3px black, 0px 0px 4px white, 0px 0px 6px #0e4cbe, 0px 0px 7px white;;
	font-weight: bolder;
} /* This has a close black shadow and outline, then white, a fuzzy dark blue, and a bigger fuzzy white.*/
.light_shadow {
	color: black;
	text-shadow: 1px 1px 2px white, 0 0 25px #b3b3b3, 0 0 5px #666666;
	font-weight: bolder;
}
.p_shadow {
	color: black;
	text-shadow: 0px 0px 1px white;
  font-weight: 700;
}
.vCenter {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.hamCol {
	padding: 3px;
	margin-top: 5px;
	background-color: rgba(232, 239, 253, 0.8);
	color: #000000;
	font-weight: 500;
}
.enrollForm {
	padding: 3px;
	margin-top: 5px;
	background-color: rgba(255, 255, 255, 0.8);
	color: #000000;
	font-size: 1.3rem;
	font-weight: 600;
	text-align: center;
}
.mess_error{
    color: red;
	font-weight: 700;
}
.noteCard {
  position: relative;
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 0.35rem;
}
.p-guide {
	color: black;
	font-size: 1.2rem;
	text-align: center;
	background-color: rgba(232, 239, 253, 0.4);
	margin-top: 5px;
}
.black-list {
	color: black;
	font-weight: 500;
	text-shadow: .3px .3px 1px white;
}
#blue_ital {
	color: #1056d6;
	font-style: italic;
}
.gly {
	padding: 10px;
	color: #000000;
}
.flt_right {
	float: right;
	width: 25%;
}
.readMore {
	display: none;
}
.hamClassContainer {
	color: black;
	font-size: 1.1rem;
	font-weight: 600;
	text-shadow: 1px 1px 2px white;
	background-color: rgba(242, 245, 255, 0.5);

}
.mapImg {
	width: 100%;
	max-width: 100%;
}
.halfImg {
	width: 50%;
	max-width: 100%;
}
.mostImg {
	width: 80%;
	max-width: 100%;
}
.mapImg:hover {
	z-index: 100;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(2);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(2);
    transition: all 200ms ease-in;
    transform: scale(2);
}   /* Added eight lines so links would zoom in a bit. +++  */
.padMore {
	padding: 5% 3%;
}

/* ████████████████████████████████████████████
   █ PARAGRAPH SETINGS THAT REPLACE HEADINGS  █
   ████████████████████████████████████████████
bF30 is bigger than h1
bF25 replaces h1
bF20 replaces h2
bF17 replaces h3
bF15 replaces h4
bF12 replaces h5 and is like "biggerText"
bF11 replaces h6 and is like "bigText"
	 Added by Jim */
.bF30 {
	font-size: 3rem;
	font-weight: 600;
	margin: 0;
}
.bF25 {
	font-size: 2.5rem;
	font-weight: 600;
	margin: 0;
}
.bF20 {
	font-size: 2rem;
	font-weight: 600;
	margin: 0;
}
.bF17 {
	font-size: 1.75rem;
	font-weight: 600;
	margin: 0;
}
.bF15 {
	font-size: 1.5rem;
	font-weight: 600;
	margin: 0;
}
.bF12 {
	font-size: 1.25rem;
	font-weight: 600;
	margin: 0;
}
.bF11 {
	font-size: 1.15rem;
	font-weight: 600;
	margin: 0;
}
.bF07 {
	font-size: .75rem;
	font-weight: 600;
	margin: 0;
}