﻿/* .training-exam-results .row {
    margin-bottom: 1em;
}

.training-exam-results input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #444444;
    display: block;
    font-family: inherit;
    margin: 0 0 0.88889rem 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear;
    -moz-transition: border-color 0.15s linear, background 0.15s linear;
    -ms-transition: border-color 0.15s linear, background 0.15s linear;
    -o-transition: border-color 0.15s linear, background 0.15s linear;
    transition: border-color 0.15s linear, background 0.15s linear;
}

.training-exam-results .button-group > li:first-child .btn, .button-group > li:first-child .btn {
    border-left: 0;
}

.training-exam-results .button-group > li > btn, .button-group > li .btn {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}

.training-exam-results .btn--submit {
    width: auto;
}

.button-group > li > btn, .button-group > li .btn {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
}
.btn.disabled {
    background: #e0e0e0;
}
.btn--print {
    background: #C4960C;
    text-transform: uppercase;
    font-size: .9375rem;
    letter-spacing: 2px;
}

.training-exam-results .date-of-birth, .training-exam-results .candidate-number {
    text-align: center;
    max-width: 18rem;
}

/* Training styles */


.group {
    padding-left: 0;
    width: 100%;
    max-width: 75em;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
}

.group--row .group__item {
    flex: 1 1 0%;
}

.group--row .group__item+.group__item {
    margin-top: 0;
    margin-left: 1.25em;
}

.padding--surround {
    padding: 1.25em;
}

.bg--accent {
    background-color: #ceebff;
    color: #110800;
}

.field-group--fluid {
    max-width: none;
}
.field-group {
    max-width: 32em;
    position: relative;
}

.field-label {
    display: block;
}

small {
    font-size: .8125rem;
}

.training-exam-results * + input, 
.training-exam-results * + select, 
.training-exam-results * + textarea, 
.training-exam-results * .field-description, 
.training-exam-results * .field-error {
    margin-top: .5em;
}

.training-exam-results input, 
.training-exam-results select, 
.training-exam-results textarea {
    font: inherit;
    min-width: 0;
    display: block;
    width: 100%;
    padding: .625em;
    background: #fff;
    color: #110800;
    border: 0;
    border-radius: .125em;
    transition: all 300msease 0ms;
}

.training-exam-results input[type="date"], .training-exam-results .field-input--date {
    background-color: #005b97;
    color: #fff;
    border-color: transparent;
}


button, input {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    font: inherit;
    margin: 0;
}

.button--is-compact {
    padding: .625rem 1.25rem .625rem 1.25rem;
}

.sendbutton {
    width: auto;
    margin-top: 2rem;
}

.button--primary.button--primary {
    background-color: #e75000;
    color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
}

.button, .slider-prev, .slider-next, .towncrier__share-button {
    text-decoration: none;
    border: 0;
    color: inherit;
    display: inline-block;
    font-size: 1.0625em;
    line-height: 1.47;
    padding: .625rem 2.5rem .625rem 2.5rem;
    font-weight: 600;
}







.js-collapsible-heading {
    position: relative;
}

.collapsible-heading {
    position: relative;
    max-width: none;
}

.collapsible-heading button {
    border: 0;
    padding: 0;
    padding: 1.25rem 8.75rem 1.25rem 1.25rem;
    background-color: rgba(216,216,216,.2);
    color: inherit;
    cursor: pointer;
    width: 100%;
    text-align: inherit;
}

.js-collapsible-content .delineated-list .collapsible-heading button {
    padding: .5rem 8.75rem .5em 3rem;
    margin: 1em 0;
}

.standalone-course {
    border: 0;
    padding: 0;
    padding: 1.25rem 8.75rem 1.25rem 1.25rem;
    background-color: rgba(216,216,216,.2);
    color: inherit;
    max-width: 100%;
    width: 100%;
    text-align: inherit;
    margin-top: .3125em;
}

*+.collapsible-heading {
    margin-top: .3125em;
}

.collapsible-heading [aria-expanded]:before {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -1rem;
    line-height: .75;
    color: #0077c8;
    font-size: 2em;
    font-weight: 300;
}

/* .collapsible-heading [aria-expanded]:before {
    content: "+";
    display: block;
    width: 2rem;
    height: 2rem;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -1rem;
    line-height: .75;
    color: #0077c8;
    font-size: 2em;
    font-weight: 300;
} */

.collapsible-heading [aria-expanded="true"] {
    background-color: rgba(216,216,216,.4);
}

.collapsible-heading [aria-expanded="true"]:before {
    content: "";
}

/* .collapsible-heading [aria-expanded="true"]:before {
    content: "-";
} */

.collapsible-heading+[aria-hidden] {
    visibility: hidden;
    overflow: hidden;
    max-height: 0;
    margin-top: 0;
    padding: 0 1.5em;
    background-color: rgba(216,216,216,.4);
    transition: all 300ms ease 0ms;
}

.collapsible-heading+[aria-hidden="false"] {
    padding: 1.5em;
    visibility: visible;
    max-height: 400em;
    background-color: rgba(216,216,216,.4);
}

/* .collapsible-counter {
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
} */

.collapsible-counter {
    display:none;
}

.collapsible-heading .collapsible-counter {
    position: absolute;
    top: 50%;
    right: 3.125rem;
    transform: translateY(-50%);
}

.exam-list {
    max-width: none;
    background-color: #f0f0f0;
    padding: 1.25em;
}

dl {
    display: flex;
    flex-flow: column nowrap;
    max-width: 37.5rem;
}

dt {
    margin-top: 0;
    padding: .625em .625em 0 .625em;
}

dt:after {
    content: ":";
}

dd {
    margin-top: 0;
    padding: 0 .625em .625em .625em;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 1.0625em;
    font-weight: bold;
    margin-left:0;
}

dd+dt {
    position: relative;
}

dd+dt:before {
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    max-width: 37.5rem;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #005b97;
}

.exam-list dd+dt:before {
    max-width: none;
    background-color: #d8d8d8;
}

.hero .hero-slider .hero-slide:before {
    background-color: transparent;
}


@media screen and (min-width: 58.8125em) {
    .exam-list dd+dt:before {
        width: 200%;
    }
}

@media screen and (min-width: 58.8125em) {
    dd+dt:before {
        width: 300%;
    }
}



@media screen and (min-width: 58.8125em) {
    dl {
        flex-flow: row wrap;
    }
}

@media screen and (min-width: 58.8125em) {
    dd {
        width: 50%;
        padding: .625em;
    }
}


@media screen and (min-width: 58.8125em) {
    dt {
        width: 50%;
        padding: .625em;
    }
}





@media screen and (min-width: 58.8125em) {
    .group {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        display: table \9;
        table-layout: fixed \9;
    }
}

@media screen and (min-width: 58.8125em) {
    .group__item {
        flex: 1 1 0%;
        min-width: 0;
        min-height: 0;
        display: table-cell\9;
        width: 2% \9;
        margin-top: 0;
    }
}


@media screen and (min-width: 58.8125em) {
    .padding--surround {
        padding: 1.875em;
    }
}

@media screen and (min-width: 58.8125em) {
    .group--compact.group--compact .group__item+.group__item {
        margin-top: 0;
        margin-left: .625em;
    }
}

@media screen and (min-width: 58.8125em) {
    .group__item+.group__item {
        margin-left: 1.5em;
    }
}




