/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    PAGE 404
    Style de la page 404
*/

/*
  00 - GÉNÉRAL
*/



/* -----------------
  00 - GÉNÉRAL
----------------- */

.page-hero--404 {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 40px 0;
    z-index: 1;
}

    .page-hero--404 .breadcrumb,
    .page-hero--404 .breadcrumb a {
        color: var(--c-secondary);
    }

.page-404 {
    position: fixed;
    background-color: var(--c-primary);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 100vh;
    top: 0;
    width: 100%;
    z-index: 999;
}

.page-404__content {
    position: absolute;
    left: 75px;
    bottom: 92px;
    z-index: 1;
}
.page-404__content::after {
    content: "";
    background-color: var(--c-secondary);
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 12px;
    left: 12px;
}
.page-404__content-inner {
    background-color: var(--white);
    border: 1px solid var(--c-primary);
    padding: 14px 34px 30px;
    font-size: 3rem;
    font-weight:500;
}
@media(min-width:768px) {
    .page-404__content-inner {
        width: 530px;
    }
}
.page-404__content-inner .atom_button-icon {
    font-weight:500;
    margin-top: 34px;
}
.page-404__content-inner p:has(.like-h2) {
    margin-bottom: 0;
}

.page-404__big-title {
    font-size: 160px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 100%;
}

.page-404__content a + a {
    margin-top: 12px;
}

    @media (min-width: 992px) {
        .page-404__content a + a {
            margin-top: 0;
            margin-left: 12px;
        }
    }
    @media (max-width: 767px) {
        .page-404__content {
            left: 49%;
            transform: translateX(-50%);
            width: 85%;
        }
        .page-404__big-title {
            font-size: 80px;
        }
        .page-404__content .like-h2 {
            font-size: 2.4rem;
        }
        .page-404__content .like-h2 br {
            display: none;
        }
    }