/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
#slideshow {
	margin: 50px auto;
	position: relative;
	width: 240px;
	height: 240px;
	padding: 10px;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

#slideshow > div {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
}
body.page-id-123 .custom-header {
    display: none;
}body.page-id-2398 .custom-header {
    display: none;
}
/* Hide sidebar on the Gig Calendar page */
body:has(.grwd-calendar) #secondary,
body:has(.grwd-calendar) .widget-area,
body:has(.grwd-calendar) aside {
    display: none !important;
}

/* Expand the main content area */
body:has(.grwd-calendar) #primary,
body:has(.grwd-calendar) .content-area,
body:has(.grwd-calendar) main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
}
/* Reduce header image height across the whole site */
.custom-header img {
    max-height: 70px !important;
    width: 100%;
    object-fit: cover;
}
```css
/* =========================================
   HOOLIGAN'S RULE — FULL WIDTH CALENDAR
   ========================================= */

/* Remove the normal WordPress content width */
body.page {
    box-sizing: border-box;
}

body.page .site-content,
body.page .content-area,
body.page .site-main {
    max-width: none !important;
}

/* Calendar page - use the entire browser width */
body.page .site-main {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}

/* Remove sidebar */
body.page .widget-area,
body.page #secondary {
    display: none !important;
}

/* Calendar itself */
.gig-calendar,
.gig-calendar-container {
    width: 100% !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Calendar table */
.gig-calendar table,
.gig-calendar-container table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Mobile */
@media screen and (max-width: 768px) {

    body.page .site-main {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .gig-calendar,
    .gig-calendar-container {
        width: 100% !important;
        max-width: 100% !important;
    }

    .gig-calendar table,
    .gig-calendar-container table {
        font-size: 13px !important;
    }
}
```