/*
Theme Name:    	MICPP
Theme URI:      http://www.kmhcreative.com/
Description:    Child theme for the Twenty Eleven theme 
Author:         K.M. Hansen
Author URI:     http://www.kmhcreative.com/labs/
Template:       twentyeleven
Version:        0.1
*/

@import url("fonts/Walkway/stylesheet.css");

/* 	Color Guide
	===========
	MICPP uses three colors.
	COLOR		NORMAL		HOVER
	------		------		------
	Primary		#2a3391		darkBlue
	Secondary	#18988b		teal
	Highlight	#7f2346		#6f002a
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: revert;
}
.left {
	float: left;
}
.right {
	float: right;
}
.half {
	width: 49.9%;
}

a {
	color: #7f2346;
}


p.error {
	background-color: red;
	color: white;
	padding: 10px;
	border-radius: 30px;
	text-align: center;
	font-weight: bold;
	min-height: 50px;
	box-sizing: border-box;
}
	p.error::before {
		content: "\f534";
		font-family: 'dashicons';
		font-size: 37px;
		line-height: 30px;
		color: white;
		display: inline-block;
		float: left;
	}
	p.error a {
		color: white;
		border-bottom: 2px dotted white;
		text-decoration: none;
	}
		p.error a:hover,
		p.error a:focus {
			color: white;
			border-bottom: 2px solid white;
			text-decoration: none;
		}
p.updated {
	background-color: limegreen;
	color: white;
	padding: 10px;
	border-radius: 30px;
	text-align: center;
	font-weight: bold;
	min-height: 50px;
	box-sizing: border-box;
}
	p.updated::before{
		content: "\f12a";
		font-family: 'dashicons';
		font-size: 37px;
		line-height: 30px;
		color: white;
		display: inline-block;
		float: left;
	}
p.info {
	background-color: #0371fd;
	color: white;
	padding: 10px;
	border-radius: 30px;
	text-align: center;
	font-weight: bold;
	min-height: 50px;
	box-sizing: border-box;
}
	p.info::before {
		content: "\f348";
		font-family: 'dashicons';
		font-size: 37px;
		line-height: 30px;
		color: white;
		display: inline-block;
		float: left;
	}
	p.info a {
		color: white;
		border-bottom: 2px dotted white;
		text-decoration: none;
	}
		p.info a:hover,
		p.info a:focus {
			color: white;
			border-bottom: 2px solid white;
			text-decoration: none;
		}

/* General Input Styling */
input[type="text"], input[type="password"],
input[type="email"],input[type="url"],
input[type="number"],input[type="tel"], 
textarea {
	background-color: transparent;
	border-color: rgb(55,55,55);
	border-width: 1px;
	color: inherit;
}
input[type="checkbox"], input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-color: transparent;
	border: 1px solid rgb(55,55,55);
	color: #333;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
	input[type="radio"] {
		border-radius: 100%;
	}
	input[type="checkbox"]:checked, input[type="radio"]:checked {
		background-color: #18988b;
	}
	input[type="checkbox"]:checked::after{
		content: '\f147';
		font-family: 'dashicons';
		font-size: 24px;
		line-height: 24px;
		color: white;
		width: 24px;
		display: block;
		margin-left: -2px;
	}
	/* 	pure CSS solution to notoriously hard file input from:
		https://stackoverflow.com/a/65865799
	*/
	input[type="file"],
	input[type="file"]:visited,
	input[type="file"]:hover,
	input[type="file"]:focus,
	input[type="file"]:active {
		margin:0;
		padding: 0em 0em;
		padding: 0rem 0rem;
		overflow: hidden; /* long file names overflow so just hide the end */
		background: #ffffff;
		border-radius: .2em;
		border-radius: .2rem;
		outline: none;
		border: 2px solid #bbb;
		cursor: pointer;
		-webkit-appearance: textfield;
		-moz-appearance: textfield;
	}

	input[type="file"]:hover {
		background: #f9f9ff; /* I am using a light blue to indicate an interaction */
		border: 2px solid #999;
	}

	input[type="file"]:visited,
	input[type="file"]:focus,
	input[type="file"]:active {
		background: #fff; /* Default back to white when focused. */
		border: 2px solid #999;
	}
		/* IE UPLOAD BUTTON STYLE: This attempts to alter the file upload button style in IE.  Keep in mind IE gives you limited design control but at least you can customize its upload button.*/
		::-ms-browse { /* IE */
			display: inline-block;
			margin: 0;
			padding: .2em .5em;
			padding: .2rem .5rem;
			text-align: center;
			outline: none;
			border: none;
			background: #fff;
			white-space: nowrap;
			cursor: pointer;
		}
		/* FIREFOX UPLOAD BUTTON STYLE */
		::file-selector-button {/* firefox */
			display: inline-block;
			margin: 0rem 1rem 0rem 0rem;
			padding: .18em .5em;
			padding: .18rem .5rem;
			-webkit-appearance: button;
			text-align: center;
			border-radius: .1rem 0rem 0rem .1rem;
			outline: none;
			border: none;
			border-right: 2px solid #bbb;
			background: #eee;
			white-space: nowrap;
			cursor: pointer;
		}
		/* CHROME AND EDGE UPLOAD BUTTON STYLE */
		::-webkit-file-upload-button { /* chrome and edge */
			display: inline-block;
			margin: 0rem 1rem 0rem 0rem;
			padding: .19em .5em;
			padding: .19rem .5rem;
			-webkit-appearance: button;
			text-align: center;
			border-radius: .1rem 0rem 0rem .1rem;
			outline: none;
			border: none;
			border-right: 2px solid #bbb;
			background: #eee;
			white-space: nowrap;
			cursor: pointer;
		}
pre.wp-block-code {
	background: transparent;
	border: none;
}
	pre.wp-block-code code {
		background: black;
		color: white;
	}
	
/* Navigation Buttons on Posts and Archives */
	
	#main input.button,
	#main button[type="button"],
	.listmedia-embedded-section .listmedia-search a {
		background: #18988b;
		padding: 5px 22px;
		border-radius: 20px;
		left: auto;
		/* next ones are important because parent theme update messed them up */
		font-size: 18px !important;
		line-height: inherit !important;
		color: white !important;
		border: none;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
		cursor: pointer;
		position: relative;
		text-shadow: 0 -1px 0 rgba(0,0,0,0.3);	
	}
		#main input.button:active,
		#main button.button:active,
		.listmedia-embedded-section .listmeida-search a:active  {
			background: teal;
		}

	#main input#submit,
	#main input.submit.button,
	#main button#submit,
	#main button.submit.button,
	#wpua-upload-existing,
	input.mepr-submit {
		background: #7f2346;
		padding: 5px 22px;
		border-radius: 20px;
		left: auto;
		font-size: 18px;
		color: white;
		border: none;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
		cursor: pointer;
		position: relative;
		text-shadow: 0 -1px 0 rgba(0,0,0,0.3);		
	}
	/* because a RED button screams caution, make MemberPress sign-up button BLUE! */
	input.mepr-submit {
		background: #2a3391;
	}
		#main input#submit:active,
		#main input.submit.button:active,
		#main button#submit:active,
		#main button.sumbit.button:active,
		#wpua-upload-existing:active {
			background: #6f002a;
		}
		.input.mepr-submit:active {
			background: darkBlue;
		}
		
	/* turn any link into a snazzy button 
		intended use is a.button or a span.button
	*/
	.wp-block-button__link,
	.button {
		margin: 10px 10px 10px 0px;
		color: white !important;
		display: inline-block;
		font-size: 18px !important;
		line-height: 36px !important;
		text-align: center;
		text-transform: capitalize;
		border-radius: 36px;
		padding: 0 20px;
		text-decoration: none !important;
		background-color: black;
	}
		.wp-block-button__link:hover,
		.wp-block-button__link:active,
		.wp-block-button__link:focus,
		.button:hover,
		.button:active,
		.button:focus {
			background-color: #333;
		}
		/* does not work anyway */
		#main .button[type="button"].mp-hide-pw {
			display: none !important;
		}
	/* fix dashicons size and alignment on frontend */
	.dashicons-before::before {
		line-height: inherit;
		font-size: larger;
		height: auto;
		width: auto;
		vertical-align: middle;
		margin: 0px 5px 5px 0px;
	}
	.tickets-error,
	.tickets-expired {
		padding: 10px;
		border: 1px solid red;
		border-radius: 5px;
		display: inline-block;
	}
	
div {
	box-sizing: border-box;
}

body {
	padding: 0;
}
body, input, textarea {
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
	font-size: 18px;
}
/* HEADER */

#page,
.one-column #page {
	margin: 0;
	max-width: 100%;
}
	#branding {
		border: none;
	}
	#branding hgroup {
		margin: 0;
	}
	#mini_loginout {
		position: absolute;
		right: 50px;
		top:   24px;
		z-index: 10;
	}
		#mini_loginout h3 {
			display: none;
		}
		body.logged-in #mini_loginout h3 {
			display: inline;
			background-color: #2a3391;
			padding: 2px 20px;
			border-top-left-radius: 20px;
			border-bottom-left-radius: 20px;
			margin: 14px -5px auto auto;
			float: left;
			height: 34px;
			-webkit-transition-duration: 1s;
			-moz-transition-duration: 1s;
			-ms-transition-duration: 1s;
			-o-transition-duration: 1s;
			transition-duration: 1s;
		}
			#mini_loginout h3 a {
				color: white;
				font-size: 16px;
			}
		#mini_loginout span {
			width: 180px;
			height: 56px;
			background-color: white;
			border: 2px solid #2a3391;
			border-radius: 30px;
			text-align: center;
			float: left;
			margin-left: -5px;
		}
			#mini_loginout span a {
				font-size: 24px;
				font-weight: bold;
				color: #2a3391;
				line-height: 55px;
			}
				#mini_loginout span a:hover,
				#mini_loginout span a:active,
				#mini_loginout span a:focus {
					text-decoration: none;
				}
				#mini_loginout span a::before {
					content: '\f12e';
					font-family: 'dashicons';
					font-size: 32px;
					font-weight: normal;
					vertical-align: middle;
				}
		

	#site-title {
		position: relative;
		top: 	-16px;
		width:  703px;
		height: 275px;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url('images/MICPP_Logo_Glow.png');
		background-position: center center;
		margin: 0 0 -275px 7px;
		padding: 0;
		z-index: 10;
	}
		#site-title span {
			display: none;
		}
	#site-description {
		position: absolute;
		bottom: 24px;
		width: 100%;
		text-align: center;
		color: white !important;
		font-size: 72px;
		line-height: 72px;
		font-weight: bold;
		font-family: 'walkway_ultraboldregular';
		text-shadow: 2px 2px 2px rgba(0,0,0,.75);
		letter-spacing: 2px;
		margin: 0;
		display: block;
		z-index: 1;
	}

	#header_image {
		width: 100%;
		height: 400px; /* max height to contain elements */
		background-size: cover;
		background-position: center center;
		/* load hi-res over the low-res so it is not blank */
		background-image: url('images/headers/bridge_HD.jpg'),url('images/headers/bridge-thumbnail.jpg');
	}
		#header_image::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 40%);
			background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 40%);
			background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 40%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
		}
	/* Home Page gets larger splash */
	body.home #header_image {
		height: 767px;
	}
	#access {
		position: relative;
		background: #7f2346;
		z-index: 10;
		margin: 0 auto; /* gets rid of 6px bottom margin */
	}
		#access div {
			margin: 0;
		}
		#access ul {
			display: table;
			margin: 0 auto;
		}
			#access ul ul,
			#access ul ul ul {
				display: none;
				left: 75%;
				top:  50px;
				box-shadow: 5px 5px 5px rgba(0,0,0,.25);
				width: 100%;
			}
			#access ul li, 
			#access ul ul li, 
			#access ul ul ul li {
				min-width: 200px; /* old browser fallback */
				min-width: 10.4vw; 
				min-height: 50px;
				height: auto;
				width: auto;
				border-left: 1px solid white;
				border-bottom: 1px solid white;
				background-color: #7f2346;
			}
				#access ul li {
					border-bottom: none;
				}
					#access ul li:hover > ul {
						display: table;
						margin: 0 auto;
					}
				#access ul ul {
					top: 50px;
					left: -1px;
				}
				#access ul li:last-of-type {
					border-right: 1px solid white;
				}
				#access ul ul li:first-of-type {
					border-top: 1px solid white;
					border-right: 1px solid white;
				}
			#access a,
			#access .sub-menu a {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 18px; /* old browser fallback */
				font-size: 1vw; 
				text-align: center;
				line-height: 50px;
				color: #fff;
				background: none;
				border: none;
				padding: 0;
				width: 100%;
			}
				#access .sub-menu a {
					line-height: normal;
					padding-top: 12px;
					padding-bottom: 12px;
				}
			#access li:hover > a, 
			#access a:focus,
			#access ul ul li:hover > a,
			#access ul ul ul li:hover > a {
				background: #6f002a;
				color: #fff;
			}
				/* ensure flyouts on right side flow left */
				#access ul li:last-of-type ul ul,
				#access ul li:last-of-type ul ul ul,
				#access ul li:nth-last-of-type(2) ul ul,
				#access ul li:nth-last-of-type(2) ul ul ul {
					left: -50%;
				}
			

/*	CONTENT */			

