@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,mi
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:100%;
 vertical-align:baseline;
 background:transparent;
}
body {
    background-color: #00204e;
    font-family: "Open Sans",sans-serif;
    font-size: 1.125rem;
    color: black;
}
a {
    color: #003580;
}
.skip-link {
    position: absolute;
    left:-100%;
    color:white;
}
.skip-link:focus {
    left:50%;
}
.visuallyHidden {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 0.0625rem;
    width: 0.0625rem;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
.btn.btn-danger {
    background-color: #8b1127;
    color: #fff;
    font-weight: bold;
    border-color: #8b1127;
}
/*=========================================== * NAVIGATION *=========================================*/
nav.navbar, ul.dropdown-menu {
    background-color: #00204e !important;
}
a.nav-link, a.dropdown-item {
    color: #ffffff;
}
.nav-link:focus, .nav-link:hover {
    color: rgb(255, 255, 255) !important;
    text-underline-offset: 7px;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #00204e;
    background-color: #e9ecef;
}
.nav-link:active, .dropdown-item:active {
    background-color: transparent !important;
    color: rgba(255,255,255,1) !important;
    text-shadow: 0 0 0.25em currentColor !important;
    text-decoration: none !important;
}
.nav-link.active {
    color:#ffffff !important;
    text-underline-offset: 7px;
    text-decoration: underline;
    text-decoration-thickness: 5px;
    text-decoration-color: #8b1127;
}
.dropdown-item.active {
    padding-left: 1.5rem;
    background-color: transparent !important;
    position: relative;
    color: white;
}
.dropdown-item.active::before {
    content: "\F280";
    color: red;
    margin-right: 3px;
    font-family: "bootstrap-icons";
    top: 9px;
    position: absolute;
    left: 9px;
    font-size: .75rem;
}
.nav-link.dropdown-toggle.show {
    color: #ffffff;
}
.navbar-toggler {
    background-color: white;
}
/*=========================================== * HEADER *=========================================*/
#logo > a {
    background: rgba(0, 0, 0, 0) url("../images/logo.jpg") no-repeat scroll 0 0;
    display: block;
    height: 12.0625rem;
    background-size: contain;
}
#info {
    color: white;
    font-family: "Crimson Text",serif;
    font-size: 2.75rem;
}
#info .title {
    font-size: 1.375rem;
    letter-spacing: .1875rem;
}
/*===========================================
 * MAIN
 *=========================================*/
