body { background-color: #000; font-family: verdana, Arial, Helvetica, sans-serif; }

H1 { color: #FFD0EC; font-family: 'Fjalla One', sans-serif; color:#FFF; font-size:350%; text-shadow: 3px 3px 0px DarkSlateBlue; letter-spacing: 2px; text-align:center }
H2 { color: #FFAB40; font-family: 'Fjalla One', sans-serif; font-size:235%; font-weight:bolder; margin-top: 1em; margin-bottom: 0.5em; letter-spacing: 1px;}
H3 { color: #AAA; font-family: 'Fjalla One', sans-serif; font-size:175%; line-height: 135%;}
H4 { color: #EA80FC; }

p { color: #FFF; }
td { color: #FFF; }
li { color: #FFF; }
th { color: #FFF; background-color:#000; padding: 8px }

.bgNavbar { background-color:#1F2544; }
.bgGhost { background-color:#1F2544; border-radius: 25px; }
.bgRed { background-color:#B71C1C; border-radius: 25px; }
.bgBlack { background-color:#000 }
.bgWhite  { background-color: #002D30; padding: 8px; vertical-align: top;}
.bgGrey   { background-color: #006A6A; padding: 8px; vertical-align: top;}

.homeQuote { background-color:#1F2544; margin: 1em 5em 1em 5em; padding: 1em 1em 0.1em 1em; color: #FFAB40; border-radius: 25px;} 

.highlightBox { background-color:#900; color:#FFF; text-align:center; padding: 0.5em; font-weight:bold; font-size:larger; }

.navbar-toggler { background-color:#006A6A;  }
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(254, 152, 51, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

a:link.navbarLink { color:#81689D; font-size: large; text-decoration: none; font-weight:bold; margin-left: 0.57em; margin-right: 0.57em;  } 
a:visited.navbarLink  { color:#81689D; font-size: large; text-decoration: none; font-weight:bold; margin-left: 0.57em; margin-right: 0.57em; }
a:hover.navbarLink { color:#FFAB40; font-size: large; text-decoration: none; font-weight:bold; margin-left: 0.57em; margin-right: 0.57em; } 
a:active.navbarLink  { color:#81689D; font-size: large; text-decoration: none; font-weight:bold; margin-left: 0.57em; margin-right: 0.57em; }

a:link.faqLink { color: #81689D; text-decoration: none; font-weight:bold; border:none  } 
a:visited.faqLink  { color: #81689D; text-decoration: none; font-weight:bold; border:none  }
a:hover.faqLink { color: #FFAB40; text-decoration: none; font-weight:bold; border:none  } 
a:active.faqLink  { color: #81689D; text-decoration: none; font-weight:bold; border:none  }

a:link.adminNavLink { color:#000; font-size: large; text-decoration: none; font-weight:bold; margin-left: 0.57em; margin-right: 0.57em;  } 
a:visited.adminNavLink  { color:#000; font-size: large; text-decoration: none; font-weight:bold; margin-left: 0.57em; margin-right: 0.57em; }
a:hover.adminNavLink { color:#FFAB40; font-size: large; text-decoration: none; font-weight:bold; margin-left: 0.57em; margin-right: 0.57em; } 
a:active.adminNavLink  { color:#000; font-size: large; text-decoration: none; font-weight:bold; margin-left: 0.57em; margin-right: 0.57em; }

.copyright { color:#81689D; align-self: flex-end; font-size:small; }
.errorText { color:#FFAB40; margin-top: 3px; font-size:18px; }
.finePrint { font-size: small; text-align:left;}
.smallText { font-size: 75%; }

a:link {color: #FFAB40; text-decoration: none; font-weight:bold } 
a:visited {color: #FFAB40; text-decoration: none;  font-weight:bold } 
a:hover {color: #18FFFF; text-decoration: none; font-weight:bold } 
a:active {color: #FFAB40; text-decoration: none;  font-weight:bold }

.image-gradient {
  position: relative;
  width: 100%;
  display: block;
  margin-bottom: 30px; }
.image-gradient figure {
  position: relative;
  overflow: hidden; }
.image-gradient figure:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
  z-index: 2; }
.image-gradient figure img {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  z-index: 1; }
.image-gradient .text {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  z-index: 3; }
.image-gradient .text h3 {
  font-size: 18px;
  color: #fff;
  margin-bottom: 0; }
.image-gradient .text span {
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #ccc; }
.image-gradient:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }