/*--------------------------------------------------------------
    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; }

	.error404 h1, .error404 h2, .error404 h3, .error404 h4, .error404 h5, .error404 h6 { line-height: 1em; }
	.error404 h2 { font-family: var(--wdtFontTypo_Alt); font-size: clamp(3.125rem, 2.25rem + 4.375vw, 7.5rem); /* 120 - 50 */ font-weight: var(--wdtFontWeight_Ext);
		line-height: 0.85; letter-spacing: 0.5px; text-transform: uppercase; margin: 0; margin-bottom: clamp(0.9375rem, 0.625rem + 1.5625vw, 2.5rem); /* 40 - 15 */ }
	.error404 h3 { position: relative; display: inline-block; font-size: clamp(2.125rem, 1.875rem + 1.25vw, 3.375rem); /* 54 - 34 */ font-weight: var(--wdtFontWeight_Ext); line-height: 0.85;  top: 0; margin: 0 0 clamp(0.625rem, 0.4375rem + 0.9375vw, 1.5625rem); /* 25 - 10 */ letter-spacing: 0.5px; }
	.error404 h4 { width: 100%; max-width: 570px; font-size: clamp(0.875rem, 0.75rem + 0.625vw, 1.5rem); /* 24 - 14 */
		font-weight: calc(var(--wdtFontWeight_Base) -100); text-transform: uppercase; margin-bottom: clamp(0rem, -0.25rem + 1.25vw, 1.25rem); /* 20 - 0 */ margin-top: 0; margin-left: auto; margin-right: auto; }
	.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; }

	.error404 .error-box.square { position: relative; transform: rotate(45deg); width: clamp(12.5rem, 10.625rem + 9.375vw, 21.875rem); /* 350 - 200 */ height: clamp(12.5rem, 10.625rem + 9.375vw, 21.875rem); /* 350 - 200 */ padding: clamp(1.25rem, 1rem + 1.25vw, 2.5rem); /* 40 - 20 */ display: flex; align-items: center; justify-content: center; margin: 40px auto clamp(3.75rem, 3.375rem + 1.875vw, 5.625rem); /* 90 - 60 */ }
	.error404 .error-box.square .error-box-inner { transform: rotate(-45deg); }



/*--------------------------------------------------------------
    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); color: var(--wdtLinkColor); }

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

	.error404 .error-box.square { background-color: var(--wdtPrimaryColor); }



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


	.error404 h3, .error404 h2, .error404 h4 { color: var(--wdtAccentTxtColor); }


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

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

}