.fs-65{font-size:.8rem!important;}
.fs-7{font-size:.6rem!important;}
small{font-size: 14px!important;letter-spacing: 1px}
.event-box small{color:#999!important;}
.event-box a{color:#999!important;}

a.popup-boxclose {   float: right;    margin-top: -30px;    margin-right: -30px;    cursor: pointer;    color: #fff;    border: 1px solid #999;    border-radius:50%;    background: #999;    font-size: 20px!important;    font-weight: 500;    display: inline-block;    line-height: 25px;    padding: 10px 15px!important;    text-decoration: none;}

.entry-col {  display: flex;  flex-wrap: wrap;  }

.entry-box.flex-row[class*="item-col-"]:not(.no-gutters):not(:last-child), .entry-box:not(:last-child){ margin-bottom: 0px;  }

.half-bg-col{ padding: 0 0 150px}
.half-bg-col.size2{ padding: 0 0 142px}

.bg-church{ background-color: #BCD85F!important;}
.text-church{color:#BCD85F!important;}
.dropbtn { background-color: #4C6F3E; color: white;  padding: 10px;  font-size: 16px;  border: none;  cursor: pointer;}
.dropdown { position: relative;  display: inline-block;}
.dropdown-content { display: none;  position: absolute;  background-color: #f9f9f9;  min-width: 160px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1;}
.dropdown-content a { color: black;  padding: 4px 8px;  text-decoration: none;  display: block;}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropbtn {background-color: #4C6F3E;}

.event-body a:hover{color:#BCD85F!important;font-weight:600;}

.title2{margin-bottom: 20px}


.bg{background-repeat: no-repeat;background-size: cover!important;background-position: 50% 50%!important;}
.bg-fixed{background-attachment: fixed!important;}

.page-section ol{list-style-type: normal;  list-style-position: outside; margin-left: 25px;}
.page-section ol li{margin-bottom:15px; padding-left:15px;}
.page-section ul{list-style-type: circle;  list-style-position: outside; margin-left: 35px;}
.page-section ul li{margin-bottom:15px; padding-left:10px;}


.form-control-new{ background:none!important; border:2px solid #FFF;padding:3px 5px;color:#FFF!important}
.btn-medium{background: #444444;border-color: #444444!important; padding:5px 30px!important;}
.social-icons.style-2 { margin: 15px -15px 40px !important; }

body.modal-open {
    overflow: visible!important;
}

.sermon-button-current{font-weight:bold;border-bottom: 3px solid #BCD85F!important;padding-bottom:1px!important;}.peaker-circle {background-color: #4c6f3e;-ms-flex-align: center;align-items: center;border-radius: 50%;color: #fff;cursor: default;display: -ms-flexbox;display: flex;font-size: 1.14285714rem;height: 36px;-ms-flex-pack: center;justify-content: center;line-height: 38px;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 36px;}.centre-circle {background-color: #4c6f3e;-ms-flex-align: center;align-items: center;border-radius: 50%;color: #fff;cursor: default;display: -ms-flexbox;display: flex;font-size: 1.14285714rem;height: 36px;-ms-flex-pack: center;justify-content: center;line-height: 38px;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 36px;position:relative;left:50%;margin-bottom:20px;}.count-circle {background-color: #000000;-ms-flex-align: center;align-items: center;border-radius: 50%;color: #fff;cursor: default;display: -ms-flexbox;display: flex;font-size: 1rem;height: 33px;-ms-flex-pack: center;justify-content: center;line-height: 35px;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 36px;}


.mo:hover{background-color: #f2f2f2;cursor: pointer;}
.sc:hover{background-color: #f2f2f2;cursor: pointer;}

.close-frame{position:absolute; top:-30px; right:24px}

#search-notes ul {  display: flex;}

#search-notes .text-warning {  list-style-type: none;  padding: 2px;  position: relative;}
.large {  position: absolute;  left: -9999px;}

#search-notes:hover .large {  left: 20px;  top: -200px;  z-index: 1;}

.text-overflow{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.fade-in {opacity: 0;animation: fadeIn 2s ease-in forwards;}
 @keyframes fadeIn {to {opacity: 1;}}

.cal-days .btn{padding: 7px 10px;}
.cal-days .btn-style-5 {
    background: #4c6f3e;
    color: #fff; text-transform: capitalize!important;
    border-color: #4c6f3e;  line-height: 1.25em; font-weight: 400; font-size: 1rem;
}

.cal-days .btn-style-51 {
    background: #4c6f3e;
    color: #fff; text-transform: capitalize!important;
    border-color: #4c6f3e; line-height: 1.25em; font-weight: 400; font-size: 1rem;
}

.cal-days .current{ background: #000000!important;    color: #fff;    border-color: #000000!important;}
.text-soft{color:#999999;} 

.day-title {
    color: #444444; text-transform: capitalize!important;
    font-weight: 600; font-size: 1rem;
}

.btn {
    padding: 7px 30px;
    display: inline-block;
    font-size: 13px;
    border-color:#FFFFFF!important;
    border-radius: 3px;
    text-transform: uppercase;
    background: transparent;
    color: #FFFFFF;
    white-space: nowrap;
    text-align: center;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.event-btn {border: 2px solid #8f8e8c!important; background: transparent;color: #565656; white-space: nowrap;
    text-align: center;
    line-height: 24px;
    letter-spacing: 0.5px;padding: 7px 30px;
    display: inline-block;
    font-size: 13px;
    border-radius: 3px;
    text-transform: uppercase;}

.btn-sermon {background: transparent;color: #565656; white-space: nowrap;
    text-align: center;
    line-height: 24px;
    letter-spacing: 0.5px;padding: 7px 30px;
    display: inline-block;
    font-size: 16px;
    border-radius: 3px;
    text-transform: uppercase;}

.event-img a{
    color: #FFF;
    background-color: #555;
}

.event-img a:hover{
    color: #ccc!important;
}

.event-img a{
    font-size: 24px;
    position:absolute;
    bottom:-20px;
    right:-20px;
}

.welcome-image h2{
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 55px;
    position:absolute;
    top:80px;
    left:40px;
    color:#FFF;
}
.welcome-image p{
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    line-height: 35px;
    position:absolute;
    top:140px;
    left:40px;
    color:#FFF;
    width:70%;
}

.sermon-topics h2{
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 55px;
    color:#595959;
    text-align: center;
    margin-top: 80px
}
.sermon-topics p{
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    line-height: 35px;
    color:#595959;
    margin:60px;
}

.sermon-topics a{
    font-weight: 500;
    font-style: normal;
    font-size: 25px;
    line-height: 35px;
    color:#595959;
    text-align: center!important;
}

.sermon-date{border:2px solid #FFFFFF; border-radius: 10px;text-align: center;padding:5px 5px 10px;width:100%;}
.sermon-date span{display:block;font-optical-sizing: auto;font-weight: 400;font-style: normal;font-variation-settings: "wdth" 100;font-size: 30px;line-height: 30px}
.sermon-content{font-optical-sizing: auto;font-weight: 400;}
.sermon-content a{font-weight: 400; font-style: normal; font-size: 25px; line-height: 35px;  color:#878685;  text-align: center!important;}

.link-img  {
  position: relative;
  width: 100%;
  height: 100%;
}

.link-content h2{
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 55px;
    color:#FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center!important;
    white-space: nowrap;
}

.link-content p{
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    line-height: 35px;
    color:#FFF;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center!important;
    white-space: nowrap;
    letter-spacing: .1em;
}

.link-content a{
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    line-height: 35px;
    position:absolute;
    color:#FFF;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center!important;
    white-space: nowrap;
    border:2px solid #FFFFFF;
    padding:5px 50px;
}

.link-content2 h2{
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 55px;
    color:#FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center!important;
    white-space: nowrap;
}

.link-content2 p{
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    line-height: 35px;
    color:#FFF;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center!important;
    white-space: nowrap;
}

.link-content2 a{
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    line-height: 35px;
    position:absolute;
    color:#FFF;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center!important;
    white-space: nowrap;
    border:2px solid #FFFFFF;
    padding:5px 50px;
}

.link-content3 h2{
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 55px;
    color:#FFF;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center!important;
    white-space: nowrap;
}

.link-content3 p{
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    line-height: 35px;
    color:#FFF;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center!important;
    white-space: nowrap;
}

.link-content3 a{
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    line-height: 35px;
    position:absolute;
    color:#FFF;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center!important;
    white-space: nowrap;
    border:2px solid #FFFFFF;
    padding:5px 50px;
}

.link-content2 a:hover{color:#FFF!important;font-size: 20px;}

.sliding-el {position: relative;left: -100%; transition: left 2s ease-out;animation-delay: 100ms;}
.sliding-el.in-view {left: 0;}

.sliding-el-r {position: relative;right: -100%; transition: right 2s ease-out;animation-delay: 100ms;}
.sliding-el-r.in-view {right: 0;}

.rotated-text {
  transform: rotate(45deg); /* Adjust the angle as needed */
  width: fit-content;
  margin: 20px;
  padding: 10px;
  border: 1px solid #333;
  position:absolute;
  top:50%;
  right:20%;
}

.rotated-text-no-pos {
  transform: rotate(335deg); /* Adjust the angle as needed */
  width: fit-content;
  margin: 20px;
  padding: 10px;
  border: 1px solid #333;
}

.footer a:hover{color:#b4b4b4!important;}
.footer h3{margin-bottom: 13px!important}
.contact-info{background-color: #638A53;color:#DBDEDE;}
.contact-info a{color:#DBDEDE;}
.contact-info a:hover{color:#DBDEDE!important;}
.newsletter .btn{margin-right:0!important; padding:13px 10px!important; line-height:normal!important;  }

.tp-header{font-size: 75px!important}



