/**
 * Collapsible left sidebar for Coral Dark.
 */

@media (min-width: 768px) {
	#content,
	#secondary {
		position: relative;
	}

	.coral-sidebar-toggle {
		position: absolute;
		top: 0;
		right: 20px;
		z-index: 25;
		width: 26px;
		height: 26px;
		margin: 0;
		padding: 0;
		color: #D8BC2C;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0;
		box-shadow: none !important;
		cursor: pointer;
		font: inherit;
		font-size: 22px;
		font-weight: 700;
		line-height: 22px;
		text-align: center;
	}

	.coral-sidebar-toggle:hover,
	.coral-sidebar-toggle:focus {
		color: #eee;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		outline: 0;
	}

	#content > .coral-sidebar-toggle {
		top: 0;
		right: auto;
		left: 20px;
	}

	body.coral-sidebar-collapsed #secondary {
		display: none !important;
	}

	body.coral-sidebar-collapsed #primary {
		left: 0 !important;
		right: auto !important;
		width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-left: 52px !important;
	}
}

@media (max-width: 767px) {
	.coral-sidebar-toggle {
		display: none !important;
	}
}