@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");

.template_home {
    font-family: "Open Sans", sans-serif;
    color: #333 !important;
}
.template_presskit {
    font-family: "Roboto", sans-serif;
    color: #333;
}
header .uk-navbar-nav > li:nth-child(n + 2):before {
    content: "";
    height: 18px;
    border-right: 2px solid #3a220b;
    position: relative;
    top: 33px;
    float: left;
}
header .uk-navbar-nav > li:last-child::before {
    content: "";
    position: relative;
    border-right: 0px #d4d4d4;
    top: 33px;
    float: left;
}

header .uk-navbar-nav > li:nth-child(6)::before {
    content: "";
    position: relative;
    border-right: 0px #d4d4d4;
    top: 33px;
    float: left;
}
.uk-icon svg polygon,
.uk-icon svg circle,
.uk-icon svg path,
svg path {
    fill: #000;
}
.uk-dotnav > * > * {
    background-color: #facd97;
    border-color: #000;
}
.uk-dotnav > .uk-active > * {
    background-color: #007fa2;
    border-color: #000;
}
.stat_hero {
    top: -27px;
}
.web_trailer {
    bottom: 0;
    margin-bottom: -100px !important;
}
header .lang {
    border: 1px solid #3a220b;
    padding: 4px;
    border-radius: 9px;
    background-color: #3a220b;
    color: #fff;
    font-weight: 700;
}
.lang:hover {
    background-color: #703a07;
    border: 1px solid #3a220b;
}
.lang > span {
    margin-right: 3px;
}
.lang svg polyline {
    stroke: #eb9938;
    stroke-width: 2.5px;
}
.nav_previous {
    content: url("../assets/Assets/button_precedant.svg");
}
.nav_next {
    content: url("../assets/Assets/button_suivant.svg");
}
.uk-navbar-toggle,
.text-gary {
    color: #3a220b !important;
}

@media screen and (max-width: 640px) {
    .mobill_trailer {
        margin-bottom: -80px;
    }
    header .uk-navbar-nav > li:nth-child(5)::before {
        content: "";
        position: relative;
        border-right: 0px #d4d4d4;
        top: 33px;
        float: left;
    }
    .store_stats .uk-container {
        margin-top: 70px;
    }
}
@media screen and (max-width: 960px) and (min-width: 640px) {
    .web_trailer > iframe {
        width: 300px;
        height: 180px;
        margin-bottom: 33px;
    }
    .store_stats .uk-container {
        margin-top: 70px;
    }
}
@media screen and (max-width: 1250px) and (min-width: 961px) {
    .web_trailer > iframe {
        width: 443px;
        height: 251px;
        margin-bottom: 33px;
    }
}

#offcanvas > div {
    background-color: #eb9938;
}
.title_color {
    color: #3a220b !important;
    font-weight: bold;
}
.text-blue {
    color: #007fa2;
}
.know-more {
    border: 2px solid;
    font-weight: bold;
}
.know-more:hover {
    background-color: #0090b8;
    color: white;
    border: 2px solid #00556d;
}
.text_white {
    color: #fff;
}
.author_universe_overlay {
    background-color: #007fa2;
    opacity: 0.85;
    color: #fff;
}
.send_btn {
    background-color: #007fa2;
    border: 2px solid #00556d;
    font-weight: bold;
}
.send_btn:hover {
    background-color: #0090b8;
}
.input-email {
    background-color: #aad9e6;
    border: 2px solid #00556d;
}
.h1_note {
    font-size: 85px;
    font-family: "Open sans", sans-serif !important;
}
.modal_title {
    font-family: "Luckiest Guy", "Open Sans", sans-serif;
}
#welcome_modal .uk-modal-dialog {
    border: 2px solid #eb9938;
    border-radius: 15px;
}

@media screen and (min-width: 640px) {
    .discover_story {
        padding-top: 25px;
    }
}
@media screen and (min-width: 640px) and (max-width: 961px) {
    .iframe_youtube {
        height: 267px;
        width: 400px;
    }
}
@media screen and (max-width: 548px) {
    .author_universe_overlay {
        font-size: 9px;
    }
}
@media screen and (max-width: 860px) {
    .header__rs {
        display: none;
    }
}
@media screen and (max-width: 375px) {
    .newsletterBtn {
        margin-top: 5px;
    }
}

/* Presskit */
blockquote p::before {
    content: "\201C";
}

blockquote p::after {
    content: "\201D";
}
.in_game_description {
    background-color: #ffe9cf;
}
footer {
    background-color: #ffe9cf;
}

main .preskit_header {
    font-family: "Luckiest Guy", "Open Sans", sans-serif;
    color: #eb9938;
    text-shadow: 2px 3px 0px black;
}
.luckiest_font {
    font-family: "Luckiest Guy", "Open Sans", sans-serif;
    color: #693b1a;
}
#game_note dt {
    color: #a9600b;
    font-size: 14px;
    font-weight: bold;
}
#game_note dd {
    font-size: 15px;
}
#lead_comment blockquote p {
    font-size: 16px;
}
#lead_comment .lead_function {
    font-size: 14px;
}
#link_medias ul li a {
    color: #00637e;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
}
.back_to_site_btn {
    background-color: #007fa2;
    color: #fff;
    font-weight: bold;
}
.template header nav {
    height: 45px;
}

/* Services action session */
.over_background {
    background-color: #003b35;
    opacity: 0.8 !important;
}
.uk-inline-clip:hover .test {
    display: none;
}
.yellow_text {
    color: #fead54;
}
.btn_back_orange {
    background-color: #f1540e;
    color: #fff;
    border-radius: 5px;
}
.btn_back_orange:hover {
    background-color: #b93f08;
}
.black-white {
    filter: grayscale(100%);
}

.uk-overlay-default {
    background: rgb(255 255 255 /54%);
}

.arrow a:first-child {
    content: url("../assets/presskit/previous.png");
}
.arrow a:last-child {
    content: url("../assets/presskit/next.png");
}
.style_overlay {
    font-size: 35px;
    font-family: "Luckiest Guy";
    color: #fd8c1c;
    text-shadow: 2px 3px 0px black;
}
#banner .play_btn_container {
    left: 25%;
    bottom: 1rem;
    width: 30%;
}
#banner .play_btn_container .uk-flex {
    justify-content: center;
}

#banner .play_btn_container img {
    width: 80%;
}
.uk-overlay-primary {
    background: rgb(34 34 34 / 42%);
}

@media screen and (max-width: 640px) {
    #about_project .uk-slider-items li {
        padding: 30px;
    }
    .lead_image {
        width: 45%;
    }
}