* {
	font-family:'Playfair Display';
	margin:0;
	padding:0;
}

a#skipToMainContent {
	position:absolute;
	top:-1000000px;
	color:white;
	background-color:black;
}
a#skipToMainContent:focus {
	top:0px;
}

a#skipToBottomLinks {
	position:absolute;
	top:-1000000px;
	color:white;
	background-color:black;
}
a#skipToBottomLinks:focus {
	top:0px;
}
body {
	margin: 0;
	padding: 0;
	background-color:#22434a;
}
h1 {
	font-weight:400;
	margin-bottom:1em;
}
h2 {
	font-weight:400;
	margin-bottom:1em;
}
p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom:1em;
}
blockquote {
	margin:2em;
}
a:visited,
a:active,
a {
	text-decoration:none;
	color:white;
}

#main {
	background-color:white; 
}

#titleblock {
	background-color:#f87855;
}
#titleblock div.logo {
	width:100px;
	padding:5px 0 0 5px; 
}
#titleblock div.logo img {
	width:100px;
}

#titleblock span {
	font-family: 'Playfair Display';
	font-weight: 400;
	color:#2e2b01;
	font-size: 24px;
	text-align: center;
	display:block;
}






#top-nav {
	padding:0;			
	margin:0 1em 0 1em; 
}
#top-nav {
	text-align:center;
}
#top-nav li {
	display:inline;
	font-size: 1em;				
}
#top-nav li a {
	display:inline-block;
}
#top-nav li.current {
}
#top-nav li:hover a div {
	background-color:rgba(255,255,255,.3);
}
#top-nav li.current:hover a div,
#top-nav li.current a div {
	background-color:rgba(255,255,255,.5);
}
@media only screen and (min-width : 769px) {	
	#top-nav li {
		width:80px;
		margin:0 15px;
	}
	#top-nav li a div {
		width:80px;
		border-radius:40px;
	}		
	#top-nav li a div img {
		width:80px;
		height:80px;
	}
	#titleblock div.logo {
		position:absolute;
		top:30px;
	}
}
@media only screen and (max-width : 768px) {	
	#top-nav li {
		width:48px;
		margin:0 6px;
		text-decoration:none;
	}
	#top-nav li a div {
		width:48px;
		border-radius:24px;
	}
	#top-nav li a div img {
		width:48px;
		height:48px;
	}
	#titleblock div.logo {
		position:absolute;
		top:15px;
	}
}









#bottom-nav {
	text-align:center;
}
#bottom-nav ul {
	padding:0;
	margin:1.5em;				
}
#bottom-nav ul li {
	display:inline;				
	padding-bottom: 3px;
	margin:0px 3px;
	transition:background-color .25s ease-in-out;
	border-radius:4px;
	font-size: 16px;
	font-family: 'Playfair Display';
}
#bottom-nav ul li a:active,
#bottom-nav ul li a:visited,
#bottom-nav ul li a {
	padding:1em;
	color:#ddd;
}
#bottom-nav ul li a:hover {
	color:white;
}
div.clear {
	clear:both;
}
div.copyright {
	color:#ddd; /*#777;*/
	padding:3em;			
	text-align:center;
}

#bottom-nav ul li:hover a span {
	border-bottom:2px solid rgba(255,255,255,.15);	
}

#bottom-nav ul li.current a span {
	border-bottom: 2px solid #1de9b6;
}
#bottom-green-line {
	border-bottom: 3px solid #35BE91;
}




#galleryblock {
  margin: 30px 0px;
}

#contentblock {
	position:relative;
}
#contentblock a:active,
#contentblock a:hover,
#contentblock a:link,
#contentblock a {
	color: #1d6d52; /*#35BE91;*/
}
#contentblock.detail {
}
#contentblock.detail div.content {
}
#contentblock.detail div.work-meta div.inner {
	padding-left:1em;
}
#contentblock.detail div.work-meta h1 {
	text-align:left;
	margin-bottom: .5em;
}
#contentblock.detail div.work-meta p {
  margin-bottom: .5em;
}
#contentblock.detail div.work-meta table th {
	text-align:left;
	font-weight:500;
}
#contentblock.detail div.work-meta table td {
	padding-left:.25em;
	font-style: italic;
}




