* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    font-family: "Inter", sans-serif;
    /*background-image: linear-gradient(to right top, #173a47, #153642, #13313d, #112d38, #0f2933);*/

    background-color: #FAFBFB;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    overflow-x: hidden;
    font-size: 15px;
    text-rendering: optimizeLegibility;
}

p {
    color: #0D0F0F;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

label {
    color: #0D0F0F;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
}

.display-6 {
    font-size: calc(1rem + 1vw);
    color: #0D0F0F;
}

.logo {
    display: block;
    width: 200px;
}

.feat-logo {
    width: 140px;
}

a {
    color: #00A6A6;
    transition: ease-in 0.15s;
}

    a:hover {
        color: #000;
        transition: ease-in 0.15s;
    }

.text-primary {
    color: #9C0000 !important;
}

.text-success {
    color: #5CB85C !important;
}

.text-center {
    text-align: center !important;
}

.bg-primary {
    background-color: #061A2A !important;
}

.bg-dark {
    background-color: #0b0f19 !important;
}

.hh-hero {
    background: url('/assets/HH_BG.svg');
    padding: 25px;
    border-radius: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
}

/*form styles*/
#cfform {
    position: relative;
}

    #cfform fieldset {
        /* background-image: linear-gradient(to right top, #173a47, #153642, #13313d, #112d38, #0f2933);*/
        border: 0;
        border-radius: 3px;
        box-sizing: border-box;
        width: 100%;
        display: block;
        margin: 0 auto;
        /*stacking fieldsets above each other*/
        position: relative;
    }

        /*Hide all except first fieldset*/
        #cfform fieldset:not(:first-of-type) {
            display: none;
        }

    /*inputs*/
    #cfform input,
    #cfform textarea,
    #cfform select {
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-bottom: 30px;
        width: 100%;
        box-sizing: border-box;
    }

        #cfform input[type=checkbox] {
            display: none;
        }

    /*buttons*/
    #cfform .action-button {
        background: #00cccc;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 3px;
        cursor: pointer;
        padding: 15px;
        margin-top: 20px;
        text-decoration: none;
        font-size: 16px;
        border: 2px solid #fff !important;
        transition: ease-in 0.15s;
    }

        #cfform .action-button:hover {
            background-color: #26d4d4;
            transition: ease-in 0.15s;
        }

.previous {
    background-color: #061a2a !important;
}

.btn-light {
    padding: 10px 15px !important;
    text-align: left;
    font-weight: bold;
    margin-bottom: 30px;
}

.btn-dark {
    /*background: #061a2a!important;*/
    background-image: linear-gradient(180deg, #00C3C3 0%, #00A6A6 100%);
    padding: 15px !important;
    text-align: left;
    font-weight: bold;
    margin-bottom: 30px;
    color: #fff;
    border: 1px solid #fff;
}

    .btn-dark:hover {
        background-color: #FF3636 !important;
    }

.btn-check:checked + .btn {
    background: #061a2a !important;
    color: #fff;
    border: 1px solid #00cccc;
}

.error {
    border: 1px solid red !important;
    background-color: #ffdcdc !important;
}

.hidden {
    display: none;
}

.accordion-button:focus {
    box-shadow: none;
}


/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
}

    [type="checkbox"]:not(:checked) + label,
    [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 2.3em;
        font-size: 1.05em;
        line-height: 1.7;
        cursor: pointer;
    }

        /* checkbox aspect */
        [type="checkbox"]:not(:checked) + label:before,
        [type="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 1.7em;
            height: 1.7em;
            border: 1px solid #aaa;
            background: #FFF;
            border-radius: .2em;
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 rgba(203, 34, 237, .2);
            -webkit-transition: all .275s;
            transition: all .275s;
        }

        /* checked mark aspect */
        [type="checkbox"]:not(:checked) + label:after,
        [type="checkbox"]:checked + label:after {
            content: '✔';
            position: absolute;
            top: .58em;
            left: .21em;
            font-size: 1.375em;
            color: #00CCCC;
            line-height: 0;
            -webkit-transition: all .2s;
            transition: all .2s;
        }

        /* checked mark aspect changes */
        [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0) rotate(45deg);
            transform: scale(0) rotate(45deg);
        }

        [type="checkbox"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
        }

/* Disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #e9e9e9;
}

[type="checkbox"]:disabled:checked + label:after {
    color: #777;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}

/* Accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 0 6px rgba(203, 34, 237, .2);
}

.accordion-button:not(.collapsed) {
    background-color: #F2F9FD;
    color: #212529;
}

.accordion-item,
.accordion-button {
    border: 1px solid #dee2e6;
}

.complete {
    background-color: #d1e7dd !important;
    color: #0a3622 !important;
    border: 1px solid #a3cfbb;
}

.small {
    font-size: 0.7rem !important;
}

.pcp-hero {
    background: url('/assets/pcp-hero.jpg');
    padding: 55px 25px;
    border-radius: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
}

.pcp-footer {
    background: url('/assets/pcp-footer.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

@media (max-width: 768px) {
    .logo {
        width: 100px;
    }

    .feat-logo {
        width: 100%;
    }

    .hh-hero {
        padding: 25px;
    }
}