:root {
    --dark-blue: #343D4F;
    --darker-blue: #222733;
    --gold: #E6C594;
    --dark-red: #8b2433;
    --darker-red: #6E131A;
    --light-gray: #e9ecef;
    --dark-gray: #3E3E3E;
    --white-fb: #FBFBFB;
    --white-ff: #FFFFFF;
    --white-f3: #F3F3F3;
    --white-f5: #F5ECDF;
    --white-f9: #F9F9F9;
    --alert-danger: #B50000;
    --alert-info: #003295;
    --alert-success: #168B00;
    --alert-warning: #E2E200;
    --border-color: rgba(161, 161, 161, .5);
    --shadow-color: #00000029;
    --border-width-faint: 0.8999999761581421px
}

@font-face {
    font-family: poppins;
    font-weight: 400;
    font-style: normal;
    src: url(/assets/Poppins-Regular.ttf)format('truetype');
    font-display: swap
}

@font-face {
    font-family: poppins;
    font-weight: 500;
    font-style: normal;
    src: url(/assets/Poppins-Medium.ttf)format('truetype');
    font-display: swap
}

@font-face {
    font-family: poppins;
    font-weight: 600;
    font-style: normal;
    src: url(/assets/Poppins-SemiBold.ttf)format('truetype');
    font-display: swap
}

@font-face {
    font-family: noto serif;
    font-weight: 400;
    font-style: normal;
    src: url(/assets/NotoSerif-Regular.ttf)format('truetype');
    font-display: swap
}

@font-face {
    font-family: noto serif;
    font-weight: 500;
    font-style: normal;
    src: url(/assets/NotoSerif-Medium.ttf)format('truetype');
    font-display: swap
}

@font-face {
    font-family: noto serif;
    font-weight: 600;
    font-style: normal;
    src: url(/assets/NotoSerif-SemiBold.ttf)format('truetype');
    font-display: swap
}

.font-noto {
    font-family: noto serif!important
}

.font-pop {
    font-family: poppins!important
}

body {
    font-family: poppins;
    font-size: 16px;
    line-height: 1.5;
    background-color: var(--white-ff);
    color: var(--dark-gray)
}

a[download]:before {
    font: var(--fa-font-solid);
    content: '\f019';
    margin-right: .5rem
}

header a,header a>span {
    color: var(--dark-gray);
    text-decoration: none
}

header a:hover,header a>span:hover {
    color: var(--darker-red);
    text-decoration: underline
}

main a,main a>span {
    color: var(--dark-red);
    text-decoration: underline
}

main a:hover,main a:hover>span {
    color: var(--darker-red)
}

.splash-main a,.splash-main>span {
    color: var(--white-fb)
}

.splash-main a:hover,.splash-main>span:hover {
    color: var(--gold)
}

footer a {
    color: var(--dark-gray);
    text-decoration: none
}

footer a:hover {
    text-decoration: underline;
    color: var(--darker-red)
}

a.btn:hover {
    text-decoration: underline;
    background-color: var(--white-f3)
}

a.stretched-link abbr {
    position: relative;
    z-index: 999;
    pointer-events: auto
}

.nav-card {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding-top: 2em;
    padding-bottom: 2em;
    width: 100%;
    height: 100%
}

.nav-card.icon-top {
    flex-direction: column;
    padding-top: 3em;
    padding-bottom: 3em
}

.nav-card.icon-top i {
    margin-bottom: .8rem;
    font-size: 2em
}

.nav-card.standalone {
    padding: 1.2em 2em;
    margin: .8rem 0;
    width: unset;
    height: unset;
    background-color: var(--white-f9);
    box-shadow: 0 3px 6px var(--shadow-color)
}

.nav-card.standalone:hover,.nav-card.standalone:focus {
    background-color: var(--white-f3);
    text-decoration: underline
}

.nav-card-arrow {
    position: relative;
    background-color: var(--white-f9);
    box-shadow: 0 3px 6px var(--shadow-color);
    min-height: 150px
}

.nav-card-arrow:hover,.nav-card-arrow:focus {
    background-color: var(--white-f3)
}

.nav-card-arrow a {
    text-decoration: none;
    color: var(--dark-gray)
}

.nav-card-arrow h2,.nav-card-arrow h3,.nav-card-arrow h4,.nav-card-arrow h5,.nav-card-arrow h6 {
    margin-bottom: 0;
    margin-top: 0
}

.nav-card-arrow p {
    margin-top: 1.5rem
}

.arrow-blue i {
    color: var(--dark-blue)
}

.arrow-red i {
    color: var(--dark-red)
}

