@charset "UTF-8";


/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*//*Basic pod body*/

.pod-landing a
{
	text-decoration: none;
}

.pod-landing .pod-body
{
	position: relative;
	width: 100%;
	height: 0%;
	border-radius: 0.5rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
    box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.25);
    overflow: hidden;
}

.pod-landing .small-4 .pod-body
{
	/*padding-top: 99.75%;*/
	padding-top: 100%;
}

.pod-landing .small-8 .pod-body
{
	/*padding-top: 48.77622377%;*/
	padding-top: 48.965517%;
}

.pod-landing .small-12 .pod-body
{
	/*padding-top: 32.29166666%;*/
	padding-top: 31.981982%;
}

.pod-landing .small-2 .pod-body {padding-top: 205.047319%;}
.pod-landing .small-3 .pod-body {padding-top: 135.238095%;}
.pod-landing .small-4 .pod-body {padding-top: 100%;}
.pod-landing .small-6 .pod-body {padding-top: 65.740741%;}
.pod-landing .small-8 .pod-body {padding-top: 48.965517%;}
.pod-landing .small-9 .pod-body {padding-top: 43.425076%;}
.pod-landing .small-12 .pod-body {padding-top: 31.981982%;}

.pod-landing.thin .small-6 .pod-body {padding-top: 25%;}
.pod-landing.thin .small-12 .pod-body {padding-top: 12.5%;}

/*if javascript is running, no need for padding*/
.pod-landing.jvs .main-column .pod-body {padding-top: 0;}


/*treating 1/3 pods as square
.pod-landing .small-3 .pod-body {padding-top: 135.238095%;}
.pod-landing .small-4 .pod-body {padding-top: 100%;}
.pod-landing .small-6 .pod-body {padding-top: 65.740741%;}
.pod-landing .small-8 .pod-body {padding-top: 48.965517%;}
.pod-landing .small-9 .pod-body {padding-top: 43.425076%;}
.pod-landing .small-12 .pod-body {padding-top: 31.981982%;}
*/

/*treating 1/4 pods as square
.pod-landing .small-3 .pod-body {padding-top: 100%;}
.pod-landing .small-4 .pod-body {padding-top: 73.943662%;}
.pod-landing .small-6 .pod-body {padding-top: 48.611111%;}
.pod-landing .small-8 .pod-body {padding-top: 36.206897%;}
.pod-landing .small-9 .pod-body {padding-top: 32.110092%;}
.pod-landing .small-12 .pod-body {padding-top: 23.972603%;}
*/

/*or a hybrid
.pod-landing .small-3 .pod-body {padding-top: 100%;}
.pod-landing .small-4 .pod-body {padding-top: 100%;}
.pod-landing .small-6 .pod-body {padding-top: 48.611111%;}
.pod-landing .small-8 .pod-body {padding-top: 48.965517%;}
.pod-landing .small-9 .pod-body {padding-top: 32.110092%;}
.pod-landing .small-12 .pod-body {padding-top: 31.981982%;}
*/

.basic .pod-landing .columns .pod-body
{
	padding-top: 100%;
}

.pod-landing .link-ref
{
	display: none;
}

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*//*Basic pod components*/

.pod-landing .pod-body .pod-bar
{
	background: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.6) 0.5rem, rgba(0,0,0,0.6) 100%);
	color: #fff;
	font-size: 0.8125rem;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	position: absolute;
	width: 100%;
	height: 18%;
	bottom: -18%;
	transition: bottom 0.25s;
	font-family: Arial, sans-serif;
}

.pod-landing .pod-body:hover .pod-bar{bottom: 0%;}
.pod-landing .pod-body.over .pod-bar{bottom: 0%;}

.pod-landing.thin .pod-body .pod-bar
{
	/*border-top-left-radius: inherit;
	border-bottom-left-radius: inherit;*/
	border-radius: 0;
	height: 100%;
	width: 25%;
	left: -25%;
	bottom: 0%;
	transition: left 0.25s;
	background: linear-gradient(to left, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.6) 0.5rem, rgba(0,0,0,0.6) 100%);
}

