@import "fixes.css";

@font-face {
  font-family: 'Alisandra Demo'; /* Choose a name for your font family */
  src: url('../fonts/AlisandraDemo.woff2') format('woff2'),
       url('../fonts/AlisandraDemo.woff') format('woff'),
       url('../"../fonts/AlisandraDemo.ttf"') format('truetype'); /* Include multiple formats for cross-browser support */
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Helps with page load performance */
}




a:hover {
    text-decoration: none;
}

#Modal-search {
    z-index: 10055 !important;
}

.modal-backdrop  {
    z-index: 10020 !important;
}

.internal_banner {
    position: relative;
}


.inner_bodybg {
    background: url("../img/bodybg.png") no-repeat;
    background-size: contain;
	background-position: bottom;
}

.start_bordered {
    border-left: 10px solid #129d49;
}
.story_images img.end_bordered {
    border-right: 10px solid #129d49;
}

.story_bio {
    background:#efeae4;
}


a.text-primary:focus, a.text-primary:hover {
  color: #089c49 !important;
}


.mv_cards .vision_mission_card  {
    background-color: #e5f0e2;
}




.leader_quote {
    overflow-y: scroll;

    padding: 10px;
    margin-bottom: 10px;
}

.leadership_caption {
    max-height: 100%;
    
}


@media (max-width: 684px) {
.leadership_caption {
    width: 94%;
    position: relative;

  right: 3%;
  left: 3%;
    bottom: 0;
}
    
    .leader_quote {
        max-height:  250px;
        }
    
    .caption_parent {
        position: relative;
        padding-top: 10px;
        background: #efeae4;
        border-top:solid 5px #089c49
    }
}



@media (min-width: 685px) and (max-width: 767px) {
.leadership_caption {
    width: 60%;
    

  right: auto;
  left: 0%;
}
    .leader_quote {
        max-height:  230px;
        }
}

/* Large (lg) */
@media (max-width: 991px) and (min-width: 768px) {
.leadership_caption {
    width: 60%;
    

  right: auto;
  left: 0%;
}
    
     .leader_quote {
        max-height:  280px;
        }
    
    
}

/* Extra large (xl) */
@media (max-width: 1199px) and (min-width: 992px)  {
.leadership_caption {
    width: 70%;
    bottom: 0;

  right: auto;
  left: 0;
}
    
     .leader_quote {
        max-height:  280px;
        }
    
}

/* Extra large (xl) */
@media (max-width: 1300px) and (min-width: 1200px) {
.leadership_caption {
    width: 65%;
    bottom: 0;
padding:10px;
  right: auto;
  left: 0;
}
    
     .leader_quote {
        max-height:  350px;
        }
    
}


/* Extra large (xl) */
@media (max-width: 1595px) and (min-width: 1301px)  {
.leadership_caption {
    width: 65%;
    

  right: auto;
  left: 0;
}
    
         .leader_quote {
        max-height:  400px;
        }
    
    
}
@media (min-width: 1596px) {
.leadership_caption {
    width: 40%;
    

  right: auto;
  left: 15%;
}
    
    
     .leader_quote {
        max-height:  800px;
        }
        
}


.leader_body {
    display: block;
    overflow: auto;
    padding: 0 30px;
    background: url("../img/inner_images/leadership_stripe.png") repeat-y;
    background-size: contain;
}

.leader_body p {
	font-size: 16px;
}
/*.leader_body h2 {
	font-size: 20px;
}
.leader_body h3 {
	font-size: 16px;
}*/
.nk_section {
    width: 100%;
    position: relative;
}
.nk_content {
    position: absolute;
    top: 0;
    width: 100%;
}





.mega-menu {
  position: static;
}

.mega-menu .dropdown-menu {
  width: 100%;
  left: 0;
  right: 0;
  padding: 20px;
}

.drop-mega-menu {
  display: flex;
  gap: 0px;
  flex-wrap: wrap;
}


media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
  }
}



/*///////////////*/
.dropdown-menu {
	color: #fff;
	background-color: #5d3810c7;
}
.dropdown-item {
	color: #fff;
}
.dropdown-item:hover {
	color: #fff;
	background-color: #129d49;
}
.text-primary{
	color: #785024 !important;
}
.footer-bg{
	/*background-image: url("../img/footer-1.png");*/
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat
}
a {
    color: #785024;
    text-decoration: none;
}
a:focus, a:hover{
	color: #089c49;
}
.letters-space{
	letter-spacing: 5px;
}
.nav-top-bar i{
	color: #785024 !important;
}
.bg-tr{
	background-color: #0606066e;
}
.bg-tr-w{
	background-color: #ffffffb3;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{
	opacity: 0;
}
.border-left{
	border-left: 5px solid #089c49;
}
.text-green{
	color: #089c49;
}
.border-left-green{
	border-left: solid 5px #089c49;
}
.signature{
	letter-spacing: 1px;
	font-family: 'Alisandra Demo', serif;
	line-height: 24px;
	font-style: italic;
	font-weight: 500;
}
.border-bottom-green{
	border-bottom: solid 10px #089c49;
	border-top: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-left: solid 1px #ddd;
}
.border-bottom-green-h{
	border-bottom: solid 10px #089c49;
}

 /*cards*/ 
