/* Remove all WordPress default elements */
.site-header,
.site-footer,
#wpadminbar,
.entry-header,
.entry-footer,
.site-branding,
nav,
.navigation,
.breadcrumb,
.sidebar,
.widget-area {
display: none !important;
}

body, html {
margin: 0 !important;
padding: 0 !important;
height: 100% !important;
overflow: hidden !important;
}

#page,
.site,
.site-content,
article,
.entry-content {
margin: 0 !important;
padding: 0 !important;
height: 100% !important;
}

/* Main container */
.kr-maintenance {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(‘https://krconstructiondelaware.com/wp-content/uploads/2025/10/modern-kitchen-remodel-by-dfw-improved-1.webp’);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
}

/* Black overlay – 60% opacity */
.kr-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1;
}

/* Content */
.kr-message {
position: relative;
z-index: 2;
color: #ffffff;
text-align: center;
padding: 40px;
animation: fadeIn 1.5s ease-in;
}

@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}

.kr-message h1 {
font-size: 72px;
font-weight: 700;
margin: 0;
letter-spacing: 2px;
text-transform: uppercase;
text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.8);
}

/* Responsive */
@media (max-width: 768px) {
.kr-message h1 {
font-size: 48px;
}
}

@media (max-width: 480px) {
.kr-message h1 {
font-size: 36px;
letter-spacing: 1px;
}
}