.cbd-block-accordion-inner dl dt {
padding-top: 0.25em;
}
.cbd-block-accordion-inner dl dt button {
position: relative;
display: block;
width: 100%;
text-align: left;
padding: 1.2rem 4.5rem 1.3rem 1.5rem;
line-height: 1.2;
height: auto;
background: #f2f3f7;
color: var(--wp--preset--color--mep-grey);
font-size: 1.25em;
font-weight: 600;
opacity: 1;
border: none;
} .wp-block-cbd-fullwidth.light .cbd-block-accordion-inner dl dt button {
background: var(--wp--preset--color--mep-white);
color: var(--wp--preset--color--mep-grey);
border: 1px solid var(--wp--preset--color--mep-light-grey);
}
.wp-block-cbd-fullwidth.light .cbd-block-accordion-inner dl dt button[aria-expanded="true"] {
border-bottom: 1px solid transparent;
}
.cbd-block-accordion-inner dl dt button:hover {
top: 0;
opacity: 0.8;
}
.cbd-block-accordion-inner dl dt button:after {
content: '+';
position: absolute;
top: 1.25rem;
right: 1.25rem;
font-size: 2.5em;
line-height: 1.2rem;
font-weight: normal;
width: 0.75em;
text-align: center;
}
.cbd-block-accordion-inner dl dt button[aria-expanded="true"] {
background: var(--wp--preset--gradient--dark-grey-gradient);
color: #fff;
}
.cbd-block-accordion-inner dl dt button[aria-expanded="true"]:after {
content: '-';
}
.cbd-block-accordion-inner dl dd {
padding: 1.1rem 1.5rem 1.15rem;
border: 1px solid var(--wp--preset--color--mep-light-grey);
border-top: 0;
font-size: 1em;
color: var(--wp--preset--color--mep-grey);
background: var(--wp--preset--color--mep-white);
}
.cbd-block-accordion-inner dl dd .wp-block-cbd-fullwidth {
position: static;
width: 100%;
margin: 0;
}
@media screen and (max-width: 600px) {
.cbd-block-accordion-inner {
width: 100%;
}
.cbd-block-accordion-inner dl dt button {
padding-left: 30px;
}
.cbd-block-accordion-inner dl dd {
padding-left: 30px;
}
}