/* CALENDAR */

/* Firefox seems to prioritize calendar.css over 2. and 3.css... so I've edited h1 and p.
Normally font-size, text-transform, and line-height aren't specified in this file.

I suspect that later div#header will need to be added in here manually as well.

Here are the img codes for the new centered site design: -ZC*/

img.one {
	margin-bottom: 0px;
}

img.two {
	margin-right: 20px;
	margin-bottom: 12.5px;
	margin-left: 0;
	float: left;
}

img.three {
	margin-right: 20px;
	margin-bottom: 12.5px;
	float: left;
	margin-left: 0;
}

img.four {
	margin-right: 20px;
	margin-bottom: 12.5px;
	float: left;
}

img.five {
	margin-right: 25px;
	
}

img.six {
	margin-right: 24px;
}

img.normal {
	margin-right: 20px;
	margin-bottom: 12.5px;
	float: left;
}

p.rounded img {
	margin: 0 10px 10px 0;
	float: left;
	border-radius:5px;
	width:78.75px;
	}

/* End new code. */

div#left {
	padding-top: 55px;
}

div.book {
	float: left;
	width:220px;
	margin:0 10px 10 px 0;
	color: red;
	}
h1 {
	/* color: #378755; */
	font-size: 26px;
	text-transform: uppercase;
	color: #465877;
	margin-bottom: -16px;
}

h2 {
	border-top: 1px solid #000; /* #717272; 60% black */
	border-bottom: 1px solid #000; /* #717272; 60% black */
	font-size: 12px;
	text-transform: none;
	height: 12px;
	margin-top: 30px;
	padding-top: 2px;
	padding-bottom: 2px;
	/* margin-bottom: 15px; */
}

h3 {
	color: #000;
	font-size: 16px;
	line-height: 17px;
	text-transform: uppercase;
	margin-bottom: 0;
}

h3.bar {
	padding-top: 1em;
	border-top: 1px dashed #5d5b59; /* 70% black */
}

h4 {
	font-size: 14px;
	line-height: 17px;
	margin-top: 0;
	margin-bottom: 0;
	/* color: #5e5e5f; */ /* 70% black */
	color: #464441; /* 80% black */
	text-transform: none;
}

h4 span {
	text-transform: lowercase;
}

h4 span.title {
	text-transform: none;
}

h4 span.person {
	color: #000;
	text-transform: none;
}

h4 a {
	text-transform: none;
}

h4.meetingsclasses {
	font-size: 10px;
	line-height: 12px;
	color: #464441; /* 80% black */
	margin-top: 1em;
	margin-bottom: 1.5em;
}

.media {
	font-size: 15px;
	color: #588658;	
}

h5 {
	font-size: 12px;
	line-height: 17px;
	/* color: #378755; */
	color: #465877;	
	margin-top: 0;
	margin-bottom: 0;
	text-transform: lowercase;
}

h5 span {
	text-transform: none;
	color: #000;
}


p {
	line-height: 15px;
	font-size: 12px;
}

p.description {
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	line-height: 17px;
	color: #5d5b59;  /* 70% black */
}

p.description span.title {
	font-style: normal;
}

p.description span.person {
	color: #5d5b59;  /* 70% black */
}

p.description em {
	font-style: normal;
}

/* New red postponed/cancelled class for covid era -ZC */

p.urgent {
		font-weight: bold;
		font-size: 28px;
		color: #AA0000;
}

p span.person {
	color: #000;
}

ul.meetingsclasses, ul.additional {
	margin-top: -15px;
}

ul.meetingsclasses li, ul.additional li {
	font-size: 10px;
	line-height: 12px;
}

table.bio td {
	vertical-align: top;
}

table#calendarnav {
	/* background: #d1e1d1; */
	background: #c7cdd6; /* 30% of section color */
	width: 220px;
	height: 82px;
	height: 40px;
	font-size: 14px;
	color: #5d5b59;  /* 70% black */
	text-align: center;
	text-transform: uppercase;
}

table#calendarnav td {
	border-bottom: 1px solid #fff;
}

table#calendarnav a {
	color: #5d5b59;  /* 70% black */
}

table#calendar {
	/* background: #d1e1d1; */
	background: #c7cdd6; /* 30% of section color */
	width: 220px;
	height: 220px;
	text-align: center;
	font-size: 12px;
}

table#calendar a {
	color: #000;
	font-weight: normal;
}

table.five {
	width: 580px;
}

table.five img {
	width: 100px;
}

table.five td {
	font-size: 12px;
	line-height: 15px;
	vertical-align: top;
	text-align: center;
	padding-right: 20px;
	width: 120px;
}

table.large td {
	font-size: 12px;
	text-align: center;
	padding-right: 12px;
}

.right {
	margin-top: 0px;
}

span.today {
	color: #fff;
	font-weight: bold;
	/* background: #378755; */
	background: #465877;
}

/*Bio CSS Experiment*/
.bio {
	width:340px;
	box-shadow:0px 10px 20px gray;
	padding:10px 10px 10px 10px;
	}
	
.bio p {
	padding:10px 10px 10px 10px;
	}
	
ul.indent p {
	margin-left: 20px;
	margin-top: 0px;
}


/* This weird piece of code fixes the size of our fonts being a little whacky on iOS devices.
Specifically, on iOS devices, the H3 tag was displaying smaller than H4. I think
it has to do with iOS devices trying to resize content for easier readability on mobile.*/

body {
    -webkit-text-size-adjust: 100%;
}