@charset "UTF-8";
/* CSS Document */
.split50__split-content {
  flex-basis: 50%;
  max-width: 660px;
  display: flex;
  align-content: center;
  padding: 20px 0 20px 1.6%;
  flex-direction: row;
  box-sizing: border-box;
}
.split50__split-content p:last-child {
  margin-bottom: 0px;
}
.split50__split-content .programSubhead p {
  font-size: 1.1rem;
  font-weight: var(--body-light-weight);
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #858585;
}
.split50__split-content .title h1 {
  font-weight: var(--heading-bold-weight);
  text-transform: none;
  font-size: 3.25rem;
  margin: 0 0 10px 0;
  line-height: 1;
  clear: left;
}
.split50 {
  background: rgba(219, 179, 143, 0.4);
  display: flex;
  align-content: center;
}
.flexStart {
  justify-content: flex-start;
}
.flexStart .split50__split-image {
  margin-right: 20px;
}
.flexStart .split50__split-video {
  margin-right: 20px;
}
.flexEnd {
  justify-content: flex-end;
  /*&.splitOverlay, &.landing-card{
		.split50__split-content{
			margin:unset; padding:0; z-index:3;
		}
	}*/
}
.flexEnd .split50__split-image {
  margin-left: 20px;
}
.flexEnd .split50__split-video {
  margin-left: 20px;
}
.vCenter {
  justify-content: center;
}
.hCenter {
  align-items: center;
}
.split50__split-image {
  flex-basis: 50%;
  display: flex;
  position: relative;
}
.split50__split-image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.split50__split-image a {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 3%;
  line-height: 1;
  border-radius: 2px;
  border: 1px solid #fff;
  padding: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  z-index: 53;
}
.split50__split-image a:link {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 3%;
  line-height: 1;
  border-radius: 2px;
  border: 1px solid #fff;
  padding: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  z-index: 53;
}
.split50__split-image a:active {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 3%;
  line-height: 100%;
  border-radius: 2px;
  border: 1px solid #fff;
  padding: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  z-index: 53;
}
.split50__split-image a:visited {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 3%;
  line-height: 100%;
  border-radius: 2px;
  border: 1px solid #fff;
  padding: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  z-index: 53;
}
.split50__split-image a:hover {
  border: 1px solid var(--bgsu-orange);
  background: #ff7300;
  transform: scale(1.1);
}
.split50__split-video {
  flex-basis: 50%;
  overflow: hidden;
  position: relative;
}
.split50__split-video video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.split50__split-video img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.split50__split-video a {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 3%;
  line-height: 100%;
  border-radius: 2px;
  border: 1px solid #fff;
  padding: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  z-index: 53;
}
.split50__split-video a:link {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 3%;
  line-height: 100%;
  border-radius: 2px;
  border: 1px solid #fff;
  padding: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  z-index: 53;
}
.split50__split-video a:active {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 3%;
  line-height: 100%;
  border-radius: 2px;
  border: 1px solid #fff;
  padding: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  z-index: 53;
}
.split50__split-video a:visited {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 3%;
  line-height: 100%;
  border-radius: 2px;
  border: 1px solid #fff;
  padding: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  z-index: 53;
}
.split50__split-video a:hover {
  border: 1px solid var(--bgsu-orange);
  background: #ff7300;
  transform: scale(1.1);
}
.split50__split-video a:focus {
  outline: inherit;
}
.split50__split-video a:focus-visible {
  outline: var(--focus-outline);
  outline-offset: var(--focus-outline-offset-adjacent);
}
.splitOverlay,
.landing-card,
.landing-section {
  background: transparent !important;
  justify-content: center;
}
.splitOverlay .split50__split-content,
.landing-card .split50__split-content,
.landing-section .split50__split-content {
  margin: 0 0 0 -10%;
  padding: 0;
  z-index: 3;
  align-items: center;
}
@media (max-width: 992px) {
  .splitOverlay .split50__split-content,
  .landing-card .split50__split-content,
  .landing-section .split50__split-content {
    margin: inherit;
    padding: inherit;
  }
}
.splitOverlay .split50__split-content-inner,
.landing-card .split50__split-content-inner,
.landing-section .split50__split-content-inner {
  padding: 40px !important;
}
@media (max-width: 992px) {
  .splitOverlay .split50__split-image,
  .landing-card .split50__split-image,
  .landing-section .split50__split-image {
    margin: 0;
  }
}
.splitOverlay.white .split50__split-content-inner,
.landing-card.white .split50__split-content-inner,
.landing-section.white .split50__split-content-inner {
  background: #fff;
}
.splitOverlay.brown .split50__split-content-inner,
.landing-card.brown .split50__split-content-inner,
.landing-section.brown .split50__split-content-inner {
  background: var(--bgsu-brown);
}
.splitOverlay.orange .split50__split-content-inner,
.landing-card.orange .split50__split-content-inner,
.landing-section.orange .split50__split-content-inner {
  background: var(--bgsu-orange);
}
.splitOverlay.gold .split50__split-content-inner,
.landing-card.gold .split50__split-content-inner,
.landing-section.gold .split50__split-content-inner {
  background: var(--bgsu-gold);
}
.splitOverlay.tan .split50__split-content-inner,
.landing-card.tan .split50__split-content-inner,
.landing-section.tan .split50__split-content-inner {
  background: #F5E7D8;
}
.splitOverlay.rose .split50__split-content-inner,
.landing-card.rose .split50__split-content-inner,
.landing-section.rose .split50__split-content-inner {
  background: var(--bgsu-rose);
}
.splitOverlay.coral .split50__split-content-inner,
.landing-card.coral .split50__split-content-inner,
.landing-section.coral .split50__split-content-inner {
  background: var(--bgsu-coral);
}
.splitOverlay.seafoam .split50__split-content-inner,
.landing-card.seafoam .split50__split-content-inner,
.landing-section.seafoam .split50__split-content-inner {
  background: var(--bgsu-seafoam);
}
.splitOverlay.teal .split50__split-content-inner,
.landing-card.teal .split50__split-content-inner,
.landing-section.teal .split50__split-content-inner {
  background: var(--bgsu-teal);
}
.splitOverlay.shadow-box .split50__split-content-inner,
.landing-card.shadow-box .split50__split-content-inner,
.landing-section.shadow-box .split50__split-content-inner {
  box-shadow: var(--shadow-elevation-medium);
}
.splitOverlay.border-box .split50__split-content-inner,
.landing-card.border-box .split50__split-content-inner,
.landing-section.border-box .split50__split-content-inner {
  border-radius: 12px;
}
@media (max-width: 992px) {
  .splitOverlay.border-box .split50__split-content-inner,
  .landing-card.border-box .split50__split-content-inner,
  .landing-section.border-box .split50__split-content-inner {
    border-radius: 0 0 12px 12px;
  }
}
.splitOverlay.border-image .split50__split-image img,
.landing-card.border-image .split50__split-image img,
.landing-section.border-image .split50__split-image img {
  border-radius: 12px;
}
@media (max-width: 992px) {
  .landing-card {
    background: unset !important;
    justify-content: flex-start;
    width: 95%;
    margin-left: auto!important;
    margin-right: auto!important;
  }
}
.landing-card .split50__split-content-inner {
  padding: 40px !important;
}
@media (max-width: 992px) {
  .landing-card .split50__split-content-inner {
    border-radius: 0 0 12px 12px;
    box-shadow: var(--shadow-elevation-low);
  }
}
@media (max-width: 992px) {
  .landing-card .split50__split-image {
    margin: 0;
  }
}
@media (max-width: 992px) {
  .landing-card .split50__split-image img {
    border-radius: 12px 12px 0 0!important;
  }
}
.landing-section.border-box .split50__split-content {
  margin-bottom: -10px;
}
.landing-section .split50__split-content {
  align-items: flex-end;
}
.split50__split-content-inner {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}
@media (max-width: 1200px) {
  .split50__split-content-inner {
    padding: 0 !important;
  }
}
/*
@media (max-width: 576px) {
  .programSubhead {
    p {
      font-size: 1.1em;
      margin-bottom: 5px;
    }
    font-size: 1.1em;
    margin-bottom: 5px;
  }
  .split50__split-content {
    .programSubhead {
      p {
        font-size: 1.1em;
        margin-bottom: 5px;
      }
    }
    p {
      font-size: 1.2em;
    }
  }
}
*/
@media (max-width: 992px) {
  .split50 {
    display: table;
  }
  #myvideo {
    width: 100%;
  }
  .split50__split-image {
    flex-basis: unset;
    display: table;
    position: relative;
  }
  .split50__split-image img {
    object-fit: cover;
    height: auto;
    width: 100%;
  }
  .flexStart .split50__split-image {
    margin-right: 0px;
  }
  .flexStart .split50__split-video {
    margin-right: 0px;
  }
  .flexEnd .split50__split-image {
    margin-left: 0px;
  }
  .flexEnd .split50__split-video {
    margin-left: 0px;
  }
  .split50__split-content {
    max-width: none;
    padding: 20px;
  }
  .split50__split-content .title h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 1200px) {
  div.split50__split-content {
    box-sizing: border-box;
  }
}
.split50__split-image a {
  vertical-align: middle;
}
.program_key + .text > .programSubhead {
  margin-top: 10px;
}
.cmp-split-screen__video-toggle {
  position: absolute;
  top: 0;
  right: 0;
  margin: 3%;
  border-radius: 2px;
  border: 1px solid white;
  background-color: rgba(0, 0, 0, 0.2);
  min-height: 30px;
  min-width: 30px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: white;
  transition: all .3s ease;
  z-index: 60;
}
.cmp-split-screen__video-toggle:focus {
  outline: var(--focus-outline);
}
.cmp-split-screen__video-toggle:hover {
  border: 1px solid var(--bgsu-orange);
  background: var(--bgsu-orange);
  transform: scale(1.1);
}
