/*#region Scotia Styles*/

/*#region Scotia Font*/
@font-face { font-family: 'Scotia Sans'; src: url('/fonts/Scotia_W_Bd.woff2') format('woff2'), url('/fonts/Scotia_W_Bd.woff') format('woff'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Scotia Sans'; src: url('/fonts/Scotia_W_Rg.woff2') format('woff2'), url('/fonts/Scotia_W_Rg.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Scotia Sans Light'; src: url('/fonts/Scotia_W_L.woff2') format('woff2'), url('/fonts/Scotia_W_L.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Scotia Sans Headline'; src: url('/fonts/Scotia_W_Headline.woff2') format('woff2'), url('/fonts/Scotia_W_Headline.woff') format('woff'); font-weight: normal; font-style: normal; }
/*#endregion // Scotia Font*/

html { font-family: "Scotia Sans",Roboto,"Helvetica Neue",Arial,sans-serif; font-size: 18pt; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

@media (max-width: 768px) {
    html { font-size: 16pt; }
}

body { font-family: "Scotia Sans",Roboto,"Helvetica Neue",Arial,sans-serif !important; color: #000000; background-color: #F2F2F2 !important; }
a, a:hover, a:active, a:visited { color: rgb(236,17,26); }

.white-link,
.white-link:hover,
.white-link:active,
.white-link:visited { color: #ffffff; }

.text-danger { color: #EC111A; }

h1, h2, h3, h4, h5, h6 { font-family: "Scotia Sans Headline",Roboto,"Helvetica Neue",Arial,sans-serif; }
h1 { font-size: 1.5rem !important; }
h2 { font-size: 1.25rem !important; }

#lang-select > a { color: #222222; text-decoration: none; font-size: 16px; }
.navbar { padding-top: 6px; padding-bottom: 6px; }

/* #region Header */
.container-indexheader { padding: 32px 56px; font-size: 18pt; }
.header-indexheader-bottom { font-weight: bold; font-size: 20pt; }
.header-indexheader-image { padding-right: 56px; }
    .header-indexheader-image > img { width: 200px; }

.file-tile { display: flex; align-items: center; }
.tile-icon { }
    .tile-icon img { display: block; width: 48px; height: 48px; }
.tile-body { font-size: 0.9rem; font-weight: 700; }
.file-tile.h-100 { height: 100%; }

@media (max-width: 420px) {
    .tile-icon { width: 48px; height: 48px; min-width: 48px; border-radius: 10px; }
        .tile-icon img { width: 28px; height: 28px; }
}

.container-howtoenter { background-color: #2F2F6B; color: #FFFFFF; padding: 32px 56px; font-size: 18pt; }
.header-howtoenter { font-weight: bold; font-size: 22pt; }
.bullet-howtoenter { margin-bottom: 18px; }
.container-winning { background-color: #1E1117; color: #FFFFFF; padding: 32px 56px; font-size: 18pt; }
.header-winning { font-weight: bold; font-size: 22pt; }
.container-message { padding: 32px 56px; font-size: 22pt; font-weight: bold; min-height: 200px; color: #EC111A; display: flex; align-items: center; justify-content: center; }
/* End - Header Extensions */

/* #endregion Header */
.form-header { padding: 16px 0px; font-weight: 800; }

.form-row { padding: 0px 32px 32px 32px; }

.submit-row { padding: 0px 32px 0px 32px; }

.details-row { /*    margin-top: 32px;
    padding-top: 16px;
    background-color: #F6F6F6;
*/ }

.scene-footer { padding: 0px 0px; font-size: 0.8em; }
.scene-footer-links { font-size: 1.2em !important; padding: 0px 32px; }
.scene-footer-links > a { text-decoration: none !important; font-weight: 700; }
.scene-footer-extra { display: inline-block; font-size: 0.8em!important; padding: 0 32px; }



/*#region Button Style*/
.btn { background-color: #ED0722; border: 1px #d1101c solid; font-size: 1em; font-weight: bold; color: #ffffff !important; padding: 5px 20px 6px; border-radius: 6px; }

    .btn:hover { background-color: #d1101c; border: 1px #d1101c solid; color: #ffffff; }

    .btn:active { background-color: #ED0722; border: 1px #ffffff solid; color: #ffffff; }

.btn-submit { font-size: 1.2em; }

@media (max-width: 502px) {
    .submit-content { padding-top: 16px !important; }
}
/*#endregion // Button Style*/

/*#region Large Check-box*/
.form-check .form-check-input-xl[type=checkbox] { border-radius: 2px; height: 50px; width: 50px; border-color: rgb(193, 193, 193); margin-right: 32px; }
.checkbox-xl { padding-bottom: 12px; }
    .checkbox-xl > .form-check-input { /*top: 0.8rem;*/ scale: 1.7; position: relative; margin-left: -1em !important; }
    .checkbox-xl > .form-check-label { /*padding-top: 13px;*/ margin-left: 1rem; }
.form-control:focus { border-color: #EC111A; outline: 0; box-shadow: 0 0 0 0.25rem rgba(236, 17, 26, 0.25); }
.form-check-input:checked { background-color: #EC111A; border-color: #EC111A; }
.form-check-input:focus { border-color: #EC111A; box-shadow: 0 0 0 0.25rem rgba(236, 17, 26, 0.25); }
.form-select:focus { border-color: #EC111A; box-shadow: 0 0 0 0.25rem rgba(236, 17, 26, 0.25); }
/*#endregion // Large Check-box*/

p.success-message { padding: 96px 64px; }

@media (max-width: 768px) {
    p.success-message { padding: 64px 32px !important; }
}


.banner-text { padding-left: 10px; padding-top: 38px; padding-bottom: 38px; background-color: #EC111A; }

.banner-text-header { font-family: "Scotia Sans Headline",Roboto,"Helvetica Neue",Arial,sans-serif; font-size: 24px; line-height: 30px; color: #FFFFFF; }

.banner-text-subheader { font-family: "Scotia Sans",Roboto,"Helvetica Neue",Arial,sans-serif; font-size: 16px; color: #FFFFFF; }

table.termsTable td { border: 1px solid #000000; }

ol.termsList > li::marker { font-weight: bold; }

table.termsTable th { border: 1px solid #000000; background-color: #D9D9D9; font-weight: 700; }

.accordion-header { /*margin: 0px -12px;*/ }

.accordion-button { background-color: #FFFFFF; color: #000000; }

    .accordion-button:focus { border-color: #EC111A; box-shadow: 0 0 0 0.25rem rgba(236, 17, 26, 0.25) }

    .accordion-button:not(.collapsed) { background-color: #EC111A; color: #FFFFFF; }

        .accordion-button:not(.collapsed):after { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important; }

.accordion-body { padding: 18px 32px; }

.header-sitelogo { padding: 20px 8px 8px 8px; }

    .header-sitelogo > img { width: 32px; }

.header-content { padding: 16px; }

.header-title { font-family: "Scotia Sans Headline",Roboto,"Helvetica Neue",Arial,sans-serif; font-size: 24px; line-height: 30px; color: #FFFFFF; margin-top: 16px; margin-bottom: 16px; }

.header-subtitle { margin-bottom: 0px; font-family: "Scotia Sans",Roboto,"Helvetica Neue",Arial,sans-serif; font-size: 16px; color: #FFFFFF; }

.header-copyright { font-family: "Scotia Sans",Roboto,"Helvetica Neue",Arial,sans-serif; font-size: 12px; color: #FFFFFF; display: inline-block; align-self: flex-end; }

.header-logo > img { width: 96px; }

.header-headline { background-color: #1E1117; padding: 32px 36px 32px 36px; }

    .header-headline > h1 { font-family: "Scotia Sans",Roboto,"Helvetica Neue",Arial,sans-serif; font-size: 26px; font-weight: bold; color: #fffffe; line-height: 30px; }

.header-logoimage { width: 40px; padding-top: 10px; background-color: #EC111A }

    .header-logoimage > img { display: inline-block; color: #fffffe; width: 28px; height: 28px; }

.main-container { background-color: #FFFFFF; padding: 0px; }

.footer-container { padding: 32px 0px; background-color: #FFFFFF; }

.footer-legal { padding: 0px 32px; }

.footer-row { padding: 0px 32px; }

.release-header-row { padding: 32px 32px; }

.release-form-row { padding: 0px 32px 0px 32px; }

.release-check-row { padding: 32px 32px 32px 32px; }

.skilltest-header-image { padding: 16px 16px; }

.skilltest-header-row { padding: 16px 32px 32px 32px; }

.skilltest-form-row { padding: 0px 32px 0px 32px; min-height: 100px; }

.skilltest-question { font-size: 2rem; font-weight: 400; padding-bottom: 16px; }

.skilltest-answer { padding-bottom: 32px; width: 300px; }

.skilltest-control { font-size: 2rem; }

ol.romanlower { list-style-type: lower-roman; /* Use Roman numerals */ }
    ol.romanlower > li { counter-increment: custom-counter; /* Increment custom counter */ }
        ol.romanlower > li::marker { content: "(" counter(custom-counter, lower-roman) ") "; /* Add parentheses */ }
ol.romanlower { counter-reset: custom-counter; /* Initialize the counter */ }

ol.letters { list-style-type: lower-alpha; /* gives a, b, c, ... */ }
    ol.letters > li::marker { content: counter(list-item, lower-alpha) ") "; /* add ) after the letter */ }

/* Success Page Styles */

/* Under Banner Image Header Section */
.container-success-headline { padding: 32px 45px 20px 45px; }
    .container-success-headline > h2 { font-weight: bold; line-height: 49px; font-size: 45px !important; margin-bottom: 32px; }
    .container-success-headline > p { font-weight: bold; line-height: 35px; font-size: 28px !important; margin-bottom: 28px; }
.container-success-headline-footer { }
    .container-success-headline-footer > img { width: 390px; }


.container-success-content { padding: 32px; color: #333333; font-size: 16px; }
.container-success-content > .row { margin: 0px; }

.container-success-content-message { max-width: 80ch; }
.container-success-content-message > p { }
.container-success-content-message > strong { font-weight: 400; font-size: 22px; line-height: 3; }


@media (max-width: 768px) {
    .container-success-content { padding: 0px; }
    .container-success-content-message { padding: 36px; }
}




.container-success-content-callout { background-color: #2d306b; color: #ffffff; padding: 50px 34px; font-size: 16px; }

.container-success-content-callout-header { margin-bottom: 10px; }

.container-success-content-callout-img { flex-grow: 0; }

    .container-success-content-callout-img > img { display: block; width: 26px; height: 42px; }

.container-success-content-callout-txt { flex-grow: 1; }

    .container-success-content-callout-txt > h2 { color: #aedfef; font-size: 18px !important; line-height: 22px; font-weight: bold; padding-left: 18px; margin-bottom: 0px; }

.container-success-content-callout-txt-footer { padding-top: 1rem; margin-bottom: 0px; }

    .container-success-content-callout-txt-footer > a { color: #ffffff; }

.container-success-content-callout > p { }


/* START - Promo Section */
.container-success-promo { }
.container-success-promo-txt { padding: 45px 45px 45px 45px; }
    .container-success-promo-txt > h2 { font-size: 32px !important; font-weight: bold; font-family: "Scotia Sans",Roboto,"Helvetica Neue",Arial,sans-serif; margin-bottom: 20px; }
    .container-success-promo-txt > p { font-size: 24px !important; line-height: 26.5px; font-weight: 400; }
    .container-success-promo-txt > ul { font-size: 24px !important; font-weight: 400; padding-left: 28px; margin-bottom: 34px; }
        .container-success-promo-txt > ul > li { margin-bottom: 18px }

.container-success-promo-txt-container { margin-bottom: 24px; }
.container-success-promo-txt-icon > img { width: 68px; margin-left: -4px; }
.container-success-promo-txt-header > h2 { font-size: 32px !important; font-weight: bold; font-family: "Scotia Sans",Roboto,"Helvetica Neue",Arial,sans-serif; margin-bottom: 0px; padding-left: 28px; }

.container-success-btn-filled { background-color: #ED0722 !important; color: #FFFFFF !important; width: 396px; height: 68px; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0; font-weight: 400; border: 3px solid #ED0722; border-radius: 34px; text-decoration: none; font-family: Scotia, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; }
.container-success-btn-filled-white { background-color: #FFFFFF !important; color: #000000 !important; width: 396px; height: 68px; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0; font-weight: 400; border: 3px solid #FFFFFF; border-radius: 34px; text-decoration: none; font-family: Scotia, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; }
    .container-success-btn-filled-white:hover { background-color: #FFFFFF !important; border: 3px #ffffff solid; color: #000000; }
    .container-success-btn-filled-white:active { background-color: #FFFFFF !important; border: 3px #ffffff solid; color: #000000; }

.container-success-btn-outline { background-color: unset !important; color: #000000 !important; width: 396px; height: 68px; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0; font-weight: 400; border: 3px solid #000000; border-radius: 34px; text-decoration: none; font-family: Scotia, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; }
.container-success-btn-outline-white { background-color: unset !important; color: #FFFFFF !important; width: 396px; height: 68px; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0; font-weight: 400; border: 3px solid #FFFFFF; border-radius: 34px; text-decoration: none; font-family: Scotia, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; }
    .container-success-btn-outline-white:hover { background-color: unset; border: 3px #ffffff solid; color: #ffffff; }
    .container-success-btn-outline-white:active { background-color: unset; border: 3px #ffffff solid; color: #ffffff; }

@media (min-width: 768px) {
    .btn-responsive { width: 396px !important; }
}
/* END - Promo Section */

.container-success-promo-footer { padding-top: 32px; }
.container-success-promo-footer-left { align-items: center; flex-grow: 0; padding-right: 10px; }
.container-success-promo-footer-right { flex-grow: 1; padding-left: 10px; }

.container-success-promo-footer > img { display: block; width: 245px; }
.container-success-promo-footer-left > img { display: block; }
.container-success-promo-footer-right > img { display: block; width: 88px; height: 33px; }

.container-success-promo-wrapimg-d { display: block; height: auto; width: 100%; }
.container-success-promo-img-d { display: block; }

.container-success-promo-wrapimg-m { display: none; }
.container-success-promo-img-m { padding: 32px 0px; display: block; width: 100%; height: auto; }

@media (max-width: 768px) {
    .container-success-promo-footer { padding-top: 0px; }
    .container-success-promo-wrapimg-d { display: none; }
    .container-success-promo-wrapimg-m { display: block; margin-left: -45px; margin-right: -45px; }
    .container-success-promo-footer-left { flex-grow: 1; text-align: right; justify-items: right; }
    .container-success-btn { width: 100%; }
}

.container-error { padding: 32px 56px; }

.bg-banner { background-color: #1E1117 !important; }
.bg-sunflower { background-color: #FDB913 !important; }
.bg-apricot { background-color: #F05329 !important; }
.bg-sky { background-color: #AEE0EE !important; }
.bg-ocean { background-color: #005A85 !important; }
.bg-leaf { background-color: #00A467 !important; }
.bg-forest { background-color: #005547 !important; }
.bg-blossom { background-color: #F4999F !important; }
.bg-oxblood { background-color: #450000 !important; }
.bg-red { background-color: #ED0722 !important; }
.bg-beige { background-color: #d8d6ca !important; }
.bg-background { background-color: #F2F2F2 !important; }

.txt-black { color: #000000 !important; }
.txt-banner { color: #1E1117 !important; }
.txt-white { color: #FFFFFF !important; }

.sup { font-size: 0.5em; top: -0.75em }
