body {
	font-family: Segoe UI Semilight, Segoe UI Regular,HelveticaNeue, Droid Sans, Arial, Sans-Serif;
	color: #ebebeb; /*xboxwhite*/
	background-repeat: no-repeat;
	background-image: url(RYSE_DM_fullbg.jpg);
	background-color: #000;
	background-size: cover;
}

h1, h2, h3 {
    font-family: Segoe UI SemiBold,HelveticaNeue, Droid Sans, Arial, Sans-Serif;
    font-size: 1.4em;
	line-height: 1.5em;
    margin-bottom: 20px;
}

.gameManualTitle {
    color:#ebebeb;
}

.navLinks .contentLink .menulink {

}

article a.articleTitle, article a.articleTitle:visited {
    color:#6b6b6b;
}

.kinectSpeech {
    color: #5dc21e;
}

/* BACKGROUNDS */
.helpMenu {
    background: transparent url(RYSE_DM_Splash.jpg) no-repeat;
    background-size: cover;
}

@media (orientation:portrait) and (min-width: 336px) and (max-width: 480px) and (min-height: 901px) and (max-height: 1080px), 
       (orientation:portrait) and (max-height: 900px), (orientation:portrait) and (min-height: 1081px), 
       (orientation:portrait) and (max-width: 335px) and (min-height: 901px) and (max-height: 1080px), 
       (orientation:portrait) and (min-width: 481px) and (min-height: 901px) and (max-height: 1080px) {

        .helpMenu {
            background: transparent url(RYSE_DM_640x1080.jpg) no-repeat center;
            background-size: cover;
        }
}

@media (orientation: landscape) and (max-height: 900px), (orientation: landscape) and (min-height: 1081px), 
       (orientation: landscape) and (max-width: 1430px) and (min-height: 901px) and (max-height: 1080px), 
       (orientation: landscape) and (min-width: 1930px) and (min-height: 901px) and (max-height: 1080px) {

        .articles article:not(.helpMenu) .contentPanel {
        }
}

.mainBefore {
    -webkit-column-break-before: always;
    -moz-column-break-before: always;
    -ms-column-break-before: always;
    -o-column-break-before: always;
    break-before: column;
}

.contentPanel .navLinks a:hover {
    background-color: rgba(235, 235, 235, 0.7); 
    color: #101010; 
    outline: none;
    border: none;
}

.contentPanel .navLinks a:focus {
    background-color: rgba(152,	4, 6, .7);
    color:#ebebeb;
    outline: none;
    border: none;
}


/* SNAPPED */
@media (orientation:portrait) and (min-width: 336px) and (max-width: 480px) and (min-height: 901px) and (max-height: 1080px) {
    .mainBefore, .tabletBefore, .mobileBefore {
        -webkit-column-break-before: auto;
        -moz-column-break-before: auto;
        -ms-column-break-before: auto;
        -o-column-break-before: auto;
        break-before: auto;
    }

    .snappedBefore {
        -webkit-column-break-before: always;
        -moz-column-break-before: always;
        -ms-column-break-before: always;
        -o-column-break-before: always;
        break-before: column;
    }
}


/* TABLET */
@media (orientation:landscape) and (max-height: 900px), (orientation:landscape) and (min-height: 1081px), 
       (orientation:landscape) and (max-width: 1430px) and (min-height: 901px) and (max-height: 1080px), 
       (orientation:landscape) and (min-width: 1930px) and (min-height: 901px) and (max-height: 1080px) {
    .articleTitle {
        visibility: visible;
    }

    .mainBefore, .snappedBefore, .mobileBefore {
        -webkit-column-break-before: auto;
        -moz-column-break-before: auto;
        -ms-column-break-before: auto;
        -o-column-break-before: auto;
        break-before: auto;
    }

    .tabletBefore {
        -webkit-column-break-before: always;
        -moz-column-break-before: always;
        -ms-column-break-before: always;
        -o-column-break-before: always;
        break-before: column;
    }

    .contentPanel a:hover, .contentPanel a:focus {
        background-color: rgba(235, 235, 235, 0); 
        color: #ffffff; 
    }
}


/* MOBILE */
@media (orientation:portrait) and (max-height: 900px), (orientation:portrait) and (min-height: 1081px), 
       (orientation:portrait) and (max-width: 335px) and (min-height: 901px) and (max-height: 1080px), 
       (orientation:portrait) and (min-width: 481px) and (min-height: 901px) and (max-height: 1080px) {
    .articleTitle {
        visibility: visible;
    }

    .mainBefore, .snappedBefore, .tabletBefore {
        -webkit-column-break-before: auto;
        -moz-column-break-before: auto;
        -ms-column-break-before: auto;
        -o-column-break-before: auto;
        break-before: auto;
    }

    .mobileBefore {
        -webkit-column-break-before: always;
        -moz-column-break-before: always;
        -ms-column-break-before: always;
        -o-column-break-before: always;
        break-before: column;
    }

    .contentPanel a:hover, .contentPanel a:focus {
        background-color: rgba(235, 235, 235, 0); 
        color: #ffffff; 
    }
}