/**
 * Ohio CAPS — remove CSS orientation lock (DEV).
 *
 * WCAG 1.3.4: content must work in portrait and landscape.
 * Parent Eduma style.css restricts two rule-sets to landscape only.
 * Re-apply those rules without an orientation condition so both
 * orientations get the same behavior. Do not edit parent Eduma.
 */

/* Parent lock: @media (max-device-width:480px) and (orientation:landscape) */
@media (max-device-width: 480px) {
	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		max-height: 200px;
	}
}

/* Parent lock: @media screen and (max-width:800px) and (orientation:landscape) */
@media screen and (max-width: 800px), screen and (max-height: 300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}

	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}

	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}

	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}

	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box;
	}

	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}

	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}

	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}
}

/* Do not hide or rotate the document when the device rotates. */
html,
body,
#main-content {
	transform: none;
}