/* Portrait tablets and small desktops: MD */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.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) {
	/* headings - start */
	h1,
	.h1 {
		font-size: 2rem;
	}

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

	h3,
	.h3 {
		font-size: 1.5rem;
	}

	h4,
	.h4 {
		font-size: 1.2rem;
	}

	h5,
	.h5 {
		font-size: 1rem;
	}

	h6,
	.h6 {
		font-size: 1rem;
	}

	/* headings - end */

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

	h1,
	.h1 {
		font-size: 1.75rem;
		line-height: 2.75rem;
	}

	.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);
	}

	.gallery-slider .slick-prev {
		right: 75px;
	}

	.gallery-slider .slick-prev:before,
	.gallery-slider .slick-next:before {
		font-size: 30px;
	}

	.gallery-slider .slick-prev,
	.gallery-slider .slick-next {
		bottom: -40px;
		width: 40px;
		height: 40px;
	}

	.gallery-slider .slick-next {
		bottom: -40px;
		width: 40px;
		height: 40px;
	}

	.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: 86%;
		right: 20px;
	}

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

	.index-video .video-caption {
		position: absolute;
		width: 100%;
		top: 54%;
		left: 0;
		line-height: 20px;
		padding: 10px 20px;
	}

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

	.index-carousel .carousel-item { 
		height: 100%; 
		max-height: 100%; 
	} 

	.index-carousel .carousel-item img { 
		max-height: 100%; 
	}

	/* index hero - end */
}

/* 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: 991px) {
	
	.sidenav-accordion .sidenav-heading:not(.collapsed)::after,
	.sidenav-accordion .sidenav-heading::after { 
		display: block; 
	}
	/* 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);
	}

	/* events box - start */
	.events-box {
		padding: 50px 20px;
	}

	.events-box h2 {
		margin-bottom: 14px;
	}

	.events-box a {
		font-size: 16px;
	}

	.events-box a span {
		margin: 2px 0;
	}

	.events-box .events-col {
		border-bottom: 1px solid var(--white);
		border-right: none;
		padding: 14px 0;
	}

	.events-box .events-col:last-of-type {
		border-bottom: none;
	}

	/* events box - 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;
	}
}