﻿@font-face {
    font-family: GtFlexa;
    src: url('/Fonts/GtFlexa/GT-Flexa-Standard-Regular.woff2') format('woff2'),url('../Fonts/GtFlexa/GT-Flexa-Standard-Regular.woff') format('woff'),url('../Fonts/GtFlexa/GT-Flexa-Standard-Regular.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: GtFlexa;
    font-style: italic;
    src: url('/Fonts/GtFlexa/GT-Flexa-Standard-Regular-Italic.woff2') format('woff2'),url('../Fonts/GtFlexa/GT-Flexa-Standard-Regular-Italic.woff') format('woff'),url('../Fonts/GtFlexa/GT-Flexa-Standard-Regular-Italic.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: GtFlexa;
    font-weight: bold;
    src: url('/Fonts/GtFlexa/GT-Flexa-Standard-Bold.woff2') format('woff2'),url('../Fonts/GtFlexa/GT-Flexa-Standard-Bold.woff') format('woff'),url('../Fonts/GtFlexa/GT-Flexa-Standard-Bold.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: GtAmerica;
    src: url('/Fonts/GtAmerica/GT-America-Standard-Regular.woff2') format('woff2'),url('../Fonts/GtAmerica/GT-America-Standard-Regular.woff') format('woff'),url('../Fonts/GtAmerica/GT-America-Standard-Regular.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: GtAmerica;
    font-style: italic;
    src: url('/Fonts/GtAmerica/GT-America-Standard-Regular-Italic.woff2') format('woff2'),url('../Fonts/GtAmerica/GT-America-Standard-Regular-Italic.woff') format('woff'),url('../Fonts/GtAmerica/GT-America-Standard-Regular-Italic.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: GtAmerica;
    font-weight: bold;
    src: url('/Fonts/GtAmerica/GT-America-Standard-Bold.woff2') format('woff2'),url('../Fonts/GtAmerica/GT-America-Standard-Bold.woff') format('woff'),url('../Fonts/GtAmerica/GT-America-Standard-Bold.ttf') format('truetype');
    font-display: swap
}


body {
    font-family: GtAmerica, Tahoma, Verdana, sans-serif;
}
h1 {
    font-family: GtFlexa, Tahoma, Verdana, sans-serif
}

h2 {
    font-family: GtFlexa, Tahoma, Verdana, sans-serif
}
h3 {
    font-family: GtFlexa, Tahoma, Verdana, sans-serif
}
h4 {
    font-family: GtFlexa, Tahoma, Verdana, sans-serif
}
.text-module h2 {
    font-family: GtFlexa, Tahoma, Verdana, sans-serif !important;
}

.hero-module .hero-text-wrapper .hero-text-container .hero-heading {
    font-family: GtFlexa, Tahoma, Verdana, sans-serif !important;
}
header .org-header{
    padding:0;
    height:120px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}
header .org-header img{
    padding: 0;
    min-height:120px;
    width:auto;
}
footer {
    display: flex;
    background-color: rgb(233, 232, 233);
    margin-top:100px;
}
.footer-container{
display:flex;
    flex-direction:row;
    justify-content:flex-start;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:20px 0;
}
.footer-container .logo{
    margin-right:200px;
}

    .footer-container a:link, .footer-container a:visited {
        color: #2c2a29;
    }
.footer-container a:hover {
        color: #c3212b;
    }

    header .org-header .buttons-container {
        align-items: center;
        display: flex;
    }

    header .org-header .buttons-container a img{
       width:35px;
      height:35px;
      margin-left:10px;
    }

    header .org-header .buttons-container a:link.search-btn, header .org-header .buttons-container a:visited.search-btn {
        margin: 0 30px 0 70px;
        padding: 12px 0;
        display: inline-block;
        font-weight: bold;
        text-decoration: none;
        font-size: 20px;
        color: black;
        background-color: white;
        display: flex;
        align-items: center;
    }

    header .org-header .buttons-container a:hover.search-btn {
        color: #c3212b;
    }

    header .org-header .buttons-container a:link.menu-btn, header .org-header .buttons-container a:visited.menu-btn {
        margin: 0 0 0 30px;
        padding: 12px 0;
        display: inline-block;
        font-weight: bold;
        text-decoration: none;
        font-size: 20px;
        color: black;
        background-color: white;
        display: flex;        
        align-items: center;
    }

    header .org-header .buttons-container a:hover.menu-btn {
        color: #c3212b;
    }

    header .org-header .buttons-container a:link.button-link, header .org-header .buttons-container a:visited.button-link {
        background-color: #28856a;
        border: 3px solid #28856a;
        display: inline-block;
        padding: 12px 24px;
        color: white;
        font-weight: bold;
        text-decoration: none;
        font-size: 22px;
    }

       

    header .org-header .buttons-container a:hover.button-link {
        background-color: white;
        border: 3px solid #28856a;       
        color: #28856a;        
    }

.hero-module .hero-text-wrapper {    
  left:30px;
    bottom:50px;
    width:90%;
}
.hero-module .hero-text-wrapper .hero-text-container {    
    width: 1200px;
    padding-left:0;
    margin-left:0;
    text-align:left;

}
    .hero-module .hero-text-wrapper .hero-text-container .hero-heading {
        max-width: 58%;
        text-align: left;
        line-height: 1.3;
        font-size: 50px;
        line-height: 1.4;
    }
@media (max-width: 750px) {
    .hero-module .hero-text-wrapper .hero-text-container .hero-heading {
        max-width: 95%;
        text-align: left;
        line-height: 1.3;
        font-size: 32px;
        line-height: 1.2;        
    }
    .hero-module .hero-text-wrapper {
        left: 10px;
        bottom: 50px;
    }

    .footer-container {
        display: flex;
        flex-direction: column;
      align-items:center;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px 0;
    }
        .footer-container h2{
            font-size:22px;
        }
        .footer-container .row{
            margin-left:10px;
        }

        .footer-container .logo {
            margin: 0 auto;
        }
}


    .hero-module .hero-text-wrapper .hero-text-container a:link.cta, .hero-module .hero-text-wrapper .hero-text-container a:visited.cta {
        border-radius: 0;
        background: #fff;
        border: 3px solid #fff;
        color: #c3212b;
        text-shadow: none;
        font-size: 20px;
        padding: 10px 20px;
        font-weight: bold;
        line-height: 1.4;
    }
    .hero-module .hero-text-wrapper .hero-text-container a:hover.cta {
        background: none;
        border-color: #fff;
        color:#fff;
    }

.form-container-outer .form-image-container, .form-container-outer .form-container-inner{
    
    margin:0 auto;
    width:100%;
}
.radio-toolbar {
    display: flex;
    flex-direction: row;
    align-content
}
.radio-toolbar.fullwidth {
    display: flex;
    flex-direction: column;
}
.radio-toolbar input[type=radio]:checked + label {
    background-color: white;
    color: #28856a;
    padding:16px 28px;
    font-weight:bold;
}
.form-template {
    background-color: white;
}
.radio-toolbar label {
    display: inline-block;
    border-radius: 0;
    outline: 3px solid #28856a;
    margin-right: 1rem;
    font-size: 22px;
    font-weight: bold;
    padding: 16px 28px;
    min-width: 150px;
    margin: 0 24px 16px 0;
    background: #28856a;
    color: #fff;
    text-align: center;    
}
    .radio-toolbar label span {
        font-size:12px;
    }
    .radio-toolbar label:hover {
        color: silver;
        background: #28856a;
        outline: 3px solid #28856a;
    }

.btn.btn-vipps{
    padding:0;
    background-color:white;
    text-shadow:none;
    box-shadow:none;
    vertical-align:middle;
    
}
    .btn.btn-vipps img {
        min-width: 250px;
        height: auto;
    }
    .btn.btn-vipps:hover {
        background-color:white;
    }

button.button-link {
    background-color: #28856a;
    border: 3px solid #28856a;
    display: inline-block;
    padding: 12px 14px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 22px;
}

    button.button-link.selected {
        background-color: white;
        border: 3px solid #28856a;
        display: inline-block;
        padding: 12px 14px;
        color: #28856a;
        font-weight: bold;
        text-decoration: none;
        font-size: 22px;
        cursor: pointer;
    }
    button.button-link:hover {
        background-color: white;
        border: 3px solid #28856a;
        display: inline-block;
        padding: 12px 14px;
        color: #28856a;
        font-weight: bold;
        text-decoration: none;
        font-size: 22px;
        cursor:pointer;
    }
button.button-link-small {
    background-color: #28856a;
    border: 2px solid #28856a;
    display: inline-block;
    padding: 10px 6px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    margin-left:5px;
}

    button.button-link-small:hover {
        background-color: white;
        border: 2px solid #28856a;
        display: inline-block;
        padding: 10px 6px;
        color: #28856a;
        font-weight: bold;
        text-decoration: none;
        font-size: 16px;
        cursor: pointer;
    }
.person-details{
    margin-top:50px;
    display:none;
}
.form-element{
    margin-bottom:30px;
}
    .person-details input {
        border-radius: 0;
        padding: 8px;
        color: #2c2a29;
        border: 2px solid #2c2a29;
        border-top-width: 4px;
        font-size: inherit;
        line-height: 1.4;
        height: auto;
        box-shadow: none;
        display: block;
        width: 100%;
        max-width:500px;
    }

        .person-details input.zipcode {
            max-width: 120px;
        }

        .person-details input.phone {
            max-width: 220px;
        }

.person-details label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 10px;
    font-size: 22px;
}

.form-element-family {
    margin-bottom: 10px;
}

.person-details-additional {
    margin-top: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-right: 1rem;
}

.person-details-additional label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
}

.person-details-additional input {
    border-radius: 0;
    padding: 8px;
    color: #2c2a29;
    border: 2px solid #2c2a29;
    border-top-width: 4px;
    font-size: inherit;
    line-height: 1.4;
    height: 35px;
    box-shadow: none;
    display: block;
    width: 100%;
    max-width: 200px;
    margin: 0px;
}

.family-member-container {
    margin-top: 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-right: 1rem;
}

.remove-button-container {
    display: flex;
    flex-direction: column-reverse;
}

.add-button-container {
    display: flex;
    flex-direction: column-reverse;
}

.family-header-container {
    display: flex;
    margin-bottom: 20px;
    font-family: GtAmerica, Tahoma, Verdana, sans-serif;
}

.button-addpeople {
    background-color: #28856a;
    border: 3px solid #28856a;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 22px;
    margin-bottom: 20px;
}



button.button-addpeople.selected {
    background-color: white;
    border: 3px solid #28856a;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #28856a;
    font-weight: bold;
    text-decoration: none;
    font-size: 22px;
    cursor: pointer;
    margin-bottom: 20px;
}

button.button-addpeople:hover {
    background-color: white;
    border: 3px solid #28856a;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #28856a;
    font-weight: bold;
    text-decoration: none;
    font-size: 22px;
    cursor: pointer;
    margin-bottom: 20px;
}

.button-removepeople {
    background-color: #28856a;
    border: 3px solid #28856a;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 22px;
    margin-bottom: 30px;
}



button.button-removepeople.selected {
    background-color: orangered;
    border: 3px solid #28856a;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #28856a;
    font-weight: bold;
    text-decoration: none;
    font-size: 22px;
    cursor: pointer;
    margin-bottom: 30px;
}

button.button-removepeople:hover {
    background-color: orangered;
    border: 3px solid #28856a;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    text-decoration: none;
    font-size: 22px;
    cursor: pointer;
    margin-bottom: 30px;
}