.layout-accordion .panel-group .panel + .panel,
.bupuf-accordion.panel + .panel {
    margin-top: 10px;
}

.bupuf-accordion .accordion-body {
	padding-top: 1em;
	padding-bottom: 1em;
}

.bupuf-accordion,
.bupuf-accordion .panel {
	/* .panel required for accordion group behaviour, so undoing its styles. */
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	border: 0;
	margin-bottom: 0;
    position: relative;
    background-color: transparent;
}

    .bupuf-accordion.panel .floating-anchor {
        position: absolute;
        top: -140px; /*  */
    }

.container .bupuf-accordion-group.container {
    width: auto; /* Don't use 'container' widths if already inside a container. */
}
.layout-accordion .accordion-group { /* accordion groups have bottom padding UNLESS in the layout. */
	margin-bottom: 0;
}

.float-right { float: right; }

.bupuf-accordion .panel-heading {
	background-color: #e8e8e8;
	padding: 0.5em 1em;
}

.bupuf-accordion .panel-heading .accordion-title {
    margin: 0 10px 0 0;
    flex-grow: 1;
}

.bupuf-accordion .panel-heading .accordion-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

/* Prevent link color */
.bupuf-accordion .panel-heading {
	color: inherit;
}

.bupuf-accordion .expand-accordion,
.bupuf-accordion .collapse-accordion {
    color: #999999;
    text-align: center;
    float: right;
}

.head-h1 .panel-heading { padding: 1.5rem 2rem; }
.head-h2 .panel-heading,
.head-h3 .panel-heading { padding: 1.0rem 1.75rem; }
.head-h4 .panel-heading { padding: 0.75rem 1.25rem; }
.head-h5 .panel-heading,
.head-h6 .panel-heading { padding: 0.5rem 1rem; }

.head-h1 .expand-accordion,
.head-h1 .collapse-accordion {
    font-size: 36px;
    width: 36px;
}
.head-h2 .expand-accordion,
.head-h2 .collapse-accordion {
    font-size: 30px;
    width: 30px;
}
.head-h3 .expand-accordion,
.head-h3 .collapse-accordion,
.head-h4 .expand-accordion,
.head-h4 .collapse-accordion {
    font-size: 24px;
    width: 24px;
}
.head-h5 .expand-accordion,
.head-h5 .collapse-accordion,
.head-h6 .expand-accordion,
.head-h6 .collapse-accordion {
    font-size: 20px;
    width: 20px;
}


.bupuf-accordion .panel-heading.collapsed .collapse-accordion,
.bupuf-accordion .panel-heading:not(.collapsed) .expand-accordion {
    display: none;
}

/* Make consecutive Accordion layouts - caused by legacy transformation - look normal.
 * This is not perfect, but makes spacing a lot better.
 * Only looks bad if there are single-row (legacy) accordions and repeater accordions on the same page. */
.bupuf-layout.layout-accordion + .layout-accordion {
	margin-top: 0;
	padding-top: 0;
}