/* -----------------------------------------------------
   MAIN CONTAINER
----------------------------------------------------- */

#swift-team-check {
    max-width: 950px;
    margin: 40px auto;
    padding: 40px;

    background: #fc6e02;
    color: #ffffff;

    border-radius: 20px;

    box-shadow: 0 10px 40px rgba(0,0,0,.15);
}

/* -----------------------------------------------------
   HEADINGS
----------------------------------------------------- */

#swift-team-check h1 {
    color: #ffffff;
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 25px;
}

#swift-team-check h2 {
    color: #ffffff;
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 25px;
}

#swift-team-check h3 {
    color: #ffffff;
    font-size: 28px;
    line-height: 1.3;
    margin-top: 40px;
    margin-bottom: 20px;
}

/* -----------------------------------------------------
   BODY COPY
----------------------------------------------------- */

#swift-team-check p {
    color: #ffffff;
    font-size: 12pt;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* -----------------------------------------------------
   QUESTION TEXT
----------------------------------------------------- */

#question-area p,
.question-copy {
    color: #ffffff;
    font-size: 12pt;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* -----------------------------------------------------
   ANSWER CARDS
----------------------------------------------------- */

#swift-team-check label {
    display: block;

    background: #ffffff;
    color: #000000;

    padding: 18px;
    margin-bottom: 12px;

    border-radius: 12px;

    font-size: 14pt;
    line-height: 1.5;

    cursor: pointer;

    transition: all .2s ease;
}

#swift-team-check label:hover {
    background: #f5f5f5;
    transform: translateY(-1px);
}

#swift-team-check input[type="checkbox"] {
    margin-right: 10px;
    transform: scale(1.2);
}

/* -----------------------------------------------------
   BUTTONS
----------------------------------------------------- */

#swift-team-check button {

    background: #000000;
    color: #ffffff;

    border: none;
    border-radius: 8px;

    padding: 14px 28px;

    font-size: 16px;
    font-weight: 700;

    cursor: pointer;

    margin-right: 10px;
    margin-top: 15px;

    transition: all .2s ease;

}

#swift-team-check button:hover {

    background: #222222;

}

#swift-team-check button:focus {

    outline: 2px solid #ffffff;

}

/* -----------------------------------------------------
   LISTS
----------------------------------------------------- */

#swift-team-check ul,
#swift-team-check ol {
    margin: 0 0 30px 25px;
}

#swift-team-check li {
    color: #ffffff;
    font-size: 16pt;
    line-height: 1.6;
    margin-bottom: 10px;
}

/* -----------------------------------------------------
   RESULTS AREA
----------------------------------------------------- */

.results-wrapper {

    padding-top: 10px;

}

.results-wrapper h2 {

    margin-bottom: 20px;

}

.results-wrapper h3 {

    border-top: 1px solid rgba(255,255,255,.3);
    padding-top: 25px;

}

/* -----------------------------------------------------
   VALIDATION MESSAGE
----------------------------------------------------- */

#validation {

    color: #ffffff !important;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 15px;

}

/* -----------------------------------------------------
   LINKS
----------------------------------------------------- */

#swift-team-check a {

    color: #ffffff;
    text-decoration: underline;
    font-weight: 600;

}

#swift-team-check a:hover {

    text-decoration: none;

}

/* -----------------------------------------------------
   INTRO SECTION
----------------------------------------------------- */

#intro-section {

    text-align: left;

}

#intro-section p {

    max-width: 800px;

}

/* -----------------------------------------------------
   QUESTION AREA
----------------------------------------------------- */

#question-area {

    margin-top: 25px;

}

/* -----------------------------------------------------
   MOBILE
----------------------------------------------------- */

@media (max-width: 768px) {

    #swift-team-check {

        padding: 20px;
        margin: 20px;

    }

    #swift-team-check h1 {

        font-size: 30px;

    }

    #swift-team-check h2 {

        font-size: 28px;

    }

    #swift-team-check h3 {

        font-size: 24px;

    }

    #swift-team-check p,
    #swift-team-check li,
    .question-copy {

        font-size: 18px;

    }

    #swift-team-check label {

        font-size: 18px;

    }

    #swift-team-check button {

        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;

    }

}
/* ----------------------------------
   PROGRAMME CARDS
---------------------------------- */

.programme-card {

    background: #ffffff;

    color: #000000;

    border-radius: 12px;

    padding: 20px;

    margin-bottom: 20px;

}

.programme-card h4 {

    color: #000000;

    margin-bottom: 10px;

    font-size: 22px;

}

.programme-card p {

    color: #000000 !important;

    font-size: 14pt;

    margin-bottom: 15px;

}

.programme-card a {

    display: inline-block;

    background: #000000;

    color: #ffffff !important;

    padding: 10px 20px;

    border-radius: 6px;

    text-decoration: none;

}
.report-summary {

    background: rgba(255,255,255,0.15);

    padding: 25px;

    border-radius: 12px;

    margin-bottom: 30px;

}

.report-summary h3 {

    margin-top: 0;

}

.report-summary p {

    margin-bottom: 10px;

}