/* Default CSS */
.accordion {
background-color: white;
color: black;
cursor: pointer;
padding: 3px;
width: 100%;
border: 2px solid #c0c0c0;
border-collapse: collapse;
text-align: left;
outline: 2px;
font-style : italic;
font-weight: normal; 
font-family: Georgia, Cambria, Calibri, Arial;
font-size: .8em;
transition: 0.4s;
opacity: 1;
}

.active, .accordion:hover {
background-color: white;
color: black;
font-weight: normal;
}

.accordion:after {
content: '\21E9'; <!-- Icon used in drop down menus - arrow down -->
color: red;
font-weight: normal;
font-style:normal;
float: right;
margin-left: 0px;
}

.active:after {
content: "\21E7"; <!-- Icon used in drop down menus - arrow up -->
color: green;
font-weight: normal;
font-style:normal;
}

.submenu {
padding: 0 0px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}