﻿/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden

    styles copied from https://www.army.mil/leaders/sa/questions/

*/

.accordion ul, .accordion ol {
    padding: 0
}

    .accordion ul li, .accordion ol li {
        line-height: 1.375em;
        list-style-type: disc;
        margin: 0 0 14px 18px;
        padding: 0 0 0 5px
    }

    .accordion ul li:last-child, .accordion ol li:last-child {
        margin-bottom: 0
    }

    .accordion ul li ul, .accordion ul li ol, .accordion ol li ul, .accordion ol li ol {
        padding: 14px 0 5px
    }

    .accordion ol li {
        list-style-type: decimal
    }

    .accordion ol li ul li {
        list-style-type: disc
    }

    .accordion ol li ol li {
        list-style-type: lower-alpha
    }

    .accordion ol li ol li ul li {
        list-style-type: disc
    }

    .accordion ol li ol li ol li {
        list-style-type: lower-roman
    }

    .accordion ol li ol li ol li ul li {
        list-style-type: disc
    }

    .accordion ul li a {
        font-weight: 400;
        position: relative;
        top: 2px
    }

    .accordion input[type=checkbox] {
        display: none
    }

    .accordion > a {
        font: 600 1em/1.375em "Overpass",sans-serif;
        text-decoration: none
    }

    .accordion > a:hover {
        text-decoration: none
    }

    .accordion > ul > li {
        border-top: 1px solid #b3b3b3;
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    .accordion > ul > li:last-child {
        border-bottom: 1px solid #b3b3b3
    }

    .accordion > ul > li > ul {
        max-height: 0;
        overflow: hidden;
        padding: 0 30px;
        -webkit-transition: max-height 0.5s ease,padding 0.5s ease;
        -moz-transition: max-height 0.5s ease,padding 0.5s ease;
        -o-transition: max-height 0.5s ease,padding 0.5s ease;
        transition: max-height 0.5s ease,padding 0.5s ease
    }

    @media (max-width: 480px) {
        .accordion > ul > li > ul {
            padding-left: 10px;
            padding-right: 10px
        }
    }

    .accordion > ul > li > label {
        cursor: pointer;
        display: block;
        font: 600 1.125em "Overpass",sans-serif;
        padding: 28px 45px 23px 5px;
        position: relative;
        text-transform: uppercase;
        top: 0
    }

    .accordion > ul > li > label span {
        background: #fec325;
        border-radius: 50%;
        display: inline-block;
        height: 34px;
        margin-top: -17px;
        position: absolute;
        right: 5px;
        top: 50%;
        width: 34px
    }

    .accordion > ul > li > label span:before, .accordion > ul > li > label span:after {
        background: #030000;
        content: '';
        position: absolute;
        -webkit-transition: transform 0.25s ease;
        -moz-transition: transform 0.25s ease;
        -o-transition: transform 0.25s ease;
        transition: transform 0.25s ease
    }

    .accordion > ul > li > label span:before {
        height: 12px;
        left: 50%;
        margin-left: -2px;
        margin-top: -6px;
        top: 50%;
        width: 4px
    }

    .accordion > ul > li > label span:after {
        height: 4px;
        left: 50%;
        margin-left: -6px;
        margin-top: -2px;
        top: 50%;
        width: 12px
    }

    .accordion > ul > li input[type=checkbox]:checked ~ ul {
        max-height: 1000px;
        padding-bottom: 1.8em
    }

    .accordion > ul > li input[type=checkbox]:checked ~ label span:before {
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .accordion > ul > li input[type=checkbox]:checked ~ label span:after {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .accordion ul li, .accordion ol li {
        line-height: 1.375em;
        list-style-type: none;
        margin: 0 0 0px 0px
    }

    .accordion ul li a, .accordion ol li a {
        top: 0
    }

    .accordion ul li .questions-answer, .accordion ul li .questions-question, .accordion ol li .questions-answer, .accordion ol li .questions-question {
        margin: 0 0 30px 0px
    }

    .accordion ul li .questions-title, .accordion ol li .questions-title {
        text-transform: none
    }

    .accordion ul li .questions-title::first-letter, .accordion ol li .questions-title::first-letter {
        text-transform: uppercase
    }

    .intro {
        margin-top: 20px
    }
