@charset "utf-8";
/* CSS Document */
html {
	font-size: 16px;
}
a:link, a:visited {
	color: #5C87B0;
}
a:hover, a:active {
	color: #345978;
}
p a, p a:hover {
  text-decoration: none !important;
}
p a:focus {
  outline: none !important;
  text-decoration: none !important;
}
input[type=text], textarea {
	width: 100%;
	padding: 3px;
	margin: 1px 1px 10px 1px;
	border: 1px solid #707070;
	border-radius: 5px;
}

header {
	background-color: #E3E0D1;	
}
header .logoBox {
	text-align: left;
	padding-bottom: 20px;
}
#mainLogo {
	width: 100%;
	max-width: 450px;
	height: auto;
	margin: 0px 0px 40px 0px;
}
header .logoBox {
	text-align: center;
}
.sub-page-header #mainLogo {
	width: 100%;
	max-width: 400px;
	height: auto;
	margin: 0px 0px 0px 0px
}
header .sub-page-header .logoBox {
	text-align: left;
	flex-basis: 50%;
	flex-shrink: 2;
}
header .sub-page-header .contact-info {
	flex-basis: 50%;
	flex-shrink: 2;
	text-align: right;
}
header .header-right .gradientOverlay {
	width: 20%;
	min-height: 100%;
	background-image: -webkit-linear-gradient(0deg,rgba(227,224,209,1.00) 0%,rgba(227,224,209,0.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(227,224,209,1.00) 0%,rgba(227,224,209,0.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(227,224,209,1.00) 0%,rgba(227,224,209,0.00) 100%);
	background-image: linear-gradient(90deg,rgba(227,224,209,1.00) 0%,rgba(227,224,209,0.00) 100%)
}
#headerplaceholder {
	width: 100%;
	padding: 0px;
	display: flex;
	opacity: 0;
	background-color: #E3E0D1;	
	z-index: 0;
}

#main-header2026 {
	background-color: #ffffff !important;
	margin: 0 60px;
	padding: 45px 70px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 26px;
	color: #000000;
	text-align: justify;
}

#main-header2026-2 {
	background-color: #ffffff !important;
	margin: 40px 60px 20px 60px;
	padding: 35px 50px; 65px 50px
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 26px;
	color: #000000;
	text-align: left;
}
/********************COLUMNS*************
.container {
  display: grid;
    grid-template-columns: 1fr 4fr 1fr; /* each column is 1fr */
 /* gap: .25rem;
}

.column {
  padding: .25rem;
	text-align: left;
}**/

.container {
  gap: 1rem;
  margin-top: -60px;
}

.col1, .col2 { 
  grid: 1fr 4fr; /* takes equal width on desktop */
}


.container2 {
  display: grid;
  grid: 1fr 5fr; /* each column is 1fr */
  gap: 1rem;
}

.col {
	text-align: left;
}
.textSB {
  padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	text-align: left;
	vertical-align: baseline;
}
.logoImageGG {
	text-align: right !important;
	border: 2px #5C87B0 solid;
	padding: 10px 10px;
	margin-left: 20px;
}
.text-JL {
	margin: 100px 60px 0px 0px;
	border: none;
}
/*IMAGES******************************************/
.image-JL {
	margin: 0px 20px 0px 0px;
	border: 2px #5C87B0 double;
	padding: 10px 10px;
}
.image-SB {
	margin: 0px 20px 0px 0px;
	border: 2px #5C87B0 solid;
	padding: 10px 10px;
}
/*original* h1 {
	font-family: 'Patua One', cursive;
}*/
h1{
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 28px;
	padding-bottom: 20px;
	color: #000000;
	font-weight: 600;
}
}
footer {
	background-color: #E3E0D1;
	min-height: 200px;
	padding: 50px 100px;
	box-sizing: border-box
}
footer ul {
	list-style-type: none;
}
footer ul li {
	line-height: 30px;
}
footer ul li:before {
	content: '- ';
	position: absolute;
	margin-left: -20px;
}
footer h3 {
	line-height: 50px;
}
footer a:link, footer a:visited {
	color: rgb(33, 37, 41);
}
footer a:hover, footer a:active {
	color: #5C87B0;
}
#copyright {
	background-color: #345978;
	color: white;
	text-align: center;
	font-size: 12px;
	padding: 30px 10px;
	margin: 20px 0;
}
#body {
	background-color: white;
	padding: 30px 50px;
	box-sizing: border-box;
	max-width: 1200px;
	margin: 0px auto;
}
@media only screen and (max-width: 1300px) {
	#homeTiles {
		padding: 30px 40px;
	}
	
