/*--------------------------------------------------------------
    404 Error / Not-found Page
--------------------------------------------------------------*/

.error404,
.error404>.wrapper {
	width: 100%;
	height: 100%;
}

.error404>.wrapper {
	display: flex;
	padding: 35px 0 50px;
}

.center-content-wrapper {
	display: table;
	width: 100%;
	height: 100%;
}

.center-content-wrapper .center-content {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.error404 h1,
.error404 h2,
.error404 h3,
.error404 h4,
.error404 h5,
.error404 h6 {
	line-height: 1em;
}

.error404 h2 {
	font-size: 170px;
	font-weight: bold;
}

.error404 h3 {
	font-size: 70px;
	font-weight: bold;
}

.error404 h4 {
	font-size: 60px;
	font-weight: 300;
}

.error404 .type8.wdt-dark-bg h4 {
	font-size: 60px;
	font-size: clamp(1.875rem, 1.4423rem + 1.9231vw, 3.75rem);
	text-transform: capitalize;
	font-weight: var(--wdtFontWeight_Alt);
	margin: clamp(0.625rem, 0.3798rem + 1.0897vw, 1.6875rem) 0 clamp(0.75rem, 0.6923rem + 0.2564vw, 1rem);
}

.error404 .type8 h2 {
	font-size: 290px;
	font-size: clamp(6.25rem, 3.5096rem + 12.1795vw, 18.125rem);
	line-height: 1;
	margin-bottom: 0;
	position: relative;
	top: 0;
	margin: 0;
}

.type8 .container .center-content-wrapper .center-content>p {
	margin: 0 auto clamp(1.5625rem, 1.4183rem + 0.641vw, 2.1875rem);
	width: 100%;
	max-width: 735px;
}

.error404 .type8 h2,
.error404 .type8 .wdt-go-back:hover i {
	color: var(--wdtAccentTxtColor);
}

.error404 .wdt-button,
.error404 .wdt-button.type2 {
	padding: var(--wdtPadding_Btn);
	display: inline-block;
	border-radius: var(--wdtRadius_Part);
}

.error404 .type2 #wdt-style-picker ul li::before,
.error404 #wdt-style-picker ul li:before {
	content: none;
}

.error404 .type2 #wdt-style-picker h3,
.error404 #wdt-style-picker h3 {
	letter-spacing: 0;
	text-transform: capitalize;
}

.error404 #wdt-style-picker h2 {
	top: 0;
}

.error-box-inner * {
	text-align: center;
}

.error404 .menu-links {
	margin: 40px 0;
}

.error404 .menu-links li {
	display: inline-block;
	text-transform: uppercase;
	font-size: 16px;
	padding: 0;
	margin: 0 2px 5px;
}

.error404 .menu-links li a {
	padding: 7px 20px;
	display: inline-block;
}

.error404 #searchform .wdt-search-icon {
	display: none;
}

.error404 #searchform {
	display: inline-block;
	margin: 0 auto;
	position: relative;
	width: 60%;
}

.error404 #searchform input[type="text"],
.error404 #searchform input[type="submit"] {
	height: 52px;
}

.error404 #searchform input[type="submit"] {
	border-radius: 0;
	padding: 13px 20px 13px;
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 0;
}

.error404 .container {
	height: 100%;
	text-align: center;
}



/*--------------------------------------------------------------
    Default Colors
--------------------------------------------------------------*/

.error404 .wdt-dark-bg,
.error404 .menu-links li:hover a {
	background: var(--wdtBodyBGColor);
}

.error404 .menu-links li a {
	background: rgba(var(--wdtHeadAltColorRgb), 0.05);
}

.error404 .wdt-button,
.error404 .wdt-button.type2,
.error404 .menu-links li:hover a {
	color: var(--wdtAccentTxtColor);
}

.error404 .wdt-button {
	background-color: var(--wdtPrimaryColor);

}

.error404 .wdt-button:hover {
	background-color: var(--wdtLinkHoverColor);

}

.error404 .menu-links li a {
	color: var(--wdtHeadAltColor);
}



/*--------------------------------------------------------------
    Accents
--------------------------------------------------------------*/

.error404 h2 {
	color: var(--wdtPrimaryColor);
}



/*--------------------------------------------------------------
 Responsive
--------------------------------------------------------------*/

/* Common Styles for the devices below 479px width */
@media only screen and (max-width: 479px) {

	.error404 h2 {
		font-size: var(--wdtFontSize_H1);
	}

	.error404 h3 {
		font-size: var(--wdtFontSize_H2);
	}

	.error404 h4 {
		font-size: var(--wdtFontSize_H3);
	}

}