.banner {
    margin-top: calc(var(--bs-gutter-x) * .5);
}
main {
    background-color: white;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold !important;
    text-align: center;
}
article p {
  line-height: 1.8em;
    padding-bottom: 1.055em;
}
#search{
	position: relative;
	padding: 1.875rem;
}
#search > div {
	position: absolute;
	right: 0;
}
#search label {
	color: #2a3f63;
	font-weight: bold;
	padding-right: .3125rem;
}
#search input {
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border: none;
	/*border-radius: .25rem;*/
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	background-color: #f3f6f6;
}
#list {
    max-width: 80%;
    margin: 0 auto;
}
#list ul {
	padding-left: 0;
}
#list ul li {
	border: 1px solid #d4dae1;
	list-style: none;
	margin: 1em 0;
	padding: 1.5625rem;
}
#list > ul li > p {
    font-size: .89em;
    line-height: 1.6em;
}
#list ul li p > span {
	font-weight: bold;
}
.cite {
    font-size: .89em;
}
.cite span:first-child {
    font-weight: bold;
}
.cite span {
    display: block;
    font-style: italic;
}
#pagination {
    max-width: 80%;
    margin: 0 auto;
}
#pagination a {
	display: inline-block;
	padding: .3125rem;
	color: #0066A1;
	text-decoration: none;
	font-size: 1.125rem;
}
#pagination a.active{
	color: #aa7735;
}
#pagination a:hover {
    background-color: #e8ecef;
}
#loading{
    position: relative;
    color: grey;
    width: 100%;
    font-size: .9rem;
    text-align: center;
    display: none;
}
#loading figure {
    color: grey;
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    position: relative;
    margin: 0 auto;
}
#loading figure div {
    background-color: grey;
    width: 20%;
    height: 20%;
    border-radius: 50%;
    margin: -10% 0 0 -10%;
    position: absolute;
    animation: loadingAnim 1s infinite;
}
#loading figure div:nth-child(1) { top: 10%; left: 50%; animation-delay: -1.000s;}
#loading figure div:nth-child(2) { top: 22%; left: 78%; animation-delay: -0.875s;}
#loading figure div:nth-child(3) { top: 50%; left: 90%; animation-delay: -0.750s;}
#loading figure div:nth-child(4) { top: 78%; left: 78%; animation-delay: -0.625s;}
#loading figure div:nth-child(5) { top: 90%; left: 50%; animation-delay: -0.500s;}
#loading figure div:nth-child(6) { top: 78%; left: 22%; animation-delay: -0.375s;}
#loading figure div:nth-child(7) { top: 50%; left: 10%; animation-delay: -0.250s;}
#loading figure div:nth-child(8) { top: 22%; left: 22%; animation-delay: -0.125s;}
@keyframes loadingAnim {
    0%, 100% {opacity: 0;}
    50% {opacity: 1;}
}
footer {
    width: 100%;
    color:white;
    font-size: .75rem;
    margin-bottom: 1.25rem;
}
footer #social {
    margin: .625rem 0;
    padding: .9375rem 0;
}
footer ul {
    list-style-type: none;
}
.message p a {
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    font-family: "Crimson Text",serif;
    font-size: 1.65rem;
    letter-spacing: .055rem;
}
footer #social ul li {padding-left: 0px;}
footer #social ul li {
    border: medium none;
    color: #ffffff;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
    width: 4%;
}
footer #social ul li a {
    color: #ffffff;
    text-decoration: none;
    font-size: .9rem;
    display: inline-block;
    overflow:hidden;
}
footer ul li {
    color: #ffffff;
    padding: 0 .9375rem;
    vertical-align: top;
    font-size:1rem;
}
footer ul li a {
    color: #ffffff;
    text-decoration: underline;
}
.bs-sm-svg {
    margin-right: .4375rem;
    fill: white;
    width: 1.75rem;
    vertical-align: middle;
}
/* ===============================================================================================================================
* MEDIA QUERIES
* ==============================================================================================================================*/
@media only screen and (max-width: 1220px) {
    #container {
        max-width: 66.25rem;
        padding: 0 .9375rem;
    }
}
@media only screen and (max-width: 991px) {
    .nav-item a.btn {
        margin-top: .9rem;
   }
}
@media only screen and (max-width: 960px) {
    #container {
        max-width: 59.9375rem;
    }
    #logo {
        width: 100%;
    }
    #logo > a {
        width: 95%;
        height: 6.25rem;
    }
    nav {
        width: 100%;
        float: none;
        padding: 0 0 .9375rem;
   }
    nav a.mobile_menu {
        display: flex;
   }
    nav ul {
        display: none;
   }
   nav .message {
	    display:none;
    }
    footer .message {
        display: block;
        background-image: none;
        margin: .625rem auto;
        padding: .9375rem 0;
        width: 100%;
   }
    nav ul.active {
        display:block;
   }
    .message p {
        padding: 0 .9375rem;
   }
    #info {
        margin-right: 4.375rem;
    }
    #info p:nth-child(1) {
        font-size: 86.3%;
    }
    #info p.title.tagline {
        display: none;
    }
    article {
        width: 100%;
        float: none;
        box-sizing: border-box;
        padding: 1.25rem;
        padding-bottom: .9375rem !important;
    }
    footer {
        width: 100%;
        margin: 0 auto;
    }

}
@media only screen and (max-width: 767px) {
    #logo > a {
        height: 8.0625rem;
   }
    #container {
        max-width: 47.875rem;
    }
    #list {
        max-width: 100%;
    }

}
@media only screen and (max-width: 680px) {
    #container {
        max-width: 42.4375rem;
    }
    #info {
        position: relative;
        text-align: center;
        margin-right: 0;
    }

    .middlecontent,  aside {
        float: none;
        width: 100% !important;
    }
    #search {
    	padding:1.875rem 1.875rem 3.75rem 1.875rem;
    }
    #search > div {
    	left:0;
    }
}
@media only screen and (max-width: 480px) {
    #container {
        max-width: 29.9375rem;
    }  
    footer ul li {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0 0 .3125rem 0;
        border-left: none;
        border-right: none;
    }
    footer #social ul {
        margin: 0 auto;
    }
    footer #social ul li {
        padding: 0.85rem;
    }
    footer #social ul li.first {
        text-align: center;
    }
}
/*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */
.fa, .fas, .far, .fal, .fad, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}
.fa-xs {
    font-size: .75em;
}
.fa-sm {
    font-size: .875em;
}
.fa-1x {
    font-size: 1em;
}
.fa-2x {
    font-size: 2em;
}
.fa-3x {
    font-size: 3em;
}
.fa-4x {
    font-size: 4em;
}
.fa-5x {
    font-size: 5em;
}
.fa-6x {
    font-size: 6em;
}
.fa-7x {
    font-size: 7em;
}
.fa-8x {
    font-size: 8em;
}
.fa-9x {
    font-size: 9em;
}
.fa-10x {
    font-size: 10em;
}
.fa-fw {
    text-align: center;
    width: 1.25em;
}
.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}
.fa-ul > li {
    position: relative;
}
.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}
.fa-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}
.fa-pull-left {
    float: left;
}
.fa-pull-right {
    float: right;
}
.fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left {
    margin-right: .3em;
}
.fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right {
    margin-left: .3em;
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
   }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
   }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
   }
}
.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1);
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both {
    -webkit-filter: none;
    filter: none;
}
.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}
.fa-stack-1x, .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.fa-stack-1x {
    line-height: inherit;
}
.fa-stack-2x {
    font-size: 2em;
}
.fa-inverse {
    color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-facebook:before {
    content: "\f09a";
}
.fa-facebook-f:before {
    content: "\f39e";
}
.fa-facebook-messenger:before {
    content: "\f39f";
}
.fa-facebook-square:before {
    content: "\f082";
}
.fa-twitter:before {
    content: "\f099";
}
.fa-twitter-square:before {
    content: "\f081";
}
.fa-youtube:before {
    content: "\f167";
}
.fa-youtube-square:before {
    content: "\f431";
}
.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: .0625rem;
    margin: -.0625rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .0625rem;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("./fonts/fa-brands-400.eot");
    src: url("./fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("./fonts/fa-brands-400.woff2") format("woff2"), url("./fonts/fa-brands-400.woff") format("woff"), url("./fonts/fa-brands-400.ttf") format("truetype"), url("./fonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}
.icon::before {
    display: inline-block;
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    padding-right: .375rem;
}