@charset "UTF-8";
/* CSS Document */
/********Global Styles*********/
/* Largely just font-size and colour here */
body {
	color: white;
	font-family: Calibri, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-style: normal;
	text-shadow: 1px 1px black;
	font-size: 1.13em;
}
/* Mobile Font-Size Adjustment*/
@media (max-device-width:1064px) and (orientation:portrait){
	body  {
	font-size:3em;
}
}
/*************Container (Text box) Styles***************/
/* The reason for multiple containers is largely semantic, articles are for: isolated stand-alone content, form: web-forms and div.container: generic text boxes when a section/article relationship would be 2 complex */
article, div.container {
	background-image: url(/_images/text_box_light.png); 
	padding-top: 0.05em;
	padding-right: 0.2em;
	padding-left: 0.2em;
	padding-bottom: 0.05em;
	margin: 1em;
}
aside {
	background-image:url(/_images/text_box_light.png); 
	padding-top: 0.05em;
	padding-right: 0.2em;
	padding-left: 0.2em;
	padding-bottom: 0.05em;
	display: inline-block;
}


/*********Link Styles********/
a:link {
	text-decoration:none;
	color:#bfe7ff;
}
a:visited {
	text-decoration: none;
	color: #bfe7ff;
}
a:hover {
	color:#6e7ca9;
}
a.detail {
	display: block;
	text-decoration: underline;
	font-size: inherit;
	text-align: center;
}
/*Text Format (Headers)*/
h1 {
	font-size: 1.3em;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0.1em;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0.6em;
	padding-bottom: 0px;
	text-shadow: 1px 1px black;
	word-spacing: 0.1em;
}
h2 {
    text-align:left;
	font-weight: normal;
	margin-top: 0.05em;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0.3em;
	font-size: 1.2em;
}
h3 {
	font-size: 1em;
	margin-bottom: 0.05em;
	font-weight: normal;
	margin-top: 0.3em;
}
h4 {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
/* Text Format: Paragraph */
p {
	font-weight: bold;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0.5em;
	font-size: 0.75em;
	margin-bottom: 0.5em;
}
/***** Button Styles ******/
/*There's like one or two in the site but it's useful code */
a.button {
	background-color:#263145;
	color: white;
	font-size: 1.3em;
	padding-top: 0.05em;
	padding-right: 0.2em;
	padding-left: 0.2em;
	padding-bottom: 0.02em;
	margin-top: 0.5em;
	display: inline-block;
}
article a.button {
	font-size:1em;
}
a.button:hover {
	background-color: black;
}
/* Button Colour Fade */
input[type=text], textarea, img.logo, #main_nav a, a.button {
  -webkit-transition: all 0.10s ease-in-out;
  -moz-transition: all 0.10s ease-in-out;
  -ms-transition: all 0.10s ease-in-out;
  -o-transition: all 0.10s ease-in-out;
  outline: none;
}
/* Form Styles */
form label {
	box-shadow: inset;
	font-weight: normal;
}
form p {
	display: none;
	font-size: 1em;
}
input, textarea {
	padding: 0.3em;
	border-radius:5px;
	font-size: 1em;
	display:block;
}
input:hover, input:active, textarea:hover, textarea:active {
	border-color: #6e7ca9;
	transition: 1s;
}
input#submit:hover, input#cancel:hover, img.logo:hover {
	background-color: black;
}
img.logo {
	background-color: #263145;
	margin: 1em auto;
}
input#submit, input#cancel {
	background-color: #263145;
	color: white;
	font-size: 1em;
	padding-top: 1em;
	padding-right: 2em;
	padding-left: 2em;
	padding-bottom: 1em;
	display:block;
	width: auto;
	border-color: #3d4149;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 6%;
}
input[type=text]:focus, textarea:focus {
	box-shadow: 0 0 5px rgba( #6e7ca9 );
}
input:autofill {
    box-shadow: 0 0 0px 1000px #cddcf9 inset;
	background-color: #cddcf9;
	color: #cddcf9 !important;
}
textarea {
	border: inset 2.5px
}
/* Formating Navigation Item */
ul.global_navigation {
	width: 90%;
	display: block;
	text-align: center;
	margin-left:1%;
}
/*** Preventing any ugly changes while we fix da site ******/
#main_nav {
	display: none;
}
/* Link Format*/
ul.global_navigation a{
	font-size: 1em;
	margin-right: 0px;
	margin-left: 0px;
}
/********Banner Stylings********/
img#main_banner {
	margin-left:23.5%;
	margin-right: auto;
	width:55%;
	margin-top: 6%;
	margin-bottom:-3%;
}

