@media screen and (max-width: 600px) {
  .grimlock--page .site-content {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.wcup-header {
    background-color: transparent !important;
    border-bottom: 3px solid #4e64dc;
} 

body.page-id-51 #content,
body.page-id-47 #content,
body.page-id-49 #content,
body.page-id-46 #content,
body.page-id-57 #content {
  background: url('https://intra.fday.dk/wp-content/uploads/2025/05/2026_worldcup.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
body.page-id-51 #content h1,
body.page-id-47 #content h1,
body.page-id-49 #content h1,
body.page-id-46 #content h1,
body.page-id-57 #content h1 {
   color: #fff;
}
#footer {
    display: none;
}

.content-iframe {
    height: calc(100vh - 10px) !important;
}

/*.page-template-template-dashboard.grimlock--navigation-hamburger-right.grimlock--navigation-fixed #main, .page-template-template-dashboard.grimlock--navigation-hamburger-left.grimlock--navigation-fixed #main, .page-template-template-dashboard.grimlock--navigation-fixed-left.grimlock--navigation-fixed #main, .page-template-template-dashboard.grimlock--navigation-fixed-right.grimlock--navigation-fixed #main, main {
    margin-top: 0px !important;
}*/


.highscores {
    padding: 20px;
    background: #1d2327;
}
.hs {
    margin: 10px auto;
    position: relative;
    max-width: 500px;
    clear:both;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
}
.hs-user {
    float: left;
}
.hs-result {
    float: right;
}

  .handbook-posts-grid {
            display: block;
        }
        .handbook-letter {
            font-size: 2rem;
            margin-top: 20px;
        }
        .handbook-post.horizontal-layout {
            margin-bottom: 15px;
            padding: 15px 15px 15px 170px;
            border-bottom: 1px solid #ddd;
        }
        .handbook-image img {
            position: absolute;
            margin-left: -169px;
            width: 150px;
            height: auto;
            border-radius: 10px;
        }
        .handbook-title {
            font-size: 1.2rem;
            margin: 0 0 5px;
        }
        .handbook-content {
            font-size: 1rem;
            line-height: 1.5;
            text-align: left;
        }
.birthday {
    padding: 5px 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.birthday img {
    width: 60px;
    display: inline-block;
}
.birthday h4 {
    font-size: 16px;
}
.birthday .container {
    display: inline-block;
    width: calc(100% - 45px);
}
.birthday.highlight {
    background: url(/wp-content/uploads/2025/05/confetty.gif);
    border-radius: 10px;
}
.birthday.highlight p {
   font-weight: 700;
}

/* Contacts */

/* Style for Employee List */
ul.fday-employee-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style-type: none;
    margin: 0;
    justify-content: space-between;
    padding: 0px !important; 
}

.fday-employee-list .employee-item {
    flex: 0 1 calc(50% - 10px);
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 15px;
    transition: transform 0.3s ease;
    margin-bottom:10px;
}

.fday-employee-list .employee-item:hover {
    transform: translateY(-5px);
}

.fday-employee-list .employee-image img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}

.fday-employee-list .employee-info {
    flex: 1;
}

.fday-employee-list .employee-info h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.fday-employee-list .employee-info p {
    margin: 5px 0;
    color: #666;
}
.blog-posts[class*="cols-overlay"] article .card, .archive-posts[class*="cols-overlay"] article .card, div.grimlock-query-section__posts[class*="cols-overlay"] article .card, .search-posts[class*="cols-overlay"] article .card, .wp-block-grimlock-query-section [class*="grimlock-query-section"][class*="cols-overlay"] article .card, [class*="wp-block-"].grimlock-query[class*="cols-overlay"] article .card {
    max-height: 250px !important;
}

.region.region--container-fluid > .region__container, .region.region--container-fluid > .region__inner > .region__container, .region.region--container-classic > .region__container, .region.region--container-classic > .region__inner > .region__container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

/*.swiper-wrapper {
    display: flex;
    gap: 10px; /* Adjust as needed */
}*/

/* Responsive Design */
@media (max-width: 768px) {
    .fday-employee-list .employee-item {
        flex: 0 1 100%;
    }
}

