@charset "utf-8";
/* CSS Document */

/* Insertable elements that should be independent of layout and the like eg buttons, panels and foldouts. Generally alphabetical */ 

.grid-row .contentButton
{
	background-color: #00b3eb;
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    padding: .526315em .789473em .263157em;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 2px 0 #00b3eb;
    -moz-box-shadow: 0 2px 0 #00b3eb;
    box-shadow: 0 2px 0 #003618;
    font-size: 1.1em;
    line-height: 1.25;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    color: #fff;
    margin-bottom: 15px;
	transition-property: background-color,color;
}
.grid-row .contentButton:hover
{
	background-color: #336699;	
}

.embed-container
{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.embed-container iframe, .embed-container object, .embed-container embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

nav .button
{
	transition-property: background-color,color;
	border-radius:3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 0.75em;
    vertical-align: top;
	text-align:center;
	border-right: 1px solid #595959;
    
}

.caption
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	padding: 20px;
}

.img-panel /* Used with captions for text overlaying a photo */
{
	margin: 0 0 20px;
    position: relative;
    display: block;
}

.panel
{
	padding:1em 20px;
	margin-bottom:10px;
}

.sticky 
{
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	border-top: 0;
}  

.nav 
{
	position: -webkit-sticky;
	top: 0;
	z-index: 99;
	border-bottom: 3px solid #ed6c1d;
}

.sociallinksC img
{
	padding:5px 0px 5px 5px;
}

.sociallinksC a
{
	display:inline-block; 
	text-decoration:none; 
	margin:5px;
}
.sociallinksC a.twitter
{
	background:url(../images/twitter.png); 
	width:23px; 
	height:23px;
}

.sociallinksC a:hover.twitter
{
	background:url(../images/twitter-alt.png);
}

.sociallinksC a.facebook
{
	background:url(../images/facebook.png);
	width:23px; 
	height:23px;
}

.sociallinksC a:hover.facebook
{
	background:url(../images/facebook-alt.png);
}

.sociallinksC a.linkedin
{
	background:url(../images/linkedin.png); 
	width:23px; 
	height:23px;
}

.sociallinksC a:hover.linkedin
{
	background:url(../images/linkedin-alt.png);
}

/* Handling iframes */

@media (min-width:1200px)
{
	.half iframe.yorkMang
	{
		width:580px;
		height:320px;
	}
}

@media (min-width:1000px) and (max-width:1200px)
{
	.half iframe.yorkMang
	{
		width:480px;
		height:320px;
	}
}

@media (min-width:900px) and (max-width:1000px)
{
	.half iframe.yorkMang
	{
		width:400px;
		height:280px;
	}
}

@media (min-width:800px) and (max-width:900px)
{
	.half iframe.yorkMang
	{
		width:780px;
		height:440px;
	}
}

@media (min-width:600px) and (max-width:799px)
{
	.half iframe.yorkMang
	{
		width:600px;
		height:340px;
	}
}

@media (min-width:400px) and (max-width:599px)
{
	.half iframe.yorkMang
	{
		width:500px;
		height:340px;
	}
}

@media (max-width: 900px)
{
	.vanish
	{
		display:none;
	}
}

@media (max-width: 600px)
{
	.mVanish
	{
		display:none;
	}
}