p,span,label,legend {
    color: var(--dark-gray)
}

button,input,select,textarea {
    font-size: inherit!important;
    font-family: inherit!important
}

hr {
    margin: 2.2rem 0
}

strong {
    font-weight: 600
}

.list-unstyled>ul,.lists-unstyled>ul,ul.list-unstyled {
    list-style-type: none;
    padding-left: 0
}

.list-unstyled>ul>li,ul.list-unstyled>li,.lists-unstyled>ul li,ol>li {
    margin-bottom: 1rem
}

.lists-unstyled>ul ul {
    list-style-type: none
}

.list-items-spacing-none>ul>li,.list-items-spacing-none>ol>li,.list-items-spacing-none>li {
    margin-bottom: 0
}

.list-items-spacing-small>ul>li,.list-items-spacing-small>ol>li,.list-items-spacing-small>li {
    margin-bottom: .5rem
}

.list-items-spacing-medium>ul>li,.list-items-spacing-medium>ol>li,.list-items-spacing-medium>li {
    margin-bottom: 1rem
}

.list-items-spacing-large>ul>li,.list-items-spacing-large>ol>li,.list-items-spacing-large>li {
    margin-bottom: 1.5rem
}

.list-items-spacing-xl>ul>li,.list-items-spacing-xl>ol>li,.list-items-spacing-xl>li {
    margin-bottom: 2.5rem
}

.list-padding-none ol,.list-padding-none ul,ul.list-padding-none,ol.list-padding-none {
    padding-left: 0
}

.list-padding-medium ol,.list-padding-medium ul,ul.list-padding-medium,ol.list-padding-medium {
    padding-left: 2rem
}

.list-unstyled>ul>li:last-of-type,.lists-unstyled>ul>li:last-of-type,.list-fa-icons>ul>li:last-of-type {
    margin-bottom: unset
}

.list-fa-icons>ul {
    list-style: none;
    padding-left: 0
}

.list-fa-icons>ul>li {
    padding-left: 3rem;
    position: relative
}

.list-fa-icons>ul>li::before {
    position: absolute;
    left: 0;
    top: -.2rem
}

.list-fa-checkmarks>ul>li::before {
    font: var(--fa-font-duotone);
    content: '\f14a';
    font-size: 2rem;
    color: #168b00;
    background: #fff
}

.list-fa-x>ul>li:before {
    font: var(--fa-font-duotone);
    content: '\f2d3';
    font-size: 2rem;
    color: #b50000;
    background: #fff
}

.list-fa-books>ul>li:before {
    font: var(--fa-font-duotone);
    content: '\f02d';
    font-size: 2rem;
    color: var(--dark-red)
}

.list-style-alpha>ol {
    list-style-type: lower-alpha
}

.list-style-alpha>ol>li>ol {
    list-style-type: lower-roman
}

h1,h2,h3,h4,h5 {
    font-family: noto serif
}

h1,h2,h3 {
    margin-top: 3rem;
    margin-bottom: 1.5rem
}

h4 {
    margin-top: 2.5rem;
    margin-bottom: 1.5rem
}

h5,h6 {
    margin-top: 2rem;
    margin-bottom: 1rem
}

h2.column-title,h3.column-title {
    font-family: poppins;
    font-size: unset;
    margin: unset;
    color: var(--white-fb)
}

.home-h1 {
    font-size: 32px;
    font-weight: 400;
    color: var(--white-fb);
    text-shadow: 0 3px 2px var(--shadow-color),0 3px 6px var(--shadow-color)
}

.qr-h1 {
    font-size: 32px;
    font-weight: 400;
    color: var(--white-fb);
    text-shadow: 0 3px 2px var(--shadow-color),0 3px 6px var(--shadow-color)
}

@media(min-width: 992px) {
    .home-h1 {
        font-size:44px;
        font-weight: 400;
        color: var(--white-fb);
        text-shadow: 0 3px 2px #00000029,0 3px 6px #00000029
    }

    .qr-h1 {
        font-size: 36px;
        font-weight: 400;
        color: var(--white-fb);
        text-shadow: 0 3px 2px var(--shadow-color),0 3px 6px var(--shadow-color)
    }
}

@media(min-width: 1200px) {
    .home-h1 {
        font-size:48px;
        font-weight: 400;
        color: var(--white-fb);
        text-shadow: 0 3px 2px #00000029,0 3px 6px #00000029
    }

    .qr-h1 {
        font-size: 40px;
        font-weight: 400;
        color: var(--white-fb);
        text-shadow: 0 3px 2px var(--shadow-color),0 3px 6px var(--shadow-color)
    }
}

