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

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

	.error404 .center-content-wrapper { width: 100%; height: 100%; display: flex; 
		flex-direction: column; align-items: center; justify-content: center; }

	.error404 .center-content-wrapper > .error-box-inner { max-width: 570px; width: 100%; text-align: center;  display: inline-flex;
    flex-direction: column;
    align-items: center;
} 

	.error404 .center-content-wrapper > .error-box-inner .wdt-404-title{ 
		font-size: clamp(1.875rem, 1.4595rem + 1.3879vw, 3.125rem); /* 30px - 50px */
		line-height: var(--wdtLineHeight_Alt); font-weight: bold; margin-top: 20px; text-transform: uppercase;}
	.error404 .center-content-wrapper > .error-box-inner .wdt-404-mainTitle{ letter-spacing: -1px; font-size: var(--wdtFontSize_H5);text-transform: uppercase; width: 300px;  line-height: var(--wdtLineHeight_Base); color: var(--wdtBodyTxtColor);}

	.error404 .center-content-wrapper > .error-box-inner p{color: var(--wdtHeadAltColor);margin-bottom: 30px;}

	.error404 .error-box-inner *:where(h1, h2, h3, h4, h5, h6) { color: var(--wdtHeadAltColor); 
		margin: 0 0 clamp(0.75rem, 0.6346rem + 0.5128vw, 1.25rem); /* 12px - 20px */ line-height: normal; }
	
	.error404 .wdt-button, 
	.error404 .wdt-button.type1 { display: inline-block; padding: var(--wdtPadding_Btn); letter-spacing: 0; }

    .error404 .container { height: 100%; text-align: center; }

	.error404 .error-box-inner img{width:clamp(18.75rem, 12.5173rem + 20.8189vw, 37.5rem);/* 300 - 600 */ display: flex; height: 100%; width: 100%; object-fit:contain; object-position: center;}
	.error404 .error-box-inner .error-box-background{position: absolute; height: 100%; width: 100%; top: 0; left: 0;}
	.error404 .error-box-inner .error-box-content{z-index: 2;padding: 45px; background-color: var(--wdtBodyBGColor);}
	@media(max-width:1540px){
		.error404 .center-content-wrapper > .error-box-inner {max-width: 450px;}
	}
	@media(max-width:1280px){
		.error404 .center-content-wrapper > .error-box-inner {max-width: 350px;}
	}
	@media(max-width:1024px){
		
		.error404 .error-box-inner img{display: inline-flex; margin-bottom: 20px;}
		.error404 .center-content-wrapper > .error-box-inner { max-width: 600px; }
		.error404 .error-box-inner .error-box-content{	background-color: transparent; padding:20px 0px 0px;}
		.error404 .error-box-inner .error-box-background{position: relative;}
		.error404 .center-content-wrapper > .error-box-inner .wdt-404-mainTitle{width: 100%;}
	}


/*--------------------------------------------------------------
    Default Colors
--------------------------------------------------------------*/

	.error404 .wdt-dark-bg { background: var(--wdtHeadAltColor); }

	.error404 .wdt-button, 
	.error404 .wdt-button.type1 { color: var(--wdtAccentTxtColor); }

	.error404 .wdt-button {
		display: inline-flex;
		overflow: hidden;
		padding: 0;
    	background-color: transparent;
		color: var(--wdtAccentTxtColor);
		transition: var(--wdtBaseTransition);
	}
	.error404 .wdt-button:hover{color: var(--wdtHeadAltColor);}
	.error404 .wdt-button .wdt-404-button-text{
		padding: var(--wdtPadding_MiniBtn);
    	font-size: var(--wdtFontSize_Base);
	    background-color: var(--wdtSecondaryColor);
		--webkit-transition: var(--wdtBaseTransition);
		transition: var(--wdtBaseTransition);
		line-height: var(--wdtLineHeight_Alt);
		font-weight: calc(var(--wdtFontWeight_Alt) + 100);
	    clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%);
	}
	.error404 .wdt-button:hover .wdt-404-button-text{background-color: var(--wdtAccentTxtColor); clip-path: polygon(0 0, 100% 0, 100% 0px, 100% 100%, 100% 100%, 0 100%) !important;}
	.error404 .wdt-button .wdt-404-button-icon{    height: 100%;
    background-color: var(--wdtSecondaryColor);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 1px;
	padding: 12px;
    transition: var(--wdtBaseTransition);
    --webkit-transition: var(--wdtBaseTransition);
    transform: scale(1) translateZ(0);
    backface-visibility: hidden;
    clip-path: polygon(7px 0, 100% 0, 100% 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);}
	.error404 .wdt-button:hover .wdt-404-button-icon{background-color: var(--wdtAccentTxtColor); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%, 0% 0%) !important;}

	.error404 .wdt-button .wdt-404-button-icon:before{
		content: '\e801';
		line-height: var(--wdtLineHeight_Alt);
		font-family: "btn-arrow-icon";
		font-style: normal;
		font-weight: normal;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		    font-size: calc(var(--wdtFontSize_H6) - 2px);
		transition: var(--wdtBaseTransition);
		transform: rotate(0deg);
	}

	.error404 .wdt-button:hover .wdt-404-button-icon:before{transform: rotate(-45deg);}