.pod-landing.thin .small-12 .pod-body .pod-bar
{
	width: 12.5%;
	left: -12.5%;
}

.pod-landing.thin .pod-body:hover .pod-bar{left: 0%;}
.pod-landing.thin .pod-body.over .pod-bar{left: auto; right: 0; background: linear-gradient(to right, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.6) 0.5rem, rgba(0,0,0,0.6) 100%);}

.pod-landing.thin.right-side .pod-body .pod-bar
{
	left: auto;
	right: -25%;
	transition: right 0.25s;
	background: linear-gradient(to right, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.6) 0.5rem, rgba(0,0,0,0.6) 100%);
}

.pod-landing.thin.right-side .small-12 .pod-body .pod-bar
{
	left: auto;
	right: -12.5%;
}

.pod-landing.thin.right-side .pod-body:hover .pod-bar{right: 0%;}

.pod-landing .pod-title
{
	color: #fff;
	font-weight: bold;
	font-size: 1.92rem;
	line-height: 1.92rem;
	text-shadow: 2px 2px #000, 0.125rem 0.125rem 0.125rem #000;
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	bottom: 100%;
	padding: 0.75rem;
	width: 100%;
}

.pod-landing.info .pod-title
{
	background-image: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.0) 3rem, rgba(0,0,0,0.0) 100%);
}

.pod-landing.info .pod-bar
{
	background: rgba(0,0,0,0.6);
}

.pod-landing.info .pod-title .extra-text
{
	color: #ddd;
	padding-top: 0.5rem;
	text-shadow: 1px 1px #000, 0.125rem 0.125rem 0.125rem #000;
	text-decoration: none;
	text-transform: none;
	font-size: 0.8125rem;
	font-weight: normal;
	line-height: 1rem;
	font-family: 'Segoe UI', 'Lucida Grande', Calibri, Helvetica, Arial, sans-serif;
}

.pod-landing.thin .pod-title
{
	left: 100%;
	bottom: 0;
	width: 300%;
}

.pod-landing.thin .small-12 .pod-title
{
	width: 700%;
}

.pod-landing.thin.right-side .pod-title
{
	left: auto;
	right: 100%;
	text-align: right;
}

.pod-landing .pod-table
{
	display: table;
	width: 100%;
	height: 100%;
}

.pod-landing .pod-link
{
	display: table-cell;
	color: white;
	font-family: 'Segoe UI', 'Lucida Grande', Calibri, Helvetica, Arial, sans-serif;
	font-size: 0.875rem;
	line-height: 1rem;
	vertical-align: middle;
	margin: 0;
	padding-left: 1.0rem;
}

.pod-landing.thin .pod-link
{
	text-align: center;
	padding: 0 1.25rem;
}

.pod-landing .pod-link::before
{
	font-family: Arial, sans-serif;
	content: "▶ ";
}

.pod-landing.thin .pod-link::before
{
	content: "";
}

.pod-landing.thin .pod-body.over .pod-link{border-radius: 0;}
.pod-landing.thin .pod-body.over .pod-title{left: -300%;}
.pod-landing.thin .small-12 .pod-body.over .pod-title{left: -700%;}


/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*//*Basic pod hidden components*/
.pod-landing .pod-bar-hidden
{
	/*background: linear-gradient(to left, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.125) 25%, rgba(0,0,0,0.125) 75%, rgba(0,0,0,0.0) 100%);*/
	background-image: linear-gradient(to left, rgba(0,0,0,0.0) 0%, rgba(229, 191, 115, 0.4) 25%, rgba(229, 191, 115, 0.4) 75%, rgba(0,0,0,0.0) 100%);
	position: relative;
	width: 100%;
	height: 0%;
	display: none;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border-radius: 0;
}

.pod-landing .pod-bar-hidden .pod-table
{
	padding: 0.5rem;
}

