:root {
}

body {
    font-family: "Raleway", sans-serif;
}

p {
    font-family: "Raleway", sans-serif;
}

h1 {
    font-family: "Raleway", sans-serif;
}

h2 {
    font-family: "Raleway", sans-serif;
}

h3 {
    font-family: "Raleway", sans-serif;
}

h4 {
    font-family: "Raleway", sans-serif;
}

h5 {
    font-family: "Raleway", sans-serif;
}

h6 {
    font-family: "Raleway", sans-serif;
}

blockquote {
    font-family: "Raleway", sans-serif;
}

header .header-title {
    font-family: "Raleway", sans-serif;
}

header.default.-search form input {
    font-family: "Raleway", sans-serif;
}

button.primary {
    color: rgb(147, 147, 147);
    box-shadow: inset 0px 0px 0px 2px #939393;
}

.button-primary {
    color: rgb(147, 147, 147);
    box-shadow: inset 0px 0px 0px 2px #939393;
}

input.button-primary {
    color: rgb(147, 147, 147);
    box-shadow: inset 0px 0px 0px 2px #939393;
}

input[type='submit'] {
    color: rgb(147, 147, 147);
    box-shadow: inset 0px 0px 0px 2px #939393;
}

button.primary::after {
    background-color: rgb(147, 147, 147);
}

.button-primary::after {
    background-color: rgb(147, 147, 147);
}

input.button-primary::after {
    background-color: rgb(147, 147, 147);
}

input[type='submit']::after {
    background-color: rgb(147, 147, 147);
}

button.primary::before {
    background-color: rgb(147, 147, 147);
}

.button-primary::before {
    background-color: rgb(147, 147, 147);
}

input.button-primary::before {
    background-color: rgb(147, 147, 147);
}

input[type='submit']::before {
    background-color: rgb(147, 147, 147);
}

button.primary:hover {
    color: rgb(255, 255, 255);
}

.button-primary:hover {
    color: rgb(255, 255, 255);
}

input.button-primary:hover {
    color: rgb(255, 255, 255);
}

input[type='submit']:hover {
    color: #000000;
}

button.primary:hover span {
    color: rgb(255, 255, 255);
}

.button-primary:hover span {
    color: rgb(255, 255, 255);
}

input.button-primary:hover span {
    color: rgb(255, 255, 255);
}

input[type='submit']:hover span {
    color: rgb(255, 255, 255);
}

input[type='submit'] {
    color: rgb(147, 147, 147);
    font-family: "Raleway", sans-serif;
    box-shadow: inset 0px 0px 0px 2px #939393;
}

input[type='button'] {
    color: rgb(147, 147, 147);
    font-family: "Raleway", sans-serif;
    box-shadow: inset 0px 0px 0px 2px #939393;
}

input[type='reset'] {
    color: rgb(147, 147, 147);
    font-family: "Raleway", sans-serif;
    box-shadow: inset 0px 0px 0px 2px #939393;
}

.card::after {
    background-color: rgb(147, 147, 147);
}

textarea:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

input[type='text']:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

input[type='password']:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

input[type='datetime']:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

input[type='datetime-local']:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

input[type='date']:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

input[type='month']:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

input[type='time']:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

input[type='week']:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

input[type='number']:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

input[type='email']:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

input[type='url']:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

input[type='search']:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

input[type='tel']:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

input[type='image']:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

input[type='color']:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

