/*
##          ###    ##    ##  #######  ##     ## ########     ######   #######  ##    ##  ######   #######  ##       ######## 
##         ## ##    ##  ##  ##     ## ##     ##    ##       ##    ## ##     ## ###   ## ##    ## ##     ## ##       ##       
##        ##   ##    ####   ##     ## ##     ##    ##       ##       ##     ## ####  ## ##       ##     ## ##       ##       
##       ##     ##    ##    ##     ## ##     ##    ##       ##       ##     ## ## ## ##  ######  ##     ## ##       ######   
##       #########    ##    ##     ## ##     ##    ##       ##       ##     ## ##  ####       ## ##     ## ##       ##       
##       ##     ##    ##    ##     ## ##     ##    ##       ##    ## ##     ## ##   ### ##    ## ##     ## ##       ##       
######## ##     ##    ##     #######   #######     ##        ######   #######  ##    ##  ######   #######  ######## ########
*/

/*********************************************************************************************************************************************
***********************************************************************************************************************************************/

.js-console-top{
    overflow: hidden;
}
.js-console-main{
    position: relative;
    z-index: 1;
}

.js-console-strut{
    background-color: #f9f7e0;
    position: absolute;
    content: "";
    display: block;
    left: 0;
    right: 0;
    z-index: -1;
    bottom: -150px;
    height: 150px;
}

/*STRUCTURE*/

.ui-consoleview-container{
	width: 300px;
	margin: 20px auto 0;
	position:relative;
}
.ui-consoleview {
    box-sizing: border-box;
    width: 175px;
    min-height: 175px;
    text-align: center;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.ui-consoleview .horsesprite{
    height: 175px;
    width: 175px;
}
.ui-consoleview .horsehtml{
    transform: scale(.5);
    transform-origin: 0 0;
    margin-bottom: -130px;
}
/*NAV CARROUSEL*/

.consoleview-carousel-btn.preview {
    left: 0;
}
.consoleview-carousel-btn.next {
    right: 0;
}
.consoleview-carousel-btn {
    background-position: left top;
    background-repeat: no-repeat;
    position: absolute;
    top: 75px;
}
.ui-consoleview-btn-theme-b, .ui-consoleview-btn-theme-a svg, .ui-consoleview-btn-theme-b svg{
    fill: #ffffff;
}
.ui-consoleview-btn-theme-c, .ui-consoleview-btn-theme-c svg{
    fill: #40231b;
}
.consoleview-carousel-btn .svg {
    width: 32px;
    height: 32px;
}

/*TEXT ITEM*/

.ui-consoleview-name-theme-b{
    color: #fff;
}
.ui-consoleview-name-theme-c{
    color: #40231b;
}