table.resume tr {
	margin-bottom:5px;
}
table.resume td {
	vertical-align:top;
	padding-bottom: 10px;
	text-indent: -2em;
	padding-left: 2em;
}
table.resume:first-child tr:first-child td:first-child {
	width: 60px;
}



@media only screen and (min-width : 769px) {	
	#top-nav li {
		width:80px;
		margin:0 15px;
	}
	#top-nav.sm {
		display:none;
	}
	#titleblock div.logo {
		position:absolute;
		top:30px;
	}
}
@media only screen and (max-width : 768px) {	
	#top-nav li {
		width:48px;
		margin:0 6px;
		text-decoration:none;
	}
	#top-nav.lg {
		display:none;
	}
	#titleblock div.logo {
		position:absolute;
		top:15px;
	}
}

@media only screen and (min-width : 601px) {	

	#contentblock {
		padding:1em 6em 2em 6em;
		max-width:700px;
		margin: auto;
	}
	#contentblock.detail div.work-meta div.inner {
		padding-bottom:2em;
	}
	#titleblock {
    padding-bottom: 1em;
    padding-top: 1em;			
	}

}


@media only screen and (max-width : 600px) {		
	#titleblock {
		padding-bottom: 10px;
	}
	#titleblock div.logo {
		position:relative;
		top:0px;
		margin:auto;

	}
	#titleblock div.logo {
		width:80px;
	}
	#titleblock div.logo img {
		width:80px;
	}	
	#contentblock {
		padding:1em;
	}		
	table.resume:first-child tr:first-child td:first-child {
		width: 30px;
	}			
	#bottom-nav ul li {
		display: block;
		padding: 15px;			
		font-size: 16px;
		font-family: 'Playfair Display';
	}	
	#bottom-nav ul li span {
		/*border-bottom:2px solid rgba(255,255,255,.15);	*/
	}



}









#galleriesblock { 
	background-color:#fff;
	margin:40px 0px;
}
#galleriesblock div.content {
	/*width:910px;*/
		max-width:1000px;

	margin:auto;
}
#galleriesblock div.gal {
}
#galleriesblock div.gal.hero {
	max-width:650px;
	margin:auto;
	margin-bottom: 25px;
}
#galleriesblock div.roundedimage{
	height:200px;
	width:200px;
	position:relative;    
	border-radius:100%;
	overflow:hidden;
	margin-right:50px;
}
#galleriesblock div.roundedimage img{
	position:absolute;
	left:-50%; right:-50%; top:0;
	margin:auto;
	height:100%; width:auto;
}

#galleriesblock div.sidekicks {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

#galleriesblock div.gal.sidekick {
	border-top: 1px solid #1d6d52; /*#35BE91;*/
	padding-top: 15px;
	margin: 20px;		
}		
#galleriesblock div.gal.sidekick img {
	margin-right:15px;
	width:125px;
	height:auto;
}

#galleriesblock div.gal div.con {
	display: flex;
}		
#galleriesblock div.gal.hero div.con div.item2 {
	padding-top:20px;
}

#main a {			
	color: #1d6d52; /*#35BE91;*/
	font-family: "Open Sans";
}
#main a:hover {
	color: #35BE91; /*#2B9974;*/
}
a.ulink, a.ulink:visited, a.ulink:active {
	font-size:16px;
	text-transform: uppercase;
	font-weight:700;
	border-bottom: 2px solid #1d6d52; /*#35BE91;*/
}
a.ulink:hover {
	border-bottom: 2px solid #35BE91;
}

@media only screen and (min-width : 720px) {	
	#galleriesblock div.gal.sidekick {
		max-width:300px;
	}	
}
@media only screen and (min-width : 950px) {	
	#galleriesblock div.gal.sidekick {
		max-width:420px;
	}	
}

@media only screen and (min-width : 601px) {	
	#galleriesblock div.gal.hero {
		padding:20px;
	}
}

@media only screen and (max-width : 600px) {	
	.gal.hero div.con {
		justify-content:center;
		flex-direction:column;		
	}
	#galleriesblock div.sidekicks {
		flex-direction:column;
	}
	#galleriesblock div.gal.sidekick {
	}
	#galleriesblock div.roundedimage {
		margin:auto;
	}
	#galleriesblock div.gal.hero div.con div.item2 {
		padding:20px 40px;
		text-align:center;
	}
}







