/* 
–––––––––––––––––––––––––––––––––––––––––––––––––
BASE
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
@font-face {
    font-family: Mayonnaise-Extra-Black-web;
    src: url('/fonts/Mayonnaise-Extra-Black-web.woff') format('woff');
}

html {
    scroll-behavior: smooth;
}

img {
    max-width: 100%;
    height: auto;
}

a,
a:link,
a:active {
    color: #00585A;
    text-decoration: none;
}

.news-item-page p a, .contact-page li a, .education-item-page p a, .file-box li a, .signup-form a{
    text-decoration: underline;
}

a:hover {
    color: #00585A;
    text-decoration: none;
}

[type="button"] {
    -webkit-appearance: none;
}

b, strong {
    font-weight: 600;
}

button, input[type="button"] {
    -webkit-appearance: none;
}

input[type="radio"] {
    -webkit-appearance: button;
}

/* ----- Colors ----- */

::selection {
    background: #5F8484;
    color: #FFFFFF;
    text-shadow: none;
}


footer p::selection {
    background: #fff;
    color: #5F8484;
    text-shadow: none;
}

.bg-gray {
    background-color: #F8F8F8;
}

.bg-light-green {
    background-color: #EBF0F0;
}

.bg-green {
    background-color: #5F8484;
}

.bg-green p{
    color: #fff !important;
}

.bg-dark-yellow {
    background-color: #ffd67b;
}

.bg-dark-green {
    background-color: #00585A;
}

.bg-white {
    background-color: #FFFFFF;
}

.bg-yellow {
    background-color: #fff7e5;
}


.txt-white {
    color: #ffffff;
}

/* ----- Text and typography ----- */

body, p, li {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    color: #0C2D3B;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased; /*Font rendering in Chrome on Mac */
    -moz-osx-font-smoothing: grayscale; /* Font rendering in Firefox on Mac */
}

p.ingress {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
}

ul, ol {
    padding-left: 1.25em;
}

h1, h2, h3, h4 {
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.2;
}

h1 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #00585A;
}

h2 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #00585A;
}

h3 {
    color: #00585A;
    font-weight: 600;
    margin-top: 1.5em;
    font-size: 1.125rem;
}

h4 {
    color: #00585A;
    font-size: 1rem;
    font-weight: 600;
    margin: 1.5rem 0 0.25rem;
}

h1 + h2 {
    margin-top: 1.75rem;
}

h2:first-child,
h3:first-child,
h4:first-child {
    margin-top: 0;
}

p + h2,
ul + h2 {
    margin-top: 1.75rem;
}

p:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {

    h1 {
        font-size: 1.875rem;
    }

    h2 {
        font-size: 1.375rem;
    }
}

@media (min-width: 992px) {

    h1 {
        font-size: 2rem;
    }

    p + h2 {
        margin-top: 2rem;
    }

    p.ingress {
        font-size: 1.125rem;
    }
}

@media (min-width: 1200px) {

    h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 1.875rem;
    }

    h3 {
        font-size: 1.375rem;
    }

    h4 {
        font-size: 1.25rem;
    }
    
    h1 + h2 {
        margin-top: 2.75rem;
    }

    p + h2 {
        margin-top: 2.5rem;
    }    
}

@media (min-width: 1700px) {

    body, p, li  {
        font-size: 1.125rem;
    }

    p.ingress {
        font-size: 1.25rem;
    }

    p + h2,
    ul + h2 {
        margin-top: 2.25rem;
    }
}

p.category-header {
    font-weight: 600;
    font-size: clamp(1.25rem, 1.1429rem + 0.2976vw, 1.5rem);
    text-transform: uppercase;
    color: #00585A;
}

/* ----- Spacing ----- */
/* Padding x-space */
.section-x-space {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .section-x-space {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 1200px) {
    .section-x-space {
        padding-left: 5vw;
        padding-right: 5vw;
    }
}

@media (min-width: 1400px) {
    .section-x-space {
        padding-left: 7.5vw;
        padding-right: 7.5vw;
    }
}

/* Padding y-space */

.section-y-space {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .section-y-space {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
}

@media (min-width: 960px) {
    .section-y-space {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

@media (min-width: 1200px) {
    .section-y-space {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

@media (min-width: 1700px) {
    .section-y-space {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

/* ----- Buttons ----- */

.btn,
a.btn {
    width: 100%;
    display: inline-block;
    background-color: #00585A;
    border: 1px solid #00585A;
    border-radius: 2rem;
    color: #FFFFFF;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1;
    padding: 0.875em 2rem;
    transition: 0.2s;
    text-transform: uppercase;
}

.btn-white,
a.btn-white {
    background-color: transparent;
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.btn:hover,
a.btn:hover,
.btn:focus,
a.btn:focus {
    background-color: #EB7F5E;
    border-color: #EB7F5E;
    outline: none;
    box-shadow: none;
    color: #FFFFFF;
}

.btn-white:hover,
a.btn-white:hover,
.btn-white:focus,
a.btn-white:focus {
    background-color: #FFFFFF;
    color: #00585A;
    border-color: #FFFFFF;
}

.btn-outline,
a.btn-outline {
    background-color: transparent;
    border-color: #00585A;
    color: #00585A;
}

@media screen and (min-width: 380px) {

    .btn,
    a.btn {
        width: auto;
        min-width: 144px;
    }
}
/*
@media screen and (min-width: 1200px) {

    .btn,
    a.btn {
        padding: 1em 3.5rem;
    }
}*/

/* ----- Breadcrumb ----- */

.breadcrumb {
    margin-top: 60px;
    margin-bottom: 0;
    border-radius: 0;
    background-color: #FFFFFF;
}

.no-margin .breadcrumb {
    margin-top: 0 !important;
}

.breadcrumb li {
    font-size: 0.875rem;
    color: #00585A;
}

.breadcrumb a {
    font-size: 0.875rem;
    color: #7A9999;
}

.breadcrumb .divider {
    font-size: 0.875rem;
    margin: 0 0.375rem;
    color: #7A9999;
}

@media screen and (min-width: 768px) {

    .breadcrumb {
        margin-top: 80px;
    }
}

@media screen and (min-width: 1200px) {

    .breadcrumb {
        margin-top: 100px;
    }
}

@media screen and (min-width: 1700px) {

    .breadcrumb {
        margin-top: 128px;
    }
}


/* ----- Scroll-to ----- */

.scroll-to {
    display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
}

@media screen and (min-width: 768px) {
    .scroll-to {
        top: -90px;
    }
}

@media screen and (min-width: 1200px) {
    .scroll-to {
        top: -110px;
    }
}

@media screen and (min-width: 1700px) {
    .scroll-to {
        top: -137px;
    }
}

/* ----- Section header  ----- */

.section-header {
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 576px) {
    .section-header p {
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 768px) {
    .section-header p {
        width: 650px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 900px) {
    .section-header p {
        width: 800px;
    }
}

@media screen and (min-width: 992px) {

    .section-header {
        margin-bottom: 2.5rem;
    }
}

@media screen and (min-width: 1300px) {
    .section-header p {
        width: 1080px;
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 1700px) {
    
    .section-header h2 {
        font-size: 2.5rem;
    }
    .section-header p {
        font-size: 1.5rem;
    }
}

/* 
END BASE
––––––––––––––––––––––––––––––––––––––––––––––––– */

/* 
–––––––––––––––––––––––––––––––––––––––––––––––––
HEADER AND NAVBAR
–––––––––––––––––––––––––––––––––––––––––––––––––
*/

.navbar-expand-xl {
    background-color: #FFFFFF;
    height: 60px;
    transition: all .4s ease-in-out;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

@media screen and (min-width: 768px) {
    
    .navbar-expand-xl {
        height: 80px;
    }
}

@media screen and (min-width: 1200px) {
    
    .navbar-expand-xl {
        height: 100px;
    }

    .navbar-expand-xl .main-menu {
        height: 100px;
    }
}

@media screen and (min-width: 1700px) {
    
    .navbar-expand-xl {
        height: 128px;
    }

    .navbar-expand-xl .main-menu {
        height: 128px;
    }
}

/* ----- Logo ----- */

.navbar-brand {
    padding: 0;
}

.navbar-brand img {
    width: 150px;
    height: auto;
    padding-left: 0;
}


@media screen and (min-width: 768px) {
    
    .navbar-brand img {
        width: 200px;
    }
}

@media screen and (min-width: 992px) {
    
    .navbar-brand img {
        width: 230px;
    }
}

@media screen and (min-width: 1300px) {
    
    .navbar-brand img {
        width: 280px;
    }
}

@media screen and (min-width: 1700px) {
    
    .navbar-brand img {
        width: 375px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1400px){
    
    .navbar-expand-xl .section-x-space {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* ----- Toggler button ----- */

.navbar-toggler {
    position: relative;
    width: 30px;
    height: 22px;
    border: none;
}

.navbar-toggler span {
    display: block;
    position: absolute;
    height: 2px;
    width: 30px;
    background: #293033;
    opacity: 1;
    left: 0;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    border: none;
    outline: none;
    box-shadow: none;
}

.navbar-toggler span:nth-child(1) {
    top: 0;
}

.navbar-toggler span:nth-child(2) {
    top: 10px;
}

.navbar-toggler span:nth-child(3) {
    top: 20px;
}

/* ----- Offcanvas mobile menu ----- */

.offcanvas-collapse {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow-y: auto;
    background-color: #ffffff;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 1032;
}

.offcanvas-collapse.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 0 0 40px rgba(0,0,0,0.1);
}

#mobile-menu {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

#main-nav-mobile {
    padding: 0 1rem 0;
}

#main-nav-mobile .nav-link {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    color: #0C2D3B;
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    border-top: 1px solid #A1B7B6;
    padding: 0.875rem 5px 0.875rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffffff;
}

.close-button {
    cursor: pointer;
    font-size: 36px;
    padding: 0 0.25rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    color: #293033;
    height: 30px;
    width: 30px
}

#main-nav-mobile .top-nav-item {
    height: 60px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#main-nav-mobile .top-nav-item span {
    display: block;
    position: absolute;
    height: 2px;
    width: 30px;
    background: #293033;
    opacity: 1;
    right: 0;
}

#main-nav-mobile .top-nav-item span:nth-child(1) {
    top: 15px;
    transform: rotate(45deg);
}

#main-nav-mobile .top-nav-item span:nth-child(2) {
    top: 15px;
    transform: rotate(-45deg);
}

@media screen and (min-width: 768px) {
    
    #mobile-menu.offcanvas-collapse {
        width: 50%;
        right: 0;
        transform: translateX(100%);
    }

    #mobile-menu.offcanvas-collapse.open {
        transform: translateX(0);
    }
}

@media screen and (min-width: 1200px) {
    
    #mobile-menu.offcanvas-collapse {
        display: none !important;
    }
}

/* Mobile submenu */

#main-nav-mobile .offcanvas-submenu-collapse {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    transition: all .3s ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 10;
    background-color: #ffffff;
    padding: 0 1rem;
    opacity: 0;
}

#main-nav-mobile .offcanvas-submenu-collapse.open {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem);
    opacity: 1;
}

#main-nav-mobile .offcanvas-submenu-collapse .top-nav-item {
    justify-content: space-between;
}

#mobile-menu .back-button {
    justify-content: flex-start;
    color: #293033;
    font-size: 30px;
}

#main-nav-mobile .submenu {
    list-style: none;
    padding-left: 0;
}

#main-nav-mobile .submenu .nav-link.submenu-title {
    border-top: 1px solid #A1B7B6;
    border-bottom: 1px solid #A1B7B6;
}

#main-nav-mobile .offcanvas-submenu-collapse .submenu:first-child .nav-item:first-child .nav-link {
    border-top: none;
}

#main-nav-mobile .submenu-submenu {
    list-style: none;
    padding-left: 0;
}

#main-nav-mobile .submenu-submenu .nav-item .nav-link {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: none;
    font-weight: 400;
}

#mobile.menu .submenu-submenu .nav-item:first-child .nav-link {
    border-top: none;
}

#main-nav-mobile .submenu-submenu .nav-item:first-child .nav-link {
    border-top: none;
}

#main-nav-mobile .submenu-submenu > .nav-item:last-child {
    border-bottom: 1px solid #A1B7B6;
}

#main-nav-mobile .submenu .submenu .nav-item:last-child .nav-link {
    border-bottom: none;
}

#main-nav-mobile .submenu-item .nav-link {
    text-transform: none;
}

/* Mobile extra menu */

#mobile-menu #extra-nav {
    padding: 0 1rem 0;
}

#mobile-menu #extra-nav .nav-link {
    border-top: 1px solid #A1B7B6;
    padding: 0.875rem 5px 0.875rem 0;
    display: flex;
    align-items: center;
    background-color: #ffffff;
}

#mobile-menu #extra-nav .nav-link svg {
    margin-right: 0.25em;
}

#mobile-menu #extra-nav .nav-item:last-child {
    border-bottom: 1px solid #D0DFE3;
}


/* ----- Main menu ----- */

#main-nav .nav-link {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    color: #0C2D3B;
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    padding: 0.5rem 0.75rem;
    transition: 0.2s;
    cursor: pointer;
}

#main-nav .nav-link:hover,
#extra-nav .nav-link:hover,
#main-nav .mega-menu .nav-link:hover,
#sub-nav .nav-link:hover {
    color: #EB7F5E
}

    #main-nav .nav-link.active,
    #extra-nav .nav-link.active,
    #sub-nav .nav-link.active {
        color: #EB7F5E;
        font-weight: 600;
    }

#extra-nav .nav-link.active img {
    filter: invert(50%) sepia(81%) saturate(356%) hue-rotate(6deg) brightness(93%) contrast(88%);
}

#extra-nav .nav-link:hover img {
    filter: brightness(0) saturate(100%) invert(63%) sepia(81%) saturate(1266%) hue-rotate(320deg) brightness(97%) contrast(90%);
}

#main-nav .nav-item {
    position: initial;
}

#main-nav > .nav-item:last-child > .nav-link {
    padding-right: 0;
}

#main-nav .mega-menu {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    right: 0;
    border: none;
    background-color: #F8F8F8;
    list-style:none;
    margin: 0;
    border-radius: 0;
    border: none;
    padding-bottom: 1rem;
    background-image: url(/media/2tyd4auj/waterstamp-menu.svg);
    background-repeat: no-repeat;
    background-size: 280px 320px;
    background-position: bottom right;
    min-height: 384px;
    padding-top: 2rem;
    justify-content: space-between;
    flex-wrap: wrap;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

#main-nav .mega-menu.show {
  column-count: 3;
  column-gap: 3rem;
}

#main-nav .collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

#main-nav .dropdown-col {
    flex-grow: 0;
    flex-shrink: 0;
    padding-bottom: 1.5rem;
    break-inside: avoid-column;
    overflow: hidden;
}

#main-nav .mega-menu .nav-link {
    font-family: 'Source Sans Pro', sans-serif;
    color: #293033;
    text-transform: none;
    padding: 0.5rem 0;
    white-space: nowrap;
    font-weight: 400;
    line-height: 1;
    width: 100%;
}

#main-nav .mega-menu h3 {
    margin-bottom: 0.25rem;
}


#main-nav .mega-menu h3 .nav-link {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.125rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #A1B7B6;
}

#main-nav .dropdown-submenu {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

#main-nav .dropdown-toggle::after {
    display: none;
}

@media screen and (min-width: 1400px) {

    #main-nav .nav-link {
        padding: 0.5rem 1rem;
    }

}

