/*!
 * Nova Scotia Archives 2024 colour modes
 */
:root,
[data-bs-theme=light] {
    --as-archives-heading: #00718e;
    --as-archives: #00718e;
    --as-archives-caption: #00718e;
    --as-archives-w: #ffffff;
    --as-archives-d: #2b2b2b;
    --as-archives-teal: #00718e;
    --as-archives-light: #338da5;
    --as-archives-white: #ffffff;
    --as-archives-whitehover: #adb5bd;
    --as-archives-outline: #00718e;
    --as-archives-grey: #f8f9fa;
    --as-archives-player: #f2f3f4;
    --as-archives-icon: #adb5bd;
    --as-archives-iconhover: #338da5;
    --as-highlight: #efc964;
    --as-youtube: #e32524;
    --as-facebook: #1778f2;
    --as-twitter: #1da1f2;
    --as-footer: #00718e;
    --as-clear: #ffffff;
}

[data-bs-theme=dark] {
    --as-archives-heading: #adb5bd;
    --as-archives: #00718e;
    --as-archives-caption: #000000;
    --as-archives-w: #ffffff;
    --as-archives-d: #2b2b2b;
    --as-archives-teal: #338da5;
    --as-archives-light: #338da5;
    --as-archives-white: #adb5bd;
    --as-archives-whitehover: #ffffff;
    --as-archives-outline: #adb5bd;
    --as-archives-grey: #343a40;
    --as-archives-player: #3b3b3b;
    --as-archives-icon: #338da5;
    --as-archives-iconhover: #00718e;
    --as-highlight: #efc964;
    --as-youtube: #e32524;
    --as-facebook: #1778f2;
    --as-twitter: #1da1f2;
    --as-footer: #343a40;
    --as-clear: #22252a;
}


body,
html {
    font-size: 1rem;
    width: auto
}

dd,
li,
p {
    color: var(--bs-body) !important;
    font-size: 1.05em;
    line-height: 1.7em
}

p.small {
    font-size: .9em
}

.bg-dark {
    background-color: var(--as-archives) !important;
}

p.feature {
    font-size: 1.15em;
    line-height: 1.6em;
    margin-top: .5em;
    margin-bottom: .5em;
    font-weight: 450
}

p.results-title {
    line-height: 1.3em;
    margin-top: 1.3em;
    margin-bottom: .3em
}

p.results {
    font-size: .93em;
    line-height: 1.3em;
    margin-top: .5em;
    margin-bottom: 0
}

h1.white {
    font-family: 'Roboto', sans-serif;
    color: var(--as-archives-w) !important;
}

h1.white-serif {
    font-family: 'Roboto Slab', serif;
    color: var(--as-archives-w) !important;
}

h1.chalk,
h4.chalk {
    font-family: 'Fredericka the Great', serif;
    color: var(--as-archives-w) !important;
}

h2 {
    font-family: 'Roboto Slab', serif;
    color: var(--as-archives-teal) !important;
}

h3,
h4,
h5 {
    color: var(--as-archives-heading) !important;
}

h4.caption,
h5.caption {
    color: var(--as-archives-caption) !important;
}

.navbar-dark {
    color: var(--as-archives-teal) !important;
}

a.nav-link {
    color: var(--as-archives-white) !important;
    font-size: 1.2rem;
    text-decoration: none !important
}

a.nav-link:hover {
    color: var(--as-archives-w) !important;
    font-size: 1.2rem;
    text-decoration: none !important
}

a.navbar-brand {
    color: var(--as-archives-white) !important;
    font-size: 1.3rem;
    text-decoration: none !important;
    font-weight: 400;
}

a.navbar-brand:hover {
    color: var(--as-archives-w) !important;
    font-size: 1.3rem;
    text-decoration: underline !important;
    font-weight: 400;
}

a.archives {
    color: var(--as-archives-teal) !important;
    text-decoration: none;
    background-color: transparent;
    font-weight: 600;
}

a.archives:hover {
    color: var(--as-archives-light) !important;
    text-decoration: underline
}

h5.black {
    color: #000 !important
}

h1.white {
    text-align: right;
    color: var(--as-archives-w) !important;
    font-size: 3rem;
    padding-top: 0;
    padding-right: 5rem
}

h1.teal {
    text-align: right;
    color: var(--as-archives) !important;
    font-size: 3rem;
    padding-top: 0;
    padding-right: 5rem
}

.teal {
    color: var(--as-archives-teal) !important;
}

.clear {
    color: var(--as-clear) !important;
}

.a-logo {
    height: 6rem
}

.header-image {
    height: 10rem
}

.notice-warning {
    background-color: #f0ad4e;
    width: 100%
}

