/*styles for faq questions show anwers*/
/*these are kept in a seperate style sheet for CMS purposes - this style sheet is not included in CMS so users
    can view both the question and the answer and make edits
*/
.dropdown {position: relative;}
.dropdown dt, #faqs dd { padding: 0; margin: 0; }
.dropdown dt { cursor: pointer; font-weight: 500; color: #27719c ; margin-top: 12px;}
.dropdown dt:first-of-type {margin-top: 0;}
.dropdown dd {margin-left: 25px; display: none;}
/*.dropdown dd.expand {display: block;}*/
.dropdown dt:before {
    position: relative;
    top: 1px;
    content: "\f067";
    font-family: FontAwesome;
    margin-right: 12px;
    color: #a47c42;
}
.dropdown dt.expanded:before {
    content: "\f068";
    font-family: FontAwesome;
    margin-right: 12px;
}
.dropdown .question {font-weight: bold;}
.dropdown .question:before {content: "Q."; margin-right: 5px;color: #a47c42;}
.dropdown .answer {margin-left: 40px; margin-bottom: 20px;}
.dropdown .answer:before {content: "Answer:"; margin-right: 5px; font-weight: bold; color: #a47c42;}