/*------------------------------- Hiding Elements --------------------------------*/
.col-5-section .tile-tags-row, 
.split-tile .tile-tags-row,
.featured-makers-section1 .tiles_section .tile-sibtitle,
.featured-designers-section .tile-sibtitle,
.featured-designers-section .tile-tags-row,
.featured-makers2-col-4 .tile-sibtitle,
.featured-makers2-col-4 .tile-tags-row,
.pre-footer-section {
    display: none;
}


/*------------------------------- General --------------------------------*/

.col-5-section .tile-title .item-name, 
.col-5-section .tile-sibtitle,
.col-4-section .tile-title .item-name,
.col-4-section .tile-sibtitle{
    font-size: 18px;
}

.button a{
    font-size: 14px;
    letter-spacing: 0.02em;
    min-width: 0;
    width: 125px;
}

.featured-makers-section1,
.featured-makers-section2,
.featured-designers-section{
    padding-top: 120px;
}
.featured-designers-section{
    margin-bottom: 45px;
}

/*------------------------------- Two Images Section --------------------------------*/

.two-images-tile{
    margin-bottom: 120px;
}

/*------------------------------- 5 Cols Section --------------------------------*/
@media all and (min-width: 1025px){
    .col-5-section .tile {
        margin-bottom: 115px;
        margin-right: 24px;
        width: calc((100% - 96px) / 5);
    }
}

@media all and (max-width: 1024px) and (min-width: 769px){
    .col-5-section .tile {
        margin-bottom: 60px;
        margin-right: 24px;
        width: calc((100% - 72px) / 4);
    }
    .col-5-section .tile:nth-of-type(4n+1){
        margin-right: 24px;
    }
}

@media all and (min-width: 769px){
    .col-4-section .tile {
        margin-bottom: 110px;
        margin-right: 24px;
        width: calc((100% - 72px) / 4);
    }
}

.col-5-section .tile-title .item-name{
    margin-top: 0.9em;
}

/*------------------------------- Split Section --------------------------------*/

.split-tile .tile-description{
    max-width: 80.5%;
    padding-right: 0;
}
.split-tile .tile-more{
    margin-top: 34px;
}

/*------------------------------- Featured Makers 1 --------------------------------*/

.featured-makers-section1 .tiles_section .tile{
    margin-bottom: 0;
}
.featured-makers-section1 .tiles_section .tile .image-container{
    padding-bottom: 65.5%;
}
.featured-makers-section1 .tiles_section .tile-title .item-name{
    font-size: 50px;
    font-weight: 300;
}
.featured-makers-section1 .tile-description{
    margin-bottom: 16px;
}
.featured-makers-section1 .tile-tags-row{
    display: none;
}

/* 4-cols sub-section */
.featured-designers-section .tile{
    margin-bottom: 64px;
}
.featured-designers-section .tile .image-container.portrait-image{
    padding-bottom: 122%;
}
.featured-designers-section .tile-title .item-name{
    font-weight: 300;
    margin-top: 1em;
}

/*------------------------------- Featured Makers 2 --------------------------------*/

.featured-makers-section2 .tile{
    margin-bottom: 120px;
}

/*------------------------------- 2 Cols Section --------------------------------*/

@media all and (min-width: 769px){
    .col-2-section .tile {
        width: calc(50% - 12px);
    }
}
.col-2-section .tile-description{
    letter-spacing: 0.01em;
}
/* 4-cols sub-section */
.featured-makers2-col-4 .tile{
    margin-bottom: 115px;
}
.featured-makers2-col-4 .tile .image-container.portrait-image{
    padding-bottom: 120%;
}
.featured-makers2-col-4 .tile-title .item-name{
    margin-top: 1em;
}

/*------------------------------- Get Featured --------------------------------*/

.get-featured-section .split-tile{
    border-top: 1px solid #666;
    margin-bottom: 0;
    padding: 120px 0;
}
.get-featured-section .split-tile .tile-text{
    height: 71.5%;
}
.get-featured-section .split-tile .tile-sibtitle{
    max-height: none;
}
.get-featured-section .split-tile .tile-description{
    max-width: 83%;
}
.get-featured-section .button a{
    width: 145px;
}

/*------------------------------- Categories Cols --------------------------------*/
.marketplace-categories-section{
    margin-bottom: 45px;
}
.tile.marketplace-landing-category-tile {
    margin-bottom: 64px;
}

@media all and (max-width: 1366px){
    .featured-products-section .split-tile .tile-title .item-name, 
    .featured-products-section .split-tile .sibtitle,
    .featured-makers-section1 .tiles_section .tile-title .item-name,
    .featured-makers-section1 .tiles_section .tile-sibtitle,
    .get-featured-section .split-tile .tile-title .item-name,
    .get-featured-section .split-tile .tile-sibtitle{
        font-size: 40px;
    }
    .col-5-section .tile-title .item-name, 
    .col-5-section .tile-sibtitle, 
    .col-4-section .tile-title .item-name, 
    .col-4-section .tile-sibtitle {
        font-size: 16px;
    }
}

@media all and (max-width: 1024px){
    .featured-products-section .split-tile .tile-title .item-name, 
    .featured-products-section .split-tile .sibtitle,
    .featured-makers-section1 .tiles_section .tile-title .item-name,
    .featured-makers-section1 .tiles_section .tile-sibtitle,
    .get-featured-section .split-tile .tile-title .item-name,
    .get-featured-section .split-tile .tile-sibtitle{
        font-size: 32px;
    }
}

