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; }