@import url(https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css);
@import url(https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css);

.bg-teal{
    background-color: #00495d;
}

@media (max-width: 768px) {
    .video-quiz{
        flex-direction:column;
        justify-content: flex-start !important;
    }

    .question{
        display:block;
        transition-property: bottom !important;
        position: fixed;
        z-index: 1;
        bottom: 0;
        transition: 1s;
        height: auto !important;
    }

    .question.hidden_question{
        /* display:none !important; */
        height: 0px !important;
        margin-left:0 !important;
        bottom:-100%;
        transition: 1s;
        transition-property: bottom !important;
    }
}

.hidden{
    display: none !important;
}

.question{
    margin-left: 0px;
    transition-duration: 0.5s;
    transition-property: margin-left;
    
}
.question.hidden_question{
    margin-left:-33.333333%;
    
    transition-duration: 0.5s;
    transition-property: margin-left;
}

.question .correct-answer{
    background-color: rgba(0,173,186,0.1);
    transition: .5s;
}

.question #continue-button, .question #get-started-btn{
    font-size: 16px !important;
    font-family: "Century Gothic", Sans-serif;
}

.question #answer-feedback{
    height:24px;
}

.question .btn:active, .question .btn:focus, .question .btn:hover{
    background-color: #dd6d2d !important;
}

.question .answer-card, #start-card{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}




.video-quiz{
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
    
}

.video-quiz #video{
   z-index: 1;
   background: #000;
   padding: 0;
}

.video-quiz .question{
    background-color:#fff;
    display: flex;
    flex-direction: column;
    height: 420px;
    padding:20px;
}

/** SPECIFIC STYLING **/

.container, .site-main{
    max-width: 100% !important;
}

.question .answer-label{
    font-size: 1.4rem;
}

h1:not(.heading),h2:not(.heading),h3:not(.heading),h4:not(.heading),h5:not(.heading),h6:not(.heading),.base-bg h1:not(.heading),.base-bg h2:not(.heading),.base-bg h3:not(.heading),.base-bg h4:not(.heading),.base-bg h5:not(.heading),.base-bg h6:not(.heading),.base-heading,thead {
    color: #00adba;
    font-family: "Century Gothic", Sans-serif;
}

.btn.base-btn-borders, .btn-borders_base-btn-borders .btn {
    border-color: #dd6d2d;
}

.btn.base-btn-bg, .btn-bg_base-btn-bg .btn {
    background-color: #dd6d2d;
}

.btn, button.btn {
    border-radius: 0;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    outline: none !important;
    box-shadow: none !important;
}

.btn.base-btn-text, .btn-text_base-btn-text .btn, a:not([href]):not([tabindex]).btn.base-btn-text {
    color: #ffffff;
}

.btn,button.btn {
    font-family: "Century Gothic",sans-serif !important;
    padding: 12px 24px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 20px !important
}

input[type="button"],input[type="reset"],input[type="submit"],button[type="submit"],.button,body div.wpforms-container-full .wpforms-form input[type=submit],body div.wpforms-container-full .wpforms-form button[type=submit],body div.wpforms-container-full .wpforms-form .wpforms-page-button {
    display: inline-block;
    font-family: inherit;
    background-color: #13aff0;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    padding: 14px 20px;
    border: 0;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
html {
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

.pretty .state label{
    font-size: 20px;
    font-family: "Calibri Light";
}