.accordionTitle, .accordion__Heading:hover{color: #000 !important;}.col-xs-9.accordion-container{ width: 100%; padding: 30px; } .accordion dl, .accordion-list { border: 1px solid #f5f5f5; } .accordion dd, .accordion__panel { background-color: #ececec; font-size: 1em; color: #3d3d3d; line-height: 1.5em; } .accordion p { padding: 1em 2em 1em 2em; } .accordion { position: relative; background-color: #eee; margin-top: -16px; } .accordionTitle, .accordion__Heading { cursor: unset;background-color: #ffffff; text-align: center; font-weight: normal; font-size: 14px; padding: 10px; display: block;     text-decoration: none !important;/*text-decoration: none;*/ color: #000; transition: background-color 0.5s ease-in-out; border-bottom: 3px solid #f5f5f5; } .accordionTitle:before, .accordion__Heading:before { content: "+"; font-size: 1.5em; line-height: 0.5em; float: left; transition: transform 0.3s ease-in-out; } .accordionTitle:hover, .accordionTitleActive, /*.accordionTitle.is-expanded { background-color: #F57C00;*/ } .accordionTitleActive:before, .accordionTitle.is-expanded:before { transform: rotate(-225deg); } .accordionItem { height: auto; overflow: hidden; max-height: 50em; transition: max-height 1s; } @media screen and (min-width: 48em) { .accordionItem { max-height: 15em; transition: max-height 0.5s; } } .accordionItem.is-collapsed { max-height: 0; } .no-js .accordionItem.is-collapsed { max-height: auto; } .animateIn { animation: accordionIn 0.45s normal ease-in-out both 1; } .animateOut { animation: accordionOut 0.45s alternate ease-in-out both 1; } @keyframes accordionIn { 0% { opacity: 0; transform: scale(0.9) rotateX(-60deg); transform-origin: 50% 0; } 100% { opacity: 1; transform: scale(1); } } @keyframes accordionOut { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.9) rotateX(-60deg); } }