/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Logo
-----------------------------------------------------------------*/


#logo {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-align: center;
	margin-right: auto;
	max-height: 100%;
}

#logo a {
	width: 100%;
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: 36px;
}

#logo img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	height: 100px;
}

.header-size-sm #header-wrap #logo img {
	height: 60px;
}

.header-size-md #header-wrap #logo img {
	height: 80px;
}

.header-size-lg #header-wrap #logo img {
	height: 120px;
}

#logo a.standard-logo {
	display: -ms-flexbox;
	display: flex;
}

#logo a.retina-logo { display: none; }

@media (min-width: 992px) {

	.full-header #logo {
		padding-right: 30px;
		border-right: 1px solid #EEE;
	}

	#header.transparent-header.full-header #logo { border-right-color: rgba(0,0,0,0.1); }

	.sticky-header-shrink #header-wrap #logo img {
		height: 60px;
	}

}


/* ----------------------------------------------------------------
	Retina Logo
-----------------------------------------------------------------*/


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	#logo a.standard-logo { display: none; }

	#logo a.retina-logo {
		display: -ms-flexbox;
		display: flex;
	}

}


/* ----------------------------------------------------------------
	Error 404
-----------------------------------------------------------------*/


.error404 {
	display: block;
	font-size: 18vw;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 1;
	letter-spacing: 4px;
}

.error404-wrap .container { z-index: 7; }

.error404-wrap .error404 {
	line-height: 0.9;
	margin-bottom: 40px;
	font-weight: bold;
	font-size: 19vw;
	color: #FFF !important;
	opacity: 0.2;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}

.error404-wrap .heading-block h4 {
	font-weight: 300;
	margin-bottom: 8px;
}

.error404-wrap .heading-block span { font-size: 1.125rem; }

.error404-wrap form { max-width: 500px; }


/* ----------------------------------------------------------------
	Stretched Layout
-----------------------------------------------------------------*/

.stretched #wrapper {
	width: 100%;
	margin: 0;
	box-shadow: none;
}