@import '../../environment';

main
{
    .question
    {
        display: block;
        text-decoration: none;
        color: $color-text-darker;
        font-weight: bold;
    }

    .questions
    {
        margin-bottom: steps(2);

        @include for-at-least-normal-tablets
        {
            margin-bottom: steps(6);
        }

        .heading
        {
            @include large-heading;
        }

        ul
        {
            @include hover-list;

            > li
            {
                &:first-child
                {
                    border-top-color: $color-background-lightest;
                }

                &:last-child
                {
                    border-bottom-color: $color-background-lightest;
                }

                > a
                {
                    padding-top: steps(1)+1px;
                    padding-bottom: steps(2);

                    > .question
                    {
                        @include bullet-item;
                        @include normal-text;
                    }
                }
            }
        }
    }

    .answers
    {
        .heading
        {
            @include normal-heading;
        }

        .question
        {
            @include bullet-item;
        }

        .answer
        {
            padding: steps(2) steps(3) steps(1.5);
            margin: steps(1.5) 0 steps(3.5);

            background-color: $color-background-lighter;

            &:last-child
            {
                margin-bottom: 0;
            }

            @include for-at-least-normal-tablets
            {
                padding: steps(2) steps(4) steps(3);
                margin: steps(3) 0 steps(3) steps(3);
            }
        }
    }
}