@media screen and (min-width: 1700px) {

    #main-nav .mega-menu {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }


    #main-nav .nav-link {
        font-size: 1.125rem;
        padding: 0.875rem 1.25rem;
    }
}

/* ----- Extra menu ----- */

#extra-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

#extra-nav .nav-link {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    color: #0C2D3B;
    font-weight: 400;
    padding: 0.75rem 0.875rem;
    transition: 0.2s;
    cursor: pointer;
    display: flex;
    align-items: center;
}

#extra-nav button.nav-link-btn {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    color: #0C2D3B;
    font-weight: 400;
    padding: 0.75rem 0.875rem;
    transition: 0.2s;
    cursor: pointer;
    display: flex;
    align-items: center;
    -webkit-appearance: none;
    border: none;
    background-color: transparent;
}

#extra-nav button.nav-link-btn:focus,
#extra-nav button.nav-link-btn:active {
    outline: none;
    border: none;
    box-shadow: none;
}

#extra-nav .nav-link svg {
    color: #00585A;
    font-size: 0.875rem;
}

#extra-nav .nav-link img {
    height: 16px;
    width: 16px;
    margin-right: 0.25rem;
}

#extra-nav button.nav-link-btn img {
    height: 16px;
    width: 16px;
    margin-right: 0.25rem;
}


#extra-nav .nav-item:last-child .nav-link {
    padding-right: 0;
}

.main-menu #extra-nav {
    display: flex;
    flex-direction: row;
}

@media screen and (min-width: 1700px) {

    #extra-nav .nav-link,
    #extra-nav button.nav-link-btn {
        font-size: 1.125rem;
    }

    #extra-nav .nav-link svg {
        font-size: 1rem;
    }
}

/* ----- Subpage menu ----- */

#sub-nav {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

#sub-nav .nav-item {
    border-bottom: 1px solid #A0B7B6;
    position: relative;
}

#sub-nav > .nav-item:first-child {
    border-top: 1px solid #A0B7B6;
}

#sub-nav .nav-link {
    color: #0C2D3B;
    padding: 0.75rem 0;
}


@media screen and (max-width: 1700px) and (min-width: 992px) {

    #sub-nav .nav-link {
        max-width: 280px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px){

    #sub-nav .nav-link {
        max-width: 200px;
    }
}

#sub-nav .nav-item button {
    -webkit-appearance: none;
    border: none;
    background-color: transparent;
    position: absolute;
    right: 0.25rem;
    top: 8px;
}

#sub-nav .nav-item button:focus,
#sub-nav .nav-item button:active {
    outline: none;
    box-shadow: none;
    border: none;
}

.sub-nav button:not(.collapsed) svg.fa-plus,
#sub-nav .nav-item button:not(.collapsed) svg.fa-plus {
    display: none;
}

.sub-nav button.collapsed svg.fa-minus,
#sub-nav .nav-item button.collapsed svg.fa-minus {
    display: none;
}


#sub-nav .submenu {
    list-style: none;
    padding-left: 1rem;
}

#sub-nav .submenu .nav-link {
    padding-top: 0.5rem;
}

#sub-nav .submenu .nav-item {
    border-bottom: none;
}

@media screen and (min-width: 768px) {

    #sub-nav {
        margin-top: 0.5rem;
    }
}

@media screen and (min-width: 1200px) {

    #sub-nav {
        margin-top: 1rem;
    }
}

.submenu-green {
    background-color: #EBF0F0;
    margin-left: -15px;
    margin-right: -15px;
    padding: 1.5rem 1rem 1.75rem;
}

