/*
	Beyond by Pixelarity
	pixelarity.com @pixelarity
	License: pixelarity.com/license
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		font-size: 10pt;
		line-height: 1.75em;
	}

	.box.cta
	{
		padding-top: 4em;
		padding-bottom: 4em;
	}
	
		.box.cta h1 /* new */
		{
			font-size: 2.35em;
			letter-spacing: -0.05em;
			margin: 0 0 0.8em 0;
		}
		.box.cta h1 span /* new */
		{
			font-size: 0.8em;
			letter-spacing: 0;
			margin: 0 0 0.8em 0;
		}

		.box.cta h2
		{
			font-size: 2.0em; /* was 2.35 */
			letter-spacing: -0.05em;
			margin: 0 0 0.8em 0;
		}
		
		.box.cta p
		{
			font-size: 1.4em; /* was 1.75 */
			line-height: 1.35em;
			margin: 0 0 1.25em 0;
		}

		.box.cta section
		{
			padding-bottom: 3em;
			margin-bottom: 3em;
		}

	.box.main
	{
		padding-top: 4em;
		padding-bottom: 4em;
	}
	
		.box.main h2
		{
			font-size: 2.35em;
			letter-spacing: -0.05em;
			margin: 0 0 0.8em 0;
		}

	.box.post
	{
	}

		.box.post .image
		{
			width: 10em;
		}
		
		.box.post p
		{
			margin-left: 12.5em;
		}

.largeboxphoto /* new */
{
	clear:right; /* 20200209 added to clear previous listing photo */
	float:right;
	margin-left:10px;
	max-width:55%;  /* i had 300px earlier */
	max-height:360px; /* to stop going into next listing */
}

.langswitchicon /* new */
{
	position: relative;
	top:3px;	
}
		
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
		height: 13em;
	}
	
		.homepage #header-wrapper
		{
			height: auto;
		}
	
	#banner-wrapper
	{
	}
	
	#main-wrapper
	{
		padding: 0 0 4.5em 0;
	}
	
	#footer-wrapper
	{
		padding: 4.5em 0 0 0;
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		background: #2c2f34;
		background: rgba(44,47,52,0.95);
		border-radius: 6px;
		position: relative;
		margin-top: 2em; /* was 3em */
		height: 7em;
		line-height: 7em;
		padding-left: 2.5em;
		opacity: 0.8; /* new */
	}
	
		#header h1
		{
			font-size: 2.90em; /* was 2.65 with uppercase */
			font-weight: 900; /* was 700 */
			/* text-transform: uppercase; */
			letter-spacing: -0.05em;
			position: absolute; /* new */
			top: -0.5em;  /* new */
		}

			#header h1 a
			{
				color: #fff;
			}
		

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
		position: absolute;
		right: 2.5em;
		top: 0; /* I had changed from 0 to 2em but this added a gap between menu and submenu */
	}

		#nav ul
		{
		}
		
			#nav ul li
			{
				float: left;
				margin-left: 1.5em;
				height: 7em;
				line-height: 7em;
			}
			
				#nav ul li a
				{
					color: #ccc;
					text-decoration: none;
					text-transform: uppercase;
					font-weight: 700;
					font-size:80%; /* wasn't specified before */
					padding: 0.55em 0.2em 0.55em 0.2em; /* left right were 1.4em, 20180120 change l/r from 0.3 to 0.2 */
					border-radius: 6px;
					transition: color .25s ease-in-out;
					-moz-transition: color .25s ease-in-out;
					-webkit-transition: color .25s ease-in-out;
					outline: 0;
				}

				#nav ul li a:hover
				{
					color: #fff;
				}

			#nav ul li.current_page_item,
			#nav ul li.active
			{
			}
			
				#nav ul li.current_page_item a,
				#nav ul li.active a
				{
					background: #20242A;
					color: #fff;
				}

	#nav > ul > li > ul
	{
		display: none;
	}
	
	.dropotron
	{
		background: #2c2f34;
		background: rgba(44,47,52,0.95);
		border-radius: 6px;
		padding: 0 0 0; /* was 1.5em 0 1.5em */
		min-width: 20em;
		box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.15);
	}

		.dropotron.level-0
		{
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			padding-top: 0;
			font-size: 0.8em;
		}
		
		.dropotron li
		{
			padding: 0.20em 0.75em 0.20em 0.75em; /* 20180410 changed from 0.5em 0.75em 0.5em 0.75em as menus getting too long.  Original was 1em 1.75em 1em 1.75em */
			transition: background-color .25s ease-in-out;
			-moz-transition: background-color .25s ease-in-out;
			-webkit-transition: background-color .25s ease-in-out;
		}
		
			.dropotron li a,
			.dropotron li span
			{
				color: #ccc;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: 700;
			}

		.dropotron > li:hover
		{
			background: #20242A;
			color: #fff;
		}

			.dropotron > li:hover > a,
			.dropotron > li:hover > span
			{
				color: #fff;
			}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		height: 30em;
		margin-bottom: 8em;
		position: relative;
	}

		#banner .caption
		{
			position: absolute;
			left: 1.75em;
			bottom: 3em;
		}

		#banner .caption .subcaption-smaller /* new */
		{
			font-size:.6em;
			letter-spacing: 0;
		}

		#banner .nextphoto
		{
			position: absolute;
			right: 1.75em;
			bottom: 3em;
		}
	
			#banner .caption h2
			{
				font-size: 3em;
				letter-spacing: -0.05em;
				margin-bottom: 0.35em;
			}
			
			#banner .caption p
			{
				font-size: 1.5em;
				margin: 0;
			}

#banner .nextphoto .photocredit /* new */
{
	text-align:right;
}

		#banner .mouseoverad
		{
			position: absolute;
			right: 1.75em;
			bottom: 9em;
		}

		#banner .mouseoverad img
		{
			/* opacity: 0.6; */
		}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
		position: relative;
		margin-top: 2em;
	}
	
	.homepage #main
	{
		margin-top: -8.25em;
	}

/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

	#content
	{
	}
	
		#content .box
		{
			padding-left: 2.75em;
			padding-right: 2.75em;
		}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
	}
	
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		padding: 4em 0 8em 0;
		margin: 4em 0 0 0;
	}