/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* Option A: Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');



/* Global text color and font override */
body {
    color: #13294B !important; /* Replace with your master color */
    font-family: 'PT Sans', Arial, sans-serif !important;
}

/* Survey List Footer with transparent background and dark blue border*/
#surveyListFooter {
    background-color: transparent !important; /* background */
}

.fruity .footer {
    background-color: #fff;
    border-top: 1px solid #13294B;
}

#surveys-list-jumbotron {
    text-align: center;
    font-size:54px;
}

/* Navbar, Button and Progress bar in light blue */
.navbar-light .navbar-nav .nav-link {
    color: #0084FF;
}

.fruity .progress-bar {
    background-color: #0084FF;
}

.fruity .btn-primary, .fruity .btn-primary.disabled, .fruity .btn-primary.disabled.active, .fruity .btn-primary.disabled:active, .fruity .btn-primary.disabled:focus, .fruity .btn-primary.disabled:hover
 {
    background-color: #0084FF;
    border: 1px solid #0084FF;
}