/*--------------------------------------------------------------
    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: clamp(2rem, 1.525rem + 2.375vw, 4.375rem); text-transform: capitalize; font-weight: 400; }
	.error404 .wdt-button, .error404 .wdt-button.type2 { padding: 15px 35px; display: inline-block; letter-spacing:1.5px; }
	.error404 .wdt-button { font-size: var(--wdtFontSize_Ext);padding: var(--wdtPadding_Btn);padding-right: 75px;font-family: var(--wdtFontTypo_Base);font-weight: var(--wdtFontWeight_Base);line-height: 1;text-transform: capitalize;letter-spacing: var(--wdtLetterSpacing_3X); margin-top: 25px; border-radius: var(--wdtRadius_Part);-webkit-border-radius: var(--wdtRadius_Part);background: transparent;border: 1px solid currentColor;color: var(--wdtHeadAltColor);position: relative; }
	.error404 .wdt-button::before {content: '';background: currentColor;width: 25px;height: 8px;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.5 7.37'%3E%3Cpath d='M24.35,4,21.17,7.22a.5.5,0,1,1-.71-.71l2.33-2.33H0v-1H22.79L20.46.85a.51.51,0,0,1,0-.71.51.51,0,0,1,.71,0l3.18,3.19A.48.48,0,0,1,24.35,4Z'/%3E%3C/svg%3E");mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.5 7.37'%3E%3Cpath d='M24.35,4,21.17,7.22a.5.5,0,1,1-.71-.71l2.33-2.33H0v-1H22.79L20.46.85a.51.51,0,0,1,0-.71.51.51,0,0,1,.71,0l3.18,3.19A.48.48,0,0,1,24.35,4Z'/%3E%3C/svg%3E");}
	.error404 .wdt-button:hover::before {animation: btn-arrow 0.4s linear;-webkit-animation: btn-arrow 0.4s linear;}
	.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 .type8 .wdt-custom-404-svg, .error404 .type8 .wdt-custom-404-svg svg {     
		display: block; width: 100%; max-width: 650px; margin-left: auto; margin-right: auto; }

/*--------------------------------------------------------------
    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: transparent; color: var(--wdtHeadAltColor); }
	.error404 .wdt-button:hover { background-color: transparent; color: var(--wdtHeadAltColor); }

	.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: 767px) {

	.error404 .wdt-button { margin-top: 10px; }

}

/* 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); }

}