.flip {
  -webkit-perspective: 800;   
          perspective: 800;
        position: relative;
        text-align: center;
    height: 100%;
}
.flip .card.flipped {
  -webkit-transform: rotatey(-180deg);
          transform: rotatey(-180deg);
}
.flip .card {
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
}
.flip .card .face {
  -webkit-backface-visibility: hidden ;
    backface-visibility: hidden ;
   z-index: 2;
}
.flip .card .front {
   z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
  align-items: center;   /* vertical */
  justify-content: center; /* horizontal */
}
.flip .card .front .inner {
    padding: 0 !important;
}
.flip .card .img {
   position: relaitve;
   width: 270px;
   height: 178px;
   z-index: 1;
   border: 2px solid #000;
}
.flip .card .back {
  -webkit-transform: rotatey(-180deg);
          transform: rotatey(-180deg);
  /*position: absolute;*/
}
.bg-green{
	background-color: #089c49;
}
.bg-left{
	background-image: url("../img/bg-left.png");
	background-repeat: no-repeat;
    background-position: -12% top;
    background-size: 24%;
}
.bg-right{
	background-image: url("../img/bg-right.png");
	background-repeat: no-repeat;
	background-position: right;
}
.w-auto{
	width: auto;
}
.border-bottom-w{
	border-bottom: 2px solid #fff;
}
.border-rt{
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}
.bg-light-brown{
	background-color: #efeae4;
}
.border-green{
	border: solid #089c49 2px;
}
.text-24{
	font-size: 24px;
}
.text-22{
	font-size: 22px;
}
.text-18{
	font-size: 18px;
}
.end_bordered {
    border-right: 10px solid #129d49;
}
.bg-light-green{
	background-color: #e5f0e2;
	border: 1px solid #b9b9b9;
}
.nav-link{
	color: #785024;
}
.nav-link:focus, .nav-link:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
	color: #089c49;
	text-decoration: underline;
}








#testimonialCarousel  .carousel-inner {
    box-shadow: none;
}

#testimonialCarousel .carousel-item {
    height: auto;
}


.custom-control {
  width: 50px;
  height: 50px;
  background-color: #1f8f4a; /* green */
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}

.carousel-control-prev {
  left: -70px;
}

.carousel-control-next {
  right: -70px;
}

#testimonialCarousel .carousel-control-prev:hover, #testimonialCarousel .carousel-control-next:hover {
    opacity:.7;
}

#testimonialCarousel .carousel-control-prev:focus, #testimonialCarousel .carousel-control-next:focus {
    opacity:1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: brightness(0) invert(1); /* white arrows */
  width: 20px;
  height: 20px;
}


.hover-shadow {
  transition: box-shadow .3s;
}
.hover-shadow:hover {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}
.cards {
  transition: transform .3s ease-in-out; /* Smooth transition */
}
.cards:hover {
  transform: scale(1.05); /* Scales the card to 105% of its size */
  z-index: 1; /* Ensures it stays on top of adjacent elements */
}
.accordion-button:not(.collapsed){
	color: #fff;
	background-color: #089c49;
}
.accordion-button{
	color: #fff;
	background-color: #089c49;
}
.accordion-button:not(.collapsed)::after{
	color: #fff;
}
.accordion{
	--bs-accordion-bg: none;
	--bs-accordion-border-color: none;
	
}
.table{
	--bs-table-bg:none;
}
.border-top-green{
	border-top: solid 5px #089c49;
}
.bg-map{
	background-image: url("../img/map.jpg");
	background-size: cover
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	







.leader_quote::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}


.leader_quote::-webkit-scrollbar-track {
  background: #f1f1f100;
  border-radius: 10px;
}


.leader_quote::-webkit-scrollbar-thumb {
  background: #089c49; /* Bootstrap primary */
  border-radius: 10px;
}


.leader_quote::-webkit-scrollbar-thumb:hover {
  background: #089c49;
}

.leader_quote {
  scrollbar-width: thin;           /* auto | thin */
  scrollbar-color: #089c49 #f1f1f100; /* thumb track */
}





/*
flip card
*/
.card-flip > div {
  backface-visibility: hidden;
  transition: transform 300ms;
  transition-timing-function: linear;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
}

.card-front {
  transform: rotateY(0deg);
}

.card-back {
  transform: rotateY(180deg);
  position: absolute;
  top: 0;
}

.card-flip:hover .card-front {
  transform: rotateY(-180deg);
}
  
.card-flip:hover .card-back {
  transform: rotateY(0deg);
}

.fw-black {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}




.carousel-indicators [data-bs-target]{
	width: 15px;
	height: 15px;
	margin-right: 10px;
	margin-left: 10px;
}
.carousel-caption-inner{
	bottom: 1rem;	
}


.text-shadow{
	text-shadow: 3px 3px #00000030;
}
