body {
font-family: 'Fira Sans', sans-serif;
color:#373737;
}
a {
color:#e28b1f;
text-decoration:none;
}
a:hover {
color:#a76514;
}

/* HEADER STYLING */
.headerSpace {
background-image:url(../images/top_bg.jpg);
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
padding:100px 0 100px 0;
}

.headerSpace h1 {
font-family: 'Fira Sans', sans-serif;
color: #fff200;
font-weight:700;
line-height:1em;
text-shadow: 2px 2px #000;
}

.headerSpace p {
font-size:1.25rem;
font-family: 'Fira Sans', sans-serif;
color: #fff200;
text-shadow: 2px 2px #000;
}


.headerSpace h4 {
font-family: 'Fira Sans', sans-serif;
color: #fff200;
font-weight:400;
text-shadow: 2px 2px #000;
}


/* INTERIOR HEADER STYLING */
.interiorHeader {
background-image:url(../images/interior_bg1.jpg);
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
padding:0 0 0 0;
}

.interiorHeaderContact {
background-image:url(../images/interior_contact.jpg);
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
padding:0 0 0 0;
}

.interiorHeaderResources {
background-image:url(../images/interior_resources.jpg);
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
padding:0 0 0 0;
}

.interiorHeaderRatings {
background-image:url(../images/interior_ratings.jpg);
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
padding:0 0 0 0;
}

.interiorHeaderFaq {
background-image:url(../images/interior_faq.jpg);
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
padding:0 0 0 0;
}

.interiorHeaderNews {
background-image:url(../images/interior_resources.jpg);
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
padding:0 0 0 0;
}

.interiorHeaderControls {
background-image:url(../images/interior_controls.jpg);
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
padding:0 0 0 0;
}

.headerSpace h1 {
font-family: 'Fira Sans', sans-serif;
color: #fff200;
font-weight:700;
line-height:1em;
text-shadow: 2px 2px #000;
}

.headerSpace p {
font-size:1.25rem;
font-family: 'Fira Sans', sans-serif;
color: #fff200;
text-shadow: 2px 2px #000;
}


.headerSpace h4 {
font-family: 'Fira Sans', sans-serif;
color: #fff200;
font-weight:400;
text-shadow: 2px 2px #000;
}




/* TYPOGRAPHY */

h1 {
font-size:3rem;
font-weight:600;
color:#0f436d;
}

h2 {
font-size:2.25rem;
font-weight:400;
color:#e28b1f;
}


h3 {
font-size:2rem;
font-weight:400;
color:#0f436d;
}

h4 {
font-weight:400;
color:#0f436d;
}

/* CALLOUT */


.callout {
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
/* border: 1px solid rgba(10, 10, 10, 0.25); */
border-radius: 15px;
background-color: white;
color: #0a0a0a; }
.callout > :first-child {
margin-top: 0; }
.callout > :last-child {
margin-bottom: 0; }
.callout.primary {
background-color: #0f436d;
color: #fff; }
.callout.secondary {
background-color: #eaeaea;
color: #0a0a0a; }
.callout.small {
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem; }
.callout.large {
padding-top: 3rem;
padding-right: 3rem;
padding-bottom: 3rem;
padding-left: 3rem; }


/* BUTTONS */

.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
font-family: inherit;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 10px;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 0.9rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #1779ba;
color: #fefefe; }
[data-whatinput='mouse'] .button {
outline: 0; }
.button:hover, .button:focus {
background-color: #14679e;
color: #fefefe; }
.button.tiny {
font-size: 0.6rem; }
.button.small {
font-size: 0.75rem; }
.button.large {
font-size: 1.25rem; }
.button.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0; }
.button.primary {
background-color: #1779ba;
color: #fefefe; }
.button.primary:hover, .button.primary:focus {
background-color: #126195;
color: #fefefe; }
.button.secondary {
background-color: #767676;
color: #fefefe; }
.button.secondary:hover, .button.secondary:focus {
background-color: #5e5e5e;
color: #fefefe; }


/* IMAGE STYLING */

.hp_thumbs {
float:right;
padding:3px;
border:solid 1px #d2d2d2;
}

.headshot {
padding:3px;
border:solid 1px #d2d2d2;
}



/* RESPONSIVE NAV */

.is-drilldown {
  position: relative;
  overflow: hidden; }
  .is-drilldown li {
    display: block; }
  .is-drilldown.animate-height {
    transition: height 0.5s; }

.drilldown a {
  padding: 0.7rem 1rem;
  background: #002c47; }

.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear; }
  .drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -ms-transform: translateX(-100%);
        transform: translateX(-100%); }
  .drilldown .is-drilldown-submenu.is-closing {
    -ms-transform: translateX(100%);
        transform: translateX(100%); }
  .drilldown .is-drilldown-submenu a {
    padding: 0.7rem 1rem; }

.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0; }

.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%; }

.drilldown .is-drilldown-submenu-parent > a {
  position: relative; }
  .drilldown .is-drilldown-submenu-parent > a::after {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem;
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #1779ba; }

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  left: auto;
  right: 1rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba; }

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  right: auto;
  left: 1rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent; }

.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
  border-left-width: 0; }