/*--------------------------------------------------------------
    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:60px; font-weight:300; }

	.error404 .wdt-button, .error404 .wdt-button.type2 { 
		padding: var(--wdtPadding_MaxiBtn); 
		display: inline-block; 
		/* letter-spacing:1.5px; */
	 }

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



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

	.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(--wdtAccentTxtColor); }

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



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

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


/* -----------------
Type 2 
----------------*/

.error404 .type2 h2 { 
	font-size:280px; 
	font-weight:bold; 
	display:inline-block; 
	line-height: 270px; 
	top: 0; 
	position:relative; 
	margin-bottom: 0; 
	text-shadow: 0 20px 0 rgba(var(--wdtHeadAltColorRgb),0.15);
}


.error404 .type2 h3 { 
	font-size:70px; 
	font-weight:700; 
	letter-spacing:normal; 
	text-transform:capitalize; 
	line-height: normal;
	color: var(--wdtAccentTxtColor); 
	margin: 0 0 20px 0;
}

.error404 .type2 h4 { 
	font-size:60px; 
	font-weight:300; 
	text-transform:capitalize; 
	margin-top: 0;
	margin-bottom:40px;
	margin-left:auto; 
	margin-right:auto; 
	color: var(--wdtAccentTxtColor); 
	line-height: normal;
}

.error404 .type2 { font-size:16px; color: var(--wdtBodyTxtColor); }

.error404 .type2 p { font-size:var(--wdtFontSize_Base); color: var(--wdtAccentTxtColor); margin-bottom: 24px; }






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



/* Note: Design for a width of 768px */
@media only screen and (min-width:768px) and (max-width:1024px) {

	/*** 404 ***/
   .error404 .type2 h2 { font-size: 190px; line-height: 200px; margin-top: 0; }
   .error404 .type2 h3 { font-size: 60px; }
   .error404 .type2 h4 { font-size:54px; margin-bottom: 30px; }
}

/*----*****---- << Mobile (Landscape) >> ----*****----*/
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

   .error404 .type2 h3 { font-size: 50px; letter-spacing: 0px; }
   .error404 .type2 h2 { line-height: 120px; font-size: 120px; }
   .error404 .type2 h2 { margin-top: 0; }

   /*** 404 ***/

   .error404 .type2 h4 { font-size: 50px; margin-bottom:  20px; }


}

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

   /*** 404 ***/

   .error404 .type2 h3 { font-size:70px; letter-spacing:0; }
   .error404 .type2 h2 { line-height: 120px; font-size: 120px; }
   .error404 h2 { font-size: var(--wdtFontSize_H1); }
   .error404 h3 { font-size: var(--wdtFontSize_H2); }
   .error404 h4 { font-size: var(--wdtFontSize_H3); }
}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 479px) {

   /*** 404 ***/

   .error404 .type2 h3 { font-size:40px; }
   .error404 .type2 h2 { font-size:130px; top:0; margin-top: 0; }
   .error404 .type2 h4 { font-size:40px; margin-bottom: 20px ;}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 319px) {

   /*** 404 ***/

   .error404 .type2 h3 { font-size:30px; margin-top:20px; }
   .error404 .type2 h2 { font-size:80px; line-height:normal; top:-20px; }
   .error404 .type2 h4 { text-transform:capitalize; font-size:19px; }

}