@charset "UTF-8";

.content-pod .pod-body
{
	padding: 0.5rem;
	border-radius: 0.5rem;
}

.content-pod .pod-body h2, .list-pod .pod-body h2
{
	font-size: 1rem;
	line-height: 1.5rem;
	margin: 0.75rem 0;
	text-align: center;
	text-transform: uppercase;
}

.list-pod .pod-body h1
{
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: 1;
	margin: 0.75rem 0;
	display: block;
	font-weight: bold;
	padding: 0;
	text-align: center;
}

.content-pod .pod-body.gray h2, .list-pod .pod-body.gray h2 {color: #333;}
.list-pod .pod-body.gray h1 {color: rgba(0,0,0,0.5);}

.content-pod .pod-body ul {margin: 0; padding: 0 0 0 1.25rem;}
/*.content-pod .pod-body li::before {content: "• ";}*/


.content-pod .pod-body p
{
	margin: 0;
	font-size: 0.8125rem;
}

.content-pod .pod-body p:first-child {margin-top: 0;}
.content-pod .pod-body p:last-child {margin-bottom: 0;}

.content-pod .pod-body.red{color: #ccc;}
.content-pod .pod-body.gray {color: #000;}

.content-pod .pod-body a
{
	/*font-weight: bold;*/
	text-decoration: none;
	border-radius: 0.25rem;
	background-color: rgba(0,0,0,0.0);
	transition: background-color 0.25s, color 0.25s;
}

.content-pod .pod-body.red a {color: #fff;}
.content-pod .pod-body.red a:visited {color: #fff;}
.content-pod .pod-body.red a:active {color: #fff;}
.content-pod .pod-body.red a:hover {color: #ccc;}

.content-pod .pod-body.gray a {color: rgb(204,35,63);}
.content-pod .pod-body.gray a:visited {color: rgb(204,35,63);}
.content-pod .pod-body.gray a:active {color: rgb(204,35,63);}
.content-pod .pod-body.gray a:hover {color: #000;}

.list-pod .pod-body
{
	padding: 0.5rem;
	border-radius: 0.5rem;
	font-family: 'Segoe UI', 'Lucida Grande', Calibri, Helvetica, Arial, sans-serif;
	background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.0625) 25%, rgba(0,0,0,0.0625) 100%);
}

.list-pod .pod-body p
{
	margin: 0.5rem 0 0 0;
	font-size: 0.8125rem;
}

.list-pod .pod-body ul {margin: 0;padding: 0;}

.list-pod .pod-body li
{
	list-style-type: none;
	margin: 0.5rem 0 0 0;
	padding: 0;
	font-size: 0.8125rem;
}

.list-pod .pod-body p:first-of-type, .list-pod .pod-body li:first-child
{
	margin: 0rem;
}

.list-pod .pod-body a::before
{
	/*content: "▶ ";*/
	/*content: "• ";*/
	content: "▶  ";
}

.list-pod .pod-body.red{color: #ccc; background-image: linear-gradient(to top, #550000 0%, #990020 100%);}
.list-pod .pod-body.gray {color: #000; background-image: linear-gradient(to bottom, #ccc 0%, #999 100%);}
.list-pod .pod-body.clear {color: #000; background: rgba(0,0,0,0.0625);}
.list-pod .pod-body.blank {background: none; padding: 0;}

.list-pod .pod-body.red h2{color: #ddd;}
.list-pod .pod-body.red h1 {color: #ddd;}

.list-pod .pod-body .list-section {padding: 0.25rem 0.5rem; display: block;}
.list-pod .pod-body .list-section-head {background: rgba(0,0,0,0.25); border-radius: 0.25rem;}

.list-pod .pod-body a {border-radius: 0.25rem; background: rgba(0,0,0,0.2); padding: 0.25rem; padding-left: 0.5rem; display: block; text-decoration: none; transition: color 0.25s;}

.list-pod .pod-body a {color: #000;}
.list-pod .pod-body a:visited{color: #000;}
.list-pod .pod-body a:active{color: #000;}
.list-pod .pod-body a:hover{color: #990020;}

.list-pod .pod-body.red a {color: #ccc; background: rgba(0,0,0,0.25);}
.list-pod .pod-body.red a:visited{color: #ccc;}
.list-pod .pod-body.red a:active{color: #ccc;}
.list-pod .pod-body.red a:hover{color: #999;}

.list-pod .pod-body.gray a {color: #000;}
.list-pod .pod-body.gray a:visited{color: #000;}
.list-pod .pod-body.gray a:active{color: #000;}
.list-pod .pod-body.gray a:hover{color: #ccc;}

.list-pod .pod-body .list-images a {background: none; opacity: 1.0; transition: opacity 0.25s; padding: 0; display: inline;}
.list-pod .pod-body .list-images a:visited{opacity: 1.0;}
.list-pod .pod-body .list-images a:active{opacity: 0.8;}
.list-pod .pod-body .list-images a:hover{opacity: 0.8;}

.list-pod .pod-body .list-images a::before {content: "";}

.list-pod .pod-body.blank h2 {background: linear-gradient(to left, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.125) 10%, rgba(0,0,0,0.125) 90%, rgba(0,0,0,0.0) 100%);}
.list-pod .pod-body.blank h1 {background: linear-gradient(to left, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.125) 10%, rgba(0,0,0,0.125) 90%, rgba(0,0,0,0.0) 100%);}

.content-pod .pod-body
{
	padding: 0.5rem;
}

.image-pod .pod-body
{
	position: relative;
	width: 100%;
	border-radius: 0.5rem;
}

.image-pod .pod-body img
{
	width: 100%;
	border-radius: inherit;
}

.image-pod .pod-body .pod-overlay
{
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.25);
}

@media (max-width: 1024px)
{
	.list-pod .pod-body p, .list-pod .pod-body li {margin-top: 0.5rem;}
	
	.list-pod .pod-body a {padding: 0.25rem; padding-left: 0.5rem;}
}

@media (max-width: 640px)
{	
	.image-pod.with-caption .pod-body
	{
		width: 40%;
	}
	
	.image-pod .image-pod-bar
	{
		width: calc(100vw - 100% - 1.75rem);
		left: calc(100% + 0.25rem);
		border-radius: 0.25rem 0.5rem 0.5rem 0.25rem;
		border-top-left-radius: 0.25rem;
		border-top-right-radius: 0.5rem;
		border-bottom-right-radius: 0.5rem;
		border-bottom-left-radius: 0.25rem;
		height: calc(100% - 0.5rem);
		bottom: auto;
		top: 0.25rem;
	}
	
	.basic .pod-body .image-pod-button
	{
		bottom: auto;
		top: 0.25rem;
		margin-right: 0;
		margin-left: 0.25rem;
		right: auto;
		left: 100%;
	}

	.content-pod .pod-body{border-radius: 2rem 2rem 1rem 1rem;}
	.list-pod .pod-body{border-radius: 2rem 2rem 1rem 1rem; background: rgba(0,0,0,0.125); padding-top: 1.0rem;}
	
	.list-pod .pod-body.red{background: #800018;}
	.list-pod .pod-body.gray{background: #aaa;}
	
	.content-pod .pod-body.red{background: #800018;}
	.content-pod .pod-body.gray{background: #aaa;}
	
	.list-pod .pod-body.blank {background: none;}
	
	.list-pod .pod-body h2
	{
		line-height: 1.5rem;
	}
	
	.list-pod .pod-body h2:first-child
	{
		margin: 0 0 0.75rem 0;
	}
	
	.list-pod .pod-body p a, .list-pod .pod-body li a
	{
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.25);
	}
}

@media (max-width: 400px)
{
	.image-pod .image-pod-bar
	{
		font-size: 0.65rem;
		line-height: 0.75rem;
		padding: 0.25rem;
	}
}