@media all and (max-width: 768px){

    /* General */
    .button a{
        font-size: 10px;
    }
    .get-featured-section .button a{
        height: 25px;
        line-height: 24px;
        width: 96px;
    }
    .featured-products-section .home-section-title,
    .featured-makers-section1 .home-section-title,
    .featured-designers-section .tile,
    .featured-makers-section2 .home-section-title,
    .featured-makers2-col-4 .tile{
        margin-bottom: 25px;
    }
    
    .featured-products-section .wrap,
    .marketplace-section-8 .wrap{
        padding: 0;
    }
    .featured-products-section .homepage-tiles-section-header,
    .featured-makers-section1 .homepage-tiles-section-header,
    .featured-products-section .two-images-tile .tile-text,
    .featured-products-section .col-5-section,
    .featured-products-section .split-tile .tile-text,
    .featured-makers-section1 .tile-text,
    .featured-designers-section{
        padding-left: 15px;
        padding-right: 15px;
    }


    /* Tiles */
    .featured-products-section .split-tile .tile-title .item-name, 
    .featured-products-section .split-tile .tile-sibtitle,
    .featured-makers-section1 .tiles_section .tile-title .item-name, 
    .featured-makers-section1 .tiles_section .tile-sibtitle,
    .get-featured-section .split-tile .tile-title .item-name,
    .get-featured-section .split-tile .tile-sibtitle{
        font-size: 24px;
        line-height: 1.1;
        margin: 0;
    }
    .featured-products-section .split-tile .tile-text,
    .featured-makers-section1 .tiles_section .tile-text{
        padding-top: 20px;
    }

    .featured-products-section .col-5-section .tile-title .item-name, 
    .featured-products-section .col-5-section .subtitle,
    .featured-designers-section .tile-title .item-name,
    .featured-designers-section .tile-sibtitle,
    .featured-makers2-col-4 .tile-title .item-name,
    .featured-makers2-col-4 .tile-sibtitle{
        font-size: 12px;
        margin: 0;
    }
    .featured-products-section .col-5-section .tile .tile-title,
    .featured-designers-section .tile .tile-title,
    .featured-makers2-col-4 .tile .tile-title{
        margin: 14px 0 0;
    }
    .featured-products-section .col-5-section .tile{
        margin-bottom: 25px;
    }

    /* Featured Section */
    .featured-products-section{
        margin-top: -5px;
    }
    /* Featured Section -- Two Images Tile */
    .featured-products-section .two-images-tile{
        margin-bottom: 50px;
        margin-top: 0;
    }
    .featured-products-section .two-images-tile .image-container{
        padding-bottom: 85% !important;
    }
    .featured-products-section .two-images-tile .tile-title .item-name{
        margin-top: 20px;
    }
    .featured-products-section .two-images-tile .tile-description {
        margin-top: 12px;
    }
    /* Featured Section -- Col-5-Section */
    .featured-products-section .col-5-section{
        padding-bottom: 17px;
    }
    .featured-products-section .button a{
        width: 85px;
    }
    .featured-products-section .tile-tags-row {
        margin-top: 20px;
    }
    
    /* Featured Section -- Split Tile*/

    .featured-products-section .split-tile{
        margin-bottom: 50px;
    }
    .featured-products-section .split-tile-bottom {
        margin-top: 15px;
    }
    .featured-products-section .split-tile .tile-more {
        margin-top: 12px;
    }
    .featured-products-section .split-tile .image-container {
        padding-bottom: 85%;
    }

    /* Categories Section */
    .marketplace-categories-section {
        margin-bottom: 20px;
    }
    .col-4-section .home-section-more{
        right: 0;
    }
    .col-4-section .home-section-title{
        margin-bottom: 30px;
    }
    .marketplace-categories-section .tile.marketplace-landing-category-tile{
        margin-bottom: 20px;
    }
    /* Featured Makers */
    .featured-makers-section1, 
    .featured-makers-section2, 
    .featured-designers-section {
        padding-top: 50px;
    }
    .featured-designers-section {
        margin-bottom: 23px;
    }
    .featured-makers-section1 .tile-description {
        margin: 14px 0;
    }
    .featured-makers-section2 .tile{
        width: 100%;
    }
    .featured-makers-section2 .tile:nth-of-type(2) {
        display: none;
    }
    .featured-makers-section1 .tiles_section .tile .image-container {
        padding-bottom: 86%;
    }
    .featured-makers-section1 .button a{
        width: 86px;
    }
    .featured-makers2-col-4{
        margin-bottom: -30px;
    }
    .tiles_section .background-image-tile .tile-description{
        margin-left: auto;
        margin-right: auto;
    }


    .background-image-tile .tile-description {
        margin: 10px 0 8px;
    }
    .featured-makers-section2 .tile {
        margin-bottom: 50px;
    }
    .get-featured-section .split-tile{
        padding: 50px 0 35px;
    }
    .get-featured-section .split-tile .image-container{
        padding-bottom: 93%;
    }
    .get-featured-section .split-tile .tile-description {
        max-width: 100%;
    }
    .get-featured-section .split-tile .tile-more {
        margin-top: 17px;
    }
    .get-featured-section .button a{
        width: 100px;
    }
    .get-featured-section .home-section-more{
        right: 0;
    }
}