/********************
ACCORDION BASE STYLES
-edit look of accordion here
********************/
.mwd-header {
font-size: 30px;
}

.mwd-accordion {
margin: 30px 0;
}

.mwd-accordion .mwd-accordion-item {
border: 1px solid #844d36;
margin-bottom: 15px;
}
.mwd-accordion .mwd-accordion-item .mwd-accordion-title {
font-size: 24px;
background: #844d36;
color: white;
padding: 10px 20px;
cursor: pointer;
}
.mwd-accordion .mwd-accordion-item .mwd-accordion-content {
color: black;
padding: 20px 20px 0 20px;
}
.mwd-accordion .mwd-accordion-item .mwd-accordion p {
margin: 0;
}

/********************
BASE +/- STYLES
********************/
.mwd-accordion-content {
display: block;
overflow: hidden;
max-height: 100%;
transition: all 0.3s ease-in-out;
}

.mwd-accordion-title > :first-child {
max-width: 90%;
}

.mwd-accordion-title {
position: relative;
}
.mwd-accordion-title .mwd-accordion-icon {
position: absolute;
background: white;
width: 20px;
height: 3px;
right: 22px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease-in-out;
}
.mwd-accordion-title .mwd-accordion-icon:after {
content: "";
position: absolute;
background: white;
width: 3px;
height: 20px;
right: 8px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease-in-out;
}

.active .mwd-accordion-icon:after {
transform: translateY(-50%) rotate(90deg);
}