:root{
    --oak-olive: #728f23; /* override oak.css value  */
    --color-primary: #a6ce39;
    --color-primary-2: #5c731d;
    --color-primary-3: #728f23;
    --bg-primary: #3b481b; /*#182004*/
    --heading-color: #455d0a; /*#182004*/
    --body-color: #5c5e64;
}

body {
    font-family: 'Outfit', 'Nunito Sans', 'Josefin Sans', sans-serif;
    font-weight: 400;
    font-optical-sizing: auto;
    font-style: normal;
    position: relative;
    z-index: auto;
    color: #999999;
}

section {
    position: relative;
}

.heading-section{
    position: relative;
    z-index: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Nunito Sans', 'Josefin Sans', 'Outfit', sans-serif;
    font-style: normal;
    font-optical-sizing: auto;
    font-weight: 700;
    color: var(--heading-color);
}

a, a.nav-link {
    text-decoration: none;
}

b, strong {
    font-weight: 900;
}

/**************** Sub-Heading **********************/
.sub-heading {
    font-size: 12px;
    display: inline-block;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: var(--color-primary-3);
    letter-spacing: 2px;
    font-weight: 800;
    position: relative;
}

.sub-heading:before {
    position: absolute;
    top: 49%;
    right: -170px;
    content: '';
    width: 150px;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
}

.sub-heading:after {
    position: absolute;
    top: 49%;
    left: -170px;
    content: '';
    width: 150px;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
}

/* Override border-top specified in boostrap */
.border-top{
    border-top: 0px solid gray !important;
}

.col-bg-primary-2 {
   background-color: var(--color-primary-2) !important;
}

.col-bg-primary {
   background-color: var(--color-primary) !important;
}

.col-body-font-color{
    color: var(--body-color);
}

.col-color-gray-light{
    color: var(--oak-gray-light);
}

.col-bg-light-gray{
    background-color: var(--oak-gray-light);
}

.col-primary-color {
   color: var(--color-primary) !important;
}

.col-primary-color-2 {
   color: var(--color-primary-2) !important;
}

.col-primary-color-3{
    color: var(--color-primary-3) !important;
}

.col-btn {
    border: none;
    display: inline-block;
    letter-spacing: .5px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    font-weight: 400;
    padding: 12px 30px;
    color: #fff;
    border-radius: 23px;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    margin: 0 0 0em;
}

.col-btn::before {
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
    z-index: -2;
    content: '';
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
    position: absolute;
    background: var(--color-primary);
    background-image: -webkit-linear-gradient(120deg,#7d9c27 0,#a6ce39 100%);
    background-image: -ms-linear-gradient(120deg,#7d9c27 0,#a6ce39 100%);
}

.col-btn:focus,.col-btn:hover {
    font-weight: 500;
    background-color: #fff;
    color: #111343 !important;
    -webkit-box-shadow: 0 2px 40px 8px rgba(15,15,15,.15);
    box-shadow: 0 2px 40px 8px rgba(15,15,15,.15)
}

.col-btn:focus i,.col-btn:hover i {
    -webkit-animation: 1s ease-in infinite buttonIcon;
    animation: 1s ease-in infinite buttonIcon
}

.col-btn:focus::before,.col-btn:hover::before {
    left: 110%
}

.navbar .navbar-nav .nav-item:hover .nav-link {
    color: #111343 !important;
}

.navbar a.col-btn{
    font-size: 14px;
}

/*******************. WOTY stuff ******************************/
.woty-area::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(2,2,2,.9);
}

.woty-body{
    font-family: 'Elms Sans';
}

.woty-heading h2{
    color: #a9c2da;
}

.woty-heading .sub-heading{
    color: #edf2f7;
}

.woty-body {
    z-index: 10;
    margin-bottom: 3rem!important;
}

@media only screen and (min-width: 768px) {
    .woty-body {
        margin-bottom: 0 !important;
    }
}

.woty-content span {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
    .woty-content span {
        font-size: 16px;
    }
}

.woty-content .wrap span {
    display: block;
}

.whyus-img-bg {
    background-image: -webkit-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 1px, transparent 1px, transparent 100%);
    background-image: -moz-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 1px, transparent 1px, transparent 100%);
    background-image: -ms-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 1px, transparent 1px, transparent 100%);
    background-image: -o-repeating-radial-gradient(center center, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 1px, transparent 1px, transparent 100%);
    background-image: repeating-radial-gradient(center center, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 1px, transparent 1px, transparent 100%);
    background-size: 5px 5px;
    background-color: #f5fddd;
}