#main-header2026 {
	background-color: none !important;
	margin: 0 20px;
	padding: 25px 40px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 26px;
	color: #000000;
	text-align: left;
}
	#homeTiles .homeTile {
		margin: 10px 1% ;
		flex-basis: 48%;
	}
	#homeTiles .homeTile .homeTileTitle .title {
		font-size: 2.1vw;
		line-height: 3vw;
	}
	#menu {
		height: auto;
		display: block;
		font-size: 20px;
		padding: 0px;
	}
	#left-menu {
		display: block;
	}
	#right-menu {
		display: block;
	}
	#menu .primary-menu-item {
		border-left: none;
		border-right: none;
		border-bottom: 1px solid white;
		height: 50px;
		padding: 10px 20px;
		text-align: center;
		box-sizing: border-box;
	}
	#menu .primary-menu-item.first {
		border-left: none;
	}
	#menu .primary-menu-item.last {
		border-right: none;
	}
	#menu .primary-menu-item .menu-text {
		margin: 0px 10px;
	}
	.sub-menu {
		display: block;
		text-align: center;
	}
	.sub-menu.hidden {
		height: 0px;
	}
	.sub-menu.visible {
		height: auto;
	}
	#about-sub-menu {
		position: relative;
		top: -200px;
		left: 0px;
		right: 0px;
		z-index: 100;
		overflow: hidden;
	}
	#practice-sub-menu {
		position: relative;
		top: -150px;
		left: 0px;
		right: 0px;
		z-index: 100;
		overflow: hidden;
	}
	#reading-sub-menu {
		position: relative;
		top: -100px;
		left: 0px;
		right: 0px;
		z-index: 100;
		overflow: hidden;
	}
	@keyframes expand {
		0% {height: 0px; opacity: 0; padding: 0px;}
		100% {height: auto; opacity: 1; padding: 10px 40px;}
	}
	@keyframes contract {
		0% {height: auto; opacity: 1; padding: 10px 40px;}
		100% {height: 0px; opacity: 0; padding: 0px;}
	}
}

@media only screen and (max-width: 1000px) {
	header .sub-page-header {
		display: block;
	}
	header .sub-page-header .logoBox {
		text-align: center;
	}
	.sub-page-header #mainLogo {
		margin: 0px 0px 30px 0px;
	}
	header .sub-page-header .logoBox {
		text-align: center;
	}
	header .sub-page-header .contact-info {
		text-align: center;
	}
	.desktop {
		display: none;
	}
	.mobile {
		display: inline; 
	}
	
#main-header2026 {
	background-color: none !important;
	margin: 0 20px;
	padding: 25px 40px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 26px;
	color: #000000;
	text-align: left;
}
}

@media only screen and (max-width: 900px) {
	header .logoBox {
		text-align: center;
	}
	header {
		background-color: #E3E0D1;
	}
	
#main-header2026 {
	background-color: none !important;
	margin: 0 20px;
	padding: 25px 40px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 26px;
	color: #000000;
	text-align: left;
}

#main-header2026-2 {
	background-color: none !important;
	margin: 0 20px;
	padding: 25px 40px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 26px;
	color: #000000;
	text-align: left;
}

	
}
@media only screen and (max-width: 800px) {
	.bodyPadding {
		padding-top: 70px;
	}
	.headerPadding {
		top: 70px !important;
	}
	
#main-header2026 {
	background-color: none !important;
	margin: 0 20px;
	padding: 25px 40px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 26px;
	color: #000000;
	text-align: left;
}
	
