/*
 This quick example demonstrates the potentially drastic effects of simply
 toggling a class on an element.
 */

a:hover .media-holder .video-post {
    color: #fff;
}

.post-block a[class*="sat1-featured-posts-item"] {
    overflow: hidden;
    float: left;
    display: block;
	margin: 0 4% 0 0;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.post-block a[class*="sat1-featured-posts-item"]:last-child {
    margin-right: 0;
    float: right;
}

.media-holder {
    background-position: center center;
}

.sat1-featured-posts-content {
    padding: 21px 12px;
}

.sat1-featured-posts .no-post {
	padding: 12px 14px;
    color: rgba(146, 127, 127, 0.808);
    margin: 0;
    font-style: italic;
}

.sat1-featured-posts .featured-posts-excerpt {
    color: #000;
	padding: 15px 0 0;
}

.sat1-featured-posts .featured-posts-excerpt p {
    line-height: 1.4em;
}

.category-link {
	background-color: #e7a724;
	text-align: right;
	padding: 5px 16px 4px;
    font-size: 18px;
}

.category-link a {
	font-family: RidleyGrotesk-Regular;
}

.category-link span {
	text-transform: uppercase;
}

/* Layout Specific CSS */

.media-holder {
	padding-bottom: 41.55%;
    background: center center/cover no-repeat;
    position: relative;
}

.sat1-featured-posts-item1 .media-holder {
    padding-bottom: 50.55%;
}

.layout-1 .sat1-featured-posts-content .h-featured-posts {
    font-family: 'RidleyGrotesk-Bold';
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

a.sat1-featured-posts-item1, 
.vertical a.sat1-featured-posts-item2, 
.vertical a.sat1-featured-posts-item3,
.vertical a.sat1-featured-posts-item4 {
    width: 100%;
	margin-right: 0;
    margin-bottom: 4%;
}

/*.sat1-featured-posts .sat1-featured-posts-item1 .sat1-featured-posts-content {
    padding-bottom: 21px !important;
}*/

.horizontal a.sat1-featured-posts-item1 .sat1-featured-posts-content .h-featured-posts, 
.vertical a.sat1-featured-posts-item1 .sat1-featured-posts-content .h-featured-posts, 
.vertical a.sat1-featured-posts-item2 .sat1-featured-posts-content .h-featured-posts, 
.vertical a.sat1-featured-posts-item3 .sat1-featured-posts-content .h-featured-posts,
.vertical a.sat1-featured-posts-item4 .sat1-featured-posts-content .h-featured-posts  {
    font-size: 20px;
    line-height: 1.1em;
    text-transform: none;
    letter-spacing: 0.3px;
}

.horizontal a.sat1-featured-posts-item2 .sat1-featured-posts-content .h-featured-posts,
.columnize a.sat1-featured-posts-item4 .sat1-featured-posts-content .h-featured-posts {
    font-size: 18px;
    line-height: 1.1em;
    letter-spacing: 0.3px;
}

.horizontal a.sat1-featured-posts-item3 .sat1-featured-posts-content .h-featured-posts {
    font-size: 11.81px;
    letter-spacing: 0.3px;
    line-height: 1.14em;
}

.horizontal a.sat1-featured-posts-item2 .media-holder,
.columnize a.sat1-featured-posts-item4 .media-holder {
    padding-bottom: 56.95%;
}

.horizontal a.sat1-featured-posts-item2 .sat1-featured-posts-content, 
.columnize a.sat1-featured-posts-item4 .sat1-featured-posts-content {
    padding: 10px 12px 20px;
}

.horizontal a.sat1-featured-posts-item1 {
    width: 100%;
}

.horizontal a.sat1-featured-posts-item2,
.columnize a.sat1-featured-posts-item4 {
    /*width: 48%;*/
    flex: 48%;
}

.horizontal a.sat1-featured-posts-item3 {
    /*width: 30.6666%;*/
    flex: 30.6666%;
}

.horizontal a.sat1-featured-posts-item4 {
    /*width: 22%;*/
    flex: 22%;
}

.horizontal .sat1-featured-posts.basic-layout a:nth-child(2n) .sat1-featured-posts-content,
.columnize .sat1-featured-posts.basic-layout a:nth-child(2n) .sat1-featured-posts-content  {
    padding-left: 0;
}

.columnize a.sat1-featured-posts-item4:nth-child(2n) {
    margin-right: 0;
    float: right;
}

.horizontal .sat1-featured-posts-item3 .media-holder {
    padding-bottom: 53.55%;
}

.horizontal .sat1-featured-posts-item3:not(:first-child) .sat1-featured-posts-content {
    padding-left: 0;
}

/* Split Layout */

.split-layout a[class*="sat1-featured-posts-item"] {
    margin-bottom: 4%;
}

.split-layout .media-holder,
.split-layout .sat1-featured-posts-content {
    /*width: 48%;
    float: left;*/
    flex: 48%;
}

.split-layout .media-holder {
    margin-right: 4%;
    padding-bottom: 40%;
}

.split-layout .sat1-featured-posts-content {
    padding: 5px 10px 5px 0;
}

/* Split in thirds */

.split-layout.thirds .media-holder {
	/*width: 31.66666%;*/
	flex: 31.66666%;
}

.split-layout.thirds .sat1-featured-posts-content {
	/*width: 64.33332%;*/
	flex: 64.33332%;
}

.vertical.split-layout.thirds .sat1-featured-posts-item4 .media-holder {

}

.vertical.split-layout.thirds .media-holder {
    padding-bottom: 19.53%;
}

.vertical.split-layout.thirds a.sat1-featured-posts-item3 .sat1-featured-posts-content .h-featured-posts {
    font-size: 21px;
    text-transform: none;
    word-wrap: break-word;
    line-height: 1.1em;
}

.vertical.split-layout.thirds a.sat1-featured-posts-item3 .sat1-featured-posts-content .featured-posts-excerpt p {
    word-wrap: break-word;
    line-height: 1.28em;
}

.featured-layout.featured-post-top a:first-child .media-holder {
    padding-bottom: 48.73%;
}

.featured-layout.featured-post-top a:first-child .h-featured-posts {
    font-size: 26px;
}

.featured-layout.featured-post-top a:first-child .sat1-featured-posts-content {
    padding-bottom: 0;
}

.featured-layout.featured-post-top a:not(:first-child) .sat1-featured-posts-content {
    padding-top: 0;
    text-transform: none;
}

.featured-layout.featured-post-top a:not(:first-child) .sat1-featured-posts-content .h-featured-posts {
    font-size: 18px;
    text-transform: none;
}

.featured-layout.featured-post-top .sat1-featured-posts-item2:last-child .sat1-featured-posts-content {
    margin-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.featured-layout.vertical a:not(:first-child) {
    width: 100%;
}

.featured-layout.vertical a:not(:first-child) .media-holder {
    float: left;
    /*width: 31.66666%;*/
    flex: 31.66666%;
    margin-right: 4%;
    padding-bottom: 19.53%;
}

.featured-layout.vertical a:not(:first-child) .sat1-featured-posts-content  {
    /*width: 64.33332%;
    
    float: left;*/

    flex: 64.33332%;
}

.featured-layout.vertical a:not(:first-child) .sat1-featured-posts-content {
    margin-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.featured-post-top.horizontal a:first-child .sat1-featured-posts-content {
    margin-bottom: 4%;
}

.featured-layout.horizontal a:not(:first-child) {
   /* width: 48%;*/
    flex: 48%;
}

.featured-layout.horizontal a:nth-child(2) .sat1-featured-posts-content {
    padding-left: 12px;
}

.featured-layout.horizontal a:not(:first-child) .sat1-featured-posts-content {
    padding-top: 13px;
}

.featured-post-left.horizontal a:first-child .sat1-featured-posts-content {
    padding-top: 8px;
}

.featured-post-left a:not(:first-child) .sat1-featured-posts-content {
    margin-right: 0;
    padding-bottom: 0;

    padding-top: 0 !important;
}

.featured-post-left.horizontal a:nth-child(2) .sat1-featured-posts-content {
    padding-left: 0;
}

.columnize.split-layout.half .basic-layout a .media-holder {
    /*padding-bottom: 28.7%;*/
}

.columnize.split-layout.half .basic-layout .sat1-featured-posts-content {
    padding-top: 0;
}

.columnize.split-layout.half .basic-layout a .h-featured-posts {
    font-size: 14px;
}