/* Portrait tablets and small desktops: MD */
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.arrow-indicator {
		bottom: 90px;
	}

	.icon span {
		font-size: 3em;
	}

	.icon {
		margin-bottom: 20px;
	}

	.section {
		padding: 40px 0;
	}

	.sub-header h1 {
		font-size: 40px;
	}

	h2 {
		font-size: 32px;
	}

	h3 {
		font-size: 24px;
	}

	.interior .content h2 {
		text-align: left;
	}

	.restrict {
		padding: 0 15%;
	}

	.ou-search-container {
		width: 100% !important;
	}

	.featured-event .featured-date {
		font-size: 24px;
		padding: 40px;
	}

	.featured-event h2 {
		font-size: 32px;
		text-align: left;
	}

	#sidebar .navbar .row {
		width: auto;
	}

	#sidebar .navbar {
		margin: 0;
	}

	#sidebar {
		padding: 10px;
	}

	.news-slider .carousel-indicators li .article-caption {
		height: 120px;
	}

	.news-slider {
		margin-bottom: 80px;
	}
}

/* Landscape phones and portrait tablets: SM */
@media only screen and (max-width: 767px) {

	h1,
	.h1 {
		font-size: 4rem;
	}

	h2,
	.h2 {
		font-size: 3rem;
	}

	.testimonial-info {
		text-align: center;
	}

	.sub-header h1 {
		font-size: 40px;
	}

	.video-caption-button {
		left: 55px;
		bottom: 65px;
	}

	.section {
		padding: 20px 0;
	}

	.icon span {
		font-size: 3em;
	}

	.icon {
		margin-bottom: 20px;
	}

	.restrict {
		padding: 0 15%;
	}

	.card.scale:hover {
		transform: none;
	}

	.calendar-item:hover {
		transform: none;
	}

	.border-on-mobile {
		border-bottom: 10px solid var(--primary-color);
		margin-bottom: 10px;
	}

	.nav-tabs .nav-link {
		display: block;
		width: 100%;
		margin: 0;
		border-bottom: 1px solid var(--white);
	}

	.nav-pills {
		border: none;
	}

	.nav-pills .nav-link {
		padding: 2px;
		border-bottom: none;
	}

	.news .article .card .figure {
		float: none;
		width: 100%;
	}

	.news .article .card .figure img {
		margin: 0 0 10px 0;
	}

	.ou-search-container {
		width: 100% !important;
	}

	.featured-event .featured-date {
		font-size: 24px;
		padding: 30px;
		margin-bottom: 10px;
		max-width: none;
	}

	.featured-event h2 {
		font-size: 32px;
		text-align: left;
	}

	.feature .feature-wrap {
		display: block;
		margin-top: 50px;
		width: 100%;
	}

	.feature .feature-content {
		padding: 1rem;
		display: block;
	}

	#sidebar .navbar .row {
		width: auto;
	}

	#sidebar .navbar {
		margin: 0;
	}

	#sidebar {
		padding: 10px;
	}

	aside .navbar-nav .nav-link {
		padding: 5px;
		line-height: 24px;
		margin: 5px 0;
	}

	div.dataTables_wrapper div.dataTables_length,
	div.dataTables_wrapper div.dataTables_filter,
	div.dataTables_wrapper div.dataTables_info,
	div.dataTables_wrapper div.dataTables_paginate {
		text-align: left !important;
	}

	div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child {
		padding-left: 15px !important;
	}

	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: center !important;
	}

	.font-size-xl {
		font-size: 46px;
	}

	.bg-image {
		position: relative;
	}

	.fullwidth-split-text {
		padding: 3rem 0;
	}

	.news-slider .carousel-item {
		height: 400px;
	}

	.news-slider .carousel-indicators {
		min-height: 1px;
	}

	.news-slider .carousel-indicators li {
		width: 25%;
		height: 80px;
		min-height: 80px;
	}

	.news-slider .carousel-indicators li .article-caption {
		display: none;
	}

	.col-sm-6+.col-sm-6 {
		padding-left: 15px;
	}

	.event-item .event-text {
		line-height: 1.35;
	}

	.event-item .event-item-time-location .time,
	.event-item .event-item-time-location .location {
		display: block;
		margin-left: 0;
	}

	.event-item .event-date {
		vertical-align: top;
	}

	/* index hero - start */
	.index-video .play-pause,
	.index-video .play {
		top: 20px;
		left: 20px;
	}

	.index-video,
	.index-video video,
	.index-video img {
		height: 550px;
	}

	.index-video .video-caption {
		width: 100%;
		max-width: 100%;
		bottom: 0;
		left: 0;
		line-height: 20px;
		padding: 10px 20px;
		z-index: 0;
	}

	.index-carousel .video-caption {
		position: unset;
		width: 100%;
		line-height: 20px;
		padding: 10px 20px 50px 20px;
		background-color: black;
	}

	/* index hero - end */

	.index-carousel .carousel-control-next span,
	.index-carousel .carousel-control-prev span {
		margin-top: -150px;
	}
}