.notice-text {
    background-color: #f0ad4e;
    margin: 1em;
    margin-left: 5em;
    margin-right: 7em
}

.carousel-item {
    height: 30em;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.carousel-caption {
    position: absolute;
    z-index: 1;
    text-align: left;
    color: #000;
    font-weight: 400;
    background: var(--as-archives-white) !important;
    margin-bottom: 1.5em;
    max-width: 50em;
    opacity: .75;
    padding: .5em 1.5em 0
}

.header-image {
    height: 15em
}

.portfolio-item {
    margin-top: 30px
}

.card-header {
    color: var(--as-archives-teal) !important;
}

.bg-warning {
    color: #000000;
}

.btn-nav {
    --bs-btn-color: var(--as-archives-white) !important;
    --bs-btn-bg: var(--as-archives-dark) !important;
    --bs-btn-border-color: var(--as-archives-dark) !important;
    --bs-btn-hover-color: var(--as-archives-white) !important;
    --bs-btn-hover-bg: var(--as-archives-light) !important;
    --bs-btn-hover-border-color: var(--as-archives-light) !important;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--as-archives-white) !important;
    --bs-btn-active-bg: var(--as-archives-teal) !important;
    --bs-btn-active-border-color: var(--as-archives-teal) !important;
    --bs-btn-active-shadow: inset 0 0 0 .2rem rgba(58, 176, 195, .5);
    --bs-btn-disabled-color: var(--as-archives-white) !important;
    --bs-btn-disabled-bg: var(--as-archives-teal) !important;
    --bs-btn-disabled-border-color: var(--as-archives-teal) !important;
}

.btn-archives {
    --bs-btn-color: var(--as-archives-white) !important;
    --bs-btn-bg: var(--as-archives-light) !important;
    --bs-btn-border-color: var(--as-archives-light) !important;
    --bs-btn-hover-color: var(--as-archives-white) !important;
    --bs-btn-hover-bg: var(--as-archives-teal) !important;
    --bs-btn-hover-border-color: var(--as-archives-teal) !important;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--as-archives-white) !important;
    --bs-btn-active-bg: var(--as-archives-light) !important;
    --bs-btn-active-border-color: var(--as-archives-light) !important;
    --bs-btn-active-shadow: inset 0 0 0 .2rem rgba(58, 176, 195, .5);
    --bs-btn-disabled-color: var(--as-archives-white) !important;
    --bs-btn-disabled-bg: var(--as-archives-light) !important;
    --bs-btn-disabled-border-color: var(--as-archives-light) !important;
}

.btn-archives-light {
    --bs-btn-color: var(--bs-tertiary) !important;
    --bs-btn-bg: var(--as-archives-grey) !important;
    --bs-btn-border-color: var(--as-archives-teal) !important;
    --bs-btn-hover-color: var(--as-archives-white) !important;
    --bs-btn-hover-bg: var(--as-archives-light) !important;
    --bs-btn-hover-border-color: var(--as-archives-light) !important;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--as-archives-white) !important;
    --bs-btn-active-bg: var(--as-archives-light) !important;
    --bs-btn-active-border-color: var(--as-archives-light) !important;
    --bs-btn-active-shadow: inset 0 0 0 .2rem rgba(58, 176, 195, .5);
    --bs-btn-disabled-color: var(--as-archives-white) !important;
    --bs-btn-disabled-bg: var(--bs-body) !important;
    --bs-btn-disabled-border-color: var(--bs-body) !important;
}

.btn-archives-outline {
    --bs-btn-color: var(--as-archives-outline) !important;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--as-archives-teal) !important;
    --bs-btn-hover-color: var(--as-archives-white) !important;
    --bs-btn-hover-bg: var(--as-archives-teal) !important;
    --bs-btn-hover-border-color: var(--as-archives-teal) !important;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--as-archives-teal) !important;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--as-archives-teal) !important;
    --bs-btn-active-shadow: inset 0 0 0 .2rem rgba(58, 176, 195, .5);
    --bs-btn-disabled-color: var(--as-archives-white) !important;
    --bs-btn-disabled-bg: var(--as-archives-teal) !important;
    --bs-btn-disabled-border-color: var(--as-archives-teal) !important;
}

.btn-outline-archives {
    --bs-btn-color: var(--as-archives-teal) !important;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--as-archives-teal) !important;
    --bs-btn-hover-color: var(--as-archives-white) !important;
    --bs-btn-hover-bg: var(--as-archives-teal) !important;
    --bs-btn-hover-border-color: var(--as-archives-teal) !important;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--as-archives-teal) !important;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--as-archives-teal) !important;
    --bs-btn-active-shadow: inset 0 0 0 .2rem rgba(58, 176, 195, .5);
    --bs-btn-disabled-color: var(--as-archives-white) !important;
    --bs-btn-disabled-bg: var(--as-archives-teal) !important;
    --bs-btn-disabled-border-color: var(--as-archives-teal) !important;
}

