/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./SFH/Static/styles/start.css ***!
  \*****************************************************************************************************************************************************/
/* <reference path="../colors.css" / > */

.startpage_banner-area {
    position: relative;
    background: #183e72;
}

.startpage_banner-image {
    width: 100%;
    height: 610px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.startpage_banner-image img {
        width: 100%;
    }

.startpage_banner-content {
    width: 70%;
    max-width: 890px;
    position: absolute;
    z-index: 5;
    color: #ffffff;
    margin-top: 8.1%;
}

.startpage_banner-area .button-link + .button-link {
    margin-left: 20px;
}

.startpage_banner-content p {
    margin-bottom: 50px;
    line-height: 1.875rem;
    display: inline-block;
    font-size: 1.048em;
}

.startpage_banner-content .content {
    width: 50%;
}

.startpage_secondary-area {
    position: relative;
    background: #eeeeee;
    padding: 60px 0 0 0;
}

.counters {
    width: 100%;
    display: table;
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    -ms-box-shadow: 0 4px 15px -1px #d6d3d6;
    box-shadow: 0 4px 15px -1px #d6d3d6;
    box-shadow: 0 4px 15px -1px rgba(214,211,214,1);
    margin-bottom: 45px;
}

.counter-item {
    display: table-cell;
    text-align: center;
}

.counter-item + .counter-item .key-number {
        border-left: 1px solid #dbdbdb;
    }

.counter-item h2 {
        background: #dd2f79;
        padding: 10px 30px;
        color: #ffffff;
        font-weight: normal;
        font-size: 0.952em;
    }

.key-number {
    font: normal 3.75rem/3.75rem 'kroppen_roundregular', sans-serif;
    color: #333333;
    padding: 30px 0 25px 0;
    margin: 20px 0;
}

.startpage_secondary-content {
    position: relative;
    min-height: 470px;
}

.startpage_secondary-content img {
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 370px;
        max-height: 470px;
    }

.secondary-content_intro {
    width: 60%;
    max-width: 720px;
    padding: 45px 0 0 0;
    margin-bottom: 100px;
}

.secondary-content_intro h2 {
        font-family: 'open sans', arial, sans-serif;
        font-size: 1.238em;
        margin-bottom: 35px;
    }

.teaser {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
}

.startpage_module-full .teaser {
    padding: 40px 90px 40px 50px;
}

.startpage_module-half .teaser_content {
    padding: 40px 50px;
}

.module-column_right .startpage_module-half .teaser_content {
    position: absolute;
    z-index: 10;
    width: 100%;
    box-sizing: border-box;
}

.module-column_right .startpage_module-half .teaser {
    position: relative;
    height: 100%;
}

.startpage_module-full h2, .startpage_module-half h2 {
    font-family: 'open sans', arial, sans-serif;
    font-size: 2.286em;
    line-height: 2.875rem;
    color: #333333;
    margin-bottom: 17px;
}

.teaser_content p {
    font-size: 0.905em;
    font-family: 'open sans', serif;
    line-height: 1.5rem;
    color: #333333;
}

.teaser_content a {
    color: #333333;
    text-decoration: none;
    font-family: 'open sans', serif;
}

.teaser_content p {
    margin-bottom: 15px;
}

.startpage_module-full img {
    position: relative;
    height: 100%;
    max-height: 200px;
    max-width: 300px;
    float: right;
}

.startpage_module-full .teaser_content {
    width: 60%;
    max-width: 705px;
}

.startpage_module-half .teaser img {
    bottom: 0;
    position: absolute;
    width: 100%;
    max-width: 580px;
    max-height: 100%;
}

.startpage_module-full .teaser_content {
    width: 100%;
    box-sizing: border-box;
}

.startpage_module-half {
    box-sizing: border-box;
    vertical-align: top;
    height: 100%;
}

.startpage_module-small {
    width: 50%;
    box-sizing: border-box;
    margin-top: 40px;
    vertical-align: top;
}

.teaser-small {
    position: relative;
    height: 270px;
    overflow: hidden;
    background: #f2f2f2;
}

.teaser-small_content {
    background: #dd2f79;
    color: #ffffff;
    font-family: 'open sans', arial, sans-serif;
    font-size: 1.190em;
    padding: 10px 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
}

.teaser-small img {
    width: 100%;
}

.pull-left {
    display: block;
    float: left;
    padding-right: 20px;
}

.pull-right {
    display: block;
    float: right;
    padding-left: 20px;
}

/*--------TYPO------*/

.startpage_banner-content h1 {
    font-family: 'open sans', arial, sans-serif;
    font-size: 2.8em;
    line-height: 0.9em;
    color: #ffffff;
    margin-bottom: 40px;
}

.news {
    margin-top: 30px;
}

.startpage_news-area {
    background: var(--sfh-turquoise-100);
    padding-bottom: 50px;
}

.startpage_news-area h2 {
        font-family: 'open sans', arial, sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        padding: 40px 0 30px 0;
        border-bottom: 1px solid #d5d5d5;
    }

.news li.news_item {
    margin-top: 30px;
    vertical-align: top;
}

.news_item-content {
    width: 100%;
}

.news_item-content a:hover {
        text-decoration: underline;
        color: #333333;
    }

.news_item-content p {
        font-size: 1rem;
        line-height: 1.375rem;
    }

.news_date {
    color: #5f5f5f;
    margin-bottom: 10px;
    display: block;
    font-family: 'open sans', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1em;
    color: #4c4c4c;
}

.news_organization {
    color: #5f5f5f;
}

.news li.news_item:first-child {
    margin-top: 0;
}

.news li.news_item a h3 {
    font-size: 1.375rem;
    font-family: 'open sans', arial, sans-serif;
    font-weight: 700;
    color: #333333;
    text-decoration: none;
    margin-bottom: 5px;
    display: block;
}

.startpage_org-area {
    background: #ffffff;
    padding: 50px 0 80px 0;
}

.startpage_org-area h2 {
        font-family: 'open sans', arial, sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        padding: 0 0 30px 0;
    }

.stakeholder-block a {
    font-size: 0.810em;
    display: inherit;
    line-height: 1.3125rem;
}

.stakeholder-image {
    text-align: center;
    margin-bottom: 15px;
    max-height: 155px;
    overflow: hidden;
}

.stakeholder-image img {
        width: 100%;
    }

.news-area {
    width: 1180px;
}

.news-area > div {
        display: inline-block;
        width: 45%;
        vertical-align: top;
    }

.news-area > div + div {
            margin-left: 9%;
        }

/*------------BOTTOM TEASERS---------------*/

.teaser-area {
    margin-bottom: 100px;
    width: 110%;
}

.teaser-area > div {
        display: inline-block;
        width: 535px;
        vertical-align: bottom;
    }

.teaser-area > div + div {
            margin-left: 113px;
        }

.teaser-block h3 {
    margin-bottom: 20px;
    font-family: 'open sans', sans-serif;
    font-size: 1.238em;
}

.teaser-block_image {
    width: 100%;
    overflow: hidden;
}

.teaser-block_image img {
        width: 100%;
    }

@media screen and (max-width:1180px) {
    .teaser-area {
        margin-bottom: 100px;
        width: 100%;
    }

        .teaser-area > div {
            display: inline-block;
            width: 45%;
            vertical-align: bottom;
        }

            .teaser-area > div + div {
                margin-left: 9%;
            }
}

@media screen and (max-width:1024px) {
    .news-area {
        width: 100%;
    }

        .news-area > div {
            width: 45%;
        }

            .news-area > div + div {
                margin-left: 2%;
            }
}

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

    .module-column_right .startpage_module-half .teaser_content {
        z-index: 2;
    }

    .startpage_banner-intro_links {
        padding: 0;
    }

    .startpage_banner-area {
        text-align: center;
    }


    .startpage_banner-content {
        width: 100%;
        max-width: 100%;
        height: 100%;
        position: absolute;
        z-index: 5;
        color: #ffffff;
        margin-top: 0;
        left: 0;
        bottom: 0;
    }

        .startpage_banner-content h1 {
            width: 90%;
            margin: 170px auto 0 auto;
            font-size: 2.75rem;
        }

    .startpage_banner-image {
        width: 100%;
        height: 645px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

    .startpage_banner-intro {
        background: #3a6c7f;
        width: 100%;
        box-sizing: border-box;
        padding: 30px 20px;
        position: absolute;
        bottom: 0;
    }

        .startpage_banner-intro p {
            /*height: 118px;*/
            /*overflow: hidden;*/
            font-size: 0.8em;
            line-height: 1.4375rem;
            margin-bottom: 20px;
        }


    .startpage_banner-image img {
        height: 100%;
        width: auto;
    }

    .startpage_secondary-area {
        padding: 35px 0 0 0;
    }

    .counters {
        display: block;
        margin-bottom: 30px;
    }


    .counter-item {
        display: block;
        text-align: center;
    }

        .counter-item + .counter-item .key-number {
            border: none;
        }

    .key-number {
        margin: 0;
    }

    .startpage_secondary-content {
        text-align: center;
    }

    .secondary-content_intro {
        width: 100%;
        max-width: 100%;
        padding: 20px 0 0 0;
        margin-bottom: 50px;
        text-align: left;
    }

        .secondary-content_intro h2 {
            font-size: 1.190em;
            margin-bottom: 20px;
            text-align: center;
        }

    .startpage_secondary-content img {
        position: relative;
        margin: auto;
        margin-top: 60px;
        margin-bottom: -7px;
        max-width: 100%;
    }

    .startpage_module-full {
        text-align: center;
    }

    .teaser_content {
        text-align: left;
    }

    .startpage_module-full img {
        position: relative;
        right: 0;
    }

    .module-column_left, .module-column_right {
        width: 100%;
        float: None;
        padding: 0;
    }

        .module-column_left .startpage_module-half {
            height: 270px;
            overflow: hidden;
            background: url('Images/bluebg.png');
        }

    .startpage_module-area {
        padding: 40px 0;
    }

    .module-column_left .startpage_module-half .teaser img {
        bottom: 0;
        width: 100%;
        max-width: 100%;
    }

    .module-column_right .startpage_module-half .teaser img {
        bottom: 0;
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: none;
    }

    .startpage_module-full .teaser_content, .startpage_module-half .teaser_content {
        padding: 20px;
    }

    .startpage_module-full .teaser {
        padding: 20px;
    }

    .startpage_module-full img {
        position: relative;
        height: 100%;
        max-height: 200px;
        max-width: 300px;
        float: none;
    }

    .startpage_module-full h2, .startpage_module-half h2 {
        font-size: 1.619em;
        line-height: 2.1875rem;
        margin-bottom: 17px;
    }

    .module-column_left {
        margin-top: 30px;
    }

    .module-column_right {
        margin-top: 30px;
        position: relative;
    }

    .startpage_module-small {
        margin-top: 30px;
    }

    .teaser-small_content {
        width: 100%;
        box-sizing: border-box;
    }

    .startpage_news-area {
        background: #ededed;
        padding-bottom: 40px;
    }

    .news {
        margin-top: 0;
        -moz-columns: 1;
        -ms-columns: 1;
        -o-columns: 1;
        columns: 1;
    }

    .news-area {
        width: 100%;
    }

        .news-area > div {
            width: 100%;
        }

            .news-area > div + div {
                margin-left: 0;
            }

    .startpage_news-area .content {
        padding: 0;
    }

    .news li.news_item {
        display: block;
        width: 100%;
        padding: 10px 20px;
        box-sizing: border-box;
        margin-top: 0;
    }

    .news_item + .news_item {
        border-top: 1px solid #d5d5d5;
    }

    .news li.news_item p {
        font-size: 0.857em;
        line-height: 1.4375rem;
    }

    .startpage_news-area h2 {
        font-size: 1.5rem;
        font-weight: 700;
        padding-left: 20px;
        box-sizing: border-box;
    }

    .startpage_org-area {
        text-align: center;
        width: 100%;
        padding: 35px 0 50px 0;
    }

        .startpage_org-area .content {
            overflow: hidden;
        }

        .startpage_org-area h2 {
            font-size: 1.190em;
        }

        .startpage_org-area .block-area-3col > div {
            width: 100%;
        }

            .startpage_org-area .block-area-3col > div + div {
                margin-left: 0;
                padding-left: 0;
            }

    .stakeholder-block {
        text-align: left;
        margin-top: 20px;
    }

        .stakeholder-block a {
            line-height: 1.25rem;
        }

    .teaser-area {
        display: block;
        margin-bottom: 50px;
    }

    .stakeholder-image img {
        width: auto;
    }

    .teaser-area > div {
        width: 100%;
    }

        .teaser-area > div + div {
            margin: 40px 0 0 0;
        }
}

@media screen and (max-width: 665px) {
    .startpage_banner-intro_links a.button-link {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

        .startpage_banner-intro_links a.button-link + a.button-link {
            margin: 20px 0;
        }
}

@media screen and (max-width: 568px ) {
    .startpage_module-half .teaser img {
        position: absolute;
    }

    .startpage_module-half .teaser {
        display: inline-block;
        height: 430px;
    }

    .module-column_right .startpage_module-half .teaser {
        position: static;
    }

    .startpage_banner-content h1 {
        margin: 20% auto 0;
        font-size: 2.4375rem;
    }

    .teaser-area {
        display: block;
        width: 100%;
    }

        .teaser-area > div {
            display: block;
            width: 100%;
        }

    .teaser-block h3 {
        margin-bottom: 20px;
        font-family: 'open sans', sans-serif;
        font-size: 1.238em;
    }

    .teaser-area > div + div {
        padding-left: 0;
        padding-top: 30px;
        margin-left: 0;
    }

    .teaser-block_image {
        width: 100%;
        overflow: hidden;
    }

        .teaser-block_image img {
            width: 100%;
        }

    .module-column_right .startpage_module-half .teaser img {
        bottom: 0;
        width: 100%;
        height: auto;
        margin-bottom: -7px;
        left: 0;
    }
}

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

    .startpage_module-small {
        width: 100%;
        padding: 0;
    }

    .pull-left, .pull-right {
        float: none;
    }

    .teaser-small_content {
        width: 100%;
        box-sizing: border-box;
    }

    .module-column_right {
        margin-top: 30px;
        position: relative;
        height: 400px;
    }

    .startpage_banner-content h1 {
        margin: 20% auto 0;
    }
}

.start-page_top-area {
    margin-top: 30px;
}

/*STARTPAGE v2*/

.startpage_hero-content {
    background-size: cover;
    background-position: left center;
    color: #ffffff;
}

.statistic-container-block {
    padding: 85px 0;
}

.statistic-container-block h2 {
        text-align: center;
        font-family: 'open sans', arial, sans-serif;
        font-size: 3.25rem;
        font-weight: 700;
        line-height: 1.35;
        margin-bottom: 25px;
        margin-left: auto;
        margin-right: auto;
    }

.statistic-container-block_preamble {
    margin-bottom: 45px;
    line-height: 1.875rem;
    display: inline-block;
    font-size: 1.25rem;
    text-align: center;
    display: block;
}

.statistic-container-block_link {
    margin-top: 50px;
    position: relative;
    padding: 15px;
    text-align: center;
}

.statistic-container-block_link a {
        width: auto;
        display: inline-block;
        font-family: 'open sans', Arial, sans-serif;
        padding: 10px 20px;
    }

@media(max-width: 570px) {
    .statistic-container-block_link a {
        padding: 10px 20px;
    }
}

.statistic-container-block_statistics > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: var(--sfh-turquoise-100);
    text-align: center;
    border-radius: 11px;
}

