h1, h2, h3, h4, h5, h6 {
    text-wrap: pretty;
}

html[lang="sv-SE"] .u-menu--sv {
    display: grid;
}

html[lang="sv-SE"] .u-menu--en {
    display: none;
}

html[lang="en-US"] .u-menu--en {
    display: grid;
}

html[lang="en-US"] .u-menu--sv {
    display: none;
}

.filters li.filters-separator {
    display: none;
}

.filters.menu {
    gap: 1em;
}

.video-js .vjs-inner video {
    object-fit: contain;
    width: 100%;
    height: 100%;
    object-position: center;
}

.has-controls-outside .flickity-page-dots {
    margin-right: auto;
    left: 1.5rem;
    transform: scale(0.75);
}

.width-1of12 .wp-block-separator {
    max-width: 2rem;
}

.u-richtext--maxWidth {
    width: 100%;
}

.u-richtext--maxWidth .rich-text *:not(img, hr, :has(img)) {
    max-width: 36rem;    
}

.u-richtext--maxWidth .rich-text hr {
    border: none;
    height: 1px;
    background-color: rgba(23, 33, 53, 0.3);
    margin: 2rem 0 1.5rem;
}

.u-richtext--maxWidth .rich-text img {
    margin: 1rem 0 0;
}


.has-link.area-wrapper.has-border:hover .block-button.button-text.button-auto-color {
    color: #dd6e42;
}

.Functions-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-flow: column;
    gap: 0.5em;
}

.header-desktop .menu:has(.current-menu-item) .menu-item:not(.current-menu-item) a:not(:hover) {
    opacity: 0.6;
}

.header-desktop .menu .current-menu-item a,
.header-desktop .menu a:hover {
    background-size: 0 0;
}

.navigation .navigation-dots {
    display: none;
}

.navigation.has-controls-medium-size {
    padding-top: 2rem;
}

.navigation.has-controls-medium-size .flickity-prev-next-button.next,
.navigation.has-controls-medium-size .flickity-prev-next-button.previous {
    bottom: 0;
    right: 0;
    display: flex;
    flex-flow: row;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    color: #172135;
    outline: none;
}
.navigation.has-controls-medium-size .flickity-prev-next-button.next:hover,
.navigation.has-controls-medium-size .flickity-prev-next-button.previous:hover {
    color: #dd6e42;
}
.navigation.has-controls-medium-size .flickity-prev-next-button:focus {
    box-shadow: none;
}
.navigation.has-controls-medium-size .flickity-prev-next-button.previous {
    left: 0;
    right: auto;
}
.navigation.has-controls-medium-size .flickity-prev-next-button.next {
    right: 0;
    left: auto;
}

.navigation.has-controls-medium-size .flickity-prev-next-button svg {
    height: 1.5rem;
    width: 1.5rem;
    position: relative;
    transform: none;
}

.navigation.has-controls-medium-size .flickity-prev-next-button svg {
    fill: currentColor;
}

.navigation .flickity-prev-next-button.next:before {
    content: '\00E4ldre';
    text-transform: none;
    line-height: 1em;
    color: currentColor;
    display: inline-block;
    margin-bottom: 0.2em;
    text-transform: capitalize;
}

.navigation .flickity-prev-next-button.previous:after {
    content: 'Nyare';
    text-transform: none;
    line-height: 1em;
    color: currentColor;
}

@media screen and (max-width: 767px) {
    .background-normal-left-margin,
    .background-normal-right-margin,
    .background-normal-top-margin,
    .background-normal-bottom-margin {
        margin: 0!important;   
    }

    .area:has(.is-sticky) {
        position: relative!important;
    }
    
    .area .is-sticky {
        display: flex;
        flex-flow: row;
        gap: 1rem;
        overflow-x: scroll;
        align-items: flex-start;
        justify-content: flex-start;
    }
    
    .area .is-sticky .block-wrapper {
        flex: 0 0 auto;
        width: auto;
    }
}
.LangSwitch {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row;
    gap: 0.5rem;
    font-size: 0.9rem;
    margin: 0 1rem;
}

@media screen and (max-width: 767px) {
    .LangSwitch {
        margin: 0 0 0 auto;
        justify-content: flex-end;
    }
}

.LangSwitch li a {
    opacity: 0.6;
    transition: none!important;
}

.LangSwitch li:hover a {
    opacity: 1;
}

.LangSwitch li:not(:last-child):after {
    content: '/';
    margin-left: 0.5rem;
}

html[lang="sv-SE"] .u-link--sv a {
    opacity: 1;
}

html[lang="en-US"] .u-link--en a {
    opacity: 1;
}
.content-richtext ul {
    padding-left: 2rem;
    list-style-position: outside;
}

.content-richtext ol {
    padding-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    list-style-position: outside;
}

.content-richtext ol li::marker {
    font-size: 1.5rem;
}

.content-richtext ol:has(h3) {
    display: flex;
    flex-flow: column;
    gap: 1.5rem;
}

.content-richtext a {
    color: #dd6e42;
}

.content-richtext a:hover {
    text-decoration: underline;
}

.content-richtext blockquote {
    padding: 1.5rem;
    max-width: 48rem;
}

.content-richtext blockquote:has(+ p img) {
    margin-bottom: 0!important;
}

.content-richtext blockquote + p img {
    width: 6rem;
    height: 6rem;
    object-fit: cover;
    border-radius: 3rem;
    margin-left: 1.5rem;
}

/*
.content-richtext strong,
.content-richtext em {
    font-weight: normal;
    font-size: 75%;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}
*/

.content-richtext-full-width {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.5rem;
}

.content-richtext-full-width * {
    grid-column-start: 2;
    grid-column-end: 4;
    margin: 0;
    max-width: 36rem;
}

.content-richtext-full-width *:not(:last-child):not(li) {
    margin-bottom: 1.5rem;
}

.content-richtext-full-width h1:not(:has(span)),
.content-richtext-full-width h2:not(:has(span)),
.content-richtext-full-width h3:not(:has(span)) {
    grid-column-start: 1;
    grid-column-end: 2;
    margin-bottom: 0;
    margin-top: 1.5rem;
}

.content-richtext-full-width .media-wrapper.alignnone img {
    max-width: 4rem;
}

.content-richtext-full-width h1 + *,
.content-richtext-full-width h2 + *,
.content-richtext-full-width h3 + * {
    margin-top: 1.5rem;
}
@media screen and (max-width: 1023px) {
    .blocks-wrapper:has(.Words) {
        display: block;
    }
    
    .area-wrapper:has(.Words) > .area-content-wrapper > .area-content > .blocks-wrapper > .block-wrapper.block-responsive:has(.Words) > .group-content > .blocks-wrapper > .block-wrapper {
        width: auto;
        display: inline;
        padding: 0;
    }
    
    .area-wrapper:has(.Words) > .area-content-wrapper > .area-content > .blocks-wrapper > .block-wrapper.block-responsive:has(.Words) > .group-content > .blocks-wrapper {
        margin: 0;
    }
    
    .area-wrapper:has(.Words) .wp-block-heading {
        display: inline;
    }
    
    .Words {
        display: inline;
    }
}
.u-svg {
    aspect-ratio: 3 / 2
}

.u-svg svg {
    width: 100%;
    height: auto;
}