/* #main pads main content away from header and nav */
#main {
	padding: 0;
	background-image: url('');
	background-repeat: no-repeat;
	background-position: top center;
}
	/* normally has a negative right margin for sidebar
		but it gets zeroed out for the "singular" layout
	*/
	#primary {
		float: none;
	}
	.archive.author #primary {
		margin: 0;
	}
		/* normally has left+right margins and 58.4% width
			but "singular" uses margins 0 7.6% auto width
		*/
		#content {
			background-image: url('');
			background-repeat: no-repeat;
			background-position: top center;
			margin: 0 auto;
			width: auto;
			margin: 0 7.6%;
			padding: 45px 0;
		}
			.front-page #content {
				margin: 0 6%;
			}
			.archive.author #content {
				margin: 0 7.6%;
				position: relative;
				width: auto;
			}
			/* normally has 3.5em padding-top + 1.625em margin-bottom */
			article,
			.archive.author .hentry,
			.singular .hentry,
			.singular.page .hentry {
				padding: 0;
			}
			
	.entry-content h1 {
		font-size: 48px;
		line-height: 48px;
	}
	.entry-content h2 {
		font-size: 36px;
		line-height: 36px;
		clear: none;
	}
	.entry-content h3 {
		font-size: 24px;
		line-height: 24px;
		clear: none;
		margin: 0 0 .8125em;
	}
	.entry-content h4 {
		font-size: 18px;
		line-height: 18px;
		clear: none;
		margin: 0 0 .4em;
		font-weight: bold;
		text-transform: uppercase;
	}
	.entry-content h5 {
		font-size: 16px;
		line-height: 16px;
		clear: none;
		margin: 0 0 .2em;
		font-weight: bold;
		text-transform: uppercase;
	}
	.entry-content h6 {
		font-size: 14px;
		line-height: 14px;
		clear: none;
		margin: 0 0 .2em;
		font-weight: bold;
		text-transform: uppercase;
	}
				/* entry-header and entry-content share width 68.9% and margin 0 auto */
				.entry-title,
				.entry-title a,
				.singular .entry-title, 
				.singular .entry-header,
				h1.tribe-events-page-title,
				.page-title {
					font-family: 'walkway_ultraboldregular';
					font-size: 48px;
					line-height: 48px;
					font-weight: normal;
					letter-spacing: 1px;
					color: #2a3391;
					padding: 0;
					margin: 0;
					text-align: left;
				}
					.page-title {
						padding-bottom: 30px;
					}
					.front-box .entry-title,
					.front-box .entry-title a {
						font-size: 36px;
						line-height: 36px;
						letter-spacing: normal;
						color: inherit;
						word-break: break-word;
					}
					.dark .entry-title,
					.dark.singular .entry-title,
					.dark.singular .entry-header .entry-meta {
						color: #18988b;
					}
						.entry-meta {
							font-size: 14px;
							line-height: 24px;
						}
						.singular .entry-header .entry-meta {
							position: relative;
						}
				.hentry,
				.entry-header,
				.entry-content,
				.page-header,
				.archive.author .entry-header,
				.archive.author .entry-content,
				.singular .entry-header, 
				.singular .entry-content, 
				.singular footer.entry-meta, 
				.singluar #comments-title,
				.tribe-events-title-bar,
				#comments {
					margin: 0 auto;
					width: auto;
					max-width: 1215px;
				}
				.singular .entry-meta .edit-link a,
				.one-column.singular .entry-meta .edit-link a {
					left: auto;
					right: 0;
					top: -32px;
					font-size: 18px;
				}
					.singular .entry-meta .edit-link a::after {
						content: '\f464';
						font-family: 'dashicons';
						vertical-align: middle;
					}
		#featured-image img,
		.wp-block-post-featured-image img,
		.tribe-events-event-image img {
			width: 40%;
			display: block;
			margin: 0 0 15px 15px;
			border-radius: 15px;
			box-shadow: 0 0 5px rgba(0,0,0,.25);
			padding: 15px;
			float: right;
			box-sizing: border-box;
			background-color: white;
		}
		.is-archive .query-result.hentry {
			padding-top: 40px;
			padding-bottom: 64px;
		}

		.is-archive .query-result.hentry:first-of-type {
			padding-top: 0;
		}
			.is-archive .query-result header.entry-header,
			.is-archive .query-result div.entry-summary,
			.is-archive .query-result footer.entry-meta {
				margin-left: 88px;
			}
				.is-archive .query-result .entry-title,
				.is-archive .query-result .entry-title a {
					font-size: 24px;
					line-height: 32px;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: bold;
					letter-spacing: 0.1em;
					text-transform: uppercase;
					color: black;
				}

					.is-archive .query-result .entry-title a:hover,
					.is-archive .query-result .entry-title a:focus {
						border-bottom: 1px solid black;
					}
						.is-archive .query-result.page .entry-title a::before {
							content: '\f123';
							font-family: 'dashicons';
							font-weight: normal;
							margin-right: 5px;
							vertical-align: top;
						}
				.is-archive .date-box {
					position: absolute;
					top: 40px;
					left: 0;
				}
				.is-archive .query-result.hentry:first-of-type .date-box {
					top: 0px;
				}
					.is-archive .date-box,
					.tribe-events .tribe-events-calendar-list__event-date-tag,
					.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-date-tag {
						height: 50px;
						width:  50px;
						min-width: auto;
						border-right: 2px solid #666;
						box-sizing: content-box;
						padding: 5px !important;
						text-align: center;
					}
						.is-archive .date-box span.month,
						.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
							color: #2a3391;
							font-size: 14px;
							font-weight: bold;
							line-height: 16px;
							text-transform: uppercase;
							display: block;
						}
							.is-archive .date-box span.day,
							.tribe-events .tribe-events-calendar-list__event-date-tag-daynum {
								font-size: 24px;
								font-weight: 700;
								line-height: 24px;
								color: #7f2346;
								display: block;
							}
							.is-archive .date-box span.year {
								color: #18988b;
								font-size: 14px;
								font-weight: bold;
								display: block;
							}
							
	.is-archive #featured-image {
		position: relative;
		width: 40%;
		height: 267px;
		display: block;
		margin: 0 0 15px 15px;
		border-radius: 15px;
		box-shadow: 0 0 5px rgba(0,0,0,.25);
		padding: 0;
		float: right;
		box-sizing: border-box;
		border: 15px solid white;
		overflow: hidden;
	}
		.is-archive #featured-image img {
			position: relative;
			height: 100%;
			width: 100%;
			object-fit: cover;
			object-position: center;
			margin: 0;
			border-radius: 0;
			box-shadow: none;
			padding: 0;
			float: none;
			max-width: 100%;
		}
							
	hr.wp-block-separator {
		clear: both;
	}

	div.author-search h2 {
		display: none;
	}
/* WP Block Query is like Archive or Search but element layout is different!
   To make everything look that same we need to style them like the others.
*/
.wp-block-query ul.wp-block-post-template {
	margin: 0;
}
			.wp-block-query li.wp-block-post.hentry {
				padding-top: 40px;
				padding-bottom: 0;
				border-bottom: 1px solid #ddd;
			}
		.wp-block-query li.wp-block-post.hentry:first-of-type {
			padding-top: 0;
		}
			.wp-block-query .wp-block-post-title,
			.wp-block-query .wp-block-post-excerpt {
				margin-left: 88px;
				margin-bottom: 0px;
			}
				.wp-block-query h2.wp-block-post-title a {
					font-size: 24px;
					line-height: 32px;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: bold;
					letter-spacing: 0.1em;
					text-transform: uppercase;
					color: black;
					display: inline;
					position:relative;
					top:-10px;
				}
					.wp-block-query h2.wp-block-post-title a:hover,
					.wp-block-query h2.wp-block-post-title a:focus {
						border-bottom: 1px solid black;
						text-decoration: none;
						display: inline;
					}
				.wp-block-query .wp-block-post-date {
					position: absolute;
					top: 40px;
					left: 0;
				}
				.wp-block-query li:first-of-type .wp-block-post-date {
					top: 0px;
				}
					.wp-block-query .wp-block-post-date {
						height: 50px;
						width:  50px;
						min-width: auto;
						border-right: 2px solid #666;
						box-sizing: content-box;
						padding: 5px !important;
						text-align: center;
						font-size: 14px;
						line-height: 22px;
						font-weight: bold;
						color: #7f2346;
						display: block;
						text-transform: uppercase;
						word-break: break-word;
					}
						.wp-block-query .wp-block-post-date span.month {
							color: #2a3391;
							font-size: 14px;
							font-weight: bold;
							line-height: 16px;
							text-transform: uppercase;
							display: block;
						}
							.wp-block-query .wp-block-post-date span.day {
								font-size: 24px;
								font-weight: 700;
								line-height: 24px;
								color: #7f2346;
								display: block;
							}
							.wp-block-query .wp-block-post-date span.year {
								color: #18988b;
								font-size: 14px;
								font-weight: bold;
								display: block;
							}		
	.wp-block-query hr.wp-block-separator {
		visibility: hidden;
	}

	.wp-block-query .wp-block-post-featured-image {
		position: relative;
		width: 40%;
		height: 267px;
		display: block;
		margin: 0 0 15px 15px;
		border-radius: 15px;
		box-shadow: 0 0 5px rgba(0,0,0,.25);
		padding: 0;
		float: right;
		box-sizing: border-box;
		border: 15px solid white;
		overflow: hidden;
	}
	.wp-block-query .wp-block-post-featured-image a {
		position: absolute;
		height: 100%;
		width: 100%;
	}
		.wp-block-query .wp-block-post-featured-image img {
			position: relative;
			height: 100%;
			width: 100%;
			object-fit: cover;
			object-position: center;
			margin: 0;
		}

	
.wp-block-query .wp-block-post-excerpt {
	margin-left: 88px;
	padding: 1.625em 0 0;
}

.wp-block-query .wp-block-post-author {
	margin-left: 88px;
}
	.wp-block-query .wp-block-post-author__avatar {
		display: none;
	}	
	.wp-block-query .wp-block-post-author__content {
	
	}
		.wp-block-query .wp-block-post-author__byline {
			font-size: 14px;
			line-height: 24px;
			margin-right: 5px;
			display: inline;
		}
		.wp-block-query .wp-block-post-author__name {
			font-size: 14px;
			line-height: 24px;
			display: inline;
		}			
	/* now for the box versions */

	.wp-block-query ul.is-flex-container.columns-3 {
		gap: 1.95rem;
	}
	.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] > li {
		border: .05rem solid #dadee4;
		box-shadow: 0 .25rem 1rem rgba(48,55,55,.25);
		margin-bottom: 1em;
		padding: 0;

	}
			.wp-block-query .wp-block-post-template.is-flex-container.columns-2 > li {
				width: calc(50% - .75em);
			}
			.wp-block-query .wp-block-post-template.is-flex-container.columns-3 > li {
				width: calc(33.33333% - 1.5em); /* this is to exactly match courses archive spacing */
			}
			.wp-block-query .wp-block-post-template.is-flex-container.columns-4 > li {
				width: calc(25% - 1.05em);
			}
			.wp-block-query .wp-block-post-template.is-flex-container.columns-5 > li {
				width: calc(20% - 1.12em);
			}
			.wp-block-query .wp-block-post-template.is-flex-container.columns-6 > li {
				width: calc(16.66667% - 1.2em);
			}
		
		.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] > li::before {
			content: '';
			position: absolute;
			top: 0;
			height: 267px;
			width: 100%;
			margin: 0;
			padding: 0;
			background-image: url('images/headers/geometric_pattern.jpg');
			background-size: cover;
			background-position: center center;
		}
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] > li:nth-child(2)::before {
				filter: hue-rotate(180deg);
				transform: rotate(180deg);
			}
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] > li:nth-child(3)::before {
				filter: hue-rotate(45deg);
				transform: scaleY(-1);
			}
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] > li:nth-child(4)::before {
				filter: hue-rotate(225deg);
				transform: rotate(-180deg);
			}
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] > li:nth-child(5)::before {
				filter: hue-rotate(90deg);
				transform: scaleX(-1);
			}
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] > li:nth-child(6)::before {
				filter: hue-rotate(270deg);
			}
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] > li:nth-child(7)::before {
				filter: hue-rotate(135deg);
				transform: scaleY(-1);
			}
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] > li:nth-child(8)::before {
				filter: hue-rotate(315deg);
				transform: scaleX(-1);
			}
					
		.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] .wp-block-post-date {
			height: unset;
			width: unset;
			padding: 0 !important;
			text-align: right;
			position: absolute;
			top: auto;
			bottom: 0;
			right: 0;
		}
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] .wp-block-post-featured-image {
				position: absolute;
				top: 0;
				height: 267px;
				width: 100%;
				margin: 0;
				padding: 0;
				border-radius: 0;
				overflow: hidden;
				box-shadow: none;
				border: 0;
				float: none;
			}
				/*	There is no hook, filter, or function to detect when we are inside 
					a Query Block Loop so the only option to make post lists look the 
					same as Archive pages is to use CSS to hide the randomly generated
					featured images.  Non-randos have orientation class so we leave them
					
					for box layout we need area to remain clickable so visibility not display
				*/
				.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] .wp-block-post-featured-image img:not(.portrait,.landscape) {
					display: block;
					visibility: hidden; 
				}
				.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] .wp-block-post-featured-image a {
					height: 100%;
					width: 100%;
				}			
					.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] .wp-block-post-featured-image img {
						width: 100%;
						height: 100%;
						max-width: 100%;
						padding: 0;
						margin: 0;
						border-radius: 0;
						object-fit: cover;
					}
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] h2.wp-block-post-title {
				margin: 287px 16px 8px 16px;
				line-height: 21px;
			}
				.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] h2.wp-block-post-title a {
					font-size: 21px;
					text-transform: none;
					letter-spacing: normal;
					line-height: 21px;
					color: #7f2346;
					font-weight: 500;
				}
					.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] h2.wp-block-post-title a:hover,
					.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] h2.wp-block-post-title a:focus {
						border: none;
						text-decoration: underline;
					}
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] .wp-block-post-excerpt {
				margin: 0px 16px 62px 16px;
				padding: 0;
			}
				.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] .wp-block-post-excerpt p {
					font-size: 17px;
					line-height: 24px;
				}
					.wp-block-query .wp-block-post-template.is-flex-container.columns-5 .wp-block-post-excerpt p,
					.wp-block-query .wp-block-post-template.is-flex-container.columns-6 .wp-block-post-excerpt p {
						font-size: 14px;
						line-height: 16px;
					}
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] .wp-block-post-author {
				margin: 0;
				position: absolute;
				bottom: 0;
				left: 0;
				padding: 16px;
			}
				.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] .wp-block-post-author__avatar {
					display: block;
					height: 30px;
					width: 30px;
					border-radius: 50px;
					margin-right: 5px;
					overflow: hidden;
				}
				.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] .wp-block-post-author__name {
					font-size: 16px;
					color: rgb(0,124,186);
				}
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] .wp-block-post-date {
				border: none;
				padding: 16px !important;
				color: #999;
			}
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] .wp-block-post-date span.month,
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] .wp-block-post-date span.day,
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] .wp-block-post-date span.year {
				color: inherit;
				font-size: 16px;
				font-weight: normal;
				text-transform: none;
				display: inline;
				border: none;
			}

		

/* 	buttony lookin' previous/next links 
	limited to class "nav-single" so any
	account nav links don't go buttony
*/
#content #nav-single,
#content #nav-below {
	width: 100%;
	max-width: 1215px;
	float: none;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
.nav-previous a,
.nav-next a,
.lmpagination a,
#content #nav-single a,
#content .tribe-events-sub-nav a,
#content .tribe-events-back a,
.tribe-events .tribe-events-c-top-bar__nav-list-item a,
.tribe-events .tribe-events-c-top-bar__nav-list-item button,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next, 
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev,
.tribe-events .tribe-events-c-nav__prev,
.tribe-events .tribe-events-c-nav__next {
	font-size: 18px !important;
	border: 1px solid #18988b !important;
	border-radius: 30px;
	height: 32px !important;
	min-width: 100px;
	display: inline-block;
	line-height: 32px !important;
	padding: 5px 20px !important;
	color: #2a3391;
	text-align: center;
	background-color: transparent;
	width: unset;
	font-weight: normal !important;
	box-sizing: content-box !important;
}
	.nav-previous a:hover,
	.nav-next a:hover,
	.lmpagination a:hover,
	#content #nav-single a:hover,
	#content .tribe-events-sub-nav a:hover,
	#content .tribe-events-back a:hover,
	.tribe-events .tribe-events-c-top-bar__nav-list-item button:hover,
	.tribe-events .tribe-events-c-top-bar__nav-list-item button:focus,
	.tribe-events .tribe-events-c-top-bar__nav-list-item a:hover,
	.tribe-events .tribe-events-c-top-bar__nav-list-item a:focus,
	.tribe-events .tribe-events-c-nav__next:focus, 
	.tribe-events .tribe-events-c-nav__next:hover, 
	.tribe-events .tribe-events-c-nav__prev:focus, 
	.tribe-events .tribe-events-c-nav__prev:hover {
		text-decoration: none;
		background-color: #2a3391;
		color: white;
	}
/* COMMENTS */
.commentlist > li.bypostauthor {
    border-radius: 20px;
}
#respond {
	width: 68.9%;
	border-radius: 20px;
}
	#respond p.form-submit {
		margin: 10px auto;
		float: none;
		text-align: center;
	}
		
	#respond input#submit {
		background: #7f2346;
		padding: 5px 22px;
		margin: 20px auto 0 auto;
		border-radius: 20px;
		left: auto;
		font-size: 18px;
	}
			
/* FOOTER */	
	
