@charset "UTF-8";
/* CSS Document */
/* Color scheme hexadecimal values: FFE8DF 8F92B2 F9F9FF BBCCB3 99B28B */
@import url('https://fonts.googleapis.com/css2?family=Englebert&display=swap');

/* The body tag style applies to all elements on the page */
body {
/* background-color: rgb(177, 231, 194)
; */
font-family: Englebert, Verdana, Geneva, Arial, sans-serif;
padding:0px;
margin:0px;
background: rgb(42,122,98);
background: -moz-linear-gradient(top,  rgba(42,122,98,1) 1%, rgba(174,186,135,1) 100%);
background: -webkit-linear-gradient(top,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
background: linear-gradient(to bottom,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7a62', endColorstr='#aeba87',GradientType=0 );



}

/* The wrapper ID style is used with a div tag to provide a 960px wide page */
#wrapper {
width: 960px;
height: 800px;
margin-left: auto;
margin-right: auto;
background-color:#99B28B ;

}

#nav nav ul {
	Text-decoration: none; 
	display: flex; 
	flex-direction: row; 
	margin: auto; 
	float: right
}

div.navphoneleft {
	display: none;
}


div.phone{ display: none;
}

/*The right-column ID style is floated right */
 #right-column {
float: right;
width: 300px;
height: auto; 
background: rgb(42,122,98);


color:  antiquewhite;
font-size: 15pt;

margin-right: 20px;
margin-left: 20px;
margin-bottom: 190px;
margin-top: 100px;
padding-left: 10px;
font-family: Englebert, Verdana, Geneva, Arial, sans-serif;

} 

/* The left-column ID style is floated left */
#left-column {
float: left;
width: 500px;
height: 600px;
background: rgb(42,122,98);
background: -moz-linear-gradient(top,  rgba(42,122,98,1) 1%, rgba(174,186,135,1) 100%);
background: -webkit-linear-gradient(top,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
background: linear-gradient(to bottom,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7a62', endColorstr='#aeba87',GradientType=0 );
color: antiquewhite;
font-size: 18pt;
margin-bottom: 25px;
margin-top: 100px;
margin-left: 20px;
padding-left: 10px;
padding-right: 10px;
}



#slides {
	display: none;
}




 /* This is for the slidewhow seen on the cell phone */

img{width:100%} 
			.slideshow, .frame {position: relative;height: 500px;width:500px;margin:auto;margin-top: 5px; margin-bottom: 0; background: rgb(79,14,42);
			background: -moz-linear-gradient(left,  rgba(79,14,42,1) 0%, rgba(253,255,255,1) 18%, rgba(79,27,53,1) 99%, rgba(200,238,251,1) 99%, rgba(79,27,53,1) 99%, rgba(79,27,53,1) 99%, rgba(190,228,248,1) 100%, rgba(79,27,53,1) 100%, rgba(190,228,248,1) 100%, rgba(79,27,53,1) 102%);
			background: -webkit-linear-gradient(left,  rgba(79,14,42,1) 0%,rgba(253,255,255,1) 18%,rgba(79,27,53,1) 99%,rgba(200,238,251,1) 99%,rgba(79,27,53,1) 99%,rgba(79,27,53,1) 99%,rgba(190,228,248,1) 100%,rgba(79,27,53,1) 100%,rgba(190,228,248,1) 100%,rgba(79,27,53,1) 102%);
			background: linear-gradient(to right,  rgba(79,14,42,1) 0%,rgba(253,255,255,1) 18%,rgba(79,27,53,1) 99%,rgba(200,238,251,1) 99%,rgba(79,27,53,1) 99%,rgba(79,27,53,1) 99%,rgba(190,228,248,1) 100%,rgba(79,27,53,1) 100%,rgba(190,228,248,1) 100%,rgba(79,27,53,1) 102%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f0e2a', endColorstr='#4f1b35',GradientType=1 );
			white;} 
			.slide {width: 100%; height: 100%; overflow: hidden;position: absolute;left: 0;top: 0;opacity: 0; transition: opacity 2s linear} 
			.show:checked + .slide {opacity: 1;}  
			li.button {display: inline-block; padding: .5px; margin: 3px;  color:rgb(80, 8, 44); font-size: .5rem; z-index: 1 } 
			input{display:none; } 
			li.button-label {  opacity: -1; font-size: .1rem; position: relative; top: 0; padding:0; background: rgb(80, 8, 44); display:block; height:.3rem; width:.3rem;  text-align:center; border-radius: 5px 5px;  color:rgb(80, 8, 44); cursor: pointer; transition: background 2s color 2s;} 
			li.button-label:hover {background: rgb(218, 124, 194); color: rgb(218, 124, 194);} 
			
 #slideshow img{
	display: none;
 }

