/*
 * Temporary layout guard for the damaged Blocksy main stylesheet.
 * This restores the closed drawer and responsive header states.
 */

html,
body,
#main-container {
	max-width: 100%;
}

#header,
#header.ct-header,
#header .ct-sticky-container,
#header [data-row],
#header [data-sticky] {
	position: relative;
	z-index: 50;
	background: #000 !important;
	background-color: #000 !important;
	background-image: none !important;
}

#header [data-row="middle"] {
	border-bottom: 1px solid rgba(217, 182, 109, .18) !important;
}

#header .ct-header-trigger,
#header .ct-header-trigger .ct-label,
#header .ct-header-trigger svg {
	color: #e7c476 !important;
	fill: #e7c476 !important;
	--theme-icon-color: #e7c476 !important;
}

#header .ct-header-trigger {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
}

#offcanvas.ct-panel[inert] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

#offcanvas.ct-panel.active:not([inert]) {
	display: flex !important;
	visibility: visible !important;
}

@media (max-width: 999.98px) {
	#header [data-device="desktop"] {
		display: none !important;
	}

	#header [data-device="mobile"] {
		display: block !important;
	}

	#header [data-device="mobile"] [data-row="middle"] .ct-container {
		min-height: 76px !important;
	}

	#header [data-device="mobile"] .site-logo-container img {
		width: auto !important;
		max-width: 104px !important;
		max-height: 62px !important;
		object-fit: contain;
	}
}

@media (min-width: 1000px) {
	#header [data-device="mobile"],
	#offcanvas.ct-panel {
		display: none !important;
	}

	#header [data-device="desktop"] {
		display: block !important;
	}
}