/**
 * Custom

 * Any custom styles implemented in the OmniUpdate environment
 * should go here
 */

.column__title a {
	text-decoration: none !important;
}

.gen2col, .gen3col, .carousel{
	margin-top: 34px !important;
}

.events3up__img img {
	border-radius: 0px !important;
}

.wysiwyg iframe {
	border-radius: 20px !important;
}

/* remove border-radius on featured news images */
.featured-news__image img {
	border-radius: 0px !important;
}

.district-modal-item {
	margin: 0 0px !important;
}

.district-modal-items {
	border-radius: 18px !important; 
}

.table-responsive {
	overflow-x:auto;
}
.events__link, .genimglist__title h3 a {
	text-decoration-line: none !important;
}

.faculty--directory {
	padding-right: 50px;
}

/* add styling for definition lists*/
dt {
	font-weight: bold;
	margin-top: 1em;
}

.enrollment:not(.home) .enrollment__step-cta .cta {
 margin:0 0 15px;
/*  display:block */
}

ul.ou-search-help-list > li::before, ul.ou-search-autocomplete > li::before, ul.ou-search-no-results > li::before, ul.ou-search-list > li::before {
    width: initial;
    height: initial;
    top: initial;
    left: initial;
    background-color: initial;
    border: none;
    border-radius: initial;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}

table .table-scroller tr th::before,
table .table-scroller tr th::after,
table .table-scroller tr td::before,
table .table-scroller tr td::after {
  	width:100%; 
	position:absolute;
}

.announcements .announcement__link {
	text-decoration-line: none !important;
	color: var(--color-primary) !important;
}

table thead.syncscroll.table-scroller::after {
	display:block;  
}

/* unstyled lists */
ul.unstyled li::before {
  display: none;
}
ul.unstyled {
  padding: 0;
}

ul>li ul>li::before {
  background-color:#fff !important;
}

ol.unstyled {
	list-style-type: none;
	padding-left: 0;
}

