/* ==========================================================================================

dark purple #534588  
blue #0074C8;
lighterblue #b0dfe8;  

========================================================================================== */
#utilityArea { background: #0074C8;}
.titanBody nav.utility a {color:#fff;
  font-size: 1.6rem;
}

.searchArea {background: #fff;}
  
.searchBar ::placeholder {
  color: #333;
  opacity: 1;
}
.searchBar input.search { color: #333;}

#headerArea {
  background: #b0dfe8;
}

/* links */ 
.titanBody a,
.mainBody a {color:#0074C8; text-decoration:underline;}
.titanBody a:hover,
.titanBody a:focus,
.titanBody a:active,
.mainBody a:hover,
.mainBody a:focus,
.mainBody a:active {color:#254195;  text-decoration:underline;text-decoration-style: dotted;}

h1 {font-size:3.2rem; margin-bottom:1.8rem; line-height:1.3; font-weight:700;font-family:'Questrial', sans-serif;}
h2 {font-size:2.6rem; margin-bottom:1.5rem; line-height:1.3; font-weight:700;font-family:'Questrial', sans-serif;}
h3 {font-size:2.2rem; margin-bottom:1.2rem; line-height:1.3; font-weight:700;font-family:'Questrial', sans-serif;}
h4 {font-size:1.8rem; margin-bottom:1.0rem; line-height:1.3; font-weight:700;font-family:'Questrial', sans-serif;}
h5 {font-size:1.7rem; margin-bottom:0.8rem; line-height:1.3;font-family:'Questrial', sans-serif;}
h6 {font-size:1.6rem; margin-bottom:0.6rem; line-height:1.3;font-family:'Questrial', sans-serif;}

	/* Nav and second level */
@media (min-width: 1200px) {
  #navArea nav a { text-decoration:none;
    color: #0074c8!important;
  }
}	
@media (min-width: 1200px) {
  #navArea nav.top .menu > li > a {
    padding: 22px 35px 25px 35px;
  }
}
	#navArea nav a {
    color: var(--color-brand-secondary);
    font-size: 2.0rem;}
	#navArea nav > ul > li > a {text-transform: none;}
	
 @media (min-width: 1200px) {
  #navArea nav.top .menu > li:hover > a, #navArea nav.top .menu > li:focus > a, #navArea nav.top .menu > li:active > a {
    background: #fff;
  }
}
	
 @media (min-width: 1200px) {
  #navArea nav.top .menu > li > ul {
    background: #fff;
    border: 1px solid #b0dfe8!important;border-top: none!important;
  }
}

@media (min-width: 1200px) {
  #navArea nav.top .menu > li ul li a {
    line-height: 1.2;font-size:1.68rem;
  }
}
#navOpener:checked ~ #navArea > label {
  color: var(--color-white);
  background: #b0dfe8;
}

@media (min-width: 1200px) {
  #navArea nav.top .menu > li > a span.arrow {
    display: block;
    float: right;
    height: 10px;
    margin: 10px 0 0 8px;
    width: 10px;
  }
@media (min-width: 1200px) {
  #navArea nav.top .menu > li a span.arrow {
    border: 5px solid transparent;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: transparent;
    border-top: 5px solid #0074C8;
  }
}
@media (min-width: 1200px) {
  #navArea nav.top .menu > li:hover span.arrow, #navArea nav.top .menu > li:focus span.arrow, #navArea nav.top .menu > li:active span.arrow {
    border-top: 5px solid #0074C8;
  }
}
@media (min-width: 1200px) {
 #navArea nav.top .menu > li ul li a:hover {
    background: transparent;
    color: #000;
    text-decoration:underline;
    text-decoration-style: dotted;
  }
}

.bottomContent {
  color: var(--color-white);
}
.bottomContent a{
  color: var(--color-white);
  text-decoration:underline;
}
.bottomContent a:hover{
  color: var(--color-white);
  text-decoration:underline;
  text-decoration-style: dotted;
}
#footerArea {
  width: 100%;
  min-height: 350px;
  background-color: #534588;
  overflow: hidden;
}

nav.bottom ul, nav.bottom a {
  color: #fff;
  text-align: center;
}

nav.bottom ul, nav.bottom a:hover{
  color: var(--color-white);
  text-decoration:underline;
  text-decoration-style: dotted;
}
.wave, .wave::before, .wave::after{background:transparent;}