#fromtheportfolioblock {
	background-color:#F6F8F8;
}
#fromtheportfolioblock div.content {
	padding:40px 40px;
	max-width:1045px;
	margin:auto;

}

#fromtheportfolioblock div.con {
	display: flex;
	flex-wrap: wrap;
  margin-bottom: 15px;
}
#fromtheportfolioblock img {
	width:90px;
	height:auto;
	margin-right:15px;
}
#fromtheportfolioblock h2 {
	font-family: Open Sans;
	font-size:16px;
	font-weight:600;
	color:#28434A;
  margin-bottom: 10px;
}
#fromtheportfolioblock .content .ulink {
	font-size: 16px;
}





#topblock {
	background-color:white;
	padding:40px;
}
#topblock div.content {
	max-width: 1000px;
	margin:auto;
	display:flex;
	justify-content:center;
}
#topblock h1.title {
	flex-shrink:0;
	flex-grow:0;			
	width:260px;
	margin-right:40px;
	color:#777777;
	font-size:32px;
	text-align:right;
}
#topblock div.longDescription {
	max-width:640px;
}
@media only screen and (max-width : 768px) {	
	#topblock h1.title {
		font-size:24px;
		width:200px;
	}
}
@media only screen and (max-width : 600px) {	
	#topblock div.content {
		flex-direction:column;
	}
	#topblock h1.title {
		font-size:24px;
		width:100%;
		text-align:left;
	}
}





.wysiwyg h2, 
.wysiwyg h3, 
.wysiwyg h4, 
.wysiwyg h2 {
	font-family: 'Playfair Display';
	font-weight:normal;
	color:#000;
}

.wysiwyg h2 {
	font-size: 24px;
}
.wysiwyg h3 {
	font-size: 20px;
}
.wysiwyg h4 {
	font-size: 16px;	
}
.wysiwyg p {
	font-size: 16px;
}

@media only screen and (max-width : 768px) {
	.wysiwyg h2 {
		font-size: 18px;
	}
	.wysiwyg h3 {
		font-size: 15px;
	}
	.wysiwyg h4 {
		font-size: 15px;	
	}
	.wysiwyg p {
		font-size: 15px;
	}	
}







#featuredblock {
	background-color:#F6F8F8;
	padding:30px;
}
#featuredblock div.content {
	max-width:1000px;	
	margin:auto;
	/*
	width:880px;
	margin:auto;
	*/
	display:flex;
}
#featuredblock div.content div.work {
	/*
	width:540px;
	flex-shrink:0;
	*/
}
#featuredblock div.content div.work p {
	color:#444; /*#777;*/
	font-style:italic;
	font-size:16px;
	padding:0;
	margin:0;
}

#featuredblock div.content div.work img {
	width:100%; /*540px;
	height:auto;*/
}
#featuredblock div.content div.events {
	min-width:280px;
	border-top:2px solid #F4754E;			
	flex-shrink:0;
	flex-grow:0;
	margin-left:60px;	
	padding-top:10px;		
}

#featuredblock div.content div.events div {
	margin:20px 0px 25px 0px;
}
#featuredblock div.content div.events a {
	border-bottom: 1px solid #1d6d52; 
}
#featuredblock div.content div.events a:hover {
	border-bottom: 1px solid #35BE91;
}
#featuredblock div.content div.events a.seeAll {
	float:right;
	font-size:14px;
}
#featuredblock div.content div.events h2 {
	color:#25434A;
	font-weight:600;
	font-size: 18px;
	font-family:"Open Sans";
}
#featuredblock div.content div.events h3 {
	color:#4A4A4A;
	font-weight:normal;
	font-size: 18px;
	margin-bottom:0px;
	margin-top:0px;
}
#featuredblock div.content div.events p {
	color:#4A4A4A;
	font-weight:normal;
	font-size: 14px;
	font-family:"Open Sans";
	margin:0px;
	line-height: 1.5;
}
#featuredblock div.content div.events p.dateLine {
	font-weight:normal;
}
#featuredblock div.content div.events p.location {
	font-style: italic;
}


@media only screen and (min-width : 769px) {

}

@media only screen and (max-width : 768px) {
	#featuredblock div.content {
		flex-direction:column;	
		justify-content:center;
	}
	#featuredblock div.content div.events {
		margin-left:0px;	
		margin-top:30px;
	}
}









