/**** HERO IMAGES****/

.roboforce-space-hero {
    background: url('../image/themes/roboforce/home/Roboforce-Large.png') center top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
    width: 100%;  
}

.roboforce-2154-space-hero {
    background: url('../image/themes/roboforce/sets/2154/Roboforce-2154-Large.png') center top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
    width: 100%;  
}

.roboforce-2153-space-hero {
    background: url('../image/themes/roboforce/sets/2153/Roboforce-2153-Large.png') center top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
    width: 100%;  
}

.roboforce-2152-space-hero {
    background: url('../image/themes/roboforce/sets/2152/Roboforce-2152-Large.png') center top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
    width: 100%;  
}

.roboforce-2151-space-hero {
    background: url('../image/themes/roboforce/sets/2151/Roboforce-2151-Large.png') center top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
    width: 100%;  
}

/**** MINI-FIGURE GALLERY ****/

.roboforce .circle, .roboforce .control .btn-material {
    background: #665032;
}

/**** TAGS ****/

.roboforce .spacetag {
    background: #abb1ba;
}

/**** SEARCH ****/

/* Search Box Default Text Color */
.roboforce .icon-close, .iceplanet2002 .icon-material-search, .iceplanet2002 .search-input input {
    color: #fff !important;
}

.roboforce .input-search-helper {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Search Box Error Text */
.roboforce .space-header .search-input .warningColor {
    color: #fff !important;
}

/* Search Box Close Button Hover */
.roboforce .icon-close:hover {
    color: #d44617 !important;
}

/* Search Box Placeholder Text */
.roboforce .search-input ::-webkit-input-placeholder {
    color: #fff;
}

.roboforce .search-input ::-moz-placeholder {
    color: #fff;
}

.roboforce .search-input :-ms-input-placeholder {
    color: #fff;
}

/**** MOBILE LAYOUT ****/

@media (max-width: 839px) {
    
    /**** MOBILE HERO IMAGES****/
    
    .roboforce-space-hero {
        background: url('../image/themes/roboforce/home/Roboforce-Medium.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 75%;
        position: relative;
        width: 100%; 
    }
    
    .roboforce-2154-space-hero {
        background: url('../image/themes/roboforce/sets/2154/Roboforce-2154-Medium.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 75%;
        position: relative;
        width: 100%;  
    }

    .roboforce-2153-space-hero {
        background: url('../image/themes/roboforce/sets/2153/Roboforce-2153-Medium.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 75%;
        position: relative;
        width: 100%;  
    }

    .roboforce-2152-space-hero {
        background: url('../image/themes/roboforce/sets/2152/Roboforce-2152-Medium.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 75%;
        position: relative;
        width: 100%;  
    }

    .roboforce-2151-space-hero {
        background: url('../image/themes/roboforce/sets/2151/Roboforce-2151-Medium.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 75%;
        position: relative;
        width: 100%;  
    }
}

@media (max-width: 539px) {
    
    .roboforce-space-hero {
        background: url('../image/themes/roboforce/home/Roboforce-Small.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        width: 100%; 
    }

    .roboforce-2154-space-hero {
        background: url('../image/themes/roboforce/sets/2154/Roboforce-2154-Small.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        width: 100%;  
    }

    .roboforce-2153-space-hero {
        background: url('../image/themes/roboforce/sets/2153/Roboforce-2153-Small.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        width: 100%;  
    }

    .roboforce-2152-space-hero {
        background: url('../image/themes/roboforce/sets/2152/Roboforce-2152-Small.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        width: 100%;  
    }

    .roboforce-2151-space-hero {
        background: url('../image/themes/roboforce/sets/2151/Roboforce-2151-Small.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        width: 100%;  
    }    
}