/*--------------------------------------------------------------
    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: 100px; font-weight: var(--wdtFontWeight_Base); 
		line-height: 0.85; letter-spacing: 0; text-transform: uppercase; margin: 0; 
		margin-bottom: clamp(1.5625rem, 1.3957rem + 0.9202vw, 2.5rem); /*40px - 25px*/ }
	.error404 h3 { position: relative; display: inline-block; font-size: 220px; font-weight: bold; line-height: 0.85; 
		top: 0; margin: 0; margin-bottom: clamp(1.875rem, 1.7082rem + 0.9202vw, 2.8125rem); /*40px - 25px*/ }
	.error404 h4 { width: 100%; max-width: 570px; font-size: var(--wdtFontSize_H3); 
		font-weight: var(--wdtFontWeight_Base); text-transform: uppercase; border-bottom: 1px solid var(--wdtBorderColor); padding-bottom: 30px; margin-top: 0; margin-bottom: 30px; 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 .wdt-404-icon { color: var(--wdtBorderColor); }
	.error404 .wdt-404-icon svg { display: block; margin: 0 auto; margin-bottom: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem); /* 50 - 30 */ font-size: clamp(9.375rem, 8.5rem + 4.375vw, 13.75rem); /* 220 - 150 */ stroke: currentColor; fill: currentColor; stroke-width: 3px; width: 1em; height: 1em; }
	.error404 .wdt-404-icon svg .wdt-404-ani { animation: wdt-404-ani 2s infinite linear; -webkit-animation: wdt-404-ani 2s infinite linear; }

	.error404 p { width: 100%; max-width: 750px; margin: clamp(1.125rem, 1.0375rem + 0.4375vw, 1.5625rem) auto; /* 25 - 18 */ }

	@keyframes wdt-404-ani {
		0% { transform: translateY(0px); -webkit-transform: translateY(0px); }
		50% { transform: translateY(-23px); -webkit-transform: translateY(-23px); }
	}

	@-webkit-keyframes wdt-404-ani {
		0% { transform: translateY(0px); -webkit-transform: translateY(0px); }
		50% { transform: translateY(-23px); -webkit-transform: translateY(-23px); }
	}


	.error404 .type1 h2 { 
		font-family: var(--wdtFontTypo_Alt); font-size: 100px; font-weight: var(--wdtFontWeight_Base); 
		line-height: 0.85; letter-spacing: 0; text-transform: uppercase; margin: 0; 
		margin-bottom: clamp(1.5625rem, 1.3957rem + 0.9202vw, 2.5rem); /*40px - 25px*/ }
	.error404 .type1 h3 { 
		position: relative; display: inline-block; font-size: 220px; font-weight: bold; line-height: 0.85; 
		top: 0; margin: 0; margin-bottom: clamp(1.875rem, 1.7082rem + 0.9202vw, 2.8125rem); /*40px - 25px*/ }
	.error404 .type1 h4 { 
		width: 100%; max-width: 570px; font-size: clamp(2.375rem, 1.85rem + 2.625vw, 5rem); /* Min-38 & Max-80 */ font-weight: var(--wdtFontWeight_H1); 
		line-height: var(--wdtLineHeight_H1); text-transform: capitalize; border-bottom: none; 
		padding-bottom: 0; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; color: var(--wdtBorderColor); }
	.error404 .type1 p {     
		font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); color: var(--wdtBodyTxtColor); }
	.error404 .type1 a.wdt-button { 
		display: inline-flex; align-items: center; font-size: var(--wdtFontSize_Base); 
		font-weight: var(--wdtFontWeight_Base); letter-spacing: 0; text-transform: capitalize; padding: 0;  
		-webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }
	.error404 .type1 a.wdt-button svg { font-size: 3.75em; opacity: 0.65; margin-left: 0.4em; transition: var(--wdt-Ad-Transition); transition-property: opacity; -webkit-transition: var(--wdt-Ad-Transition); -webkit-transition-property: opacity; width: 1em; height: 1em; }
	.error404 .type1 a.wdt-button:hover svg { opacity: 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.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); }

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



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

	.error404 h3 { color: var(--wdtPrimaryColor); }
	
	.error404 .type1 h3 { color: var(--wdtPrimaryColor); }
	.error404 .type1 a.wdt-button { background-color: transparent; background: var(--wdt-button-hover-bg); color: var(--wdtLinkColor); }
	.error404 .type1 a.wdt-button:hover { background-color: transparent; color: var(--wdtPrimaryColor); animation: var(--wdt-button-hover); -webkit-animation: var(--wdt-button-hover); }



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


    @media only screen and (min-width:768px) and (max-width:1024px) {
		.error404 .type1 h2 { font-size: 80px; }
		.error404 .type1 h3 { font-size: 180px; }
	}

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		.error404 .container { width: 100%; padding: 0 10%; }
		.error404 .type1 h2, .error404 h2 { font-size: 60px; }
		.error404 .type1 h3 { font-size: 150px; }
	}

    @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); }

		.error404 .container { width: 100%; padding: 0 10%; }
		.error404 .type1 h4 { width: 100%; }
		.error404 h1, .error404 h2, .error404 h3, .error404 h4, .error404 h5, .error404 h6 { line-height: normal; }
		.error404 .type1 h3, .error404 h3 { font-size: 70px; letter-spacing: 0; }
		.error404 .type1 h2, .error404 h2 { font-size: 120px; }
	}

	@media only screen and (min-width: 320px) and (max-width: 479px) {
		.error404 .type1 h2 { font-size: 50px; }
		.error404 .type1 h3 { font-size: 120px; }
		.error404 .type1 h4 { font-size: var(--wdtFontSize_H4); }
	}

	@media only screen and (max-width: 319px) {
		.error404 .type1 h2 { font-size: 40px; }
		.error404 .type1 h3 { font-size: 100px; }
		.error404 .type1 h4 { font-size: var(--wdtFontSize_H5); }	
	}