/* Body Font and Color */
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    color: #4B5355;
    letter-spacing:-0.2px;
}
a {
    color: #00487f;
}
a:hover {
    color: #003964;
}
/* remove borders on iPhone button clicks */
:focus {
    outline:0 !important;
}
/* Reset Header Bottom Margins */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom:1rem;
    /*font-family: "Arial Narrow","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family:"Times New Roman",Times,serif;
    color: #00487f;
}
/* BEGIN Chris Styles For Dynamic Pages */
.blue-box {
    background:#00487f;
    color:#fff;
    /*border:1px solid #00AA4F;*/
}
.blue-box a.btn-light {
    color:#000;
}
.blue-box a.btn-light:hover {
    color:#000;
}
.blue-box.text {
    padding:30px;
}

.blue-box h1, .blue-box h2, .blue-box h3, .blue-box h4 ,.blue-box h5 {
    color:#fff;
}
.blue-box a {
    color: #71bbfa;
}

    /* Custom Navbar */
.navbar-nav {
    font-size:15px;
    font-family: "Arial Narrow",Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.navbar-dark .navbar-nav .nav-link, .dropdown-custom a {
    color: #fff;
}
.navbar-dark .navbar-nav .nav-link:hover, .dropdown-custom a:hover {
    color: #76c3ff;
}
@media (min-width: 992px) { /* breakpoint to only show vertical borders on -lg and above */
    .navbar .nav-item {
        padding-top:1.5rem;
        padding-bottom:1.5rem;
        border-left:1px solid #fff;
    }
    .navbar .nav-item:last-child {
        border-right:1px solid #fff;
    }
}
@media (max-width: 1300px) { /* breakpoint for slightly smaller menu font for Tablet horizontal (SpecSys only) */
    .navbar .nav-item {
        font-size:15px;
    }
}
.dropdown-custom {
    border:1px solid #fff;
    border-radius:0;
    background: #00487f;
}
.dropdown-custom a:hover {
    background:transparent;
}

.topstripe {
    height:5px;
}
.lt-blue {
    background-color: #0093ff;
}
.md-blue {
    background-color: #006cbe;
}
.dk-blue {
    background-color:#00487f;
}
.dk-black {
    background-color:#000;
}
/* Custom Footer */
.footer-custom {
    margin-top:2rem;
    padding-top:2rem;
    font-size:12px;
    border-top:1px solid #ccc;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f0f0+0,ffffff+30 */
    background: rgb(240,240,240); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(240,240,240,1) 0%, rgba(255,255,255,1) 30%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(240,240,240,1) 0%,rgba(255,255,255,1) 30%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(240,240,240,1) 0%,rgba(255,255,255,1) 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.footer-custom h4 {
    font-family:"Arial Narrow",Arial,sans-serif;
    font-weight:bold;
    font-size: 1rem !important;
    line-height: 1rem;
    /*letter-spacing:-1px;*/
}
.footer-custom a {
    color: rgb(86,86,86);
}
.footer-custom .widget-list li {
    line-height:18px;
    padding-bottom:10px;
}
.footer-custom .widget-list li a:hover {
    text-decoration: underline;
}
.footer-custom .widget .card-header {
    background:transparent;
}
.footer-custom .widget .card-header a {
    width: 100%;
    display: block;
}
.footer-custom .widget .card-header a:after {
    font-family:Arial,Helvetica,san-serif;
    font-size:150%;
    content: "+";
    position: absolute;
    right: 40px;
    top: .9rem;
    transition: transform .15s ease-in-out;
}
.footer-custom .widget .card-header a:hover, .widget .card-header a:focus {
    text-decoration: none;
}
.footer-custom .widget .card-header a[aria-expanded="true"]:after {
    transform: rotate(45deg);
}
.footer-custom .widget .card-block {
    padding: 0 1.3rem;
}
.footer-custom .widget .card-block .widget-list li {
    margin-bottom: 4px;
}
/* Custom Page Header */
.page-header {
    padding:0px;
    /* OLD Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,00487f+33,ffffff+100 */

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,00487f+33,ffffff+90 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #00487f 33%, #ffffff 90%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#00487f 33%,#ffffff 90%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#00487f 33%,#ffffff 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.page-header h1 {
    /* layout */
    margin:0;
    padding:0;
    font-size:4rem;
    line-height:4rem;
    /* font */
    font-family:"Times New Roman",Times,serif;
    font-weight:100;
    font-style:italic;
    /*text-transform:uppercase;*/
    letter-spacing:-0.1rem;
    /* color */
    color:#fff;
    /* stroke */
    text-shadow:
    -1px -1px 0 #00487f,
    1px -1px 0 #00487f,
    -1px 1px 0 #00487f,
     1px 1px 0 #00487f;
}
.page-header-text {
    text-align:left;
}
.page-header-logo {
    text-align:right;
}
.page-header img {
    max-height:4rem;
}
@media (max-width : 420px) {
    .page-header {
        /* Smartphones ----------- */
        /* change to a lighter gradient */
        background: #61a9e0; /* Old browsers */
        background: -moz-linear-gradient(left,  #ffffff 0%, #61a9e0 50%, #ffffff 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #ffffff 0%,#61a9e0 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #ffffff 0%,#61a9e0 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    .page-header-text {
        text-align:center;
    }
    .page-header-logo {
        text-align:center;
    }
    .page-header h1 {
        font-size:2rem;
        line-height:2rem;
    }
}
@media (max-width: 820px) {
    /* Tablets ----------- */
    .page-header-text {
        text-align:center;
    }
    .page-header h1 {
        font-size:3rem;
        line-height:3rem;
    }
    .page-header img {
        max-height:3rem;
    }
}
/* cookie alert */
.cookiealert {
    background:#000;
    background:rgba(0,0,0,0.85);
    color:#fff;
}
.cookiealert a {
    color:#fff;
    text-decoration:underline;
}
.fade-in {
    animation: fadeIn ease 0.5s;
    -webkit-animation: fadeIn ease 0.5s;
    -moz-animation: fadeIn ease 0.5s;
    -o-animation: fadeIn ease 0.5s;
    -ms-animation: fadeIn ease 0.5s;
}
@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-o-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-ms-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}