/*
Merlot for WSR and Cherry for Surveys
MERLOT:         #6A0025     CMYK: 17/100/56/59    RGB: 107/0/37
CHERRY:         #DF245C     CMYK: 7/98/50/0       RGB: 223/36/92
MEDIUM GREY:    #808284     CMYK: 0/0/0/60        RGB: 128/130/133
LIGHT GREY:     #C6C8CA     CMYK: 0/0/0/25        RGB: 199/200/202
*/

html {
}
body {
    /*font-family: 'Lato', sans-serif*/;
    font-family: proxima-nova, sans-serif;
    font-size: 18px;
    color: #505050;
}

input {
    touch-action: none;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 1em;
    margin-top: 20px;
    margin-bottom: 10px;
    /*font-family: "Roboto Condensed", Helvetica, sans-serif;*/
    font-family: proxima-nova, sans-serif;
    font-weight: bold;
    font-weight: normal;
    line-height: 1.2em;
    color: #545454;
}
blockquote, p, th, td, ol, ul {
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 1.4em;
}
p {
    margin-top: 10px;
}
acronym, button, blockquote, caption, input, label, li, ol, option, p, select, textarea, th, td, ul {
/*    font-size: 16px;
    color: #505050;
*/}
a {
    color: #6A0025;
}
a:hover {
    color: #DF245C;
}
footer, footer a {
    font-size: .9rem !important;
}
nav.bg-white, footer {
    background-color: #DF245C!important;
    color: #fff;
}
nav img.logo {
    width: 200px;
    margin-right: 20px; 
}
.nav-link, .navbar-brand, footer a {
    font-size: 1.25rem;
    color: #fff !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
nav a:hover, footer a:hover {
    color: #6A0025 !important;
}

.btn-success, .btn-info {
    color: #fff;
    background-color: #6A0025;
    border-color: #6A0025;
}
    .btn-success:hover:not(.disabled), .btn-info:hover:not(.disabled) {
        color: #fff;
        background-color: #DF245C;
        border-color: #DF245C;
    }
.btn-secondary {
    color: #fff;
    background-color: #DF245C;
    border-color: #DF245C;
}
.btn-secondary:hover:not(.disabled) {
    color: #fff;
    background-color: #6A0025;
    border-color: #6A0025;
}

    @media (min-width: 768px) {
        html {
        }
    }

