﻿body { font-family: 'Roboto', Arial, Verdana, Tahoma, sans-serif; font-weight: 300 !important; }
a { color: #1779ba; }
header, footer { background-color: #4E8CAB; color: #fff; }
    header ul a.nav-link:link, header ul a.nav-link:visited, footer ul a:link, footer ul a:visited, footer ul a:visited, header ul a.nav-link a.link-body-emphasis:focus { color: #fff; text-transform: uppercase; }
    header ul a.nav-link a.link-body-emphasis:focus { color: #fff !important; }
    header ul a.nav-link:link, header ul a.nav-link:visited { font-size: 14px; }
    header ul a.nav-link:hover, header ul a.nav-link.active { color: #FA9027 !important; }
    footer ul a:link, footer ul a:visited { color: #fff; text-transform: uppercase; font-size: 0.75rem; text-decoration: underline; }
    footer ul a:hover { color: #fff; text-transform: uppercase; font-size: 0.75rem; text-decoration: none; }

strong, b { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { font-family: 'Noto Serif', 'Rockwell', 'Times New Roman', Arial, serif; font-weight: 400; }
.innerPage h1 { margin-bottom: 1.4rem; font-size: 3rem; }
.home h1 { font-size: 2.4rem; padding: 0; margin-top: 1rem; text-align: center; margin-bottom: 1em; }
.home h2 { border-bottom: 1px solid #4E8CAB; margin: 1.5rem 0 1rem 0; }

nav.global .collapse.navbar-collapse { border-bottom: 4px solid #FF9D3C; }
nav.global ul.navbar-nav > li a { color: #000; font-family: 'Roboto', Arial, Verdana, Tahoma, sans-serif; font-weight: 500; }
    nav.global ul.navbar-nav > li a.active, nav.global ul.navbar-nav > li a:hover { background-color: #FF9D3C; color: #fff; }
header nav .dropdown-menu { background-color: #FF9D3C; border: none; border-radius: 0; padding-top: 0; padding-bottom: 0; }
header nav .dropdown-item { padding-top: 8px; padding-bottom: 8px; }
header nav ul.navbar-nav .dropdown-menu li a { color: #fff; }
    header nav ul.navbar-nav .dropdown-menu li a.active, header nav ul.navbar-nav .dropdown-menu li a:hover { background-color: #FFBC79; }
header nav .navbar-toggler, header nav .navbar-toggler:focus { border: none; box-shadow: none; font-size: 2em; }

@media (max-width: 991px) {
    header nav ul.navbar-nav > li a { color: #fff !important; background-color: #FF9D3C; color: #fff; }
    header ul a.nav-link:hover, header ul a.nav-link.active { color: #fff !important; }
        header nav ul.navbar-nav > li a.active, header nav ul.navbar-nav > li a:hover { background-color: #FFBC79; }
    header nav ul.navbar-nav li a.nav-link.show { background-color: #FFBC79; color: #fff !important; }
    header nav ul.navbar-nav .dropdown-menu li { border-top: 1px solid #fff; }
    header nav ul.navbar-nav li { border-top: 1px solid #fff; }
}

@media (min-width: 992px) {
    .dropdown:hover > .dropdown-menu, .dropend:hover > .dropdown-menu { display: block; margin-top: 0; }
    .dropend:hover > .dropdown-menu { position: absolute; top: 0; left: 100%; margin-left: 0; }
}

.nav.inner li { border-top: 1px solid #fff; }
    .nav.inner li a { background: #FF9D3C; color: #fff; }
    .nav.inner li.sectionHome a, .nav.inner li.sectionHome a:hover { background: #000; color: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; }
    .nav.inner li.active > a, .nav.inner li a:hover { background: #FFBC79; }
.nav.inner ul { margin-left: 0; list-style-type: none; padding: 0; }
    .nav.inner ul li a { padding-left: 2rem; background: #FFAD5B; }

nav.top { background-color: #4E8CAB }
nav.top a:link, nav.top a:visited { font-size: 12px; text-transform: uppercase; }
    nav.top a:hover i { color: #FF9D3C !important; text-transform: uppercase; }

a.icon-link > .bi { width:1.5em; height: 1.5em; }

@media (prefers-reduced-motion: reduce) {
    .offcanvas { transition: transform 0.3s ease-in-out; }
}

.input-group input { border-radius: 0; }
.btn.orange { background-color: #FA9027; color: #fff; border-radius: 0; }
.pagination .page-item .page-link { border-radius: 0; color: #FA9027 }
.pagination .page-item .page-link { border-radius: 0; color: #FA9027 }
.pagination .page-item.active .page-link { background-color: #FA9027; border-color: #FA9027; color: #fff; }
.pagination .page-item.disabled .page-link { color: #999; }

.searchPage ul li h5 a { color: #1779ba; }

.breadcrumb::before, .breadcrumb::after { display: table; content: ' '; }
.breadcrumb li { background: #FFDDBC url('/img/bc_divider.gif') no-repeat right center; padding: 0.4rem 0.2rem 0.4rem 0.8rem; float: left; font-size: 0.6875rem; color: #0a0a0a; cursor: default; text-transform: uppercase; }
.breadcrumb li.current { color: #fff; background: #FFBC79 url('/img/bc_end.gif') no-repeat right center; padding-right: 1.5rem; }
.breadcrumb li.lastLink { background: #FFDDBC url('/img/bc_last_divider.gif') no-repeat right center; }
.breadcrumb li a { display: inline-block; color: #666; }
.breadcrumb li:not(:last-child)::after { content: ""; }
.breadcrumb li:not(:last-child)::after { position: relative; top: 1px; margin: 0 0.75rem; opacity: 1; color: #cacaca; }

@media screen and (max-width: 767px) {
    .breadcrumb li.lastLink { background-image: none; }
    .breadcrumb li { margin-right: 1px; background-image: none; padding: 0.4rem 0.4rem 0.4rem 0.6rem; }
    .breadcrumb li.current { color: #fff; background-color: #FFBC79; background-image: none; padding-right: 1rem; }
}

.modal button.closemodal { border-radius: 0; color: #fff; background-color: #FA9027; border-color: #FA9027; }

.card:not(.profileView) { --bs-card-border-width: 2px !important; }
    .card.profileView .card-footer { background-color: #fff; }
.btn.btn-logbook { color: #ffffff; background-color: #ff9d3c; border-color: #ff9d3c; }

ul li p { margin-bottom:0; }
.bi-question-square-fill::before { vertical-align: top; }