@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);
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 );

}

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

#wrapper {
width: 100%;
max-width: 960ox ;
min-width: 701px;
height: auto;
margin-left: 0 auto;
margin-right: 0 auto;
background-color:#99B28B

}


nav ul {
    Text-decoration: none; 
    width:100%;
    display: flex; 
    flex-direction: row; 
    flex-wrap: wrap;
    padding: 10px;
    margin: auto;
    
}


/* This is so the phone view nav will not show in the tablet view */
div.navphoneleft {
    display: none; 
}

div.phone {
    display: none;
}

/* This holds the art exhibit schedule */
#right-column {
float: right;
padding-top: 5px;
padding-left: 10px;
margin-top: 50px;
margin-right: 0;
margin-left: 0;
width: 35%;
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: 15pt;
line-height: 20pt;
color: antiquewhite;

padding-bottom: 20px;


}



/* This holds the slide show */

#left-column {
    float: left;
    height:auto;
    width:60%;
    /* width: 90%; */
    margin-left: 5px;
    margin-top: 50px;
    
    color:antiquewhite;
    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 );
padding-bottom: 30px;
   

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

#slides {
    display: none;
}

#slideshow img{
	display: none;
 }




video {
    width: 90%;
    height: auto;
   
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5%;
    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;
    }
    
/* This is style for the current exhibits java script list */
    .accordion p {
        margin-top: 5%;
        padding: 10px;
        margin:0;
        
        background-color: rgb(163, 130, 130);
        color: maroon;
        display: none;
        
    }

   

   
    

.box {
    height: 25px;
    width: 200px;
    float: left;
    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 );;
    margin: 15px;
    margin-bottom: 5px;
    padding: 10px;
    font-size: 18pt;
   
    /* opacity:.5; */
    }



.clear{ 
clear: both; 
}