@charset "utf-8";
/* CSS Document */
.hrBlue {border-bottom: 2px solid #4e738a;}
.hrOrange{border-bottom: 2px solid #ae6042;}
div#commencement-video1.full-width {background:#b6a999; padding:0.2rem 0;}
div#commencement-video2.full-width {background: #4e738a; padding: 0.2rem 0; color:#fff;}

/*LIVE STREAM SECTIONS */
#livestream-link-1.darkText:not(.heroHeader) > div {background: #ae6042 !important; padding: 0.2rem 0; color:#fff !important;}
#livestream-link-1.darkText:not(.heroHeader) > div a{color:#ffffff !important;}
#livestream-link-1.darkText p{font-size:larger; margin:1rem 0!important;}

#livestream.darkText:not(.heroHeader) > div {background: #4e738a !important; padding: 0.2rem 0; color:#fff !important;}
#livestream.darkText:not(.heroHeader) > div a{color:#fff !important;}
#livestream.darkText p{font-size:larger; margin:1rem 0 !important;}

/* END LIVE STREAM SECTION */

#commencement-programs.darkText:not(.heroHeader) > div a{color:#fff!important;}
.button.hollow{color:#4e738a!important; background: transparent;}
.button.hollow:hover {background-color: #4e738a!important; color:#fff!important;}

.button-rounded-hover {
    text-transform: uppercase;
    padding: 1.5rem!important;
    position: relative;
    overflow: hidden;
    letter-spacing: 2px;
    transition: all 0.35s ease!important;
    transform: translateZ(0);
}

.button-rounded-hover:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-radius: inherit;
    background-color: #fefefe;
    transition: all 0.7s;
    transform: translateX(-100%);
}

.button-rounded-hover:hover:before, .button-rounded-hover:focus:before {
transform: translateX(0%);
opacity: 0.25;
}

@media only screen and (min-width: 40.063em) {
.hero .innerwrap .grid-x {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.hero .innerwrap .grid-x .cell {background: rgba(0,0,0,0.3);}
#header-text h1, #header-text h2 {
  display: inline-block;
}
#header-text h1 {
  display: inline-block;
  font-size: 6rem;
  padding-right: 1rem;
}
#header-text h2 {
  display: inline-block;
  font-size: 2.5rem;
  font-style: normal;
  text-align: left;
}
}