@font-face {
    font-family: 'Matrix Type Display';
    src: url('../fonts/MatrixTypeDisplay-Regular.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

/* Today's lunch ticker: [dagens_frokost_ticker] */
.dagens-frokost-ticker {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    color: #fff;
    font-family: 'Matrix Type Display', sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    white-space: nowrap;
    text-transform: uppercase;
}

.dagens-frokost-ticker__track {
    display: inline-block;
    min-width: 100%;
    padding-left: 100%;
    box-sizing: content-box;
    will-change: transform;
    animation: fday-lunch-ticker 18s linear infinite;
}

.dagens-frokost-ticker:hover .dagens-frokost-ticker__track {
    animation-play-state: paused;
}

@keyframes fday-lunch-ticker {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .dagens-frokost-ticker {
        white-space: normal;
    }

    .dagens-frokost-ticker__track {
        display: block;
        min-width: 0;
        padding-left: 0;
        animation: none;
    }
}


/* Screen online/offline + battery pills over the [outlook_calendar] image */
.fday-calendar-wrap { position: relative; display: inline-block; max-width: 100%; }
.fday-screen-pills { position: absolute; left: 10px; bottom: 10px; display: flex; gap: 6px; }
.fday-screen-status,
.fday-screen-battery {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: 1;
    color: #000;
}
.fday-screen-battery.is-low { color: #d63638; border-color: #d63638; }
.fday-screen-status-dot { width: 8px; height: 8px; border-radius: 50%; background: #d63638; }
.fday-screen-status.is-online .fday-screen-status-dot { background: #2eb85c; }

.fday-screen-pills { align-items: center; }
.fday-calendar-wrap .fday-screen-info {
    box-sizing: border-box !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 24px !important; height: 24px !important; min-width: 0 !important; min-height: 0 !important;
    padding: 0 !important; margin: 0 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: none !important;
    color: #000 !important;
    font: italic 600 13px/1 Georgia, serif !important;
    text-transform: none !important; letter-spacing: 0 !important;
    cursor: pointer;
}
.fday-calendar-wrap .fday-screen-info:hover { background: #fff !important; border-color: rgba(0, 0, 0, 0.4) !important; }
.fday-screen-meta {
    position: fixed; inset: 0; z-index: 99999;
    display: flex; align-items: center; justify-content: center;
    padding: 16px;
    background: rgba(0, 0, 0, 0.5);
}
.fday-screen-meta[hidden] { display: none; }
.fday-screen-meta-box {
    width: min(900px, 100%); max-height: 85vh;
    display: flex; flex-direction: column;
    background: #fff; color: #000;
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
    font-size: 13px; line-height: 1.4;
    text-align: left; letter-spacing: normal;
}
.fday-screen-meta-head {
    display: flex; justify-content: space-between; align-items: center; gap: 12px;
    padding: 12px 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.fday-screen-meta-head span { display: flex; gap: 8px; align-items: center; }
.fday-screen-meta-copy,
.fday-screen-meta-close {
    border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px;
    background: #f5f5f5; color: #000; cursor: pointer;
    padding: 5px 12px; font-size: 13px; line-height: 1.2;
}
.fday-screen-meta-close { font-size: 18px; padding: 2px 10px; }
.fday-screen-meta-scroll { overflow: auto; padding: 8px 16px 16px; user-select: text; }
.fday-screen-meta table { border-collapse: collapse; width: 100%; }
.fday-screen-meta th { text-align: left; font-weight: 600; padding: 4px 16px 4px 0; white-space: nowrap; vertical-align: top; width: 1%; }
.fday-screen-meta td { padding: 4px 0; word-break: break-all; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12px; }
.fday-screen-meta tr + tr th, .fday-screen-meta tr + tr td { border-top: 1px solid rgba(0, 0, 0, 0.06); }

/* Wi-Fi quality pill */
.fday-screen-wifi {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 4px 10px; border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 11px; font-weight: 600; line-height: 1; color: #000;
}
.fday-wifi-bars { display: inline-flex; align-items: flex-end; gap: 2px; height: 10px; }
.fday-wifi-bars i { display: block; width: 3px; background: rgba(0, 0, 0, 0.18); border-radius: 1px; }
.fday-wifi-bars i:nth-child(1) { height: 3px; }
.fday-wifi-bars i:nth-child(2) { height: 5px; }
.fday-wifi-bars i:nth-child(3) { height: 8px; }
.fday-wifi-bars i:nth-child(4) { height: 10px; }
.fday-screen-wifi.bars-1 i:nth-child(-n+1),
.fday-screen-wifi.bars-2 i:nth-child(-n+2),
.fday-screen-wifi.bars-3 i:nth-child(-n+3),
.fday-screen-wifi.bars-4 i { background: #2eb85c; }
.fday-screen-wifi.is-low i { background-color: rgba(0, 0, 0, 0.18); }
.fday-screen-wifi.is-low.bars-1 i:nth-child(1),
.fday-screen-wifi.is-low.bars-2 i:nth-child(-n+2) { background: #d63638; }
.fday-screen-wifi.is-low { color: #d63638; border-color: #d63638; }