/******************
    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
*/

/* Added by Dan. Text was V cluttered on welcome page. The page uses h4 but few rules are defined for proper formatting in the main theme*/
.h4,h4 {
    line-height: 1.3em;
}
.survey-welcome li {
    padding-bottom: .5em;
}

/* Added by Dooley. Didn't want the "mandatory querstion" asterisk to display.*/
.asterisk {display: none;}

/* Added by Dooley. Underline links.*/
a {text-decoration: underline;}

/* Added by Dan. Text felt V small on other screens and could be hard to read on a larger monitor*/
body {
    font-size: 16px;
}

li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item {
    margin-bottom: 0.1em;
}

/* Added by Dan. wasted space on page which doesn't feel like it helps comprehensionr*/
.ls-answers {
    padding-top: 0.5px;
    padding-bottom: 15px;
    margin-bottom: 0;
}
.space-col {
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}

.question-container {
    margin-bottom: 1.5em;
}

.fruity .btn{
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.fruity .btn:hover {
    color: #fff;
    background-color: #858585;
    border-color: #858585;
}
.fruity .btn-primary.active{
    background-color: #858585;
    border-color: #858585;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
}

.fruity .progress-bar{
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.fruity .slider-handle {
  background-color: #000000;
}
.fruity .slider-selection {
  background-image: linear-gradient(to bottom, #000000 0%, #131313 100%);
}