.statistic-container-block_statistics > div > div {
        flex-grow: 1;
    }

.statistic-block {
    text-align: center;
    color: #333333;
    margin-bottom: 30px;
    font-family: 'open sans', arial, sans-serif;
}

.statistic-block h2 {
        font-size: 1.125rem;
        font-weight: 600;
        background: var(--sfh-red-700);
        color: #fff;
        margin-bottom: 15px;
        padding: 10px 1px;
        margin-right: -1px;
        margin-left: -1px;
    }

.statistic-container-block_statistics > div > div:first-child .statistic-block h2 {
    border-top-left-radius: 10px;
}

.statistic-container-block_statistics > div > div:last-child .statistic-block h2 {
    border-top-right-radius: 10px;
}

.statistic-block_value {
    font: normal 3.75rem/3.75rem 'kroppen_roundregular', sans-serif;
    margin-bottom: 15px;
    border-right: 1px solid #9aabb2;
    padding-top: 15px;
}

.statistic-container-block_statistics > div > div:last-child .statistic-block_value {
    border-right: none;
}

@media(max-width: 1120px) {
    .statistic-container-block {
        padding: 50px 20px;
    }
}

.job-listing-block {
    background: var(--sfh-turquoise-100);
    padding: 80px 0;
    color: #333;
}