#main-header2026-2 {
	background-color: none !important;
	margin: 0 20px;
	padding: 25px 40px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 26px;
	color: #000000;
	text-align: left;
}

}
@media only screen and (max-width: 700px) {

	#homeTiles .homeTile {
		margin: 10px 1% ;
		flex-basis: 98%;
	}
	#homeTiles .homeTile .homeTileTitle .title {
		font-size: 4vw;
		line-height: 5vw;
	}
#main-header2026 {
	background-color: none !important;
	width: 100% 
	margin: 0 20px;
	padding: 25px 40px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 26px;
	color: #000000;
	text-align: left;
}
	
#main-header2026-2 {
	background-color: none !important;
	margin: 0 20px;
	padding: 25px 40px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 26px;
	color: #000000;
	text-align: left;
}

.logoImageGG {
	display: none;
}
	.email-SB a {
		font-size: 18px !important;
	}		
	.image-SB {
		text-align: center;
		margin: 0px 10px 0px 0px;
		border: 2px #5C87B0 solid;
		padding: 10px 10px;
}	
	
.text-JL {
	margin: 10px 0px 0px 0px;
	border: none;
}
.textSB {
  padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
	.image-JL {
	text-align: center !important;
	margin: 0px 0px 0px 0px !important;
	border: 2px #5C87B0 double;
	padding: 10px 10px;
}
	.container {
  display: grid;
  grid-template-columns: 1fr; /* 3 parts to 1 part (75% and 25%) */
  gap: 16px; /* Optional spacing between columns */
      margin-top: 0px;
}
}

@media only screen and (max-width: 500px) {
		header .header-right {
		width: 100%;
		flex-grow: 0;
		min-height: 100vw;
	}
#main-header2026 {
	background-color: none !important;
	margin: 0 20px;
	padding: 25px 40px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 26px;
	color: #000000;
	text-align: left;
}
	
#main-header2026-2 {
	background-color: none !important;
	margin: 0 20px;
	padding: 25px 40px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 26px;
	color: #000000;
	text-align: left;
}
	  .col3 {
    flex: 100% !important;
    order: 3; /* ensures it's last on mobile */
  }
.logoImageGG {
	display: none;
}
	.email-SB a {
		font-size: 18px !important;
	}	
	
.text-JL {
	margin: 10px 0px 0px 0px;
	border: none;
}
.textSB {
  padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
	.image-JL {
	text-align: center !important;
	margin: 0px 0px 0px 0px !important;
	border: 2px #5C87B0 double;
	padding: 10px 10px;
}	
	.image-SB {
		text-align: center;
		margin: 0px 10px 0px 0px;
		border: 2px #5C87B0 solid;
		padding: 10px 10px;
}
	.container {
  display: grid;
  grid-template-columns: 1fr; /* 3 parts to 1 part (75% and 25%) */
  gap: 16px; /* Optional spacing between columns */
      margin-top: 0px;
} 
}
@media only screen and (max-width: 440px) {
	.bodyPadding {
		padding-top: 90px;
	}
	.headerPadding {
		top: 90px !important;
	}
#main-header2026 {
	background-color: none !important;
	margin: 0 20px;
	padding: 25px 40px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 26px;
	color: #000000;
	text-align: left;
}
	
#main-header2026-2 {
	background-color: none !important;
	margin: 0 20px;
	padding: 25px 40px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size: 26px;
	color: #000000;
	text-align: left;
}

.logoImageGG {
	display: none;
}
	
	.email-SB a {
		font-size: 18px !important;
	}	
	
.text-JL {
	margin: 10px 0px 0px 0px;
	border: none;
}

.textSB {
  padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
	.image-JL {
	text-align: center !important;
	margin: 0px 0px 0px 0px !important;
	border: 2px #5C87B0 double;
	padding: 10px 10px;
}
	.image-SB {
		text-align: center;
		margin: 0px 10px 0px 0px;
		border: 2px #5C87B0 solid;
		padding: 10px 10px;
}
	.container {
 	 display: grid;
  	 grid-template-columns: 1fr; /* 3 parts to 1 part (75% and 25%) */
 	 gap: 16px; /* Optional spacing between columns */
      margin-top: 0px;
}
}
}