.box {
height: 50px;
width: 200px;
float: left;
background-color:rgb(42,122,98);
background: -moz-linear-gradient(bottom,  rgba(42,122,98,1) 1%, rgba(174,186,135,1) 100%);
background: -webkit-linear-gradient(bottom,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
background: linear-gradient(to top,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7a62', endColorstr='#aeba87',GradientType=0 );
margin: 15px;
margin-top: 0px;
padding-bottom: 20px;
padding-top: 0;



}

/* Defining a style for a set of tags separated by commas applies the style to all tags */
h1,h2,h3,h4,h5,h6,p  {
margin-left:15px;
}

h3 {
	font-size: 18pt;
	
}





/* The following pseudo-class applies to the box class when in a hovered state */
.box:hover {
background-color:white;
opacity:1;
}

/* This clear class style terminates float */
.clear{ 
clear: both; 
}

.accordion p {
    margin: 0;
	padding-left: 20px;
    padding: 0.5em;
    background-color: rgb(214, 185, 199);
	line-height: 18pt;
    color: maroon;
    /* border-radius: 5px; */
    /* width: 700px; */
    display: none;
	
}

.accordion a {
	color: rgb(47, 38, 59);
}
.accordion a:visited {
	color: #043f30;
}

.accordion a:hover {
	color: antiquewhite;
}

.accordion
 {margin-right: 20px; }
	
.term {
	line-height: 20pt;
}

video {
width: 500px;
height: 500px;
/* padding: 15px;
margin: 15px; */
margin-left: 30px;
margin-top: 0px;
background-color: rgb(42,122,98);
background: -moz-linear-gradient(top,  rgba(42,122,98,1) 1%, rgba(174,186,135,1) 100%);
background: -webkit-linear-gradient(top,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
background: linear-gradient(to bottom,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7a62', endColorstr='#aeba87',GradientType=0 );
;
border:2px;
background: rgb(42,122,98);
background: -moz-linear-gradient(top,  rgba(42,122,98,1) 1%, rgba(174,186,135,1) 100%);
background: -webkit-linear-gradient(top,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
background: linear-gradient(to bottom,  rgba(42,122,98,1) 1%,rgba(174,186,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7a62', endColorstr='#aeba87',GradientType=0 );
none;
}

	
		


/*Photo of the artist */
img.bio {
	float: left;
	width:150px;	
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	z-index: 10;
   }

  	
    .article {
	color: rgb(47, 38, 59);
	font-size: 12pt;
	margin-left: 5%;
	z-index: 10;
	width: 300px;
   }

   .section {
	color: rgb(47, 38, 59);
	width: 500px;
	font-size: 12pt;
	line-height: 15pt;
	margin: 10%;
	padding-left: 5px;
	   }

  p {
	color: rgb(47, 38, 59);
	font-size: 12pt;
	margin-left: 5%;
	z-index: 10;
	width: 300px;
  }

  img.bio {
	float: left;
	width:150px;	
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	z-index: 10;
   }

  




.card:hover .img-top {
display: inline;

}