/* *****^^^^^TRUESELF STYLES ^^^^^***** */
/* *****^^^^^ NOVEMBER 2024 ^^^^^***** */

@font-face {
	font-family: Papyrus;
	src: url("/public/assets/fonts/papyrus.ttf");
}
@font-face {
	font-family: Montserrat;
	src: url("/public/assets/fonts/static/Montserrat-Regular.ttf");

}
html, body {
	font-size: 18px;
	font-family:  Montserrat, Perpetua, Georgia, Arial, Garamond, Sans-serif;
}
.body {
	margin:0;
	box-sizing: border-box;
}
/* **** ELEMENTS **** */
header {
	font-family: inherit;
	text-align: center;
	margin-bottom: 2rem;
}
h1, h2, h3  {
  color: #e64e03;
  font-family: Papyrus, Montserrat, Lora;
	margin: 3rem 0;
	font-weight: 300;
	line-height: 1.2;
}
h1 {
	font-size: 2.5rem;
	text-align: center;
}
#healing {
	margin-top: 5rem;
}
h2 {
	font-size: 2.5rem;
	text-align: center;
}
h3 {
	font-size: 2.25rem;
}
p, li {
	font-size: 1.3rem;
	color: #404040;
	line-height: 133%;
}
a {
	color: inherit;
	text-decoration-color: #eebea6;
	-moz-text-decoration-color: #eebea6;
}
hr {
	width: 50%;
	border-top: 1px solid #e64e03;
	margin-top: 3rem;
	margin-bottom: 3rem;
	margin-left: auto;
	margin-right: auto;
}
footer {
	font-family: inherit;
	text-align: center;
	clear:right;
	margin-top: 2rem;
}
/* **** CLASSES **** */
/* Home Page */
.container {
	margin: 0 .5rem;
	font-family: inherit;
}
.section1 {
	text-align: center;
}
.tself {
	color: #e64e03;
	font-family: Papyrus, Montserrat, Lora;
	font-weight: bold;
  font-size: 1.5em;
}
.noDec a, .noDec {
	text-decoration: none;
}
.yogaClasses {
	margin-bottom: 4rem;
}
.yogaClasses p {
	text-align: center;
}
.classTable h1 {
	font-size: 2rem;
}
.orange, .orange p {
	color:#e64e03 !important;
}
.venue {
	text-align: left;
	font-size: 2rem;
}
.longHr {
	width:100%;
	border-top: 2px solid #e64e03;
}
.notification p {
	text-align: center;
}
/* Kids Yoga photo */
.explore {
	margin-bottom: 3rem;
}
.explore p, .explore li {
	line-height: 175%;
}
.inlineHeading {
	color: #e64e03;
	font-family: Papyrus, Montserrat, Lora;
	font-weight: 600;
}
.exploreList {
	list-style-type: none;
	li::before {
		content: "** ";
		color: #e64e03;		
	}
	margin-bottom: 2rem;
}
/* Buttons */
.btnCustom {
	display: block;
  background-color: #e64e03;
  border: none;
  color:white;
  font-size: 1.5rem;
  height: 3rem;
  width: 10rem;
  margin-top: 1rem;
  cursor: pointer;
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -ms-border-radius:8px;
  -o-border-radius:8px;
}
.btnCustom:hover {
  background-color: #FFF;
	border: 3px solid #e64e03;
	color:#e64e03;	
}
.buttonLink {
	text-decoration: none;
}
.linkButton {
	display: block;
	width: 9rem;
	height: 3rem;
	text-decoration: none;
	background-color: #e64e03;
	color: #fff;
	text-align: center;
	font-size: 2rem;
	padding: .5rem;
	margin: 3rem auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	cursor:pointer;
}
.linkButton:hover {
	background-color: #f58b55;
	color: #fff;
	border: none;
}
/* About Page */
.portrait {
	padding:20px;
	float:right;
}
/* **** LIST OF CLASSES **** */
/* **** Table **** */
.tableResp { 
  display: block;
  width: 100%;
  overflow-x: auto;
  font-family:  Montserrat, Perpetua, Georgia, Arial, Garamond, Sans-serif;
  font-size: 20px;
  color: #404040;
}
.tableResp table {
  width: 768px;
  border-collapse: collapse;
}
.tableResp tr {
  border: 1px solid #dee2e6;
}
.tableResp td {
  padding: .33rem .2rem;
  width: 14%;
}
.tableResp td:nth-child(3), .tableResp td:nth-child(5)  {
  width: 28%;
}
.tableResp.popup td:nth-child(4) {
	width: 50%;
}
@media only screen and (min-width: 768px) {
  .tableResp table {
    width: 100%;
    margin: auto;
  }
}
@media only screen and (min-width: 768px) {
  .tableResp table {
    max-width: 1200px;
  }
}
/* td widths */
.provTable td:first-child, .provTable td:nth-child(2), .provTable td:nth-child(4) {
	width: 15%;
}
.provTable td:nth-child(3) {
	width:20%;
  min-width: 20%;
}
.provTable td:last-child {
	text-align: left;
	padding-left: 1rem;
}
.provTable .deleteButton {
  background-color: #dc3545;
  text-align: center !important;
  width: 10%;
}
.provTable .deleteButton input { 
  border: none;
  color: #fff;
  background-color: #dc3545;
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
  font-weight: 600;
}
/* **** IMAGES **** */
header img {
	width:25vw;
}
.explore img {
	max-width: 100%;
	margin-bottom: 3rem;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.fullWideImg {
	width: 100%;
	margin-left: auto; /* center image in case not full width size */
	margin-right: auto;
}
#chintamani p, #geoff p {
	line-height: 1.5;
}
/* **** MEDIA QUERIES **** */ 
@media only screen and (min-width: 1200px) { /*margins for large screens */
	.container {
		margin:0 10vw;
	}
}
@media only screen and (min-width: 1400px) { /*margins for even larger screens */
	.container {
		margin:0 17.5vw;
	}
}
@media only screen and (max-width: 576px){
	p {
		text-align: center;
	}
	.yogaClasses p {
		font-size: 1rem;
		color:black;
	}
	#yogaPsychology {
		display: none;
	}
	.yogaPsySmall {
		display: block;
	}
}
@media only screen and (min-width: 576px){
	#yogaPsychology {
		display: block;
	}
	.yogaPsySmall {
		display: none;
	}
}
@media only screen and (max-width: 1200px) {
	header img {
		width: 33vw;
	}
}
@media only screen and (max-width: 992px) {
	header img {
		width: 50vw;
	}
	p, li, td {
		font-size: 1rem;
	}
}
@media only screen and (max-width: 576px) {
    .yogaClasses p {
        font-size: .75rem;
        text-align: center;
    }
		header img {
			width: 75vw;
		}
}


/*
576px
768px
992px
1200px
1400px
*/