@font-face {
    font-family: edosz;
    src: url(/fonts/edosz.ttf);
}

@font-face {
    font-family: Belepotan;
    src: url(/fonts/Belepotan-Normal.otf);
}

@font-face {
    font-family: blowbrush;
    src: url(/fonts/blowbrush.ttf);
}

@font-face {
    font-family: edosz;
    src: url(/fonts/edosz.ttf);
}

p {
    font-family: edosz, Arial, Arial, Helvetica, sans-serif;
}

a.mailto {
    font-family: Arial, Helvetica, sans-serif;
}

div.text-justify {
    font-family: edosz, Arial, Arial, Helvetica, sans-serif;
}
div.card-body {
    font-family: edosz, Arial, Arial, Helvetica, sans-serif;
}

#btnGoToTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 40px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    outline: none; /* Remove outline */
    cursor: pointer; /* Add a mouse pointer on hover */
    font-size: 2rem; /* Increase font size */
    font-weight: bold;
    width: 4rem;
    height: 4rem;
}

h1, h2, h3, .badge {
    font-family: edosz, Arial, Helvetica, sans-serif;
    color: black;
}

i.standalone-downloads {
    font-size: 5rem;
}

.games-icons {
    height: 5rem;
    width: 5rem !important;
    min-width: 5rem !important;
}

.logo-icons {
    max-height: 5rem;
}

#nav-categories {
    font-family: edosz, Arial, Helvetica, sans-serif;
}

    #nav-categories .list-group-item {
        color: black !important;
    }

#title-bar img {
    max-height: 3rem;
}

.navbar-light a {
    font-family: edosz, Arial, Helvetica, sans-serif;
    color: black !important;
}

.stores-badges {
    height: 6rem;
}

.fixed-left {
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    left: 0;
    overflow-x: hidden; /* Disable horizontal scroll */
}

#games-bar a {
    min-width: 6rem;
    min-height: 6rem;
}

    #games-bar a p, #games-bar a span, #games-bar a {
        font-family: edosz, Arial, Helvetica, sans-serif;
    }

#games-bar a {
    color: black !important;
}

#bottom-filler {
    height: 150px !important;
}

footer.fixed-bottom {
    z-index: 98;
}

#carouselControls {
    font-family: edosz, Arial, Helvetica, sans-serif;
    font-size: 3rem;
    color: white;
    text-shadow: 0px 0px 20px black;
}

    #carouselControls a {
        color: white;
    }

#link-under-carousel {
    font-family: edosz, Arial, Helvetica, sans-serif;
    font-size: 3rem;
    color: black;
    /*text-shadow: 0px 0px 20px black;*/
}

hr {
    height: .25rem;
    border: none;
    color: #333;
    background-color: #333;
}

.img-thumbnail {
    padding: .25rem;
}

#bottom-bar .twitter {
    background: #55ACEE;
    color: white;
    width: 4rem;
    height: 4rem;
}

#bottom-bar .pinterest {
    background: #CB2027;
    color: white;
    width: 4rem;
    height: 4rem;
}

#bottom-bar .instagram {
    background: #3F729B;
    color: white;
    width: 4rem;
    height: 4rem;
}

#bottom-bar .google-play {
    background: #689F38;
    color: white;
    width: 4rem;
    height: 4rem;
}

#bottom-bar .tumblr {
    background: #2C4762;
    color: white;
    width: 4rem;
    height: 4rem;
}

#bottom-bar .youtube {
    background: #BB0000;
    color: white;
    width: 4rem;
    height: 4rem;
}

.news-thumbnail {
    max-width: 10rem;
    max-height: 10rem;
}

.manual-icons {
    max-height: 3rem;
}

strong {
    font-family: edosz, Arial, Helvetica, sans-serif;
}

.webglcontentcontainer {
    background: none no-repeat transparent; /* url('/images/logo/logo-borne-webgl.png') no-repeat transparent;*/
    /*background-position: center;*/
    height: 604px;
    width: 872px;
    margin: 0;
    position: relative;
    left: 50%;
    transform: translate(-435px);
    top: 44px;
    /*left: 14px;*/
    border: none; /*1px solid white;*/
}

.embedwebglcontent {
    background: none no-repeat transparent;
    height: 602px;
    width: 870px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border: none; /*1px solid white;*/
}

.webgl-content {
    margin: 0;
}

#mainbody {
    background-image: url('/images/common/fondfond.png');
    background-repeat: repeat;
    /*min-width: 980px;*/
    padding: 0;
    /*height: 100%;*/
    width: 100%;
}

.jumbotron {
    background: url('/images/common/room.png') no-repeat transparent;
    background-position-y: top;
    background-position-x: center;
}

.container-fluid {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100vh;
    overflow: hidden;
}

.snap-y-container {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100vh;
    scroll-snap-type: y proximity;
}

.snap-child-start {
    scroll-snap-align: start;
}

.snap-child-end {
    scroll-snap-align: end;
}

.snap-child-100 {
    height: 100vh;
    scroll-snap-align: center;
    scroll-margin: auto;
    scroll-padding: auto;
}

div.caption > p {
    font-size: 1.2em;
}

@media print {
    .manual-sections {
        page-break-inside: avoid;
    }
}