.pageBody main,
body,
.page--htmlPage > .pageBody {
    background: var(--body-bgcolor);
}

body > div > div.home {
    background: var(--body-bgcolor);
}

//main .pageWrapper__outer:first-child {
//    padding-top: 40px;
//}

.pageBody main {
    margin-bottom: 0px;
}


main h1 {
    color: var(--h1) !important;
    //font-size: 48px !important; //line-height: 48px !important;
}

@media screen and (max-width: 576px) {
    main h1 {
        font-size: 36px !important;
        line-height: 36px !important;
    }
}

main h2 {
    color: var(--h2) !important;
    font-size: 26px !important;
}

@media screen and (max-width: 576px) {
    main h2 {
        font-size: 26px !important;
        line-height: 28px !important;
    }
}

main h3 {
    color: var(--h3) !important;
    font-size: 22px !important;
}

main h4 {
    color: var(--h4) !important;
    font-size: 18px !important;
}

main h5 {
    color: var(--h5) !important;
}

strong {
    color: var(--bold, inherit);
    font-weight: 500;
}

.italic {
    font-style: italic !important;
}

.body a {
    color: var(--a-link, black) !important;
    font-weight: 500;
    text-decoration: underline;
}

.body .btn,
main .btn {
    text-transform: uppercase;
    background-color: var(--button-bgcolor) !important;
    color: var(--button-color, white) !important;
    transition: all 300ms ease-out;
    text-decoration: none !important;
    text-align: center;
    width: 100%;
    max-width: 350px;
    display: inline-block;
    padding: 15px 5px;
}

.body .btn:hover,
main .btn:hover {
    background-color: var(--button-bgcolor-hover);
    color: var(--button-color-hover, white) !important;
}

.home main a {
    color: var(--a-link);
    text-decoration: underline;
    font-weight: 500;
}

.body p,
.home main p,
.body .notebox,
.accordion-label,
.sessionBlock p {
    color: var(--textcolor, #333);
}

@media screen and (max-width: 768px) {
    .section-banner {
        background-position: center;
    }
}

@media screen and (max-width: 576px) {
    .section-banner {
        background-position: center;
    }
}

.sectionBanner__head {
    color: var(--inner-header-text-color, white);
    font-weight: 600;
}

.sectionBanner__body {
    p {
        color: var(--inner-header-subtext-color, white);
        font-weight: 500;
    }
}

.breadcrumbs .pageWrapper__outer {
    padding-top: 0 !important;
}

.body .notebox {
    border: 1px solid var(--textcolor, #333);
    text-align: left;
}

.body .notebox.center {
    text-align: center;
}

.body .notebox p {
    max-width: 100%;
}

.body ul {
    list-style-type: disc;
    list-style: unset;
}

.body ul li::marker,
ul li::marker {
    color: var(--bullet-color) !important;
}

.chakra-accordion__icon {
    color: var(--accordion-arrow-color, var(--bullet-color)) !important;
}

.body ul li {
    color: var(--textcolor, #333);
    /*max-width: 100%;*/
    //max-width: 900px;
}

.body ol {
    padding-left: 18px;

    li {
        font-size: 18px;
    }
}

hr {
    border-color: var(--hr, black) !important;
    margin-top: 30px !important;
    opacity: 1;
}

.notebox {
    border: 1px solid var(--hr, black) !important;
}

.verticalDivider-box {
    padding: 10px 0px;
}

.verticalDivider {
    background-color: var(--hr, black);
    height: 100%;
    width: 1px;
}

.body .chakra-accordion__item {
    border-color: var(--accordion-border, #333);
}

.accordion-label {
    font-size: 18px !important;
}

.accordion-label-large {
    color: var(--accordion-label-large, var(--h2, #333)) !important;
    font-weight: 600;
    font-size: 20px !important;
}

/*Social Icons*/
.crf-stripe .social-icon-solid,
footer .social-icon-solid {
    fill: black;
}

.crf-stripe .social-icon-outline,
footer .social-icon-outline {
    stroke: black;
}

.crf-stripe .social-icons a:hover .social-icon-solid,
footer .social-icon-solid:hover {
    fill: var(--social-icon-hover) !important;
}

.crf-stripe .social-icons a:hover .social-icon-outline,
footer .social-icon-outline:hover {
    stroke: var(--social-icon-hover) !important;
}

.login-form input {
    color: black;
}

.homepage__content .slick-track,
.home .slick-track {
    display: flex;
    justify-content: center;
    align-items: center;
}

h1 sup {
    /* vertical-align: super;
    font-size: 1.2rem; */
    position: relative !important;
    font-size: 36% !important;
    line-height: 0 !important;
    vertical-align: baseline !important;
    top: -1.3em !important;
}

sup {
    position: relative !important;
    font-size: 60% !important;
    line-height: 0 !important;
    vertical-align: baseline !important;
    top: -0.6em !important;
}

h2 sup {
    top: -0.5em !important;
}

p sup {
    font-size: 50% !important;
    top: -0.7em !important;
}

li sup {
    top: -0.5em !important;
}

.sup-fix sup {
    vertical-align: super;
    font-size: 1rem;
    line-height: 1rem;
}

/* Pages */
.page--registrationPage {
    background-color: #fff;
}

/*.home-social .social-icon-solid {*/
/*    fill: var(--social-icon-hover);*/
/*}*/

/*.home-social .social-icon-outline {*/
/*    stroke: var(--social-icon-hover);*/
/*}*/

/*.twitter-link a, .twitter-link svg {*/
/*    color: var(--social-icon-hover);*/
/*    fill: var(--social-icon-hover);*/
/*}*/