@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');
body {
color: white;
font-family: Englebert, Verdana, Geneva, Arial, sans-serif;
padding:0px;
margin:0px;
background: rgb(42,122,98);


}

h1,h2,h3,h4,h5,h6,p,li {
margin-left:15px;
margin-top:0px;
}



#wrapper {
width: 900px;
height: auto;
margin-left: auto;
margin-right: auto;
background-color: rgb(42,122,98);

}


/* This is so the main nav will not show in the phone view*/    
 

#nav {
    display: none;
}


/* This is so the "current work" text box will not show in the phone view */

.box {
display: none
}



#right-column {
float: none;
padding-top: 50px;
margin-top: 50px;
margin-left: 7%;
margin-right: 7%;
height: auto;
width: 850px;
padding-right: 35px;
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 );
font-size: 38pt;
color: antiquewhite;
padding-top: 50px;
margin-top: 50px;
margin-bottom: 10%;


}


#left-column {
    margin-top: 25px;
    margin-left: 7%;
    margin-right: 7%;
    float: none;
    width: 900px;
    position: relative;
    left: 10px;
    right: 10px;
}


    



.img {width:850px;} 
			.slideshow, .frame {position: relative;height: 800px;width:850px;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: 850px; height: 100%; overflow: hidden;position: absolute;left: 0;top: 0;opacity: 0; transition: opacity 2s linear} 
			.show:checked + .slide {opacity: 1;}  
			.button {display: inline-block; padding-bottom: 25px; padding-left: 5px; margin-left:0px ; padding-right: 5px; margin-top: 10px; }
             input{display:none;} 
            .button-label {font-size: .5px; padding: 1rem; background: antiquewhite; display:block; height:.5px; width:.5px; text-align:center; border-radius: 50px; color: white; cursor: pointer; transition: background 2s, color 2s;} 
            .button-label:hover {background: rgba(79,14,42,1); color: antiquewhite}
            
#video {
    display: none;
}

#slideshow img {
display: inline-block;
width: 850px;
height: 100%;
/* border: red dotted; */


/* margin-top: 20%; */
}

#slides {
    display: inline-block;
    /* border: black dashed; */
}

#dots {
    display: inline-block;
    /* border: purple dotted; */
    width: 800px;
    
}

label.button-label{
    font-weight: 800;
    color: rgb(80, 8, 44);
    margin: 0;
    
}




 /*There is no video for cell phones only manaual slide show */


    .accordion p {
        margin: 0;
        font-size: 30pt;
        padding: 0.5em;
        background-color: rgb(214, 185, 199);
        color: maroon;
        /* border-radius: 5px; */
        /* width: 700px; */
        display: none;
        line-height: 36pt;
        width: 850px;
        font-weight: 800px;
    }

    .accordion .term  {
        font-size: 36pt;
        line-height: 30pt;
        background-color: rgb(80, 8, 44);
        width: 850px;
        line-height: 40pt;
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 5px; 
        

    }

   
.clear{ 
clear: both; 
}