﻿body {
    background-color: #fff !important;
}

.content-block {
    background: #fff;
    padding: 19px 20px 24px;
}

    .content-block h1 {
        font-size: 26px;
        line-height: 30px;
        font-weight: bold;
        color: #2c2c2c;
        margin: 0 0 15px;
    }

    .content-block .column {
        width: 250px;
        margin: 0 auto;
    }

        .content-block .column .thumbnail {
            padding: 0;
        }

        .content-block .column h2 {
            font-size: 18px;
            line-height: 20px;
            font-weight: bold;
            margin: 0;
        }

        .content-block .column a {
            display: block;
            padding: 4px;
        }

.signin-block {
    background: #cedef7;
    padding: 23px 20px 40px;
    border-radius: 8px 0 0 8px;
}

    .signin-block .heading {
        border-bottom: 2px solid #e5eefb;
    }

    .signin-block h2 {
        font-size: 24px;
        line-height: 30px;
        font-weight: bold;
        color: #2c2c2c;
        margin: 0 0 14px;
    }

    .signin-block div[ng-controller="signInController"] .signin-form {
        padding: 0;
    }

    .signin-block .signin-form {
        padding: 24px 0 5px;
        display: block;
    }

    .signin-block .form-validation {
        position: relative;
        right: initial;
    }
    .signin-block .signin-form label#lblEmail,
    .signin-block .signin-form label#lblPassword {
        visibility: visible;
    }
    .signin-block .signin-form label {
        font-weight: 600;
        color: #4b4b4b;
        display: inline-block;
        vertical-align: top;
        margin: 0 0 9px;
        visibility: hidden;
    }

        .signin-block .signin-form label a {
            font-style: italic;
        }

    .signin-block .signin-form .error input[type="text"],
    .signin-block .signin-form .error input[type="email"],
    .signin-block .signin-form .error input[type="password"] {
        border-color: #f00;
    }

    .signin-block .signin-form input[type="text"],
    .signin-block .signin-form input[type="email"],
    .signin-block .signin-form input[type="password"] {
        font-weight: 600;
        outline: none;
        box-shadow: none;
        height: 46px;
        font-size: 14px;
        line-height: 24px;
        padding: 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 100%;
        white-space: nowrap;
    }

    /*.signin-block .btn-holder {
        padding: 3px 0 0;
    }*/

    .signin-block input[type="submit"],
    .signin-block .btn {
        font-size: 18px;
        line-height: 24px;
        min-width: 110px;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        padding: 10px;
        max-width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background-color: #20cc90;
        color: #fff;
    }

        .signin-block input[type="submit"].text-link,
        .signin-block .text-link {
            background: none;
            border: none;
            color: blue;
            text-decoration: underline;
            cursor: pointer;
            font-size: 14px;
            line-height: 18px;
            padding: 0;
            font-style: italic;
            margin-top: 1rem;
        }

.enrollment-block {
    padding: 23px 20px 45px;
    background: #e5eefb;
    color: #4b4b4b;
    font-size: 14px;
    line-height: 24px;
    border-radius: 0 8px 8px 0;
}

    .enrollment-block .heading {
        border-bottom: 2px solid #cedef7;
        margin: 0 0 18px;
    }

    .enrollment-block h2 {
        font-size: 24px;
        line-height: 30px;
        font-weight: bold;
        color: #2c2c2c;
        margin: 0 0 14px;
    }

    .enrollment-block p {
        margin: 0 0 21px;
    }

    .enrollment-block .btn {
        font-size: 18px;
        line-height: 24px;
        min-width: 196px;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        padding: 10px;
    }

.container {
    padding-right: 0px;
    padding-left: 0px;
}

#Header div.d-none {
    background: black !important;
    color: white !important;
    padding: 20px;
    max-width: fit-content;
    margin-bottom: 20px;
}

    #Header div.d-none .welcome-text {
        font-size: 63px;
        padding: 20px;
        margin: 0 0 0 0;
        white-space: nowrap;
    }

.heading-wrap {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 48px !important;
    font-weight: bold;
    line-height: 54px;
    color: #fff !important;
}

.content-block h1 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 48px !important;
    font-weight: bold;
    line-height: 54px;
    color: #fff;
}

.content-block .enroll-form h1 {
    color: #2C2C2C;
}

.btn-primary {
    color: #fff;
    background-color: #0054db;
    border-color: #004ac2;
}

#WidgetsWrapper .heading h2 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #2c2c2c;
}

.login-nav-wrapper {
    float: right;
    display: block;
    padding-right: 100px;
}

.login-nav {
    position: relative;
    /*z-index: 10000; You don't want to do this...*/
}