.splash-main h1 {
    font-size: 26px;
    font-weight: 400;
    color: var(--white-fb);
    text-shadow: 0 3px 2px var(--shadow-color),0 3px 6px var(--shadow-color)
}

.fw-regular {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fs-regular {
    font-size: medium
}

.fs-larger {
    font-size: larger
}

.dark-blue {
    color: var(--dark-blue)
}

.dark-red {
    color: var(--dark-red)
}

.bg-f3 {
    background-color: var(--white-f3)!important
}

.bg-f9 {
    background-color: var(--white-f9)!important
}

.bg-fb {
    background-color: var(--white-fb)!important
}

.bg-ff {
    background-color: var(--white-ff)!important
}

.cls-1 {
    fill: var(--gold)
}

.skip-main {
    position: absolute;
    left: -9999px;
    z-index: 999;
    padding: 1em;
    background-color: var(--dark-red);
    color: var(--white-fb);
    opacity: 0
}

.skip-main:focus {
    left: 50%;
    transform: translateX(-50%);
    opacity: 1
}

.skip-main:hover {
    color: var(--white-fb)
}

.top-banner {
    background-color: var(--white-fb)
}

.scc-branding {
    font-family: poppins;
    font-size: 1.5rem;
    text-decoration: none;
    color: var(--dark-gray)
}

a.lang-toggle,a.lang-toggle>span {
    color: var(--white-ff);
    text-decoration: none
}

a.lang-toggle:hover,a.lang-toggle>span:hover {
    text-decoration: underline;
    color: var(--gold)
}

a.lang-toggle i {
    color: var(--white-ff)
}

@media(min-width: 992px) {
    a.lang-toggle,a.lang-toggle>span {
        color:var(--dark-gray);
        text-decoration: none
    }

    a.lang-toggle:hover,a.lang-toggle>span:hover {
        color: var(--dark-red)
    }

    a.lang-toggle i {
        color: var(--dark-red)
    }
}

.top-nav {
    background-color: var(--dark-blue);
    border-top: var(--dark-red);
    border-top-style: solid;
    border-top-width: 5px;
    box-shadow: 0 3px 6px var(--shadow-color)
}

.top-nav .navbar-nav>li>a {
    color: var(--white-fb);
    padding-top: 1.25rem;
    padding-bottom: 1.2rem;
    padding-left: 1rem
}

.top-nav .navbar-nav>li>a.show {
    color: var(--gold)!important;
    text-decoration: none;
    background-color: var(--darker-blue);
    font-weight: 500;
    border-radius: 6px 6px 0 0
}

.top-nav .navbar-nav>li>a:hover:not(.show),.top-nav .navbar-nav>li>a:focus:not(.show) {
    color: var(--white-fb)!important;
    text-decoration: none;
    background-color: var(--darker-blue);
    transition: background-color .5s ease
}

.top-nav button:hover,.top-nav button[aria-expanded=true] {
    color: var(--gold)
}

@media(min-width: 992px) {
    .top-nav .navbar-nav>li>a.show {
        color:var(--dark-blue)!important;
        text-decoration: none;
        background-color: var(--white-f3);
        font-weight: 500
    }

    .navbar-nav>li>a:hover:not(.show),.navbar-nav>li>a:focus:not(.show) {
        --padding-top: 20px;
        --height: 100%;
        --movement: 2px;
        height: calc(var(--height));
        padding-top: calc(var(--padding-top) - var(--movement));
        color: var(--white-fb)!important;
        background-color: var(--darker-blue);
        transition: background-color .5s ease
    }
}

.dropdown {
    position: static!important
}

.dropdown-menu {
    width: 100%!important;
    left: 10px;
    padding: 1rem 2rem;
    border: none!important;
    border-radius: 0!important;
    margin-top: -3px!important;
    background-color: var(--white-f3)!important;
    box-shadow: 0 .5rem 1rem -6px rgba(0,0,0,.15)!important
}

.dropdown-menu li {
    margin-bottom: 1rem
}

.dropdown-menu a.dropdown-menu-title {
    font-weight: 500;
    font-size: x-large
}

.dropdown-menu a.dropdown-menu-header {
    font-weight: 500;
    font-size: large
}

.dropdown-menu a.dropdown-menu-item {
    font-size: 15px
}

.dropdown-divider {
    opacity: 1;
    height: 1px!important;
    color: var(--dark-red);
    margin-top: 1.2rem!important;
    margin-bottom: 1.4rem!important;
    background-color: var(--dark-red)
}

.welcome {
    color: var(--white-fb);
    background-color: var(--dark-blue);
    border-style: solid;
    border-width: 5px;
    border-color: var(--white-fb)
}

.welcome-translate {
    transform: translate(0,-135px);
    margin-bottom: -135px!important;
    margin-top: 50px
}

@media(min-width: 768px) {
    .welcome-translate {
        transform:translate(0,-140px);
        margin-bottom: -140px!important
    }
}

@media(min-width: 992px) {
    .welcome-translate {
        transform:translate(0,-190px);
        margin-bottom: -190px!important
    }
}

.welcome-nav {
    background-color: var(--white-f3);
    box-shadow: 0 3px 6px var(--shadow-color);
    margin-bottom: -4em
}

.welcome-nav a,.welcome-nav a>span {
    color: var(--dark-blue);
    font-weight: 500;
    font-size: 15px;
    text-decoration: none
}

.welcome-nav a:hover,.welcome-nav a:focus {
    color: var(--dark-red);
    background-color: var(--light-gray)
}

.explore-nav {
    background-color: var(--dark-blue);
    box-shadow: 0 3px 6px var(--shadow-color)
}

.explore-nav a {
    color: var(--white-fb)
}

.explore-nav a:hover,.explore-nav a:focus {
    color: var(--gold);
    background-color: var(--darker-blue);
    font-weight: 500
}

.explore-nav i {
    color: var(--gold)
}

.explore-nav div[class*=col] {
    border: .8999999761581421px solid var(--border-color)
}

.breadcrumbs {
    background-color: var(--white-f3);
    box-shadow: 0 3px 6px var(--shadow-color);
    --bs-breadcrumb-divider: '>'
}

.breadcrumb {
    padding-top: 15px!important;
    padding-bottom: 14px!important
}

.breadcrumbs-nav li {
    margin-bottom: 0
}

.breadcrumbs-nav li a {
    text-decoration: none;
    color: var(--dark-red);
    font-weight: 500;
    font-size: .9rem
}

.breadcrumbs-nav li a:hover {
    text-decoration: underline
}

.breadcrumbs-nav li.active a {
    color: var(--dark-gray)
}

.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(230,230,230, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-toggler .navbar-toggler-icon:hover,.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(230,197,148, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 .1rem rgba(255,255,255,.85)!important
}

.navbar-search-toggler {
    color: var(--white-ff);
    background-color: transparent;
    border: none
}

.search-mobile {
    position: absolute;
    bottom: -69px;
    left: 0;
    height: 70px;
    width: 100%;
    background-color: var(--dark-blue)
}

.search-mobile.collapsing {
    display: none
}

img {
    max-width: 100%;
    height: auto
}

img.max-height-320 {
    max-height: 320px
}

img.max-height-225 {
    max-height: 225px
}

img.max-height-150 {
    max-height: 150px
}

.tn-shadow {
    box-shadow: 8px 8px 2px var(--gold);
    -moz-box-shadow: 8px 8px 2px var(--gold);
    -webkit-box-shadow: 8px 8px 2px var(--gold);
    -khtml-box-shadow: 8px 8px 2px var(--gold)
}

.scc-logo-svg {
    max-height: 120px;
    max-width: 120px;
    min-height: 86px;
    min-width: 86px;
    fill: #e6c594
}

@media(min-width: 992px) {
    .scc-logo-svg {
        max-height:148px;
        max-width: 148px
    }
}

.scc-logo-svg-splash {
    display: block;
    max-height: 100px;
    max-width: 100px;
    min-height: 86px;
    min-width: 86px;
    fill: #e6c594
}

.scc-logo-top {
    width: 60px;
    height: 60px
}

.scc-logo-top-mobile {
    width: 45px;
    height: 45px
}

.img-cj {
    max-width: 320px;
    width: 100%
}

.featured img {
    object-fit: cover
}

.featured .primary {
    position: relative;
    height: 250px
}

.featured .secondary {
    position: relative;
    height: 250px
}

@media(min-width: 992px) {
    .featured .primary {
        position:relative;
        height: 500px
    }

    .featured .secondary {
        position: relative;
        height: 160px
    }
}

.featured .primary a:hover,.featured .secondary a:hover {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}

.featured .primary .overlay {
    position: absolute;
    bottom: 15%;
    background-color: var(--white-f5);
    box-shadow: 0 3px 6px var(--shadow-color)
}

.featured .secondary .overlay {
    position: absolute;
    bottom: 10%;
    background-color: var(--dark-blue);
    box-shadow: 0 3px 6px var(--shadow-color);
    font-size: 15px
}

.featured .primary .overlay span {
    font-weight: 500;
    text-decoration: none;
    color: var(--dark-gray)
}

.featured .secondary .overlay span {
    text-decoration: none;
    color: var(--white-fb)
}

figure {
    display: table
}

figure img {
    width: 100%
}

figure.figure-thumbnail {
    max-width: 300px
}

figcaption {
    display: table-caption;
    width: 100%;
    caption-side: bottom;
    font-size: 90%;
    padding: .8rem;
    color: var(--dark-gray);
    background-color: var(--white-f3)
}

figcaption>*:last-child {
    margin-bottom: 0
}

.footer {
    background-color: var(--white-f9);
    color: var(--dark-grey);
    border-bottom: var(--dark-red);
    border-bottom-style: solid;
    border-bottom-width: 6px
}

.footer .column-title {
    font-size: larger;
    padding-bottom: .2rem;
    padding-top: 1rem;
    margin-bottom: 20px!important;
    border-bottom: 1px solid var(--dark-red)
}

.footer-copyrights {
    background-color: var(--dark-blue)
}

.footer-copyrights a>i,.footer-copyrights a,.footer-copyrights span {
    color: var(--white-ff)
}

.footer-copyrights a:hover,.footer-copyrights a>i:hover {
    color: var(--gold)
}

.page-item.active .page-link {
    background-color: var(--dark-red)!important;
    border-color: var(--dark-red)!important;
    color: var(--white-fb)!important
}

.page-item.disabled .page-link {
    color: #6c757d!important
}

.page-link {
    color: var(--dark-red)!important
}

table th,table td,table.dataTable th.dt-type-numeric,table.dataTable th.dt-type-date,table.dataTable td.dt-type-numeric,table.dataTable td.dt-type-date {
    text-align: left
}

div[class^=table-responsive] table.table th,table.table.table-hover th {
    vertical-align: middle;
    background-color: var(--white-f3)
}

table,table th,table td {
    border: solid;
    border-width: 1px;
    border-color: #3e3e3e22!important
}

table td>*:last-child,table th>*:last-child,table td>*:last-child>*:last-child {
    margin-bottom: 0
}

table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>td {
    background-color: #fff
}

table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n)>td {
    background-color: var(--white-f9)
}

table.table.dataTable.table-hover>tbody>tr:not(:hover)>* {
    box-shadow: none
}

table.top-center-content th,table.top-center-content td {
    vertical-align: top;
    text-align: center
}

div.dt-container div.dt-search {
    text-align: right
}

@media(min-width: 768px) {
    div.dt-container div.dt-search {
        text-align:right;
        top: 2rem;
        position: relative
    }
}

.float-box {
    margin-bottom: 1rem;
    font-size: .9rem;
    background-color: var(--white-f3)
}

.float-box-title {
    padding: 1.2rem 2rem;
    background-color: var(--dark-blue);
    color: var(--white-fb)!important
}

.float-box-content {
    padding: .8rem 2rem
}

.float-box-content ul {
    list-style-type: none;
    margin-left: 0
}

.float-box-content>ul>li {
    margin-bottom: .8rem;
    margin-top: .8rem
}

.float-box-content a {
    color: var(--dark-red)
}

.float-box-content hr {
    margin-top: unset;
    margin-bottom: unset
}

.float-box-content li li {
    list-style: disc
}

.float-box-content li li li {
    list-style: circle
}

form input:focus,form textarea:focus,form select:focus,form button:focus {
    box-shadow: 0 0 0 .25rem rgba(14,43,109,.33)!important;
    border-color: #0e2b6d!important
}

form button {
    padding: .4rem 2rem!important;
    margin-right: 1rem;
    margin-top: 1rem
}

form input[aria-invalid=true],form textarea[aria-invalid=true],form select[aria-invalid=true] {
    border-color: var(--dark-red)
}

form input[aria-invalid=true]:focus,form textarea[aria-invalid=true]:focus,form select[aria-invalid=true]:focus {
    box-shadow: 0 0 0 .25rem rgba(110,19,26,.33)!important;
    border-color: var(--dark-red)!important
}

button.btn:disabled {
    background-color: var(--dark-gray)
}

.btn:active {
    transform: translateY(2px)
}

.btn {
    border: 1px solid var(--dark-gray)!important;
    border-radius: 5px;
    transition-duration: .4s;
    font-size: inherit
}

.btn.btn-primary {
    color: var(--white-fb);
    background-color: var(--dark-red)
}

.btn.btn-primary:hover,.btn.btn-primary:focus {
    background-color: var(--darker-red)
}

.btn.btn-secondary {
    color: var(--white-fb);
    background-color: var(--dark-blue)
}

.btn.btn-secondary:hover,.btn.btn-secondary:focus {
    background-color: var(--darker-blue)
}

.btn.btn-reset {
    color: var(--dark-gray);
    background-color: var(--white-fb)
}

.btn.btn-reset:hover,.btn.btn-reset:focus {
    background-color: var(--light-gray)
}

form .form-label,form .col-form-label {
    font-weight: 600;
    font-size: inherit
}

.form-check-input:checked {
    background-color: var(--dark-red)!important;
    border-color: var(--darker-red)!important
}

.form-check-input:checked[type=radio] {
    background-image: none
}

.form-check-label {
    margin-left: .5rem
}

.form-label.required::before {
    content: '*';
    color: #dc3545
}

label strong.error,legend strong.error {
    display: block;
    padding-top: .2rem
}

.nav-tabs .nav-link {
    color: var(--dark-red);
    background-color: var(--white-f9);
    border-radius: 0;
    font-weight: 500;
    box-shadow: 0 3px 6px var(--shadow-color)
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    color: var(--darker-red);
    background-color: var(--white-f3);
    border-color: var(--white-f3)
}

.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {
    color: var(--dark-gray);
    background-color: var(--white-ff);
    border-color: var(--white-ff);
    box-shadow: none;
    border-top: 2px solid var(--dark-red);
    border-left: 2px solid rgba(0,0,0,.125);
    border-right: 2px solid rgba(0,0,0,.125)
}

.col-form-label {
    padding-top: 0
}

.alert {
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: 3px solid;
    border-radius: 0;
    padding: 2rem
}

.alert-success {
    background-color: #f5fbf1;
    border-color: var(--alert-success)
}

.alert-warning {
    background-color: #fdfbf0;
    border-color: var(--alert-warning)
}

.alert-info {
    background-color: #f0fdff!important;
    border-color: var(--alert-info)
}

.alert-danger {
    background-color: #fbf7f7;
    border-color: var(--alert-danger)
}

.alert>h2,.alert>h3 {
    margin-top: 0!important
}

.alert *:last-child {
    margin-bottom: 0
}

.alert-success>h2::before,.alert-success>h3::before,.alert-success>h4::before .alert-success>h5::before .alert-success>h6::before {
    margin-right: 1rem;
    font: var(--fa-font-regular);
    content: '\e416';
    color: var(--alert-success)
}

.alert-danger>h2::before,.alert-danger>h3::before,.alert-danger>h4::before,.alert-danger>h5::before,.alert-danger>h6::before {
    margin-right: 1rem;
    font: var(--fa-font-regular);
    content: '\e417';
    color: var(--alert-danger)
}

.alert-info>h2::before,.alert-info>h3::before,.alert-info>h4::before,.alert-info>h5::before,.alert-info>h6::before {
    margin-right: 1rem;
    font: var(--fa-font-regular);
    content: '\f05a';
    color: var(--alert-info)
}

.alert-warning>h2::before,.alert-warning>h3::before,.alert-warning>h4::before,.alert-warning>h5::before,.alert-warning>h6::before {
    margin-right: 1rem;
    font: var(--fa-font-regular);
    content: '\f071';
    color: var(--alert-warning)
}

blockquote {
    border-left: 2px solid;
    border-color: var(--border-color);
    border-radius: 0;
    padding-left: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-style: italic
}

.accordion-button {
    color: var(--dark-gray);
    background-color: var(--white-f9)
}

.accordion-button:hover {
    color: var(--dark-red)!important;
    background-color: var(--white-f3)
}

.accordion-button:hover span {
    color: var(--dark-red)!important
}

.accordion-button:not(.collapsed) {
    color: var(--dark-gray);
    background-color: var(--white-f3);
    box-shadow: inset 0 -1px rgba(0,0,0,.125)
}

.accordion-body {
    padding: 1.25rem;
    background-color: var(--white-f9)
}

@media(min-width: 768px) {
    .accordion-body {
        padding:2rem;
        background-color: var(--white-f9)
    }
}

.accordion-body>*:first-child {
    margin-top: unset
}

.accordion-body>*:last-child,.accordion-body>.list-unstyled>ul {
    margin-bottom: unset
}

.accordion-header {
    margin: 0
}

.accordion {
    margin-bottom: 1.5rem
}

.bg-cover {
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.banner-img-default {
    height: 150px;
    min-height: 100px;
    width: auto
}

.banner-img-bulky {
    height: 320px;
    width: auto
}

@media(min-width: 768px) {
    .banner-img-bulky {
        height:380px;
        width: auto
    }
}

@media(min-width: 992px) {
    .banner-img-bulky {
        height:440px;
        width: auto
    }
}

.search-results-item h2 a,.search-results-item a h3 {
    color: var(--dark-blue);
    padding-top: 10px
}

.search-results a {
    text-decoration: none
}

.search-results ul {
    list-style: none;
    padding: 0
}

.search-results>ul>li:not(:last-child) {
    border-bottom: 2px solid var(--dark-red);
    padding-bottom: 2rem
}

.accordion-button::after {
    flex-shrink: unset;
    width: unset;
    height: unset;
    margin-left: unset;
    content: unset;
    background-image: unset;
    background-repeat: unset;
    background-size: unset;
    transition: unset
}

.accordion-button::before {
    margin-right: 1.3rem;
    font: var(--fa-font-solid);
    content: "\f0da"
}

.accordion-button:not(.collapsed)::before {
    margin-right: 1rem;
    font: var(--fa-font-solid);
    content: "\f0d7"
}

.address-block {
    background-color: var(--white-f9);
    border: 1px solid;
    border-color: var(--dark-gray);
    padding: 1.5rem;
    border-radius: 5px;
    margin-bottom: 1rem
}

.on-air {
    color: #dc3545
}

.div-border {
    border: .8999999761581421px solid var(--border-color);
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    padding-left: 2rem;
    padding-right: 2rem
}

.div-border-header {
    background-color: var(--white-f9);
    border: .8999999761581421px solid var(--border-color);
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem
}

.footnotes {
    margin-top: 5rem
}

.footnotes dl dd {
    position: relative
}

.footnotes p:not(.footnote-return) {
    margin-left: 2rem
}

.footnote-link {
    padding-left: .3rem;
    padding-right: .3rem;
    background-color: var(--white-f3)
}

.footnote-return {
    position: absolute;
    top: 0
}

.splash-terms {
    background-color: rgba(50,50,50,.6)
}

dt {
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1rem
}

dt>span[lang=fr],dt>span[lang=en] {
    font-weight: 400
}

.inline-definitions dt,.inline-definitions dd {
    display: inline
}

.table-of-content {
    margin-bottom: 4rem
}

.table-of-content>ul {
    border-left: var(--border-width-faint)solid var(--border-color)
}

.table-of-content ul {
    list-style: none
}

.table-of-content li,.table-of-content ul {
    margin: 1rem 0;
    padding: 0 1rem
}

.social-media-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--white-f3);
    align-items: center;
    justify-content: center;
    min-width: 150px;
    min-height: 150px;
    border-radius: 8px;
    box-shadow: 0 3px 6px var(--shadow-color)
}

