/* THUMBNAILS */
.image { 
	position: relative;
}
.image img { 
	display: block;
}
.image .thumbnail-icon{
	position: absolute;
    cursor: pointer;
	display: block;
	z-index: 2;
	bottom: 16px;
	left: 16px;
	width: 47px;
	height: 47px;
}
.image .thumbnail-icon svg{
	position: absolute;
	width: 100%;
	height: 100%;
}
/* BANNER */
.wp-banner-style-cs {
    background-color: #000;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.wp-banner-style-cs > .core-container {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6));
}
.wp-banner-style-cs .wp-banner-grid {
    padding: 80px 20px;
}
.wp-banner-style-cs .wp-banner-grid .aem-GridColumn--xlarge--3 {
    margin-top: 32px;
}
@media only screen and (min-width: 40.063em){
    .wp-banner-style-cs {
        height: 504px;
        background-size: 1580px auto !important;
    }
    .wp-banner-style-cs > .core-container {
        height: 504px;
        background: url(../png/banner-background-texture-left.png) no-repeat bottom -10px left calc(50% - 670px) /245px 439px, url(../png/banner-background-texture-right.png) no-repeat bottom left calc(50% + 646px) /287px 256px, linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)) no-repeat top center /1580px 100%, linear-gradient(to left, rgba(0,0,0, 0), rgba(0,0,0, 1)) no-repeat top left calc(50% - 703px) /174px 100%, linear-gradient(to right, rgba(0,0,0, 0), rgba(0,0,0, 1)) no-repeat top left calc(50% + 703px) /174px 100%;
    }
    .wp-banner-style-cs .wp-banner-grid {
        padding: 48px 20px;
        height: 504px;
        display: table;
    }
    .wp-banner-style-cs .wp-banner-grid > .aem-Grid {
        display: table-cell;
        vertical-align: middle;
    }
    .wp-banner-style-cs .wp-banner-grid > .aem-Grid:after {
        content: '';
        display: table-cell;            
    }
}
@media only screen and (min-width: 64.063em){
    .wp-banner-style-cs .wp-banner-grid .aem-GridColumn--xlarge--9 {
        padding-right: 88px;
    }
    .wp-banner-style-cs .wp-banner-grid .aem-GridColumn--xlarge--3 {
        margin-top: 0px;
    }
}
/* SUMMARY */
.wp-summary {
    background: url(../png/intro-background-texture-right.png) no-repeat top right /268px 649px, #f5f5f5;
}
@media only screen and (min-width: 64.063em){
	.wp-summary{
		background: url(../png/intro-background-texture-left.png) no-repeat top left /296px 590px, url(../png/intro-background-texture-right-2.png) no-repeat top right /268px 649px, #f5f5f5;
	}
}
/* QUOTE */
.wp-story-quote {
    width: 100%;
    max-width: 848px;
    margin-bottom: 28px;
    position: relative;
}
.wp-story-quote:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 28px solid #eee;
    border-right: 30px solid transparent;
    position: absolute;
    bottom: -28px;
}
@media only screen and (min-width: 64.063em){
    .wp-story-quote {
        margin: 0px auto 28px auto;
    }
}
/* PRODUCTS */
.wp-cards-display {
    margin-top: 24px !important;
}
/* THUMBNAILS */
.cmp-responsivelist.wp-thumbnails-h > li:not(:nth-of-type(1)){
    margin-top: 24px;
}
.cmp-responsivelist.wp-thumbnails-h > li .image + .core-container {
    margin-top: 8px;
}
@media only screen and (min-width: 40.063em){
    .cmp-responsivelist.wp-thumbnails-h > li > div {
        float: left;
        width: 100%;
    }
    .cmp-responsivelist.wp-thumbnails-h > li > div > div {
        display: table;
        width: 100%;
    }
    .cmp-responsivelist.wp-thumbnails-h > li > div > div .image {
        display: table-cell;
        vertical-align: top;
        width: calc(100% /3) !important;
        max-width: 393px;
    }
    .cmp-responsivelist.wp-thumbnails-h > li .image + .core-container {
        display: table-cell;
        vertical-align: top;
        padding-left: 16px;
        margin-top: 0px;
        width: calc((100% /3) * 2) !important;
    }
}
/* SHORT STORY */
.wp-video-caption {
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 64.063em){
    .wp-video-caption {
        padding-bottom: 0px;
        border-bottom: none;
    }
}
