/*--------------------------------------------------------------
    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: clamp(3.125rem, -0.4808rem + 16.0256vw, 18.75rem);
		font-weight: bold;
		display: inline-block;
		position: relative;
		margin-bottom: 0px;
		margin-top: 0;
		font-family: var(--wdtFontTypo_Alt);
	}
	.error404 h3 { font-size:70px; font-weight:bold; }
	.error404 h4 { 
		font-size: clamp(2.25rem, 1.925rem + 1.625vw, 3.875rem);
		font-weight: 400;
		text-transform: capitalize;
		border-bottom: 0px solid var(--wdtBorderColor);
		padding-bottom: 15px;
		margin-bottom: 0px;
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		width: 65%;
	}
	.error404 .wdt-button, .error404 .wdt-button.type2 { padding: var(--wdtPadding_Btn); display: inline-block; letter-spacing:0px; font-family: var(--wdtFontTypo_Base); text-transform: capitalize; border-radius: var(--wdtRadius_Zero); margin-top: 30px; }

	.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; }

		body.error404 div.wrapper {
			background-image: url(../Images/404-image.png);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			position: relative;
		}

	body.error404 div.wrapper:before {content: '';position: absolute;background: rgba(var(--wdtLinkColorRgb),0.45); width: 100%;height: 100%;top: 0;left: 0; z-index: 0; bottom: 0px; }

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

	.error404 .menu-links li a { color: var(--wdtHeadAltColor); }
	.error404 .type2 p {
		font-size: var(--wdtFontSize_Base);
		color: var(--wdtAccentTxtColor);
		margin-left: auto;
		margin-right: auto;
		width: 50%;
  	}


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

	.error404 h2 { color: rgba(var(--wdtAccentTxtColorRgb), 0.60); }



/*--------------------------------------------------------------
    Theme Style Button
--------------------------------------------------------------*/

	.error404 .wdt-button, .error404 .wdt-button.type2 { text-transform: capitalize; font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Alt); padding: var(--wdtPadding_Btn); border-radius: 0px; border: 1px solid; background: transparent; position: relative; overflow: hidden; color: var(--wdtAccentTxtColor); border-color: var(--wdtAccentTxtColor); box-shadow: 4px 4px 0px var(--wdtAccentTxtColor); -webkit-box-shadow: 4px 4px 0px var(--wdtAccentTxtColor); z-index: 1; }
	 .error404 .wdt-button:hover, .error404 .wdt-button.type2:hover { box-shadow: 0 0 0px var(--wdtAccentTxtColor); -webkit-box-shadow: 0 0 0px var(--wdtAccentTxtColor); background-color: transparent; }
	 .error404 .wdt-button::before, .error404 .wdt-button.type2::before { content: ''; position: absolute; left: -60%; top: -60%; width: 0; height: 150%; filter: url(#wdt-btn-filter); -webkit-filter: url(#wdt-btn-filter); z-index: -1; transition: all 1.5s cubic-bezier(0.1, 0.22, 0.3, 1); -webkit-transition: all 1.5s cubic-bezier(0.1, 0.22, 0.3, 1); background-color: var(--wdtPrimaryColor); background: var(--wdt-Button-BackgroundColor); }
	 .error404 .wdt-button:hover::before, .error404 .wdt-button.type2:hover::before { width: 220%; height: 220%; }



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


/* Common Styles for the devices below 479px width */
@media only screen and (max-width: 767px) {
	.error404 h4, .error404 .type2 p { 
		width: 100%;
	}
}