.social-media-card:hover {
    background-color: var(--light-gray)
}

.social-media-card i {
    font-size: 4rem;
    margin-bottom: 5px;
    color: var(--dark-red)
}

.social-media-card a {
    color: var(--dark-blue);
    font-weight: 500
}

.container:after {
    clear: both
}

@media(min-width: 1200px) {
    .container,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
        max-width:1036px
    }
}

.py-cont-wrap {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.pt-cont-wrap {
    padding-top: 5rem
}

.pb-cont-wrap {
    padding-bottom: 5rem
}

.py-cont-wrap .container>*:last-child,.pt-cont-wrap .container>*:last-child,.pb-cont-wrap .container>*:last-child {
    margin-bottom: 0
}

[class*=-cont-wrap]>.container>*:first-child,[class*=-cont-wrap]>.container .row [class*=col]>*:first-child {
    margin-top: 0
}

.thumbnail-nav-card {
    display: flex;
    position: relative;
    flex-direction: column;
    background-color: var(--white-f9);
    padding: 2rem;
    height: 100%;
    box-shadow: 0 3px 6px var(--shadow-color)
}

.thumbnail-nav-card img {
    object-fit: cover;
    width: 100%;
    margin-bottom: 1rem;
    height: auto
}

@media(min-width: 768px) {
    .h-450-md {
        height:450px
    }

    .thumbnail-nav-card img.tnc-tall {
        height: 320px
    }

    .thumbnail-nav-card img.tnc-medium {
        height: 280px
    }

    .thumbnail-nav-card img.tnc-short {
        height: 200px
    }
}

.thumbnail-nav-card img.whats-new {
    aspect-ratio: 1.76/1
}

.thumbnail-nav-card a,.thumbnail-nav-card a>span {
    color: var(--dark-blue);
    font-weight: 500;
    font-size: 19px;
    padding-top: 10px
}

.thumbnail-nav-card:hover {
    background-color: var(--white-f3)
}

video {
    width: 100%;
    padding-top: 1.5rem
}

.gmaps-iframe {
    width: 100%
}

.box-shadow {
    box-shadow: 0 3px 6px var(--shadow-color)
}

div.clear {
    clear: both
}

.uppercase {
    text-transform: uppercase
}

.quiz-marker {
    width: 5%
}

details>summary+* {
    margin-top: 2rem
}

details {
    padding: 0 1rem
}

.object-fit-cover {
    object-fit: cover
}

.carousel-container {
    width: 100%;
    margin-bottom: 1.5rem;
    height: 220px
}

@media(min-width: 576px) {
    .carousel-container {
        height:320px
    }
}

@media(min-width: 992px) {
    .carousel-container {
        height:520px
    }
}

.carousel-container div,.carousel-container figure {
    height: 100%
}

.carousel-container figure {
    display: block;
    position: relative
}

.carousel-container figure>figcaption {
    display: none
}

@media(min-width: 768px) {
    .carousel-container figure>figcaption {
        display:block;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding-top: 4rem;
        padding-right: 2.5rem;
        padding-left: 2.5rem;
        padding-bottom: 1rem;
        color: var(--white-fb);
        background-color: transparent;
        background: linear-gradient(to top,#000,transparent);
        z-index: 1
    }
}

.carousel-container figure>figcaption a {
    color: var(--white-ff)
}

.main-slider {
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 0
}

.main-slider button {
    z-index: 1;
    width: unset;
    height: unset
}

.main-slider button.slick-prev {
    left: 10px
}

.main-slider button.slick-next {
    right: 10px
}

.main-slider .slick-prev-icon:before {
    content: '\f053'
}

.main-slider .slick-next-icon:before {
    content: '\f054'
}

.main-slider .slick-prev-icon,.main-slider .slick-next-icon {
    opacity: 1
}

.main-slider .slick-prev-icon:before,.main-slider .slick-next-icon:before {
    font: var(--fa-font-regular);
    font-size: 1.8rem;
    color: var(--white-ff)
}

.main-slider .slick-slide {
    background-color: #000
}

.main-slider .slick-slide img {
    display: inline;
    object-fit: contain;
    height: 100%;
    mask-image: linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);
    -webkit-mask-image: linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)
}

