/**********************************************************
// Post >> Excerpt >> XL
**********************************************************/
.Excerpt-XL {
	margin: auto;
	width: 100%;
	display: flex;
	align-items: center;
	}

.Excerpt-XL-Thumb {
	width: 60%;
	height: 23.75rem;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 var(--20px) rgba(0, 0, 0, 0.2);
	background: var(--Color-Slate-Blue);
	-webkit-border-top-right-radius: 1.5625rem;
	-webkit-border-bottom-left-radius: 1.5625rem;
	-moz-border-radius-topright: 1.5625rem;
	-moz-border-radius-bottomleft: 1.5625rem;
	border-top-right-radius: 1.5625rem;
	border-bottom-left-radius: 1.5625rem;
	}

.Excerpt-XL-Thumb:after {
    padding-bottom: 150%;
    content: '';
    display: block;
	}

.Excerpt-XL-Thumb span,
.Excerpt-XL-Thumb a {
	opacity: 1;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	}

.Excerpt-XL-Thumb a { z-index: 2000; }
.Excerpt-XL-Thumb:hover img { opacity: 0.7; }

.Excerpt-XL-Right {
	padding-left: var(--40px);
	width: 40%;
	text-align: left;
	}

.Excerpt-XL-Meta {
	letter-spacing: 0.0625rem;
	font-weight: 700;
	font-size: var(--12px);
	}

.Excerpt-XL-Date {
	margin-right: var(--5px);
	text-transform: uppercase;
	font-weight: 700;
	}

.Excerpt-XL-Cat { font-family: var(--Font-Serif); }
.Excerpt-XL-Cat a:hover { color: var(--Color-Red); }
.Excerpt-XL-Cat a {
	margin-left: var(--5px);
	text-transform: uppercase;
	font-family: var(--Font-Default);
	color: var(--Color-Cyan);
	}

.Excerpt-XL-Title {
	margin-top: var(--10px);
	padding: 0 !important;
	font-family: var(--Font-Serif);
	font-weight: 700;
	font-size: 2.25rem;
	}

.Excerpt-XL-Title a { color: var(--Color-Black); }
.Excerpt-XL-Title a:hover,
.Excerpt-XL-Title a:focus { color: var(--Color-Red); }

.Excerpt-XL-More { margin-top: var(--15px); }

/**********************************************************
// Post >> Excerpt >> LG
**********************************************************/
.Excerpt-LG {
	margin: 0 auto var(--60px) auto !important;
	width: 100%;
	display: flex;
	}

.Excerpt-LG-Thumb {
	width: 50%;
	height: 19.0625rem;
	overflow: hidden;
	position: relative;
	background: var(--Color-Slate-Blue);
	box-shadow: 0 0 var(--20px) rgba(0, 0, 0, 0.2);
	-webkit-border-top-right-radius: 1.5625rem;
	-webkit-border-bottom-left-radius: 1.5625rem;
	-moz-border-radius-topright: 1.5625rem;
	-moz-border-radius-bottomleft: 1.5625rem;
	border-top-right-radius: 1.5625rem;
	border-bottom-left-radius: 1.5625rem;
	}

.Excerpt-LG-Thumb:after {
    padding-bottom: 150%;
    content: '';
    display: block;
	}

.Excerpt-LG-Thumb span,
.Excerpt-LG-Thumb a {
	opacity: 1;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	}

.Excerpt-LG-Thumb a { z-index: 2000; }
.Excerpt-LG-Thumb:hover img { opacity: 0.7; }

.Excerpt-LG-Right {
	padding-left: var(--40px);
	width: 50%;
	text-align: left;
	}

.Excerpt-LG-Meta {
	letter-spacing: 0.0625rem;
	font-weight: 700;
	font-size: var(--12px);
	}

.Excerpt-LG-Date {
	margin-right: var(--5px);
	text-transform: uppercase;
	font-weight: 700;
	}

.Excerpt-LG-Cat { font-family: var(--Font-Serif); }
.Excerpt-LG-Cat a:hover { color: var(--Color-Red); }
.Excerpt-LG-Cat a {
	margin-left: var(--5px);
	text-transform: uppercase;
	font-family: var(--Font-Default);
	color: var(--Color-Cyan);
	}

.Excerpt-LG-Title {
	margin-top: var(--10px);
	padding: 0 !important;
	line-height: 1.2em;
	font-family: var(--Font-Serif);
	font-weight: 700;
	font-size: 2.25rem;
	}

.Excerpt-LG-Title a { color: var(--Color-Black); }
.Excerpt-LG-Title a:hover,
.Excerpt-LG-Title a:focus { color: var(--Color-Red); }

.Excerpt-LG-More { margin-top: var(--15px); }

.Excerpt-LG-Desc p {
	padding: var(--10px) 0;
    line-height: 1.5em;
	}

/**********************************************************
// Post >> Excerpt
**********************************************************/
.Excerpt {
	margin: var(--30px) 1% 0 1%;
	width: 31.3%;
	max-width: 21.875rem;
	height: 21.875rem;
	position: relative;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	-webkit-border-top-right-radius: 1.5625rem;
	-webkit-border-bottom-left-radius: 1.5625rem;
	-moz-border-radius-topright: 1.5625rem;
	-moz-border-radius-bottomleft: 1.5625rem;
	border-top-right-radius: 1.5625rem;
	border-bottom-left-radius: 1.5625rem;
	}

.Excerpt-Thumb {
	width: 100%;
	height: 100%;
	background: var(--Color-Light-Gray);
	position: absolute;
	z-index: 10;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	}

.Excerpt-Thumb span,
.Excerpt-BG-Link {
	opacity: 1;
	position: absolute;
	z-index: 16;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	}

.Excerpt:hover .Excerpt-Thumb img { opacity: 0.7; }

.Excerpt-Mask {
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000',GradientType=0 );
	position: absolute;
	z-index: 15;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	}

.Excerpt-Header {
	padding: var(--10px) 1.5625rem var(--30px) 1.5625rem;
	text-align: left;
	position: absolute;
	z-index: 20;
	bottom: 0;
	right: 0;
	left: 0;
	}

.Excerpt-Meta {
	letter-spacing: 0.0625rem;
	font-weight: 700;
	font-size: var(--12px);
	color: var(--Color-White);
	}

.Excerpt-Date { text-transform: uppercase; }
.Excerpt-Cat a:hover { color: var(--Color-Red); }
.Excerpt-Cat a {
	text-transform: uppercase;
	color: var(--Color-Cyan);
	}

.Excerpt-Title {
	margin-top: var(--20px);
	padding: 0 !important;
	text-decoration: none;
	line-height: 1.2em;
	font-family: var(--Font-Serif);
	font-weight: 700;
	font-size: 1.75rem;
	}

.Excerpt-Title a { color: var(--Color-White); }
.Excerpt-Title a:hover { text-decoration: underline; }

/**********************************************************
// Media Queries
**********************************************************/
@media
all and (max-width: 64rem),
all and (max-device-width: 64rem)
{
	.Excerpt,
	.Product-SM { width: 48%; }
}

@media
all and (max-width: 48rem),
all and (max-device-width: 48rem)
{
	.Excerpt,
	.Product-SM {
		margin: var(--30px) auto 0 auto;
		width: 100%;
		display: block;
		}

	.Excerpt-XL { display: block; }

	.Excerpt-XL-Thumb {
		width: 100%;
		height: 17.5rem;
		}

	.Excerpt-XL-Right {
		padding: var(--30px) var(--30px) 0 var(--30px);
		width: 100%;
		}
}