/* ---- Variable Color ------ */
/* Original File */
:root {
    --Background: #F47E48;
    --Buttons: #007278;
    --Borders: #F3BC47
}

.banner-block .decide-form .heading, .twitter span, #header.style-alt .top-wrap:before {
    border-bottom: 2px solid #f3bc47
}

.btn-success, .content-section .block1 ul li + li:before, .enroll-form .paging-block nav ul a, .enroll-form .paging-block nav ul div, .btn-success:hover, .footer-info.style-alt {
    background-color: #007278
}

.covid19 .btn {
    background-color: #007278
}

.content-section .block1 ul li + li {
    border-top: 3px solid #f3bc47
}

.enroll-form .paging-block nav ul a, .enroll-form .paging-block nav ul div {
    border: 2px solid #f3bc47
}

#nav ul > li.active, #nav ul > li.active > a, #nav ul > li.active > a:before, #nav ul > li.active > div, #nav ul > li.active > div:before, #nav ul > li > .drop > li > .drop-level .back-btn, #nav ul > li > .drop > li > .drop-level .back-btn:before, #nav ul a:hover, #nav ul a:hover:before #nav ul div:hover, #nav ul div:hover:before {
    color: # #F3BC47
}

.forum-content, .content-content {
    border: 2px solid #f3bc47
}

.response-form, .comment-form {
    border-bottom: 8px solid #f3bc47
}

.btn-success, .btn-success[disabled], .content-section .block1 ul li + li::before, .enroll-form .paging-block nav ul a, .enroll-form .paging-block nav ul div, .btn-success:hover, .footer-info.style-alt, .forum-content .forum-heading, .forum-content .content-heading, .content-content .forum-heading, .content-content .content-heading, .forum-content .search-form button[type="submit"]:hover, .content-content .search-form button[type="submit"]:hover, .carousel .btn-prev, .carousel .btn-next, .btn-success:focus, .btn-success.focus, .carousel .btn-prev:hover, .carousel .btn-next:hover {
    /* background-color: #007278 */ 
    background-color: #94070a;
}

.banner-block .decide-form .heading, .twitter span, #header.style-alt .top-wrap::before, .tip-block .title-holder, .forum-comments .comment .text-block {
    border-bottom: 2px solid #f3bc47
}

/*
.form-control {
    color: rgba(44, 44, 44, 0.5);
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
}*/

@media(min-width: 768px) {
    .language-list li + li:before, .carousel .btn-prev, .carousel .btn-next {
        background: #f47e48
    }

    .header-b .wrap {
        border-bottom: 6px solid #f3bc47
    }

    #nav ul li.active {
        background-color: #f47e48
    }
}




/* V13 Updated Styles */
/* Enroll content in AI is pulled through an iframe which has it's body as Open Sans, this is to emulate that.  */
body .enroll-form {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #2c2c2c;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    vertical-align: top;
    margin: 0 0 7px;
}

/* V12 is styled with Br Tags, this is to approximate that */
div[role="radiogroup"] label {
    line-height: 18px;
    margin-bottom: 0px;
}

/* No calendar icon in AI */
.IconWrap::before {
    display: none;
}

/* style for forgot pass in AI, different from uat */
.signin-block input[type="submit"].text-link, .signin-block .text-link 
{
    background: none;
    border: none;
    color: #0054db;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    padding: 0;
    font-style: italic;
    margin-top: 1rem;
    font-family: "Open Sans";
    font-weight: 600;
    margin-bottom: 25px;
}

.reason-form {
    padding: 0;
}

.forgotPass {
    display: block;
    margin-bottom: 25px;
}

    .forgotPass a {
        color: #0054db;
        font-style: italic;
        font-family: "Open Sans";
        font-weight: 400;
        font-size: 14px;
        margin-bottom: 25px;
    }

.banner-block .decide-form .heading,
.twitter span,
#header.style-alt .top-wrap:before,
.tip-block .title-holder,
.forum-comments .comment .text-block {
    border-bottom: 2px solid #F79F17;
}

.pages {
    background-color: #F79F17;
    border: 2px solid #f3bc47
}

.content-section .block1 ul li + li {
    border-top: 3px solid #f3bc47
}

.enroll-form .paging-block nav ul a,
.enroll-form .paging-block nav ul div {
    border: 2px solid #f3bc47
}

#nav ul > li > .drop > li > .drop-level .back-btn,
#nav ul > li > .drop > li > .drop-level .back-btn:before,
#nav ul a:hover,
#nav ul a:hover:before,
#nav ul div:hover,
#nav ul div:hover:before {
    color: #F79F17;
}

.forum-content,
.content-content {
    border: 4px solid #F79F17;
}

.response-form,
.comment-form {
    border-bottom: 2px solid #f3bc47
}

@media (min-width: 768px) {
    .language-list li + li:before {
        background: #F79F17;
    }

    .header-b .wrap {
        border-bottom: 6px solid #F79F17;
    }

    #nav ul li.active {
        background-color: #F79F17;
    }
}

@media (max-width: 768px) {
    #nav ul > li.active,
    #nav ul > li.active > a,
    #nav ul > li.active > a:before,
    #nav ul > li.active > div,
    #nav ul > li.active > div:before {
        color: #F79F17;
    }
}