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

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

	.error404 .center-content-wrapper { width: 100%; height: 100%; display: flex; 
		flex-direction: column; align-items: center; justify-content: center; }

	.error404 .center-content-wrapper > .error-box-inner { max-width: 1000px; text-align: center; }

	.error404 .center-content-wrapper > .error-box-inner .wdt-404-mainTitle { 
		font-size: clamp(3.75rem, 1.7308rem + 8.9744vw, 12.5rem); /* 60px - 200px */
		line-height: 1; font-weight: bold; color: var(--wdtPrimaryColor); }

	.error404 .error-box-inner *:where(h1, h2, h3, h4, h5, h6) { color: var(--wdtHeadAltColor); 
		margin: 0 0 clamp(0.75rem, 0.6346rem + 0.5128vw, 1.25rem); /* 12px - 20px */ line-height: normal; }
	
	.error404 .wdt-button, 
	.error404 .wdt-button.type1 { display: inline-block; padding: var(--wdtPadding_Btn); letter-spacing: 0; }

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

	.error404 .center-content-wrapper > .error-box-inner p{ color: var(--wdtHeadAltColor); font-weight: var(--wdtFontWeight_Ext); margin-bottom: 30px; }

	.error404 .center-content-wrapper > .error-box-inner img{margin-bottom: 50px;}


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

	.error404 .wdt-dark-bg { background: var(--wdtHeadAltColor); }

	.error404 .wdt-button, 
	.error404 .wdt-button.type1 { color: var(--wdtAccentTxtColor); }

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