/*
 * Copyright (c) 2019 Ponant. All rights reserved.
 * Developer: Christopher BROUARD <christopher.brouard@agence-tbd.com>
 */

/* Pages maintenance */
body {
    font-family : 'Montserrat', sans-serif;
    text-align  : center;
    font-size   : 12px;
    line-height : 1.4;
    margin: 0;
    height: 100%;
}
body.page-500 {
    background : #FFF;
    color      : #6b747c;
}
div.page-maintenance {
    background : #6b747c;
    color      : #FFF;
    height     : 100%;
}

.page-maintenance_logo {
    background : #FFF;
    width      : 100%;
    padding    : 20px 15px;
}

h1,
h2,
h3 {
    margin-bottom : 0;
    margin-top    : 0;
    font-weight   : 500;
}
.button {
    font-size        : 13px;
    text-decoration  : none;
    border-radius    : 100px;
    border           : 1px solid #138CA9;
    color            : #FFF;
    text-align       : center;
    transition       : all ease-in-out 0.3s;
    padding          : 13px 34px;
    background-color : #138CA9;
    font-family      : 'Montserrat';
    font-weight      : 500;
}
.button:hover {
    background : #FFF;
    color      : #138CA9
}
.background__pointilles {
    position : relative;
}
.background__pointilles::after {
    content           : "";
    position          : absolute;
    top               : 0;
    bottom            : 0;
    left              : 50%;
    border-left       : 2px dashed #D7D7D7;
    -webkit-transform : translate(-50%);
    transform         : translate(-50%);
}
.container__flags {
    display         : flex;
    display         : -webkit-flex;
    display         : -ms-flexbox;
    display         : -ms-flexbox;
    justify-content : center;
    align-items     : center;
}
.container__flags i {
    color : rgba(255, 255, 255, 0.5);
}
.error__number {
    font-size   : 23px;
    font-family : 'Lato', sans-serif;
    font-weight : 300;
    margin      : 0;
}
.text__medium {
    font-family : 'Montserrat';
    font-weight : 500;
}
.text__xxxl {
    font-size : 32px;
}
.text__xxl {
    font-size : 24px;
}
.text__xl {
    font-size : 22px;
}
.text__l {
    font-size : 16px;
}
@media screen and (max-width : 768px) {
    .container__flags {
        flex-direction         : column;
        -webkit-flex-direction : column;
        -ms-flex-direction     : column;
    }
    .container__flags div:not(:last-child) {
        border-bottom  : 1px solid rgba(255, 255, 255, 0.15);
        margin-bottom  : 30px;
        padding-bottom : 30px;
        min-width      : 300px;
    }
}
@media screen and (min-width : 768px) {
    .container__flags {
        flex-direction         : row;
        -webkit-flex-direction : row;
        -ms-flex-direction     : row;
    }
    .container__flags div:not(:last-child) {
        margin-right : 6%;
    }
}