.Accordion { border: .5px solid #FFFFFF; background: rgb(213, 213, 213); } .Accordion:focus, .Accordion:hover { background: rgb(153, 153, 153); } .Accordion > * + * { border-top: 1px solid #FFF; } .Accordion .trigger { background: none; border: 0; color: #FFF; display: block; font-size: 1rem; font-weight: normal; margin: 0; position: relative; text-align: left; width: 100%; } .Accordion .trigger:focus, .Accordion .trigger:hover { background: rgb(153, 153, 153); color: #FFF; } .Accordion .trigger[aria-expanded="true"] { background: rgb(213, 213, 213); } .Accordion .title { display: block; /* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8295099/ */ pointer-events: none; position: relative; padding: 9px 14px 8px 49px; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 18px; color: #00274c; } .Accordion .trigger:focus .title, .Accordion .trigger:hover .title { color: #FFF; } .Accordion .trigger[aria-expanded="true"] .title { color: #00274C; } .Accordion .title:before { position: absolute; top: 0; left: 0; display: block; background: #00274c; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f067"; color: #fff; height: 100%; min-height: 35px; width: 35px; line-height: 35px; text-align: center; } .Accordion .trigger[aria-expanded="true"] .title:before { position: absolute; top: 0; left: 0; display: block; background: #00274c; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f068"; color: #fff; height: 100%; min-height: 35px; width: 35px; line-height: 35px; text-align: center; } .Accordion .Accordion-panel { margin: 0; padding: 1em 1.5em; background: rgb(245, 245, 245); border: .5px rgb(163, 163, 163); padding: 15px 15px 15px 15px; color: #00274C } /* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */ .Accordion .Accordion-panel[hidden] { display: none; }