/* **** Accordion **** */.accordion { width: 100%; } button.accordion.active { border-bottom: none; } .accordion-last { border-bottom: 1px solid #eee; } button.accordion.active { border-bottom: none; } .accordion { background: #fff; color: #444; cursor: pointer; padding: 18px; width: 100%; border: 1px solid #eee; border-bottom: none; text-align: left; outline: none; font-size: 16px; font-weight: 700; padding: 17px 30px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } button.accordion.active, button.accordion:hover { border-left: 2px solid #6157e9; } button.accordion:after { content: '\002B'; color: #777; font-weight: bold; float: right; margin-left: 5px; } button.accordion.active:after { content: "\2212"; } .panel h5 { padding: 24px 0 0 30px; font-weight: 700; font-size: 16px; } .panel-last { border-bottom: 1px solid #eee; } .panel { padding:20px 30px; background-color: white; -webkit-transition: max-height 0.2s ease-out; -o-transition: max-height 0.2s ease-out; transition: max-height 0.2s ease-out; border-right: 1px solid #eee; border-left: 2px solid #6157e9; display: none; overflow: hidden; } .panel p { font-size: 15px; color: #1D252C; padding: 0px 30px 30px 30px; margin: 0; line-height: 1.8; } .accordian-link { color: #1D252C; font-size: 16px; font-weight: 700; text-decoration: none; } .accordian-link:hover, .accordian-link:focus { color: #6157e9; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; text-decoration: none; } .accordion-last { border-bottom: 1px solid #eee; } .accordian-link:active { color: #6157e9; }