@font-face {
    font-family: "RN House Sans W01 Regular";
    src: url("https://db.onlinewebfonts.com/t/1db6e03026d3742e6cd094584490313b.eot");
    src: url("https://db.onlinewebfonts.com/t/1db6e03026d3742e6cd094584490313b.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/1db6e03026d3742e6cd094584490313b.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/1db6e03026d3742e6cd094584490313b.woff") format("woff"), url("https://db.onlinewebfonts.com/t/1db6e03026d3742e6cd094584490313b.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/1db6e03026d3742e6cd094584490313b.svg#RN House Sans W01 Regular") format("svg");
}

.c3-theme {
    --client-logo: url('../images/c3/cushon-logo.png');
    --font-family: "RN House Sans W01 Regular", sans-serif;
    --c3-background-color: var(--c3-paleyellow);
    --background: var(--c3-purewhite);
    --brand-logo: url('../../images/c3/c3-logo.svg');
    --brand-bar-background-color: var(--c3-darkpink);
    --brand-bar-background-text-color: var(--c3-purewhite);
    --chatbot-icon: url('../../images/c3/cushon-logo.png');
    --user-icon: url('../../images/c3/profile.png');
    --info-icon: url('../images/c3/c3-info-open.svg');
    --info-icon-close: url('../images/c3/c3-info-close.svg');
    --time-icon: url('../images/c3/c3-time-colour.svg');
    --bullet-color: var(--c3-darkpink);
    --c3-purewhite: #FFF;
    --c3-darkpurlple: #5A287D;
    --c3-pink: #E61E83;
    --c3-darkpink: #E33390;
    --c3-darkerpink: #C51E7B;
    --c3-lightpink: #FCEBF4;
    --c3-blue: #0000EE;
    --c3-grey: #757575;
    --c3-white: #FFFEF9;
    --c3-paleyellow: #FCFBF5;
    --c3-lightgrey: #D6DBDC;
    --c3-palegrey: #F5F0F3;
    --c3-darkgrey: #2B2B2B;
    --footer-background: var(--c3-darkpink);
    --petrol: var(--c3-darkgrey);
    --c3-ls-background: url('../../images/c3/cushon-relax.jpg');   
}

    .c3-theme .avatar {
        background-color: var(--c3-darkpink);
    }

    .c3-theme .container-form-header .title {
        color: var(--c3-purewhite);
    }

    .c3-theme .container-chat-content,
    .c3-theme .chat-response, .c3-theme .container-chat-content-gw,
    .c3-theme .container-rhs-content-gw {
        background-color: var(--c3-palegrey);
    }

    .c3-theme .ls-age-toggle-button {
        background-color: var(--c3-pink);
        
        
    }
    .c3-theme .ls-rhs-panel-figures-container {
        background-color: var(--c3-white);
        
    }

    .c3-theme .retirement-std-box-gw {
        background-image: linear-gradient(to bottom, var(--petrol), var(--c3-darkerpink));
    }

    .c3-theme .flex-item {
        color: var(--petrol);
    }

    .c3-theme .flex-item-header {
        color: var(--c3-darkpink);
    }

    .c3-theme .background {
        background-image: none;
        background-color: var(--c3-paleyellow);
    }

    .c3-theme .container-nav-bar,
    .c3-theme .container-form-header,
    .c3-theme .container-brand-bar,
    .c3-theme .container-brand-bar-gw,
    .c3-theme .container-nav-bar-gw, 
    .c3-theme .ls-form-input-button {
        background-color: var(--c3-darkpink);
    }


    .c3-theme .chat-question,
    .c3-theme .chat-question-padded,
    .c3-theme .chat-info,
    .c3-theme .select,
    .c3-theme .form-input-text
    .c3-theme .form-number-text {
        background-color: var(--c3-white);
    }

    .c3-theme .form-date-text input {
        background-color: var(--c3-white);
    }

    .c3-theme .chat-response-completed-bubble {
        background-color: var(--c3-white);
    }

        .c3-theme .chat-response-completed-bubble span {
            color: var(--c3-darkgrey);
        }

    .c3-theme .form-input-button {
        background-color: var(--c3-darkpink);
        color: var(--c3-white);
        font-weight: 700;
    }

        .c3-theme .form-input-button:hover {
            background-color: var(--c3-darkerpink);
            color: white;
        }


    .c3-theme .pp-icon-image {
        width: 50px;
        height: 50px;
    }

    .c3-theme .brand-logo {
        width: 200px;
        height: 60px;
    }

    .c3-theme .burger-bar {
        background-color: var(--c3-darkpink);
        opacity: 1;
        color: var(--c3-purewhite);
    }

    .c3-theme .step-label-unselected {
        opacity: 1;
    }

    .c3-theme .step-marker-unselected {
        opacity: 1;
    }

    .c3-theme .step-marker-selected {
        opacity: 1;
        border-color: var(--c3-purewhite);
    }

    .c3-theme .green {
        color: var(--c3-purewhite) !important;
    }

    .c3-theme .step-marker-complete {
        background-color: var(--c3-purewhite);
        color: var(--c3-darkgrey);
    }

    .c3-theme .ls-cost-oval {
        background-color: var(--c3-darkpink);
    }

    .c3-theme .thank-you, .c3-theme .trustpilot-container {
        background-color: var(--c3-paleyellow);
    }

    .c3-theme .background-gw {
        background-image: var(--c3-ls-background);
    }

    .c3-theme .ls-BodytitleDesktop {
        color: var(--c3-dark);
    }   

    @media screen and (max-width: 1140px) and (min-width: 721px) {
        .c3-theme .brand-logo {
            width: 150px;
            height: 40px;
        }

        .c3-theme .pp-icon-image {
            width: 32px;
            height: 32px;
        }

        .c3-theme .step-label-unselected {
            opacity: 1;
        }

        .c3-theme .step-marker-unselected {
            opacity: 1;
        }

        .c3-theme .step-marker-selected {
            opacity: 1;
        }
    }

    @media screen and (max-width: 720px) {
        .c3-theme .brand-logo {
            width: 150px;
            height: 40px;
        }

        .c3-theme .pp-icon-image {
            width: 32px;
            height: 32px;
        }

    .c3-theme .step-label-unselected {
        opacity: 1;
    }
}


.c3-theme .form-input-button:disabled {
    background-color: var(--c3-palegrey);
    cursor: not-allowed;
    opacity: 0.7;
}