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

body {
  background-color: #f8f5f0;
}

/*
h1, h2, h3, h4, h5, h6 {
  padding: 6px;
}
*/

.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-course {
  border-radius: 0%;
  /*background-color: #c2983d;*/
}

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

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


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

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

.navbar{ 
	background-color:#1e5444fa; 
	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; 
} 



/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/* 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; */
} 

/*////////////////////////////////////////////////////////////////////////////*/
/* 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-weight: 900;
  font-size: 4rem;
  /*
  font-size: 4rem;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  */
}


/*////////////////////////////////////////////////////////////////////////////*/
/* 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;
  }
}