select:focus {
    border-bottom-color: rgb(147, 147, 147);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg textarea:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg input[type='text']:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg input[type='password']:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg input[type='datetime']:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg input[type='datetime-local']:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg input[type='date']:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg input[type='month']:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg input[type='time']:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg input[type='week']:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg input[type='number']:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg input[type='email']:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg input[type='url']:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg input[type='search']:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg input[type='tel']:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg input[type='image']:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg input[type='color']:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.imagebg select:focus {
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

a {
    color: rgb(147, 147, 147);
}

.row .row-title::after {
    background-color: rgb(147, 147, 147);
}

.quote-row .source::after {
    background-color: rgb(147, 147, 147);
}

.lightbg {
}

    .lightbg .button-outlined {
    }

        .lightbg .button-outlined::after {
        }

        .lightbg .button-outlined:hover span {
        }

    .lightbg .row-column a .icon {
    }

.darkbg {
}

    .darkbg .button-outlined {
    }

        .darkbg .button-outlined::after {
        }

        .darkbg .button-outlined:hover span {
        }

    .darkbg .row-column a .icon {
    }

.brandbg {
    color: rgb(255, 255, 255);
    background-color: rgb(147, 147, 147);
}

    .brandbg .button-outlined {
        color: rgb(255, 255, 255);
        box-shadow: inset 0px 0px 0px 2px #ffffff;
    }

        .brandbg .button-outlined::after {
            background: rgb(255, 255, 255);
        }

    .brandbg .row-column a .icon {
        color: rgb(255, 255, 255);
    }

    .brandbg a {
        color: currentColor;
        font-weight: bold;
    }

    .brandbg .button-primary {
        color: rgb(255, 255, 255);
        box-shadow: inset 0px 0px 0px 2px #ffffff;
    }

    .brandbg input[type='submit'] {
        color: rgb(255, 255, 255);
        box-shadow: inset 0px 0px 0px 2px #ffffff;
    }

    .brandbg button.primary {
        color: rgb(255, 255, 255);
        box-shadow: inset 0px 0px 0px 2px #ffffff;
    }

    .brandbg .button-primary::after {
        background: rgb(255, 255, 255);
    }

    .brandbg .button-primary:hover {
        color: rgb(147, 147, 147);
    }

        .brandbg .button-primary:hover span {
            color: rgb(147, 147, 147);
        }

    .brandbg .button-outlined:hover {
        color: rgb(147, 147, 147);
    }

        .brandbg .button-outlined:hover span {
            color: rgb(147, 147, 147);
        }

.secondbg {
}

    .secondbg .button-outlined {
    }

        .secondbg .button-outlined::after {
        }

    .secondbg .row-column a .icon {
    }

    .secondbg a {
        color: currentColor;
        font-weight: bold;
    }

    .secondbg .button-primary {
    }

    .secondbg input[type='submit'] {
    }

    .secondbg button.primary {
    }

    .secondbg .button-primary span {
    }

    .secondbg .button-primary::after {
    }

    .secondbg .button-primary:hover {
    }

        .secondbg .button-primary:hover span {
        }

    .secondbg .button-outlined:hover {
    }

        .secondbg .button-outlined:hover span {
        }

.thirdbg {
}

    .thirdbg .button-outlined {
    }

        .thirdbg .button-outlined::after {
        }

    .thirdbg .row-column a .icon {
    }

    .thirdbg a {
        color: currentColor;
        font-weight: bold;
    }

    .thirdbg .button-primary {
    }

    .thirdbg input[type='submit'] {
    }

    .thirdbg button.primary {
    }

    .thirdbg .button-primary span {
    }

    .thirdbg .button-primary::after {
    }

    .thirdbg .button-primary:hover {
    }

        .thirdbg .button-primary:hover span {
        }

    .thirdbg .button-outlined:hover {
    }

        .thirdbg .button-outlined:hover span {
        }

.imagebg .button-primary {
    color: black;
    box-shadow: inset 0px 0px 0px 2px white;
}

    .imagebg .button-primary:hover {
        color: rgb(147, 147, 147);
    }

        .imagebg .button-primary:hover span {
            color: rgb(147, 147, 147);
        }

header.no-image {
}

.top-bar nav.primary ul[class*='menu-'] li a {
    color: rgb(255, 255, 255);
}

.top-bar nav.mobile .menu-mobile a {
    color: rgb(255, 255, 255);
}

.top-bar nav.primary ul[class*='menu-'] li a:hover {
    color: rgb(255, 255, 255);
    opacity: 0.75;
}

.top-bar nav.mobile .menu-mobile a:hover {
    color: rgb(255, 255, 255);
    opacity: 0.75;
}

ul.menu-primary > li.action a {
    color: rgb(255, 255, 255);
    background-color: rgb(147, 147, 147);
}

.top-bar.navigation-display-solid {
    background-color: rgb(10, 10, 10);
}

    .top-bar.navigation-display-solid nav.primary ul[class*='menu-'] > li ul {
        background-color: rgb(10, 10, 10);
    }

        .top-bar.navigation-display-solid nav.primary ul[class*='menu-'] > li ul a {
            background-color: rgb(10, 10, 10);
        }

nav.mobile .menu-mobile {
    background-color: rgb(10, 10, 10);
}

nav.mobile .menu-mobile-handle-container .menu-mobile-handle-top {
    background-color: rgb(255, 255, 255);
}

nav.mobile .menu-mobile-handle-container .menu-mobile-handle-middle {
    background-color: rgb(255, 255, 255);
}

nav.mobile .menu-mobile-handle-container .menu-mobile-handle-bottom {
    background-color: rgb(255, 255, 255);
}

nav.mobile.open .menu-mobile-handle-container .menu-mobile-handle-top {
    background-color: rgb(255, 255, 255);
}

nav.mobile.open .menu-mobile-handle-container .menu-mobile-handle-middle {
    background-color: rgb(255, 255, 255);
}

nav.mobile.open .menu-mobile-handle-container .menu-mobile-handle-bottom {
    background-color: rgb(255, 255, 255);
}

footer {
}

    footer.row {
    }

    footer h6 {
    }

    footer.row h6 {
    }

    footer a {
    }

    footer.footer-menu a {
    }

    footer.footer-menu .row-column a .icon {
    }

    footer.footer-menu .mega-menu a {
    }

.footer-menu-render a {
}

footer .row-column a .icon {
}

footer:not(.footer-menu) .row-column a .icon {
}

footer:not(.footer-menu) a {
}

.messenger .body .intro {
    font-family: "Raleway", sans-serif;
    background-color: rgb(147, 147, 147);
}

.messenger .trigger {
    box-shadow: inset 0px 0px 0px 2px #939393;
    background-color: rgb(147, 147, 147);
}

.thechurchco-giving-form .loader::before {
    border-bottom-color: rgb(147, 147, 147);
}

.tccloader::before {
    border-bottom-color: rgb(147, 147, 147);
}

.lightbg .prayer-request-app .prayer-request {
}

    .lightbg .prayer-request-app .prayer-request a.item {
    }

.lightbg .prayer-request-app button {
}

    .lightbg .prayer-request-app button::after {
    }

    .lightbg .prayer-request-app button:hover {
    }

.darkbg .prayer-request-app .prayer-request {
}

    .darkbg .prayer-request-app .prayer-request a.item {
    }

.darkbg .prayer-request-app button {
}

    .darkbg .prayer-request-app button::after {
    }

    .darkbg .prayer-request-app button:hover {
    }

.lightbg .accordion-wrap .title {
}

.darkbg .accordion-wrap .title {
}

.brandbg .accordion-wrap .title {
    color: rgb(147, 147, 147);
    background-color: rgb(255, 255, 255);
}

.secondbg .accordion-wrap .title {
}

.thirdbg .accordion-wrap .title {
}

.lightbg .accordion-wrap .body {
}

.darkbg .accordion-wrap .body {
}

.brandbg .accordion-wrap .body {
    color: rgb(255, 255, 255);
}

.secondbg .accordion-wrap .body {
}

.thirdbg .accordion-wrap .body {
}

.brandbg.subnav-row a {
    color: rgb(255, 255, 255);
}

.secondbg.subnav-row a {
}

.thirdbg.subnav-row a {
}

.announcement-topbanner {
    color: rgb(255, 255, 255);
    background-color: rgb(147, 147, 147);
}

.lightbg .churchonline .churchonline-stack-item {
}

.darkbg .churchonline .churchonline-stack-item {
}

.imagebg .churchonline .churchonline-stack-item {
}

.brandbg .churchonline .churchonline-stack-item {
    background-color: rgb(147, 147, 147);
}

.brandbg .churchonline-stack-bar-wrap a {
    color: rgb(255, 255, 255);
}

.secondbg .churchonline .churchonline-stack-item {
}

.secondbg .churchonline-stack-bar-wrap a {
}

.thirdbg .churchonline .churchonline-stack-item {
}

.thirdbg .churchonline-stack-bar-wrap a {
}

[data-component-type='TCCCalendar'] .rbc-event {
    color: rgb(255, 255, 255);
    background-color: rgb(147, 147, 147);
}

[data-component-type='TCCCalendar'] .rbc-today::after {
    background-color: rgb(147, 147, 147);
}

.no-touch .hide-no-touch {
    display: none;
}

.touch .hide-touch {
    display: none;
}

.htmlembed-center {
    margin: 0px auto;
}

    .htmlembed-center > * {
        margin: 0px auto;
    }