.simple-faq-title{cursor:pointer; padding:5px 30px 5px 0 !important; } .simple-faq-title h4 { margin: 0px; font-size: 16px; line-height: 22px; font-weight: normal; } .simple-faq-title h4:first-letter, .faq-content p:first-letter{ text-transform: capitalize; } .simple-faq-accordion .simple-faq-main { border: 5px solid #d9d9d9; margin-bottom: 10px; background: #eaeaea; padding: 5px; transition: all 0.5s ease 0s; } .faq-content { border-top: 1px solid #ddd; margin-top: 5px; padding: 10px !important; } .faq-content p{ margin: 0px; } .simple-faq-accordion .simple-faq-main.open{background:#fff;} .simple-faq-accordion .simple-faq-main.open h4{color:#333} .simple-faq-main:hover { box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.5); } [data-accordion] [data-content] { overflow: hidden; max-height: 0;} /* Basic Theme */ [data-accordion] { line-height: auto;} [data-control], [data-content] > * { padding: 10px 0px;} [data-content] [data-accordion] { border: 0; padding: 0;} [data-accordion] [data-control] { position: relative; padding-right: 40px;} [data-accordion] > [data-control]::after { content: ""; position: absolute; right: 5px; top: 10px; font-size: 25px; font-weight: 200; color: #444; height: 15px; width: 24px; background: url('../images/plus.png') right 0px no-repeat; background-size: 50%; } .open[data-accordion] > [data-control]::after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); background: url('../images/minus.png') right 0px no-repeat; background-size: 50%; position: absolute; right: -7px !important; top: 7px !important; font-size: 25px; font-weight: 200; color: #444; height: 15px; width: 24px; } /*custom changes on 3-6-2017*/ .simple-faq-main .simple-faq-title + div img{ float: left; margin: 12px 15px 2px 10px; } .simple-faq-main.open .simple-faq-title + div img{ float: left; margin: 12px 15px 2px 10px; } .simple-faq-main.open .simple-faq-title + div .faq-content{ border-left: none; border-top: 1px solid #ddd; margin-top: 5px; } /*media queries start*/ @media screen and (max-width:767px){ .simple-faq-main.open .simple-faq-title + div img { float: none; margin: auto; display: block; } .simple-faq-main.open .simple-faq-title + div{ margin-top: 5px; border-top: 1px solid #ddd; } }