/* CSS Document */
@font-face {
    font-family: 'Montserrat';
    src: url('../Montserrat-font/Montserrat-VariableFont_wght.ttf');
    /*src: url('../Montserrat-font/Montserrat-Italic-VariableFont_wght.ttf');*/
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.menulinks{font-family:'Montserrat'; font-weight:400; color:#FFFFFF; display:block; font-size:15px; font-variant:small-caps }
.menulinks:hover{font-family:'Montserrat'; font-weight:400; color:#8ec92f; display:block; font-size:15px;}
.menulinks.active{font-family:'Montserrat'; font-weight:400; color:#8ec92f !important; display:block; font-size:15px; font-weight:bold;}

.submenulinks{font-family:'Montserrat'; font-weight:400; color:#FFFFFF; display:block; font-size:16px;}
.submenulinks:hover{font-family:'Montserrat'; font-weight:400; color:#FFFFFF; display:block; font-size:16px;}


.modaltitle{font-family:'Montserrat'; font-weight:400; color:#FFFFFF; display:block; font-size:14px;}

.errorform{border-color:#990000; background-color:#FFCECE !important;}

.no-caret::after {
  display: none;
}

.custom-dropdown {
  background-color: #8ec92f; /* Change to your preferred background color */
}

.custom-dropdown .dropdown-item {
  color: #FFFFFF; /* Text color for dropdown items */
  font-family:'Montserrat'; font-weight:400; color:#FFFFFF; display:block; font-size:16px; font-weight:bold;
}

.custom-dropdown .dropdown-item:hover {
  background-color: #666666; /* Hover background */
  color: #FFFFFF; /* Hover text color */
  font-family:'Montserrat'; font-weight:400; color:#FFFFFF; display:block; font-size:16px; font-weight:bold;
}



.main_title{font-family:'Montserrat'; font-weight:400; color:#FFFFFF; letter-spacing:3px; font-variant:small-caps; text-shadow: 2px 2px #999999;}
.main_subtitle{font-family:'Montserrat'; font-weight:400; color:#FFFFFF; font-size:16px; letter-spacing:3px; font-variant:small-caps }
.main_title-2{font-family:'Montserrat'; font-weight:600; color:#8ec92f; letter-spacing:3px; font-variant:small-caps; text-shadow: 1px 1px #CCCCCC;}

.green{color:#8ec92f}

#countdown-container{
	color:#fff;
	padding:70px 0 60px 0;
	background:#ecffe6;
}

#countdown-container h3{
	color:#fff;
	display:inline-block;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1px;
	font-size:24px;
	padding-bottom:3px;
	margin:10px 0 3px 0;
	border-bottom:solid 2px #8ec92f;
}

#countdown-container .time{
	color: #003300;
	display:block;
	font-family:"Montserrat";
	text-transform:uppercase;
}

.center_title{font-family:'Montserrat'; font-weight:600; color:#333333; font-size:24px; letter-spacing:1px;}
.title{font-family:'Montserrat'; font-weight:600; color:#333333; font-size:22px; font-weight:bold; letter-spacing:1px; font-variant:small-caps}

.btn-primary{font-family:'Montserrat'; font-weight:400; color:#ffffff; font-size:15px; background-color:#8ec92f; border-color:#8ec92f;}
.btn-primary:hover{font-family:'Montserrat'; font-weight:400; color:#ffffff; font-size:12px; background-color:#666666; border-color:#666666;}

.card-title{font-family:'Montserrat'; font-weight:400; color:#666666; font-size:18px;}
.card-event{font-family:'Montserrat'; font-weight:400; color:#666666; font-size:16px; font-weight:bold}
.card-text{font-family:'Montserrat'; font-weight:400; color:#666666; font-size:16px;}

.main-text{font-family:'Montserrat'; font-weight:400; color:#333333; font-size:18px;}
.card-title-2{font-family:'Montserrat'; font-weight:400; color:#333333; font-size:18px;}
.card-text-2{font-family:'Montserrat'; font-weight:400; color:#333333; font-size:18px;}

.video_card{background-color:#FFFFFF}
.video_card:hover{background-color:#EFEFEF !important; color:#333333; border-color:#8ec92f}

.pastorletter{position: relative; /* Makes the div fixed */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
 background-color::#ecffe6;
  background-size: cover; /* Ensures the image covers the div */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents tiling */}
  
.header{position: relative; /* Makes the div fixed */
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-image: url('../img/misc/bg-subheader.jpg'); /* Replace with your image URL */
  background-size: cover; /* Ensures the image covers the div */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents tiling */}
  

.sitemaptitle{font-family:'Montserrat'; font-weight:600; color:#8ec92f; font-size:18px; font-weight:bold; letter-spacing:1px; font-variant:small-caps}
.sitemaplinks{font-family:'Montserrat'; font-weight:400; color:#FFFFFF; font-size:14px; text-decoration:none}
.sitemaplinks:hover{font-family:'Montserrat'; font-weight:400; color:#8ec92f; font-size:14px; text-decoration:none}

.footertext{font-family:'Montserrat'; font-weight:400; color:#FFFFFF; font-size:14px; text-decoration:none;}



.countdown {
  display: flex;
  gap: 20px;
}

.circle {
  width: 100px;
  height: 100px;
  border: 5px solid #8ec92f;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.time {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
}

.label {
  font-size: 0.8rem;
  color: #666;
}

.sitemap_bg{background-color:#333333}
.footer_bg{background-color:#000000}

.list-group-item{
  font-weight:bold;
}
.list-group-item.active {
font-weight:bold;
  background-color:#8ec92f;
  border-color: #8ec92f !important;
}
.list-group-item:hover {
font-weight:bold;
  background-color:#8ec92f;
  border-color: #8ec92f !important;
  color:#FFFFFF;
}

.year-tab {
font-weight:bold;
color:#8ec92f !important;
font-size:16px;
}
.year-tab.active {
font-weight:bold;
background-color:#8ec92f !important;
border-color: #8ec92f !important;
color:#FFFFFF !important;
}
.year-tab:hover {
font-weight:bold;
  background-color:#8ec92f;
  border-color: #8ec92f !important;
  color:#FFFFFF !important;
}

.carousel-caption {
    bottom: 40%;
}

.carousel-caption h1 {
    font-size: 3rem;
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
}


/* styles for desktop devices */
@media only screen and (min-width: 1420px) {
  .diagramwidth { width:100%}
}

/* styles for tablet devices */
@media only screen and (min-width: 768px) and (max-width: 1400px) {
  .diagramwidth { width:190%}
}

/* styles for mobile devices */
@media only screen and (max-width: 767px) {
  .diagramwidth { width:200%}
}