.btn-archives-outline-light {
    --bs-btn-color: var(--as-archives-teal) !important;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--as-archives-teal) !important;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--as-archives-teal) !important;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: inset 0 0 0 .2rem rgba(58, 176, 195, .5);
    --bs-btn-disabled-color: var(--as-archives-white) !important;
    --bs-btn-disabled-bg: var(--as-archives-teal) !important;
    --bs-btn-disabled-border-color: var(--as-archives-teal) !important;
}

.btn-outline-light {
    --bs-btn-color: var(--as-archives-teal) !important;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--as-archives-teal) !important;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--as-archives-teal) !important;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: inset 0 0 0 .2rem rgba(58, 176, 195, .5);
    --bs-btn-disabled-color: var(--as-archives-white) !important;
    --bs-btn-disabled-bg: var(--as-archives-teal) !important;
    --bs-btn-disabled-border-color: var(--as-archives-teal) !important;
}

.dropdown-menu a.dropdown-item {
    white-space: normal !important
}

.card-img-top {
    height: 240px
}

.no-border {
    border: 0
}

br.clear {
    clear: both
}

hr.clear {
    clear: both
}

h4.footer {
    color: var(--as-archives-white) !important;
    line-height: 2em;
    font-weight: 300
}

.dropdown-virtual {
    list-style: none;
    font-size: 1.3em
}

blockquote.blockquote {
    font-size: .95em;
    line-height: .9em;
    margin-left: 3em;
    margin-right: 3em;
    margin-bottom: 3em;
    text-align: justify
}

em {
    font-style: normal;
    font-size: .9rem;
    line-height: 1.5rem;
    color: var(--bs-body) !important;
}

#icon a:link {
    color: var(--as-archives-icon) !important;
}

#icon a:visited {
    color: var(--as-archives-icon) !important;
}

#icon a:hover {
    color: var(--as-archives-iconhover) !important;
}

#youtube a:link {
    color: var(--as-archives-icon) !important;
}

#youtube a:visited {
    color: var(--as-archives-icon) !important;
}

#youtube a:hover {
    color: var(--as-youtube) !important;
}

#facebook a:link {
    color: var(--as-archives-icon) !important;
}

#facebook a:visited {
    color: var(--as-archives-icon) !important;
}

#facebook a:hover {
    color: var(--as-facebook) !important;
}

#twitter a:link {
    color: var(--as-archives-icon) !important;
}

#twitter a:visited {
    color: var(--as-archives-icon) !important;
}

#twitter a:hover {
    color: var(--as-twitter) !important;
}

h4.spacing {
    line-height: 1.5rem
}

input.form-check-input-lg {
    width: 1.8rem;
    height: 1.8rem;
}

.archives-footer {
    background-color: var(--as-footer) !important;
    background: url(/img/footer.png);
    background-repeat: no-repeat;
    color: var(--as-archives-white) !important;
}

a.footer {
    color: var(--as-archives-white) !important;
    text-decoration: none;
    background-color: transparent
}

a.footer:hover {
    text-decoration: underline
}

a.footerbi {
    font-size: 1.5em;
    color: var(--as-archives-white) !important;
    text-decoration: none;
    background-color: transparent
}

a.footerbi:hover {
    font-size: 1.5em;
    color: var(--as-archives-whitehover) !important;
    text-decoration: underline
}

#no-more-tables td {
    font-size: .95rem;
    color: var(--bs-body) !important;
    text-decoration: none;
}

#no-more-tables td a {
    width: 100%;
    height: 100%;
    display: block;
    color: var(--bs-body) !important;
    text-decoration: none;
    font-weight: 500;
    padding: .5rem;
}

#no-more-tables td a.highlight:hover {
    color: var(--as-archives-d) !important;
    background: var(--as-highlight) !important;
    padding: .5rem;
}

#no-more-tables th a {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 1.0rem;
    font-weight: 600;
    color: var(--bs-body) !important;
    text-decoration: none;
    padding: .4em;
}

#no-more-tables th a:hover {
    background: var(--as-archives-teal) !important;
    color: var(--as-archives-white) !important;
    font-weight: 600;
}

#no-more-tables td a.highlight {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
}

#no-more-tables td a.Lnkbirth {
    background: #66aabc;
    font-size: 0.75rem;
    color: var(--as-archives-white) !important;
}

#no-more-tables td a.Lnkbirth:hover {
    background: var(--as-archives-teal) !important;
}