/* Portrait phones and smaller: XS */
@media only screen and (max-width: 480px) {
	.news-events .events-list .date {
		display: block;
	}

	.news-events {
		padding-bottom: 350px !important;
	}
}

/*IE Issue Fixes*/
@media all and (-ms-high-contrast: none),
	(-ms-high-contrast: active) {
		#ou-search-results .ou-search-input {
			padding-bottom: 15px !important;
		}
	}

@media only screen and (max-width: 992px) {

	/* Force table to not be like tables anymore */
	#directory-list table,
	#directory-list thead,
	#directory-list tbody,
	#directory-list th,
	#directory-list td,
	#directory-list tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#directory-list thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#directory-list tr {
		border: 1px solid #ccc;
		padding: 10px;
	}

	#directory-list td {
		border: none;
		position: relative;
		white-space: normal;
		text-align: left;
		padding: 0;
	}

	#directory-list td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}

	.table.directory tfoot {
		display: none;
	}

	.dataTables_wrapper .dataTables_info {
		white-space: normal !important;
	}

	/*
	Label the data
	*/
	#directory-list td:before {
		content: attr(data-title);
	}

	.sidenav-accordion .sidenav-heading {
		cursor: pointer;
	}

	.sidenav-accordion .sidenav-heading:not(.collapsed)::after,
	.sidenav-accordion .sidenav-heading::after {
		display: block;
	}

	.custom-news-cta {
		float: none;
		display: block;
	}

	.custom-news-content h4 {
		font-size: 18px;
	}

	/* program details banner - start */
	.program-details-banner {
		margin-bottom: 45px;
	}

	.program-details-banner .program-details-content {
		padding: 10px 30px 40px 30px;
	}

	/* program details banner - end */
}

/* // Extra large devices (extra large desktops, 1370px and up) */
@media (min-width: 1370px) {
	.ou-search-container {
		width: 100% !important;
	}
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1369px) {
	.ou-search-container {
		width: 100% !important;
	}
}

/* Landscape tablets and medium desktops: LG */
@media (min-width: 992px) and (max-width: 1199px) {
	.section {
		padding: 40px 0;
	}

	.sub-header h1 {
		font-size: 40px;
	}

	h2 {
		font-size: 32px;
	}

	.lead {
		font-size: 20px;
		line-height: 1.35em;
	}

	.btn-default {
		min-width: 110px;
	}

	.restrict {
		padding: 0 15%;
	}

	.ou-search-container {
		width: 100% !important;
	}

	.featured-event .featured-date {
		font-size: 24px;
		padding: 40px;
	}

	.featured-event h2 {
		font-size: 32px;
	}

	.bg-gray .card .card-body br,
	.bg-red .card .card-body br {
		display: none;
	}

	.news-events .news,
	.news-events .events {
		min-height: 820px;
	}
}