body.footer-on-bottom #wrapper {
    min-height: 0!important;
}
/* Hero */
.forening__excerpt {
  max-width: 510px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.hero--bg::after{
	content:"";
	background:black;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0.4;
	width:100%;
	height:100%;
}
.hero--bg{
	position:relative;
}

.lokalforening__sub-section figure{
	margin-bottom:30px;
}
#inner-wrap {
  flex: 0 0 auto !important;
}

/* Socials */
.forening__social-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
@media screen and (max-width:767px){
.forening__social-wrapper {
	flex-direction:column;
	gap:20px;
	text-align:center;
	}
}
.forening__social-wrapper p {
  color: white;
}

.forening__social-wrapper a {
  transition-duration:0.15s;
	transition-timing-function: ease-in-out;
  margin: 0 15px;
}

.forening__social-wrapper a:hover {
  scale: 1.1;
}



/* Contact links */
.lokalforening__sub-section,
.lokalforening__person a {
  display: block;
  font-size: 14px;
  margin-top: 2px;
  color: black;
}


/* Clickable heading */
.lokalforening__sub-section-main-heading {
  background: var(--pink-secondary);
  border-radius: 50vmax;
  font-size: 28px;
      padding: 10px 40px 10px 30px;
  transition-duration: 0.35s;
  cursor: pointer;
}


.lokalforening__sub-section-indicator {
  position: absolute;
  right: 40px;
  top: 15px;
  pointer-events: none;
}

@media screen and (max-width:767px){
	.lokalforening__sub-section-main-heading{
		font-size:18px;
		line-height:1.5em;
	}
	.lokalforening__sub-section-indicator{
    right: 20px;
    top: 15px;
}}

.lokalforening__sub-section-indicator img {
  height: 24px;
  transition-duration: 0.4s;
}
@media screen and (max-width:767px){
.lokalforening__sub-section-indicator img {
  height: 16px;
	}}

.lokalforening__sub-section-indicator .minus {
  rotate: -90deg;
  translate: -24px 0;
}



/* Heading wider than content */
.lokalforening__sub-section-wrapper {
  max-width: 824px;
  margin-left: auto;
  margin-right: auto;
}

/* Content */
.lokalforening__sub-section {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}

.lokalforening__sub-section-wrapper {
  margin-bottom: 40px;
}
@media screen and (max-width:767px){
	.lokalforening__sub-section-wrapper {
  margin-bottom: 25px;
		margin-left:-16px;
		margin-right:-16px;
}
}
/* Active/Non-active timing */
.lokalforening__sub-sections-wrapper {
  transition: 0.6s;
  overflow: hidden;
  max-height: 0;
}

/* Active/Non-active styling */
.lokalforening__sub-section-wrapper:hover .lokalforening__sub-section-indicator img {
  rotate: 45deg;
}

.lokalforening__sub-section-wrapper:has( .active) .lokalforening__sub-section-indicator img {
  rotate: 45deg;
}

.lokalforening__sub-section-main-heading:hover,
.lokalforening__sub-section-wrapper:has( .active) .lokalforening__sub-section-main-heading {
  background: #e3032e3d;
}



/* Field styling */
.lokalforening__sub-section-heading {
  margin-bottom: 15px;
}

@media screen and (max-width:767px){
h3.lokalforening__sub-section-heading {
  margin-bottom: 5px;
	font-size:18px;
}}


.lokalperson__namn {
  margin-bottom: 8px;
}

.lokalforening__person-bild {
  height: 120px;
  width: 120px;
  object-fit: cover;
  margin-bottom: 10px;
  border-radius: 50vmax;
}


.lokalforening__sub-section {
  margin-top: 30px;
}
@media screen and (max-width:767px){
	.lokalforening__sub-section {
  padding:0 25px;
}}
.lokalforening__sub-section .lokalforening__person:not(:last-child) {
  margin-bottom: 30px;
}

.lokalforening__sub-section--text p:not(:last-child) {
  margin-bottom: 20px;
}

.wysiwyg-wrapper p {
  margin-bottom: 16px !important;
}

.lokalforening__document-section .wysiwyg-wrapper a {
  line-height: 2;
}


.lokalforening__flex-wrapper {
  display: flex;
  flex-flow: wrap;
  column-gap: 40px;
}

.lokalforening__flex-wrapper h3 {
  display: flex;
  flex-basis: 100%;
}

.lokalforening__person {
  width: calc(33% - 25px);
  display: flex;
  flex-direction: column;
}
@media screen and (max-width:767px){
	.lokalforening__person{
		width:100%;
	}}


.hero--bg{
	position:relative;
}