.archive-featured {
    width: 100%;
    margin-#{$left}: auto;
    margin-#{$right}: auto;

    position: relative;
}

.archive-featured-row {
    //padding-top: 10px;

    .g1-mosaic {
        margin-bottom: 0;
    }
}

@media only screen and ( min-width: $mobile_grid_width + 1px ) {
    .archive-featured-row {
        //padding-top: if-stack( 'miami', 50px, 30px);
    }
}

.archive-featured {
    .archive-featured-title {
        margin-bottom: 0;

        position: absolute;
        z-index: 1;
        #{$left}: 30px;
        #{$right}: auto;
        top: 15px;

        strong {
            padding: 10px 10px;
            display: block;

            @if ( 'hardcore' == $stack ) {
                background-color: #1a1a1a;
                color: #fff;
            } @else {
                background-color: $skin_background_tone_color;
            }
        }
    }
}

.archive-featured-with-gutter {
    .archive-featured-title {
        #{$left}: 36px;
        top: 21px;
    }
}

.archive-featured.g1-row {
    @media only screen and ( min-width: $mobile_grid_width + 1px ) {
        .archive-featured-title {
            position: absolute;
            z-index: 1;
            #{$left}: 45px;
            #{$right}: auto;
            top: -20px;

            strong {
                display: table-caption;

                padding: 20px 20px;

                position: absolute;
                #{$left}: 0;
                top: 0;

                text-align: center;
            }
        }
    }

    @media only screen and ( max-width: $mobile_breakpoint ) {
        .archive-featured-title {
            margin-#{$left}: -10px;
            margin-#{$right}: -10px;
        }
    }
}


.archive-featured-with-title {
    > .g1-row-inner {
        @if ( 'minimal' == $stack ) {
            padding-top: 20px;
        } @else {
            padding-top: 30px;
        }
    }
}





.g1-mosaic {
    position: relative;

    &:after {
        display: table;
        clear: both;
        content: "";
    }

    .entry-tpl-tile {
        margin-bottom: 0;
    }
}



.g1-mosaic-item {
    position: relative;

    > article {
        position: absolute;
        #{$left}: 0;
        #{$right}: 0;
        top: 0;
        bottom: 0;

        > .entry-featured-media {
            position: absolute;
            #{$left}: 0;
            #{$right}: 0;
            top: 0;
            bottom: 0;

            > .g1-frame {
                position: absolute;
                #{$left}: 0;
                #{$right}: 0;
                top: 0;
                bottom: 0;
            }

            img {
                display: none;
            }
        }
    }
}

.archive-featured-with-gutter {
    .g1-mosaic {
        padding: 3px 0;
        margin-#{$left}: -3px;
        margin-#{$right}: -3px;
    }

    .g1-mosaic-item {
        > article {
            top: 3px;
            bottom: 3px;
        }
    }
}


@media only screen and ( min-width: 601px ) {
    .archive-featured-with-gutter {
        .g1-mosaic-item {
            > article {
                #{$left}: 3px;
                #{$right}: 3px;
            }
        }
    }
}


.archive-featured{
    .entry-badge-open-list{
        display:none;
    }
}







@import "components.mosaics/1";
@import "components.mosaics/1.bunchy";
@import "components.mosaics/2-2";
@import "components.mosaics/2-4-4";
@import "components.mosaics/3-3-3";


@import "components.mosaics/2of3-3v-3v";
@import "components.mosaics/4-4-4-4";
@import "components.mosaics/3-3v-3v-3v-3v";








