@import url(https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
#Logo img {margin: 1rem 0;}
.Skin {
    color: #525252;
    font-family: "Libre Franklin", verdana,geneva,sans-serif;
    line-height: 1.25;
}
#logo-container .banner {background-color: #8a0000 !important;}
.question .question-display {
    line-height: 1.5;
    padding: .5rem 0;
}
#question-QID8 .text-input {max-width: 15rem;}
.rich-text p {
    line-height: 1.5;
    padding: .5rem 0;
}
#end-of-survey p {
    font-size: 1.125rem;
    line-height: 1.5;
    padding: .5rem 0;
}
.Skin #HeaderContainer #Header {padding-left: 0;}
.Skin #HeaderContainer #Header h1 {
    font-weight: 600; 
    font-size: clamp(1.325rem, 2.5vw, 1.75rem); 
    /*margin: 0;*/
}

.question .question-display {
    max-width: unset;
}

.question .question-display h1 {
    font-weight: 600; 
    font-size: clamp(1.325rem, 2.5vw, 1.75rem); 
    /*margin: 0;*/
}
.question .required-marker {
    top: .5rem;
}
.Skin .ValidationError {margin-bottom: .5em;}

.Skin .QuestionBody input.InputText {padding: 8px; border-radius: 3px;}
.Skin .QuestionBody input.InputText:focus {border-color: #aaa; box-shadow: 1px 1px -1px gray;}

.Skin .QuestionBody textarea.InputText {padding: 8px; border-radius: 3px; width: 100% !important}
.Skin .QuestionBody textarea.InputText:focus {border-color: #aaa; box-shadow: 1px 1px -1px gray;}

.Skin .QuestionBody select.Selection {padding: 8px; border-radius: 3px;}
.Skin .QuestionBody select.Selection:focus {border-color: #aaa; box-shadow: 1px 1px -1px gray;}

.Skin .MC .Inner .InnerInner .QuestionBody input.TextEntryBox {padding: 8px; border-radius: 3px;}
.Skin .MC .Inner .InnerInner .QuestionBody input.TextEntryBox:focus {border-color: #aaa; box-shadow: 1px 1px -1px gray;}

.Skin #Buttons #NextButton, .Skin #Buttons #PreviousButton {background-color: maroon; border:  1px solid black; padding: 8px; color: white;}
.Skin #Buttons:hover #NextButton, .Skin #Buttons:hover #PreviousButton {background-color: #4a0000; border:  1px solid black; padding: 8px; color: #ededed;}

.Skin .EndOfSurvey { color: #525252; padding: 60px 40px; text-align: center; font-size: 18px;}

.Skin .QuestionText div {font-size: 1em;}
.Skin .DB .QuestionText {font-size: 1.25rem; font-weight: 400;
}
.Skin .QuestionText h1, h2, h3, h4, h5, h6 {padding-bottom: 1rem; line-height: 1.5; color: maroon}
.question .question-display h1, .question .question-display h2, .question .question-display h3, .question .question-display h4 {padding-bottom: 1rem; line-height: 1.5; color: maroon}
@media screen and (max-width: 48rem) {

    .Skin #HeaderContainer .su-header-div { padding: 1em .5em !important;}
    .Skin .QuestionText {padding: 0 20px; }
    .Skin .QuestionText h1, h2, h3, h4, h5, h6 {font-size: 150%}

}

.Skin .QuestionText p {padding-bottom: 1rem;}

.EndOfSurvey .linkbutton {
    padding:1rem;
    border:.125rem solid #e2ded7;
    display: block;
    text-decoration:none;
    color:#8a0000;
    transition-property:background-color,border-color,color;transition-delay:.1s;transition-duration:.375s;transition-timing-function:ease-in-out;font-size:1rem;
    font-family:"Avenir Next LT W01 Demi",Helvetica,Arial,sans-serif;line-height:1.25rem;text-align:center;
}
.EndOfSurvey .linkbutton:hover{background-color:#8a0000;border-color:#8a0000;color:#fff;
    text-decoration:none}

    .button {
        background-color: #fff;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border: .125rem solid #e2ded7;
        color: #8a0000;
        font-size: 1rem;
        font-family: "Libre Franklin",Helvetica,Arial,sans-serif;
        font-weight: 500;
        line-height: 1.5;
        text-align: center;
        text-decoration: none;
        transition-property: background-color,border-color,color;
        transition-delay: 0.1s;
        transition-duration: 375ms;
        transition-timing-function: ease-in-out;
        padding: 0 1.5rem;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 4.625rem;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 23.125rem;
        width: 100%
    }
    
    .button:visited {
        color: #8a0000
    }
    
    .button:active,.button:focus,.button:hover {
        background-color: #8a0000;
        border-color: #8a0000;
        color: #fff;
        text-decoration: none
    }
    
    .button.button--maroon {
        background-color: transparent;
        border-color: #8a0000;
        border-width: .1875rem;
        color: #8a0000;
        font-family: "Libre Franklin",Helvetica,Arial,sans-serif;
        font-size: 1rem;
        letter-spacing: .0625rem;
        text-transform: uppercase;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 3.5rem;
        max-width: none;
        width: auto
    }
    
    .button.button--maroon:active,.button.button--maroon:focus,.button.button--maroon:hover {
        background-color: #8a0000;
        color: #fff
    }
    .QuestionText button {cursor: pointer}