#colophon {
	background-color: black;
	background-image: url();
	background-position: top left;
	background-repeat: no-repeat;
	min-height: 376px;
	color: white;
}
	#supplementary {
		position: relative;
		padding: 66px 0 0 0;
		border: none;
		overflow: visible;
	}
		#supplementary::after {
			content: '';
			clear: both;
		}
		#supplementary.three .widget-area {
			padding: 0 66px;
			margin: 0;
			box-sizing: border-box;
		}
			#supplementary.three .widget {
				word-wrap: normal;
				-webkit-hyphens: none;
				-moz-hyphens: none;
				hyphens: none;
			}
			.search-no-results #main .widget {
				clear: none;
				float: left;
				margin-right: 3.7%;
				width: 30.85%;
			}
				.search-no-results #main .widget_archive {
					margin-right: 0;
				}
				.search-no-results #main .widget_tag_cloud {
					float: none;
					margin-right: 0;
					width: 100%;
				}
				#supplementary h1, #supplementary h2,
				#supplementary h3, #supplementary h4,
				.error404 .widgettitle,
				.search-no-results .widgettitle {
					font-size: 18px;
					line-height: 24px;
					letter-spacing: .25px;
					text-transform: uppercase;
					border-bottom: 10px solid #7f2346;
					min-width: 150px;
					padding-top: 8px;
					padding-bottom: 5px;
					display: inline-block;
				}
				#supplementary #first {
					width: 32%;
				}
					#first p {
						margin: -28px 53px 20px 5px;	
						font-size: 14px;
					}
				#supplementary.three #second {
					width: 48%;
					padding: 0;
				}
					#second aside {
						margin-bottom: 11px;
					}
					#second aside.widget:first-of-type {
						float: none;
						clear: both;
					}
					#second aside.widget_text,
					#second aside.widget {
						width: 30%;
						padding-right: 3%;
						float: left;
						clear: none;
					}
						#second aside.widget_text p,
						#second aside.widget p {
							font-size: 18px;
							line-height: 24px;
						}
				#supplementary #third {
					width: 20%;
				}
					#third aside.widget_block {
						font-size: 18px;
						line-height: 20px;
						margin-bottom: 11px;
					}
							#third aside.widget_block p:empty {
								display: none;
							}
						/* uses theme social shortcode */
						#third .micpp-sharethis.label a.micpp-share::before {
							margin: 0;
							font-size: 36px;
							line-height: 36px;
						}
						#third .micpp-sharethis.label a.micpp-share span {
							display: inline-block;
							font-size: 18px;
						}
							#third .micpp-sharethis.label a.micpp-share.linkedin span {
								position: relative;
								top: 7px;
							}
			
	#site-generator {
		clear: both;
		background: transparent;
		color: #eee;
		font-family: Arial, Helvetica, sans-serif;
		padding: 10px;
	}
		#site-generator p.policy-links {
			font-size: 18px;
			line-height: 18px;
			font-weight: normal;
			margin-bottom: 12px;
		}
		#site-generator p.policy-links a {
			font-weight: normal;
			text-decoration: underline;
			color: #eee;
		}
		#site-generator p.copyright-notice {
			font-size: 14px;
			line-height: 16px;
			font-weight: normal;
			text-transform: uppercase;
			margin-bottom: 12px;
		}
			#site-generator p.copyright-notice a {
				font-weight: normal;
				text-decoration: underline;
				color: #eee;
			}
			
/* 	============
	OTHER PAGES 
	============
*/


	/*	HOME PAGE
		--------- */

.front-page #content {
   display: grid; 

   grid-template-rows: auto auto auto;
   grid-template-columns: 1fr 1fr;
   
   gap: 20px 10%;
   height: 100%;
   
}
  
#front_top_left { 
   grid-row-start: 1;
   grid-column-start: 1;
   grid-row-end: 2;
   grid-column-end: 2;
}
#front_top_right {
   grid-row-start: 1;
   grid-column-start: 2;
   grid-row-end: 2;
   grid-column-end: 3;
}
#middle_row {
   grid-row-start: 2;
   grid-column-start: 1;
   grid-row-end: 3;
   grid-column-end: 3; 
}
#front_bottom_left {
   grid-row-start: 3;
   grid-column-start: 1;
   grid-row-end: 4;
   grid-column-end: 2;
}
#front_bottom_right {
   grid-row-start: 3;
   grid-column-start: 2;
   grid-row-end: 4;
   grid-column-end: 3;

}



		
		
		
		
		
		
		
		.front-box {
			position: relative;
			border-radius: 15px;
			padding: 15px 15px 88px 15px;
		}
			.front-box:hover {
				box-shadow: 0 0 20px #ccc;
			}
			#primary.front-page article {
				height: 100%;
				padding: 0;
				margin: 0;
			}
			.front-box .entry-title {
				text-align: center;
				line-height: 45px;
			}

				.front-box .front-widgets h2 {
					font-family: 'walkway_ultraboldregular';
					font-size: 36px;
					line-height: 36px;
					font-weight: normal;
					letter-spacing: normal;
					color: #2a3391;
					padding: 0;
					text-align: center;
					hyphens: none; /* for Safari */
					text-wrap: balance; /* for Firefox */
					text-wrap: pretty;  /* for Chrome */
				}
					.dark .front-box .front-widgets h2  {
						color: #18988b;
					}
				.front-box .wp-block-quote.inset,
				.front-box .wp-block-pullquote.inset {
					max-width: 75%;
					margin: 0 auto;
					-webkit-hyphens: none;
					-moz-hyphens: none;
					hyphens: none;
				}

				.front-box .frontpage-image {
					margin: 15px auto;
					width: 33vw;
					height: 20.6vw;
					overflow: hidden;
				}
					.front-box .frontpage-image img {
						width: 100%;
						height: 100%;
						max-width: 100%;
						object-fit: contain;
						object-position: center center;
					}
				.front-box p.excerpt,
				.front-box .wp-block-buttons {
					font-size: 24px;
					line-height: 36px;
					padding: 0 20px;
					margin: 0;
				}
				.front-box .wp-block-buttons {
					height: 0;
				}
					.front-box p.excerpt a,
					.front-box .wp-block-button a {
						position: absolute;
						width: 60%;
						bottom: -88px;
						left: 50%;
						margin: 20px 0 20px -30%;
						height: 50px;
						color: white;
						background-color: #7f2346;
						display: block;
						font-size: 24px !important;
						line-height: 48px !important;
						font-weight: normal;
						text-align: center;
						text-transform: capitalize;
						border-radius: 48px;
					}
					.front-box .wp-block-button.blue a {
						background-color: #2a3391;
					}
					.front-box .wp-block-button.arrow-right a::after {
						content: '\f344';
						font-family: 'dashicons';
						font-size: inherit;
						visibility: visible;
						vertical-align: middle;
						padding-left: 3px;
					}
					.front-box .wp-block-button.arrow-left a::before {
						content: '\f340';
						font-family: 'dashicons';
						font-size: inherit;
						visibility: visible;
						vertical-align: middle;
						padding-right: 3px;
					}
					.front-box .wp-block-button a {
						bottom: 0px;
					}
					.front-box .wp-block-button__link {
						padding: 0;
					}
						.front-box p.excerpt a:hover,
						.front-box .wp-block-button a:hover {
							text-decoration: none;
							background-color: #6f002a;
						}
						.front-box .wp-block-button.blue a:hover {
							text-decoration: none;
							background-color: darkBlue;
						}
						.front-box p.excerpt a span.meta-nav {
							visibility: hidden;
							position: relative;
							width: 30px;
							display: inline-block;
						}
							.front-box p.excerpt a span.meta-nav::before {
								content: '\f344';
								font-family: 'dashicons';
								font-size: inherit;
								visibility: visible;
								vertical-align: middle;
								margin-right: -30px;
							}
				.front-box .widget:last-of-type {
					margin: 0;
				}
				.front-box .list-header,
				.front-box ul,
				.front-box .widget ul {
					padding: 5px 10px;
					margin: 20px auto;
					max-width: 75%;
				}
				.front-box .list-header {
					translate: -20px;
				}
					.front-box ul li {
						color: inherit;
						font-size: 18px;
						line-height: 24px;
						padding: 7px 0;
						list-style: none;
					}
						.front-box ul li::before {
							content: '\2022'; /* bulletpoint for screen readers */
   							text-indent: -999999px; /* move the bullet point out of sight */
   							position: relative;
    						left: -1.5em;
    						width:  1em; /* width of  image */
    						height: 1em; /* height of image */
    						display: block;
    						margin-bottom: -1.25em;
    						background-repeat: no-repeat;
    						background-image: url('images/bulletstar.svg');
    						background-size: 100% 100%;
    						background-position: center center;
    						transition-duration: .3s;
						}
							.front-box ul li:hover::before {
								filter: hue-rotate(200deg) brightness(2);
							}
						.front-box ul li a {
							color: inherit;
							text-decoration: none;
							font-size: inherit;
							line-height: inherit;
							display: block;
						}
						.front-box ul li a:hover,
						.front-box ul li a:active,
						.front-box ul li a:focus {
							text-decoration: underline;
						}
				#front_bottom_left .big-calendar-icon::before {
					content: '\f508';
					font-family: 'dashicons';
					font-size: 130px;
					line-height: 145px;
					display: table;
					margin: 0 auto;
					color: #18988b;
				}
		#middle_row {
			clear: both;
			padding: 20px 0;
		}
			#middle_row p {
				font-family: 'walkway_ultraboldregular';
				font-size: 36px;
				line-height: 47px;
				font-weight: 600;
				color: #18988b;
				text-align: center;
				width: 55%;
				display: block;
				margin: 0 auto;
				border-top: 10px solid #2a3391;
				border-bottom: 10px solid #7f2346;
				padding: 5px 20px 20px 20px;
				letter-spacing: 3px;
			}



	/*	404 ERROR
		--------- */

.error404 #main #searchform,
.search #main #searchform {
background-color: transparent;
border: none;
padding: 10px;
margin: 10px 0;
}
	.error404 #main #searchform input[type="text"],
	.search   #main #searchform input[type="text"] {
		background-color: white;
		border-radius: 30px;
		font-size: 18px;
		display: block;
		margin: 0 auto;
		width: 85%;
	}
	
.widget ul {
	font-size: 16px;
	list-style: square;
	margin: 0 0 1.635em 2.5em;
}

.widget select {
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-color: #18988b;
	color: white;
	font-size: 18px;
	line-height: 30px;
   	text-align: justify;		/* Edge and Chrome */
    text-align-last: center;	/* New Firefox */
    -moz-text-align-last: center; /* old Firefox */
	border: none;
	border-radius: 32px;
	display: block;
	min-width: 50%;
}
	.widget select:hover {
		background-color: teal;
	}
	
	
/*	THE EVENTS CALENDAR PAGES */
	.post-type-archive-tribe_events .entry-title::before {
		content: 'MICPP Events';
		display: block;
	}
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
		padding: 0;
	}
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border {
		padding: 10px;
		border-radius: 10px;
	}
		.tribe-events .tribe-events-c-events-bar__search-container input {
			box-shadow: none;
		}
				.tribe-events .tribe-events-c-search__button {
					background-color: #2a3391;
				}
					.tribe-events .tribe-events-c-search__button:hover,
					.tribe-events .tribe-events-c-search__button:focus {
						background-color: darkBlue;
					}
		.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day-cell--desktop {
			overflow: hidden;
		}
		/* calendar today */
		.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, 
		.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {
			color: #7f2346;
			text-shadow: 1px 1px 0px white, -1px 1px 0 white, 1px -1px 0px white, -1px -1px 0 white;
		}
			.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link:focus,
			.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link:hover {
				color: #6f002a;
			}
		/* calendar day with event(s) */
		.tribe-events .tribe-events-calendar-month__day-date-link {
			color: #18988b;
		}
			.tribe-events .tribe-events-calendar-month__day-date-link:focus, 
			.tribe-events .tribe-events-calendar-month__day-date-link:hover {
				color: teal;
			}
		.tribe-events .tribe-events-calendar-month__calendar-event-title-link, 
		.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link {
			color: #18988b;
		}
			.tribe-events .tribe-events-calendar-month__calendar-event-title-link:hover {
				color: teal;
			}
		/* Export Events Buton */
		.tribe-events .tribe-events-c-ical__link, 
		.tribe-events .tribe-events-c-ical__link:visited {
			color: #2a3391;
			border-color: #2a3391;
			background-color: transparent;
		}
			.tribe-events .tribe-events-c-ical__link:active, 
			.tribe-events .tribe-events-c-ical__link:focus, 
			.tribe-events .tribe-events-c-ical__link:hover {
				color: white;
				background-color: #2a3391;
			}
	/* Month View Nav Buttons at Top */
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__top-bar {
		position: relative;
	}
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__nav {
		width: 100%;
	}
		.tribe-events .tribe-events-c-top-bar__nav-list { /* ul */
			width: 100%;
			display: block;
		}
			.tribe-events .tribe-events-c-top-bar__nav-list-item { /* li */
				display: block;
				padding: 0;
			}
				.tribe-events .tribe-events-c-top-bar__nav-list li:first-of-type {
					float: left;
				}
				.tribe-events .tribe-events-c-top-bar__nav-list li:last-of-type {
					float: right;
				}
				.tribe-events-c-top-bar__nav-link--prev {
					float: left;
				}
				.tribe-events-c-top-bar__nav-link--next {
					float: right;
				}
		.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button {
			position: absolute;
			top: 0;
			left: 50%;
			width: 150px !important;
			height: 44px;
			line-height: 32px;
			font-size: 18px;
			margin-left: -75px;
			border: 1px solid #2a3391;
			border-radius: 5px;
			color: #2a3391;
			text-align: center;
			background-color: transparent;
		}
			.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button:hover,
			.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button:focus {
				background-color: #2a3391;
				color: white;
			}
		.tribe-events .tribe-events-c-top-bar__datepicker-button-icon-svg path {
			fill: white;
		}
		
	/* List View Entry */
	.is-archive .hentry.tribe-events-calendar-list__event {
		margin-top: 0;
	}
	.tribe-events .tribe-events-calendar-list__event-wrapper {
		padding: 0 0 0 24px;
	}
	
	.tribe-events-calendar-list__event-featured-image-link img {
			display: block;
			margin: 0 0 15px 15px;
			border-radius: 15px;
			box-shadow: 0 0 5px rgba(0,0,0,.25);
			padding: 15px;
			box-sizing: border-box;
			background-color: white;
	}
				
	/* List View Nav Buttons at Bottom */
	#content .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next, 
	#content .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev {
		margin-top: 20px;
		display: block;
		height: 44px;
	}
		.tribe-events .tribe-events-c-top-bar__nav-list-item a svg,
		.tribe-events .tribe-events-c-top-bar__nav-list-item button svg,
		#content .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next svg, 
		#content .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev svg {
			display: none;
		}
			#content .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next span, 
			#content .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev span {
				box-sizing:content-box;
				font-size: 18px;
				line-height: 32px;
				font-weight: normal;
			}
				#content .tribe-events-c-top-bar__nav-link--next::after,
				#content .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next > span::after {
					content: '\f345';
					font-family: 'dashicons';
					vertical-align: top;
					display: inline;
				}
					#content .tribe-events-c-top-bar__nav-link--next::before {
						content: 'Next ';
						display: inline;
					}
				#content .tribe-events-c-top-bar__nav-link--prev::before,
				#content .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev > span::before {
					content: '\f341';
					font-family: 'dashicons';
					vertical-align: top;
					display: inline;
				}	
					#content .tribe-events-c-top-bar__nav-link--prev::after {
						content: ' Previous';
						display: inline;
					}
					
		/* Events List Results */
		.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row {
			margin: auto auto 24px auto;
		}
		.tribe-common--breakpoint-medium.tribe-common .tribe-events-calendar-list__event-description {
			font-size: 18px;
		}
			
		
	/* The Events Calendar Single Entry */
	.single-tribe_events header.entry-header {
		display: block;
	}
		.single-tribe_events header.entry-header::before {
			content: 'Event Details';
		}
	/* .tribe-events-back a button styled with single nave line 618 */
	.tribe-events-notices {
		background: none;
		border: none;
	}
	.tribe-events-notices li,
	.tribe-events-status-single-notice > div {
	background-color: #0371fd;
	color: white;
	padding: 10px !important;
	border-radius: 30px;
	text-align: center;
	font-weight: bold;
	min-height: 50px;
	box-sizing: border-box;
	text-shadow: none;
	margin-bottom: 1.625em !important;
}
	.tribe-events-status-single-notice > div[class*="--postponed"] {
		position: relative;
		display: block;
		width: 95%;
		margin: 0 auto;
		border: none;
		background-color: magenta;
	}
	.tribe-events-status-single-notice > div[class*="--canceled"] {
		position: relative;
		display: block;
		width: 95%;
		margin: 0 auto;
		border: none;
		background-color: red;
	}
		.tribe-events-single .tribe-events-status-single__header {
			color: white;
			font-size: 18px;
			font-weight: bold;
			line-height: inherit;
			text-align: center;
		}
			.tribe-events-single .tribe-events-status-single__description {
    			color: white;
				font-weight: normal;
				padding: 0;
			}
	.tribe-events-notices li::before,
	.tribe-events-single .tribe-events-status-single__header--alert-icon:before {
		content: "\f348";
		font-family: 'dashicons';
		font-size: 37px;
		line-height: 30px;
		color: white;
		display: inline-block;
		float: left;
	}
			.tribe-events-single .tribe-events-status-single__header--alert-icon:before {
				background: none;
				margin: auto;
				height: auto;
				min-width: 0;
				position: absolute;
				left: 10px;
			}
	#tribe-events {
		padding: 0;
	}
	/* tribe-events-event-image -> search stylesheet for #featured-image */
	
	/* The Events Calendar NAV buttons - consistent with Post Nav appearance */
	#content .tribe-events-sub-nav a,
	#content .tribe-events-single .tribe-events-sub-nav a {
		color: transparent;
		font-size: 0 !important;
	}
		#content .tribe-events-sub-nav a:hover {
			background-color: #2a3391;
		}
			#content .tribe-events-sub-nav .tribe-events-nav-previous a::after {
				content: '\2190  Previous';
				font-size: 18px;
				font-weight: bold;
				color: #2a3391;
				width: auto;
				height: auto;
			}
				.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous a::before {
					display: none !important;
				}
			#content .tribe-events-sub-nav .tribe-events-nav-next a::before {
				content: 'Next \2192';
				font-size: 18px;
				font-weight: bold;
				color: #2a3391;
				width: auto;
				height: auto;
			}
				.tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next a::after {
					display: none !important;
				}
			#content .tribe-events-sub-nav .tribe-events-nav-previous a:hover::after,
			#content .tribe-events-sub-nav .tribe-events-nav-next a:hover::before {
				color: white;
			}
	/* Event Detail Page */
	.single-tribe_events .hentry h1,
	.single-tribe_events .hentry h2,
	.single-tribe_events .hentry h3 {
		clear: none;
	}