#no-more-tables td a.Lnkmarriage {
    background: #4095aa;
    font-size: 0.75rem;
    color: var(--as-archives-white) !important;
}

#no-more-tables td a.Lnkmarriage:hover {
    background: var(--as-archives-teal) !important;
}

#no-more-tables td a.Lnkdeath {
    background: var(--as-archives-teal) !important;
    font-size: 0.75rem;
    color: var(--as-archives-white) !important;
}

#no-more-tables td a.Lnkdeath:hover {
    background: var(--as-archives-teal) !important;
}

@media only screen and (max-width:820px) {

    dd,
    li,
    p {
        font-size: 1.35rem;
        line-height: 1.7rem
    }

    h4.footer {
        font-size: 1.5rem
    }

    p.small {
        font-size: .95rem
    }

    p.results-title {
        font-size: 1.2rem;
        margin-top: .3rem;
        margin-bottom: .3rem
    }

    p.results {
        font-size: 1.15rem;
        line-height: 1.25rem;
        margin-top: .5rem;
        margin-bottom: 0
    }

    h1.white {
        text-align: right;
        color: var(--as-archives-white) !important;
        font-size: 2em;
        padding-top: .9rem;
        padding-right: 2.3rem
    }

    h1.teal {
        text-align: right;
        color: var(--as-archives-teal) !important;
        font-size: 2rem;
        padding-top: .9rem;
        padding-right: 2.3rem
    }

    .a-logo {
        height: 1.3rem
    }

    h2 {
        font: 1.5rem 'Roboto Slab', serif
    }

    .carousel-item {
        height: 15rem;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
}

@media only screen and (max-width:720px) {

    dd,
    li,
    p {
        font-size: 1.35rem;
        line-height: 1.7rem
    }

    p.small {
        font-size: .95rem
    }

    p.results-title {
        font-size: 1.2rem;
        margin-top: .3rem;
        margin-bottom: .3rem
    }

    p.results {
        font-size: 1.15rem;
        line-height: 1.25rem;
        margin-top: .5rem;
        margin-bottom: 0
    }

    .header-image {
        height: 7rem
    }

    .navbar-brand {
        font-size: 1.1rem;
    }

    .notice-text {
        background-color: #f0ad4e;
        margin: 1rem;
        margin-left: 1em;
        margin-right: 1em
    }

    .carousel-item {
        height: 30rem;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

    #no-more-tables table,
    #no-more-tables tbody,
    #no-more-tables td,
    #no-more-tables th,
    #no-more-tables thead,
    #no-more-tables tr {
        display: block;
        padding: 0;
        border: none
    }

    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    #no-more-tables tr {
        border: 1px solid #ccc
    }

    #no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 20%;
        white-space: normal;
        text-align: left
    }

    #no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 15%;
        padding-right: 7px;
        white-space: nowrap;
        text-align: left;
        font-size: .85rem;
        font-weight: 700;
        content: attr(data-title)
    }

    #no-more-tables td a {
        width: 100%;
        height: 100%;
        display: block;
        font-size: 1rem;
        color: var(--bs-body) !important;
        text-decoration: none
    }
}

.cardImage {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 225px;
    border: 0
}

#cardInner a:link {
    color: #999;
    text-decoration: none
}

#cardInner a:visited {
    color: #999;
    text-decoration: none
}

#cardInner a:hover {
    color: #205da0;
    text-decoration: underline
}

.cardInner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    border: 0
}

.cardInner img {
    min-height: 225px;
    max-width: 100%;
    border: 0
}

@media only screen and (max-width :480px) {
    .dropdown-item {
        font-size: .8rem
    }

    .cardImage {
        width: 100%;
        padding-bottom: 75%
    }

    .cardInner img {
        min-height: 250px;
        max-width: 100%
    }

    h4.footer {
        color: var(--as-archives-white) !important;
        font-size: 1.8rem;
        font-weight: 300
    }

    input.form-check-input-lg {
        width: 1.05rem;
        height: 1.05rem
    }

    label.form-control-lg {
        font-size: 1rem
    }
}

@media only screen and (max-width :650px) and (min-width :481px) {
    .cardImage {
        width: 100%;
        padding-bottom: 75%
    }

    .cardInner img {
        min-height: 225px;
        max-width: 100%
    }
}

@media only screen and (max-width :1050px) and (min-width :651px) {
    .cardImage {
        width: 100%;
        padding-bottom: 85%
    }
}

@media only screen and (max-width :1290px) and (min-width :1051px) {
    .cardImage {
        width: 100%;
        padding-bottom: 90%
    }
}

@media print {

    li,
    p {
        color: var(--as-archives-d) !important;
    }