/* Temple Displays */
/* Temple class is applied to the <ul> tag which contains each <li>, each <li> represents a temple */
.temple li {
	list-style: none;
}
.temple li h2 {
	background-image: url(/_images/green_transparent.png);
	color: white;
}
.temple li a:hover h2 {
    background-color: #243330;
	background-image: none;
}
/* Testimonial Styles */
blockquote /*Not always a quote, have been using for container tags with invisible backgrounds*/ {
	margin: 0 auto 4em auto;
	padding: 0.5em;
	width: 75%;
}
blockquote h2 {
	padding-top: 0px;
	margin-top:0px;
}
/*** Readings bio (Use for three images with text side-by-side) *****/
article.readings_bio {
	float: left;
	width: 20%;
	display: inline-block;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 1%;
}
article.readings_bio img {
	margin-left: 25%;
	width: 50%; 
}
/*** Pre-amble Text used on most of the old pages ***/
p.pre-amble {
	display: block;
	text-align: center;
	font-weight: bold;
	line-height: 1.5em;
}
/* Course Overview On seminars page (used*/
ul.overview {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
/* Course Overview On seminars page (used*/
ul.overview li {
	margin-left: none;
	padding-left: none;
	list-style: none;
}

ul.overview ul {
	margin-left: none;
	padding-left: none;
	text-indent: none;
}
.overview ul li {
	font-size: 0.9em;
	font-weight: lighter;
	list-style:circle;
}
ul.overview ul li ul {
	font-size: 1.1em;
}
/* Previous Festivals List */
.completed_festivals ul li a {
	font-size: 0.9em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
/* Global Mobile compatability Changes*/
@media (max-device-width:1064px) and (orientation:portrait){
article, div.container, aside {
	width: 95%;
	padding-left: 0.7em;
	padding-right: 0.7em;
}
img#main_banner {
	width: 100%;
}
}
/*********Wrapper Padding removal****/
div.wrapper
{
	
	padding: 0px;
	margin: 0px;
}
/*********Wrapper CSS Reset*********/
/* This is to ensure that the inline HTML formatting applies on every page with a wrapper class Those being .wrapper2 or .container2 This reset applies within those classes exclusively */
.wrapper2, .container2, .wrapper2 a:hover, .container2 a:hover, .container2 a:link, .wrapper2 a:link, .container2 a:visited, .wrapper2 a:visited, .wrapper2 p, .container2 p {
	background:none;
	border:none;
	bottom:auto;
	clear:none;
	/* didn't really know what the default for display should be*/
	/*display:inline;*/
	float:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	text-shadow: none;
	font-style:normal;
	font-weight:normal;
	color: default;
	height:auto;
	left:auto;
	letter-spacing:normal;
	line-height:normal;
	max-height:none;
	max-width:none;
	min-height:0;
	min-width:0;
	overflow:visible;
	position:static;
	right:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	top:auto;
	visibility:visible;
	white-space:normal;
	width:auto;
	z-index:auto;
}
.wrapper2 a:active, .container2 a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0000FF;
	text-decoration: underline
}
.wrapper2 a:link, .container2 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0000FF;
	text-decoration: underline
}

.wrapper2 a:visited, .container2 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0000FF;
	text-decoration: underline
}
.wrapper2 a:hover, .container2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00FF00;
	text-decoration: underline;
}