/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/atvi/sierra/sierra-touchui/components/pages/kings-quest/clientlibs/css/kings-quest.less
Error: FileError: 'utils.less' wasn't found in /apps/atvi/sierra/sierra-touchui/components/pages/kings-quest/clientlibs/css/kings-quest.less on line 1, column 1:
1 @import "/apps/atvi/sierra/sierra-touchui/clientlibs/utils/utils.less";
2 


(uncompiled LESS src is included below)
*****************************************************/
@import "/apps/atvi/sierra/sierra-touchui/clientlibs/utils/utils.less";

.kings-quest-hero-container{
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    justify-content: center;
    border: 2px solid green;
    margin-top: 70px;
        overflow: visible;
    margin-bottom: 100px;

}

.kings-quest-hero-background{
    height: 635px;
    background-size: contain;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
}

.atvi-video{
	overflow: visible!important;
}

.kings-quest-video{
	width: 738px;
    height: 415px;
    border: 10px solid white;
    margin-top: 25rem;
    z-index: 3;
    position: relative;
    overflow: visible!important;
}

.kings-quest-download-today{
	background: @sierra-orange;
    font-family: "latoblack", sans-serif;
    text-transform: uppercase;
    color: white;
    text-align: center;
    margin: 0 auto;
    width: fit-content;
    font-size: 32px;
    padding: 1rem;
    letter-spacing: 8px;
    line-height: 48px;
}

.kings-quest-logo{
    margin-top: 10rem;
    margin-left: -2.5rem;
    height: 140px;
}

.kings-quest-logo-container{
	display: flex;
    position: absolute;
   // top: calc(50% - 140px);
    top: 0;
    z-index: 2;
}

.kings-quest-description{
    padding: 0px 20px 40px 20px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    font-size: 17px;
    letter-spacing: 1px;
    white-space: pre-wrap;

    margin-top: 0px;
    width: 100%;
    display: flex;
    justify-content: center;

    .atvi-image-wrapper{
    	max-width: 780px;
    }
}
/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/atvi/sierra/sierra-touchui/components/pages/kings-quest/clientlibs/css/kings-quest-carousel.less
Error: FileError: 'utils.less' wasn't found in /apps/atvi/sierra/sierra-touchui/components/pages/kings-quest/clientlibs/css/kings-quest-carousel.less on line 1, column 1:
1 @import "/apps/atvi/sierra/sierra-touchui/clientlibs/utils/utils.less";
2 


(uncompiled LESS src is included below)
*****************************************************/
@import "/apps/atvi/sierra/sierra-touchui/clientlibs/utils/utils.less";

.kings-quest-media-carousel{
    .slick-list{
        .slick-track{
            .slick-slide{
                border: 10px solid @sierra-orange;
                margin-left: 1rem;
                margin-right: 1rem;
                box-sizing: border-box;
                width: 640px!important;
                height: 370px!important;
            }
        }
    }
}