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

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

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

	body.error404 div.wrapper { z-index: 1; position: relative; overflow: hidden; }

	.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 .wdt-button, .error404 .wdt-button.type2 {     
		font-family: var(--wdtFontTypo_Alt); font-size: var(--wdtFontSize_Base); padding: var(--wdtPadding_Btn); font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Alt); text-transform: capitalize; }
	.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; }

	.error404 .wrapper.type2 .error-box.square img { 
		width: 100%; max-width: clamp(12.5rem, 10.2761rem + 12.2699vw, 25rem); margin-top: -50px; margin-bottom: 20px; }
	.error404 .type2 h2 { 
		width: 100%; max-width: 1000px; position: relative; display: inline-block; font-family: var(--wdtFontTypo_Alt); font-size: clamp(1.875rem, 1.6304rem + 1.3497vw, 3.25rem); 
		font-weight: 900; line-height: var(--wdtLineHeight_Alt); text-transform: capitalize; top: 0; 
		margin: clamp(0.9375rem, 0.8819rem + 0.3067vw, 1.25rem) 0 clamp(0.625rem, 0.5138rem + 0.6135vw, 1.25rem) 0; }
	.error404 .type2 h3 { 
		font-family: var(--wdtFontTypo_Alt); font-size: var(--wdtFontSize_H6); font-weight: var(--wdtFontWeight_Alt); letter-spacing: var(--wdtLetterSpacing_3X); text-transform: uppercase; color: var(--wdtSecondaryColor); margin: 0; }
	.error404 .type2 h4 { font-size:42px; font-weight:300; text-transform:uppercase; border-bottom:1px solid var(--wdtBorderColor); padding-bottom:30px; margin-bottom:30px; margin-left:auto; margin-right:auto; width:570px; }

	.error404 .type2 { font-size:16px; color: var(--wdtBodyTxtColor); }
	.error404 .type2 p { font-size: var(--wdtFontSize_Base); max-width: 700px; margin: auto; 
		margin-bottom: clamp(1.25rem, 1.0832rem + 0.9202vw, 2.1875rem); color: var(--wdtAccentTxtColor); }

	.error404 .type2 a.wdt-back { color: var(--wdtAccentTxtColor); display: inline-block; padding: 15px 50px; font-size:16px; letter-spacing:1px; text-transform:uppercase; border-radius:25px; }

	.error404 .type2 div[class*="error-box-title-"] { 
		position: absolute; width: auto; height: auto; margin: auto; }
	.error404 .type2 div.error-box-title-2 { top: auto; left: auto; right: 0; bottom: 0; }
	.error404 .type2 div[class*="error-box-title-"] h6 {
		font-size: clamp(9.375rem, 7.7071rem + 9.2025vw, 18.75rem); font-weight: 900; line-height: clamp(9.375rem, 7.7071rem + 9.2025vw, 18.75rem); color: rgba(var(--wdtAccentTxtColorRgb), 0.1); }

/*--------------------------------------------------------------
	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.type2, .error404 .menu-links li:hover a { color: var(--wdtAccentTxtColor); }

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

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



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

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



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