/***************Sermons stuff ********************/
/* .section-heading .entry-title{
    position: relative;
    padding-bottom: 24px;
    font-size: 36px;
    font-weight: 600;
}

.section-heading  .entry-title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 64px;
    height: 4px;
    border-radius: 2px;
    background: var(--color-primary);
}

@media screen and (max-width: 992px) {
    .most-recent-sermons .latest-sermon .section-heading {
        margin-top: 80px;
    }
}

.recent-sermon-wrap figure {
    width: 144px;
    height: auto;
}

.recent-sermon-wrap figure img {
    display: block;
    width: 100%;
}

.recent-sermon-content-wrap {
    width: calc(100% - 180px);
    margin-top: -10px;
}

.recent-sermon-content-wrap .entry-title a {
    font-size: 18px;
    font-weight: 600;
    color: #262626;
} */

.recent-sermon-content-wrap .posted-date a, .recent-sermon-content-wrap .cats-links a,
.latest-sermon-content-wrap .posted-date a, .latest-sermon-content-wrap .cats-links a {
    display: block;
    position: relative;
    margin-top: 6px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: var(--color-primary-2) !important;
}

.recent-sermon-content-wrap .posted-date a,
.latest-sermon-content-wrap .posted-date a {
    padding-right: 14px;
    margin-right: 14px;
}

.recent-sermon-content-wrap .posted-date a::after,
.latest-sermon-content-wrap .posted-date a::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: var(--color-primary-2);
}

.recent-sermon-content-wrap .entry-content {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 14px;
    color: #929191;
}

.recent-sermon-content-wrap .entry-footer a {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: var(--color-primary-3) !important;
    text-decoration: none;
}

.latest-sermon .latest-sermon-wrap {
    padding: 40px 24px;
    background: #edf3f5;
    margin-top: 50px;
}

.latest-sermon-wrap figure img {
    display: block;
    width: 100%;
}

.latest-sermon .latest-sermon-content-wrap {
    width: calc(100% - 280px);
}

.latest-sermon-content-wrap .entry-title a {
    font-size: 18px;
    font-weight: 600;
    color: #262626;
}

.latest-sermon-content-wrap .entry-content {
    margin-top: 28px;
    margin-bottom: 0;
    font-size: 14px;
    color: #929191;
}

.entry-footer a.col-btn {
    display: inline-block;
    color: #212529 !important;
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .latest-sermon-wrap figure {
        width: 100%;
    }

    .latest-sermon .latest-sermon-content-wrap {
        width: 100%;
        margin-top: 40px;
    }
}

@media screen and (max-width: 576px) {
    .latest-sermon-wrap figure {
        width: 100%;
    }

    .latest-sermon .latest-sermon-content-wrap {
        width: 100%;
        margin-top: 40px;
    }
}

.sermons-section .latest-sermon .oak-bg-img{
    min-height: 600px;
    position: relative;
    z-index: 0;
}

.sermons-section .latest-sermon .oak-bg-img .text-content span {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 12px;
    color: #fff;
}

.sermons-section .latest-sermon .text-content a {
    color: #fff !important;
}

.sermons-section .latest-sermon .text-content .oak-btn-outline:hover,
.sermons-section .latest-sermon .text-content .oak-btn-outline:focus {
    background: var(--color-primary-2);
    border: 1px solid var(--color-primary-2);
}

.sermon .meta span,
.latest-sermon .meta span {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3px;
   /*color: var(--color-primary-3);*/
}

/************.  Footer Stuff  **********************/
.col-footer-bg {
    background-color: var(--bg-primary) !important;
}

.footer-widgets::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 101%;
     background: rgba(63, 82, 10,.96);
    /*background-color: rgba(64,74,61,.95);*/
}

.footer-widgets h3{
    margin-bottom: 20px;
    font-size: 18px;
    color: white;
    font-family: 'Josefin Sans', 'Outfit';
}

.footer-widgets p {
    font-size: 16px;
    color: #b8b4b4;
    font-family: 'Elms Sans';
}
.footer-widgets .foot-about p {
    line-height: 2;
}

.footer-widgets ul {
    padding: 12px 0 0;
    margin: 0;
    list-style: none;
}

.footer-widgets ul li {
    margin-bottom: 8px;
    font-size: 14px;
}

.foot-about ul li {
    margin-right: 28px;
}

.ion-icon,
.social-icons li a{
    font-size: 20px !important;
    color: var(--color-primary) !important;
}

.foot-about p strong {
    color: var(--color-primary) !important;
}

.footer-widgets .policies a{
    color: #b8b4b4;

}

.footer-bar {
    padding: 30px 0;
    font-size: 12px;
    color: #7b7b7b;
    background: #131212;
    text-align: center;
}

.footer-bar a span.dev-text {
    color: #b8b4b4 !important;
    font-size: 12px;
}

/******************. COL Meetings ******************/
.meeting {
    height: 550px;
    z-index: 0;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: 0 solid #edf2f7;
    box-shadow: 0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d,0 -6px 16px -6px #00000008;
}

