/**********************************************************
// Post >> Excerpt >> Large
**********************************************************/
.Excerpt-LG {
	margin: auto;
	padding-bottom: 99%;
	width: 100%;
	max-width: 630px;
	border: 2px solid #FFF;
	box-shadow: 0 0 10px 1px #FFF;
	border-radius: 8px;
	display: block;
	position: relative;
	}

.Excerpt-LG-Thumb {
	background: #F8F8F8;
	overflow: hidden;
	border-radius: 8px;
	position: absolute;
	z-index: 10;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	}

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

.Excerpt-LG-Thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    object-position: center center;
	}

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

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

.Excerpt-LG-Header {
	padding: 30px 20px;
	color: #021526;
	background: rgba(255, 255, 255, 0.77);
	position: absolute;
	z-index: 50;
	bottom: 0;
	right: 0;
	left: 0;
	}

.Excerpt-LG-Title {
	padding: 0 !important;
	line-height: 1.2em;
	font-size: 20px;
	}

.Excerpt-LG-Header a { color: #021526; }
.Excerpt-LG-Header a:hover { color: #F7743F; }

.Excerpt-LG-Meta {
	margin: 15px auto 0 auto !important;
	padding: 0 !important;
	list-style-type: none;
	list-style: none;
	}

.Excerpt-LG-Meta li {
	margin: 0;
	padding: 0 10px;
	height: 14px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 14px;
	border-right: 2px solid #021526;
	display: inline-block;
	vertical-align: middle;
	}

.Excerpt-LG-Meta li:last-child { border-right: 0; }

/**********************************************************
// Post >> Excerpt
**********************************************************/
.Excerpt {
	margin: 30px 1% 0 1%;
	/*padding-bottom: 94.5%;*/
	width: 31.3%;
	max-width: 330px;
	height: 300px;
	border: 2px solid #FFF;
	box-shadow: 0 0 10px 1px #FFF;
	border-radius: 8px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	}

.Excerpt-Thumb {
	background: #F8F8F8;
	overflow: hidden;
	border-radius: 8px;
	position: absolute;
	z-index: 10;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	}

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

.Excerpt-Thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    object-position: center center;
	}

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

.Excerpt-Thumb img { z-index: 1000; }
.Excerpt-Thumb a { z-index: 2000; }
.Excerpt-Thumb:hover img { opacity: 0.85; }

.Excerpt-Header {
	padding: 10px 20px;
	color: #021526;
	background: rgba(255, 255, 255, 0.77);
	position: absolute;
	z-index: 50;
	bottom: 0;
	right: 0;
	left: 0;
	}

.Excerpt-Title {
	padding: 0 !important;
	line-height: 1.5em;
	font-size: 12px;
	}

.Excerpt-Header a { color: #021526; }
.Excerpt-Header a:hover { color: #F7743F; }

/**********************************************************
// Product >> MD
**********************************************************/
.Product-MD {
	margin: 30px 1% 0 1%;
	/*padding-bottom: 94.5%;*/
	width: 31.3%;
	max-width: 330px;
	height: 300px;
	border: 2px solid #FFF;
	box-shadow: 0 0 10px 1px #FFF;
	border-radius: 8px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	}

.Product-MD-Thumb {
	background: #F8F8F8;
	overflow: hidden;
	border-radius: 8px;
	position: absolute;
	z-index: 10;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	}

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

.Product-MD-Thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    object-position: center center;
	}

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

.Product-MD-Thumb img { z-index: 1000; }
.Product-MD-Thumb a { z-index: 2000; }
.Product-MD-Thumb:hover img { opacity: 0.85; }

.Product-MD-Header {
	padding: 10px 20px;
	color: #021526;
	background: rgba(255, 255, 255, 0.77);
	position: absolute;
	z-index: 50;
	bottom: 0;
	right: 0;
	left: 0;
	}

.Product-MD-Title {
	padding: 0 !important;
	line-height: 1.5em;
	font-size: 12px;
	}

.Product-MD-Header a { color: #021526; }
.Product-MD-Header a:hover { color: #F7743F; }

/**********************************************************
// Product >> SM
**********************************************************/
.Product-SM {
	margin: 0 1%;
	width: 31.3%;
	max-width: 400px;
	display: inline-block;
	vertical-align: top;
	}

.Product-SM-Thumb {
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden;
	}

.Product-SM-Thumb > span,
.Product-SM-Thumb > a {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	}

.Product-SM-Thumb > a { z-index: 200; }
.Product-SM-Thumb:hover > span { opacity: 0.7; }
.Product-SM-Thumb > span {
	background-color: #F8F8F8;
	z-index: 100;
	}

.Product-SM-Thumb > span:after {
    padding-bottom: 150%;
    content: '';
    display: block;
	}

.Product-SM-Thumb > span img {
	object-fit: cover;
    object-position: top center;
    height: 100%;
	}

.Product-SM-Main { padding: 15px; }
.Product-SM-Title {
	padding: 0 !important;
	text-transform: initial;
	font-style: italic;
	font-weight: 400;
	font-size: 22px;
	}

.Product-SM-Title a { color: #000; }
.Product-SM-Title a:hover { color: #555; }

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

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

@media
all and (max-width: 500px),
all and (max-device-width: 500px)
{
	.Excerpt-LG-Meta li {
		margin: auto;
		padding: 10px 0;
		border-right: 0 solid #021526;
		display: block;
		}
}