/* 	USER PROFILE PAGE
	-----------------
*/
	
	#your-profile #show_avatar {
		position: relative;
		display: block;
		margin-bottom: 20px;
	}
		#your-profile #show_avatar #current_avatar {
			height: 150px;
			width:  150px;
			border: 2px solid #eee;
			border-radius: 100%;
			box-shadow: 0 5px 5px #ccc;
			margin: 0 auto;
			display: block;
			overflow: hidden;
			position: relative;
		}
			#your-profile #show_avatar #current_avatar img.avatar {
				border: none;
				padding: 0;
				width: 100%;
				height: 100%;
				max-width: unset;
				-webkit-object-fit: cover;
				-moz-object-fit: cover;
				-ms-object-fit: cover;
				-o-object-fit: cover;
				object-fit: cover;
				/* 	if browser does not understand object-fit
					the image will be distorted to fit inside
					the container, by +95% browser should.
				*/
			}
		#your-profile #change_avatar {
				position: absolute;
				left: 50%;
				bottom: 0;
				height: 40px;
				width:  40px;
				background: white;
				border: 2px solid white;
				border-radius: 100%;
				box-shadow: 0 5px 5px #ccc;
				margin: 0 0 0 30px;
				padding: 0
		}
			#your-profile #change_avatar::before {
				content: '\f306';
				font-family: 'dashicons';
				font-size: 24px;
				line-height: 24px;
				padding: 5px;
				display: inline-block;
				color: #666;
				border: 1px solid #666;
				height: 24px;
				width: 24px;
				border-radius: 100%;
				vertical-align: middle;
			}
			#your-profile #change_avatar:hover {
				background: #18988b;
			}
				#your-profile #change_avatar:hover::before {
					color: white;
					border-color: white;
				}
			#your-profile #change_avatar:active {
				margin-left: 33px;
				bottom: -3px;
			}
		#edit_avatar {
			position: absolute;
			top: 0%;
			left: 50%;
			margin-left: -25%;
			width: 50%;
			padding: 20px;
			border: 2px solid #ccc;
			border-radius: 20px;
			box-sizing: border-box;
			box-shadow: 0 0 50px #666;
			background-color: white;
			z-index: 99999;
		}
			#wpua-images-existing {
				text-align: center;
			}
			#wpua-upload-existing {
				float: right;
			}
			#wpua-upload-messages-existing {
				font-size: small;
				text-align: center;
			}
			#edit_avatar div.success {
				display: none;
			}
			form.wpua-edit p.submit {
				float: left;
			}
		#shade {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba(0,0,0,.25);
			z-index: 10000;
		}
			#current_avatar.pending::after {
					content: 'PENDING';
					background: black;
					color: white;
					position: absolute;
					top: 50%;
					left: 0%;
					width: 100%;
					font-size: 14px;
					line-height: 20px;
					text-align: center;
					margin-top: -10px;
					opacity: .5;
				}

	#your-profile .form,
	#your-profile div.tr {
		padding-bottom: 20px;
	}
	#your-profile .firstname {
		position: relative;
		display: block;
		padding: 0;
		margin: 0;
	}
		#your-profile .firstname label {
			position: absolute;
			right: 0;
			50%;
			display: block;
			color: transparent;
			font-size: 0;
		}
			#your-profile .firstname label::after {
				content: '\f464';
				font-family: 'dashicons';
				font-size: 24px;
				line-height: 24px;
				padding: 5px;
				display: inline-block;
				color: #666;
				border: 1px solid #666;
				height: 24px;
				width: 24px;
				border-radius: 100%;
				vertical-align: middle;
				margin-left: 5px;
			}
				#your-profile .firstname:focus-within label {
					display: none;
				}
				#your-profile .firstname label:hover {
					color: #666;
					font-size: inherit;
					background-color: white;
				}
		#your-profile #first_name {
			font-family: 'walkway_ultraboldregular';
			font-size: 48px;
			line-height:48px;
			font-weight: normal;
			letter-spacing: 1px;
			color: #2a3391;
			padding: 0;
			width: 100%;
			height: 48px;
			text-align: center;
			border: none;
			box-shadow: none;
		}
	#your-profile .lastname {
		position: relative;
		display: block;
		padding: 0;
		margin: 0 0 50px 0;
	}
		#your-profile .lastname label {
			position: absolute;
			right: 0;
			50%;
			display: block;
			color: transparent;
			font-size: 0;
		}
			#your-profile .lastname label::after {
				content: '\f464';
				font-family: 'dashicons';
				font-size: 24px;
				line-height: 24px;
				padding: 5px;
				display: inline-block;
				color: #666;
				border: 1px solid #666;
				height: 24px;
				width: 24px;
				border-radius: 100%;
				vertical-align: middle;
				margin-left: 5px;
			}
				#your-profile .lastname:focus-within label {
					display: none;
				}
				#your-profile .lastname label:hover {
					color: #666;
					font-size: inherit;
					background-color: white;
				}
		#your-profile #last_name {
			font-family: 'walkway_ultraboldregular';
			font-size: 48px;
			line-height:48px;
			font-weight: normal;
			letter-spacing: 1px;
			color: #2a3391;
			padding: 0;
			width: 100%;
			height: 48px;
			text-align: center;
			border: none;
			box-shadow: none;
		}
		#your-profile .form label {
			font-weight: bold;
		}
		#your-profile .form.textarea {
			clear: both;
		}
			#your-profile textarea {
				width: 99.3%;
				max-width: 99.3%;
			}
		#your-profile .tr > label {
			width: 16.6%;
			display: inline-block;
			box-sizing: border-box;
			font-weight: bold;
			vertical-align: top;
		}
			#your-profile .td {
				display: inline-block;
			}
		#your-profile .half label {
			width: 33%;
			display: inline-block;
			box-sizing: border-box;
		}
			#your-profile .half.right label {
				padding-left: 20px;
			}
		#your-profile .half input[type="text"],
		#your-profile .half input[type="password"],
		#your-profile .half input[type="number"],
		#your-profile .half input[type="tel"] {
			width: 66%;
			display: inline-block;
			box-sizing: border-box;
		}
		#your-profile input[disabled="disabled"] {
			color: #999;
		}
    	::placeholder {
    		color: #ccc;
    	}
    	div.boxes { 
    		position: relative;
    		float: left; 
    		width: 300px;
    		margin-bottom: 5px;
    	}
    	.resizable {
    		resize: both;
    	}
    	span.eye {
    		display: inline-block;
    		margin-left: -35px;
    		height; 30px;
    		width:  35px;
    		text-align: center;
    	}
    	span.eye::before {
    		content: '\f530';
    		font-family: 'dashicons';
    		font-size: 20px;
			line-height: 30px;
			vertical-align: middle;
			font-weight: 400;
			font-style: normal;
			color: #18988b;
			transition: color .1s ease-in;
    	}
    		span.eye.show::before {
    			content: '\f177';
    		}
    		span.eye:hover::before {
    			color: #2a3391;
    		}
    	.kmh-combobox {
    		background-color: transparent;
    		border: 1px solid #999;
    		border-radius: 5px;
    		min-height: 100px;
    		max-width   90%;
    		min-width: 250px;
    		width: 310px;
    		height: 200px;
    		overflow: auto;
    		resize: both;
    		padding: 5px;
    	}
    		.kmh-combobox div.boxes {
    			margin-bottom: 0;
    		}
    		.kmh-combobox div.boxes input[type="checkbox"] {
    			-webkit-appearance: none;
    			-moz-appearance: none;
    			-ms-appearance: none;
    			-o-appearance: none;
    			appearance: none;
    			background: transparent;
    			box-shadow: none;
    			border: none;
    			width: 100%;
    			height: 100%;
    			position: absolute;
    			z-index: 1;
    		}
    			.kmh-combobox div.boxes input[type="checkbox"]::before {
    				content: '';
    			}
    		.kmh-combobox div.boxes span.description {
    			font-size: 1rem;
    			width: 95%;
    			padding: 3px;
    			display: inline-block;
    			border-bottom: 1px solid #ccc;
    		}
    			.kmh-combobox div.boxes input[type="checkbox"]:checked + span.description {
    				font-size: 1rem;
    				color: white;
					background-color: black;
    			}
    			.kmh-combobox div.boxes input[type="checkbox"]:checked::after {
    				content: '';
    			}	
	div.form.submit input {
		display: block;
		margin: 0 auto;
	}
	


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  font-size: 14px;
  white-space: nowrap;
  visibility: hidden;
  width: auto;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  opacity: 0;
  transition: opacity 0.3s;
  transform: translateX(-50%); /* center content of unknown width */
  box-shadow: 0px 0px 2px white, 0px 5px 5px rgba(0,0,0,.25);
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

div.dir-listing {
	height: 130px;
	overflow: hidden;
	transition-duration: .5s;
}
	div.dir-listing:hover,
	div.dir-listing:focus {
		height: auto;
		overflow: visible;
	}
		
