/*
404 Page
============================================= */
.error-404 {
    margin: 10% 0;

    .page-header {
        text-align: center;

        &::before {
            bottom: 28px;
        }

        & > * {
            max-width: 100%;
        }

        .page-title {
            padding-bottom: 0;
            padding-left: 30px;
            padding-right: 30px;
        }

        i {
            font-size: 8.75rem;
            display: block;
            margin-bottom: 1.875rem;
            color: #000;
            opacity: 0.2;
        }
    }

    .page-content {
        text-align: center;

        .search-form {
            width: 40%;
            margin: 0 auto;

            .search-submit {
                display: none;
            }
        }
    }
}

.widgets-404 {
    margin-top: 50px;

    .col-md-3 {
        margin-bottom: 30px;
    }

    .widget {
        text-align: left;

        ul {
            list-style: none;
            padding-left: 0;

            li {
                margin-bottom: 10px;

                a {
                    color: inherit;
                }
            }
        }

        .widgettitle,
        .widget-title {
            font-size: 1.125rem;
            text-transform: uppercase;
        }
    }
}

/*
Extra Small
============================================= */
@include media-breakpoint-only(xs) {
    .error-404 {
        .page-content {
            .search-form {
                width: 90%;
            }
        }
    }
}
