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

body {
background-color: whitesmoke;
 /*display: block;
 /*backdrop-filter: blur(13px);
 background-image: url('/Users/john/websites/tangibleNew/figs/waves.svg');
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
 background-position: bottom center, 50%, 50%;*/
}

h1, h2, h3, h4, h5, h6 {
  color: #303d38;
  padding: 6px;
}

p, img {
  margin-left: 6px;
  margin-right: 6px;
}
  
  
}

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

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

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



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

.navbar{ 
	background-color:#303d38fa; 
	/*background-color: #0A64BC; */
	color: white !important; 
} 

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

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

.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;
}


/*////////////////////////////////////////////////////////////////////////////*/
/* 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:#303d38; 
	color: white !important; 
	/*padding-top: 15px; 
	padding-bottom: 15px; */
} 

/*////////////////////////////////////////////////////////////////////////////*/
/* ACCORDIONS */
.accordion-body {
  background-color: #d9e3f9;
}
.accordion-button {
  background-color: white;
}

.accordion-button:not(.collapsed) {
 color: black  !important;
 background-color: #c6dab3 !important;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}


/*////////////////////////////////////////////////////////////////////////////*/
/* Sidebar */
.offcanvas {
  opacity: 98%;
  background-color: whitesmoke;
  z-index:100000;
}


.offcanvas-btn {
  border-radius: 50%;
  z-index:99999;
}

/*////////////////////////////////////////////////////////////////////////////*/
/* Background styles */
#b01-container{ 
	/*background-color: #0A64BC; */
	/*color: white !important; */
	padding-top: 0px; 
	padding-bottom: 0px; 
	display: block;
	background-image: linear-gradient(to right, rgba(255,255,255, 0.4) 0 100%),url("retreatPhotos/b01Sunrise_winter_eclipse.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: top left;
} 

#b02-container{ 
	/*background-color: #0A64BC; */
	/*color: white !important; */
	padding-top: 0px; 
	padding-bottom: 0px; 
	display: block;
	background-image: linear-gradient(to right, rgba(255,255,255, 0.5) 0 100%),url("retreatPhotos/b02mountains_and_redclouds.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: bottom left;
} 

#b03-container{ 
	/*background-color: #0A64BC; */
	/*color: white !important; */
	padding-top: 0px; 
	padding-bottom: 0px; 
	display: block;
	background-image: linear-gradient(to right, rgba(255,255,255, 0.8) 0 100%),url("retreatPhotos/b03Do_more_of_makes_you_happy_snow.JPEG");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: bottom left;
} 

#b04-container{ 
	/*background-color: #0A64BC; */
	/*color: white !important; */
	padding-top: 0px; 
	padding-bottom: 0px; 
	display: block;
	background-image: linear-gradient(to right, rgba(255,255,255, 0.5) 0 100%),url("retreatPhotos/b04Ice_flow_milescanyon.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: bottom, right;
} 

#b05-container{ 
	/*background-color: #0A64BC; */
	/*color: white !important; */
	padding-top: 0px; 
	padding-bottom: 0px; 
	display: block;
	background-image: linear-gradient(to right, rgba(255,255,255, 0.9) 0 100%),url("retreatPhotos/b05Ice_bubbles.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: bottom, right;
} 


/* These are associated with toggling the button image 
.offcanvas-btn span:last-child,


.offcanvas.show .offcanvas-btn span:first-child {
  display: none;
}

.offcanvas.show .offcanvas-btn span:last-child {
  display: inline;
}
*/


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