/********************************/
/*Font Declaration*/
/********************************/
/*Defining the font URL's*/

@font-face {
    font-family: "rutledge-regular";
    src: url(https://assets.kampyle.com/clients/nebula/CharterComm/rutledge-regular.ttf);
}

@font-face {
    font-family: "rutledge-medium";
    src: url(https://assets.kampyle.com/clients/nebula/CharterComm/rutledge-medium.ttf);
}

@font-face {
    font-family: "rutledge-bold";
    src: url(https://assets.kampyle.com/clients/nebula/CharterComm/rutledge-bold.ttf);
}



:root{
    --typography-fontFamily: "rutledge-regular";
    --palette-core-primary: #0073d1;
    --palette-typography-headline: #000000;
    --survey-footer-buttons-justify: left;
    --powered-by-display: none;
    --questions-spacing: 20px;
    --thank-you-page-image-spacing: 10px;
    --powered-by-display: none;
}

body>div{
    overflow: unset !important;
}

strong{
    font-family: "rutledge-bold";
}


.thumbs label p{
    font-family: "rutledge-medium" !important;
}

form{
    border: 1px solid #d8dde6 !important;
    padding: 24px !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    
}

footer{
    margin-top: 0px !important;
    padding-top: 0px !important;
}

footer>div:first-child{
    margin-bottom: 0px;
}

/* CTA Button */
.surveyBtn{
    font-family: "rutledge-medium";
    width: 100%;
    padding: 8px 20px !important;
    line-height: 24px !important;
    border-radius: 0.25rem !important;
    -webkit-font-smoothing: antialiased !important;
    font-size:  16px !important;
    background: #0271eb !important;
    color: #ffffff !important;
    margin-top: -7%;
}


/* Box Buttons */
.thumbs li{
    border: 1px solid #0073d1;
}

.thumbs li label span{
    color: #0073d1;
}

.thumbs li label span:before,
.boxButtons li label span:after{
    display: none;
}

.thumbs li:first-of-type label span:first-child{
 margin-right: 9px;
}
.thumbs li:nth-child(2) label span:first-child{
 margin-right: 13px;
}

.thumbs li label span:after{
    display: none;
}


.thumbs li label:hover{
    background: #0073d1;
}

.thumbs li label:hover span{
    color: #ffffff;
}

.thumbs li label{
    width: 92px !important;
}

.thumbs li{
    border-radius: 4px !important;
}

.thumbs li:first-child{
    margin-right: 20px !important;
}

.thumbs li input[value='1']:checked + label{
    background: #0073d1;
}

.thumbs li input[value='1']:checked + label span{
    color: #ffffff !important;
}

.thumbs li input[value='2']:checked + label{
    background: #0073d1;
    color: #ffffff !important;
}
.thumbs li input[value='2']:checked + label span{
    color: #ffffff !important;
}


/* removing border around Yes/No question */
.thumbs span div{
    border: none !important;
}

/* Bot Question */
.botQuestion{
    display: none !important;
}