.login-nav ul {
    display: flex;
    list-style: none;
    padding: 0;
}

.login-nav li {
    padding-right: 10px;
    display: block;
}

.error-wrapper {
    margin-bottom: 20px;
}

.pagination li {
    margin-bottom: 0px;
}

.enroll-form .input-row label {
    display: inline-block;
    color: #2C2C2C; 
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600
}

.form-check-input {
    position: static;
    margin-left: 0;
}

.enroll-form .reason-form, .add-support {
    /*padding: 0; This rule fixes the extra padding below the prior quit attempt input boxes but breaks several other forms */
}

.enroll-form .reason-form .input-row input[type="text"], .enroll-form .reason-form .input-row input[type="email"], .enroll-form .reason-form .input-row input[type="tel"] {
    border: 2px solid #eaeaea;
}

.enroll-form a {
    color: #0054db;
    text-decoration: none;
}

.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: #20cc90;
}

.radio input, .radio-inline input, .checkbox input, .checkbox-inline input {
    position: absolute;
    margin-left: -1.25rem;
}

.faqs.hooked-quiz input[type=radio] {
    border: 7px solid #0053DC;
    height: 18px;
    width: 18px;
}

.rd-navbar-static .rd-navbar-dropdown {
    top: 16px;
}

.pro-cons .open-close .summary.process strong.title {
    color: #0054db;
    font-size: 24px;
    line-height: 30px;
}

.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 {
    color: #9900cc;
}

.pro-cons .open-close > .opener, .quit-block .open-close > .opener, .support-block .open-close > .opener, .summary-block .open-close > .opener {
    font-size: 18px;
    font-size: 14px;
}

.summary ul.info-desc {
    padding: 0;
}

.summary-block .open-close .title-holder .wrap {
    padding: 12px 12px 12px 12px;
}

.add-support textarea {
    font-size: 14px;
    min-height: 90px !important;
    height: 90px !important;
    padding: 10px 15px;
}

.add-support.add-form.form-validation {
    background: #e5eefb;
}

.title-wrapper {
    pointer-events: none; /*Makes submenu clickable if title menu covers it with the div*/
}


.provider-web-referral .btn-success {
    font-size: 18px;
    line-height: 24px;
    padding: 10px 26px;
    color: #fff;
    background-color: #f5971e;
    border-color: #ef8b0b;
}

.provider-web-referral .btn-success:active:hover {
    color: #fff;
    background-color: #b46908;
    border-color: #754405;
}

.provider-web-referral div[ng-show="ShowThankYouPage"] h2 {
    font-size: 30px;
}

.provider-web-referral div[ng-show="ShowThankYouPage"] {
    font-size: 30px;
    line-height: 1.1;
    font-weight: 500;
    text-align: center;
}

div:has(> div[ng-show="ShowThankYouPage"]) {
    margin-top: -20px;
}

.quiz-block ol .radio-list label {
    text-transform: unset;
    text-align: center;
    text-wrap: initial;
    font-size: 10px;
    overflow: initial;
    white-space: normal;
}

div[data-ng-form="formAddPro"] .add-form,
div[data-ng-form="formAddCon"] .add-form {
    background: #e5eefb;
}

div[data-ng-controller="ProsAndConsController"] .open-close.wrap-btn > a,
div[data-ng-controller="ProsAndConsController"] .open-close.wrap-btn > a {
    font-size: 18px;
    display: block;
}


.pro-cons[data-ng-controller="ProsAndConsController"] .column1 .heading h2 {
    margin: 0;
    padding: 0;
}

div[ng-controller="SmokeCalcController"] .text-block { 
    background: white;
}

div[data-ng-form="refForm"] strong {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

div[data-ng-form="refForm"] h2 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 900;
}

div[data-ng-form="refForm"] .heading ~ div {
    display: none;
}