.thumbnails-slider {
    width: 100%
}

.thumbnails-slider button {
    height: 30px;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 30px
}

.thumbnails-slider button:not([disabled]):hover {
    background-color: rgba(0,0,0,.1);
    color: #000
}

.thumbnails-slider button:focus .slick-prev-icon,.thumbnails-slider button:focus .slick-next-icon {
    color: #fff!important
}

.thumbnails-slider button.slick-prev {
    top: 15px;
    left: 0
}

.thumbnails-slider button.slick-prev .slick-prev-icon {
    display: inline-block;
    transform: rotate(90deg);
    color: #000
}

.thumbnails-slider button.slick-next {
    bottom: -15px;
    right: 0
}

.thumbnails-slider button.slick-next .slick-next-icon {
    display: inline-block;
    transform: rotate(90deg);
    color: #000
}

.thumbnails-slider .thumbnails-button {
    display: block;
    height: auto!important;
    cursor: pointer;
    border: 0;
    background: 0 0;
    background-color: rgba(0,0,0,.4)
}

.thumbnails-slider .thubnails-button:focus img,.thumbnails-slider .thubnails-button:hover img,.thumbnails-slider .thubnails-button[aria-current=true] img {
    opacity: 1;
    filter: grayscale(0)
}

.thumbnails-slider .thubnails-button:focus img {
    outline: 3px dashed #fff;
    outline-offset: -4px
}

.thumbnails-slider .thubnails-button img {
    display: block;
    width: 100%;
    height: 100%;
    opacity: .3;
    object-fit: cover;
    filter: none;
    transition: all .1s linear
}

.pronunciation .p-name {
    font-size: larger;
    font-weight: 500
}

.pronunciation .p-icon {
    color: var(--dark-red)
}

.pronunciation .p-button {
    border: none;
    background: 0 0
}

.pronunciation .p-icon:hover {
    color: var(--darker-red)
}

@media(min-width: 768px) {
    body button {
        margin-top:0
    }

    .w-unset-md {
        width: unset
    }
}

@media(min-width: 992px) {
    .w-unset-md,.w-unset-lg {
        width:unset
    }
}

@media(min-width: 1200px) {
    .w-unset-md,.w-unset-lg,.w-unset-xl {
        width:unset
    }
}

@media print {
    hr {
        display: none
    }

    .container {
        width: 100%!important;
        max-width: 100%!important;
        margin-right: 0!important;
        margin-left: 0!important
    }
}