@charset "UTF-8";
/* CSS Document */
body{background: url("images/background.jpg");font-family: semplicitapro, sans-serif; font-size: 14px ; color: #061a09; margin: 0px;}
h1 {font-family:"operetta-32"; font-size: 32px ; font-display:auto; font-style:normal; font-weight:700; font-stretch:normal; color: #061a09}
h2 {font-family:"operetta-32"; font-size: 20px; font-display:auto; font-style:normal; font-weight:500;font-stretch:normal; color: #061a09}
div.wrapper {width:1140px; margin:0 auto;}
h3 {font-family:"operetta-32"; font-size: 18px; font-display:auto; font-style:normal; font-weight:500;font-stretch:normal; color: #061a09}
div.wrapper {width:1140px; margin:0 auto;}
div.wrapper-tuition {width:1140px; margin:0 auto;}
br {display: block; content:" "; margin-top: 100px;}

/* Header */

div.header div.wrapper {display:flex;}
div.header div.wrapper ul li {font-family:"operetta-32"; font-size: 18px;color: #061a09; font-display:auto; font-style:normal; font-weight:500;font-stretch:normal;}
div.header div.wrapper ul li{display: inline-block;}
div.header div.wrapper ul li {margin: 33px 20px 30px 20px; padding: 0px 10px}
div.header div.wrapper ul li.final {margin: 33px 65px 30px 20px; padding: 0px 10px }
div.header div.wrapper ul li a {color: #061a09; text-decoration: none;}
div.header div.wrapper ul li a:hover {color: #255e2f;}
div.header div.wrapper img { margin-top: 10px; width: 257px; height: 82px}

/* Content */

div.content {margin-top: -15px; background:url("images/grow-woman.png") top center no-repeat, url("images/background-leaf.png") top center no-repeat; background-size: 2000px, 1800px;}
div.content div.wrapper {padding-top:500px; padding-bottom: 45px}
div.content div.wrapper a.cta {display:block; width:225px; margin:0px auto; font-family: semplicitapro; font-size: 16px; color: #fae2c5; text-decoration: none; text-align: center; border: solid; border-color:#b86656; border-radius: 15px; background-color: #b86656; padding: 20px 70px; transition: transform .2s;}
div.content div.wrapper a:hover {transform: scale(1.1); }
div.content div.wrapper img.logo-balance{width: 438px; margin: 0px auto; padding: 70px 400px 30px 350px}

/* Footer */

div.footer div.wrapper {display: flex}
div.footer {margin-top: -5px; padding: 0px; background: url("images/footer.png") top center no-repeat; background-size:2000px, 100px;}
div.footer div.wrapper img.logo-tree{margin: 5px 5px 5px 5px}

	/* Footer Hours, Contact, Visit*/
	div.footer div.wrapper div.hours-footer {margin: 20px 50px 0px 115px}
	div.footer div.wrapper div.contact-footer {text-align: center; margin: 0px 60px; padding: 8px 12px 0px}
	div.footer div.wrapper div.visit-footer {text-align: center; margin: 0px 65px 2px; padding: 8px 12px 0px}

/* Tables */

table th {font-family:"operetta-32" ;font-size: 18px; font-display:auto; font-style:normal; font-weight:500;font-stretch:normal; color: #061a09;}
table td {padding: 5px 15px}

	/* Class Times Table */
		table.class-times {margin-top: 50px; margin-bottom: 50px}
		table.class-times td {overflow: hidden; padding: 20px 15px}
		div.content-internal td:nth-child(even) { background-color: rgba(250, 239, 225, 0.6);border-radius: 15px }
		div.content-internal td:nth-child(odd) { background-color: rgba(150, 196, 193, 0.2);border-radius: 15px }
		div.content-internal th{ background-color: rgba(150, 196, 193, 0.0);border-radius: 15px }

		div.content-internal tr:hover {border-radius: 15px; background-color: rgba(250, 239, 225, 0.6); }

/* Content Internal Pages*/

div.content-internal {display: flex}
div.content-internal {margin-top: -15px; background: url("images/background-leaf-internal.png") top center no-repeat; background-size: 2000px, 1800px;}

div.content-internal div.wrapper h1{margin-top:80px;}



/* Why Yoga? */

div.content-internal div.wrapper a.cta {display:block; width:225px; margin:10px auto 100px; font-family: semplicitapro; font-size: 16px; color: #fae2c5; text-decoration: none; text-align: center; border: solid; border-color:#b86656; border-radius: 15px; background-color: #b86656; padding: 20px 70px; transition: transform .2s; float:right}
div.content-internal div.wrapper a:hover {transform: scale(1.1); }
div.content-internal div.wrapper a {color: #061a09; text-decoration: underline;}
div.content-internal div.wrapper a:hover {color: #fae2c5;}

/* Class/Schedule */

summary {display:block; width: 700px; text-align: center; border: solid; border-color:#b86656; border-radius: 15px; background-color: #b86656; padding: 20px 70px; margin: 5px 0px;}

/* Tuition */

div.content-internal div.wrapper-tuition {display: flex}
div.content-internal div.wrapper-tuition div.two-thirds {margin: 50px 100px 25px 0px}
div.content-internal div.wrapper-tuition div.one-third {margin: 300px 0 0 0}

/* Staff Page */

img.portrait {Height: 300px; width: 200px;  border-radius: 15px; margin-bottom: 15px}

div.staff-about-us-right {margin-bottom: 25px; margin-top: 25px; padding: 15px}
div.content-internal div.wrapper div.staff-about-us-right p{margin-bottom: 40px; margin-top: 10px; margin-right: 230px;padding: 30px}
div.content-internal div.wrapper div.staff-about-us-right img.portrait {float: right; margin: 15px 15px 30px 15px}

div.staff-about-us-left {margin-bottom: 25px; margin-top: 25px; padding: 15px}
div.content-internal div.wrapper div.staff-about-us-left p{margin-bottom: 40px; margin-top: 10px; margin-left: 230px; padding: 30px}
div.content-internal div.wrapper div.staff-about-us-left img.portrait {float: left; margin: 15px 15px 30px 15px}

/* About Us */

p.mission {text-align: center; font-size: 16px}

div.testimonal-wrapper {display: flex; justify-content: center}
div.testimonal {height: 200px; width: 200px; background-color: rgba(37, 94, 47, 0.5); border-radius: 15px; border: solid; border-color:rgba(37, 94, 47, 0.5) }
	div.content-internal div.wrapper div.testimonal {text-align: center; margin: 40px 40px; padding: 8px 12px 0px}