/* Path of Light Yoga Studio
Author: Ryan Vigil
Date: 9/13/2020 */
/* box size property */
* { box-sizing: border-box; }
/* body element selector */
body{background-color:#40407A;color:#40407A; font-family: Verdana, Arial, sans-serif; margin: 0;}
/* header element selector */
header{background-color:#40407A; color: #FFFFFF; background-image:url(images/sunrise.jpg); background-size: 100% 100%; line-height:400%; text-indent: 1em; padding: 2em; margin-top: 50px; font-size: 90%; min-height: 200px; }
/* Header hyperlinks */
header a{text-decoration: none; }
header a:link{color: #FFFFFF; }
header a:visited{color: #EDF5F5; }
/* footer element selector */
footer{text-align: center; font-style: italic; font-size: small; clear: right; clear: right; }
/* nav element selector */
nav{text-align: right; background-color: #FFFFFF; margin: 0; padding-top: 0.5em; padding-bottom: 1em; padding-right: 0; position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 9999; }
/* nav area decendent selector */
nav a{text-decoration: none; }
/* nav hyperlink decendent selector */
nav a:link{color: #3F2860; }
nav a:visited{color: #497777; }
nav a:hover{color: #A26100; }
/* line item selector */
li{font-size: 90%; }
/* main element selector */
main{padding-left: .5em; padding-right: .5em; }
/* table element selector */
table{border: 1px solid #40407A; margin-bottom: 1em; min-width: 400px; border-collapse: collapse; }
/* table detail and table header element selector */
td, th{padding: 0.5em; border: 1px solid #40407A }
/* table row pseudo-class selector */
tr:nth-of-type(even) {background-color: #D7E8E9; }
/* table caption element selector */
caption{margin: 1em; font-weight: bold; font-size: 120%; }
/* form element selctor */
form{display: flex; flex-flow: column nowrap; }
/* input and datalist descendent slectors */
input, datalist textarea {margin-bottom: 0.5em; }
/* wrapper class selector */
#wrapper{background-color: #F5F5F5; padding: 2em; }
/* home class selector */
#home{height: 20vh; padding-top: 2em; padding-left: 10%; }
/* mathero class selector */
#mathero{height: 300px; background-image:url(images/yogamat.jpg); background-size: 100% 100%; background-repeat: no-repeat; display: none; }
/* loungehero class selector */
#loungehero{height: 300px; background-image:url(images/yogalounge.jpg); background-size: 100% 100%; background-repeat: no-repeat; display: none;  }
/* content class selector */
#content{height: 20vh; padding-top: 2em; padding-left: 10%; }
/* flow content class slector */
#flow{display: block; }
/* medium screen media querey */
@media (min-width: 600px) {
	/* main element selector */
	main{padding-left: 2em; padding-right: 2em; }
	/* form element selctor */
	form{width: 60%; max-width: 40em; display: grid; grid-template-rows: auto; grid-template-columns: 9em 1fr; grid-gap: 1em; gap: 1em; }
	/* form input element selctor */
	input[type="submit"] {grid-column: 2 / 3; width: 9em; }
	/* mathero class selector */
	#mathero {display: block; padding-bottom: 1em; }
	/* loungehero class selector */
	#loungehero {display: block; padding-bottom: 1em; }
	/* flow class selector */
	#flow{display: flex; flex-direction: row; flex-wrap: nowrap; }
	}
/* large screen media querey */
@media (min-width: 1024px) {
	/* header element selector */
	header{font-size: 120%; }
	/* nav element selector */
	nav{font-weight: bold; }
	/* home class selector */
	#home{height: 50vh; padding-top: 5em; padding-left: 8em; }
	/* content class selector */
	#content{height: 30vh; padding-top: 2em; padding-left: 8em; }
	/* wrapper class selector */
	#wrapper{margin: auto; width: 80%; }