@extends('layouts.limitless_light.layout_landing')

@push('stylesheet')	
	<style type="text/css">
		body {
			background-image: url("{{ asset('global_assets/themes/cthemes/img/header-background.svg') }}");
			background-repeat: no-repeat;
			background-position: center top;
			background-size: contain;
		}
		.nav-tabs-bottom .nav-link:hover:before {
	    	background-color: #2196f3;
		} 
		.products-grid-item-title {
		    -moz-osx-font-smoothing: grayscale;
		    -webkit-font-smoothing: antialiased;
		    color: #202124;
		    font-family: "Google Sans",Arial,Helvetica,sans-serif;
		    font-size: 1.125rem;
		    font-weight: 400;
		    letter-spacing: .03125rem;
		    line-height: 1.5rem;
		    margin-top: 1.25rem;
		}
		.products-grid-item-description {
		    -moz-osx-font-smoothing: grayscale;
		    -webkit-font-smoothing: antialiased;
		    color: #5f6368;
		    font-family: Roboto,Arial,Helvetica,sans-serif;
		    font-size: .875rem;
		    font-weight: 400;
		    letter-spacing: .01562rem;
		    line-height: 1.5rem;
		    margin: 0 auto;
		}
	</style>
@endpush

@section('header')
@endsection

@section('content') 
	<div class="flex-fill">
		<div class="text-center mb-3">
			<h1 class="error-title offline-title">Error Page</h1>
			<h5 class="font-weight-semibold text-danger">
				{{ !(empty($exception->getMessage()))?$exception->getMessage():'Error 400 Bad Request : The request cannot be fulfilled due to bad syntax!' }}
			</h5>
		</div>
	</div>
@endsection

@push('scripts')
	<script type="text/javascript">
	$(document).ready(function() {
		document.title = "404";
	});	
	</script>
@endpush