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

	.error404, .error404 > .wrapper { width: 100%; height: 100%; }
	.error404 > .wrapper { display: flex; padding: 35px 0 50px; }

	.center-content-wrapper {
		width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; }

	.error404 h1, .error404 h2, .error404 h3, .error404 h4, .error404 h5, .error404 h6 { line-height: 1em; }
	.error404 .wdt-button, .error404 .wdt-button.type1 { display: inline-block; padding: var(--wdtPadding_Btn); letter-spacing: 0; }
	.error404 .type1 #wdt-style-picker ul li::before, .error404 #wdt-style-picker ul li:before { content: none; }
	.error404 .type1 #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: var(--wdtRadius_Zero); padding: 13px 20px 13px; position: absolute; right: 0; top: 0; margin-top: 0; }

    .error404 .container { height: 100%; text-align: center; max-width: 1000px; width: 100%; }

	.error404 .type1 h2 { 
		font-family: var(--wdtFontTypo_Alt); font-size: 130px; font-weight: var(--wdtFontWeight_Base); 
		line-height: 1em; letter-spacing: 0; text-transform: uppercase; margin: 0;
		margin-bottom: clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem); }
	.error404 .type1 p {     
		font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); color: var(--wdtBodyTxtColor); margin-bottom: 35px; }
	.error404 .type1 a.wdt-button { 
		display: inline-block; font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); 
		letter-spacing: 0; text-transform: capitalize; padding: var(--wdtPadding_Btn); color: var(--wdtAccentTxtColor); 
		-webkit-border-radius: var(--wdtRadius_1X); border-radius: var(--wdtRadius_1X); margin-top: 0; }

	.error404 .type1 .error-box-inner > img {
		width: 100%; max-width: 420px; height: auto; margin-bottom: clamp(1.5625rem, 1.375rem + 0.9375vw, 2.5rem);
	}
	.error404 .type1 { position: relative; }
	.error404 .type1:after {
		content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: radial-gradient( rgba(var(--wdtAccentTxtColorRgb), 0.55) 5%, var(--wdtAccentTxtColor) 100%); z-index: 0; background-position: center center;
	}
		/* Accents */
		.error404 .type1 h2 { color: var(--wdtSecondaryColor) !important; }
		.error404 .type1 a.wdt-button { background-color: var(--wdtSecondaryColor); }
		.error404 .type1 a.wdt-button:hover { background-color: var(--wdtLinkHoverColor); color: var(--wdtSecondaryColor); }




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

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

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

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

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



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

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

/*--------------------------------------------------------------
 Responsive
--------------------------------------------------------------*/
@media (min-width:1281px) { .error404 .type1 p { padding: 0 7%;} } 
@media only screen and (min-width:768px) and (max-width:1280px) {
		.error404 .type1 h2 { font-size: 80px; }
		.error404 .container { max-width: 800px; width: 100%; }
		.error404 .type1 .error-box-inner > img {
		width: 100%; max-width: 320px;
	}
}

@media only screen and (min-width:320px) and (max-width:767px) {
		.error404 .type1 h2 { font-size: 50px; }
		.error404 .type1 .error-box-inner > img {
		width: 100%; max-width: 200px;
	}
}