/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.cloudlogic-collapsible {}

.cloudlogic-collapsible .cloudlogic-collapsible__summary {
    display: list-item;
}

.cloudlogic-collapsible .cloudlogic-collapsible__summary h4 {
    display: inline-block;
}

.cloudlogic-collapsible-beta button > span.cloudlogic-collapsible-beta__cta {
    position: absolute;
    right: 20px;
    height: 30px;
    width: 30px;
}

.cloudlogic-collapsible-beta button.collapsed > span.cloudlogic-collapsible-beta__cta.cloudlogic-collapsible-beta__cta--plus {
    display: inline-block;
}

.cloudlogic-collapsible-beta button.collapsed > span.cloudlogic-collapsible-beta__cta.cloudlogic-collapsible-beta__cta--minus {
    display: none;
}

.cloudlogic-collapsible-beta button > span.cloudlogic-collapsible-beta__cta.cloudlogic-collapsible-beta__cta--plus {
    display: none;
}

.cloudlogic-collapsible-beta button > span.cloudlogic-collapsible-beta__cta.cloudlogic-collapsible-beta__cta--minus {
    display: inline-block;
}