.submenu-green h3 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {

    .submenu-green {
        background-color: transparent;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    .submenu-green h3 {
        display: none;
    }
}


/* 
END HEADER AND NAVBAR
––––––––––––––––––––––––––––––––––––––––––––––––– */


/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
FOOTER
––––––––––––––––––––––––––––––––––––––––––––––––– */

footer h3,
footer a,
footer a:link,
footer li,
footer p,
footer svg {
    color: #FFFFFF;
}

footer h3 {
    text-transform: uppercase;
    font-size: 1.25rem;
}

footer h3:not(:first-child) {
    margin-top: 1.5rem;
}

footer ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

footer a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.footer-contact-box {
    display: flex;    
    margin-top: 1rem;
}

.footer-contact-box + .footer-contact-box {
    margin-top: 1.5rem;
}

.footer-contact-box > div:first-child {
    flex-basis: 36px;
    border-right: 1px solid #FFFFFF;
    flex-shrink: 0;
    flex-grow: 0;
}

.footer-contact-box > div:first-child p {
    text-align: center;
}

.footer-contact-box > div:last-child {
    flex-basis: calc(100% - 30px);
    padding-left: 0.5rem;
    flex-shrink: 0;
    flex-grow: 0;
}

.footer-cols {
    background-color: #5F8484;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-image: url(/media/53rowjgs/waterstamp.svg);
    background-repeat: no-repeat;
    background-size: 230px;
    background-position: bottom right;
}

.footer-cols > div {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    margin-bottom: 2rem;
}

.footer-cols > div:last-child {
    margin-bottom: 0;
}

.footer-cols h3 {
    border-top: 1px solid #FFFFFF;
    padding-top: 0.75rem;    
}

.sm-icons {
    margin-top: 1rem;
}

.sm-icons a {
    display: inline-flex;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    margin-right: 0.5rem;
    transition: 0.15s;
}

.sm-icons a:hover {
    border-color: #EB7F5E;
    color: #EB7F5E;
}

.sm-icons svg {
    transition: 0.15s;
}

.sm-icons a:hover svg {
    color: #EB7F5E;
}

.footer-cols form label {
    color: #FFFFFF;
}

.form-input {
    display: flex;
    max-width: 400px;
    width: 100%;
}

.form-input input {
    border: none;
    flex-basis: auto;
    flex-grow: 0;
    padding: 0.5rem;
    width: calc(100% - 100px);
    flex-basis: calc(100% - 100px);
    flex-grow: 0;
    flex-shrink: 0;
}

.form-input input:focus {
    outline: none;
    border: none;
    box-shadow: none;

}

.form-input .btn {
    border-radius: 0;
    padding: 0.875rem;
    width: auto;
    min-width: 0;
    flex-grow: 0;
    width: 100px;
    flex-basis: 100px;
    flex-grow: 0;
    flex-shrink: 0;
}

.form-gdpr {
    position: relative;
    margin-top: 1rem;
}

.form-gdpr input[type="checkbox"]{
    position: absolute;
    top: 5px;
    left: 0;
}

.form-gdpr input[type="checkbox"]:hover {
    outline: none;
    border: none;
    box-shadow: none;
}

.form-gdpr label {
    padding-left: 1.5rem;
    max-width: 400px;
    width: 100%;
}

.footer-logos a {
    display: block;
    flex-basis: 100px;
    flex-shrink: 0;
    flex-grow: 0;
    margin: 1rem 1rem 0;
}

@media screen and (min-width: 768px) {

    .footer-logos a {
        flex-basis: 144px;
        margin: 1rem 1rem 0;
    }

    .footer-cols h3 {
        padding-top: 1rem;
    }
}

@media screen and (min-width: 992px) {

    .footer-cols {
        background-size: auto 80%;
    }

    .footer-cols > div {
        flex-basis: calc(33.33% - 1rem);
        margin-bottom: 0;
    }

    .form-input {
        max-width: 100%;
    }

    .form-gdpr label {
        max-width: 100%;
    }
}

@media screen and (min-width: 1200px) {


    .footer-cols > div {
        flex-basis: calc(33.33% - 2rem);

    }

    footer h3:not(:first-child) {
        margin-top: 3rem;
    }
}

@media screen and (min-width: 1400px) {

    .footer-cols {
        background-size: 22.5vw auto;
    }

    .form-input input {
        padding: 1rem;
        flex-basis: calc(100% - 140px);
        width: calc(100% - 140px);
    }

    .form-input .btn {
        padding: 1rem;
        flex-basis: 140px;
        width: 140px;
    }
}

@media screen and (min-width: 1700px) {

    .footer-cols p,
    .footer-cols li {
        font-size: 1rem;
    }

    footer h3:not(:first-child) {
        margin-top: 4rem;
    }

}

.footer-bottom {
    background-color: #00585A;
}

.footer-bottom h3 {
    text-align: center;
}

@media screen and (min-width: 1200px) {

    .footer-bottom h3 {
        font-size: 1.375rem;
        margin-bottom: 1.5rem;
    }
}

/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
START PAGE
––––––––––––––––––––––––––––––––––––––––––––––––– */

.start-page {
    margin-top: 60px;
}

@media screen and (min-width: 768px) {

    .start-page {
        margin-top: 80px;
    }
}

@media screen and (min-width: 1200px) {

    .start-page {
        margin-top: 100px;
    }
}

@media screen and (min-width: 1700px) {

    .start-page {
        margin-top: 128px;
    }
}

/* ----- Hero section ----- */

.hero-section {
    background-size: cover;
    background-position: top left;
    width: 100%;
}

.hero-overlay {
    display: flex;
    align-items: center;
    width: 100%;    
    height: calc(100vh - 136px);
    background-color: rgba(0,0,0,0.2);
}

@media screen and (min-width: 521px) {

    .hero-overlay {
        height: calc(100vh - 117px);
    }
}

@media screen and (min-width: 600px) {

    .hero-overlay {
        height: calc(100vh - 139px);
    }
}

@media screen and (min-width: 840px) {

    .hero-overlay {
        height: calc(100vh - 162px);
    }
}

@media screen and (min-width: 992px) {

    .hero-section {
        background-position: center;
    }

    .hero-overlay {
        background-size: cover;
        background-image: url(/media/hwqfugll/shadow-bow.svg);
        background-size: auto 100%;
        background-repeat: no-repeat;
        width: 100%;
        background-color: none;
    }
}

@media screen and (min-width: 1200px) {

    .hero-section {
        background-position: center;
    }

    .hero-overlay {
        height: 55vw;
        background-image: url(/media/hwqfugll/shadow-bow.svg);
        background-repeat: no-repeat;
        width: 100%;
        background-color: none;
        height: calc(100vh - 182px);
    }
}

@media screen and (min-width: 1500px) {

    .hero-overlay {
        height: calc(100vh - 210px);
    }
}

@media screen and (min-width: 1700px) {

    .hero-overlay {
        height: calc(100vh - 238px);
    }
}

/* Hero carousel */

.hero-section .carousel-item {
    background-size: cover;
    background-position: top left;
    width: 100%;
}

@media screen and (min-width: 1200px) {

    .hero-section .carousel-item {
        background-position: center;
    }
}

.hero-section .carousel-indicators li {
    width: 15px;
    height: 15px;
    margin-left: 8px;
    margin-right: 8px;
}

@media screen and (min-width: 768px) {

    .hero-section .carousel-indicators li {
        width: 12px;
        height: 12px;
        margin-left: 5px;
        margin-right: 5px;
    }
}

/* Hero caption */

.hero-caption {
    text-align: center;
}

.hero-caption h1 {
    color: #FFFFFF;
    font-weight: 300;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.hero-caption p {
    color: #FFFFFF;
    font-size: 1.125rem;
}

.hero-caption h1 strong {
    font-weight: 700;
}

.hero-caption .btn {
    font-size: 1.125rem;
    text-shadow: 0 0 5px rgba(0,0,0,1);
    width: auto;
    min-width: 200px;
    margin-top: 0.5rem;
}

@media screen and (min-width: 576px) {
    .hero-caption {
        width: 80%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) {

    .hero-caption {
        text-align: left;
        margin: 0;
    }

    .hero-caption h1 {
        text-shadow: none;
    }

    .hero-caption .btn {
        text-shadow: none;
    }
}

@media screen and (min-width: 992px) {

    .hero-caption {
        width: 50%;
    }
    
    .hero-caption p {
    font-size: 1.375rem;
    }
}

@media screen and (min-width: 1700px) {

    .hero-caption {
        width: 660px;
    }

    .hero-caption h1 {
        font-size: 3.25rem;
    }

    .hero-caption .btn {
        margin-top: 1.5rem;
        padding: 1.375rem 4.5rem;
        border-radius: 3rem;
    }
}

/* ----- Tab section ----- */

.start-tab-section .nav-tabs {
    justify-content: space-between;
    border: none;
    padding-top: 1rem;

    gap: 0.25rem;
}

.start-tab-section .nav-tabs .nav-item {
    flex-basis: calc(33.33% - 2px);
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
}

.start-tab-section .nav-tabs.four-tabs .nav-item {
    
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
}

.start-tab-section .nav-tabs .nav-link {
    padding: 0.75rem 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: none;
    background-color: #5F8484;
    width: 100%;
    border-radius: 0;
    cursor: pointer;
    border-right: 1px solid #EBF0F0;
    border-left: 1px solid #EBF0F0;
}


.start-tab-section .nav-tabs .nav-link.active {
    background-color: #FFFFFF;
}

.start-tab-section .nav-tabs .nav-item:first-child .nav-link {
    border-left: 1px solid #EBF0F0;
}

.start-tab-section .nav-tabs .nav-item:last-child .nav-link {
    border-right: 1px solid #EBF0F0;
}

.start-tab-section .nav-tabs .nav-link p {
    font-weight: 600;
    font-size: 0.875rem;
    text-align: center;
    margin-bottom: 0;
    color: #fff;
    line-height: 1.3;
    max-width: 80ch;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.start-tab-section .nav-tabs .nav-link.active p {
    color: #00585A;
}

.start-tab-section .nav-tabs .nav-link img {
    width: 60%;
    max-width: 80px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.start-tab-section .tab-content {
    background-color: #FFFFFF;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.start-tab-section .tab-content .tab-pane {
    padding: 1.75rem 1rem 2.5rem;
    flex-direction: column;
    border-radius: 0 0 0.5rem 0.5rem;
}

.start-tab-section .tab-content .tab-pane .d-flex {
    flex-direction: column;
}

.tab-menu {
    order: 2;
}

.tab-menu ul {
    list-style: none;
    padding: 0 !important;
    margin: 2rem 0 0;
    border-top: 1px solid #A1B7B6;
}

.tab-menu li {
    display: flex;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #A1B7B6;
}

.tab-menu li svg {
    font-size: 12px;
    margin-right: 0.5em;
}

.tab-menu li a {
    font-weight: 600;
    text-transform: uppercase;
    color: #0C2D3B;
}

.tab-text .btn {
    margin-top: 0.875rem;
}

@media screen and (min-width: 380px) {

    .start-tab-section .nav-tabs .nav-link {
        padding: 0.75rem 0.5rem;
    }
}

@media screen and (min-width: 600px) {

    .start-tab-section .nav-tabs {
        padding-top: 2rem;
    }

    .start-tab-section .nav-tabs .nav-link {
        padding: 1rem 1rem 0.875rem;
    }

    .start-tab-section .tab-content .tab-pane {
        padding: 2rem 1.75rem 3rem;
        
    }
    
    .start-tab-section .tab-content .tab-pane .d-flex {
        flex-direction: row;
        justify-content: space-between;
    }

    .tab-menu {
        order: 1;
        flex-basis: 230px;
    }

    .tab-menu ul {
        margin-top: 0;
    }

    .tab-text {
        order: 2;
        flex-basis: calc(100% - 256px);
    }
}

@media screen and (min-width: 768px) {

    .start-tab-section .nav-tabs {
        justify-content: center;
    }

    .start-tab-section .nav-tabs .nav-item {
        flex-basis: 200px;
    }

        .start-tab-section .nav-tabs .nav-item
        {
            flex-basis: 200px;
        }

        .start-tab-section .nav-tabs.four-tabs .nav-item {
            flex-basis: 140px;
        }
    
    .start-tab-section .tab-content {
        border-top-right-radius: 0.5rem;
        border-top-left-radius: 0.5rem;
    }

    .start-tab-section h2  {
        font-size: 1.875rem;
    }   
}

@media screen and (min-width: 840px) {

    .start-tab-section .nav-tabs .nav-link p {
        font-size: 1rem;
    }

    .start-tab-section .tab-content .tab-pane {
        padding: 2rem 1.5rem 3rem;
    }

    .start-tab-section .nav-tabs .nav-item{
        flex-basis: 256px;
    }

    .start-tab-section .nav-tabs.four-tabs .nav-item {
        flex-basis: 180px;
    }
    .tab-menu {
        flex-basis: 300px;
    }

    .tab-menu {
        flex-basis: 300px;
    }

    .tab-text {
        flex-basis: calc(100% - 330px);
    }
    
    .tab-menu li a {
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 992px) {

    .start-tab-section .tab-content .tab-pane {
        padding: 2.5rem 2rem 3rem;
    }
}

@media screen and (min-width: 1200px) {

    .start-tab-section .tab-content .tab-pane {
        padding: 3rem 2.5rem 5rem;
    }

    .start-tab-section .tab-content {
        width: 1100px;
        margin: 0 auto;
    }

    .start-tab-section .nav-tabs.four-tabs .nav-item {
        flex-basis: 256px;
    }
}

.start-tab-section h2 {
    font-size: 1.75rem;
}



@media screen and (min-width: 1500px) {

    .start-tab-section .nav-tabs .nav-link {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }    

    .start-tab-section .nav-tabs .nav-link p {
        font-size: 1.125rem;
    }    

    .start-tab-section .nav-tabs {
        padding-top: 3rem;
    }

    .start-tab-section .tab-content {
        width: 1300px;
    }

    .start-tab-section .tab-content .tab-pane {
        padding: 4rem 4rem 5rem;
    }

    .start-tab-section h2  {
        font-size: 2.5rem;
    }
    
    .tab-text {
        flex-basis: calc(100% - 364px);
    }
}

@media screen and (max-width: 379px) {

    .start-tab-section .nav-tabs {
        padding-right: 0;
        padding-left: 0;
    }
}

/* ----- Focus section ----- */

.news-posts {
    justify-content: flex-start;
}

.news-post {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #FFFFFF;
    margin-bottom: 1.5rem;
    position: relative;
}

.focus-section .news-post:last-child {
    margin-bottom: 0;
}

.news-post figure {
    margin: 0;
    overflow: hidden;
    position: relative;
    background-color: #ebf0f0;
}

.news-post figure::after {
    content: "";
    display: block;
    padding-bottom: 64%;
}

.news-post figure img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.news-preview {
    padding: 1.5rem 1rem 2.75rem;
}

.news-preview h3 {
    font-size: 1.25rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    margin-bottom: 0.5rem;
    border-top: 3px solid #A0B7B6;
}

.news-posts .news-post.first-post .news-preview-long {
    display: none;
}

.read-more {
    display: inline-block;
    color: #005A69;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    transition: all 0.15s;
}

.read-more:hover {
    color: #EB7F5E;
}

.read-more svg {
    margin-left: 0.05em;
}

.news-post .read-more {
    position: absolute;
    bottom: 1.5rem;
}

.read-more svg {
    font-size: 0.75rem;
    margin-right: 0.25em;
    margin-bottom: 1px;
}

.news-post .news-preview p.date {
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

@media screen and (min-width: 576px) {

    .news-posts {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
    }

    .news-post {
        flex-basis: calc(50% - 1rem);
        max-width: calc(50% - 1rem);
        margin: 0 0.5rem 1rem;
    }

    .focus-read-more .read-more {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 992px) {

    .focus-section .news-post {
        margin-bottom: 0;
    }
    
    .news-post {
        flex-basis: calc(33.33% - 1rem);
        max-width: calc(33.33% - 1rem);
        margin-bottom: 1rem;
    }


    .focus-section .news-post:last-child {
        margin-bottom: 1rem;
    }

    .news-preview {
        padding-bottom: 3rem;
    }

    .news-posts .news-post.first-post {
        flex-basis: calc(100% - 1rem);
        max-width: calc(100% - 1rem);
        display: flex;
        margin-bottom: 1rem;
    }

    .news-posts .news-post.first-post h3 {
        font-size: 2rem;
    }

    .news-posts .news-post.first-post p {
        font-size: 1.125rem
    }

    .news-post.first-post .news-preview p.date {
        font-size: 1rem;
    }    
    
    .news-posts .news-post.first-post > * {
        flex-basis: 50%;
    }

    .news-posts .news-post.first-post .news-preview-short {
        display: none;
    }

    .news-posts .news-post.first-post .news-preview-long {
        display: block;
    }

    .news-posts .news-post.first-post .news-preview {
        padding: 2rem;
    }

    .news-posts .news-post.first-post .news-preview .read-more {
        position: relative;
        margin-top: 1.25rem;
        bottom: initial;
    }

    .news-all a {
        font-size: 1.5rem;
    }
    
    .news-all a svg {
        font-size: 1.25rem;
        padding-top: 2px;
    }

    .focus-read-more .read-more {
        padding-top: 1.5rem;
    }
}

@media screen and (min-width: 1200px) {

    .news-preview h3 {
        font-size: 1.5rem;
    }

    .news-preview p {
        font-size: 1.125rem;
    }

    .focus-read-more .read-more {
        padding-top: 0;
    }
}

@media screen and (min-width: 1400px) {
    
    .news-post {
        margin-bottom: 1.5rem;
    }

    .news-post h2 {
        margin-bottom: 0.75rem;
    }

    .focus-section .news-post.first-post {
        margin-bottom: 1.5rem;
    }
}

@media screen and (min-width: 1700px) {
    
    .news-posts {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }

    .news-post {
        flex-basis: calc(33.33% - 3rem);
        max-width: calc(33.33% - 3rem);
        margin: 0 1.5rem 3rem;
    }

    .news-posts .news-post.first-post {
        flex-basis: calc(100% - 3rem);
        max-width: calc(100% - 3rem);
        margin: 0 1.5rem 3rem;
    }

    .news-preview {
        padding: 2rem 2rem 4rem;
    }

    .news-preview h3 {
        font-size: 1.75rem;
    }
    
    .news-preview p {
        font-size: 1.375rem;
    }

    .news-posts .news-post.first-post .news-preview {
        padding: 3rem;
    }

    .news-post.first-post .news-preview h3 {
        font-size: 2.5rem;
    }

    .news-post.first-post .news-preview p {
        font-size: 1.5rem;
    }

    .news-post .read-more {
        bottom: 2rem;
    }

    .focus-read-more .read-more {
        font-size: 1.5rem;
    }

    .focus-read-more .read-more svg {
        font-size: 1rem;
    }
}

/* ----- News section ----- */

.news-section {
    justify-content: space-between;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.news-section > div {
    flex-basis: 100%;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.news-section-boxes > div {
    margin-bottom: 1rem;
    padding: 1.25rem 1rem 3.5rem;
    background-color: #EBF0F0;
    position: relative;
    width: unset;
}

.news-section-boxes .class-list figure img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-position: center;
    object-fit: cover;
}

.news-list {
    width: 100%;
}

.news-list-item {
    border-top: 1px solid #A0B7B6;
    padding: 0.5rem 0;
}

.news-section h3 {
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    margin-top: 1rem;
}

.news-list-item p.date {
    margin-bottom: 0;
    font-size: 0.875rem;
}

.news-list-item h4 {
    margin: 0;
    line-height: 1.4;
}

.news-list-item h4 a {
    color: #0C2D3B;
}

.news-section .read-more {
    position: absolute;
    bottom: 1.25rem;
    left: 1rem;
    background-color: #ebf0f0;
}

.news-section-calendar-box {
    margin-bottom: 1rem;
}

.news-section .calendar-item h3 {
    text-transform: none;
}

.news-section-calendar-box .calendar-month-column .read-more {
    position: relative;
    bottom: unset;
    left: unset;
}

.news-section .calendar-month-column > h3 {
    margin-bottom: 0.625em;
}

.news-section .calendar-month-column > h4 {
    margin-top: 0;
    font-size: 1.125rem;
    margin-bottom: 1rem;
}

@media screen and (min-width: 600px) {

    .news-section > div {
        flex-basis: calc(50% - 1rem);
    }

    .news-section-calendar-box {
        position: relative;
    }

    .news-section-calendar-box .calendar-month-column {
        position: relative;
        height: 100%;
    }

    .news-section-calendar-items-wrap {
        position: relative;
        height: calc(100% - 42px);
    }

    .news-section-calendar-items {
        position: absolute;
        top: 0;
        bottom: 0;
        overflow: auto;
        padding-bottom: 1.25rem;
    }
}

@media screen and (min-width: 992px) {

    .news-section > div:first-child {
        flex-basis: calc(33.33% - 1rem);
    }

    .news-section > div:last-child {
        flex-basis: calc(66.67% - 1rem);
    }

    .news-section-boxes {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .news-section-boxes > div {
        flex-basis: calc(50% - 0.5rem);
    }

    .news-section-calendar-box .calendar-month-column {
        padding: 1.25rem 1rem 3.5rem;
    }
}

@media screen and (min-width: 1200px) {

    .news-section {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 1700px) {

    .news-section {
        margin-right: -1.5rem;
        margin-left: -1.5rem;
    }

    .news-section-calendar-items-wrap {
        height: calc(100% - 74px);
    }

    .news-section-calendar-box .calendar-month-column {
        padding: 2rem 2rem 3rem;
    }

    .news-section-boxes > div {
        flex-basis: calc(50% - 1.5rem);
        padding: 2rem 2rem 4rem;
    }

    .news-section > div {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .news-section > div:first-child {
        flex-basis: calc(33.33% - 3rem);
    }

    .news-section > div:last-child {
        flex-basis: calc(66.67% - 3rem);
    }

    .news-section h3 {
        font-size: 1.75rem;
        margin-bottom: 2rem;
    }

    .news-section h2 {
        font-size: 1.375rem;
    }

    .news-section .read-more {
        position: absolute;
        bottom: 2rem;
        left: 2rem;
    }

    .news-list-item {
        padding: 0.75rem 0;
    }

    .news-section .calendar-month-column h4 {
        margin-top: 0;
        font-size: 1.5rem;
    }
    
    .news-section-calendar-items {
        padding-bottom: 2rem;
    }
}

.news-section-boxes > div.magazine-box {
    background-color: transparent;
    padding: 0;
}

.magazine-box > a {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.magazine-box header {
    background-color: #AB577D;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.magazine-box header figure {
    flex-basis: calc(50% - 1rem);
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
}

.magazine-box header figure img {
    width: 100%;
    max-width: 226px;
}

.magazine-box header h3 {
    flex-basis: calc(50% - 1rem);
    flex-grow: 0;
    flex-shrink: 0;
    color: #FFFFFF;
    margin: 0;
    text-align: right;
    font-size: 1.75rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}

.magazine-box > a > figure {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
}

.magazine-box > a > figure::after {
    content: "";
    display: block;
    padding-bottom: 70%;
}

.magazine-box > a > figure img {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-position: center;
    object-fit: cover;
}

.magazine-box .magazine-caption {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    max-width: calc(100% - 2rem)
}

.magazine-box .magazine-caption p {
    font-family: 'Merriweather', serif;
    color: #FFFFFF;
    font-weight: 700;
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.3;
     filter: drop-shadow(0 0 0.25rem grey);
}

@media screen and (min-width: 768px) {

    .magazine-box header {
        padding: 1.5rem 2rem 1.25rem;
    }

    .magazine-box header h3 {
        font-size: 2.5rem;
    }
    .magazine-box .magazine-caption {
        left: 2rem;
        bottom: 2rem;
        max-width: calc(100% - 2rem)
    }    

    .magazine-box .magazine-caption p {
        font-size: 1.75rem;
    }
}

@media screen and (min-width: 992px) {

    .magazine-box > a > figure {
        flex-grow: 1;
    }

    .magazine-box > a > figure img {
        position: relative;
    }

    .magazine-box > a > figure::after {
        padding: 0;
    }

    .magazine-box header {
        padding: 1rem;
    }

    .magazine-box header h3 {
        font-size: 1.75rem;
    }

    .magazine-box .magazine-caption {
        left: 1rem;
        bottom: 1rem;
    }

    .magazine-box .magazine-caption p {
        font-size: 1.25rem;
    }
}


@media screen and (min-width: 1200px) {

    .magazine-box header {
        padding: 1.25rem 1.5rem;
    }

    .magazine-box .magazine-caption {
        left: 1.5rem;
        bottom: 1.5rem;
    }

    .magazine-box .magazine-caption p {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 1700px) {


    .magazine-box > a > figure {
        max-height: 19vw;
    }

    .magazine-box header {
        padding: 1.5rem 2rem;
    }

    .magazine-box header h3 {
        font-size: 3.25rem;
    }

    .magazine-box .magazine-caption {
        left: 2rem;
        bottom: 2rem;
    }

    .magazine-box .magazine-caption p {
        font-size: 1.75rem;
    }
}

.promo-banner {
    background-size: cover;
    background-position: center;
}

.promo-caption {
    background-color: rgba(122, 153, 153, 0.85);
    text-align: center;
}

.promo-caption > * {
    color: #FFFFFF;
    text-align: center;
}

.promo-caption h2 {
    font-weight: 300;
    font-size: 1.5rem;
}

.promo-caption h2 strong {
    font-weight: 700;
}

.promo-caption .btn {
    display: inline-block;
    margin-top: 0.5rem;
}

@media screen and (min-width: 650px) {

    .promo-caption {
        width: 65%;
        text-align: left;
    }

    .promo-caption > * {
        text-align: left;
        max-width: 400px;
    }

    .promo-caption > .btn {
        text-align: center;
    }
}

@media screen and (min-width: 768px) {


    .promo-caption h2 {
        font-size: 1.75rem;
    }

    .promo-caption > * {
        text-align: left;
        max-width: 100%;
    }

    .promo-caption {
        width: 60%;
    }
}

@media screen and (min-width: 992px) {

    .promo-caption h2 {
        font-size: 2rem;
    }

    .promo-caption {
        width: 50%;
    }
}

@media screen and (min-width: 1200px) {

    .promo-caption h2 {
        font-size: 2.25rem;
    }

    .promo-caption p {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 1700px) {

    .promo-caption h2 {
        font-size: 3.25rem;
    }

    .promo-caption p {
        font-size: 1.75rem;
    }

    .promo-caption .btn {
        padding: 1.375rem 4.5rem;
        border-radius: 3rem;
    }
}

/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
SUBPAGE
––––––––––––––––––––––––––––––––––––––––––––––––– */

/* ----- Header ----- */

h1.category-header {
    margin: 0;
}

/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
SUBPAGE WITH LEFT MENU
––––––––––––––––––––––––––––––––––––––––––––––––– */

.subpage {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.subpage > div {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
}

.subpage > .submenu-wrap {
    order: 2;
    margin-top: 1.5rem;
}

.subpage > .article-wrap {
    order: 1;
    overflow: hidden;
}

.subpage .article-wrap p a {
    text-decoration: underline;
}

@media screen and (min-width: 768px) {

    .subpage > .submenu-wrap {
        order: 1;
        flex-basis: 250px;
        margin-top: 0;
    }

    .subpage > .article-wrap {
        order: 2;
        flex-basis: calc(100% - 280px);
        margin-top: 0;
    }
}

@media screen and (min-width: 992px) {

    .subpage > .submenu-wrap {
        flex-basis: 300px;
    }

    .subpage > .article-wrap {
        flex-basis: calc(100% - 340px);
    }
}

@media screen and (min-width: 1200px) {

    .subpage > .article-wrap {
        flex-basis: calc(100% - 350px);
    }

}

@media screen and (min-width: 1700px) {

    .subpage > .submenu-wrap {
        flex-basis: 460px;
    }

    .subpage > .article-wrap {
        flex-basis: calc(100% - 550px);
    }
}

/* ----- Article typography----- */

.article-wrap h1 {
    font-size: clamp(1.75rem, 1.3214rem + 1.1905vw, 2.75rem);
    color: #00585A;
}



/* ----- Article files and link ----- */

.file-box {
    padding: 1.5rem 1rem 1.75rem;
    margin-top: 1.5rem;
    margin-right: -1rem;
    margin-left: -1rem;
}

.file-box + .file-box {
    margin-top: 1rem;
}

.file-box h3 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.file-box ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.file-box li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #A0B7B6;
}

.file-box a {
    color: #0C2D3B;
}

.file-box li svg {
    width: 18px;
    margin-right: 0.25rem;
    color: #00585A;
}

@media screen and (min-width: 450px) {

    .file-box {
        padding: 1.5rem 1rem 1.75rem;
        margin-right: 0;
        margin-left: 0;
    }
}

@media screen and (min-width: 576px) {

    .file-box {
        padding: 1.75rem 1.5rem 2rem;
    }
}

@media screen and (min-width: 1200px) {

    .file-box {
        padding: 1.875rem 1.875rem 2rem;
        margin-top: 2.75rem;
    }

    .file-box + .file-box {
        margin-top: 2rem;
    }

    .file-box h3 {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .file-box li {
        padding: 0.625rem 0;
    }
}

/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
LISTING PAGES
––––––––––––––––––––––––––––––––––––––––––––––––– */

.listings-wrap {
    margin-top: 2rem;
}

.listings-wrap h3 {
    font-size: 1.25rem;
}

.listings-box {
    padding: 1.5rem 1rem 1.75rem;
    margin-top: 1.5rem;
    margin-right: -1rem;
    margin-left: -1rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.listings-box + .listings-box {
    margin-top: 1rem;
}

.listings-box > div:first-child {
    flex-basis: 100%;
    margin-bottom: 1rem;
}

.listings-box > div:first-child figure {
    margin: 0;
}

.listings-box > div:first-child figure img {
    width: 100%;
    max-width: 250px;
}

.listings-box > div:last-child {
    flex-basis: 100%;
}

.listings-box h4 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

@media screen and (min-width: 450px) {

    .listings-box {
        padding: 1.5rem 1rem 1.75rem;
        margin-right: 0;
        margin-left: 0;
    }
}

@media screen and (min-width: 576px) {

    .listings-box {
        padding: 1.75rem 1.5rem 2rem;
    }

}

@media screen and (min-width: 1000px) {

    .listings-box {
        flex-wrap: nowrap;
    }

    .listings-box > div:first-child {
        flex-basis: 200px;
        margin-bottom: 0;
    }

    .listings-box > div:last-child {
        flex-basis: calc(100% - 216px);
    }
}

@media screen and (min-width: 1200px) {

    .listings-wrap h3 {
        font-size: 1.5rem;
    }

    .listings-box {
        padding: 1.875rem 1.875rem 2rem;
    }

    .listings-box + .listings-box {
        margin-top: 2rem;
    }

    .listings-box > div:first-child {
        flex-basis: 250px;
        margin-bottom: 0;
    }

    .listings-box > div:last-child {
        flex-basis: calc(100% - 280px);
    }

    .listings-box h4 {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 1700px) {

    .listings-wrap {
        margin-top: 2.5rem;
    }

    .listings-box {
        padding: 2.25rem
    }
}


/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
FILTER PAGES
––––––––––––––––––––––––––––––––––––––––––––––––– */

.search-input {
    position: relative;
    margin: 0 auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
    width: 100%;
}

.search-bar form {
    width: 100%;
}

.search-bar .search-input-field {
    width: 100%;
    max-width: 420px;
}

.search-bar input[type="text"] {
    border: none;
    padding: 0.5rem 0.75rem;
    flex-basis: calc(100% - 40px);
    flex-grow: 0;
    flex-shrink: 0;
}

.search-bar input:focus,
.search-bar input:active {
    outline: none;
    box-shadow: none;
    border: none;
}

.search-bar button[type="submit"] {
    -webkit-appearance: none;
    border: none;
    background-color: #00585A;
    color: #FFFFFF;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 40px;
    flex-grow: 0;
    flex-shrink: 0;
    transition: 0.15s;
}

.search-bar button[type="submit"]:hover {
    background-color: #EB7F5E;

}

.filter-btn {
    display: flex;
    align-items: center;
    padding-left: 1rem;
}

.filter-btn span {
    color: #0C2D3B;
    display: none;
    padding-right: 0.5rem;
    white-space: nowrap;
}

.filter-btn svg {
    color: #00585A;
    font-size: 1.5rem;
}

@media screen and (min-width: 576px) {

    .search-input {
        width: 500px;
    }

    .filter-btn {
        padding-left: 0.75rem;
    }

    .filter-btn span {
        display: inline;
        font-size: 1.125rem;
        padding-right: 0.75rem;
    }
}

@media screen and (min-width: 768px) {

    .search-input {
        width: 650px;
    }


    .filter-btn {
        padding-left: 1.5rem;
    }
}

@media screen and (min-width: 992px) {

    .search-input {
        width: 800px;
    }

    .search-bar .search-input-field {
        max-width: 650px;
    }

}


@media screen and (min-width: 1200px) {

    .search-input {
        width: 1000px;
    }

    .search-bar input[type="text"] {
        padding: 0.625rem 0.75rem;
    }

    .search-bar button[type="submit"] {
        width: 47px;
        flex-basis: 47px;
    }

    .filter-btn {
        padding-left: 2.5rem;
    }

    .filter-btn span {
        padding-right: 1rem;
    }

    .filter-btn svg {
        font-size: 2rem;
    }

}

/* Filter */

.filter-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    z-index: 1;
    box-shadow: 0 2px 7px rgba(0,0,0,0.2) ;
    clip-path: inset(0px -7px -7px -7px);
}

.filter-options > .d-flex {
    padding: 1.5rem;
    flex-wrap: wrap;
}

.filter-options > .d-flex > div {
    flex-basis: 100%;
    margin-bottom: 1.5rem;
}

.filter-options > .d-flex > div:last-child {
    margin-bottom: 0;
}

.filter-options ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.filter-options h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #0C2D3B;
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
}

.filter-options label {
    display: inline-flex;
    align-items: center;
}

.filter-options input[type="checkbox"] {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    outline: 1px solid #5F8484;
    margin-right: 0.25em;    
    border-radius: 3px;
    background-color: #EBF0F0;
    border: 2px solid #EBF0F0;
    margin-right: 0.5rem;
}

.filter-options input[type="checkbox"]:checked {
    background-color: #5F8484;
}

@media screen and (min-width: 576px) {

    .filter-options ul {
        column-count: 2;
        column-gap: 1rem;
    }
}

@media screen and (min-width: 992px) {

    .filter-options ul {
        column-count: 3;
    }
}

@media screen and (min-width: 1200px) {

    .filter-options h3 {
        font-size: 1.25rem;
    }

    .filter-options > .d-flex {
        padding: 1.75rem 2rem;
    }
}

/* Search results */

.search-results-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.search-results-wrap > div.submenu-wrap {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    order: 2;
}

.search-results-wrap > div.search-results-list {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    order: 1;
}

.search-results-list h2 {
    margin-bottom: 1rem;
}

.search-results-year span {
    display: none;
}

.search-results-year select {
    border: 1px solid #B7BFC3;
    border-radius: 0;
    background-color: transparent;
    background: url(/media/2nbdaaao/fa-chevron-down.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    -webkit-appearance: none;
    background-position: center right 0.5rem;
    padding: 0.25rem 1.75rem 0.25rem 0.25rem;
    width: 90px;
}

.search-results-year select[name="sortOrder"] {
    width: 115px;
}

@media screen and (min-width: 380px) {

    .search-results-year span {
        display: inline;
        margin-right: 0.5rem;
    }
}

@media screen and (min-width: 576px) {

    .search-results-year span {
        display: inline;
        margin-right: 0.75rem;
    }
}

@media screen and (min-width: 768px) {

    .search-results-wrap > div.submenu-wrap {
        flex-basis: 250px;
        order: 1;
    }

    .search-results-wrap > div.search-results-list {
        flex-basis: calc(100% - 280px);
        order: 2;
    }
}

@media screen and (min-width: 992px) {

    .search-results-wrap > div.submenu-wrap {
        flex-basis: 300px;
    }

    .search-results-wrap > div.search-results-list {
        flex-basis: calc(100% - 340px);
    }
}

@media screen and (min-width: 1200px) {

    .search-results-wrap > div.search-results-list {
        flex-basis: calc(100% - 350px);
    }

    .search-results-list h2 {
        font-size: 2rem;
    }
}

@media screen and (min-width: 1700px) {

    .search-results-wrap > div.submenu-wrap {
        flex-basis: 460px;
    }

    .search-results-wrap > div.search-results-list {
        flex-basis: calc(100% - 550px);
    }
}

@media screen and (max-width: 768px) {
    
    .search-results-wrap {
        padding-bottom: 0;
    }
}


/* Pagination */

.pagination li {
    display: flex;
    align-items: center;
}

.pagination label {
    padding: 8px;
    font-weight: 600;
    color: #7A9999;
    cursor: pointer;
    margin-bottom: 0;
    line-height: 0;
    font-size: 1.125rem;
}

.pagination .active label {
    color: #00585A;
    cursor: default;
}

.pagination .page-arrow label {
    font-size: 0.75rem;
    padding-top: 9px;
}


/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
SEARCH PAGE
––––––––––––––––––––––––––––––––––––––––––––––––– */

.search-result {
    margin-bottom: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #A0B7B6
}


@media screen and (min-width: 1200px) {
    .search-results {
        padding-left: calc(50% - 400px);
        padding-right: calc(50% - 400px);
    }
}


.search-breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0;
}

.search-breadcrumb li {
    font-size: 0.875rem;
    color: #00585A;
}

.search-breadcrumb a {
    font-size: 0.875rem;
    color: #7A9999;
}

.search-breadcrumb .divider {
    font-size: 0.875rem;
    margin: 0 0.375rem;
    color: #7A9999;
}

/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
NEWS PAGE
––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (min-width: 992px) {

    .news-item-page article {
        width: 800px;
        margin: 0 auto;

    }    
}

/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
LOGIN PAGE
––––––––––––––––––––––––––––––––––––––––––––––––– */


.login-green-box {
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
    padding: 1.5rem;
}

.login-green-box h3 {
    font-size: 1.75rem  ;
    margin-bottom: 1.25rem;
} 

.login-box label {
    margin-bottom: 0.25rem;
}

.login-box input[type="text"],
.login-box input[type="password"] {
    border: 1px solid #A0B7B6;
    border-radius: 0;
    padding: 0.5rem;
}

.login-box input[type="text"]:focus,
.login-box input[type="text"]:active,
.login-box input[type="password"]:focus,
.login-box input[type="password"]:active {
    outline: none;
    border: 1px solid #A0B7B6;
    box-shadow: none;
}

.login-box button[type="submit"] {
    margin-top: 1.25rem;
}

@media screen and (min-width: 576px) {

    .login-green-box {
        padding: 3rem;
    }
    .login-green-box label {
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 1200px) {

    .login-green-box {
        padding: 4rem;
        max-width: 560px;
    }

    .login-green-box h3 {
        font-size: 2.25rem;
        margin-bottom: 1.5rem;
    } 

    .login-box a.btn,
    .login-box button[type="submit"] {
        margin-top: 1.5rem;
    }
    
    .login-box a.btn {
        padding: 1em 2.5rem;
    }

    .login-box input[type="text"],
    .login-box input[type="password"] {
        padding: 1.5rem 0.75rem;
    }

}

/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
FILES PAGE
––––––––––––––––––––––––––––––––––––––––––––––––– */

.file-download-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.file-download-list li {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 2px solid #A0B7B6;
    font-weight: 600;
}

.file-download-list li svg {
    margin-right: 0.5em;
}

.file-download-list li a {
    color: #0C2D3B;
}

.file-download-list li a:hover {
    color: #00585A;
}

@media screen and (min-width: 1700px) {

    .file-download-list li {
        padding: 0.625rem 0;
        font-size: 1.25rem;
    }

    .file-download-list li svg{
        font-size: 1rem;
    }
}

/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
REPORT PAGE
––––––––––––––––––––––––––––––––––––––––––––––––– */

.report-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.report-box > .report-icon {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.report-box > .report-icon figure {
    width: 100%;
    margin: 0;    
    border: 1px solid #A0B7B6;
    background-image: url(/media/1w3pz120/rapporter.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}

.report-box > .report-icon figure::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.report-box > .report-description {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
}

.report-box p.date {
    margin-bottom: 0.5rem;
}

.report-box h3 {
    border-top: 3px solid #A0B7B6;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
}

@media screen and (min-width: 450px) {

    .report-box > .report-icon {
        flex-basis: 100px;
    }
    .report-box > .report-description {
        flex-basis: calc(100% - 120px);
    }
}

@media screen and (min-width: 576px) {

    .report-header h2 {
        margin-bottom: 1.5rem;
    }

    .report-box > .report-icon {
        flex-basis: 180px;
    }
    .report-box > .report-description {
        flex-basis: calc(100% - 200px);
    }
}

@media screen and (min-width: 768px) {

    .report-header h2 {
        margin-bottom: 1.5rem;
    }

    .report-box > .report-icon {
        flex-basis: 100px;
    }
    .report-box > .report-description {
        flex-basis: calc(100% - 120px);
    }
}

@media screen and (min-width: 1200px) {

    .report-box > .report-icon {
        flex-basis: 180px;
    }
    .report-box > .report-description {
        flex-basis: calc(100% - 200px);
    }
}

@media screen and (min-width: 1400px) {

    .report-box {
        margin-bottom: 2.5rem;
    }

    .report-box > .report-icon {
        flex-basis: 224px;
    }
    .report-box > .report-description {
        flex-basis: calc(100% - 250px);
    }
}

/* Report item page */

.report-intro {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.report-intro > div {
    flex-basis: 100%;
    flex-shrink: 0;
    flex-grow: 0;
}

.report-list ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.report-intro > div.report-img {
    margin-bottom: 1rem;
}

.report-intro > div.report-img figure {
    margin-bottom: 0;
    max-width: 210px;
    position: relative;
}

.report-intro > div.report-img figure::after {
    content: "";
    display: block;
    padding-bottom: 142%;
}

.report-intro > div.report-img img {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.report-intro > div.report-img figure.default-img {
    border: 1px solid #A0B7B6;
    background-image: url(/media/1w3pz120/rapporter.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}

.report-intro > div.report-img figure.default-img::after {
    padding-bottom: 100%;
}

.report-list ul strong {
    font-weight: 700;
}

@media screen and (min-width: 360px) {

    .report-intro > div.report-img {
        flex-basis: 120px;
        margin-bottom: 0;
    }

    .report-intro > div.report-list {
        flex-basis: calc(100% - 140px);
    }
}

@media screen and (min-width: 576px) {

    .report-intro > div.report-img {
        flex-basis: 160px;
    }

    .report-intro > div.report-list {
        flex-basis: calc(100% - 180px);
    }
}

@media screen and (min-width: 1200px) {

    .report-intro {
        margin-bottom: 3rem;
    }

    .report-list li {
        font-size: 1.125rem;
    }

    .report-header h2 {
        margin-bottom: 2rem;
    }
}

@media screen and (min-width: 1700px) {

    .report-list li {
        font-size: 1.25rem;
    }
}


@media screen and (min-width: 1700px) {

    .report-intro > div.report-list {
        flex-basis: calc(100% - 196px);
    }

    .report-list li {
        font-size: 1.375rem;
    }

}

/* Report tabs */

.report-tabs {
    display: none;
}

.report-tabs .nav-tabs {
    border-bottom: 1px solid #A0B7B6;
}

.report-tabs .nav-link {
    background-color: #5F8484;
    color: #FFFFFF;
    border: 1px solid #5F8484;
    border-radius: 0;
    margin-right: 2px;
    border-bottom: none;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
}

.report-tabs .nav-link:hover {
    border: 1px solid #5F8484;
    border-bottom: none;
}

.report-tabs .nav-link.active {
    border-color: #A0B7B6;
    border-bottom: none;
    color: #00585A;
}

.report-tabs .tab-content {
    padding: 1.5rem 0 0;
}

@media screen and (min-width: 500px) {

    .report-tabs {
        display: block;
    }
}

@media screen and (min-width: 768px) {

    .report-tabs {
        display: none;
    }
}

@media screen and (min-width: 992px) {

    .report-tabs {
        display: block;
    }

    .report-tabs .nav-link {
        font-size: 1rem ;
        padding: 0.5rem 1.25rem;
    }
}

@media screen and (min-width: 1200px) {

    .report-tabs .nav-link {
        min-width: 160px;
        padding: 0.75rem;
        margin-right: 3px;
    }

    .report-tabs .tab-content {
        padding: 1.75rem 0 0;
    }
}

@media screen and (min-width: 1700px) {

    .report-tabs .nav-link {
        min-width: 220px;
        font-size: 1.125rem;
    }

    .report-tabs .tab-content {
        padding: 2rem 0 0;
    }
}

/* Report accordion */

.report-accordion {
    margin-left: -15px;
    margin-right: -15px;
}

.report-accordion-item {
    margin-bottom: 2px;
}

.report-accordion-btn {
    border-radius: 0;
    background-color: #5F8484;
    padding: 1rem;
    width: 100%;
    border: none;
    display: flex;
    justify-content: space-between;
    transition: transform ease 0.5s;
}

.report-accordion-btn:not(.collapsed) svg {
    transform: rotate(180deg);
}

.report-accordion-btn:hover,
.report-accordion-btn:focus,
.report-accordion-btn:active {
    background-color: #5F8484;
    border: none;
    box-shadow: none;
    outline: none;
}

.report-accordion-content > div {
    padding: 1rem;
}

@media screen and (min-width: 500px) {

    .report-accordion {
        display: none;
    }
}

@media screen and (min-width: 768px) {

    .report-accordion {
        display: block;
        margin-right: 0;
        margin-left: 0;
    }

    .report-accordion-content > div {
        padding: 1rem 0;
    }
}

@media screen and (min-width: 992px) {

    .report-accordion {
        display: none;
    }
}

/* Login at report page */

.report-item-page .login-box h3 {
    font-size: 1.625rem;
}

.report-item-page .form-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.report-item-page .form-group span:first-child {
    flex-basis: 100%;
    margin-bottom: 0;
    flex-grow: 0;
    flex-shrink: 0;
}

.report-item-page .form-group span:last-child {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
}

.report-item-page .login-box button[type="submit"] {
    margin-top: 0.5rem;
}

@media screen and (min-width: 992px) {

    .report-item-page .form-group span:first-child {
        flex-basis: 150px;
    }

    .report-item-page .form-group span:last-child {
        flex-basis: calc(100% - 170px);
    }

    .report-item-page .login-box {
        width: 500px;
        max-width: 100%;
        padding-top: 0.75rem;
    }

    .report-item-page .login-box label {
        margin: 0;
    }

    .report-item-page .login-box button[type="submit"] {
        margin-left: 150px;
    }
}

@media screen and (min-width: 1200px) {

    .report-item-page .login-box {
        padding-top: 1.5rem;
    }

    .report-item-page .login-box button[type="submit"] {
        margin-top: 1.5rem;
    }
}

.report-accordion-content .login-box {
    padding-bottom: 0.5rem;             /* Accordion */
}

/* List of downloads at report page */

h3.report-download-header {
    padding-bottom: 1rem;
    border-bottom: 2px solid #A0B7B6;
    margin-bottom: 1rem;
}

.report-presentation-list + h3.report-download-header {
    margin-top: 2rem;
}

.report-presentation-list {
    list-style: none;
    padding-left: 0;
    margin: 0.5rem 0;
}

.report-presentation-list li {
    padding-bottom: 1rem;
    border-bottom: 2px solid #A0B7B6
}

.report-presentation-list li:not(:first-child) {
    padding-top: 1rem;
}

.report-presentation-download img {
    width: 40px;
    height: auto;
    margin-right: 1rem;
}

.report-presentation-download a {
    color: #0C2D3B;
    line-height: 1.5;
    margin-right: 1.5rem;
}

.report-presentation-download a:hover {
    text-decoration: underline ;
}

@media screen and (min-width: 992px) {

    .report-presentation-download img {
        width: 64px;
        margin-right: 1.5rem;
    }
}

@media screen and (min-width: 992px) {

    h3.report-download-header {
        padding-bottom: 1.25rem;
    }

    .report-presentation-list + h3.report-download-header {
        margin-top: 3rem;
    }
}

/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
CONTACT PAGE
––––––––––––––––––––––––––––––––––––––––––––––––– */

.contact-page > div {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
}

.contact-page > .map-wrap {
    height: 300px;
    margin-top: 1rem;
}

.contact-page h3 {
    border-top: 1px solid #A0B7B6;
    margin-top: 1rem;
    padding-top: 1rem;
}

.contact-page h3:first-of-type {
    margin-top: 1.5rem;
}

ul.contact-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

ul.contact-list a {
    color: #0C2D3B;
}

ul.contact-list svg {
    color: #00585A;
    width: 1em;
    margin-right: 0.25rem;
}

ul.contact-list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contact-page iframe {
    filter: grayscale(100%);
}

@media screen and (min-width: 768px) {

    .contact-page > div {
        flex-basis: calc(50% - 0.5rem);
    }

    .contact-page > .map-wrap {
        height: auto;
        margin-top: 0;
    }
}

@media screen and (min-width: 768px) {

    .contact-page > div {
        flex-basis: calc(50% - 1rem);
    }
}

@media screen and (min-width: 1200px) {

    .contact-page h3 {
        font-size: 1.5rem;
    }
}

/* Contact card section */

.contact-persons .section-header h2 {
    text-transform: uppercase;
    color: #0C2D3B;
}

.contact-persons-wrap > div {
    flex-basis: 100%;
    flex-shrink: 0;
    flex-grow: 0;
    margin-bottom: 1rem;
}

@media screen and (min-width: 600px) {

    .contact-persons-wrap > div {
        flex-basis: calc(50% - 0.5rem);
    }
}

@media screen and (min-width: 1200px) {

    .contact-persons .section-header h2 {
        font-size: 1.5rem;
    }
}


@media screen and (min-width: 1700px) {

   .contact-persons-wrap > div {
        flex-basis: calc(50% - 1rem);
        margin-bottom: 2rem;
    }
}

/* Contact card */

.contact-person-box {
    background-color: #FFFFFF;
    padding: 1rem;
    border: 1px solid #EBF0F0;
    align-items: flex-start;
}

.contact-person-box > div {
    flex-basis: 100%;
}

.contact-person-image {
    overflow: hidden;
    margin-bottom: 1rem;
}

.contact-person-image figure {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 0;
}

.contact-person-image figure::after {
    content: "";
    display: block;
    padding-bottom: 76%;
}

.contact-person-image figure img {
    position: absolute;
    height: 100%;
    width: auto;
    object-fit: cover;
    object-position: center;
}

.contact-person-text {
    max-width: 100%;
    overflow: hidden;
}

.contact-person-text h3 {
    margin-bottom: 0.25rem;
}

@media screen and (min-width: 450px) {

    .contact-person-box > div {
        flex-basis: calc(50% - 0.5rem);
    }

    .contact-person-image {
        margin-bottom: 0;
    }

    .contact-person-text {
        max-width: calc(50% - 0.5rem);
        overflow: hidden;
    }
}

@media screen and (min-width: 600px) {

    .contact-person-box > div {
        flex-basis: 100%;
        max-width: 100%;
    }

    .contact-person-image {
        margin-bottom: 1rem;
    }
}

@media screen and (min-width: 850px) {

    .contact-person-box > div {
        flex-basis: calc(50% - 0.5rem);
    }

    .contact-person-image {
        margin-bottom: 0;
    }

    .contact-person-text {
        max-width: calc(50% - 0.5rem);
        overflow: hidden;
    }
}

@media screen and (min-width: 1200px) {

    .contact-person-box h3 {
        font-size: 1.5rem;
    }
    
    .contact-person-box > div.contact-person-image {
        flex-basis: calc(40% - 0.5rem);
        max-width: calc(40% - 0.5rem);
    }

    .contact-person-box > div.contact-person-text {
        flex-basis: calc(60% - 0.5rem);
        max-width: calc(60% - 0.5rem);
    }
}

@media screen and (min-width: 1700px) {

    .contact-person-box > div.contact-person-image {
        flex-basis: calc(33.33% - 0.5rem);
        max-width: calc(33.33% - 0.5rem);
    }

    .contact-person-box > div.contact-person-text {
        flex-basis: calc(66.67% - 0.5rem);
        max-width: calc(66.67% - 0.5rem);
    }
}

/* Contact banner on subpage */

.contact-banner .contact-person-box + .contact-person-box {
    margin-top: 1.5rem;
}

@media screen and (min-width: 600px) {

    .contact-banner .contact-person-box > div {
      flex-basis: calc(50% - 0.5rem);
      max-width: calc(50% - 0.5rem);
    }
}

@media screen and (min-width: 1200px) {

    .contact-banner .contact-person-box h3 {
        font-size: 1.5rem;
    }
    
    .contact-banner .contact-person-box > div.contact-person-image {
        flex-basis: calc(40% - 1rem);
        max-width: calc(40% - 1rem);
    }

    .contact-banner .contact-person-box > div.contact-person-text {
        flex-basis: calc(60% - 1rem);
        max-width: calc(60% - 1rem);
    }
}

@media screen and (min-width: 1700px) {

    .contact-banner .contact-person-box > div.contact-person-image {
        flex-basis: calc(33.33% - 1rem);
        max-width: calc(33.33% - 1rem);
    }

    .contact-banner .contact-person-box > div.contact-person-text {
        flex-basis: calc(66.67% - 1rem);
        max-width: calc(66.67% - 1rem);
    }
}


/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
MEMBER PAGE
––––––––––––––––––––––––––––––––––––––––––––––––– */


.member-page .news-post.bg-gray,
.member-tab-section .news-post.bg-gray {
    background-color: #F8F8F8;
}

/* ----- News section ----- */


.member-news-header {
    margin-bottom: 1rem;
}

.member-news-posts .news-post {
    display: flex;
    flex-direction: column;
}

.member-news-posts .news-preview {
    flex-grow: 1;
}

@media screen and (min-width: 768px) {

    .member-news-posts {
        margin-top: 0.5rem;
    }

    .member-news-posts .news-posts {
        margin: 0;
    }

    .member-news-posts .news-post {
        flex-basis: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (min-width: 992px) {

    .member-news-posts .news-posts {
        margin-right: -0.5rem;
        margin-left: -0.5rem;
    }

    .member-news-posts .news-post {
        flex-basis: calc(50% - 1rem);
        max-width: calc(50% - 1rem);
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}

@media screen and (min-width: 1200px) {

    .member-news-posts {
        margin-top: 1rem;
    }
}

@media screen and (min-width: 1700px) {

    .member-news-posts .news-posts {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }

    .member-news-posts .news-post {
        flex-basis: calc(50% - 3rem);
        max-width: calc(50% - 3rem);
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .member-news-posts .news-post h3 {
        font-size: 1.5rem;
    }
}

/* Blurred news */

.blur-wrap {
    position: relative;
}

.blur-box {
    filter: blur(8px);
}

.member-news-login-message {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.blur-box .news-post:last-child {
    display: none;
}

.latest-news-blur {
    filter: blur(8px);    
}

@media screen and (min-width: 576px) {

    .blur-box .news-post:last-child {
        display: flex;
    }
}

/* ----- Latest news ----- */

.members-latest-news {
    padding: 1.5rem 1rem 1.75rem;
}

.members-latest-news h3 {
    text-transform: uppercase;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.members-latest-news .read-more {
    margin-top: 1rem;
}

@media screen and (min-width: 450px) {

    .members-latest-news {
        padding: 1.5rem 1rem 1.75rem;
    }
}

@media screen and (min-width: 576px) {

    .members-latest-news {
        padding: 1.75rem 1.5rem 2rem;
    }
}

@media screen and (min-width: 1200px) {

    .members-latest-news {
        padding: 1.875rem 1.875rem 2rem;
    }

    .members-latest-news h3 {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 1700px) {

    .members-latest-news h3 {
        font-size: 1.75rem;
        margin-bottom: 2rem;
    }
}


/* ----- Tab section ----- */

.member-tab-section {
    display: none;
}

.member-tab-section .nav-tabs {
    justify-content: space-between;
    border: none;
    padding-top: 1rem;
    width: 100%;
    overflow-x: scroll;
    margin-bottom: -1px;
}

.member-tab-section .nav-tabs .nav-item {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
}

.member-tab-section .nav-tabs .nav-link {
    font-size: 0.75rem;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: none;
    background-color: #5F8484;
    width: 100%;
    border-radius: 0;
    cursor: pointer;
    margin-right: 1px;
    margin-left: 1px;
}

.member-tab-section .nav-tabs .nav-link.active {
    background-color: #FFFFFF;
    border: 1px solid #A0B7B6;
    border-bottom: none;
}

.member-tab-section .nav-tabs .nav-link p {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.875rem;
    text-align: center;
    margin-bottom: 0;
    color: #FFFFFF;
    line-height: 1.3;
}

.member-tab-section .nav-tabs .nav-link.active p {
    color: #00585A;
}

.member-tab-section .nav-tabs .nav-link img {
    width: 60%;
    max-width: 80px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.member-tab-section .tab-content {
    background-color: #FFFFFF;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-top: 1px solid #A0B7B6;
}

.member-tab-section .tab-content .tab-pane {
    padding-top: 1.75rem;
    padding-bottom: 2.5rem;
    flex-direction: column;    
    padding-top: 1.5rem;
    border-radius: 0;
}

.member-tab-section .tab-content .tab-pane .d-flex {
    flex-direction: column;
}

.member-tab-section .tab-content > .active {
    display: flex;
}

@media screen and (min-width: 600px) {

    .member-tab-section .nav-tabs {
        padding-top: 2rem;
    }

    .member-tab-section .tab-content .tab-pane .d-flex {
        flex-direction: row;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 768px) {

    .member-tab-section .nav-tabs {
        justify-content: center;
        overflow: hidden;
    }

    .member-tab-section .nav-tabs .nav-link {
        padding: 0.75rem 0.5rem;
    }

    .member-tab-section h2  {
        font-size: 1.875rem;
    }   
}

@media screen and (min-width: 840px) {

    .member-tab-section .nav-tabs .nav-link p {
        font-size: 1rem;
    }
}

@media screen and (min-width: 768px) {

    .member-tab-section {
        display: block;
    }

    .member-tab-section .nav-tabs .nav-link {
        padding: 0.75rem;
    }
}

@media screen and (min-width: 1200px) {

    .member-tab-section .nav-tabs .nav-item {
        flex-basis: 200px;
    }

    .member-tab-section .nav-tabs .nav-link {
        padding: 0.875rem;
    }
}

@media screen and (min-width: 1500px) {


    .member-tab-section .nav-tabs .nav-link p {
        font-size: 1.125rem;
    }    

    .member-tab-section .nav-tabs {
        padding-top: 3rem;
    }

    .member-tab-section h2  {
        font-size: 2.25rem;
    }    

    .member-tab-section h3 {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 379px) {

    .member-tab-section .nav-tabs {
        padding-right: 0;
        padding-left: 0;
    }
}


/* ----- Member accordion section ----- */

.member-accordion {
    margin-top: 2rem;
    margin-left: -15px;
    margin-right: -15px;
}

.member-accordion-item {
    margin-bottom: 2px;
}

.member-accordion-btn {
    border-radius: 0;
    background-color: #5F8484;
    padding: 1rem;
    width: 100%;
    border: none;
    display: flex;
    justify-content: space-between;
    transition: transform ease 0.5s;
}

.member-accordion-btn:not(.collapsed) svg {
    transform: rotate(180deg);
}

.member-accordion-btn:hover,
.member-accordion-btn:focus,
.member-accordion-btn:active {
    background-color: #5F8484;
    border: none;
    box-shadow: none;
    outline: none;
}

.member-accordion-content > div {
    padding: 1rem;
}

@media screen and (min-width: 768px) {

    .member-accordion {
        display: none;
    }
}

/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
EDUCATIONS PAGE
––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Educations listing */

.education-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.education-box > .education-icon {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.education-box > .education-icon figure {
    width: 100%;
    margin: 0;
    position: relative;
}

.education-box > .education-icon figure::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.education-box > .education-icon figure img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    object-fit: cover;
    object-position: center;
}

.education-availability {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 10px;
    color: #FFFFFF;
    font-size: 1rem;
}

.education-availability.color-green {
    background-color: #57963C; /* Lediga platser */
}

.education-availability.color-grey {
    background-color: #6D8189; /* Få platser kvar */
}

.education-availability.color-orange {
    background-color: #E07E00; /* Fullbokat */
}

.education-availability.color-blue {
    background-color: #67AEBF; /* Kommande */ 
}

.education-box > .education-description {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
}

.education-box p.date {
    margin-bottom: 0.5rem;
}

.education-box h3 {
    border-top: 3px solid #A0B7B6;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
}

p.education-preview-text {
    line-height: 1.3;
}

@media screen and (min-width: 450px) {

    .education-box > .education-icon {
        flex-basis: 150px;
    }
    .education-box > .education-description {
        flex-basis: calc(100% - 170px);
    }
}

@media screen and (min-width: 576px) {

    .education-header h2 {
        margin-bottom: 1.5rem;
    }

    .education-box > .education-icon {
        flex-basis: 180px;
    }
    .education-box > .education-description {
        flex-basis: calc(100% - 200px);
    }
}

@media screen and (min-width: 768px) {

    .education-header h2 {
        margin-bottom: 1.5rem;
    }

    .education-box > .education-icon {
        flex-basis: 150px;
    }
    .education-box > .education-description {
        flex-basis: calc(100% - 170px);
    }
}

@media screen and (min-width: 1200px) {

    .education-box > .education-icon {
        flex-basis: 180px;
    }
    .education-box > .education-description {
        flex-basis: calc(100% - 200px);
    }

    p.education-preview-text {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 1400px) {

    .education-box {
        margin-bottom: 2.5rem;
    }

    .education-box > .education-icon {
        flex-basis: 224px;
    }
    .education-box > .education-description {
        flex-basis: calc(100% - 250px);
    }
}

@media screen and (min-width: 1700px) {

    p.education-preview-text {
        font-size: 1.375rem;
    }
}

/* Education item page */

.education-dates {
    background-color: #F8F8F8;
    padding: 1rem 1rem;
    list-style: none;
    margin-left: -1rem;
    margin-right: -1rem;
}

@media screen and (min-width: 768px) {

    .education-dates {
        background-color: transparent;
        padding: 0;
        margin-left: 0;
        margin-right: 0;
    }
}

/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
LIST OF MEMBERS
––––––––––––––––––––––––––––––––––––––––––––––––– */

.member-list-wrap {	
    padding-bottom: 1rem;	
    column-count: 2;	
    column-width: 400px;	
    column-gap: 32px;	
}	
.member-group {	
    margin-bottom: 2rem;	
    break-inside: avoid;	
}

.member-group a {
    color: #000000;
}

.member-group-letter {
    font-family: 'Merriweather', serif;
    font-weight: 600;
    font-size: 1.125rem;
    margin-bottom: 0;
    color: #00585A;
}

.member-group-item {
    padding: 0.5rem 0;
    border-bottom: 1px solid #A0B7B6;
    break-inside: avoid-column;
}

@media screen and (min-width: 450px) {

    .member-group-items {
        display: flex;
        flex-wrap: wrap;
    }

    .member-group-items {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .member-group-items > div {
        flex-basis: calc(50% - 2rem);
        margin: 0 1rem;
    }
}

@media screen and (min-width: 576px) {

    .member-group-letter {
        font-size: 1.25rem;
    }

    .member-group {
        margin-bottom: 2.5rem;
    }

    .member-group-letter {
        margin-bottom: 0.5rem;
    }
}

@media screen and (min-width: 768px) {

    .member-list-wrap {
        padding-bottom: 2rem;
    }

    .member-group-items {
        margin-right: -0.5rem;
        margin-left: -0.5rem;
    }

    .member-group-items > div {
        flex-basis: calc(33.33% - 1rem);
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }
}


@media screen and (min-width: 1200px) {

    .member-list-wrap {
        padding-top: 4rem;
    }

    .member-group-letter {
        margin-bottom: 1rem;
    }

    .member-group {
        margin-bottom: 3.5rem;
    }

    .member-group-items {
        margin-right: -1rem;
        margin-left: -1rem;
    }

    .member-group-items > div {
        flex-basis: calc(33.33% - 2rem);
        margin-right: 1rem;
        margin-left: 1rem;
    }
}

@media screen and (min-width: 1700px) {

    .member-list-wrap {
        padding-top: 5rem;
        padding-bottom: 3rem;
    }

    .member-group-items {
        margin-left: -1.375rem;
        margin-right: -1.375rem;
    }

    .member-group-items > div {
        flex-basis: calc(33.33% - 2.75rem);
        margin: 0 1.375rem;
    }

    .member-group-letter {
        font-size: 1.5rem;
    }
}

/* Member description page */

.member-info-box {
    padding: 1.5rem 1rem 1.75rem;
    margin: 1rem -1rem;
    flex-wrap: wrap;
}

.member-logo + .member-info-lists{
    margin-top: 1.5rem;
}

.member-logo figure {
    margin-bottom: 0;
}

.member-logo img {
    width: 100%;
    max-width: 250px;
}

.member-info-lists {
    display: flex;
    justify-content: flex-start;
}

.member-info-lists {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

.member-info-lists > div {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
}

.member-info-list {
    display: flex;
    align-items: flex-start;
    border-top: 1px solid #d2dddc;
    padding: 0.5rem 0;
}

.member-info-list > div:first-child {
    flex-basis: 16px;
    flex-grow: 0;
    flex-shrink: 0;
}

.member-info-list > div:last-child {
    flex-basis: calc(100% - 16px) ;
    flex-grow: 0;
    flex-shrink: 0;
    padding-left: 0.5rem;
}

.member-info-lists > div:last-child > .member-info-list:last-child {
    border-bottom: 1px solid #d2dddc;
}

.member-info-list svg {
    width: 16px;
    color: #00585A;
}

.member-info-list ul {
    list-style: none;
    padding-left: 0;
}

.member-info-list ul:last-child {
    margin-bottom: 0;
}

.member-info-list a {
    color: #000000;
}

.member-info-list a:hover {
    text-decoration: underline;
}

@media screen and (min-width: 450px) {

    .member-info-box {
        padding: 1.5rem 1rem 1.75rem;
    }    

}

@media screen and (min-width: 576px) {

    .member-info-box {
        padding: 1.75rem 1rem 2rem;
    }    

    .member-info-lists > div {
        flex-basis: calc(50% - 1rem);
    }

    .member-info-lists > div:first-child > .member-info-list:last-child {
        border-bottom: 1px solid #d2dddc;
    }

}

@media screen and (min-width: 768px) {

    .member-info-box {
        margin: 1.5rem 0;
    }    

    .member-info-lists > div {
        flex-basis: 100%;
    }

    .member-info-lists > div:first-child > .member-info-list:last-child {
        border-bottom: none;
    }
    
       .start-tab-section.sub-nav h3 {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 992px) {

    .member-info-lists > div {
        flex-basis: calc(50% - 1rem);
    }

    .member-info-lists > div:first-child > .member-info-list:last-child {
        border-bottom: 1px solid #d2dddc;
    }
}

@media screen and (min-width: 1200px) {

    .member-logo + .member-info-lists{
        margin-top: 2rem;
    }

    .member-info-box {
        padding: 1.875rem 1.875rem 2rem;
        margin: 1.5rem 0;
    } 
    
        .start-tab-section.sub-nav h3 {
        font-size: 1.5rem;
    }
}


@media screen and (min-width: 600px) {
    .group-headline h2 {
        white-space: nowrap;
    }
}

/* Umbraco forms */

.umbraco-forms-container {
    padding: 0;
}

.control-label.umbraco-forms-label {
    padding-left: 0;
}

/* Table */

table {
    min-width: 800px;
}

table thead tr{
    background: #EBF0F0;
}

.signup-form .umbraco-forms-form.umbraco-forms-bootstrap3-horizontal {
    margin-top: 2rem;
}

.signup-form .umbraco-forms-field-wrapper {
    padding-left: 0;
}

.signup-form .umbraco-forms-navigation div {
    padding-left: 0;
}

.paginator .page-link {
    border: none;
    margin: 0 0.25rem;
    padding: 0.25rem 1rem 0.25rem 0;
    text-transform: uppercase;
    background: transparent;
    font-size: 1.125rem;
    color: #0C2D3B;
}

.paginator li.active {
    font-weight: 600;
}

.paginator .page-link:hover {
    color: #0C2D3B90;
}

.paginator .page-link:focus {
    box-shadow: none;
}

.promo-banner.listing-page, .promo-banner.listing-page .promo-caption {
    min-height: 360px;
}


/* ========= Event page ========= */

.event-section.start-tab-section {
    margin-top: -110px;
}

.event-section.start-tab-section .nav-tabs .nav-item:first-child .nav-link {
    border-left: none;
}
.event-section.start-tab-section .nav-tabs .nav-item:last-child .nav-link {
    border-right: none;
}
  
/* ----- Tabs section ----- */

.event-section.start-tab-section .nav-tabs {
    justify-content: space-between;
    border: none;
    flex-direction: row;
    flex-wrap: wrap;
}

    .event-section.start-tab-section .nav-tabs .nav-item {
        flex-basis: 100%;
        flex-grow: 0;
        flex-shrink: 0;
        display: flex;
        border: none;
    }

    .event-section.start-tab-section .nav-tabs .nav-link {
        padding: 0.75rem;
        border: none;
        background-color: #5F8484;
        width: 100%;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        cursor: pointer;
        border-top: 1px solid #EBF0F0;
        border-bottom: 1px solid #EBF0F0;
    }

    .event-section.start-tab-section .nav-tabs .nav-item:first-child .nav-link {
        margin-top: 0;
    }

    .event-section.start-tab-section .nav-tabs .nav-item:last-child .nav-link {
        margin-bottom: 0;
    }

    .event-section.start-tab-section .nav-tabs .nav-link.active {
        background-color: #FFFFFF;
    }

    .event-section.start-tab-section .nav-tabs .nav-link.active p {
        color: #00585A;
    }

    .event-section.start-tab-section .nav-tabs .nav-link p {
        font-weight: 600;
        font-size: 1rem;
        text-align: center;
        margin: 0;
        color: #fff;
        line-height: 1.2;
    }

.event-section.start-tab-section .tab-content {
    background-color: #FFFFFF;
    border-radius: 0;
    width: 100%
}

    .event-section.start-tab-section .tab-content .tab-pane {
        flex-direction: column;
        border-radius: 0 0 0.5rem 0.5rem;
    }

        .event-section.start-tab-section .tab-content .tab-pane ul {
            padding-left: 1.125rem;
        }

            .event-section.start-tab-section .tab-content .tab-pane ul:last-child {
                margin-bottom: 0;
            }

        .event-section.start-tab-section .tab-content .tab-pane > .d-flex {
            flex-wrap: wrap;
        }

            .event-section.start-tab-section .tab-content .tab-pane > .d-flex .tab-text .btn {
                margin-top: 0.5rem;
            }

.event-section.start-tab-section h2 {
    margin-bottom: 0.5rem;
}

    .event-section.start-tab-section .nav-tabs .nav-item:last-child .nav-link.active {
        border-right: 1px solid #EBF0F0;
        border-left: 1px solid #EBF0F0;
    }

@media screen and (min-width: 576px) {

    .event-section.start-tab-section .tab-pane p,
    .event-section.start-tab-section .tab-pane li {
        font-size: 1.125rem;
    }
}

@media screen and (min-width: 600px) {

    .event-section.start-tab-section .tab-content .tab-pane {
        padding-top: 2.5rem;
    }

        .event-section.start-tab-section .tab-content .tab-pane > .d-flex {
            flex-direction: row;
        }
}

@media screen and (min-width: 768px) {

    .event-section.start-tab-section .nav-tabs {
        justify-content: center;
        flex-wrap: nowrap;
        padding-top: 1.5rem;
    }

        .event-section.start-tab-section .nav-tabs .nav-item {
            flex-basis: 100px;
            border-top: none;
            border-bottom: none;
        }

        .event-section.start-tab-section .nav-tabs .nav-link {
            border-top: none;
            border-bottom: none;
            border-left: 1px solid #EBF0F0;
            border-right: 1px solid #EBF0F0;
        }

    

        .event-section.start-tab-section .nav-tabs .nav-link {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
        }

            .event-section.start-tab-section .nav-tabs .nav-link.active {
                border-bottom: none;
            }

       
        .event-section.start-tab-section .nav-tabs .nav-item:last-child .nav-link {
            border-right: none;
        }

        .event-section.start-tab-section .nav-tabs .nav-item:last-child {
            border: none;
        }

    .event-section.start-tab-section h2 {
        font-size: 1.625rem;
    }

    .event-section.start-tab-section h3 {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 820px) {

    .event-section.start-tab-section .tab-content .tab-pane {
        padding-top: 2rem;
    }

    .event-section.start-tab-section .nav-tabs .nav-item {
        flex-basis: 120px;
    }

    .event-section.start-tab-section .tab-pane p,
    .event-section.start-tab-section .tab-pane li {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 992px) {

    .event-section.start-tab-section .tab-content .tab-pane {
        padding-top: 2.5rem;
    }

    .event-section.start-tab-section h2 {
        font-size: 1.875rem;
    }
}

@media screen and (min-width: 1200px) {

    .event-section.start-tab-section .tab-content .tab-pane {
        padding-top: 3rem;
    }

    .event-section.start-tab-section .nav-tabs .nav-item {
        flex-basis: 200px;
    }

    .event-section.start-tab-section .nav-tabs .nav-link {
        padding: 1.125rem 1rem;
    }

        .event-section.start-tab-section .nav-tabs .nav-link p {
            font-size: 1.25rem;
        }
}

@media screen and (min-width: 1500px) {

    .event-section.start-tab-section .tab-content .tab-pane {
        padding-top: 4rem;
    }

    .event-section.start-tab-section h2 {
        font-size: 2rem;
    }

    .event-section.start-tab-section h3 {
        font-size: 1.5rem;
    }

    .event-section.start-tab-section .tab-content .tab-pane > .d-flex .tab-text p {
        font-size: 1.25rem;
    }
}

.event-page {
    margin-top: 60px;
}

@media screen and (min-width: 768px) {
    .event-page {
        margin-top: 80px;
    }
}

@media screen and (min-width: 1200px) {
    .event-page {
        margin-top: 100px;
    }
}



/* ----- Hero section ----- */

.event-page .hero-section {
    background-size: cover;
    background-position: center;
    width: 100%;
}

.event-hero-overlay {
    display: flex;
    align-items: center;
    width: 100%;
    height: calc(100vh - 136px);
    background-color: rgba(0,0,0,0.2);
    justify-content: center;
}

.event-page .hero-caption h1 {
    font-weight: 600;
    text-align: center;
}


@media screen and (min-width: 521px) {

    .event-hero-overlay {
        height: calc(100vh - 117px);
    }
}

@media screen and (min-width: 600px) {

    .event-hero-overlay {
        height: calc(100vh - 139px);
    }
}

@media screen and (min-width: 840px) {

    .event-hero-overlay {
        height: calc(100vh - 162px);
    }
}

@media screen and (min-width: 992px) {

     .event-hero-overlay {
    justify-content: flex-start;
    }
    
     .event-page .hero-caption h1 {
        text-align: left;
    }
    
}

@media screen and (min-width: 1200px) {

    .hero-section {
        background-position: center;
    }

    .event-hero-overlay {
        height: 55vw;
        background-image: url(/media/hwqfugll/shadow-bow.svg);
        background-repeat: no-repeat;
        width: 100%;
        background-color: none;
        height: calc(100vh - 182px);
         background-size: cover;
        background-size: auto 100%;
    }
}

@media screen and (min-width: 1500px) {

    .event-hero-overlay {
        height: calc(100vh - 210px);
    }
}

@media screen and (min-width: 1700px) {

     .event-hero-overlay {
        height: calc(100vh - 238px);
    }
}



@media screen and (max-width: 991px) {

    .event-page .hero-caption h1 {
        font-size: 2rem;
    }

}

/* ========= Contact cards on event page  ========= */



.contact-card {
    background-color: #fff;
    border: 1px solid #A1B7B6;
    margin-bottom: 1.75rem;
    padding: 1rem;
}

.contact-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (min-width: 992px) {
    .event-program-img img {
        width: 150px;
        height: 150px;
    }
} 

.contact-card h3 {

    font-weight: 700;
}

.contact-card p {
    margin-bottom: 0.5rem;
}

@media screen and (max-width: 991px) {
    .contact-card h3 {
       margin-top: 2rem;
    }
} 

.program-time {
    margin-top: -1rem;
    margin-bottom: -1rem;
}

.program-time p {
   padding-top: 1rem;
   padding-bottom: 1rem;
}

.contributor-box img {
    max-width: 120px;
    margin: 2rem;
}

.contributor-box ul {
    padding-left: 0;
}

.contributor-box ul li {
    list-style-type: none;
    border-bottom: 1px solid #A1B7B6;
    padding: 0.5rem 0;
}

.contributor-box ul li a {
    color: #0C2D3B;
}

.contributor-box ul li a:hover {
    color: #00585A;
    text-decoration: underline;
}

.contributor-box ul li:first-child {
    border-top: 1px solid #A1B7B6;
}

@media screen and (min-width: 992px) {
    .contributor-box ul li:nth-child(3) {
        border-top: 1px solid #A1B7B6;
    }
}

.contributor-contacts {
    column-count: 2;
    column-width: 300px;
    column-gap: 32px;
    padding: 2rem;
}
/* Form popup */


#formPopup {
    background-color: #000000;
}

#formPopup .modal-content{
    border: none;
    border-radius: 0.5rem;

}

#formPopup .modal-body {
    padding: 2rem;
    position: relative;
    width: 100%;
}

#formPopup .close {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    font-weight: 400;
    opacity: 1;
    text-shadow: none;
    font-size: 34px;
    color: #00585A;
    z-index: 1;
}

#video {
    background-color: #000000;
}

@media screen and (min-width: 850px) {

    #formPopup{
        background-color: transparent;
    }

    #formPopup .close {
        font-size: 28px;
    }
}

.homepage-form .umbraco-forms-form {
    padding: 0;
}

.homepage-form .umbraco-forms-form span.checkboxlist {
    padding: 0.5rem 0 1rem 0;
}
   
@media screen and (min-width: 567px) {

    .homepage-form .umbraco-forms-form span.checkboxlist {
        display: flex !important;
        align-items: center;
    }
   
}

.homepage-form .umbraco-forms-form .checkboxlist label {
    float: right !important;
}


.homepage-form .umbraco-forms-form .checkboxlist label {
    margin: 0 0.75rem 0 0.25rem;
}

.homepage-form .umbraco-forms-field label {
    margin: 0;
}

.homepage-form .umbraco-forms-field {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid #A1B7B6;
}

.homepage-form .umbraco-forms-form .umbraco-forms-navigation .col-md-12 {
    padding-left: 0;
}

.homepage-form .umbraco-forms-form .umbraco-forms-navigation {
    padding: 0;
}

.homepage-form .umbraco-forms-form textarea {
    height: 100px;
}

.homepage-form .control-label.umbraco-forms-label {
    max-width: 100%;
}

.homepage-form .umbraco-forms-form textarea {
    max-width: 100%;
    width: 100%;
}

.homepage-form .umbraco-forms-form fieldset {
    padding: 0;
}

.homepage-form input[type="checkbox"] {
    -webkit-appearance: none;
    height: 16px !important;
    width: 16px !important;
    outline: 1px solid #5F8484;
    border-radius: 3px;
    background-color: #EBF0F0;
    border: 2px solid #EBF0F0 !important;
    display: inline-block !important;
}

.homepage-form label {
    display: inline-flex;
    align-items: center;
}

.homepage-form input[type="checkbox"]:checked {
    background-color: #5F8484;
}

.homepage-form h4.umbraco-forms-caption {
    font-size: 1.25rem !important;
}

.field-validation-error {
    color: #EB7F5E;
}

/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
AVS-APPLICATION-FORM
––––––––––––––––––––––––––––––––––––––––––––––––– */

.avs-application-form .umbraco-forms-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: space-between;
}

.avs-application-form .umbraco-forms-field {
    margin-bottom: 1rem;
}

.avs-application-form legend {
    color: #111;
    border-bottom: 2px solid #111;
    padding-top: 2rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.avs-application-form label {
    max-width: 100%;
    color: #00585A;
    margin-bottom: 0;
}

.avs-application-form .checkbox {
    display: flex;
    max-height: 30px;
    width: 100%;
}
    
.avs-application-form .checkbox label {
    max-width: 180px;
}

.avs-application-form .longanswer textarea,
.avs-application-form .shortanswer input {
    margin-top: auto !important;
}

.avs-application-form .longanswer,
.avs-application-form .shortanswer {
    display: flex;
    flex-direction: column;
    height: fit-content;
}

.avs-application-form .longanswer {
    flex-basis: 100%;
    width: 100%;
}

.avs-application-form .shortanswer {
    flex-basis: 100%;
    width: 100%;
}

    .avs-application-form .longanswer .field-validation-error {
        display: block;
        position: relative;
        top: -12px;
        margin-bottom: -27px;
        right: 4px;
        text-align: left;
    }

    .avs-application-form .shortanswer .field-validation-error {
        display: block;
        position: relative;
        top: -12px;
        left: -5px;
        margin-bottom: -27px;
        text-align: left
    }

.avs-application-form .umbraco-forms-tooltip {
    font-size: .9rem;
    font-style: italic;
    font-weight: 600;
    max-width: 400px;
    padding-top: 5px;
    margin-bottom: 1rem;
}

.avs-application-form .radiobuttonlist {
    display: flex !important;
    flex-wrap: wrap;
    padding: 15px 0 0 0 !important;
}

    .avs-application-form .radiobuttonlist label {
        flex-basis: 90%;
        margin-bottom: 15px;
        color: black;
        font-weight: 600;
    }

    .avs-application-form .radiobuttonlist input {
        width: 17px !important;
        height: 17px !important;
        border: none;
        display: inline;
        flex-basis: 10%;
        margin-top: 4px;
    }

    .avs-application-form .villkor .radiobuttonlist {
        margin-right: .5rem;
        margin-top: 2px;
    }

    .avs-application-form .villkortext .villkor-label a {
        font-weight: 700;
    }

    @media screen and (min-width: 1400px) {
        .avs-application-form .radiobuttonlist input {       
        flex-basis: 5%;
    }

    .avs-application-form .radiobuttonlist label {
        flex-basis: 95%;
    }

    .avs-application-form .shortanswer,
    .avs-application-form .longanswer {
        flex-basis: 50%;
        width: 50%;
        padding-right: 3rem;
    }
}

.avs-application-form .godkännandeavvillkor label {
    display: none !important;
}

.statusavfallsverige {
    display: none !important;
}

.pika-table {
    min-width: unset;
}

#sub-nav .nav-item button:focus,
#sub-nav .nav-item button:active,
#main-nav .dropdown-col button:focus,
#main-nav .dropdown-col button:active {
    outline: none;
    box-shadow: none;
    border: none;
}

.sub-nav button:not(.collapsed) svg.fa-plus,
#sub-nav .nav-item button:not(.collapsed) svg.fa-plus,
#main-nav .dropdown-col button:not(.collapsed) svg.fa-plus {
    display: none;
}

.sub-nav button.collapsed svg.fa-minus,
#sub-nav .nav-item button.collapsed svg.fa-minus,
#main-nav .dropdown-col button.collapsed svg.fa-minus {
    display: none;
}

.file-box-col {
    margin-bottom: 2rem;
}
.file-box-image .file-box {
    margin-top: 0;
}

.file-box-image figure {
   margin-bottom: 0;
}

.file-box-image figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 3/2;
}

/*RekAi*/
.rek-prediction__item.rekai-pill a {
    color: #5F8484;
    border: 1px solid #00585A;
    font-family: 'Source Sans Pro', sans-serif;
    text-decoration: none;
}

.rek-prediction__item.rekai-pill {
    color: #5F8484;
    border-radius: 200px;
    border: none;
    margin-bottom: 0.5rem;
}

.rek-prediction__item.rekai-pill a:hover,
.rek-prediction__item.rekai-pill a:hover,
.rek-prediction__item.rekai-pill a:focus,
.rek-prediction__item.rekai-pill a:focus {
    background-color: #EB7F5E;
    border-color: #EB7F5E;
    outline: none;
    box-shadow: none;
    color: #FFFFFF;
}
/*RekAi homepage*/
.rekai-section-homepage .rek-style-pills {
    justify-content: center;
}
/*RekAi*/



/*
---–––––––––––––––––––––––––––––––––––––––––––––––––
STOPPA FULPLASTEN
–––––––––––––––––––––––––––––––––––––––––––––––––---
*/

.plastic-page {
    background: #baded1;
}

    .plastic-page p {
        font-size: 1.25rem;
    }

@media (min-width: 992px) {
    .plastic-page p {
        font-size: 1.375rem;
    }
}

@media (min-width: 1200px) {
    .plastic-page p {
        font-size: 1.5rem;
    }
}

.plastic-page p.ingress {
    font-size: 1.5rem;
}

.plastic-page p a {
    text-decoration: underline;
}


.container-letter {
    text-align: center;
    mix-blend-mode: normal;
    background-color: #ffe6e0;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
    box-shadow: inset -5px 12px 4px -4px rgba(255, 255, 255, .75), inset -1px 1px 5px rgba(0, 0, 0, .2), -1px 6px 4px 4px rgba(0, 0, 0, .4);
}

.narrow-container {
    max-width: 800px;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    .narrow-container {
        max-width: 900px;
    }
}

@media (min-width: 1700px) {
    .narrow-container {
        max-width: 1000px;
    }
}

@media (min-width: 2100px) {
    .narrow-container {
        max-width: 1200px;
    }
}

.letterhead p {
    color: #007079;
    text-align: left;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 3rem;
    padding-left: .5rem;
    font-family: "DM Mono", monospace;
    font-weight: 400;
    line-height: 1.5;
}

.letterhead-image {
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    display: flex;
}


    .letterhead-image img:first-child {
        width: 42%;
        position: relative;
    }

    .letterhead-image img:last-child {
        width: 50%;
        height: auto;
    }

.text-size-medium-letter {
    color: #000;
    text-align: left;
    margin-bottom: 0;
    font-family: "DM Mono", monospace;
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.4;
    display: block;
}

.letterbottom-image {
    max-width: 40%;
    margin: 3rem auto 0;
}

.number-section {
    grid-column-gap: 3rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    justify-items: start;
    display: grid;
    padding-bottom: 2rem;
}

@media screen and (max-width: 767px) {
    .number-section {
        grid-row-gap: 3rem;
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 991px) {
    .number-section {
        grid-column-gap: 3rem;
    }
}


.number-section h2 {
     font-family: Mayonnaise-Extra-Black-web;
    font-weight: 400;
    color: #000;
    line-height: 1.1;
    font-size: 3rem;
    text-transform: uppercase;
}

.number-section h3 {
     font-family: Mayonnaise-Extra-Black-web;
    font-weight: 400;
    color: #007079;
    line-height: 1.1;
    font-size: 2rem;
    margin-top: 0;
    text-transform: uppercase;
}

@media screen and (min-width: 1200px) {

    .number-section h2 {
        font-size: 3.5rem;
    }
    .number-section h3 {
        font-size: 2.5rem;
    }
}

.content-list {
    width: 100%;
    grid-column-gap: 3rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

@media screen and (max-width: 479px) {
    .content-list {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 767px) {
    .content-list {
        grid-row-gap: 3rem;
    }
}

@media screen and (max-width: 991px) {
    .content-list {
        grid-column-gap: 2rem;
    }
}

.number-header img {
    width: 3rem;
    height: 100%;
    margin-right: 1rem;
}

.faq-accordion {
    background: #ffe6e0;
}

    .faq-accordion button {
        background: transparent;
        border: none;
        outline: none;
        transform: rotate(0deg);
        transition: .5s ease-in-out;
        padding: 0;
    }

        .faq-accordion button .fa-chevron-down {
            font-size: 1.25rem;
            color: #007079;
        }

        .faq-accordion button[aria-expanded="false"] .fa-chevron-down {
            transform: rotate(0deg);
            transition: transform .2s linear;
        }

        .faq-accordion button[aria-expanded="true"] .fa-chevron-down {
            transform: rotate(180deg);
            transition: transform .2s linear;
        }

        .faq-accordion button h2 {
            color: #9b064a;
            text-transform: uppercase;
            padding-right: 1rem;
             font-family: Mayonnaise-Extra-Black-web;
            font-size: 1.75rem;
            font-weight: 400;
            text-align: left;
            line-height: 1.1;
        }

@media screen and (min-width: 991px) {
    .faq-accordion button h2 {
        font-size: 2rem;
        padding-right: 1.5rem;
    }

    .faq-accordion button .fa-chevron-down {
        font-size: 2rem;
    }
}


@media screen and (min-width: 1200px) {
    .faq-accordion button h2 {
        font-size: 3rem;
        padding-right: 2rem;
    }

    .faq-accordion button .fa-chevron-down {
        font-size: 2.5rem;
    }
}

.accordion-heading {
    padding-bottom: 2rem;
}

.accordion-content {
    padding-bottom: 3rem;
}

.faq-header {
    padding-bottom: 3rem;
}

    .faq-header img:first-child {
        margin-top: -3rem;
        width: 20rem;
        padding-bottom: 3rem;
    }

    .faq-header h3 {
        color: #000;
         font-family: Mayonnaise-Extra-Black-web;
        font-size: 1.25rem;
        text-transform: uppercase;
        font-weight: 400;
        margin-top: 0;
    }


@media screen and (min-width: 991px) {
    .faq-header h3 {
        font-size: 2rem;
    }
}


@media screen and (min-width: 1200px) {
    .faq-header h3 {
        font-size: 3rem;
    }
}

.lower-list-section {
    grid-column-gap: 0rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid;
}

@media screen and (max-width: 479px) {
    .lower-list-section {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 767px) {
    .lower-list-section {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 991px) {
    .lower-list-section {
        grid-column-gap: 3rem;
        grid-row-gap: 2rem;
    }
}

.lower-list-section h2 {
    font-family: Mayonnaise-Extra-Black-web;
    font-weight: 400;
    color: #000;
    line-height: 1.1;
    font-size: 3rem;
    text-transform: uppercase;
}

@media screen and (min-width: 1200px) {
    .lower-list-section h2 {
        font-size: 3.5rem;
    }
}

.lower-list-section img:first-child {
    max-width: 280px;
}

.lower-list-section .container-letter {
    padding: 2rem 1rem 1rem;
}


@media screen and (min-width: 992px) {
    .lower-list-section .container-letter {
        padding: 2rem;
    }
}

@media screen and (min-width: 1200px) {
    .lower-list-section .container-letter {
        padding: 3rem;
    }
}


.lower-list-section .container-letter p {
    text-align: left;
}

.lower-list-section .number-container {
    flex: none;
    align-self: flex-start;
    margin-right: 1rem;
    margin-bottom: 2rem;
}

    .lower-list-section .number-container img {
        width: 5rem;
        height: 100%;
        padding-right: 1rem;
    }

.plastic-page footer {
    background: #007079;
    color: #fff;
}

    .plastic-page footer .row {
        border-bottom: 1px solid #fff;
        padding-bottom: 3rem;
        margin-bottom: 2rem;
    }

    .plastic-page footer h3 {
        color: #fff;
        font-family: 'Source Sans Pro', sans-serif
    }

    .plastic-page footer img {
        width: 320px;
        margin: 0 auto;
        padding-bottom: 2rem;
    }

@media screen and (min-width: 992px) {
    .plastic-page footer img {
        padding-bottom: 0;
    }
}

.plastic-page .header-img img{
    width: 100%;
    height: auto;
}

/* ---- Calendar ---- */

.category-header-text p {
    margin-top: 0.5em;
    font-size: clamp(1rem, 0.942rem + 0.29vw, 1.25rem);
}

.calendar-categories ul {
    list-style: none;
    border-bottom: 1px solid #CFDBDA;
    margin-bottom: 0;
    padding: 0 0 1rem;
}

.calendar-categories a {
    display: inline-block;
    font-size: 1.125rem;
    padding: 0.25em 0.5em;
}

.calendar-categories a.active {
    color: #EB7F5E;
    font-weight: 600;
}

.calendar-categories a:hover {
    color: #EB7F5E;
}

@media screen and (min-width: 576px) {

    .calendar-categories ul {
        padding: 1rem;
    }
    
    .calendar-categories a {
        padding: 0 0.5em;
    }
}

@media screen and (min-width: 768px) {
    
    .calendar-categories a {
        padding: 0 1em;
    }
}

.calendar-pagination {
    padding: 1.5rem 0;
}

.calendar-pagination a {
    cursor: pointer;
    position: relative;
    height: 32px;
}

.calendar-pagination svg {
    font-size: 32px;
    height: 32px;
    width: 32px;
    color: #00585A;
}

.calendar-pagination a:not(.disabled):hover,
.calendar-pagination a:not(.disabled):hover svg {
    color: #EB7F5E;
}

.calendar-pagination a span {
    font-size: 1.125rem;
    margin: 0 0.5em;
    position: absolute;    
}

.calendar-pagination a:first-child span {
    left: 32px;
}

.calendar-pagination a:last-child span {
    right: 32px;
}

.calendar-pagination a.disabled {
    opacity: 0.3;
    cursor: default;
    visibility: hidden;
}

.calendar-page {
    display: flex;
    margin: 0 -0.5rem;
}

.calendar-month-column {
    display: none;
    flex-basis: 100%;
    background-color: #EBF0F0;
    padding: 1.5rem 1rem;
    margin: 0 0.5rem;
}

.calendar-month-column:nth-child(1) {
    display: block;
}

.calendar-item {
    background-color: #FFFFFF;
    display: block;
}

@media screen and (min-width: 768px) {

    .calendar-month-column {
        flex-basis: calc(50% - 1rem);
        margin: 0 0.5rem;
    }

    .calendar-month-column:nth-child(2) {
        display: block;
    }   
}

@media screen and (min-width: 992px) {

    .calendar-month-column {
        padding: 1.5rem 2rem;
    }    
}

@media screen and (min-width: 1200px) {

    .calendar-month-column {
        flex-basis: calc(33.33% - 1rem);
        margin: 0 0.5rem;
    }

    .calendar-month-column:nth-child(3) {
        display: block;
    }
}

.calendar-item-text {
    padding: 1rem
}

@media screen and (min-width: 992px) {
    
    .calendar-item-text {
        padding: 1.5rem;
    }
}

.calendar-item figure {
    margin: 0;
}

.calendar-item figure img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-position: center;
    object-fit: cover;
}

.calendar-tag {
    margin-top: 0.5em;
    margin-bottom: 0.125em;
    color: #EB7F5E;
    font-size: clamp(0.875rem, 0.817rem + 0.29vw, 1.125rem);
}

.calendar-item p {
    line-height: 1.3;
}

.calendar-preview-short {
    line-height: 1.3;
}

@media screen and (min-width: 1200px) {

    .calendar-page h2 {
        font-size: 1.5rem;
    }
}

.calendar-date {
    display: flex;
    justify-content: space-between;
    font-size: clamp(0.875rem, 0.817rem + 0.29vw, 1.125rem);
}

.calendar-education-availability {
    position: relative;
}

.calendar-education-availability::before {
    content: '';    
    position: absolute;
    left: -1em;
    top: 0.3em;
    height: 0.75em;
    width: 0.75em;
    border-radius: 50%;
}

.calendar-education-availability.color-green::before {
    background-color: #57963C; /* Lediga platser */
}

.calendar-education-availability.color-grey::before {
    background-color: #6D8189; /* Få platser kvar */
}

.calendar-education-availability.color-orange::before {
    background-color: #E07E00; /* Fullbokat */
}

.calendar-education-availability.color-blue::before {
    background-color: #67AEBF; /* Kommande */
}

.calendar-item h3 {
    font-size: clamp(1.25rem, 1.221rem + 0.145vw, 1.375rem);
    margin: 0.125em 0 0.25em;
}

.calendar-item-page-image img {
    width: 100%;
}

/* ---- Calendar post page ---- */

.calendar-submenu-wrap .calendar-month-column {
    margin: 0;
}

@media screen and (min-width: 768px) {

    .subpage > .calendar-submenu-wrap {
        order: 2;
        margin-top: 1.5rem;
        flex-basis: 100%;
    }   

    .subpage > .article-wrap {
        order: 1;

    }
}

@media screen and (min-width: 992px) {

    .subpage > .calendar-submenu-wrap {
        flex-basis: 400px;
        order: 1;
        margin-top: 0;

    }   

    .subpage > .article-wrap {
        flex-basis: calc(100% - 440px);
        order: 2;
    }
}

@media screen and (min-width: 1700px) {

    .subpage > .calendar-submenu-wrap {
        flex-basis: 460px;
    }   

    .subpage > .article-wrap {
        flex-basis: calc(100% - 550px);
        order: 2;
    }
}

.umbraco-forms-hidden,
.umbraco-forms-field.hidden {
    display: none;
}

.intro-block-img img,
.focus-block-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.intro-block-text p{
    color: #fff;
}

.intro-block-text h3 {
    color: #ffd67b;
}

#projectsAccordion,
#lowerProjectsAccordion {
    border-top: 1px solid #bfdbde;
    margin-top: 2rem;
}

#projectsAccordion button,
#lowerProjectsAccordion button {
    border: 0;
    outline: 0;
    background: 0;
    width: 100%;
    text-align: left;
    padding: 2rem 0 0 0;
}

#projectsAccordion .accordion-item,
#lowerProjectsAccordion .accordion-item {
    border-bottom: 1px solid #bfdbde;
    padding-bottom: 2rem;
}

.accordion button svg.fa-plus,
.accordion button svg.fa-minus {
    font-size: 1.5rem;
    color: #00585A;
}

.accordion button:not(.collapsed) svg.fa-plus {
    display: none;
}

.accordion button.collapsed svg.fa-minus {
    display: none;
}

.accordion-button:not(.collapsed)::after,
.accordion-button::after {
    content: none;
}

.external-link {
    padding-top: 2rem;
}

.external-link a {
    text-transform: uppercase;
    font-weight: 600;

}

.menu-header .btn img {
    height: 16px;
    width: 16px;
    margin-left: 0.25rem;
}


.menu-header .btn {
   margin-bottom: 1rem;
}

.menu-header .btn:hover img {
    transition: 0.2s;
    filter: brightness(0) saturate(100%) invert(100%) sepia(98%) saturate(8%) hue-rotate(182deg) brightness(104%) contrast(104%);
}

    .menu-header .btn.btn-filled img {
        transition: 0.2s;
        filter: brightness(0) saturate(100%) invert(100%) sepia(98%) saturate(8%) hue-rotate(182deg) brightness(104%) contrast(104%);
    }

/* ________ Content sections _________  */

.content-section {
    flex-wrap: wrap;
    background: #F6F5F1;
}

    .content-section > div {
        flex-basis: 100%;
    }


    .content-section .content-text {
        order: 2;
    }

    .content-section.content-image {
        order: 1;
    }


@media screen and (max-width: 767px) {


    .content-section .content-text {
        padding-left: 15px;
        padding-right: 15px;
    }
}


@media screen and (min-width: 768px) {



    .content-section > div {
        flex-basis: 50%;
        flex-grow: 0;
        flex-shrink: 0;
        max-width: 50%;
    }

    .content-section:nth-child(even) .content-text {
        order: 2;
    }

    .content-section:nth-child(even) .content-image {
        order: 1;
    }

    .content-section:nth-child(odd) .content-text {
        order: 1;
    }

    .content-section:nth-child(odd) .content-image {
        order: 2;
    }
}



@media screen and (min-width: 768px) {

    .text-sections {
        padding-left: 0;
        padding-right: 0;
    }
}

.content-section .content-text h2 {
    color: #114232;
    font-size: clamp(1.875rem, 2vw + 1rem, 2.5rem);
    margin-bottom: 0.5rem;
}

.content-section .content-text.bg-green h2 {
    color: #fff;
}

.content-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: relative;
    z-index: 2;
    aspect-ratio: 3/2;
}


.content-video {
    position: relative;
}

    .content-video #video-media {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden;
        left: 0;
        bottom: 0;
        right: 0;
        aspect-ratio: 16/9;
    }

    .content-video .embed-responsive {
        background: #000;
    }


.projects-page .nav-tab-container {
    padding-top: 1rem;
    position: relative;
}


.projects-page .nav-tabs {
    justify-content: center;
    border: none;
    display: block;
    gap: 0.25rem;
    position: relative;
}

.projects-page .nav-tabs .nav-link {
    padding: 0.75rem 0.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: none;
    background-color: #007079;
    width: 100%;
    border-radius: 0;
    cursor: pointer;
    border-top: 1px solid #EBF0F0;
    border-bottom: 1px solid #EBF0F0;
    color: #fff;
    text-align: center;
}

@media screen and (min-width: 568px) {
    .projects-page .nav-tabs {
        display: flex;
    }

        .projects-page .nav-tabs .nav-link {
            border-right: 1px solid #EBF0F0;
            border-left: 1px solid #EBF0F0;
            border-top: none;
            border-bottom: none;
        }
}

@media screen and (min-width: 992px) {
    .projects-page .nav-tab-container {
        padding-top: 2rem;
    }

    .projects-page .nav-tabs {
        max-width: 800px;
        margin: 0 auto;
    }

    .checkbox-container {
        width: 50%;
    }
}

.projects-page .nav-tabs .nav-link.active {
    background-color: #FFFFFF;
    color: #007079;
}

.projects-page .nav-tabs .nav-item {
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
}

.tab-title {
    background: #E6F1F2;
    padding: 0.25rem 0.5rem;
    width: fit-content;
    margin-bottom: 0;
    margin-right: 0.5rem;
}

.filter-container {
    position: absolute;
    top: 222px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.20);
}

@media screen and (min-width: 568px) {

    .filter-container {
        top: 48px;
    }
}

.custom-checkbox-wrapper input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custom-checkbox-box {
    width: 16px;
    height: 16px;
    border: 2px solid #007878; 
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    border-radius: 2px;
    background-color: transparent;
    transition: background-color 0.2s ease;
}

.custom-checkbox-label {
    vertical-align: middle;
    font-size: 16px;
    color: #004f53;
}

.custom-checkbox-wrapper input[type="checkbox"]:checked + .custom-checkbox-box {
    background-color: #007878; 
    border: 2px solid white; 
    box-shadow: 0 0 0 2px #007878; 
}




/* ____________ Nav Tabs ____________ */

.tabs-section .tab-header,
.tabs-section .tab-link {
    text-decoration: none;
}

    .tabs-section .tab-link.active {
        text-decoration: underline;
        text-decoration-color: #EB7F5E;
    }

        .tabs-section .tab-link.active .tab-header {
            color: #EB7F5E;
        }

.tabs-section .tab-content p {
    line-height: 1.75;
}

.contact-container {
    background: #F5F2E7 !important;
}

@media (max-width: 768px) {
    .tabs-section li.nav-item {
        width: 100%;
    }

        .tabs-section li.nav-item button {
            padding: 0.25rem 1rem;
        }
}


.tabs-section .contact-container h3 {
    margin-bottom: .3rem;
}

.tabs-section .nav-tabs {
    border-bottom: none;
}

    .tabs-section .nav-tabs .nav-link {
        border: 0;
        background: #fff;
    }

    .tabs-section .nav-tabs .nav-link h3{
        border: 0;
    }

        .tabs-section .nav-tabs .nav-link:active,
        .tabs-section .nav-tabs .nav-link:focus {
            border: 0;
            outline: 0;
        }

.tabs-section .map-wrap iframe {
    width: 100%;
    height: 450px;
    filter: grayscale();
}