﻿button:hover * {
    color: var(--d-blue);
}

#addFAQ {
    text-align: center;
}

.faq {
    margin: 2rem auto !important;
    /*padding: 2rem;*/
}

    .faq.formContainer {
        max-width: 600px !important;
    }

    .faq .iconButtons {
        position: relative;
        text-align: right;
    }

        .faq .iconButtons button {
            margin: 0 6pt !important;
        }

        .faq .iconButtons i {
            font-size: 2rem !important;
        }

.faqShadow {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border-radius: 10px;
}

.faqUploads {
    text-align: right;
    margin: .5rem;
    padding: 1rem;
    border: 1px solid lightgrey;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

    .faqUploads i {
        font-size: 2rem;
    }

    .faqUploads .fileDelete {
        position: absolute;
        top: -1.75rem;
        left: -.25rem;
        z-index: 999;
    }

.fileDelete button {
    opacity: .3;
    transition: .2s ease-in-out;
}

    .fileDelete button:hover {
        opacity: .8
    }

.fileDelete i {
    font-size: 1.1rem;
    color: red;
    background-color: white;
}