.nowidow {
    white-space: nowrap;
}
/* 	DIRECTORY PAGES 
	---------------
*/
		table.directory-table {
			border: 5px solid #ccc;
			margin-bottom: 5px;
		}
			table.directory-table th {
				color: white;
				background-color: #2a3391;
				border: 2px solid white;
				text-align: center;
			}
				table.directory-table td {
					border-left: 1px dashed #ccc;
					border-right: 1px dashed #ccc;
					border-bottom: 3px solid #18988b;
					padding: 10px;
					vertical-align: top;
				}
				table.directory-table tr td:nth-of-type(3),
				table.directory-table tr td:nth-of-type(4) {
					word-wrap: break-word;
					white-space: nowrap;
				}
				table.directory-table .dir-name {
					font-weight: bold;
				}
				table.directory-table .dir-credentials {
					font-size: 14px;
					line-height: 18px;
					text-transform: uppercase;
					color:#18988b;
					display: inline-block;
				}
	/* Business Card Layout */
		div.directory-card {
			position: relative;
			border: 1px solid #999;
			box-shadow: 0 0 5px #ccc;
			border-radius: 20px;
			padding: 20px;
			margin-bottom: 20px;
		}
			div.directory-card .dir-info {
				width: 50%;
				float: left;
			}
				div.directory-card .profile-pic {
					height: 90px;
					width:  90px;
					border: 2px solid #eee;
					border-radius: 100%;
					box-shadow: 0 5px 5px #ccc;
					float: left;
					margin: 0 20px 20px 0;
					overflow: hidden;
				}
					div.directory-card .profile-pic img.avatar {
						border: none;
						padding: 0;
						max-width: unset;
						width: 100%;
						height: 100%;
						-webkit-object-fit: cover;
						-moz-object-fit: cover;
						-ms-object-fit: cover;
						-o-object-fit: cover;
						object-fit: cover;
					}
				div.directory-card .dir-name {
					font-size: 24px;
					margin: 0;
					display: block;
				}
				div.directory-card .dir-credentials {
					display: block;
				}
				div.directory-card .dir-specialties {
					display: block;
					clear: both;
				}
					div.directory-card.profiles .dir-specialties {
						display: none;
					}
					div.directory-card.profiles .dir-specialties.truncated,
					table.directory-table.profiles .dir-specialties.truncated {
						display: block;
						position: relative;
						overflow: hidden;
					}
						div.directory-card.profiles .dir-specialties.truncated::after,
						table.directory-table.profiles .dir-specialties.truncated::after {
							content: '';
							display: block;
							position: absolute;
							top: 0;
							left: -20px;
							right: -20px;
							bottom: 0;
							box-shadow: inset 0 -20px 20px white;
						}
				
			div.directory-card .dir-contact {
				width: 49%;
				float: right;
			}
				div.directory-card .dir-contact .dir-office {
					width: 100%;
				}
				div.directory-card.private .dir-contact .dir-office {
					float: left;
					width: 50%;
				}
				div.directory-card.private .dir-contact .dir-personal {
					float: right;
					width: 50%;
				}
					div.directory-card .dir-contact .address {
						min-height: 165px;
						margin: 0;
						width: 50%;
						float: left;
					}
						div.directory-card.profiles .dir-contact .address {
							min-height: auto;
						}
					div.directory-card .dir-contact .dir-buttons {
						text-align: center;
						width: 50%;
						float: right;
					}
					div.directory-card.private .dir-contact .dir-buttons {
						text-align: left;
						width: 100%;
						float: none;
					}
					div.directory-card.private .dir-contact .address {
						margin: 0 10px;
						width: 100%;
						float: none;
					}
						table.directory-table .dir-location .maplink::before,
						div.directory-card .dir-contact .maplink::before {
							content: '\f230';
							font-family: 'dashicons';
							vertical-align: bottom;
							padding-right: 5px;
						}
						div.directory-card .dir-contact .abutton {
							position: relative;
							display: inline-block;
							border: 1px solid #999;
							padding: 5px;
							width: 80%;
							height: 32px;
							font-size: 16px;
							color: #333;
							font-weight: bold;
							line-height: 32px;
							text-decoration: none;
							text-align: center;
							border-radius: 10px;
							margin-bottom: 5px;
							color: white;
						}
						div.directory-card.private .dir-contact .abutton {
							margin-left: 10px;
						}
						div.directory-card .dir-contact .phone {
							background-color: #7f2346;
						}
							table.directory-table .dir-contact .phone::before,						
							div.directory-card .dir-contact .phone::before {
								content: '\f525';
								font-family: 'dashicons';
								vertical-align: bottom;
								padding-right: 5px;
							}
						div.directory-card .dir-contact .email {
							background-color: darkBlue;
							text-overflow: ellipsis;	/* handles loooooong addresses */
						}
							table.directory-table .dir-contact .email::before,						
							div.directory-card .dir-contact .email::before {
								content: '\f465';
								font-family: 'dashicons';
								vertical-align: bottom;
								padding-right: 5px;
							}
							/* prevent super long URLs from breaking table */
							table.directory-table .dir-contact .website {
								white-space: break-spaces;
								word-wrap: anywhere;
								word-break: break-all;
							}

							div.directory-card .dir-contact .website {
								background-color: #18988b;
							}
								table.directory-table .dir-contact .website::before,							
								div.directory-card .dir-contact .website::before {
									content: '\f11f';
									font-family: 'dashicons';
									vertical-align: bottom;
									padding-right: 5px;
								}
				div.directory-card::after {
					content: '';
					display:block;
					clear:both;
				}
				/* If User Profile Pages are enabled this styles them */
				body.author div.directory-card {
					border: none;
					box-shadow: none;
					border-radius: 0;
					padding: 0;
					margin-bottom: 0;
				}
				body.author table.directory-table td {
					border-left: none;
					border-right: 3px solid #18988b;
					border-top: none;
				}
					body.author div.directory-card .dir-info {
						width: 70%;
					}
						body.author div.directory-card .profile-pic {
							height: 150px;
							width: 150px;
						}
						body.author table.directory-table .avatar {
							float: left;
							margin-right: 20px;
						}

						body.author div.directory-card .dir-name,
						body.author table.directory-table .dir-name {
							font-size: 36px;
							line-height: 40px;
							padding-top: 40px;
							padding-bottom: 5px;
						}
						body.author div.directory-card .dir-credentials,
						body.author table.directory-table .dir-credentials {
							text-transform: uppercase;
							color: #18988b;
						}
						body.author div.directory-card .dir-about,
						body.author table.directory-table .dir-about {
							clear: both;
							padding-top: 20px;
							width: 90%;
						}
						body.author div.directory-card .dir-specialties,
						body.author table.directory-table .dir-specialties {
							padding-top: 20px;
							width: 90%;
						}
						body.author div.directory-card .dir-info ul {
							column-count: 2;
							width: 90%;
						}
							/* if there is only one item do not do columns */
							body.author div.directory-card .dir-info ul[data-items="1"]{
								column-count: 1;
							}
					body.author div.directory-card .dir-contact {
						width: 30%;
						border-left: 1px solid #18988b;
						padding-left: 20px;
					}
						body.author div.directory-card .dir-contact .dir-office,
						body.author div.directory-card .dir-contact .dir-office {
							width: 100%;
						}
						body.author div.directory-card .dir-contact .dir-personal {
							width: 100%;
							margin-top: 20px;
						}
							body.author div.directory-card .dir-contact .address,
							body.author div.directory-card .dir-contact .dir-buttons {
								width: 100%;
								float: none;
								text-align: left;
							}
					body.author table.directory-table td table {
						border: none;
					}
						body.author table.directory-table td table td {
							border: none;
						}
						
	p.last-updated {
		margin: 10px;
		font-size: 14px;
		text-align: center;
	}
	/* MEMBERPRESS CONTENT */
	#tribe-events-content a.mepr_product_link {
		color: #7f2346;
	}
	#tribe-events-content a.mepr_product_link:hover,
	#tribe-events-content a.mepr_product_link:focus {
		color: #6f002a;
		text-decoration: underline;
	}
	/* force form below any featured image */
	.mepr-signup-form {
		clear: both;
	}
	.mepr_error {
		background-color: red !important;
	}
		.mepr_error ul li {
			color: white;
		}
	.mepr_updated {
		background-color: limegreen !important;
	}
		.mepr_updated ul li {
			color: black;
		}
	.mepr_show_limit {
		margin-top: 10px;
		font-style: italic;
		font-size: smaller;
	}
	.button.mp-hide-pw {
		height: auto;
	}
	/* MEMBERPRESS DOWNLOADS */
	
	/* regular download buttons to front of link */
	.wp-block-file a.wp-block-file__button {
		float: left;
		border-radius: 2em;
		font-size: .8em;
		padding: .5em 1em;
		margin-right: 10px;
		border: none;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
		cursor: pointer;
		line-height: 24px;
		text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
		text-decoration: none;
	}
		.wp-block-file:hover a:first-of-type {
			text-decoration: underline;
		}
		.wp-block-file:hover a.wp-block-file__button {
			opacity: .85;
		}
	/* now MP downloads links get fake button in front too */
	ul.mpdl-file-links-list {
		margin: .8rem 0;
		list-style: none;
	}
		.mpdl-file-links-item {
			list-style: none;
			margin-bottom: 5px;
		}
			.mpdl-file-links-item a::before {
				content: 'Download';
				background: #32373c;
				border-radius: 2em;
				color: #fff;
				font-size: .8em;
				padding: .5em 1em;
				display: inline-block;
				text-decoration: none;
				margin-left: 10px;
				margin-right:10px;
			}
				.mpdl-file-links-item a:hover::before,
				.mpdl-file-links-item a:focus::before,
				.mpdl-file-links-item a:visited::before {
					box-shadow: none;
					color: #fff;
					opacity: .85;
					text-decoration: none;
				}
		/* MemberPress Downloads Archive */
		body.tax-mpdl-file-categories .query-result.hentry,
		body.post-type-archive-mpdl-file .query-result.hentry {
			padding-bottom: 0;
		}
		body.tax-mpdl-file-categories .by-author,
		body.post-type-archive-mpdl-file .by-author {
			display: none;
		}
			
	/* when grouped inide a .nobutton */
	.nobuttons .wp-block-file a.wp-block-file__button,
	.nobuttons .mpdl-file-links-item a::before {
		display: none;
	}
	
	/* MediaList / List Media Plugins */
	.listmedia-search::before {
		content: '\f179';
		font-family: 'dashicons';
		font-size: 24px;
		display: inline-block;
		width: 30px;
		margin-right: -30px;
		position: relative;
		text-align: center;
		line-height: 52px;
		top: 5px;
		color: #ccc;
	}
		.listmedia-search:hover::before{
			color: #333;
		}
	
	.listmedia-search .lm-search {
		margin-right: 10px;
	}
	
	.lm-ul li,.listmedia-search a {
		background:transparent;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		padding-left: 20px;
		margin: 24px 0;
		border:none;
		border-bottom: 1px solid #ccc;
		font-size: inherit;
		line-height: inherit;
	}
		.lm-ul li:hover{
			background:transparent;
			border-color:#18988b;
		}
	a.lm-item:after{
		content:"";
		font-family: 'dashicons';
		font-size: 32px;
		display:block;
		position:absolute;
		top: 7px;
		color: #333;
	}
		a.lm-item:hover,
		a.lm-item:hover:after {
		  color: #7f2346;
		}	
	.listmedia-embedded-section a.pdf:after{
		background: none;
		content: '\f190';
	}
	.listmedia-embedded-section a.doc:after{
		background: none;
		content: '\f216';
	}
	.listmedia-embedded-section a.zip:after{
		background: none;
		content: '\f501';
	}
	.listmedia-embedded-section a.xls:after{
		background: none;
		content: '\f495';
	}
	.listmedia-embedded-section a.ppt:after{
		background: none;
		content: '\f496';
	}
	.listmedia-embedded-section a.text:after{
		background: none;
		content: '\f491';
	}
	.listmedia-embedded-section a.sql:after{
		background: none;
		content: '\f';
	}
	.listmedia-embedded-section a.xml:after{		
		background: none;
		content: '\f';}
	.listmedia-embedded-section a.exe:after{
		background: none;
		content: '\f180';
	}
	.listmedia-embedded-section a.wav:after, a.mp3:after, a.wma:after, a.mid:after, a.midi:after{
		background: none;
		content: '\f500';
	}
	.listmedia-embedded-section a.jpg:after, a.gif:after, a.png:after, a.bmp:after, a.tiff:after, a.icon:after{
		background: none;
		content: '\f128';
	}
	.listmedia-embedded-section a.post:after{
		background: none;
		content: '\f119';
	}
	.listmedia-embedded-section a.page:after{
		background: none;
		content: '\f498';
	}
	.listmedia-embedded-section a.event:after{
		background: none;
		content: '\f508';
	}
	
	.listmedia-embedded-section .listmedia-search a.filterlink {
		background: #eee;
		font-size: smaller !important;
		line-height: inherit !important;
		border: 1px solid #ccc;
		color: #333 !important;
		text-shadow: none;
		padding: 0 10px;
		margin: 5px 5px 5px 0;
		width: auto;
	}
		.listmedia-embedded-section .listmedia-search a.filterlink:active {
			background: #ccc;
		}
	/* 	MP Downloads Headers don't contain file size
		so just hide type and size, which still leaves
		type as a searchable term
	*/
	.lm-type-size {
		display: none;
	}
	/* make nav look like rest of the site */
	.lmpagination {
		width: 100%;
	}
		.listmedia-page-meta {
			float: none !important;
		}
	.listmedia-buttons {
		width: 100% !important;
		margin-top: -72px;
	}
	.lmpagination a.prev {
		float: left;
	}
	.lmpagination a.prev::before{
		content: '\f341';
		font-family: 'dashicons';
		vertical-align: top;
		display: inline;
	}
	.lmpagination a.next {
		float: right;
	}
	.lmpagination a.next::after{
		content: '\f345';
		font-family: 'dashicons';
		vertical-align: top;
		display: inline;
	}


	/*	KMH COURSES PAGES */
	body.single-course .entry-title::before {
		content: '\f118';
		font-family: 'dashicons';
		vertical-align: middle;
		margin-right: 5px;
	}
	#kmh_course_outline {
	
	}
		#kmh_course_outline:hover #kmh_course_outline_panel {
			right: 0px;
		}
	#kmh_course_outline_panel {
		margin: 10px auto;
		max-width: 1215px;
		width: auto;
		background-color: lightcyan;
		border-radius: 10px;
		padding: 10px;
		border: 1px solid teal;
	}

	
	/* 	CONVENIENCE COLORS
		------------------
		If you want to override any color anywhere add one of the following combinations:
		
		.blue, .teal, and .red by themselves do nothing.
		.text, .back, and .interactive by themselves do nothing.
		
		.[color].text will only affect text color
		.[color].back will only affect background color
		.[color].text.interactive creates hover:active:focus state for text color
		.[color].back.interactive creates hover:active:focus state for background color
	*/

	.blue.text {
		color: #2a3391 !important;
	}
		.blue.text.interactive:hover,
		.blue.text.interactive:active,
		.blue.text.interactive:focus {
			color: darkBlue !important;
		}
	.blue.back {
		background-color: #2a3391 !important;
	}
		.blue.back.interactive:hover,
		.blue.back.interactive:active,
		.blue.back.interactive:focus {
			background-color: darkBlue !important;
		}
	.teal.text {
		color: #18988b !important;
	}
		.teal.text.interactive:hover,
		.teal.text.interactive:active,
		.teal.text.interactive:focus {
			color: teal !important;
		}
	.green.text {
		color: green !important;
	}
	.teal.back {
		background-color: #18988b !important;
	}
		.teal.back.interactive:hover,
		.teal.back.interactive:active,
		.teal.back.interactive:focus {
			background-color: teal !important;
		}
	.red.text {
		color: #7f2346 !important;
	}
		.red.text.interactive:hover,
		.red.text.interactive:active,
		.red.text.interactive:focus {
			color: #6f002a !important;
		}	
	.red.back {
		background-color: #7f2346 !important;
	}
		.red.back.interactive:hover,
		.red.back.interactive:active,
		.red.back.interactive:focus {
			background-color: #6f002a !important;
		}
	.green.back {
		background-color: green;
	}
		.green.back.interactive:hover,
		.green.back.interactive:active,
		.green.back.interactive:focus {
			background-color: limegreen !important;
		}
	.transparent {
		visibility: hidden; /* easier than color changes */
	}


.wp-block-group.toc {
	position: fixed;
	top: 25%;
	right: -324px;
	width: 320px;
	height: 70%;
	z-index: 100000;
	padding: 0;
	margin: 0;
	border-radius: 10px;
	border: 2px solid #7f2346;
	background-color: #eee;
	box-shadow: 0 0 10px rgba(0,0,0,.25);
	transition-duration: 1s;
}
	.wp-block-group.toc:hover,
	.wp-block-group.toc:focus {
		right: 0%;
	}
		.wp-block-group.toc::before {
			content: 'Table of Contents';
			font-size: 24px;
			line-height: 50px;
			font-family: 'walkway_ultraboldregular';
			text-align: center;
			position: absolute;
			top: 50%;
			left: -128px;
			margin-top: -25px;
			padding: 0 10px;
			border-radius: 10px 10px 0px 0px;
			color: white;
			height: 50px;
			background-color: #7f2346;
			transform: rotate(-90deg);
			box-shadow: 0 -5px 10px rgba(0,0,0,.25);
		}
	.wp-block-group.toc > div {
		overflow: auto;
		height: 100%;
		padding: 10px;
	}			
		.wp-block-group.toc ul li a {
			color: black;
			text-decoration: none;
		}
			.wp-block-group.toc ul li a:hover,
			.wp-block-group.toc ul li a:focus {
				text-decoration: underline;
			}
			.wp-block-group.toc ul ul,
			.wp-block-group.toc ul ul ul {
				margin-left: 1em;
			}
		
@media screen and (min-width: 1397px) {
	#header_image {
		height: 300px;
	}
	body.home #header_image {
		height: 767px;
	}
}

	
@media screen and (max-width: 1820px) {
	#access ul li, 
	#access ul ul li,
	#access ul ul ul li {
		min-width: 175px; /* old browsers */
		min-width: 10.4vw; 
	}
		#access a, #access .sub-menu a {
			font-size: 16px; /* old browsers */
			font-size: 1vw; 
		}
				#access .sub-menu a {
					padding-top: 14px;
					padding-bottom: 14px;
				}

}

@media screen and (max-width: 1680px) {
	#access ul li, 
	#access ul ul li,
	#access ul ul ul li {
		min-width: 150px; /* old browser */
		min-width: 10.4vw; 
	}
		#access a, #access .sub-menu a {
			font-size: 14px; /* old browser */
			font-size 1vw; 
		}
				#access .sub-menu a {
					padding-top: 16px;
					padding-bottom: 16px;
				}
}