.bottomtoolbar {
	height:54px;
	padding-right:25px;
	background-color:#E9F0F0;
}
.bottomtoolbar.out {
	transition: background-color .5s ease-in-out;
}

.bottomtoolbar .feedback {
	font-family:'Open Sans';
	font-weight:normal;
	color:#4B663D;
	font-size:16px;
	line-height:54px;
	padding-left:10px;
}
.bottomtoolbar.out .feedback {
	transition: opacity .5s ease-in-out;
}

a.rbutt {
	cursor:pointer;
	position:relative;
	display:inline-block;
	float:right;
	font-family:'Open Sans';
	font-weight:600;
	color:#1d6d52; /*#35BE91;*/
	font-size:16px;
	line-height:54px;
	padding:0 35px 0 10px;
	margin-left:25px;
}

#main a.rbutt.confirmation {
	color:#63BF36;
}

a.rbutt.slideshow::after {
	position:absolute;
	right:10px;
	top:0;
	font-family: 'morgan-bulkeley';
	content:'g';
}

a.rbutt.sharelink::after {
	position:absolute;
	right:10px;
	top:0;
	font-family: 'morgan-bulkeley';
	content:'f';
}

.bottomtoolbar.out a.rbutt.sharelink {
	transition: color .5s ease-in-out;
}

@media only screen and (max-width : 600px) {
	.bottomtoolbar .feedback {
		font-family:'Open Sans';
		font-weight:normal;
		color:#4B663D;
		margin-top:12px;
		font-size:13px;
		line-height:15px;
		padding-left:10px;
		width:100px;
		display:inline-block;
	}
	a.rbutt {
		padding:0 35px 0 0px;
		margin-left:5px;
	}
	.bottomtoolbar {
		padding-right:0px;
	}
}






		#workdetailblock {
			background-color: #F6F8F8;
		}
		#workdetailblock div.con {
			max-width:1000px;
			margin:auto;		
			display:flex;
		}
		#workdetailblock div.work-photo-nav {
			margin:20px;
		}
		#workdetailblock div.work-photo img {
			max-width:100%;
		}

		.work-photo {
			position:relative;
		}
		.work-photo svg {
			margin:12px;
		}
		.work-meta {
			min-width: 280px;
			margin:20px 0px 0px 0px;
		}
		.work-meta h1 {
			font-size:16px;
		}
		.work-meta th {
			text-align:left;
			font-weight:normal;
			font-size:13px;
		}
		.work-meta td {
			font-size:13px;
			font-style: italic;
			padding-left:5px;
		}

		#work-nav {
			position:relative;
			padding:0;
			margin-top:3px;
			height: 20px;
		}
		#work-nav div.nav {
			position:absolute;
			top:0;
		}
		#work-nav div.nav.next {
			right:0;
			text-align: right;
			padding-right:25px;			
		}
		#work-nav div.nav.previous {
			left:0;
			text-align: left;
			padding-left:25px;
		}
		#work-nav div.nav.previous:before {
			font-family:"morgan-bulkeley";
			content: "a";
			padding-left: 0px;
			font-size: 15px;
			position: absolute;
			top: 4px;
			left: 0;
		}
		#work-nav div.nav.next:after {
			font-family:"morgan-bulkeley";
			content: "c";
			padding-right: 0px;
			font-size: 15px;
			position: absolute;
			top: 4px;
			right: 0;
		}
		#work-nav div.nav span.work-name {
			font-family:"Open Sans";
			weight:normal;
			font-size:13px;
		}	


		@media only screen and (min-width : 601px) {	
			#work-nav div.title {
				height: 65px;
				line-height: 65px;
			}
		}
		@media only screen and (max-width: 600px) {
			#workdetailblock div.con {
				flex-direction: column;
			}
			#workdetailblock div.work-photo-nav {
				margin:10px;
			}
			.work-meta {
				margin:10px;
			}			
			#workdetailblock {
				flex-direction: column;
			}
			#work-nav {
				font-size:20px;
			}
			#work-nav div.nav {
				height:70px;
			}
			#work-nav div.title {
				height: 70px;
				line-height: 70px;
			}
			#work-nav h1{
		    padding:0 60px;		
			}
			#work-nav span.button-label,
			#work-nav span.work-name {
				display:none;
			}
		}










/* override the title text for the lightbox */
.pswp__caption__center {
	text-align:center;
}



.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	height: auto; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}