.sermons-section .sermon .oak-bg-img:before,
.sermons-section .latest-sermon .oak-bg-img:before,
.meeting:before {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    content: '';
    -webkit-box-shadow: inset 0px -10px 137px 0px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: inset 0px -10px 137px 0px rgba(0, 0, 0, 0.44);
    box-shadow: inset 0px -10px 137px 0px rgba(0, 0, 0, 0.44);
    z-index: -1;
    width: 100%;
    height: 100%;
}

.sermons-section .sermon .oak-bg-img:after,
.sermons-section .latest-sermon .oak-bg-img:after,
.meeting:after {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    content: '';
    border: 1px solid rgba(255, 255, 255, 0.1);
    z-index: -1;
}

.meeting .text-content {
    background-color: rgba(26, 57, 19, 0.5);
    display: inline-block;
    padding: 10px 20px;
    z-index: 1;
    width: 100%;
}

.meeting-image {
    height: 490px;
    z-index: 0;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: 0 solid #edf2f7;
    box-shadow: 0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d,0 -6px 16px -6px #00000008;
}

.meeting-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 30px;
}

.meeting-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--oak-lime-light);
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--color-primary-2), transparent 90%);
    transition: all 0.3s ease;
}

.meeting-login {
    align-items: center;
    gap: 12px;
    background: var(--oak-lime-light);
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--color-primary-2), transparent 90%);
    transition: all 0.3s ease;
}

.all-meetings-section .meeting-display {
    background: var(--oak-lime-light);
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 5px 30px 0 color-mix(in srgb, var(--default-color), transparent 85%);
    transition: all 0.3s ease;
    height: 100%;
    border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.all-meetings-section .meeting-display .meeting-display-img{
    position: relative;
    overflow: hidden;
    height: 220px;
}

.meeting-display .meeting-display-content {
    position: relative;
    padding: 20px;
}
.meeting-display .meeting-display-content  h5{
    margin-bottom: 15px;
}
.meeting-display .meeting-display-content  h5 a{
    font-size: 20px;
    font-weight: 700;
    color: var(--heading-color);
}

.meeting-meta-item{
    padding-bottom: 10px;
    margin-bottom: .25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.meeting-display-cta .col-btn {
    font-size: .8rem;
    padding: 10px 30px;
    text-transform: none;
}

/************** COL UPDATE AREA.  ************************/
.col-update-area {
    background-attachment: scroll;
    background-position: 0 0;
    background-color: transparent;
    min-height: 100px;
    padding: 0;
    margin: 0;
    border-bottom: 0;
}

.update-content:before{
    content: " ";
    display: table;
}

.update-content .title {
    margin: 0;
}

/*******************. BreadCrumb Stuff **********************/
.breadcrumb {
    min-height: 100px;
    margin-bottom: 0;
}

.page-header .breadcrumb-item, .page-header .breadcrumb-item a {
    font-size: 18px;
    color: var(--oak-gray-light);
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--oak-gray-light);
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-square, .btn-sm-square, .btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

/***************************. Giving Stuff ****************************/
.giving {
    color: #273e3e;
}
.giving-reason-header p {
    font-family: 'Josefin Sans';
    font-weight: 800;
}

.giving-reason-body p {
    font-size: 1.2rem;
    letter-spacing: 1.25px;
}

.giving-method {
    padding: 40px;
    border-radius: 24px;
    background: #aeba39;
    text-align: center;
    transition: all .35s;
}

.giving-method:hover, .giving-method.active {
    border: 0;
    background-color: #5c7619;
    color: #fff;
}

.giving-method .entry-title {
    margin-top: 28px;
    font-size: 24px;
    font-weight: 600;
    color: #262626;
}

.giving-method:hover .entry-title, .giving-method.active .entry-title{
    color: #fff;
}

/****************************  Privacy section stuff ******************************/
.privacy-section h4, .privacy-section h2 {
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}

.privacy-section strong {
    font-weight: 700;
}

.privacy-section h4 {
    font-size: 20px;
    margin-bottom: 50px;
}

.privacy-section p {
    line-height: 1.25;
    font-size: 1.25em;
}

.privacy-section ul {
    margin-bottom: 20px;
    font-size: 16px;
}

.privacy-section li {
    margin-left: 40px;
    list-style: disc
}

/**************************** Welcome Stuff ********************************************/
.welcome .greetings {
    color: #555555;
}

.welcome-img{
    margin-top: 20px;
}

/***** Welcome-section *************/
@media (max-width: 767.98px) {
    .welcome-img{
        height: 510px;
    }
}


/**************************** Meber Section ********************************************/
.new-believer-section h3,
.member-section h3 {
    text-transform: uppercase;
}

.new-believer-image,
.member-image {
   min-height: 50%;
}

@media (max-width: 767px) {
    .new-believer-image,
    .member-image {
        min-height: 40vh;
    }
}