.job-listing-block h2 {
        font-family: 'open sans', arial, sans-serif;
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 25px;
    }

.job-listing-block_listing-headers-desktop {
    font-weight: bold;
    padding: 10px 0;
}

.job-listing-block_content {
    display: flex;
    justify-content: space-between;
    font-size: 1.125rem;
}

.job-listing-block_content a {
        font-family: 'open sans', arial, sans-serif;
    }

.job-listing-block_listing {
    max-width: 750px;
    width: 100%;
}

.job-listing-block a:after {
    content: "";
    background-image: url(/static/images/chevron-right-green.svg);
    padding: 10px;
    background-repeat: no-repeat;
    background-size: 10px;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: -5px;
}

.job-listing-block ul {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.job-listing-block li {
    display: table-row;
}

.job-listing-block li span {
        display: table-cell;
        padding-bottom: 10px;
    }

.job-listing-block li span:first-child {
            min-width: 380px;
        }

.job-listing-block li span:last-child {
            min-width: 235px;
        }

.job-listing-block li:nth-child(2) span {
        padding-top: 10px;
    }

.job-listing-block li span:last-child {
        text-align: right;
    }

.job-listing-block_content img {
    max-width: 380px;
    align-self: center;
}

.job-listing-block li span.job-listing-block_listing-headers-mobile {
    display: none;
}

.job-listing-block_listing_employee {
    max-width: 415px;
    padding-right: 20px;
    box-sizing: border-box;
}

.job-listing-block_link {
    font-weight: bold;
    position: relative;
}

.job-listing-block_link:before {
        display: none;
    }

@media(max-width: 1200px) {
    .job-listing-block li span:first-child {
        min-width: unset;
    }

    .statistic-container-block_statistics > div {
        padding: 0;
    }
}

@media(max-width: 864px) {
    .statistic-container-block_statistics > div {
        display: block;
        padding: 0 20px;
    }

    .statistic-container-block_preamble {
        border-bottom: none;
        margin-bottom: 25px;
    }

    .statistic-block {
        border-bottom: 1px solid #9aabb2;
        border-right: none;
        padding: 20px 0;
    }

    .statistic-container-block h2 {
        font-size: 2em;
        margin-bottom: 20px;
    }

    .statistic-block_value {
        border-right: none;
        font-size: 2.4em;
        margin-bottom: 0;
        padding-top: 0;
    }

    .statistic-container-block_statistics > div > div:last-child .statistic-block {
        border-bottom: none;
    }

    .statistic-container-block_link {
        margin-top: 25px;
    }

    .statistic-container-block_statistics > div > div:first-child .statistic-block h2 {
        border-top-left-radius: 0px;
    }

    .statistic-container-block_statistics > div > div:last-child .statistic-block h2 {
        border-top-right-radius: 0px;
    }

    .job-listing-block {
        padding: 40px 0;
    }

        .job-listing-block h2 {
            margin-bottom: 5px;
        }

    .job-listing-block_content {
        display: block;
    }

    .job-listing-block_listing {
        max-width: unset;
    }

    .job-listing-block_content img {
        margin: 0 auto;
        display: block;
    }
}

@media(max-width: 720px) {
    .job-listing-block ul {
        display: block;
    }

    .job-listing-block li {
        display: block;
        border-bottom: 1px solid #0096d2;
        padding: 10px 0;
    }

        .job-listing-block li.job-listing-block_listing-headers-desktop {
            display: none;
        }

        .job-listing-block li span.job-listing-block_listing-headers-mobile {
            font-weight: bold;
            margin-top: 5px;
            padding-bottom: 0;
            display: block;
        }

            .job-listing-block li span.job-listing-block_listing-headers-mobile:first-child {
                margin-top: 0;
            }

    .job-listing-block span {
        display: block;
    }

    .job-listing-block li:nth-child(2) span {
        padding-top: 0;
    }

    .job-listing-block li span:last-child {
        text-align: left;
    }
}

/* campaign block */

.campaign-block {
    padding: 80px 0;
}

.campaign-block h1 {
        text-align: center;
        font-family: 'open sans', arial, sans-serif;
        font-size: 2.667em;
        line-height: 1em;
        margin-bottom: 25px;
    }

.campaign-block_preamble {
    line-height: 1.875rem;
    display: block;
    font-size: 1.048em;
    text-align: center;
}

.campaign-block_link {
    margin-top: 0;
    position: relative;
    padding: 15px;
    text-align: center;
    margin-top: 50px;
}

.campaign-block_link a {
        width: unset;
        color: #333;
        border: 2px solid #000;
        display: inline-block;
    }

.startpage_hero-content .campaign-block_link a {
    color: #ffffff;
    border: 2px solid #ffffff;
    font-family: 'open sans', Arial, sans-serif;
}

@media(max-width: 1120px) {
    .campaign-block {
        padding: 50px 20px;
    }
}

@media(max-width: 864px) {
    .campaign-block h1 {
        font-size: 2em;
        margin-bottom: 20px;
    }

    .campaign-block_preamble {
        border-bottom: none;
    }

    .campaign-block_link {
        margin-top: 25px
    }
}

@media(max-width: 570px) {
    .campaign-block_link a {
        padding: 10px 20px;
    }
}

.startpage_news-area-v2 {
    margin-bottom: 50px;
}

/* substartpage */

.startpage--sub-start .startpage_hero-content {
    padding: 26px 0;
}

.startpage--sub-start .startpage_hero-content .calendar-block {
        background-color: transparent;
        color: #fff;
    }

.startpage--sub-start .startpage_hero-content .calendar-block a {
            color: #fff;
        }

.startpage--sub-start .startpage_hero-content .calendar-block_list-link:after {
        content: none;
    }

.startpage--sub-start .modules-area-container {
    padding: 70px 0 60px;
}

@media (max-width: 864px) {
    .startpage--sub-start .startpage_hero-content {
        padding: 0;
    }

    .startpage--sub-start .modules-area-container {
        padding: 20px;
    }
}

/* education-list-block */

.education-list-block {
    margin: 0 0 30px;
}

.education-list-block h2 {
        font-size: 1.4375rem;
        font-weight: bold;
        margin-bottom: 8px;
        padding: 0;
    }

.education-list-block p {
        line-height: 1.4375rem;
        font-size: 1.125rem;
        margin-bottom: 8px;
    }

.education-list-block a {
        color: #333333;
        font-size: 1rem;
        font-family: 'open sans', arial, sans-serif;
        letter-spacing: 0.03125rem;
    }

.education-list-block a:after {
            content: "";
            background-image: url(/static/images/large-arrow-black.png);
            height: 20px;
            width: 20px;
            background-size: 9px;
            background-repeat: no-repeat;
            display: inline-block;
            margin-left: 10px;
            margin-bottom: -7px;
        }

@media(max-width: 864px) {
    .education-list-block {
        margin: 20px 0 0;
    }

        .education-list-block:last-child {
            margin-bottom: 10px;
        }
}

/* link-list-block */

.link-list-block {
    margin: 0 0 30px;
    text-align: center;
    padding: 45px 20px;
    width: 100%;
}

.link-list-block h2 {
        font-size: 1.875rem;
        font-weight: bold;
        margin-bottom: 8px;
        letter-spacing: 0.0625rem;
        font-family: 'Open Sans', Arial, sans-serif;
        font-weight: 600;
        margin-bottom: 19px;
    }

.link-list-block p {
        line-height: 1.4375rem;
        font-size: 1.125rem;
        margin-bottom: 16px;
    }

.link-list-block a {
        color: #333333;
        font-size: 1rem;
        letter-spacing: 0.05rem;
        font-family: 'Open Sans', Arial, sans-serif;
        font-weight: 700;
    }

.link-list-block a:after {
            content: "";
            background-image: url(/static/images/large-arrow-black.png);
            height: 20px;
            width: 20px;
            background-size: 9px;
            background-repeat: no-repeat;
            display: inline-block;
            margin-left: 10px;
            margin-bottom: -7px;
        }

.link-list-block.color-selection--green a,
    .link-list-block.color-selection--blue a,
    .link-list-block.color-selection--pink a {
        color: white;
    }

.link-list-block.color-selection--green a:after,
        .link-list-block.color-selection--blue a:after,
        .link-list-block.color-selection--pink a:after {
            background-image: url(/static/images/large-arrow-white.png);
        }

.link-list-block ul {
        text-align: left;
        display: inline-block;
    }

@media(max-width: 864px) {
    .link-list-block {
        margin: 20px 0 0;
    }

        .link-list-block:last-child {
            margin-bottom: 10px;
        }
}

/* category listing block */

.category-listing-block {
    padding: 61px 0;
    background: #EEEEEE;
}

.category-listing-block h2 {
        font-size: 1.4375rem;
        font-weight: bold;
        margin-bottom: 26px;
    }

.category-listing-block ul {
        display: flex;
        max-width: 785px;
        justify-content: space-between;
        flex-wrap: wrap;
        float: left;
    }

.category-listing-block ul li {
            width: calc(100% / 3 - 27px);
            margin-bottom: 48px;
        }

.category-listing-block ul li a {
                color: #333333;
                display: block;
                text-decoration: none;
            }

.category-listing-block ul li a h3 {
                    letter-spacing: 0.03125rem;
                    font-weight: bold;
                }

.category-listing-block ul li a p {
                    margin-top: 9px;
                    padding-top: 14px;
                    border-top: 1px solid;
                    font-size: 1rem;
                    line-height: 1.25rem;
                    padding-right: 25px;
                    position: relative;
                }

.category-listing-block ul li a p:after {
                        content: "";
                        background-image: url(/static/images/large-arrow-black.png);
                        height: 30px;
                        width: 18px;
                        background-size: 15px;
                        background-repeat: no-repeat;
                        display: inline-block;
                        position: absolute;
                        right: 5px;
                        top: 50%;
                        margin-top: -6px;
                    }

.category-listing-block_image {
    width: calc(100% - 800px);
    float: right;
    text-align: center;
}

.category-listing-block_image img {
        max-width: 100%;
        display: inline;
    }

@media(max-width: 970px) {
    .category-listing-block ul {
        max-width: 100%;
    }

    .category-listing-block_image {
        display: none;
    }
}

@media(max-width: 785px) {
    .category-listing-block {
        padding: 40px 0;
    }

        .category-listing-block ul {
            display: block;
            float: none;
        }

            .category-listing-block ul li {
                width: auto;
            }
}

/*category-page*/

.category-page .modules-area-container {
    margin-bottom: 90px;
}

.category-page .modules-container--module {
    flex-grow: 0;
}

.category-page h1 {
    margin-top: 50px;
    font-family: 'open sans', arial, sans-serif;
    font-size: 2.8em;
    line-height: 1em;
    margin-bottom: 25px;
    letter-spacing: -0.0125rem;
}

.category-page .content > p {
    max-width: 755px;
    font-size: 1.375rem;
    line-height: 1.875rem;
    margin-bottom: 11px;
}

.category-page .text-content {
    display: block;
    background-color: transparent;
    padding: 25px;
    color: #333333;
}

.category-page .text-content h2 {
        font-size: 1.75rem;
        margin-bottom: 15px;
        padding: 0;
    }

.category-page .text-content h2:after {
            content: "";
            height: 27px;
            width: 20px;
            background-size: 13px;
            background-repeat: no-repeat;
            display: inline-block;
            margin-left: 10px;
            margin-bottom: -6px;
        }

.category-page h2:after {
    background-image: url(/static/images/large-arrow-black.png);
}

.category-page .color-selection--blue h2:after,
.category-page .color-selection--pink h2:after,
.category-page .color-selection--green h2:after {
    background-image: url(/static/images/large-arrow-white.png);
}

.category-page .text-content p {
    font-size: 1rem;
    font-family: inherit;
    letter-spacing: 0.0125rem;
    line-height: 1.5rem;
}

.category-page .image {
    height: 195px;
}

@media(max-width: 865px) {
    .category-page .modules-area {
        justify-content: space-between;
    }

    .category-page .modules-container--module {
        flex-basis: calc(50% - 10px);
        flex-grow: 0;
        margin: 0;
    }
}

@media(max-width: 600px) {
    .category-page .modules-container--module {
        flex-basis: 100%;
        flex-grow: 0;
        margin: 0;
    }
}

/*# sourceMappingURL=sfh-start.css.map*/