@media screen and (max-width: 1440px) {
	#access ul li, 
	#access ul ul li,
	#access ul ul ul li {
		min-width: 120px; /* old browsers */
		min-width: 10.4vw; 
	}
		#access a, #access .sub-menu a {
			font-size: 12px; /* old browser */
			font-size: 1vw; 
		}
}
			
			
@media screen and (max-width: 1280px) {
	body.logged-in #mini_loginout h3,
	#mini_loginout h3 {
		margin-right: -180px;
		width: 120px;
		overflow: hidden;
	}
	#access ul li, 
	#access ul ul li,
	#access ul ul ul li {
		min-width: 110px; /* old browsers */
		min-width: 10.4vw;
	}
	#supplementary #third {
		padding-left: 0px;
	}
	div.directory-card .dir-info {
		width: 50%;
	}
	div.directory-card .dir-contact {
		width: 50%;
	}
	/* HOME PAGE */
	.front-box p.excerpt a,
	.front-box .wp-block-button a {
		width: 70%;
		margin-left: -35%;
	}
	#middle_row p {
		font-size: 28px;
		line-height: 38px;
	}
}				
@media screen and (max-width: 1152px) {
#main {

}
	/* twentyeleven zeroes out margins for iPad */
	#primary {
	
	}
	.singular #content {
		
	}
		.singular .entry-title,
		.singular .entry-header .entry-meta {
			
		}
	/* FOOTER */		

					#supplementary h1, #supplementary h2,
					#supplementary h3, #supplementary h4 {
						font-size: 14px;
						padding: 0;
					}
					#supplementary #first {
						width: 98%;
						clear: both;
					}
						#first p {
							margin: -28px 48% 20px 5px;
							font-size: 14px;
						}
					#supplementary.three #second {
						width: 98%;
						padding: 0 66px;
					}
							#second aside.widget_text p,
							#second aside.widget p {
								font-size: 14px;
								line-height: 24px;
							}
					#supplementary #third {
						position: absolute;
						top: 75px;
						right: 0px;
						width: 48%;
						padding-left: 116px;
					}
						#third aside.widget_text {
							font-size: 14px;
							line-height: 14px;
						}
							#third p.social-link a::before {
								font-size: 24px;
							}
								#third p.social-link.linkedin a::before {
									font-size: 18px;
								}
		#site-generator p.copyright-notice {
			margin: 0 122px 12px 122px;
		}			
}
@media screen and (max-width: 1024px), screen and (orientation: landscape) and (max-height: 640px) {
	#branding::after {
		content: '';
		display: block;
		width: 100%;
		height: 50px;
		background-color: #7f2346;
	}
	#header_image::before {
		/* change to top-down fade */
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
	}
		#site-title {
			top: 0px;
			left: 50%;
			margin-left: -50%;
			height: 200px;
			width: 100%;
		}
		body.home #site-title {
			height: 275px;
		}
		#site-description {
			bottom: 65px;
			font-size: 46px;
			line-height: 52px;
		}
		#featured-image img,
		.wp-block-post-featured-image img,
		.tribe-events-event-image img {
			width: 50%;
		}
			.is-archive #featured-image,
			.wp-block-query .wp-block-post-template:not(.is-flex-container) .wp-block-post-featured-image {
				width: 50%;
			}
				.is-archive #featured-image img,
				.wp-block-query .wp-block-post-template:not(.is-flex-container) .wp-block-post-featured-image img {
					width: 100%;
				}
	/* Pure CSS Slide In Menu */
	#menubutton {
		position: absolute;
		top: 0;
		left: 0;
		width: 50px;
		height: 50px;
		margin-top: 3px;
		color: #2a3391;
		user-select: none;
		-webkit-user-select: none;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		z-index: 999999;
		cursor: pointer;
	}
			#menubutton::before {
				content: '\f333';
				font-family: 'dashicons';
				font-size: 36px;
				display: block;
				text-align: center;
				text-shadow: 1px 1px 2px white, -1px -1px 2px white, -1px 1px 2px white, 1px -1px 2px white;
			}
			#menubutton::after {
				content: 'Menu';
				font-size: 14px;
				display: block;
				text-align: center;
				margin-top: -20px;
				text-shadow: 1px 1px 2px white, -1px -1px 2px white, -1px 1px 2px white, 1px -1px 2px white;
			}
			#menubutton:hover::before,
			#menubutton:hover::after {
				color: #18988b;
			}
	#mini_loginout {
		right: 10px;
		top: 20px;
		height: 50px;
		width: 50px;
	}
		body.logged-in #mini_loginout h3,
		#mini_loginout h3 {
			display: none;
		}
		#mini_loginout span {
			width: 50px;
			height: 50px;
			background-color: transparent;
			border: none;
			border-radius: 0;
			float: none;
			margin-left: 0;
			display: block;
		}
			#mini_loginout span a {
				height: 50px;
				width:  50px;
				font-size: 14px;
				font-weight: normal;
				text-align: center;
				line-height: 64px;
				display: block;
				text-shadow: 1px 1px 2px white, -1px -1px 2px white, -1px 1px 2px white, 1px -1px 2px white;
			}
				#mini_loginout span:hover a {
					color: #18988b;
				}
				#mini_loginout span a::before {
					position: absolute;
					top: -22px;
					width: 100%;
					font-size: 24px;
					display: block;
				}
				body.logged-in #mini_loginout span a::before {
					content: '\f310';
				}
		#access {
			position: fixed !important;
			width: 235px !important;
			top: 0px;
			bottom: 0px;
			left: -260px;
			height: auto;
			float: none;
			padding-top: 56px;
			box-shadow: 10px 0 15px rgba(25,25,25,.5);
			overflow: auto;
			-webkit-overflow-scrolling: touch;
			transition-duration: .5s;
			display: block;
		}
			#menubutton:hover #access,
			#menubutton:focus #access {
				left: 0px;
			}
			#menubutton:target {
				background: red;
			}
			
		/* now fix the LI elements for a panel */
		#access ul {
			display: block;
		}
			#access ul li ul,
			#access ul li ul ul,
			#access ul li ul ul ul {
				display: block;
				position: relative;
				top:0;
				left:0;
				box-shadow: none;
				float: none;
				width: 100%;
			}
				#access ul li,
				#access ul ul li,
				#access ul ul ul li {
					border: none;
					float: none;
					display: block;
					width: 100%;
					height: auto;
					box-sizing: border-box;
				}
					#access ul li:last-of-type ul ul,
					#access ul li:last-of-type ul ul ul,
					#access ul li:nth-last-of-type(2) ul ul,
					#access ul li:nth-last-of-type(2) ul ul ul {
						left: 0%;
					}
					#access ul li:last-of-type,	
					#access ul ul li:first-of-type,
					#access ul ul li:last-of-type {
						border: none;
					}
						#access a, #access .sub-menu a {
							font-size: 18px;
							display: block;
							padding-left: 10px;
							min-height: 50px;
							text-align: left;
							border-bottom: 1px solid white;
							box-sizing: border-box;
						}	
							#access .sub-menu a {
								padding-left: 20px;
							}
								#access ul li ul ul .sub-menu a {
									padding-left: 30px;
								}
									#access ul li ul ul ul .sub-menu a {
										padding-left: 40px;
									}
							/* drop-arrow for sub-items if you like
								#access .sub-menu a::before {
									content: '\21b3';
									padding-right: 5px;
								}
							*/
							
	.singular .entry-meta .edit-link a,
	.one-column.singular .entry-meta .edit-link a {
		top: -97px;
		z-index: 10000;
	}

	#primary.front-page {
		padding: 12px 0;
	}
		.front-box .entry-title,
		.front-box .entry-title a,
		.front-box .front-widgets h2 {
			font-size: 18px;
			line-height: 24px;
		}	.front-box .list-header,
			.front-box ul,
			.front-box .widget ul {
				max-width: 90%;
			}
				.front-box ul li,
				.front-box .widget ul li {
					font-size: 14px;
					line-height: 16px;
					font-weight: normal;
				}
					.front-box .widget a {
						font-size: 14px !important;
						font-weight: normal;
					}
		.front-box p.excerpt,
		.front-box .wp-block-buttons {
			font-size: 14px;
			line-height; 24px;
		}
		.front-box p.excerpt a,
		.front-box .wp-block-button a {
			font-size: 16px !important;
			line-height: 28px;
			border-radius: 28px;
		}
		#front_bottom_left .big-calendar-icon::before {
			font-size: 72px;
			line-height: 72px;
		}
		#middle_row p {
			width: 80%;
		}

	
	#your-profile #edit_avatar {
		width: 70%;
		margin-left: -35%;
	}
	#your-profile .half label {
		width: 100%;
	}
		#your-profile .half.right label {
			padding: 0;
		}
	#your-profile .half input[type="text"],
	#your-profile .half input[type="password"],
	#your-profile .half input[type="number"],
	#your-profile .half input[type="tel"] {
		width: 95%;
	}
			.tribe-events .tribe-events-c-nav__prev-icon-svg,
			.tribe-events .tribe-events-c-nav__next-icon-svg {
				display: inline-block;
			}
	.wp-block-query ul.wp-block-post-template.is-flex-container[class*='columns-'] {
		gap: 1.25rem;
	}
	.wp-block-query .wp-block-post-template.is-flex-container.columns-4 > li,
	.wp-block-query .wp-block-post-template.is-flex-container.columns-5 > li,
	.wp-block-query .wp-block-post-template.is-flex-container.columns-6 > li  {
		width: calc(33.3333% - 1.5em);
	}
	
}
@media screen and (max-width: 810px) { /* iPad Pro breakpoint still captures regular iPad */
	.singlular #content {
		
	}

	#respond {
		width: 100%;
	}
	/* FOOTER */
		#first p {
			margin-right: 33%;
		}
		#site-generator p.copyright-notice {
			margin: 0 32px 12px 32px;
		}
	/* HOME PAGE */

		.front-page #content {
			display: block;
		}
			.front-box .entry-title,
			.front-box .entry-title a,
			.front-box .front-widgets h2 {
				font-size: 30px;
				line-height: 36px;
			}
			.front-box .frontpage-image {
				width: 70vw;
				height: 42vw;
			}
			.front-box p.excerpt a,
			.front-box .wp-block-button a {
				font-size: 18px !important;
				line-height: 36px;
				border-radius: 36px;
			}
			#middle_row p {
				letter-spacing: 2px;
			}
			#front_bottom_left .big-calendar-icon::before {
				font-size: 100px;
				line-height: 150px;
			}
	/* Archive and Search Pages */
	.is-archive .query-result .entry-title,
	.is-archive .query-result .entry-title a,
	.wp-block-query h2.wp-block-post-title,
	.wp-block-query h2.wp-block-post-title a {
		font-size: 16px;
		line-height: 24px;
	}
	.wp-block-query h2.wp-block-post-title a {
		top: 0px;
	}
	/* EVENTS CALENDAR PAGE */
	.post-type-archive-tribe_events .entry-title::before {
		text-align: center;
	}
	.tribe-events .tribe-events-c-events-bar__search-container {
		background-color: #eee;
		border: 1px solid #ccc;
		border-radius: 10px;
		box-shadow: 0 5px 10px rgba(0,0,0,.25);
	}
	.tribe-events .tribe-events-calendar-month__day-cell--selected, 
	.tribe-events .tribe-events-calendar-month__day-cell--selected:focus, 
	.tribe-events .tribe-events-calendar-month__day-cell--selected:hover {
		background-color: #2a3391;
	}
		.tribe-events .tribe-events-calendar-month__day-date-daynum {
			color: inherit;
		}
		.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
			background-color: #18988b;
		}
		
	.single-tribe_events header.entry-header {
		text-align: center;
	}
		.tribe-events-back {
			text-align: center;
		}
		/* Mobile Nav */
		.tribe-common .tribe-events-c-nav__list {
			margin-top: 20px !important;
		}
		.tribe-events .tribe-events-c-nav__prev,
		.tribe-events .tribe-events-c-nav__next {
			font-size: 14px !important;
			padding: 5px !important;
		}
			.tribe-events .tribe-events-c-nav__prev-icon-svg,
			.tribe-events .tribe-events-c-nav__next-icon-svg {
				display: inline-block;
			}
				.tribe-events .tribe-events-c-nav__prev-icon-svg path,
				.tribe-events .tribe-events-c-nav__next-icon-svg path {
					fill: #2a3391;
				}
				.tribe-events .tribe-events-c-nav__prev:focus .tribe-events-c-nav__prev-icon-svg path, 
				.tribe-events .tribe-events-c-nav__prev:hover .tribe-events-c-nav__prev-icon-svg path,
				.tribe-events .tribe-events-c-nav__next:focus .tribe-events-c-nav__next-icon-svg path, 
				.tribe-events .tribe-events-c-nav__next:hover .tribe-events-c-nav__next-icon-svg path {
					fill: #ffffff;
				}
			.tribe-common .tribe-events-c-nav__today {
				position: relative;
				top: 0;
				left: 0;
				width: 100px !important;
				height: 44px;
				line-height: 44px !important;
				margin: 0;
				border: 1px solid #2a3391;
				border-radius: 5px;
				color: #2a3391;
				text-align: center;
				background-color: transparent;
			}
				.tribe-common .tribe-events-c-nav__today:hover,
				.tribe-common .tribe-events-c-nav__today:focus {
					background-color: #2a3391;
					color: white;
				}
		
	/* Directory */
	table.directory-table th {
		display:none;
	}
	table.directory-table td {
		display: block;
		border-bottom: 1px dashed #ccc;
	}
	 why is this here? 
		table.directory-table .dir-specialties::before {
			content: 'Specialties:';
			display: block;
			font-weight: bold;
		}
			table.directory-table.private .dir-specialties::before {
				content: '';
			}
	
		table.directory-table .dir-location::before {
			content: 'Location:';
			display: block;
			font-weight: bold;
		}
			table.directory-table.private .dir-location::before {
				content: '';
			}
		table.directory-table .dir-contact::before {
			content: 'Phone/Email:';
			display: block;
			font-weight: bold;
		}
			table.directory-table.private .dir-contact::before {
				content: '';
			}
	
	table.directory-table tr td:nth-of-type(4),
	table.directory-table.profiles tr td:nth-of-type(3) {
		border-bottom: 5px solid #18988b;
		padding-bottom: 20px;
	}
		table.directory-table.private.profiles tr td:nth-of-type(3) {
			border-bottom: 1px dashed #ccc;
		}
	body.author table.directory-table td {
		width: auto;
		border-right: none;
		text-align: center;
	}
		body.author table.directory-table .avatar {
			float: none;
			margin: 0;
		}
		body.author table.directory-table td table td {
			text-align: center;
		}
			body.author table.directory-table .dir-about,
			body.author table.directory-table .dir-specialties {
				text-align: left;
			}
	
	
	
	div.directory-card .dir-info,
	div.directory-card.private .dir-info,
	body.author div.directory-card .dir-info {
		width: 100%;
	}
		body.author div.directory-card .dir-info .dir-about,
		body.author div.directory-card .dir-info .dir-specialties,
		body.author div.directory-card .dir-info ul {
			width: 100%;
		}
	div.directory-card .dir-contact,
	div.directory-card.private .dir-contact,
	body.author div.directory-card .dir-contact {
		width: 100%;
		border: none;
		padding: 0;
		border-top: 1px solid #ccc;
		padding-top: 20px;
	}
	body.author div.directory-card.private .dir-contact .dir-office,
	body.author div.directory-card.private .dir-contact .dir-personal {
		width: 50%;
		margin: 0;
	}
		body.author div.directory-card .dir-contact .address,
		body.author div.directory-card .dir-contact .dir-buttons {
			text-align: center;
		}
	div.directory-card .profile-pic {
		float: none;
		margin: 0 auto 20px auto;
	}
	div.directory-card .dir-name,
	div.directory-card .dir-credentials {
		width: auto;
		text-align: center;
	}
	body.author div.directory-card .dir-name {
		padding: 0;
	}
	#your-profile #edit_avatar {
		width: 90%;
		margin-left: -45%;
	}
	#your-profile .tr > label {
		width: 33%;
	}
	#your-profile .tr:first-of-type div:first-of-type {
		width: 66%;
	}
	
	.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] > li {
		width: calc( 50% - .75em );
	}

}
@media screen and (max-width: 640px) and (orientation: portrait) {
	#featured-image img, 
	.wp-block-post-featured-image img,
	.tribe-events-event-image img {
		width: 100%;
		float: none;
		margin: 24px auto 10px auto;
	}
	
	.is-archive #featured-image,
	.wp-block-query .wp-block-post-template:not(.is-flex-container) .wp-block-post-featured-image {
		width: 100%;
		float: none;
		margin: 24px auto 10px auto;
	}
		.is-archive #featured-image img,
		.wp-block-query .wp-block-post-template:not(.is-flex-container) .wp-block-post-featured-image img {
			margin: 0;
		}

	
		.wp-block-query .wp-block-post-excerpt {
			margin-left: 0px;
			padding: 0;
		}
		/* Cards Grid Layout */
		.wp-block-query ul.is-flex-container {
			display: block;
		}
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] > li {
				width: 100%;
			}
			.wp-block-query .wp-block-post-template.is-flex-container[class*='columns-'] .wp-block-post-excerpt p {
				font-size: 17px;
				line-height: 24px;
			}
}
@media screen and (max-width: 640px), screen and (orientation: landscape) and (max-height: 640px) {
	/* Header */
	body:not(.home) #branding {
		height: 50px;
		background-color: #7f2346;
	}
	body:not(.home) #site-title {
		height: 50px;
		background-image: url('images/MICPP_Logo_White_AppBar.png');
	}
	body:not(.home) #site-description {
		display: none;
	}
	body:not(.home) #header_image {
		height: 0;
		background-image: none;
		visibility: hidden;
	}
	#menubutton {
		top: -10px;
	}
	body:not(.home) #menubutton {
		color: white;
	}
		body:not(.home) #menubutton::before, 
		body:not(.home) #menubutton::after {
			text-shadow: none;
		}
		body:not(.home) #menubutton:hover::before, #menubutton:hover::after {
			color: gold;
		}
	#mini_loginout {
		top: 10px;
	}
		body:not(.home) #mini_loginout span a {
			color: white;
			text-shadow: none;
		}
		body:not(.home) #mini_loginout span:hover a {
			color: gold;
		}
		/* for Home Page Mobile */
	body.home #site-description {
		color: transparent;
		font-size: 0;
		width: 100px;
		height: 100px;
		left: 50%;
		margin-left: -50px;
		z-index: 1;
	}
		body.home #site-description a::before {
			content: 'more';
			color: white;
			font-size: 24px;
			display: block;
			position: absolute;
			width: 100%;
			bottom: 31px;
		}
		body.home #site-description a::after {
			content: '\f347';
			font-family: 'dashicons';
			color: white;
			font-size: 48px;
			display: block;
			position: absolute;
			width: 100%;
			bottom: 0px;
		}
			body.home #site-description:hover a::before,
			body.home #site-description:active a::before {
				bottom: 26px;
			}
			body.home #site-description:hover a::after,
			body.home #site-description:active a::after {
				bottom: -5px;
			}

	.singular .entry-header .entry-meta span.sep,
	.singular .entry-header .entry-meta span.by-author {
		display: none;
	}
	
	#content {
		padding-top: 20px;
	}
	
	.entry-title,
	.singular .entry-title, 
	.page-title {
		text-align: center;
	}
	.is-archive .entry-title,
	.wp-block-query h2.wp-block-post-title {
		text-align: left;
	}
	/* Hide everything after the colon of super-long titles */
	.singular .entry-header span.sub-title {
		display: none;
	}
	
	.singular .entry-header .entry-meta,
	.singular footer.entry-meta {
		font-size: 18px;
		line-height: 24px;
		margin: 24px 0;
		text-align: center;
	}
	.singular .entry-meta .edit-link a, 
	.one-column.singular .entry-meta .edit-link a {
		position: relative;
		top: 0px;
	}
	
	
	.tribe-events-page-title {
		text-align: center !important;
		margin-top: -85px !important;
	}
	
	body.author div.directory-card .dir-info ul {
		column-count: 1;
	}
	div.directory-card .dir-contact,
	div.directory-card.private .dir-contact,
	body.author div.directory-card .dir-contact {
		border: none;
		padding: 0;
	}
	div.directory-card .dir-contact .dir-office,
	div.directory-card.private .dir-contact .dir-office,
	div.directory-card.private .dir-contact .dir-personal,
	body.author div.directory-card .dir-contact .dir-office,
	body.author div.directory-card .dir-contact .dir-personal,
	body.author div.directory-card.private .dir-contact .dir-office,
	body.author div.directory-card.private .dir-contact .dir-personal {
		width: 100%;
		float: none;
		border-top: 1px solid #ccc;
		margin-top: 10px;
	}
		div.directory-card .dir-contact .address,
		div.directory-card.private .dir-contact .address {
			width: 100%;
			float: none;
			text-align: center;
		}
	div.directory-card .dir-contact .dir-buttons,
	div.directory-card.private .dir-contact .dir-buttons {
		width: 100%;
		float: none;
		text-align: center;
	}
	div.directory-card.private .dir-contact .dir-buttons .abutton,
	div.directory-card .dir-contact .dir-buttons .abutton {
		font-size: 24px;
		font-weight: normal;
		margin: 5px 0;
	}
	#your-profile .half {
		width: auto;
	}
	#your-profile .half.left {
		float: none;
	}
	#your-profile .half.right {
		float:none;
	}
	#your-profile .tr > label {
		width: 100%;
	}
	#your-profile .td,
	#your-profile .tr:first-of-type div:first-of-type {
		width: 100%;
	}
	#your-profile .td input[type="text"],
	#your-profile .td input[type="number"],
	#your-profile .td input[type="tel"],
	#your-profile .td input[type="email"],
	#your-profile .td input[type="password"] {
		width: 95%;
	}
	#your-profile .kmh-combobox {
		width: 97%;
	}
	#your-profile #change_password,
	#your-profile #cancel_password {
		display: block;
		float: none;
		margin: 0 auto;
	}
	
	#colophon #supplementary {
		padding: 18px;
	}
		#supplementary h1,
		#supplementary h2,
		#supplementary h3,
		#supplementary h4,
		.error404 .widgettitle,
		.search-no-results .widgettitle {
			font-size: 18px;
			line-height: 24px;
			text-align: center;
			display: table;
			margin: 0 auto;
		}
		#supplementary #first {
			padding: 0 24px;
		}
			#supplementary #first img {
				position: relative;
				margin: 0 auto;
				display: block;
			}
			#supplementary #first p {
				display: none;
			}
		#supplementary #second aside.widget_text,
		#supplementary #second aside.widget {
			width: 98%;
			padding-right: 0%;
			float: none;
			text-align: center;
		}
			#supplementary #second aside.widget_text p,
			#supplementary #second aside.widget p {
				font-size: 18px;
			}
		#supplementary #third {
			position: relative;
			top: auto;
			right: auto;
			width: 98%;
			padding: 10px 24px;
		}
			#supplementary #third::after {
				content: '';
				display: block;
				clear: both;
				padding-bottom: 10px;
			}
			#third aside:not(aside:first-of-type) {
				float: left;
				clear: none;
				width: 33%;
				text-align: center;
			}
		
		.widget select {
			margin: 0 auto;
			width: 80%;
			overflow: hidden;
		}
					
}
@media screen and (max-width: 480px) {	
	/* Home */
		.front-box .entry-title,
		.front-box .entry-title a,
		.front-box .front-widgets h2 {
			font-size: 24px;
			line-height: 24px;
		}
			.front-box .list-header,		
			.front-box ul,
			.front-box .widget ul {
				max-width: 90%;
			}
				.front-box ul li,
				.front-box .widget ul li {
					font-size: 14px;
					line-height: 16px;
					font-weight: normal;
				}
					.front-box .widget a {
						font-size: 14px !important;
						font-weight: normal;
					}
		.front-box p.excerpt,
		.front-box .wp-block-buttons {
			font-size: 14px;
			line-height; 24px;
		}
		.front-box p.excerpt a,
		.front-box .wp-block-button a {
			font-size: 16px !important;
			line-height: 36px;
			width: 80%;
			margin-left: -40%;
			border-radius: 36px;
		}
		#front_bottom_left .big-calendar-icon::before {
			font-size: 50px;
			line-height: 70px;
		}
		#middle_row p {
			width: 60%;
			font-size: 24px;
			line-height: 28px;
			letter-spacing: 0px;
		}
		
	/* small screen nav butons */
	.nav-previous a,
	.nav-next a,
	#content #nav-single a,
	#content .tribe-events-sub-nav a,
	#content .tribe-events-back a,
	.tribe-events .tribe-events-c-top-bar__nav-list-item a,
	.tribe-events .tribe-events-c-top-bar__nav-list-item button,
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next, 
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev,
	.tribe-events .tribe-events-c-nav__prev,
	.tribe-events .tribe-events-c-nav__next {
				min-width: 75px !important;
				border-radius: 5px;
				font-size: 14px !important;
				overflow: hidden;
		}
		.nav-previous a .meta-nav,
		.nav-next a .meta-nav,
		#content #nav-single a .meta-nav,
		#content .tribe-events-sub-nav a .meta-nav,
		#content .tribe-events-back a .meta-nav,
		.tribe-events .tribe-events-c-top-bar__nav-list-item a .meta-nav,
		.tribe-events .tribe-events-c-top-bar__nav-list-item button .meta-nav,
		.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next .meta-nav, 
		.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev .meta-nav,
		.tribe-events .tribe-events-c-nav__prev .meta-nav,
		.tribe-events .tribe-events-c-nav__next .meta-nav {
				display: none;
		}
		/* archive list view */
		.is-archive .query-result header.entry-header {
			margin-left: 88px;
		} 
		
		.is-archive .query-result div.entry-summary, .is-archive .query-result footer.entry-meta {
    		margin-left: 0px;
		}
	.wp-block-query li {
		padding-left: 0;
	}
	.wp-block-query h2.wp-block-post-title {
		margin-left: 88px;
	}
	
	/* Directory */
		
	div.directory-card.private .dir-contact .dir-buttons .abutton,
	div.directory-card .dir-contact .dir-buttons .abutton {
		width: 95%;
	}
	#your-profile #edit_avatar {
		width: 100%;
		margin-left: -50%;
	}
	
			#third .micpp-sharethis.label a.micpp-share span {
				display: block;
			}
				#third .micpp-sharethis.label a.micpp-share.linkedin span {
					top: 0px;
				}
	.lmpagination {
		height: auto;
	}
	.listmedia-buttons {
		margin-top: 0px;
	}
}
@media screen and (max-width: 400px) {
	/* when its really cramped let widows happen */
    .nowidow {
        white-space: normal;
    }
    #middle_row {
    	display: none;
    }
    .singular .entry-header,
    .singular .entry-title,
    .entry-title,
	.page-title {
		font-size: 36px !important;
		line-height: 36px;
	}
    .tribe-common .tribe-events-c-nav__today {
    	margin-top: 64px;
    }
    	
			#third .micpp-sharethis.label a.micpp-share span {
				display: none;
			}

    
}