.pod-landing .pod-hidden-title
{
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-family: 'Segoe UI', 'Lucida Grande', Calibri, Helvetica, Arial, sans-serif;
	line-height: 1.0rem;
	margin: 0;
	display: none;
}



/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/
/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*//*Media queries*/
/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*/




/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*//*Tablet in landscape*/
@media (max-width: 1024px)
{
	.pod-landing .pod-title
	{
		font-size: 1.5rem;
		line-height: 1.5rem;
		padding: 0.5rem;
	}
	
	.pod-landing.info .pod-body .pod-text
	{
		font-size: 0.75rem;
		line-height: 0.8125rem;
	}
}

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*//*Tablet in portrait*/
@media (max-width: 640px)
{
	.pod-landing h1
	{
		font-size: 1.25rem;
		line-height: 1.25rem;
	}
	
	.pod-landing .pod-title
	{
		font-size: 1.25rem;
		line-height: 1.25rem;
		display: none;
	}
	
	.pod-landing.info .pod-title
	{
		background-image: none;
	}
	
	.pod-landing .pod-bar
	{
		display: none;
	}
	
	.pod-landing .pod-bar-hidden
	{
		display: block;
	}
	
	.pod-landing .pod-hidden-title
	{
		font-size: 0.75rem;
		display: table-cell;
	}
	
	.pod-landing.info .pod-title .extra-text
	{
		font-size: 0.75rem;
	}
}

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*//*Tablet in portrait OR Mobile in landscape*/
@media (max-width: 640px)
{
	.pod-landing .pod-body
	{
		/*border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;*/
	}
	
	.pod-landing .pod-bar
	{
		display: none;
	}
	
	.basic .pod-landing .pod-table
	{
		display: none;
	}
	
	.pod-landing .pod-bar-hidden
	{
		display: block;
	}
	
	.pod-landing h1
	{
		display: none;
	}
	
	.pod-landing .pod-link
	{
		font-size: 0.75rem;
		display: none;
	}
	
	.pod-landing .pod-hidden-title
	{
		font-size: 0.75rem;
		display: table-cell;
	}
	
	.basic .pod-landing .columns .pod-body
	{
		width: 40%;
		padding-top: 40%;
		background-position: center left;
		border-radius: 0.5rem;
		overflow: visible;
	}
	
	.basic .pod-landing .columns .pod-body .pod-bar
	{
		display: block;
		width: calc(100vw - 100% - 1.25rem);
		height: auto;
		left: calc(100% - 0.75rem);
		background: #800018;
		box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.25);
		border-radius: 0.25rem;
		bottom: auto;
		top: 0.5rem;
	}
	
	.basic .pod-landing .pod-bar-hidden
	{
		display: none;
	}
	
	.basic .pod-landing .columns .pod-body .pod-title
	{
		position: static;
		line-height: 1.5rem;
		display: block;
		font-size: 1.5rem;
		color: rgba(204,204,204,1.0);
		text-shadow: none;
		font-weight: normal;
	}
	
	.basic .pod-landing .columns .pod-body .pod-back
	{
		position: absolute;
		display: block;
		width: calc(100vw - 100% - 1.75rem);
		height: calc(100% - 1.5rem);
		left: calc(100% + 0.25rem);
		background: rgba(0,0,0,0.25);
		border-radius: 0.25rem 0.25rem 1rem 0.25rem;
		top: 1rem;
	}
}

/*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*	*//*Mobile in portrait*/
@media (max-width: 400px)
{
	.pod-landing .pod-body
	{
		border-radius: 0.25rem;
	}
	
	.pod-landing .pod-bar-hidden
	{
		border-bottom-left-radius: 0.25rem;
		border-bottom-right-radius: 0.25rem;
	}

	.pod-landing .pod-bar-hidden .pod-table
	{
		padding: 0.25rem 0;
	}

	.pod-landing .pod-hidden-title
	{
		font-size: 0.7rem;
	}
	
	.basic .pod-landing .columns .pod-body .pod-title
	{
		font-size: 1rem;
		line-height: 1rem;
		font-weight: bold;
	}
}