@charset"UTF-8";

/*

RSG Creations
Author: Viviana
Date: 7-11-2020

*/
	/* Configure Universal Selector which targets all HTML elements*/
  *    {
	 box-sizing: border-box;
  }

    /*Format background color and page font*/  
body { 

    background-color: white;
	color: #262118;
	font-family: Verdana, Arial, sans-serif;
	max-width: 1600px; 
	min-width: 900px
}	


/*nav style*/
nav {
    text-align: left;		
	background-color: #F2E4C9;
	margin: 0;
	padding-top: 0.5em, padding-bottom: 1em, padding-right: 1em;
	position: fixed; top:0; left:0;
	z-index: 9999;
	width: 100%;
	height: auto;
}
/*no underline*/	
nav a {
    text-decoration: none;
}	

/*anchore links change colors*/

nav a:link { color:#F2B077; }

nav a:visited { color:#D98C5F; }

nav a:hover { color:#262118; }

/*Lists and lines*/

nav ul { list-style-type:none;
         margin: 0;
         padding-right: 2em;
         font-size: 1.2em; 		 
}


nav li {    
        display: inline;
        padding-left: 2em;
		width:30%;
}	


/*header section*/

header {
		
	background-color: #F2B077;
	color: #FFFFFF;
	background-size: 100% 100%;
	margin-top: .5px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	text-align: right;
	min-height: 251px;
	line-height: 400%;

}	

/*header no underline*/

header a {text-decoration:none;}


/*anchore links change colors*/

header a:link { color: #262118; }
header a:visited { color: #262118; }
header a:hover { color: #F2E4C9; }




/*id and classes*/

#wrapper{
	background-color: #D98C5F;
	padding: 2em;

.home {	   
	   height: 20vh; 
	   padding-top: 1em;
	   padding-left: 10em;
	 
}	   

#content { height: 250px;
           padding-top: 2em, padding-left: 8em, padding-bottom: 2em;
}		   
		   
 
/*Form Style*/


form { background-color: #EAEAEA;
	   font-family: Arial, sans-serif;    
       width: 350px; padding: 10px; } 	   
}  
     	   
	   
	
label { float: left; clear: left; display: block;
        width: 100px; padding-right: 10px;
        margin-top: 10px; text-align: right;}  


input textarea { margin-top: 10px;
                 display: block;}


input[type="submit"] { margin-left: 110px; } 	 

@supports (display: grid) {
	    form { display: grid;
		      grid-template-rows: auto;
			  grid-template-columns: 6em 1fr;
			  grid-gap: 1em; gap: 1em;
			  background-color: #EAEAEA;
			  font-family: Arial, sans-serif;
			  width: 70%; min-width 20em; 
		      padding: 2em }
		     
       input[type="submit"] { grid-column: 2 / 3;
	   width: 10em; margin-left: 0;}
	   
}






*{ box-sizing: border-box;}


	  

#gallery { display: flex;
           flex-direction: row;
           flex-wrap: wrap;
           justify-content:space-around;
}
 
video { width:100%;
        height:auto;	
        max-width:320px;
}	   


		
/*wrapper settings*/
#wrapper {
	
	 width: 100%;
	 margin: auto;
}



#foot {	
	font-size: small;
	font-style: italic;
	text-align: center;	
	clear: right;
}	
	 

img {
	margin: 1em;
}	

/*shedule table style*/

table {
  width: 100%;
}

th {
  height: 50px;
}

th, td {
  padding: 15px;
  text-align: left;
}

caption { font-family: Verdana, sans-serif; font-weight: bold;
          font-size: 1.5em, padding-bottom: 5px; }