﻿body { background: #00457f; font-family: 'Roboto', Arial, Verdana, Tahoma, sans-serif; font-weight: 300 !important; }
.content { background: #fff; }
.content a { text-decoration: underline; }
.content .menu a { text-decoration: none; }
.button.orange { background-color: #c8dbe5; }
h1, h2, h3, h4, h5, h6 { font-family: 'Rockwell', 'Times New Roman', Arial, serif; font-weight: 400; }
h1, h2, h3, h4, h5, h6 { font-family: 'Noto Serif', 'Rockwell', 'Times New Roman', Arial, serif; font-weight: 400; }
table { border: 1px solid #dadada; border-collapse: collapse; }
table thead { background: #dadada; }
table tbody tr:nth-child(even) { background: #eaeaea; }
.content .breadcrumbs li { background: #FFDDBC url('img/bc_divider.gif') no-repeat right center; padding: 0.4rem 0.2rem 0.4rem 0.8rem; }
.content .breadcrumbs li.lastLink { background: #afd2e4 url('img/bc_end2.png') no-repeat right center; }
.content .breadcrumbs li.current { color: #fff; background: #00457f url('img/bc_end1.png') no-repeat right center; padding-right: 1.5rem; }
.content .breadcrumbs li a { display: inline-block; color: #666; }
.content .breadcrumbs li:not(:last-child)::after { content: ""; }

/*      Header        */

.header { padding-top: 0.5rem; }
.header, .header ul { background: none; }
.header ul a { color: #fff; text-transform: uppercase; font-size: 0.75rem; }
.header ul a:hover { text-decoration: none; color: #c8dbe5; }
.header ul.menu > li > a { padding: 0 0 0 0.5rem; text-decoration: none; }
.header [type=search] { border: 1px solid #fff; }
.header .breadcrumbs li { color: #fff; }

/*      Global Navigation       */

.top-bar { margin-top: 1rem; border-bottom: 4px solid #eaeaea; padding: 0; }
.menu-icon:hover::after {  background: #fff; -webkit-box-shadow: 0 7px 0 #fff, 0 14px 0 #fff; box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;  }
.top-bar, .top-bar ul { background: #fff; }
.top-bar ul li ul, .menu.vertical.sub-nav a { background: #eaeaea; }
.top-bar ul .is-dropdown-submenu { border: none; }
.top-bar ul .is-dropdown-submenu a:hover, .menu.vertical.sub-nav a:hover { background: #afd2e4; }
.top-bar .menu .menu a, .menu.vertical.sub-nav a { color: #0a0a0a; }
.top-bar .menu a { color: #000; font-family: 'Roboto', Arial, Verdana, Tahoma, sans-serif; font-weight: 500; }
.top-bar .menu a:hover { background: #eaeaea; color: #fff; }
.top-bar .menu .active > a { background: #eaeaea; color: #fff; }
.top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after { border-color: #000 transparent transparent; }
.top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after { border-color: #fff transparent transparent; }
.top-bar .dropdown.menu > li.is-dropdown-submenu-parent.active > a::after { border-color: #fff transparent transparent; }
.top-bar .dropdown.menu > li.is-dropdown-submenu-parent.active .active a, .menu.vertical.sub-nav .active > a { background: #afd2e4; color: #fff; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { border-color: transparent transparent transparent #fff; }
.top-bar .is-drilldown-submenu-parent > a::after { border-color: transparent transparent transparent #fff; }
.top-bar .js-drilldown-back > a::before { border-color: transparent #fff transparent transparent; }
.menu-icon { outline: none; }
.menu.vertical.sub-nav li { border-top: 1px solid #fff; }
.is-dropdown-submenu { z-index: 2; }

/*      Footer       */

.footer { color: #fff; font-size: 0.875rem; padding-top: 0.5rem; padding-bottom: 3rem; }
.footer a { color: #fff; text-decoration: underline; text-transform: uppercase; font-size: 0.75rem; }
.footer a:hover { text-decoration: none; }

/*      Homepage     */

.home h1 { font-size: 2.4rem; padding: 0; margin-top: 1rem; text-align: center; }
.home h2.imgHeading img { vertical-align: baseline; }
.home h2.imgHeading { font-size: 2rem; border-bottom: 1px solid #00457f; }
.home .show-for-medium img { width: 100px; height: 106px; }

/*      Side Nav Menu       */

.textPage i.fi-list { font-size: 21px; }
.textPage .menu.vertical.sub-nav { margin-bottom: 1rem; }
.textPage .menu.vertical.sub-nav .menu.vertical.sub-nav { margin: 0; }
.textPage .menu.vertical.sub-nav li ul li > a { background: #FFAD5B; }
.textPage .menu.vertical.sub-nav li ul .active > a { background: #afd2e4; }
.textPage .menu.vertical.sub-nav .active ul li > a, .textPage .menu.vertical.sub-nav li ul li.active a { padding: 0.7rem 1rem 0.7rem 2rem; }
.textPage .menu.vertical.sub-nav li.sectionHome a { background: #000; color: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; }

@media screen and (max-width: 39.9375em) {
    .header .breadcrumbs.float-right { float: none !important; margin-top: 0.5rem; }
    .header .breadcrumbs li:not(:last-child):after { margin: 0 0.375rem; }
    .content .breadcrumbs li { background-image: none; padding: 0.4rem 0.4rem; }
    .content .breadcrumbs li.lastLink { background-image: none; }
    .content .breadcrumbs li.current { color: #fff; background-color: #afd2e4; background-image: none; padding-right: 1rem; }
    .content .breadcrumbs li:not(:last-child)::after { content: ""; margin: 0; }
    .content .breadcrumbs li { margin-right: 1px; }
    .home h1 { font-size: 1.6rem; }
}

@media print, screen and (min-width: 40em) {
    .content, .textPage { min-height: 500px; }
    .content .breadcrumbs { margin: 0.5rem 0 0 0; }
    .home h2.imgHeading { margin: 1.5rem 0 1rem 0; }
    .textPage h1 { margin: 1rem 0; }
    .textPage .menu.vertical.sub-nav { margin-top: 1rem; }
}

@media print, screen and (max-width: 63.9375em) {
    .top-bar { margin-top: 0; border-bottom: none; }
    .top-bar ul { background: #eaeaea; }
    .top-bar .menu a { color: #fff; }
    .title-bar { margin-top: 1rem; background: #eaeaea; }
    .top-bar .menu .active > a { background: #c8dbe5; }
}
