/*////////////////////////////////////////////////////////////////////////////*/
/* GLOBAL */
*{ 
	margin: 0; 
	padding: 0pt; 
	/*font-family: 'Open Sans', sans-serif; */
	font-family: 'Trebuchet MS', sans-serif; 
	font-size: 18px;
	scroll-padding-top: 80px;
} 

body {
  background-color: #f8f5f0;
}

/*
h1, h2, h3, h4, h5, h6 {
  color:#1e5444fa;
}
*/

.fixed-bottom-button {
    position: fixed; /* Positions the element relative to the browser window (viewport) */
    bottom: 20px;    /* Places the button 20 pixels from the bottom edge */
    right: 20px;     /* Places the button 20 pixels from the right edge */
    /*width: 100%;     /* Makes the button span the full width of the viewport */
    /* Additional styling for presentation */
    /*padding: 10px;*/    /*background-color: #f1f1f1;*/
    /*text-align: center;*/
    box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
    z-index: 1000;   /* Ensures the button appears on top of other content */
}

.neonText {
  color: #fff;
  text-shadow:
      0 0 7px #2a2725,
      0 0 10px #2a2725,
      0 0 21px #2a2725,
      0 0 42px #2a2725,
      0 0 82px #2a2725,
      0 0 92px #2a2725,
      0 0 102px #2a2725,
      0 0 151px #2a2725;
}

.btn-my-colour {  
    background-color:#c96e5b;
    border-color: #c96e5b;
    font-weight: bold;    
}   

/*
.btn-my-colour:hover, 
.btn-my-colour:focus {
  background-color: #2A2725; 
  border-color:  #2A2725;     
}
*/

.btn-course {
  border-radius: 0%;
  /*background-color: #c2983d;*/
}

.btn:disabled{
  border: 0px;
  opacity: 0.25;
  
}

.text-bg-warning {
    background-color: #f1bd78!important;
}

.text-bg-light {
    background-color: #b9ada333!important;
}

.btn-success {
    border-color: #1e5444fa!important;
    background-color: #1e5444fa!important;
}

.green-text {
  color: #1e5444fa!important;
}

/*////////////////////////////////////////////////////////////////////////////*/
/* CIRCULAR IMAGE */
.custom-circle-image {
  width: 200px;   /* Set a fixed width */
  height: 200px;  /* Set a fixed height to make it a perfect circle */
  object-fit: cover; /* Ensures the image covers the area without stretching */
  /* Add margin utilities in the HTML like mt-3 for spacing */
}

.custom-card-img {
  /*width: 200px;   /* Set a fixed width */
  /*height: 200px;  /* Set a fixed height to make it a perfect circle */
  object-fit: fill; /* Ensures the image covers the area without stretching */
  /* Add margin utilities in the HTML like mt-3 for spacing */
  opacity: 0.2;
}


/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/* NAVBAR */

.navbar-nav{ 
	margin-right: 0 !important; 
	padding-right: 20px; 
} 

.navbar{ 
	background-color:#1e5444fa;
	/*background-color:black;*/
	color: white !important; 
} 

.nav-item a{ 
	color: white !important; 
} 

.nav-item{ 
	padding-left: 2px; 
} 

.nav-item.dropdown{
  color: black !important; 
}

.navbar-brand{ 
	color: white !important; 
	padding-left: 20px; 
} 

#navbar button{ 
	color: white !important; 
} 


.navbar-svg-bg {
  background-image: url('figs/splines.svg');
  background-position: top center;
  background-size: contain; /* or contain */
  background-repeat: no-repeat;
}



/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/* BANNER */
#banner-container{ 
	padding:0px; 
} 

/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/* COURSE */
.modal-body p a {
    word-wrap: break-word;
}

/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/* OFFERINGS */
#offerings .list-group-item-warning {
    background-color: #b9ada333!important;
    border-color: #b9ada333!important;
}

#offerings .list-group-item {
    border-color: #b9ada333!important;
}

/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/* OFFERINGS */
#contact {
    background-color: #b9ada333!important;
}



/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/* TESTIMONIALS */
#testimonials .card-body {max-height: 300px; 
                          overflow-x: scroll; }

#testimonials .card-body p {word-break: break-word; 
                            width: 75%;
                            margin:auto}

/*                            
.carousel .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.carousel-indicators {
    bottom: -50px;
}
*/
                         
                          
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/* FOOTER */
#footer-container{ 
	/*background-color:#1e5444; 
	color: white !important; */
	/*padding-top: 15px; 
	padding-bottom: 15px; */
	background-image: url('./figs/wave.svg');
  background-size: cover; /* Optional: adjust as needed */
  background-repeat: no-repeat; /* Optional: adjust as needed */
  background-position: center; /* Optional: adjust as needed */
} 

/*////////////////////////////////////////////////////////////////////////////*/
/* Other styles*/
.logo {
  height: 64px;
  width: auto;
}


/*////////////////////////////////////////////////////////////////////////////*/
/* Parallax  */
.parallax {
  position: relative;
  height: 50vh;
  overflow: hidden;
}

.parallax-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
  z-index: 1;
}

.overlay-content {
  position: relative;
  z-index: 2;
  text-align: center;
  /*padding-top: 0vh;*/
  /*padding-top: 25vh;*/
  color: white;
}

h1 span {
  /*font-family: "Tangerine", cursive;*/
  font-family: Georgia;
  font-weight: 500;
  font-size: 2rem;
}

p span {
  /*font-family: "Tangerine";*/
  font-weight: 200;
  font-size: 1rem;
}




/*////////////////////////////////////////////////////////////////////////////*/
/* MEDIA 
/* Mobile Phones (600px or less) */
 /* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */

/*
@media (max-width: 768px) {
  #section1 {
    background-attachment: scroll;
    background-size: cover;
  }
  #b01-container {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.4) 0 100%),url("retreatPhotos/image1.jpg");
    background-size: 100vw auto;
  }
  #b02-container {
    background-image: linear-gradient(#f8f5f0,Lavender);
  }
  #b03-container {
    background: #f8f5f0;
  }
  #b04-container {
    background-image: linear-gradient(#f8f5f0,Lavender);
  }
  #b05-container {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.8) 0 100%),url("retreatPhotos/image5.jpg");
    background-position: top left;
  }
}
*/