@media (prefers-color-scheme: dark) {

.kmh-combobox div.boxes input[type="checkbox"]:checked + span.description {
	font-size: 1rem;
	color: black;
	background-color: white;
}
#featured-image img,
.wp-block-post-featured-image img,
.tribe-events-event-image img,
.tribe-events-calendar-list__event-featured-image-link img {
	background-color: #333;
}
	.is-archive #featured-image,
	.wp-block-query .wp-block-post-template:not(.is-flex-container) .wp-block-post-featured-image {
		border-color: #333;
	}

.tooltip .tooltiptext {
  background-color: #ccc;
  color: #000;
}

.tooltip .tooltiptext::after {
	border-color: #ccc transparent transparent transparent;
}
.front-box .front-widgets h2 {
	color: #18988b;
}
	body {
		background: #1d1d1d;
		color: #bbb;
	}
	#page {
		background: #0f0f0f;
	}

	/* Headings */
	hr {
		background-color: #333;
	}

	/* Text elements */
	blockquote cite {
		color: #999;
	}
	pre {
		background: #0b0b0b;
	}
	code, kbd {
		font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	}
	abbr, acronym, dfn {
		border-bottom: 1px dotted #999;
	}
	ins {
		background: #00063f;
	}
	input[type=text],
	input[type=password],
	input[type=email],
	input[type=url],
	input[type=number],
	input[type=tel],
	textarea {
		border: 1px solid #666 !important;
		color: inherit !important;
	}
	input#s {
		background-color: #ddd;
	}

	/* Links */
	a {
	}


	/* =Header
	----------------------------------------------- */

	#branding {
		border-top: 2px solid #0a0a0a;
	}
	#site-title a {
		color: #eee;
	}
	#site-title a:hover,
	#site-title a:focus,
	#site-title a:active {
	}
	#site-description {
		color: #858585;
	}
	#branding #s {
		background-color: #ddd;
	}


	/* =Menu
	----------------------------------------------- */

	#access {
		background: #333; /* Show a solid color for older browsers */
		background: -moz-linear-gradient(#383838, #272727);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#383838), to(#272727)); /* older webkit syntax */
		background: -webkit-linear-gradient(#383838, #272727);
		border-bottom: 1px solid #222;
	}

	/* =Content
	----------------------------------------------- */

	.page-title {
		color: #18988b;
	}
	.hentry {
		border-color: #222;
	}
	.entry-title {
		color: #ddd;
	}
	.entry-title,
	.entry-title a {
		color: #ddd;
	}
	.entry-title a:hover,
	.entry-title a:focus,
	.entry-title a:active {
	}
	.entry-meta {
		color: #999;
	}
	.entry-content h1,
	.entry-content h2,
	.comment-content h1,
	.comment-content h2 {
		color: #fff;
	}
	.entry-content table,
	.comment-content table {
		border-color: #222;
	}
	.entry-content th,
	.comment-content th {
		color: #999;
	}
	.entry-content td,
	.comment-content td {
		border-color: #222;
	}
	.page-link {
	}
	.page-link a {
		background: #242424;
		color: #bbb;
	}
	.page-link a:hover {
		background: #999;
		color: #000;
	}
	.entry-meta .edit-link a {
		background: #242424;
		color: #bbb;
	}
	.entry-meta .edit-link a:hover,
	.entry-meta .edit-link a:focus,
	.entry-meta .edit-link a:active {
		background: #999;
		color: #000;
	}

	/* Images */
	.wp-caption {
		background: #2c2c2c;
	}
	.wp-caption .wp-caption-text {
		color: #999;
	}
	.wp-caption .wp-caption-text:before {
		color: #999;
	}

	/* Image borders */
	img[class*="wp-image-"],
	#content .gallery .gallery-icon img {
		border-color: #2c2c2c;
	}
	.wp-caption img {
		border-color: #2c2c2c;
	}
	a:focus img[class*="wp-image-"],
	a:hover img[class*="wp-image-"],
	a:active img[class*="wp-image-"] {
		background: #2c2c2c;
		border-color: #444;
	}
	.wp-caption a:focus img,
	.wp-caption a:active img,
	.wp-caption a:hover img {
		background: #0f0f0f;
		border-color: #2c2c2c;
	}

	/* Password Protected Posts */
	.post-password-required input[type=password] {
		background: #ddd;
	}
	.post-password-required input[type=password]:focus {
		background: #fff;
	}

	/* Author Info */
	.singular #author-info {
		background: #060606;
		border-color: #222;
	}
	.archive #author-info {
		border-color: #222;
	}
	#author-avatar img {
		background: #000;
		-webkit-box-shadow: 0 1px 2px #444;
		-moz-box-shadow: 0 1px 2px #444;
		box-shadow: 0 1px 2px #444;
	}
	#author-description h2 {
		color: #fff;
	}
	div.directory-card.profiles .dir-specialties.truncated::after, 
	table.directory-table.profiles .dir-specialties.truncated::after {
		box-shadow: inset 0 -20px 20px #111;
	}

	/* Comments link */
	.entry-header .comments-link a {
		background: #282828 url(../images/comment-bubble-dark.png) no-repeat;
		border-color: #222;
		color: #888;
	}

	.rtl .entry-header .comments-link a {
		background-image: url(../images/comment-bubble-dark-rtl.png);
	}
	/* Singular content styles for Posts and Pages */
	.singular .entry-title,
	.singular .entry-header .entry-meta {
		color: #18988b;
	}


	/* =Status
	----------------------------------------------- */

	.format-status img.avatar {
		-webkit-box-shadow: 0 1px 2px #333;
		-moz-box-shadow: 0 1px 2px #333;
		box-shadow: 0 1px 2px #333;
	}


	/* =Quote
	----------------------------------------------- */

	.format-quote blockquote {
		color: #aaa;
	}


	/* =Image
	----------------------------------------------- */

	.indexed.format-image .wp-caption {
		background: #242424;
	}
	.indexed.format-image .entry-meta .edit-link a {
		color: #ddd;
	}
	.indexed.format-image .entry-meta .edit-link a:hover {
		color: #fff;
	}


	/* =error404
	----------------------------------------------- */
	.error404 #main #searchform,
	.search   #main #searchform {
		background: #060606;
		border-color: #222;
	}


	/* =Showcase
	----------------------------------------------- */

	h1.showcase-heading {
		color: #ccc;
	}

	/* Intro */
	article.intro {
		background: #060606;
	}
	article.intro .entry-content {
		color: #eee;
	}
	article.intro .edit-link a {
		background: #555;
		color: #000;
	}
	article.intro .edit-link a:hover {
		background: #888;
	}

	/* Featured post */
	section.featured-post .hentry {
		color: #999;
	}

	/* Small featured post */
	section.featured-post .attachment-small-feature {
		border-color: #444;
	}
	section.featured-post .attachment-small-feature:hover {
		border-color: #777;
	}
	article.feature-image.small .entry-summary {
		color: #aaa;
	}
	article.feature-image.small .entry-summary p a {
		background: #ddd;
		color: #111;
	}
	article.feature-image.small .entry-summary p a:hover {
		color: #40220c;
	}

	/* Large featured post */
	article.feature-image.large .entry-title a {
		background: #ddd;
		background: rgba(0,0,0,0.8);
		color: #fff;
	}
	section.feature-image.large:hover .entry-title a,
	section.feature-image.large .entry-title:hover a {
		background: #111;
		background: rgba(255,255,255,0.8);
		color: #000;
	}
	section.feature-image.large img {
		border-bottom: 1px solid #222;
	}

	/* Featured Slider */
	.featured-posts {
		border-color: #222;
	}
	.featured-posts section.featured-post {
		background: #000;
	}
	.featured-post .feature-text:after,
	.featured-post .feature-image.small:after {
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
	}
	.feature-slider a {
		background: #c3c3c3;
		background: rgba(60,60,60,0.9);
		-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
		-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
		box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	}
	.feature-slider a.active {
		background: #000;
		background: rgba(255,255,255,0.8);
		-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
		-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
		box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	}

	/* Recent Posts */
	section.recent-posts .other-recent-posts {
		border-color: #222;
	}
	section.recent-posts .other-recent-posts .entry-title {
		border-color: #222;
	}
	section.recent-posts .other-recent-posts a[rel="bookmark"] {
		color: #ccc;
	}
	section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
	}
	section.recent-posts .other-recent-posts .comments-link a,
	section.recent-posts .other-recent-posts .comments-link > span {
		border-color: #959595;
		color: #bbb;
	}
	section.recent-posts .other-recent-posts .comments-link > span {
		border-color: #444;
		color: #777;
	}
	section.recent-posts .other-recent-posts .comments-link a:hover {
	}


	/* =Attachments
	----------------------------------------------- */

	.image-attachment div.attachment {
		background: #060606;
		border-color: #222;
	}
	.image-attachment div.attachment a img {
		border-color: #060606;
	}
	.image-attachment div.attachment a:focus img,
	.image-attachment div.attachment a:hover img,
	.image-attachment div.attachment a:active img {
		border-color: #2c2c2c;
		background: #0f0f0f;
	}


	/* =Widgets
	----------------------------------------------- */

	.widget-title {
		color: #ccc;
	}
	.widget ul li {
		color: #888;
	}

	/* Search Widget */
	.widget_search #searchsubmit {
		background: #222;
		border-color: #333;
		-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
		-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
		box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
		color: #777;
	}
	.widget_search #searchsubmit:active {
		-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
		box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
		color: #40220c;
	}

	/* Calendar Widget */
	.widget_calendar #wp-calendar {
		color: #aaa;
	}
	.widget_calendar #wp-calendar th {
		background: #0b0b0b;
		border-color: #333;
	}
	.widget_calendar #wp-calendar tfoot td {
		background: #0b0b0b;
		border-color: #333;
	}
	
	/* Post/Archive Nav Buttons */
	#content #nav-single a,
	#content .tribe-events-sub-nav a,
	#content .tribe-events-back a {
		color: #18998b;
		border-width: 2px;
		padding: 4px 19px;
	}
	.is-archive .query-result .entry-title,
	.is-archive .query-result .entry-title a,
	.wp-block-query h2.wp-block-post-title a {
		color: inherit;
	}
					.is-archive .query-result .entry-title a:hover,
					.is-archive .query-result .entry-title a:focus,
					.wp-block-query h2.wp-block-post-title a:hover,
					.wp-block-query h2.wp-block-post-title a:focus {
						border-color: rgb(187, 187, 187);
					}
					
				.is-archive .date-box *,
				.wp-block-query .wp-block-post-date * {
					color: rgb(187, 187, 187) !important;
				}
	/* EVENTS CALENDAR */
	.post-type-archive-tribe_events .entry-title::before {
		color: #18988b;
	}
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border {
		border-color: #666;
		background-color: #333 !important;
	}
		.tribe-events .tribe-events-c-events-bar__search-container {
			background-color: #333;
			border-color: #666;
		}
			.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input {
				color: white;
			}
				.tribe-events .tribe-events-c-search__button {
					border: 1px solid #18988b;
				}
					.tribe-events .tribe-events-c-search__button:focus, 
					.tribe-events .tribe-events-c-search__button:hover {
						background-color: darkBlue;
					}
	

	.tribe-events .tribe-events-calendar-month__day-cell--mobile:focus, 
	.tribe-events .tribe-events-calendar-month__day-cell--mobile:hover {
		background-color: #222;
	}
	/* Calendar Datepicker */
	.tribe-events .datepicker {
		border-color: #666;
		background-color: #333;
	}
		.tribe-events .datepicker .datepicker-switch {
			color: white;
		}
			.tribe-events .datepicker .month,
			.tribe-events .datepicker .year {
				color: white;
			}
				.tribe-events .datepicker .past {
					color: #ccc;
				}

		/* datepicker arrows */
		.tribe-events .datepicker .next .tribe-events-c-top-bar__datepicker-nav-icon-svg path, 
		.tribe-events .datepicker .prev .tribe-events-c-top-bar__datepicker-nav-icon-svg path {
			filter: invert(1);
		}
				.tribe-events .datepicker .day.focused, 
				.tribe-events .datepicker .day:focus, 
				.tribe-events .datepicker .day:hover, 
				.tribe-events .datepicker .month.focused, 
				.tribe-events .datepicker .month:focus, 
				.tribe-events .datepicker .month:hover, 
				.tribe-events .datepicker .year.focused, 
				.tribe-events .datepicker .year:focus, 
				.tribe-events .datepicker .year:hover,
				.tribe-events .datepicker .datepicker-switch:active, 
				.tribe-events .datepicker .datepicker-switch:focus, 
				.tribe-events .datepicker .datepicker-switch:hover, 
				.tribe-events .datepicker .next:active, 
				.tribe-events .datepicker .next:focus, 
				.tribe-events .datepicker .next:hover, 
				.tribe-events .datepicker .prev:active, 
				.tribe-events .datepicker .prev:focus, 
				.tribe-events .datepicker .prev:hover {
					background-color: #222;
					color: white;
				} 
						.tribe-events .datepicker .next:active .tribe-events-c-top-bar__datepicker-nav-icon-svg path, 
						.tribe-events .datepicker .next:focus .tribe-events-c-top-bar__datepicker-nav-icon-svg path, 
						.tribe-events .datepicker .next:hover .tribe-events-c-top-bar__datepicker-nav-icon-svg path, 
						.tribe-events .datepicker .prev:active .tribe-events-c-top-bar__datepicker-nav-icon-svg path, 
						.tribe-events .datepicker .prev:focus .tribe-events-c-top-bar__datepicker-nav-icon-svg path, 
						.tribe-events .datepicker .prev:hover .tribe-events-c-top-bar__datepicker-nav-icon-svg path {
							fill: white;
						}
	
	.single-tribe_events .tribe-blocks-editor .tribe-events-schedule .tribe-events-schedule__datetime,
	.single-tribe_events .tribe-blocks-editor .tribe-events-schedule .tribe-events-schedule__time--start,
	.single-tribe_events .tribe-blocks-editor .tribe-events-schedule .tribe-events-schedule__time--end {
		color: white;
	}	
	
	.tribe-events .tribe-events-calendar-month__day .tribe-events-calendar-month__day-date {
		color: white;
	}
		.tribe-events .tribe-events-calendar-month__day-date-daynum {
			color: inherit;
		}
		/* calendar today */
		.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, 
		.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {
			color: #7f2346;
			text-shadow: 1px 1px 0px black, -1px 1px 0 black, 1px -1px 0px black, -1px -1px 0 black;
		}
			.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link:focus,
			.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link:hover {
				color: #6f002a;
			}
		/* calendar day with event(s) */
		.tribe-events .tribe-events-calendar-month__day-date-link {
			color: #18988b;
		}
			.tribe-events .tribe-events-calendar-month__day-date-link:focus, 
			.tribe-events .tribe-events-calendar-month__day-date-link:hover {
				color: teal;
			}
		.tribe-events .tribe-events-calendar-month__calendar-event-title-link, 
		.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link {
			color: #18988b;
		}
			.tribe-events .tribe-events-calendar-month__calendar-event-title-link:hover {
				color: teal;
			}

		#content #nav-single a, 
		#content .tribe-events-sub-nav a, 
		#content .tribe-events-back a, 
		.tribe-events .tribe-events-c-top-bar__nav-list-item a, 
		.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next, 
		.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev {
    		color: #18998b;
    	}
    	/* events list below calendar */
    	.tribe-events .tribe-events-calendar-month-mobile-events__mobile-day--show *,
    	.tribe-events .tribe-events-calendar-month-mobile-events__mobile-day--show *:hover {
    		color: inherit;
    	}
    .single-tribe_events header.entry-header::before {
    	color: #18998b;
    }
    	.single-tribe_events .tribe-events-event-meta {
    		background: transparent;
    	}
    	.single-tribe_events .tribe-blocks-editor .tribe-events-single-event-title {
    		color: inherit;
    	}
		.tribe-block.tribe-block__event-price * {
			color: inherit;
		}
		.tribe-common .tribe-common-c-svgicon,
		.tribe-block__events-link .tribe-block__btn--link::before {
			filter: invert(1);
		}
			.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__content {
				background-color: #333;
				border-color: #666;
			}
				.tribe-events .tribe-events-c-view-selector__list-item-text {
					color: white;
				}
				.tribe-events .tribe-events-c-view-selector__list-item-link:focus .tribe-events-c-view-selector__list-item-text, 
				.tribe-events .tribe-events-c-view-selector__list-item-link:hover .tribe-events-c-view-selector__list-item-text {
					color: #ccc;
				}
		.tribe-events-calendar-list * {
			color: inherit !important;
		}
			.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address,
			.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__phone,
			.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__website {
				color: white;
			}
				/* Export Events Buton */
		.tribe-events .tribe-events-c-ical__link, 
		.tribe-events .tribe-events-c-ical__link:visited {
			color: #18988b;
			border-color: #18988b;
			background-color: transparent;
		}
			.tribe-events .tribe-events-c-ical__link-icon-svg {
				color: red;
			}
			.tribe-events .tribe-events-c-ical__link:active, 
			.tribe-events .tribe-events-c-ical__link:focus, 
			.tribe-events .tribe-events-c-ical__link:hover {
				color: black;
				background-color: #18988b;
			}
				.tribe-events .tribe-events-c-ical__link:active .tribe-events-c-ical__link-icon-svg, 
				.tribe-events .tribe-events-c-ical__link:focus  .tribe-events-c-ical__link-icon-svg, 
				.tribe-events .tribe-events-c-ical__link:hover  .tribe-events-c-ical__link-icon-svg {
					color: white;
				}
	#tribe-events-footer::after, 
	#tribe-events-footer::before, 
	#tribe-events-header::after, 
	#tribe-events-header::before {
    background-color: #333;
    }
    	#tribe-events .tribe-events-button,
		.tribe-events-button {
			border: 1px solid #18998b;
			color: #18998b;
		}
			#tribe-events .tribe-events-button:hover,
			.tribe-events-button:hover {
				background-color: #18998b;
				color: black;
			}
		
		/* month view TODAY button */
		.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button {
			border-color: #18988b;
			color: #18988b;
		}

		/* month view drop-list arrow */
		.tribe-events .tribe-events-c-top-bar__datepicker-button-icon-svg path {
			filter: invert(1);
		}
	
	/* Media List / List Media Plugins */
	.lm-item-lm-default {
		color: #ccc;
	}
	a.lm-item::after {
		color: #999;
	}
	
	/* KMH COURSES PAGES */
		#kmh_course_outline_panel {
			background-color: darkslategray;
		}
			#kmh_course_outline_panel a {
				color: lightblue;
			}	
	

	/* =Comments
	----------------------------------------------- */

	#comments-title {
		color: #bbb;
	}
	.nocomments {
		color: #555;
	}
	.commentlist > li.comment {
		background: #090909;
		border-color: #222;
	}
	.commentlist .children li.comment {
		background: #000;
		border-color: #222;
	}
	.rtl .commentlist .children li.comment {
		border-color: #222;
	}
	.comment-meta {
		color: #999;
	}
	.commentlist .avatar {
		-webkit-box-shadow: 0 1px 2px #222;
		-moz-box-shadow: 0 1px 2px #222;
		box-shadow: 0 1px 2px #222;
	}
	a.comment-reply-link {
		background: #242424;
		color: #bbb;
	}
	li.bypostauthor a.comment-reply-link {
		background: #111;
	}
	a.comment-reply-link:hover,
	a.comment-reply-link:focus,
	a.comment-reply-link:active,
	li.bypostauthor a.comment-reply-link:hover,
	li.bypostauthor a.comment-reply-link:focus,
	li.bypostauthor a.comment-reply-link:active {
		background: #999;
		color: #000;
	}
	.commentlist > li:before {
		content: url(../images/comment-arrow-dark.png);
	}
	.rtl .commentlist > li:before {
		content: url(../images/comment-arrow-dark-rtl.png);
	}

	/* Post author highlighting */
	.commentlist > li.bypostauthor {
		background: #222;
		border-color: #2c2c2c;
	}
	.commentlist > li.bypostauthor:before {
		content: url(../images/comment-arrow-bypostauthor-dark.png);
	}
	.rtl .commentlist > li.bypostauthor:before {
		content: url(../images/comment-arrow-bypostauthor-dark-rtl.png);
	}

	/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
		background: #222;
		border-color: #2c2c2c;
	}
	.commentlist > li.bypostauthor .comment-meta {
		color: #a8a8a8;
	}

	/* Comment Form */
	#respond {
		background: #222;
		border-color: #2c2c2c;
	}
	#respond input[type="text"],
	#respond textarea {
		background: #000;
		border: 4px solid #111;
		-webkit-box-shadow: inset 0 1px 3px rgba(51,51,51,0.95);
		-moz-box-shadow: inset 0 1px 3px rgba(51,51,51,0.95);
		box-shadow: inset 0 1px 3px rgba(51,51,51,0.95);
		color: #bbb;
	}
	#respond .comment-form-author label,
	#respond .comment-form-email label,
	#respond .comment-form-url label,
	#respond .comment-form-comment label {
		background: #111;
		-webkit-box-shadow: 1px 2px 2px rgba(51,51,51,0.8);
		-moz-box-shadow: 1px 2px 2px rgba(51,51,51,0.8);
		box-shadow: 1px 1px 2px rgba(51,51,51,0.8);
		color: #aaa;
	}
	.rtl #respond .comment-form-author label,
	.rtl #respond .comment-form-email label,
	.rtl #respond .comment-form-url label,
	.rtl #respond .comment-form-comment label {
		-webkit-box-shadow: -1px 2px 2px rgba(51,51,51,0.8);
		-moz-box-shadow: -1px 2px 2px rgba(51,51,51,0.8);
		box-shadow: -1px 1px 2px rgba(51,51,51,0.8);
	}
	#respond .comment-form-author .required,
	#respond .comment-form-email .required {
		color: #42caff;
	}
	#respond input#submit {
		background:#7f2346;
		-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
		box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
		color: #eee;
		text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
		border: 2px solid #666;
	}
	#respond input#submit:active {
		color: #40220c;
	}
	#respond #cancel-comment-reply-link {
		color: #999;
	}
	#reply-title {
		color: #ccc;
	}
	#cancel-comment-reply-link {
		color: #777;
	}
	#cancel-comment-reply-link:focus,
	#cancel-comment-reply-link:active,
	#cancel-comment-reply-link:hover {
		color: #00b4cc;
	}


	/* =Footer
	----------------------------------------------- */

	#supplementary {
		border-color: #222;
	}

	/* Site Generator Line */
	#site-generator {
		background: #060606;
		border-color: #000;
	}

}
	/* =Print
	----------------------------------------------- */

	@media print {
		body {
			color: #333;
			background: none !important;
		}
		#page {
			background: none !important;
		}
			#branding {
				display: none;
			}
			#colophon {
				display: none;
			}

		/* Comments */
		.commentlist > li.comment {
		}

		/* Post author highlighting */
		.commentlist > li.bypostauthor {
			color: #333;
		}
		.commentlist > li.bypostauthor .comment-meta {
			color: #959595;
		}
		.commentlist > li:before {
			content: none !important;
		}

		/* Post Author threaded comments */
		.commentlist .children > li.bypostauthor {
			background: #fff;
			border-color: #ddd;
		}
		.commentlist .children > li.bypostauthor > article,
		.commentlist .children > li.bypostauthor > article .comment-meta {
			color: #959595;
		}
		/* directories */
		div.author-search {
			display: none;
		}
		.tooltip {
			color: inherit;
			border-color: transparent;
			text-decoration: none;
		}
		div.directory-card .dir-contact .abutton.email.tooltip,
		div.directory-card .dir-contact .abutton.website.tooltip {
			background: transparent;
			border: transparent;
			color: transparent;
		}
			div.directory-card .dir-contact .abutton.email.tooltip .tooltiptext,
			div.directory-card .dir-contact .abutton.website.tooltip .tooltiptext {
				visibility: visible;
				color: black;
				opacity: 1;
				top: 0;
				background: transparent;
				box-shadow: none;
				white-space: normal;
				word-break: break-word;
				width: 100%;
				line-height: 14px;
				text-align: left;
			}
				div.directory-card .dir-contact .abutton.email.tooltip .tooltiptext::after,
				div.directory-card .dir-contact .abutton.website.tooltip .tooltiptext::after {
					visibility: hidden;
				}
			div.directory-card .dir-contact .abutton.phone {
				background: transparent;
				border-color: transparent;
				color: black;
				text-align: left;
			}
				div.directory-card .dir-contact .abutton.phone::before {
					display: none;
				}
			
	}


@media only screen and (-webkit-min-device-pixel-ratio: 2),
	   only screen and (   min--moz-device-pixel-ratio: 2),
	   only screen and (     -o-min-device-pixel-ratio: 2/1),
	   only screen and (        min-device-pixel-ratio: 2),
	   only screen and (              min-resolution: 192dpi),
	   only screen and (              min-resolution: 2dppx) {
	   
	#header_image {
		background-image: url('images/headers/bridge_4K.jpg');
	}	   
	   
}