.bg-container {
    position: absolute;
    background: linear-gradient(white 0 50%, #fc3 50% 100%);
    width: 500%;
    height: 100%;
    z-index: -1;
    overflow: visible;
    transform: translate(-25%, 20px);
}

.title-text-wrap {
    color: #fff;
    background-color: #000;
    font-size: 40px;
    line-height: 80px;
    font-family: "TitilliumWeb", "Istok Web", sans-serif;
    text-transform: uppercase;
    max-width: fit-content;
    white-space: nowrap;
}

div span.LikesDislikesLabel {
    color: #343434;
    font-size: 16px;
    font-weight: bold;
    font-family: "TitilliumWeb", "Istok Web", sans-serif;
}

.title-band {
    top: 50px;
    height: 80px;
}

.swiper-container {
    max-width: 100%;
}

.bg-container {
    max-width: 100%;
}

.rd-navbar-static .rd-navbar-dropdown.rd-navbar-last-item {
    left: -50px;
}

.row.g-0 {
    margin: 0; /*Fix for missing bootstrap piece*/
}

.get-started-hero {
    background: #006149;
    position: relative;
    top: -60px;
    left: 40px;
    padding: 20px;
    width: fit-content;
}

.get-started-hero h1 {
    font-family: TitilliumWeb;
    color: #fff;
    font-weight: 900;
    font-size: 63px;
}

@media (max-width: 767px) {
    .title-img-wrap {
        z-index: -1;
    }

    .get-started-hero h1 {
        font-size: 32px;
        line-height: 1.5;
    }




    .rd-navbar-wrap {
    }

    .rd-navbar-classic.rd-navbar-static .rd-navbar-main.mlmq-main .rd-navbar-panel {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        z-index: 1080;
        display: flex;
        align-items: center;
        padding: 4px;
        border-bottom: 1px solid rgba(221, 225, 220, 0.2);
    }

    .rd-navbar-wrap.mlmq-navbar-wrap {
        position: fixed;
        left: 0;
        top: -56px;
        bottom: -56px;
        z-index: 1079;
        width: 270px;
        padding: 112px 0 81px;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        font-size: 14px;
        line-height: 34px;
        transform: translateX(-110%);
    }

    .rd-navbar-wrap.mlmq-navbar-wrap.active {
        transform: translateX(0);
    }

    .greeting-text {
        display: none;
    }

    .rd-navbar.rd-navbar-classic.rd-navbar-original.rd-navbar-static {
        width: 1280px;
        position: fixed;
        position: -webkit-sticky;
        top: 0;
        z-index: 10000;      
    }

    .rd-navbar-wrap.mlmq-navbar-wrap {
        display: block;
        position: fixed;
        left: 0;
        top: 70px;
        bottom: -56px;
        z-index: 1079;
        width: 270px;
        padding: 0px 0 81px;
        overflow-y: auto;
        overflow-x: hidden;
        font-size: 14px;
        line-height: 34px;
        transform: translateX(-110%);
        background: #ffffff;
        border: none;
        box-shadow: none;
    }
    .rd-navbar-static .rd-nav-item {
        display: block;
        position: relative;
        pointer-events: none;
    }

    .rd-navbar.rd-navbar-static .rd-nav-link {
        display: block;
        padding: 9px 56px 9px 18px;
    }

    .rd-navbar-submenu-toggle {
        position: absolute;
        right: 56px;
        top: 0;
    }

    .rd-navbar-static .rd-nav-item.focus {
        border-top: none;
        margin-top: 0;
    }

    .rd-navbar-static .rd-navbar-submenu.focus > .rd-menu {
        pointer-events: none;
    }

    .rd-navbar-static .rd-navbar-submenu.focus > .rd-menu, .rd-navbar-static .rd-navbar-submenu.opened > .rd-menu {
        visibility: hidden;
        opacity: 0;
        /*transform: translate3d(0,30px, 0);*/
        
    }

    .rd-navbar-static .rd-navbar-submenu.opened > .rd-menu {
        pointer-events: auto;
    }

    .rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-nav-item .rd-nav-link:hover + .rd-navbar-submenu-toggle::before {
        transform: rotate(0);
    }

    .rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle::before {
        width: 56px;
        height: 52px;
        content: '\f107';
        position: absolute;
        top: 0;
        right: 0;
        width: 56px;
        height: 52px;
        font: 400 14px "FontAwesome";
        line-height: normal;
        line-height: 52px;
        text-align: center;
        transition: 0.4s all ease;
        z-index: 2;
        cursor: pointer;
        border: none;
        pointer-events: auto;
    }


    .rd-nav-item.opened > .rd-navbar-submenu-toggle::before,
    .rd-nav-item .rd-nav-link:hover + .rd-navbar-submenu-toggle::before {
        transform: rotate(180deg);
    }


    .rd-navbar-static .rd-navbar-submenu.opened > .rd-navbar-dropdown {
        padding: 4px 0 0;
        position: static;
        visibility: visible;
        margin-top: 0;
        opacity: 1;
        z-index: 7;
    }

    .rd-navbar-nav-wrap {
        width: 100%;
    }


    .rd-navbar-static .rd-navbar--has-dropdown .rd-nav-link::before {
        display: none;
        /*content: '';
        position: absolute;
        top: -600%;
        left: 50%;
        transform: translateX(-50%);
        height: 0;
        width: 100%;
        min-height: 113px;
        z-index: -1;
        transition: all ease .35s;
        background-color: transparent;*/
    }

    .rd-navbar-static .rd-nav-link::before {
        display: none;
    }
}