.column__title h2, .column__title h4, .column__title h5, .column__title h6 {
	margin: 0;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* enable breaking for long email addresses*/
.word-break {
	word-break: break-all;
  }

/* horizontal Rule */
 hr {
	 margin: 30px 0;
	 border: 2px solid #ddd;
 }
hr.hr-wide {
	width: 100vw;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
hr.hr-wide::after {
  content: "";
  height: 30px;
  display: block;
}
/* remove margin for first h2 at top of page
	and a class to remove top margin for anything */
.container__main>.wysiwyg>h2:first-child, 
.container__main>.wysiwyg-full>h2:first-child, 
.remove-top-margin,
.remove-top-margin .section,
.remove-top-margin .gen2col,
.remove-top-margin .gen3col,
.remove-top-margin .carousel,
.container__main>.wysiwyg>table:first-child, 
.container__main>.wysiwyg>table:first-child>caption.h2,
.container__main>.wysiwyg>.accordion:first-child,
.container__main>.wysiwyg-full>.accordion:first-child {
    margin-top: 0!important;
}

@media screen and (min-width: 700px){
	.remove-top-margin .column, 
	.container__main>.wysiwyg>h2:first-child, 
	.container__main>.wysiwyg-full>h2:first-child, 
	.remove-top-margin,
	.remove-top-margin .section,
	.remove-top-margin .gen2col,
	.remove-top-margin .gen3col,
	.remove-top-margin .carousel {
		margin-top: 0!important;
	}
}

/* Reduce margin bottom on some sections*/
@media screen and (min-width: 1025px){
	.reduce-margin-bottom,
	.reduce-margin-bottom .section {
		margin-bottom: 50px;
	}
}

/* In page alert and well*/
.bordered-well {
  margin: 30px 0;
  padding: 25px 25px 8px;
  border: solid 2px #000;
  border-radius: 20px;
}

.bordered-well>h2:first-child, 
.bordered-well>h3:first-child,
.bordered-well>h4:first-child,
.bordered-well>h5:first-child,
.bordered-well>h6:first-child {
  margin-top: 0;
}
@media screen and (min-width: 700px) {
  .bordered-well {
    padding: 29px 30px 30px;
  }  
}

@media screen and (min-width: 1025px) {
  .bordered-well {
    padding: 27px 45px 24px 29px;
  }  
}

/**************************************************/
/** ALERT **/
.page-alert {
  position: relative;
  margin: 60px 0 30px 20px;
  padding: 2.7rem 2.5rem;
  border: solid 2px #000;
  border-radius: 18px;
}
.page-alert .page-alert-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 53px;
  height: 53px;
  position: absolute;
  top: -25px;
  left: -13px;
  color: #fff;
  background-color: #B10B2D; /*var(--color-primary)*/
  border-radius: 100%;
}
.page-alert .page-alert-icon::before {
  content: "";
  width: 47.5px;
  height: 47.5px;
  position: absolute;
  border: solid 1px #fff;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.page-alert .page-alert-inner {
  margin-bottom: 2.3rem;
}
.page-alert .page-alert-header {
  font-size: 2.1rem;
  text-transform: uppercase;
  margin: 0 0 1.2rem;
}

@media only screen and (min-width: 700px) {
  .page-alert {
    padding: 2.4rem 3.1rem 2rem;
  } 
  .page-alert .page-alert-icon {
    left: -22px;
  }
  .page-alert .page-alert-inner {
    margin-bottom: 0.9rem;
  }
  .page-alert .page-alert-header {
    font-size: 2.5rem;
    margin: 0 0 1.6rem;
  }
}
@media only screen and (min-width: 1025px) {
  .page-alert .page-alert-inner {
    margin-bottom: 1.9rem;
  }
  .page-alert .page-alert-header {
    font-size: 3rem;
  }
}


/* design studio - tables update */
table {
overflow-x: auto;
}
table thead:not(.syncscroll) th {
padding: 8px 20px;
border-bottom: 3px solid #cfcfcf;
}
table tbody:not(.syncscroll) tr {
border: none;
}
table tbody:not(.syncscroll) tr {
box-sizing: border-box;
border-top: 2px solid #cfcfcf !important;
border-bottom: 2px solid #cfcfcf !important;
}
table tbody:not(.syncscroll) tr:hover td,
table tbody:not(.syncscroll) tr:hover th {
border-top: 2px solid black !important;
border-bottom: 2px solid black !important;
}
/* design studio - snippet tables update */
.scroll-table-outer {
position: relative;
overflow: hidden;
}
.scroll-table-container {
overflow-x: auto;
scroll-behavior: smooth;
display: block;
}

.scroll-table {
overflow: visible;
}

.scroll-button {
padding: 5px 10px;
cursor: pointer;
}
.scroll-button {
width: 46px;
height: 46px;
position: absolute;
z-index: 2;
font-size: 0;
background-color: var(--color-primary);
border: none;
border-radius: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding-right: 10px;
padding-left: 6px;
background-size: 28px;
background-position: center;
background-repeat: no-repeat;
}
.scroll-button:hover,
.scroll-button:focus {
background-color: #4d4d4d;
}
.scroll-button.scroll-right {
position: absolute;
transform: translateY(-400%);
z-index: 3;
right: 10px;
background-image: url(../assets/icons/arrow-icon.svg);
}
.scroll-button.scroll-left {
position: absolute;
transform: translateY(-400%);
z-index: 3;
background-image: url(../assets/icons/arrow-icon-left.svg);
margin-left: 10px;
}
.scroll-button.scroll-right.scroll-table-has-caption {
	transform: translateY(-250%);
	z-index: 300;
}
.scroll-button.scroll-left.scroll-table-has-caption {
	transform: translateY(-250%);
	z-index: 300;
}
table th, table td { min-width: 10vw;}
@media (max-width: 700px) {
.scroll-button {
  width: 32px;
  height: 32px;
  background-size: 22px;
}
.scroll-button.scroll-right {
  right: 5px;
}
.scroll-button.scroll-left {
  margin-left: 5px;
}
table th, table td { min-width: 100px;}
}
/* design studio - in-page links update */
html {
  scroll-padding-top: 200px;
}
@media (max-width: 1024px) {
  html {
    scroll-padding-top: 100px;
  }
}
/* Remove borders from videos embedded by iframe */
iframe {border: none;}

/* Addition of in page navigation, down button, and back to top button */
.in-page__navigation .cta.cta--link .last-word span, 
.cta.cta--link.down-button .last-word span {
    transform: rotate(90deg);
    top:-5px;
    -webkit-transition:top .15s;
    -o-transition:top .15s;
    transition:top .15s
}
.in-page__navigation .cta.cta--link:hover .last-word span,
.cta.cta--link.down-button:hover .last-word span {
    top: 8px;
    left: 12px;
}
@media screen and (min-width: 700px) {
    .in-page__navigation .cta.cta--link:hover .last-word span,
    .cta.cta--link.down-button:hover .last-word span {
        left: 11px;
    }
}
@media screen and (min-width: 1025px) {
    .in-page__navigation .cta.cta--link:hover .last-word span,
    .cta.cta--link.down-button:hover .last-word span {
        left: 10px;
    }
}
/*Remove underline link for back to top button*/
a.accordion__top, .wysiwyg a.accordion__top:not(.cta):hover, .wysiwyg-full a.accordion__top:not(.cta):hover  {
	text-decoration: none!important;
}

/*Simple Link List*/
.simple-link-list h2 {
    margin: 0 0 25px;
}
.simple-link-list ul {
    margin: 0;
    padding: 0;
}
.simple-link-list ul>li:before {
    display: none;
}
.simple-link-list .cta {
    display: block;
    margin: 0 0 10px;
}
@media screen and (min-width: 700px) {
    .simple-link-list h2 {
        margin: 0 0 31px;
    }
    nav.simple-link-list {
        width: calc(50% - 15px);
    }
}
@media screen and (min-width: 1025px) {
    .simple-link-list h2 {
        margin: 0 0 20px;
    }
    nav.simple-link-list {
        width: calc(50% - 25px);
    }
}
/* Additional Containers */
@media screen and (min-width: 700px){
	.single-column--three {width: calc(33.3333333333% - 14.6666666667px);}
	.double-column--three {width: calc(67.4444444445% - 14.6666666667px);}
	.single-column--two {width: calc(50% - 11px);}
}
@media screen and (min-width: 1025px){
	.single-column--three {width: calc(33.3333333333% - 16.6666666667px);}
	.double-column--three {width: calc(67.4444444445% - 16.6666666667px);}
	.single-column--two {width: calc(50% - 12px);}
}

 /*  -------------------------
 Previous Button (arrow in front pointing to left)
 -----------------------------*/
 .cta.fcta--link {
  position:relative;
  font-size:1.8rem;
  line-height:1.3888888889;
  font-weight:500;
  color:#000;
  -webkit-transition:color .15s;
  -o-transition:color .15s;
  transition:color .15s
 }
 .cta .fcta--link:hover .first-word span {
   left: -22px;
 }
 .cta.fcta--link .visually-hidden {
  border:0;
  height:1px;
  overflow:hidden;
  padding:0;
  position:absolute !important;
  width:1px;
  clip:rect(1px, 1px, 1px, 1px)
 }
 @media(min-width: 700px) {
  .cta.fcta--link:hover .first-word span {
   left:-21px
  }
 }
 @media(min-width: 1025px) {
  .cta.fcta--link:hover .first-word span {
   left:-20px
  }
 }
 .cta.fcta--link .first-word {
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-moz-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  padding-left:11px
 }
 @media(min-width: 700px) {
  .cta.fcta--link .first-word {
   padding-left:10px
  }
 }
 @media(min-width: 1025px) {
  .cta.fcta--link .first-word {
   padding-left:10px
  }
 }
 .cta.fcta--link .first-word span {
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-moz-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  top:0;
  left:-12px;
  -webkit-transition:left .15s;
  -o-transition:left .15s;
  transition:left .15s
 }
 @media(min-width: 700px) {
  .cta.fcta--link .first-word span {
   left:-11px
  }
 }
 @media(min-width: 1025px) {
  .cta.fcta--link .first-word span {
   left:-10px
  }
 }
 .cta.fcta--link .first-word span::before,
 .cta.fcta--link .first-word span::after {
  content:"";
  display:inline-block
 }
 .cta.fcta--link .first-word span::after {
  width:13.2px;
  border-top:2px solid var(--color-primary);
  margin-left: -9px;
 }
 @media(min-width: 700px) {
  .cta.fcta--link .first-word span::after {
   width:12px;
   margin-left: -9px;
  }
 }
 @media(min-width: 1025px) {
  .cta.fcta--link .first-word span::after {
   width:16px;
   margin-left: -14px;
  }
 }
 .cta.fcta--link .first-word span::before {
  margin-left:4px;
  width:10px;
  height:10px;
  border-left:2px solid var(--color-primary);
  border-top:2px solid var(--color-primary);
  -webkit-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
 }
 @media(min-width: 700px) {
  .cta.fcta--link .first-word span::before {
   margin-left:12px;
   width:10px;
   height:10px
  }
 }
 @media(min-width: 1025px) {
  .cta.fcta--link .first-word span::before {
   margin-left:14px;
   width:14px;
   height:14px
  }
  .cta.fcta--link {
    font-size:2.1rem;
    line-height:1.380952381
  }
 }
 .cta.fcta--link:hover {
  color:var(--color-primary);
  text-decoration:none
 }
 .cta.fcta--link::before {
  content:"";
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0
 }
 /*  -------------------------
 Corrections for the directory 2 column pages
 -----------------------------*/
.column__title p.h3 {margin: 0;}
 /*  -------------------------
 Corrections for the column titles other than h3
 -----------------------------*/
.column__title h2 {line-height: 0.6;}

/*  -------------------------
Quicklinks styles for sets of 8 new component
-----------------------------*/
.quick-links-2 .quick-links:first-child {
    margin: 0;
    border-radius: 10px 10px 0 0;
}
.quick-links-2 .quick-links:last-child {
    margin: 3px 0 30px;
    border-radius: 0 0 10px 10px;
}

.quick-links-2 .quick-links:last-child .quick-links__button:first-child {
    margin: 0;
    border-radius: 0;
}
@media screen and (min-width: 700px) {
    .quick-links-2 .quick-links:last-child {
        margin: 4px 0 30px;
    }
    .quick-links-2 .quick-links:last-child .quick-links__button:first-child {
        border-radius: 0;
    }
    .quick-links-2 .quick-links:last-child .quick-links__button:nth-child(2) {
        margin: 0;
        border-radius: 0;
    }
}
@media screen and (min-width: 1025px) {
    .quick-links-2 .quick-links:first-child {
    margin: 0 0 2px;
    }
    .quick-links-2 .quick-links:last-child {
    margin: 2px 0 50px;
    }
    .quick-links-2 .quick-links:first-child .quick-links__button:last-child {
    border-radius: 0 10px 0 0;
    }
    .quick-links-2 .quick-links:last-child .quick-links__button:last-child {
    border-radius: 0 0 10px 0;
    }
}


/* -------- Mobile+Tablet styling for home hero and home event slider -------- */

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

/* ---- Home Hero ---- */

/* reverse the order of the hero image and the heading+buttons */
.home-hero {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.home-hero__inner {
	padding-top: 0;
	display: flex;
	flex-direction: column-reverse;
}

/* adjust whitespace for hero image */
.home-hero__right {
	padding-bottom: 40px;
}

/* moves white sock over to just the image instead of the full section */
.home-hero__image-wrap:after {	
	content: "";
	width: 100%;
	height: 60px;
	position: absolute;
	left: 50%;
	bottom: -4px;
	margin-bottom: -16px;
	background-color: rgba(255, 255, 255, .8);
	-webkit-backdrop-filter: var(--kern-blur);
	backdrop-filter: var(--kern-blur);
	border-top: solid 4px #000;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
}
@media screen and (max-width: 699px) {
.home-hero__image-wrap:after {	
	width: 100vw;
}
	
/* remove black line leftover from desktop sock */
.home-hero__left:after {
	width: 0px;
}

/* removes white sock from bottom of hero section */
.home-hero__inner:after {
	display: none;
}

.home-hero__title {
	margin-bottom: 20px;
}

/* ---- Event Slider ---- */
	
/* add whitespace between buttons and events slider */
.home-hero .events-slider {
	margin-top: 60px;
}

/* show evernts slider on mobile */
.home-hero__content .events-slider {
	display: block;	
}

/* adjust padding between event info and buttons */
.home-hero .events-slider__top {
	margin-bottom: 2rem;
}
	
/* decrease event title font size */
.home-hero .events-slide__title {
	font-size: 1.6rem;
}

/* stack event date+info vertically */
.home-hero .events-slide__info {
	display: flex;
	flex-direction: column;
}

/* change font size of all happenings button */
.home-hero .events-slider__bottom a {
	font-size: 1.6rem;
}
}

	
/* ----- end home hero and event slider mobile styling -----  */
	
/* ----- News listing page ----- */
	
@media screen and (min-width: 1025px) {
    .news--listing {
        margin: 0 48px 0 -30px;
    }
}
	
/* Correction for columns around 2/3rds of page */
.double-column--three .column--two {
	width: 100%;
}
@media screen and (max-width: 700px) {
	.double-column--three .column--two {
		width: 100%;
	}
}
	
	
/* changes the height and width of embedded google calendars. */
.google-cal-frame iframe {
			width: 100%;
			height: 100%;
		}
.google-cal-frame {
	height: 64vh;
	width: 100%;
}