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

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

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

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

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

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

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

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

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

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

.spyrius .circle, .spyrius .control .btn-material {
    background: #4a378a;
}

/**** TAGS ****/

.spyrius .spacetag {
    background: #abb1ba;
}

/**** SEARCH ****/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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