:root {
  --primary-white-svg-bg-logo-url: '';
}


/* merriweather-300 - latin */

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/merriweather-v17-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Merriweather Light"), local("Merriweather-Light"), url("/fonts/merriweather-v17-latin-300.eot") format("embedded-opentype"), url("/fonts/merriweather-v17-latin-300.woff2") format("woff2"), url("/fonts/merriweather-v17-latin-300.woff") format("woff"), url("/fonts/merriweather-v17-latin-300.ttf") format("truetype"), url("/fonts/merriweather-v17-latin-300.svg") format("svg");
  /* Legacy iOS */
  font-display: swap;
}

/* merriweather-300italic - latin */

@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 300;
  src: url("/fonts/merriweather-v17-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local("Merriweather Light Italic"), local("Merriweather-LightItalic"), url("/fonts/merriweather-v17-latin-300italic.eot") format("embedded-opentype"), url("/fonts/merriweather-v17-latin-300italic.woff2") format("woff2"), url("/fonts/merriweather-v17-latin-300italic.woff") format("woff"), url("/fonts/merriweather-v17-latin-300italic.ttf") format("truetype"), url("/fonts/merriweather-v17-latin-300italic.svg") format("svg");
  /* Legacy iOS */
  font-display: swap;
}

/* source-sans-pro-regular - latin */

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/source-sans-pro-v10-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Source Sans Pro Regular"),
       local("SourceSansPro-Regular"),
       url("/fonts/source-sans-pro-v10-latin-regular.eot") format("embedded-opentype"),
       url("/fonts/source-sans-pro-v10-latin-regular.woff2") format("woff2"),
       url("/fonts/source-sans-pro-v10-latin-regular.woff") format("woff"),
       url("/fonts/source-sans-pro-v10-latin-regular.ttf") format("truetype"),
       url("/fonts/source-sans-pro-v10-latin-regular.svg") format("svg");
  /* Legacy iOS */
  font-display: swap;
}

/* source-sans-pro-italic - latin */

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/source-sans-pro-v10-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("/fonts/source-sans-pro-v10-latin-italic.eot") format("embedded-opentype"), url("/fonts/source-sans-pro-v10-latin-italic.woff2") format("woff2"), url("/fonts/source-sans-pro-v10-latin-italic.woff") format("woff"), url("/fonts/source-sans-pro-v10-latin-italic.ttf") format("truetype"), url("/fonts/source-sans-pro-v10-latin-italic.svg") format("svg");
  /* Legacy iOS */
  font-display: swap;
}

/* source-sans-pro-700 - latin */

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/source-sans-pro-v10-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/fonts/source-sans-pro-v10-latin-700.eot") format("embedded-opentype"), url("/fonts/source-sans-pro-v10-latin-700.woff2") format("woff2"), url("/fonts/source-sans-pro-v10-latin-700.woff") format("woff"), url("/fonts/source-sans-pro-v10-latin-700.ttf") format("truetype"), url("/fonts/source-sans-pro-v10-latin-700.svg") format("svg");
  /* Legacy iOS */
  font-display: swap;
}

/* source-sans-pro-700italic - latin */

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url("/fonts/source-sans-pro-v10-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldItalic"), url("/fonts/source-sans-pro-v10-latin-700italic.eot") format("embedded-opentype"), url("/fonts/source-sans-pro-v10-latin-700italic.woff2") format("woff2"), url("/fonts/source-sans-pro-v10-latin-700italic.woff") format("woff"), url("/fonts/source-sans-pro-v10-latin-700italic.ttf") format("truetype"), url("/fonts/source-sans-pro-v10-latin-700italic.svg") format("svg");
  /* Legacy iOS */
  font-display: swap;
}

@font-face {
  font-family: '国标麻豆视频APP';
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/icomoon.eot?wepht2");
  src: url("/fonts/icomoon.eot?wepht2") format("embedded-opentype"), url("/fonts/icomoon.ttf?wepht2") format("truetype"), url("/fonts/icomoon.woff?wepht2") format("woff"), url("/fonts/icomoon.svg?wepht2") format("svg");
  font-display: swap;
}

@font-face {
  font-family: '国标麻豆视频APP2';
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/国标麻豆视频APP.eot");
  src: url("/fonts/国标麻豆视频APP.eot") format("embedded-opentype"), url("/fonts/国标麻豆视频APP.ttf") format("truetype"), url("/fonts/国标麻豆视频APP.woff") format("woff"), url("/fonts/国标麻豆视频APP.svg") format("svg");
  font-display: swap;
}

/*
	Body & HTML setup

*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

first {
  font-size: 18px;
  font-family: "Source Sans Pro";
  margin-bottom: 20px;
  line-height: 1.3;
  letter-spacing: 2px;
  font-weight: bold;
}

body, html {
  height: 100%;
}

body {
  color: #232323;
  font-size: 18px;
  line-height: 1.6;
  font-family: "Merriweather";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  font-synthesis: none;
  -moz-font-feature-settings: 'kern';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0px;
}

body.nav-menu-open {
  overflow: hidden;
  left: 0px;
  right: 0px;
  position: fixed;
}

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  max-width: 1600px;
  min-width: 0px;
  width: 100%;
}

.container.plus {
  max-width: 1720px;
}

.container.medium {
  max-width: 1180px;
}

.container.small {
  max-width: 980px;
}

.container.header {
  max-width: 3000px;
}

.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
  width: 100%;
  max-width: 3000px;
  min-width: 320px;
}

.wrap {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  overflow-x: hidden;
}

.wrap.gray {
  background: #f2f2f2;
  color: #464547;
}

.push {
  background: transparent;
}

/* footer height plus padding */

.padding {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.nomargin {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

::-moz-selection {
  /* Code for Firefox */
  color: white;
  background: #4d008c;
}

::selection {
  color: white;
  background: #4d008c;
}

:focus {
  outline: 0px none transparent;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

::-webkit-input-placeholder {
  color: #dedede;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #dedede;
  opacity: 1;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #dedede;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #dedede;
}

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0px;
  margin-bottom: 0px;
}

input[type="email"], input[type="search"], input[type="password"], input[type="tel"], input[type="submit"], textarea, select {
  -webkit-appearance: none;
  border-radius: 0px;
}

#preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

a, input[type="submit"], input[type="button"] {
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

a:hover, input[type="submit"]:hover, input[type="button"]:hover {
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

span[class^="icon-"], em[class^="icon-"] {
  line-height: 1;
  font-family: "国标麻豆视频APP";
  font-weight: normal;
  font-style: normal;
}

img {
  max-width: 100%;
}

img+a {
  border-bottom: none;
}

img.grayscale {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

figure figcaption {
  font-size: 75%;
  letter-spacing: 0.03em;
  margin-top: 4px;
}

.hide-menu-item {
  display: none;
}

.fa-circle {
  color: #ffca38;
}
.fa-inverse {
  color:#4d008c !important;
}
.fa-stack {
  float: right;
}

/* MI 12/30/2017 - font generated at icomoon.com */

.icon-home:before {
  content: "\e919";
}

.icon-pencil:before {
  content: "\e91a";
}

.icon-quill:before {
  content: "\e91b";
}

.icon-images:before {
  content: "\e91c";
}

.icon-library:before {
  content: "\e921";
}

.icon-files:before {
  content: "\1f5ca";
}

.icon-qr:before {
  content: "\e938";
}

.icon-credit:before {
  content: "\e93f";
}

.icon-map:before {
  content: "\e94b";
}

.icon-map2:before {
  content: "\e94c";
}

.icon-clock:before {
  content: "\e94e";
}

.icon-display:before {
  content: "\e956";
}

.icon-laptop:before {
  content: "\e957";
}

.icon-mobile:before {
  content: "\e959";
}
.icon-search:before {
  content: '\e905';
}
.icon-tablet:before {
  content: "\e95a";
}

.icon-tv:before {
  content: "\e95b";
}

.icon-phone:before {
  content: "\e942";
}

.icon-download:before {
  content: "\e960";
}

.icon-bubble:before {
  content: "\e96b";
}

.icon-bubbles:before {
  content: "\e96d";
}

.icon-users:before {
  content: "\e972";
}

.icon-tags:before {
  content: "\e936";
}

.icon-lock:before {
  content: "\e98f";
}

.icon-mug:before {
  content: "\e9a2";
}

.icon-leaf:before {
  content: "\e9a4";
}

.icon-rocket:before {
  content: "\e9a5";
}

.icon-meter:before {
  content: "\e9a6";
}

.icon-earth:before {
  content: "\e9ca";
}

.icon-link:before {
  content: "\e9cb";
}

.icon-flag:before {
  content: "\e9cc";
}

.icon-pray:before {
  content: "\e905";
}

.icon-mail:before {
  content: "\ea86";
}

.icon-rss:before {
  content: "\ea9b";
}

.icon-google:before {
  content: "\ea88";
}

.icon-google-drive:before {
  content: "\ea8f";
}

.icon-apple:before {
  content: "\eabe";
}

.icon-android:before {
  content: "\eac0";
}

.icon-facebook:before {
  content: "\e900";
}

.icon-twitter:before {
  content: "\e902";
}

.icon-instagram:before {
  content: "\e901";
}

.icon-snapchat:before {
  content: "\e909";
}

.icon-youtube:before {
  content: "\e903";
}

.icon-weibo:before {
  content: "\ea9a";
}

.icon-wechat:before {
  content: "\e904";
}

.icon-vimeo:before {
  content: "\e90a";
}

.icon-pinterest:before {
  content: "\e910";
}

.icon-external:before {
  content: "\e90d";
}

.icon-linked:before {
  content: "\eaca";
}

.icon-flicker:before {
  content: "\eaa4";
}

.icon-spotify:before {
  content: "\ea94";
}

.icon-checkbox:before {
  content: "\ea53";
}

.icon-checkbox-checked:before {
  content: "\ea52";
}

.icon-envelope:before {
  content: "\e90e";
  font-family: '国标麻豆视频APP2';
}

.icon-drawer:before {
  content: "\e911";
  font-family: '国标麻豆视频APP2';
}

.icon-office:before {
  content: "\e91d";
  font-family: '国标麻豆视频APP2';
}

.icon-phone1:before {
  content: "\e91f";
  font-family: '国标麻豆视频APP2';
}

.icon-letter:before {
  content: "\e920";
  font-family: '国标麻豆视频APP2';
}

.icon-phone2:before {
  content: "\e91e";
  font-family: '国标麻豆视频APP2';
}

a.circle-icon-button {
  font-family: "国标麻豆视频APP";
  background-color: transparent;
  border-radius: 10em;
  text-decoration: none;
  border: none;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 1.9em;
  vertical-align: middle;
  display: inline-block;
}

a.circle-icon-button span {
  color: #555555;
  font-size: 18px;
  line-height: 1.9em;
}

a.circle-icon-button:hover {
  background-color: #4d008c;
}

a.circle-icon-button:hover span {
  color: #ffffff;
}

hr {
  margin: 40px 0 0;
  border: 0;
  border-bottom: 1px solid #ccc;
}

hr.mobile-only {
  display: none;
  margin: 40px 0 0;
  border: 0;
  border-bottom: 1px solid #ccc;
}


#content div > hr + a.button {
    margin-top: 10px!important;
}

body:not(.no-hero) #header-container {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

body:not(.no-hero) #header-container.container.header.home {
  position: absolute;
}

#header-container {
  z-index: 10000;
}

#header-container.hovering:not(.home) {
  z-index: 100000;
}

#header-container.home #top-header-container {
  background-color: rgba(47, 47, 47, 0.749);
  max-width: 2000px;
  margin: auto;
}
header.nav-down #header-container.home #top-header-container {
  background-color: rgba(47, 47, 47, 1);
}

#header-container.home #top-header-container #top-header-menu-container {
  width: calc(100% - 440px);
  margin-left: 440px;
}

#header-container.home #top-header-container #top-header-menu-container ul {
  padding-left: 37px;
}

#header-container.home #bottom-header-container {
  background-color: white;
  border-bottom: 1px solid #f2f2f2;
  height: 70px;
  max-width: 2000px;
  margin: auto;
}

#header-container.home #bottom-header-container #header-logo-container {
  background-color: #4d008c;
  height: 140px;
  padding: 0 30px;
  top: -50px;
  position: relative;
  z-index: 10000;
}

#header-container.home #bottom-header-container #header-logo-container span {
  margin-top: 40px;
}

#header-container.home #bottom-header-container #bottom-header-menu-container {
  height: 70px;
  line-height: 70px;
}

#header-container.home #bottom-header-container #bottom-header-menu-container>ul {
  float: none;
  padding-right: 0;
}

#header-container.home #bottom-header-container #bottom-header-menu-container>ul>li>a {
  color: #4d008c;
}

#header-container.home #bottom-header-container #bottom-header-menu-container>ul>li>a:after {
  background-color: #4d008c;
  bottom: -24px;
}

#header-container.home #bottom-header-container #bottom-header-menu-container>ul>li .sub-menu, #header-container.home #bottom-header-container #bottom-header-menu-container>ul>li .small-menu {
  top: 70px;
}

#header-container.home #bottom-header-container #bottom-header-menu-container .search {
  right: 60px;
}

#header-container.home #bottom-header-container #bottom-header-menu-container .search .search-bar {
  height: 70px;
}

#header-container.home #bottom-header-container #bottom-header-menu-container .search .search-bar input[type="search"] {
  background: white;
  color: #4d008c;
}

#header-container.home #bottom-header-container #bottom-header-menu-container .search .search-bar input[type="search"]::-webkit-input-placeholder {
  color: #4d008c;
}

#header-container.home #bottom-header-container #bottom-header-menu-container .search .search-bar input[type="search"]:-moz-placeholder {
  /* Firefox 18- */
  color: #4d008c;
  opacity: 1;
}

#header-container.home #bottom-header-container #bottom-header-menu-container .search .search-bar input[type="search"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #4d008c;
  opacity: 1;
}

#header-container.home #bottom-header-container #bottom-header-menu-container .search .search-bar input[type="search"]:-ms-input-placeholder {
  color: #4d008c;
}

#header-container.home #bottom-header-container #bottom-header-menu-container .search img {
  margin-top: 20px;
}

#header-container .campus-alert-bar {
  display: none;
}
#header-container.home .campus-alert-bar {
  display: block;
  //background: #ffca38;
  //padding: 20px 50px;
  max-width: 2000px;
  margin: auto;
}

#header-container.home .campus-alert-bar-content {
margin-left: auto;
background: #4d008c;
padding: 20px 0 0 0;
width: fit-content;
}

#header-container.home .campus-alert-bar-content h4 {
    font-family: "Source Sans Pro";
    font-weight: bold;
    font-size: 14px;
}

#header-container.home .campus-alert-bar-content a {
  color: #ffffff;
  }

#header-container.home .campus-alert-bar-content a:hover {
  color: #ffca38;
  text-decoration: none;
  border-color: transparent;
}

#header-container.home .campus-alert-bar-content .mt3 {
  font-size: 1rem;
}

#header-container #top-header-container {
  background-color: #2f2f2f;
  height: 50px;
}

#header-container #top-header-container #top-header-menu-container {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 100%;
}

#header-container #top-header-container #top-header-menu-container ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
}

#header-container #top-header-container #top-header-menu-container ul li {
  display: inline-block;
}

#header-container #top-header-container #top-header-menu-container ul li:not(:last-of-type) {
  margin-right: 15px;
}

#header-container #top-header-container #top-header-menu-container ul li a {
  font-family: "Source Sans Pro";
  text-transform: uppercase;
  color: #f2f2f2;
  text-decoration: none;
  font-size: 16px;
}

#header-container #top-header-container #top-header-menu-container ul li a:hover {
  color: #ffca38;
}

#header-container #top-header-container #top-header-menu-container>div {
  display: inline-block;
  float: right;
}

#header-container #top-header-container #top-header-menu-container>div a {
  color: white;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Source Sans Pro";
  text-decoration: none;
  font-weight: bold;
  padding: 0 17px;
  height: 50px;
  letter-spacing: 1px;
  display: inline-block;
}

#header-container #top-header-container #top-header-menu-container>div a:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

#header-container #top-header-container #top-header-menu-container>div a:hover {
  color: #ffca38;
}

#header-container #bottom-header-container {
  background-color: #4d008c;
  height: 100px;
}

#header-container #bottom-header-container #header-logo-container {
  width: 370px;
  display: inline-block;
  vertical-align: top;
  padding-top: 20px;
}

#header-container #bottom-header-container #header-logo-container span {
  font-family: "国标麻豆视频APP";
  color: white;
  position: relative;
  text-decoration: none;
  font-size: 53px;
  display: inline-block;
  content: url(/css/var(--primary-white-svg-bg-logo-url);
}

#header-container #bottom-header-container #header-logo-container span:before {
  /* content: '\e917'; */
  content: url(/css/var(--primary-white-svg-bg-logo-url);

}

#header-container #bottom-header-container #bottom-header-menu-container {
  display: inline-block;
  width: calc(100% - 440px);
  max-height: 1000px;
  line-height: 100px;
  margin-left: 60px;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul {
  display: inline-block;
  margin: 0;
  list-style: none;
  float: right;
  padding-right: 100px;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li {
  display: inline-block;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li:not(:last-of-type) {
  margin-right: 25px;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li.has-small-menu {
  position: relative;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li.menu-item-has-children:hover>a:after {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li.menu-item-has-children:hover>.sub-menu, #header-container #bottom-header-container #bottom-header-menu-container>ul>li.menu-item-has-children:hover>.small-menu {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>a {
  font-family: "Source Sans Pro";
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  position: relative;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>a:after {
  background-color: white;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
  content: '';
  position: absolute;
  bottom: -39px;
  left: 0;
  width: 100%;
  height: 6px;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  -webkit-transform-origin: center left;
  transform-origin: center left;
  -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>a:hover:after {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.small-menu {
  position: absolute;
  width: 250px;
  left: 0;
  top: 100px;
  padding: 30px 20px;
  margin: 0;
  background: white;
  z-index: -1;
  display: table;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 9px 43px 0px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.small-menu li {
  line-height: 1.5;
  position: relative;
  cursor: pointer;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.small-menu li:not(:last-of-type) {
  margin-bottom: 5px;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.small-menu li:hover.has-sub-menu>a {
  font-weight: bold;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.small-menu li:hover>ul {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.small-menu li:not(.has-sub-menu) a {
  position: relative;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.small-menu li:not(.has-sub-menu) a:after {
  background-color: #4d008c;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  -webkit-transform-origin: center left;
  transform-origin: center left;
  -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.small-menu li:not(.has-sub-menu) a:hover:after {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.small-menu li.has-sub-menu:after {
  position: absolute;
  content: '';
  right: 5px;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 4px 0 4px 6.9px;
  border-color: transparent transparent transparent #4d008c;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.small-menu li a {
  position: relative;
  width: 100%;
  z-index: 100000000;
  color: #4d008c;
  font-family: "Source Sans Pro";
  font-size: 18px;
  text-decoration: none;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.small-menu li>ul {
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  left: calc(100% + 10px);
  top: -40px;
  list-style: none;
  position: absolute;
  box-shadow: 0px 9px 43px 0px rgba(0, 0, 0, 0.3);
  background-color: white;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  width: 250px;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.drop-down-menu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100px;
  padding: 50px 30px;
  margin: 0;
  background: white;
  z-index: -1;
  display: table;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 9px 43px 0px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.drop-down-menu li {
  list-style: none;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.drop-down-menu .title {
  font-family: "Source Sans Pro";
  display: block;
  line-height: 1.667;
  text-transform: uppercase;
  font-size: 18px;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.drop-down-menu>li {
  display: block;
  width: 100%;
  line-height: 1.667;
  display: table-cell;
  vertical-align: top;
  width: 25%;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.drop-down-menu>li:not(:first-of-type) {
  padding-left: 25px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.drop-down-menu>li:not(.has-title):not(.no-title) {
  padding-top: 0px;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.drop-down-menu>li.no-title {
  padding-top: 30px;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.drop-down-menu>li>ul {
  padding-left: 0;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.drop-down-menu.has-no-titles>li>ul {
  margin-top: 0;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.drop-down-menu>li>li {
  display: block;
  width: 100%;
  line-height: 1.667;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.drop-down-menu>li a {
  display: inline-block;
  line-height: 1;
  text-decoration: none;
  color: #4d008c;
  font-size: 18px;
  font-family: "Source Sans Pro";
  position: relative;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.drop-down-menu>li a:after {
  background-color: #4d008c;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  -webkit-transform-origin: center left;
  transform-origin: center left;
  -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.drop-down-menu>li a:hover:after {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.drop-down-menu>.sub-links {
  margin-top: 27px;
}

#header-container #bottom-header-container #bottom-header-menu-container>ul>li>.drop-down-menu>.sub-links>ul {
  padding-left: 0;
}

#header-container #bottom-header-container #bottom-header-menu-container .search {
  position: absolute;
  right: 40px;
  top: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#header-container #bottom-header-container #bottom-header-menu-container .search.open {
  width: 100%;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#header-container #bottom-header-container #bottom-header-menu-container .search.open .search-bar input[type="search"] {
  width: 100%;
}

#header-container #bottom-header-container #bottom-header-menu-container .search.open .search-close-icon {
  opacity: 1;
}

#header-container #bottom-header-container #bottom-header-menu-container .search .search-bar {
  width: 28px;
  height: 100px;
  position: relative;
  background-color: transparent;
  position: absolute;
  overflow: hidden;
  right: 0;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

#header-container #bottom-header-container #bottom-header-menu-container .search .search-bar input[type="search"] {
  width: 100%;
  height: 64px;
  top: 0px;
  right: 0px;
  border: none;
  z-index: 1000;
  font-size: 18px;
  color: white;
  padding-left: 40px;
  font-family: "Source Sans Pro";
  background: #4d008c;
}

#header-container #bottom-header-container #bottom-header-menu-container .search .search-bar input[type="search"]::-webkit-input-placeholder {
  color: white;
}

#header-container #bottom-header-container #bottom-header-menu-container .search .search-bar input[type="search"]:-moz-placeholder {
  /* Firefox 18- */
  color: white;
  opacity: 1;
}

#header-container #bottom-header-container #bottom-header-menu-container .search .search-bar input[type="search"]::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  opacity: 1;
}

#header-container #bottom-header-container #bottom-header-menu-container .search .search-bar input[type="search"]:-ms-input-placeholder {
  color: white;
}

#header-container #bottom-header-container #bottom-header-menu-container .search .search-icon, #header-container #bottom-header-container #bottom-header-menu-container .search .search-close-icon {
  position: absolute;
  top: 3px;
  z-index: 10001;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#header-container #bottom-header-container #bottom-header-menu-container .search .search-icon {
  opacity: 1;
  left: 2px;
  font-size: 24px;
  color: white;
  font-family: "国标麻豆视频APP";
}

#header-container #bottom-header-container #bottom-header-menu-container .search .search-icon:before {
  content: '\e908';
}

#header-container #bottom-header-container #bottom-header-menu-container .search .search-icon.home {
  color: #4d008c;
}

#header-container #bottom-header-container #bottom-header-menu-container .search .search-icon.home:before {
  content: '\e918';
}

#header-container #bottom-header-container #bottom-header-menu-container .search .search-close-icon {
  opacity: 0;
  right: 0;
  font-size: 24px;
  font-family: "国标麻豆视频APP";
  color: white;
}

#header-container #bottom-header-container #bottom-header-menu-container .search .search-close-icon:before {
  content: '\e906';
}

#header-container #bottom-header-container #bottom-header-menu-container .search .search-close-icon.home {
  color: #4d008c;
}

#header-container #bottom-header-container #bottom-header-menu-container .search .search-close-icon.home:before {
  content: '\e907';
}

#header-container #bottom-header-container #mobile-menu-icon {
  display: none;
  width: 60px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

#header-container #bottom-header-container #mobile-menu-icon.active span {
  background: transparent;
}

#header-container #bottom-header-container #mobile-menu-icon.active span:before {
  top: 0px;
  height: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#header-container #bottom-header-container #mobile-menu-icon.active span:after {
  top: 0px;
  height: 3px;
  transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
}

#header-container #bottom-header-container #mobile-menu-icon span {
  height: 2px;
  width: 30px;
  background: white;
  position: absolute;
  display: block;
  content: '';
  top: 30px;
  right: 0;
  transition: all 250ms ease-in-out;
}

#header-container #bottom-header-container #mobile-menu-icon span:before {
  cursor: pointer;
  border-radius: 1px;
  height: 2px;
  width: 30px;
  background: white;
  position: absolute;
  display: block;
  content: '';
  top: -10px;
  transition: all 250ms ease-in-out;
}

#header-container #bottom-header-container #mobile-menu-icon span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 2px;
  width: 30px;
  background: white;
  position: absolute;
  display: block;
  content: '';
  top: 10px;
  transition: all 250ms ease-in-out;
}

#notification-container {
  background-color: #ffca38;
  padding: 30px 0;
}
#notification-container-home {
  background-color: #ffca38;
  padding: 30px 0;
  margin: -40px 0 40px 0;
}

#notification-container h4 {
  font-size: 20px;
  font-family: "Source Sans Pro";
  margin-bottom: 10px;
  line-height: 1.4;
  font-weight: bold;
}

#notification-container p {
  font-size: 14px;
  line-height: 1.667;
}

#notification-container .close-icon {
  position: absolute;
  right: 0;
  top: 10px;
  font-family: "国标麻豆视频APP";
  color: #4d008c;
  font-size: 26px;
  text-decoration: none;
}

#notification-container .close-icon:before {
  content: '\e906';
}

#mobile-menu {
  display: block;
  position: fixed;
  left: 0;
  top: 100px;
  height: 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transition-property: transform;
  transition-duration: 0.4s;
  z-index: 100000;
  background-color: #f2f2f2;
}

#mobile-menu.is-visible {
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
}

#mobile-menu .mm-panels {
  top: 80px;
}

#mobile-menu .mm-navbars-top {
  margin-bottom: 30px;
}

#mobile-menu .mm-navbar {
  height: 50px;
  border-bottom: 0px;
}

#mobile-menu .mm-navbar #mobile-search {
  height: 50px;
  display: inline-block;
  width: 100%;
  padding: 0;
  margin-bottom: 30px;
  position: relative;
}

#mobile-menu .mm-navbar #mobile-search:after {
  position: absolute;
  content: '\e918';
  font-family: "国标麻豆视频APP";
  font-size: 22px;
  color: #4d008c;
  top: 14px;
  right: 20px;
}

#mobile-menu .mm-navbar #mobile-search input[type="search"] {
  height: 50px;
  width: 100%;
  border: none;
  background-color: white;
  line-height: 50px;
  max-height: 50px;
  min-height: 50px;
  font-family: "Source Sans Pro";
  font-size: 16px;
  padding: 0 60px 0 20px;
  color: #4d008c;
}

#mobile-menu .mm-navbar #mobile-search input[type="search"]::-webkit-input-placeholder {
  color: #4d008c;
}

#mobile-menu .mm-navbar #mobile-search input[type="search"]:-moz-placeholder {
  /* Firefox 18- */
  color: #4d008c;
  opacity: 1;
}

#mobile-menu .mm-navbar #mobile-search input[type="search"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #4d008c;
  opacity: 1;
}

#mobile-menu .mm-navbar #mobile-search input[type="search"]:-ms-input-placeholder {
  color: #4d008c;
}

#mobile-menu .mm-navbar .mm-prev:before {
  position: absolute;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 10.4px 6px 0;
  border-color: transparent #4d008c transparent transparent;
  top: 0;
  left: 20px;
  transform: none;
  -webkit-transform: none;
}

#mobile-menu .mm-navbar .mm-title {
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  font-family: "Source Sans Pro";
  color: #4d008c;
  margin-left: 5px;
}

#mobile-menu .mm-listview {
  border-top: 0;
  padding: 0 20px 80px;
}

#mobile-menu .mm-listview>li:not(.mm-divider):after {
  left: 0;
}

#mobile-menu .mm-listview>li:first-of-type {
  border-top: 1px solid #d0d0d0;
}

#mobile-menu .mm-listview>li.title {
  border-bottom: 1px solid transparent;
}

#mobile-menu .mm-listview>li.mm-selected a:not(.mm-next) {
  background: transparent;
}

#mobile-menu .mm-listview>li span {
  padding: 15px 0;
  font-family: "Source Sans Pro";
  text-transform: uppercase;
  font-weight: bold;
}

#mobile-menu .mm-listview>li a {
  font-size: 15px;
  font-family: "Source Sans Pro";
  color: #4d008c;
  padding: 15px 0;
}

#mobile-menu .mm-listview .mm-next {
  background: transparent;
  width: 100%;
}

#mobile-menu .mm-listview .mm-next:before {
  border-left-width: 0;
}

#mobile-menu .mm-listview .mm-next:after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10.4px;
  border-color: transparent transparent transparent #4d008c;
  top: 5px;
  right: 10px;
  transform: none;
  -webkit-transform: none;
}

/*
header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99999;
  transition: top .55s cubic-bezier(.645,.045,.355,1);
}
header.nav-up {
  top: -150px;
}
header.nav-down {
  top: 0;
}*/

#interior-header-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
  overflow: hidden;
  background-color: #2f2f2f;
}



/* Default height for non-Advancement sections */
#interior-header-container:not(.advancement-header) {
  height: auto !important;
}

/* Styling for Advancement section on desktop */
#interior-header-container.advancement-header {
  height: 550px;
  background-color: unset !important;
  transition: height 0.3s ease; /* Smooth transition effect */
}

/* Adjustments for mobile */
@media (max-width: 768px) {
  #interior-header-container.advancement-header {
      height: 375px !important; /* Mobile-specific height */
  }
}



div#interior-header-container .container.plus {
  max-width: 2000px;
}

#interior-header-container.gray {
  background-color: #f2f2f2;
}

#interior-header-container.tall #interior-header-image {
  height: 550px;
}

#interior-header-container #interior-header-slider {
  height: 780px;
}

#interior-header-container #interior-header-slider ul {
  padding: 0;
  margin: 0;
}

#interior-header-container #interior-header-slider ul li {
  width: 100%;
  height: 780px;
  background-size: cover;
  background-position: 50%;
}

#interior-header-container #interior-header-image {
  display: none;
  background-size: cover;
  background-position: 50%;
}

#interior-header-container #interior-header-image-wrap {
  width: 100%;
  max-width: 2000px;
  display: inline-block;
  margin: 0;
}

#interior-header-container .interior-header-links {
  background-color: #2f2f2f;
  height: 70px;
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 2000px;
  left: 0;
  right: 0;
  margin: auto;
}

#interior-header-container #interior-header-text-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#interior-header-container #interior-header-text-container #interior-header-title {
  background-color: #4d008c;
  float: left;
  padding: 20px 15px;
  position: relative;
  z-index: 999;
  height: 170px;
  width: 100%;
  max-width: 500px;
}

body.section-restart #interior-header-container #interior-header-text-container #interior-header-title {
  display: none;
}

#interior-header-container #interior-header-text-container #interior-header-title>div {
  display: table;
  width: 100%;
  height: 100%;
}

#interior-header-container #interior-header-text-container #interior-header-title>div>div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

#interior-header-container #interior-header-text-container #interior-header-title>div>div h3,
#interior-header-container #interior-header-text-container #interior-header-title>div>div h1 {
  color: white;
  font-size: 40px;
  font-family: "Source Sans Pro";
  font-weight: bold;
}

#interior-header-container #interior-header-text-container #interior-header-menu {
  float: right;
  position: relative;
  z-index: 10000;
}

#interior-header-container #interior-header-text-container #interior-header-menu ul {
  padding: 0;
  margin: 0;
}

#interior-header-container #interior-header-text-container #interior-header-menu ul li {
  display: inline-block;
}

#interior-header-container #interior-header-text-container #interior-header-menu ul li:not(:last-of-type) {
  margin-right: 25px;
}

#interior-header-container #interior-header-text-container #interior-header-menu ul li a {
  font-family: "Source Sans Pro";
  color: #d0d0d0;
  text-decoration: none;
  line-height: 70px;
  position: relative;
}

#interior-header-container #interior-header-text-container #interior-header-menu ul li a.current-page:before, #interior-header-container #interior-header-text-container #interior-header-menu ul li a:hover:before {
  opacity: 1;
  transform: translateY(6px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

#interior-header-container #interior-header-text-container #interior-header-menu ul li a:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.5px;
  background-color: #ffca38;
  opacity: 0;
  transform: translateY(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

#wide-interior-header-menu {
  display: none;
  width: 100%;
  background-color: #2f2f2f;
  text-align: center;
  padding: 20px 0;
  position: relative;
  z-index: 100000;
}

#wide-interior-header-menu #wide-mobile-menu {
  display: none;
}

#wide-interior-header-menu #wide-mobile-menu .fancy-select .trigger {
  width: 100%;
  box-shadow: none;
  border-radius: 0;
  height: 50px;
  background: #2f2f2f;
  border: 1px solid transparent;
  font-size: 16px;
  text-transform: none;
  padding: 13px 0 0;
  color: white;
}

#wide-interior-header-menu #wide-mobile-menu .fancy-select .trigger:after {
  border-top-color: white;
  top: 23px;
  right: 15px;
}

#wide-interior-header-menu #wide-mobile-menu .fancy-select .trigger.open {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
}

#wide-interior-header-menu #wide-mobile-menu .fancy-select .options {
  width: 100%;
  box-shadow: none;
  border-radius: 0;
  padding-left: 0;
  border-top-color: #2f2f2f;
  overflow-x: hidden;
  z-index: 10000;
}

#wide-interior-header-menu #wide-mobile-menu .fancy-select .options.open {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
}

#wide-interior-header-menu #wide-mobile-menu .fancy-select .options li {
  padding: 10px 10px 10px 20px;
  margin-bottom: 0;
  background-color: #2f2f2f;
  color: white;
  text-transform: none;
  font-size: 16px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#wide-interior-header-menu #wide-mobile-menu .fancy-select .options li.selected, #wide-interior-header-menu #wide-mobile-menu .fancy-select .options li:hover {
  background-color: white;
  color: #2f2f2f;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#wide-interior-header-menu #wide-desktop-menu ul {
  padding: 0;
  margin: 0;
}

#wide-interior-header-menu #wide-desktop-menu ul li {
  display: inline-block;
}

#wide-interior-header-menu #wide-desktop-menu ul li:not(:last-of-type) {
  margin-right: 15px;
}

#wide-interior-header-menu #wide-desktop-menu ul li a {
  color: #d0d0d0;
  font-family: "Source Sans Pro";
  text-decoration: none;
  position: relative;
}

#wide-interior-header-menu #wide-desktop-menu ul li a.current-page:before, #wide-interior-header-menu #wide-desktop-menu ul li a:hover:before {
  opacity: 1;
  transform: translateY(6px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

#wide-interior-header-menu #wide-desktop-menu ul li a:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.5px;
  background-color: #ffca38;
  opacity: 0;
  transform: translateY(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

#breadcrumb-container {
  background-color: white;
  padding: 20px 50px;
  z-index: 10001;
  max-width: 2000px;
}

#breadcrumb-container a, #breadcrumb-container span {
  font-family: "Source Sans Pro";
  font-size: 16px;
  color: #4d008c;
}

#breadcrumb-container a {
  text-decoration: none;
}

#breadcrumb-container a:hover {
  color: #4d008c;
  text-decoration: underline;
}

#breadcrumb-container span.current-page {
  font-weight: bold;
  color: #464646;
}

#hero-container {
  width: 100%;
  background: white;
}

#hero-container #hero-background-image {
  display: none;
}

#hero-container #hero-wrapper {
  width: 100%;
  max-width: 2000px;
  overflow: hidden;
  text-align: center;
  position: relative;
  margin: 0 auto;
  padding-top: 100px;
}

#hero-container #hero-wrapper:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}

#hero-container #hero-wrapper.video {
  position: relative;
  padding-bottom: 41.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

#hero-container #hero-wrapper.video:before {
  background-image: -moz-linear-gradient(90deg, black 0%, transparent 100%);
  background-image: -webkit-linear-gradient(90deg, black 0%, transparent 100%);
  background-image: -ms-linear-gradient(90deg, black 0%, transparent 100%);
  opacity: 0.439;
  height: 40%;
  top: 60%;
}

#hero-container #hero-wrapper #hero-image {
  display: inline-block;
  margin: 0 auto;
}

#hero-container #hero-wrapper video {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -100;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

#hero-container #hero-wrapper #hero-text-container {
  display: table;
  width: 100%;
  max-width: 1600px;
  margin: auto;
  /*height: calc(100% - 100px);*/
  position: absolute;
  bottom: 200px;
  left: 0;
  right: 0;
  text-align: left;
  z-index: 10001;
  padding-top: 100px;
}

#hero-container #hero-wrapper #hero-text-container #hero-text {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

#hero-container #hero-wrapper #hero-text-container #hero-text>div {
  width: 60%;
}

#hero-container #hero-wrapper #hero-video-text {
  position: absolute;
  bottom: 100px;
  left: 60px;
  z-index: 1000;
  margin: 0 auto;
  max-width: 1600px;
  left: 0;
  right: 0;
  text-align: left;
}

#hero-container #hero-wrapper #hero-video-text h1 {
  margin-bottom: 0;
  line-height: 1.1;
}

#hero-container #hero-wrapper #hero-video-text h1 em {
  font-weight: normal;
  font-family: "Merriweather";
  font-size: 55px;
}

#hero-container #hero-wrapper h1 {
  color: white;
}

#hero-container #hero-wrapper h3 {
  color: white;
}

#hero-container #hero-wrapper hr {
  border: none;
  border-top: 10px solid rgba(255, 255, 255, 0.2);
  margin: 0 0 30px;
}

#hero-container #hero-wrapper p {
  color: white;
}

#hero-container #hero-wrapper .button {
  border-radius: 10px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Source Sans Pro";
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  letter-spacing: 1px;
  color: #4d008c;
  background-color: #ffca38;
  font-size: 16px;
  min-width: 140px;
  padding: 10px 20px;
  margin-top: 20px;
}

#hero-container #hero-wrapper .button:hover {
  background-color: #4d008c;
  color: white;
}

#hero-container .umhb-175-seal-home {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  top: 0;
  right: 0;
  height: 100%;
  padding-right: 50px;
  padding-bottom: 50px;
  z-index: 9999;
  opacity: 0;
  transform: translateY(50px);
  animation: fade-up 0.75s linear 0.33s forwards;
}

#hero-container .umhb-175-seal-home svg {
  width: 200px;
  height: 200px;
  transform: rotate(-13deg);
}

#sticky-container {
  position: absolute;
  top: 75vh;
  background: #4d008c;
  color: white;
  z-index: 9999;
  width: 450px;
  left: -30px;
  transition: left 0.33s ease-in-out;
}

#sticky-container:hover {
  left: 0;
}

#sticky-container .sticky-content {
  margin-left: 30px;
}

#sticky-container a {
  color: white !important;
  border-bottom: 1px dashed #ffca38;
  text-decoration: none !important;
}

#sticky-container a:hover {
  color: #ffca38!important;
  border-color: transparent;
}

@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(50px); }
  100% {
    transform: translateY(0px);
    opacity: 1; }
}

#introduction-container {
  text-align: center;
  padding: 120px 0 110px;
}

#introduction-container #hero-arrow {
  width: 70px;
  height: 70px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: -35px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1000;
  box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.21);
  transition: transform 0.33s ease-in-out;
  transform: translateY(0);
  cursor: pointer;
}

#introduction-container #hero-arrow:hover {
  transform: translateY(15px);
}

#introduction-container #hero-arrow span {
  font-family: "国标麻豆视频APP";
  font-size: 20px;
  position: relative;
  color: #4d008c;
  position: relative;
  top: 27px;
  left: 1px;
}

#introduction-container #hero-arrow span:before {
  content: '\e912';
}

#statistics-container {
  padding: 0 0 100px;
}

#statistics-container #statistics-wrapper {
  display: inline-block;
  width: 100%;
}

#statistics-container #statistics-wrapper .statistic {
  text-decoration: none;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
  top: 0;
  position: relative;
}

#statistics-container #statistics-wrapper .statistic:hover {
  top: -10px;
}

#statistics-container #statistics-wrapper .statistic img {
  width: 100%;
}

#statistics-container #statistics-wrapper .statistic .statistic-content {
  padding: 20px 30px;
  text-align: center;
}

#statistics-container #statistics-wrapper .statistic .statistic-content h1 {
  margin-bottom: 10px;
}

#statistics-container #statistics-wrapper .statistic .statistic-content p {
  font-size: 18px;
  color: #232323;
}


#news-header-container h2 {
  display: inline-block;
  color: #4d008c;
  text-transform: uppercase;
}

#news-header-container a {
  float: right;
  border-radius: 30px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Source Sans Pro";
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  letter-spacing: 1px;
  background-color: #4d008c;
  color: white;
  font-size: 16px;
  min-width: 140px;
  padding: 10px 20px;
  position: relative;
  top: 12px;
}

#news-header-container a:hover {
  background-color: #ffca38;
}

#news-container #news-list-container {
  width: 440px;
  height: 570px;
  background-color: #232323;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
}

#news-container #news-list-container:before {
  position: absolute;
  content: '';
  width: 9600px;
  height: 100%;
  background-color: white;
  top: 0;
  right: 100%;
}

#news-container #news-list-container>div {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.188);
}

#news-container #news-list-container>div h5 {
  color: white;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 0;
}

#news-container #news-list-container>div a {
  float: right;
  color: #f2f2f2;
  text-decoration: none;
  font-family: "Source Sans Pro";
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 14px;
  position: relative;
  top: 5px;
}

#news-container #news-list-container>div a:hover {
  color: #ffca38;
}

#news-container #news-list-container ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#news-container #news-list-container ul li {
  margin-bottom: 0;
  padding: 17px 20px;
  position: relative;
}

#news-container #news-list-container ul li:before {
  display: none;
}

#news-container #news-list-container ul li:hover a h4 {
  color: #ffca38;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#news-container #news-list-container ul li:hover a:after {
  right: 0;
  color: white;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#news-container #news-list-container ul li:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.188);
}

#news-container #news-list-container ul li a {
  text-decoration: none;
  display: inline-block;
  width: 100%;
  position: relative;
  padding-right: 50px;
}

#news-container #news-list-container ul li a:after {
  position: absolute;
  content: '\e913';
  font-family: "国标麻豆视频APP";
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#news-container #news-list-container ul li h4 {
  color: white;
  font-size: 1em;
  margin-bottom: 0;
  line-height: 1;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#news-container #news-list-container ul li span {
  color: #f2f2f2;
  font-size: 14px;
}

#news-container #news-roller-container {
  display: inline-block;
  margin-bottom: 40px;
  padding-left: 460px;
}

#news-container #news-roller-container .roller-controls {
  max-width: calc(100% - 340px);
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 80px;
  margin: auto;
}

#news-container .roller-viewport .roller-canister {
  overflow: visible;
}

#news-container .roller-viewport .roller-item {
  width: 380px;
  height: 570px;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  top: 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#news-container .roller-viewport .roller-item:hover {
  top: -10px;
  background: white;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#news-container .roller-viewport .roller-item:not(:last-of-type) {
  margin-right: 20px;
}

#news-container .roller-viewport .roller-item img {
  width: 100%;
}

#news-container .roller-viewport .roller-item .roller-link {
  text-decoration: none;
}

#news-container .roller-viewport .roller-item .roller-link:hover {
  text-decoration: none;
}

#news-container .roller-viewport .roller-item .roller-content {
  padding: 10px 20px;
}

#news-container .roller-viewport .roller-item .roller-content h4 {
  color: #4d008c;
  margin-bottom: 0;
  font-size: 22px;
}

#news-container .roller-viewport .roller-item .roller-content span {
  font-size: 14px;
  margin-bottom: 15px;
  display: inline-block;
}

#news-container .roller-viewport .roller-item .roller-content p {
  margin-bottom: 15px;
  color: #232323;
}

#news-container .roller-viewport .roller-item .roller-content .read-more {
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Source Sans Pro";
  color: #4d008c;
  font-weight: bold;
  text-decoration: none;
}

#news-container .roller-viewport .roller-item .roller-content .read-more:hover {
  text-decoration: underline;
}

#news-container a.more-link {
    position: absolute;
    bottom: 15px;
    left: 250px;
    text-transform: lowercase;
    font-weight: bold;
    border-bottom: 1px dashed #4d008c;
    font-family: "Source Sans Pro", sans-serif;
}

#news-container a.more-link:hover {
    text-decoration: none;
    border-bottom: 1px dashed transparent;
    color: #333;
}

#content .featured-news-container {
  padding: 50px 0;
}

#content .featured-news-container>div {
  display: table;
  width: 100%;
}

#content .featured-news-container>div>div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

#content .featured-news-container>div>div:last-child {
  padding-left: 50px;
}

#content .featured-news-container>div>div:last-child h2 {
  color: #4d008c;
  margin-bottom: 10px;
}

#content .featured-news-container>div>div:last-child h4 {
  margin-bottom: 30px;
}

#content .featured-news-container>div>div:last-child .button {
  margin-top: 20px;
}

#content .featured-news-container>div>div img {
  width: 100%;
}

#content .recent-news-container {
  margin-bottom: 30px;
}

#content .recent-news-container.sub-nav {
  padding: 50px;
}

#content .recent-news-container.sub-nav h2 {
  color: #4d008c;
  margin-bottom: 50px;
}

#content .recent-news-container:not(.split) {
  background-color: white;
}

#content .recent-news-container .recent-news-header {
  padding: 50px;
}

#content .recent-news-container .recent-news-header h2 {
  display: inline-block;
  color: #4d008c;
  text-transform: uppercase;
}

#content .recent-news-container .recent-news-header .button {
  float: right;
  position: relative;
  top: 10px;
}

#content .recent-news-container .recent-news>div {
  display: inline-block;
  width: 100%;
}

#content .recent-news-container .recent-news .news-item {
  margin-bottom: 40px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content .recent-news-container .recent-news .news-item:hover {
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content .recent-news-container .recent-news .news-item:hover .news-item-content {
  background: white;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content .recent-news-container .recent-news .news-item img {
  width: 100%;
}

#content .recent-news-container .recent-news .news-item .news-item-content {
  padding: 20px;
  background: #f2f2f2;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content .recent-news-container .recent-news .news-item .news-item-content a {
  font-size: 16px;
  font-family: "Source Sans Pro";
  color: #4d008c;
  font-weight: bold;
  text-decoration: none;
}

#content .recent-news-container .recent-news .news-item .news-item-content h4, #content .recent-news-container .recent-news .news-item .news-item-content h4 a {
  font-size: 24px;
  color: #4d008c;
  margin-bottom: 0;
}

#content .recent-news-container .recent-news .news-item .news-item-content span {
  font-size: 16px;
  margin: 15px 0;
  display: block;
}

#content .recent-news-container .recent-news .news-item .news-item-content a:hover, #content .upcoming-events-container .event h4 a:hover, #content .tickets-container .event h4 a:hover {
  text-decoration: none;
  border-bottom: 1px dashed #4d008c;
}

#content #single-news #single-news-header {
  margin-bottom: 40px;
}

#content #single-news #single-news-header h2 {
  color: #4d008c;
  margin-bottom: 10px;
}

.768 {
    color: #fff;
    cursor: pointer;
    font-family: Open Sans,sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 24px;
    padding: 6px;
    text-shadow: 0 0 3px #000;
    text-transform: uppercase;
    text-align: right;
}


.header-controls__share-dropdown-wrapper.is-visible {
    opacity: 1;
    pointer-events: all;
}

.share-dropdown__inner {
    background: #4c4c4c;
    border-radius: 6px;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.19),0 6px 6px 0 rgba(0,0,0,.23);
    box-sizing: border-box;
    padding: 12px;
  
    position: fixed;
    top: 125px;
    right: 20px;
    width: 237px;
    z-index: 16;
    visibility: hidden;
}


.share-dropdown__social-buttons {
    display: flex;
    height: 58px;
    justify-content: space-around;
}



.share-dropdown__social-button {
    align-items: center;
    background: none;
    border: 0;
    cursor: pointer;
    display: flex;
    flex: 1 1 25%;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0 0 10px;
    position: relative;
}



.share-dropdown__social-button {
    align-items: center;
    background: none;
    border: 0;
    cursor: pointer;
    display: flex;
    flex: 1 1 25%;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0 0 10px;
    position: relative;
}

.hidden-accessible-text {
    clip: rect(0,0,0,0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}




.header-controls__item {
    margin: 0 3px;
    position: relative;
}

.share-dropdown__direct-link {
    align-items: center;
    background: #404040;
    border-radius: 6px;
    display: flex;
    flex-wrap: nowrap;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
}

.share-dropdown__copy-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    box-sizing: content-box;
    color: #fff;
    cursor: pointer;
    flex: 0 0 auto;
    font-weight: 700;
    max-width: 36px;
}


.video-responsive, .video-container {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.video-responsive iframe, .video-container iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  border: 0;
}

#content:not(.home):not(.no-hero) {
  position: relative;
  z-index: 10000;
}

#content aside li:not(.expanded)>ul {
  display: none;
}

#content:not(.localist) h1 {
  font-size: 62px;
  font-family: "Source Sans Pro";
  margin-bottom: 20px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-weight: bold;
}

#content:not(.localist) h2 {
  color: #4d008c;
  font-size: 48px;
  font-family: "Source Sans Pro";
  margin-bottom: 20px;
  line-height: 1.3;
  //letter-spacing: 2px;
  font-weight: bold;
}

headlinexl {
  color: white;
  font-size: 72px;
  font-family: "Source Sans Pro";
  margin-bottom: 20px;
  line-height: 1.3;
  //letter-spacing: 2px;
  font-weight: bold;
}

subheadxl {
  color: white;
  font-size: 64px;
  font-family: "Source Sans Pro";
  margin-bottom: 20px;
  line-height: 1.3;
  //letter-spacing: 2px;
  font-weight: bold;
}

#content h2 a:not(.button):hover, #content .recent-news-container .recent-news .news-item .news-item-content h4 a:not(.button):hover, #content .upcoming-events-container .events h4 a:not(.button):hover {
  text-decoration: none;
  color: #000;
  border-bottom: none;
}

#content .faculty-content h4 a:hover {
  text-decoration: none;
  border-bottom: 1px dashed #4d008c;
}

#content:not(.localist) h3, #content .h3 {
  font-size: 40px;
  font-family: "Source Sans Pro";
  margin-bottom: 20px;
  line-height: 1.4;
  font-weight: bold;
  color: #4d008c;
}

#content h3.page-title. #content .h3.page-title {
  color: #4d008c;
}

#content h3.widget-title, #content .h3.widget-title {
  color: white;
}

#content h3.eventHeadline {
  margin-bottom: 0;
  color: #4d008c;
}

#content:not(.localist) h4 {
  font-size: 24px;
  font-family: "Source Sans Pro";
  margin-bottom: 20px;
  line-height: 1.4;
//  letter-spacing: 1px;
  font-weight: bold;
}

div[id$="_cbe_form"] h4 {
  font-size: 30px;
  font-family: "Source Sans Pro";
  line-height: 1.4;
  font-weight: bold;
  color: #4d008c;
}


#content h5 {
  font-size: 20px;
  font-family: "Source Sans Pro";
  margin-bottom: 20px;
  line-height: 1.5;
  letter-spacing: 1px;
}

#content h6 {
  font-size: 16px;
  font-family: "Source Sans Pro";
  margin-bottom: 10px;
  line-height: 1.5;
  letter-spacing: 1px;
}

#content p {
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 1.8;
}

#content .accordion p, #content .text-container.two p, #content .text-container.three p {
  margin-top: 0;
  margin-bottom: 30px;
}

#content p.eventSubhead {
  margin: 0 0 5px;
  font-style: italic;
}

#content table p {
  margin-top: 0;
}

#content .pNoMargin table.content-table p {
  margin: 0;
}

#content div.schedule table.content-table th:first-of-type {
  width: 25%;
}

#content div.schedule {
  max-width: 1180px;
}

#content .fourths .content-table th:first-of-type {
    width: 25%;
}

#content table.content-table.schedule th:first-of-type {
  width: 35%;
}

#content .text-container.container.sub-nav.dte td {
  width: 20%;
}

#content .text-container.container.sub-nav.dte td:last-of-type {
  width: 60%;
}

#content .text-container.container.sub-nav.chn td:first-of-type {
  width: 41%;
}

#content .text-container.container.sub-nav.chn td {
  width: 16%;
}

#content .text-container.container.sub-nav.chn td:last-of-type {
  width: 41%;
}

#content .text-container.container.sub-nav.megatable {
  overflow: scroll;
}

#content .text-container.container.sub-nav.big-watermelon {
  width: 50%;
  float: left;
}


#content .table p,
#content:not(.localist) table ul {
  margin-top: 0;
}

#content .last-updated p {
  margin-top: 0;
}

#content div.generalText p:first-child {
  margin-top: 0;
}

#content:not(.localist) ol, #content:not(.localist) ul {
  margin: 1em 0;
  padding-left: 20px;
  list-style: none;
}

#content ol li, #content ul li:not(.none) {
  margin-bottom: 5px;
  font-size: 18px;
  list-style: none;
  position: relative;
  padding-left: 25px;
}

#page-content li:not(.localist)>ul {
  padding-left: 30px !important;
  margin: 0 0 30px 0 !important;
}

#page-content li+ul {
  margin: 0px !important;
}

#page-content li:not(.localist)>ul li {
  list-style: square;
  margin-left: 20px;
  padding-left: 0;
}

#page-content div.background-image-text:not(.yellow) div.column ul li:before {
  color: #ffca38;
}

#page-content li:not(.localist)>ul li:first-child {
  margin-top: 5px;
}

#page-content li:not(.localist)>ul li:before {
  display: none;
}

#content .accordion-content ul {
  margin-top: 0;
}

#content ol {
  counter-reset: step-counter;
}

#content ol>li {
  margin-bottom: 5px;
  position: relative;
}

#content ol>li:before {
  position: absolute;
  content: counter(step-counter) ".";
  counter-increment: step-counter;
  color: #4d008c;
  font-weight: bold;
  font-family: "Source Sans Pro";
  left: -15px;
  width: 30px;
  text-align: right;
}

#content ol ol li, #content ul ul li {
  list-style: disc;
  padding-left: 0;
  margin-left: 40px;
}

#content ol.steps ol li {
  margin-bottom: 5px;
}

#content ol ol li:before {
  content: '';
}

#content:not(.localist) ol ol {
  margin: .5em 0;
}

#content ul li:not(.none):before {
  position: absolute;
  content: '\2022';
  left: 0;
  top: -26px;
  color: #4d008c;
  font-size: 48px;
}

#content .background-image-text:not(.yellow) ul li:not(.none):before {
  position: absolute;
  content: '\2022';
  left: 0;
  top: -26px;
  color: #ffca38;
  font-size: 48px;
}

#content .background-image-text:not(.yellow) h3 {
  color: #ffca38;
}

#content .background-image-text span.yellow {
  color: #ffca38;
}

#content .background-image-text h3.fff {
  color: #fff;
}


#content ul.checklist li {
  padding-left: 1.75em;
  margin-bottom: 15px;
}

#content ul.checklist li::before {
  font-family: "国标麻豆视频APP";
  content: "\ea53";
  font-size: 22px;
  padding-top: 22px;
}

#content ul.checklist li:hover::before {
  font-family: "国标麻豆视频APP";
  content: "\ea52";
  font-size: 22px;
  padding-top: 22px;
}

#content ol.steps>li:before {
  position: absolute;
  top: -5px;
  left: -5px;
  content: counter(step-counter);
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 50px;
  -webkit-box-shadow: 0 1px 2px #777777;
  -moz-box-shadow: 0 1px 2px #777777;
  box-shadow: 0 1px 2px #777777;
  width: 36px;
  height: 36px;
  background-color: #c7c7c7;
  color: #fff;
  text-align: center;
  font-size: 28px;
  line-height: 35px;
}

#content ol.steps > li {
  margin-bottom: 25px;
  padding-left: 45px;
}

#content:not(.localist) a:not(.button) {
  color: #4d008c;
}

#content .background-image-text.purple:not(.yellow) a:not(.button), #content .background-image-text.gray a:not(.button) {
  color: #ffca38;
  border-bottom: 1px dashed #ffca38;
}

#content .background-image-text.purple.yellow a:not(.button) {
  color: #4d008c;
  border-bottom: 1px dashed #4d008c;
}

#content .background-image-text.purple a:hover, #content .background-image-text.gray a:hover, #content .background-image-text.purple.yellow a:hover {
  text-decoration: none;
  border-bottom: none;
}


#content ul[class^="column-"] li,
#content ul[class^="list-columns-"] li {
  display: inline-block;
  width: 100%;
}

#content .one-third-right {
  width: 30%;
  float: right;
}

#content .one-third-left {
  width: 31%;
  float: left;
  margin-right: 2%;
}

#content .two-thirds {
  width: 67%;
  float: left;
}


#content .one-half {
  width: 48%;
  float: left;
  margin-right: 2% !important;
}

#content .one-half+*:not(.one-half) {
  clear: both;
}

#content .box-purple {
  color: #fff;
  display: block;
  background: #4d008c;
  margin: 20px 0;
  padding: 15px 3%;
  border-radius: 10px;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  
}

#content .box-purple h4 {
  color: #fff !important;
}

#content p.large, #content div.large {
  font-size: 1.25em !important;
}

#content p.large:first-child {
  margin-top: 0 !important;
}

#content .h4large h4 {
  font-size:1.75em!important;
}

#content div.sixty:not(sub-nav)>* {
  width: 60%;
  margin: 0 auto;
}

#content div.seventy:not(sub-nav)>* {
  width: 70%;
  margin: 0 auto;
}

#content .text-container.container.medium.sub-nav p:first-child {
  margin-top: 0 !important;
}

#content .text-container.container.medium.sub-nav p.announcement {
    margin-top: 20px!important;
}

#content div.text-container.container.medium.sub-nav h2:only-child, #content div.text-container.container.medium.sub-nav h3:only-child, #content div.text-container.container.medium.sub-nav h4:only-child {
  margin-bottom: -40px;
  padding-bottom: 20px;
}

#content div.text-container.container.medium.sub-nav+div.quote-container.listing.container.plus {
  margin-top: -40px !important;
}

#content .quote-container.listing.container.plus+div.text-container {
  margin-top: 80px;
}

#content div.quote-container.listing.container.plus:last-of-type {
  margin-bottom: 40px;
}

#content .text-container.three.container.split.plus {
    margin-bottom: 0!important;
}

#content .quote-container.listing.plus>div .quote-background>div>div:last-child h3 {
    margin-top: 1em;
    text-transform: uppercase;
}

#content .box-purple a {
  color: #fff !important;
}

#content .box-purple ul li:before {
  color: white;
}

#content .box-purple p {
  margin-top: 0;
}

#content p.purple, #content h1.purple, #content h2.purple, #content h3.purple, #content h4.purple {
  color: #4d008c;
}

#content .box-gray {
  display: block;
  background: #cdcdcd;
  padding: 15px 3%;
  margin: 20px 0;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
#content blockquote {
  border-left: 4px solid #4d008c !important;
  margin: 1.5em 10px !important;
  padding: 0.5em 10px !important;
  font-size: 22px;
  font-style: italic !important;
}
#content blockquote:before {
  color: #ffca38 !important;
    content: open-quote;
    font-size: 3em !important;
    line-height: 0.1em !important;
    margin-right: 0.25em !important;
    vertical-align: -0.4em !important;
}
#content blockquote p {
  display: inline;
}
#content strong {
  font-family: "Source Sans Pro";
  margin-bottom: 20px;
  line-height: 1.3;
  letter-spacing: 2px;
}


#content .black-text {
  color: #000!important;
}
#content .left {
    text-align: left!important;
}

#content .right {
    text-align: right!important;
}

#content .more-blog-posts a {
  float: right;
  margin-top: -10px !important;
}

#content .margintop40 {
  margin-top: 40px!important;
  clear: both;
}

#content .margintop80 {
  margin-top: 80px!important;
  clear: both;
}

#content .margintop100 {
  margin-top: 100px!important;
  clear: both;
}

#content .margintop120 {
  margin-top: 120px!important;
  clear: both;
}

#content div.text-container > p + a.button {
    margin-top: 30px!important;
}

#content .puffy {
  padding: 25px 3%;
}

#content .mobileHat {
  margin-top: 0px;
}

#content .margintop20 {
  margin-top: 20px!important;
  clear: both;
}

#content .margintop40 {
  margin-top: 40px!important;
  clear: both;
}

#content .margintop80 {
  margin-top: 80px!important;
  clear: both;
}

#content .margintop120 {
  margin-top: 120px!important;
  clear: both;
}

#content .marginbottom20 {
  margin-bottom: 20px!important;
  clear: both;
}

#content .marginbottom40 {
  margin-bottom: 40px!important;
  clear: both;
}

#content .marginbottom80 {
  margin-bottom: 80px!important;
  clear: both;
}

#content .marginbottom120 {
  margin-bottom: 120px!important;
  clear: both;
}


#content .padding20 {
  padding: 20px!important;
}

#content .table-padding20 .table-row > * {
  padding: 20px!important;
}

#content h4 + div.table {
    margin-top: 0;
}

#content .noButt {
  margin-bottom: 0 !important;
}

#content .noHat {
  margin-top: 0 !important;
}

#content .noPad, #content .text-container.noPad {
  padding: 0 50px !important;
}

#content .logo-float {
  float: right;
  width: 25%;
  margin-left: 2%;
}

#content .callout {
  margin-bottom: 40px;
}

#content .strike {
  text-decoration: line-through;
}

#content div.clear {
  clear: both;
}

#content div#tags {
  margin-top: 10px;
}

#content .two-jumpies {
  width: 48%;
}

#content .four-jumpies {
  width: 23%;
}

#content .w46 {
  width: 46%;
}

#content .w26 {
  width: 26%;
}

#content .box-gray p {
  margin-top: 10px;
}

#content .footer-note {
  font-size: .65em;
}

#content .menu-logo {
  width: 30%;
  margin-top: 15px;
}

#content .searchImprovement {
  border-left: 5px solid #4d008c;
}
#content .searchImprovement strong {
  font-size: 130%;
}

#content .contact-block h4 {
  font-size: 1.5em !important;
  margin-bottom: 10px !important;
}

#content .contact-block {
  font-size: .85em;
  border-top: 1px dashed #cfcfcf;
  padding: 15px 0 0 15px !important;
  clear: both;
}

#content .contact-block.text-container.sub-nav {
  margin-top: 40px;
}

#content .contact-block.contact-three-photo {
  text-align: center;
  clear: both;
}

#content .min100 {
  min-height:100px;
}

#content .accordion-header.active {
  font-weight: bold;
  font-size: 110%;
}

#content div.small p {
  font-size: .75em;
}

#content div.small ul li, #content div.small ol li {
  font-size: .9em;
}

#content div.small ol li:not(.none):before, #content div.small ul li:not(.none):before {
  font-size: 44px;
}

button.large.purple, button.large.yellow {
  -webkit-appearance: none;
  border: 0;
}

#content .image-text-container.container.sub-nav.right-text a.button {
  margin: 20px 0 0;
}

#content .background-image-text.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateZ(0px);
}

#content .background-image-text.parallax.parallax-only {
  min-height: 500px;
}

#content .background-image-text.parallax.parallax-only:before {
  background: none;
}

#content div#postImage {
  float: right;
  padding: 0 30px 20px;
  position: relative;
  margin-bottom: 30px;
}

#content div#postImage:after {
  position: absolute;
  content: '';
  width: calc(100% - 50px);
  height: 97%;
  background-color: #cdcdcd;
  bottom: -20px;
  display: inline-block;
  z-index: -1;
  left: 50px;
  bottom: -10px;
}

#content div#profileImage {
  float: right;
  padding: 0 30px 20px;
  position: relative;
  margin-bottom: 30px;
}

#content div#profileImage:after {
  position: absolute;
  content: '';
  width: calc(100% - 50px);
  height: 97%;
  background-color: #cdcdcd;
  bottom: -20px;
  display: inline-block;
  z-index: -1;
  left: 50px;
  bottom: -10px;
}

#content div.profile-info p > * {
    vertical-align: text-bottom;
}


#content .faculty-content p {
  margin-top: 0 !important;
}

#content div.full-width-jumpies>div {
  text-align: center;
}

#content .contact-img {
  width: 120px;
  float: left;
  margin-right: 1em;
}

#content h4.event-title a {
  font-size: 1em !important;
}

#content a.button.large.purple.xl, #content a.button.large.yellow.xl {
  font-size: 24px;
  min-width: 260px;
  padding: 20px 30px;
  border-radius: 5px;
}

#content a.button.large.purple, #content button.large.purple, div[id$="_cbe_form"] input[type="submit"]  {
  border-radius: 5px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Source Sans Pro";
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  letter-spacing: 1px;
  background-color: #4d008c;
  color: white;
  font-size: 18px;
  min-width: 220px;
  margin: 20px 10px 0 0;
  padding: 10px 20px;
}

#content a.button.large.purple:hover, #content button.large.purple:hover, #content a.button.small.purple:hover, #content button.small.purple:hover, #content input.small.purple.button:hover, div[id$="_cbe_form"] input[type="submit"]:hover {
  background-color: #7c7c7c;
}

#content a.button.large.yellow, #content button.large.yellow {
  border-radius: 5px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Source Sans Pro";
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  letter-spacing: 1px;
  color: #4d008c;
  background-color: #ffca38;
  font-size: 18px;
  min-width: 220px;
  margin: 20px 10px 0 0;
  padding: 10px 20px;
  border:none !important;
}

#content a.button.large.yellow:hover, #content button.large.yellow:hover, #content a.button.small.yellow:hover, #content button.small.yellow:hover, #content input.small.yellow.button:hover{
  background-color: #7c7c7c;
  color: white;
}

#content a.button.small.purple, #content input.small.purple.button {
  border-radius: 5px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Source Sans Pro";
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  letter-spacing: 1px;
  background-color: #4d008c;
  color: white;
  font-size: 16px;
  min-width: 140px;
  padding: 10px 20px;
  border: transparent;
}

#content a.button.small.yellow, #content input.small.yellow.button {
  border-radius: 5px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Source Sans Pro";
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  letter-spacing: 1px;
  color: #4d008c;
  background-color: #ffca38;
  font-size: 16px;
  min-width: 140px;
  padding: 10px 20px;
  border: transparent;
}

a.grid-button.purple.large {
  background-color: #4d008c;
  color: white !important;
  font-family: "Source Sans Pro";
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25;
  border-radius: .5rem;
  padding: 40px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  transition: background-color 0.33s ease-in-out, color 0.33s ease-in-out;
}

a.grid-button.purple.large:hover {
  background-color: #232323;
  color: #ffffff !important;
  text-decoration: none;
}


#content form {
  text-align: left;
}

#content form ul {
  padding: 0;
  margin: 0;
}

#content form ul li {
  margin-bottom: 30px;
  padding-left: 0;
}

#content form ul li:before {
  display: none;
}

#content form ul li.half {
  width: 49%;
  float: left;
}

#content form ul li.half.right {
  margin-left: 2%;
}

#content form ul li:not(.half) {
  width: 100%;
  display: inline-block;
}

#content form ul li.error label {
  color: red;
}

#content form ul li.error input[type="text"], #content form ul li.error input[type="email"], #content form ul li.error input[type="password"], #content form ul li.error input[type="tel"], #content form ul li.error textarea {
  border: 1px solid red;
}

#content form ul li.error .fancy-select .trigger {
  border: 1px solid red;
}

#content label {
  color: #4d008c;
  display: block;
  font-family: "Source Sans Pro";
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}

#content input[type="text"], #content textarea, #content select.noFancy, #content select, #content input[type="email"], #content input[type="password"], #content input[type="tel"], #content input[type="number"], #content input[type="search"] {
  width: 72%;
  height: 50px;
  padding-left: 15px;
  margin: 10px 0;
  font-size: 16px;
  border: 1px solid transparent;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  box-shadow: none;
}

#content input[type="text"], #content input[type="search"] {
  border-radius: 5px
}

#content input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
}

#content input[type="search"]:focus::-webkit-search-cancel-button {
  opacity: .3;
  pointer-events: all;
}


#content input[type="file"] {
  width: 100%;
  border: none;
  margin: 10px 0;
  font-size: 16px;
  border: 1px solid transparent;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content select.noFancy {
    background-color: white;
    z-index: 1!important;
}

#content select.noFancy.timePicker {
    width: 10%!important;
    margin-right: 1em!important;
}

#content select[multiple].noFancy {
    padding-top: 10px;
}

#content select[multiple].noFancy option:checked {
    background-color:#4d008c;
}

#content input.datepicker-here {
  z-index: 9999999999999!important;
}

#content input[type="text"]:focus, #content input[type="email"]:focus, #content input[type="password"]:focus, #content input[type="tel"]:focus, #content input[type="number"]:focus, #content input[type="search"]:focus {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
}

#content textarea {
  width: 100%;
  height: 150px;
  resize: none;
  border: none;
  padding: 15px;
  font-size: 16px;
  border: 1px solid transparent;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content textarea:focus {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
}

#content input[type="radio"], #content input[type="checkbox"] {
  display: none;
}

#content input[type="radio"]+label, #content input[type="checkbox"]+label {
  font-family: "Merriweather";
  color: #232323;
  text-transform: none;
  padding-left: 35px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
}

#content input[type="radio"]+label:before, #content input[type="checkbox"]+label:before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background-color: white;
  left: 0;
  top: 3px;
  border: 1px solid #d0d0d0;
}

#content input[type="checkbox"]:checked+label:after {
  opacity: 1;
}

#content input[type="checkbox"]+label:after {
  position: absolute;
  content: '\e916';
  font-family: "国标麻豆视频APP";
  font-size: 15px;
  color: #4d008c;
  left: 0;
  top: -2px;
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content input[type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content input[type="radio"]+label:before {
  border-radius: 50%;
}

#content input[type="radio"]+label:after {
  position: absolute;
  content: '';
  width: 14px;
  height: 14px;
  left: 1px;
  top: 4px;
  background-image: url("/img/dot.svg");
  background-size: contain;
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content div.fancy-select {
  margin: 10px 0;
}

#content .lengthIndicator {
  display: none!important;
}

#content label.reqMark::after {
    content: "*";
    color: red;
}

#content .fancy-select .trigger {
  width: 100%;
  box-shadow: none;
  border-radius: 0;
  height: 50px;
  background: white;
  border: 1px solid transparent;
  font-size: 16px;
  text-transform: none;
  padding: 13px 15px 0;
  color: #232323;
}

#content .fancy-select .trigger:after {
  border-top-color: #232323;
  top: 23px;
  right: 15px;
}

#content .fancy-select .trigger.open {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
}

#content .fancy-select .options {
  width: 100%;
  box-shadow: none;
  border-radius: 0;
  padding-left: 0;
  border-top-color: white;
  overflow-x: hidden;
}

#content .fancy-select .options.open {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
}

#content .fancy-select .options li {
  padding: 10px 15px;
  margin-bottom: 0;
  margin-left:0;
  background-color: white;
  color: #4d008c;
  text-transform: none;
  font-size: 16px;
  white-space: normal;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content .fancy-select .options li.selected, #content .fancy-select .options li:hover {
  background-color: #4d008c;
  color: white;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

/* Sliders */

#content .slider-container {
  padding: 0;
}

#content .slider-container .slider-wrapper {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

#content .slider-container .slider-wrapper:before, #content .slider-container .slider-wrapper:after {
  position: absolute;
  content: '';
  width: 100px;
  height: calc(100% - 60px);
  background: #cdcdcd;
  top: 30px;
}

#content .slider-container .slider-wrapper:before {
  left: -100px;
}

#content .slider-container .slider-wrapper:after {
  right: -100px;
}

#content .slider-container .slider-wrapper .slide-previous, #content .slider-container .slider-wrapper .slide-next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: rgba(20, 20, 20, 0.702);
  width: 80px;
  height: 100px;
  z-index: 10;
  text-decoration: none;
  text-align: center;
  line-height: 100px;
}

#content .slider-container .slider-wrapper .slide-previous:hover, #content .slider-container .slider-wrapper .slide-next:hover {
  background-color: #141414;
}

#content .slider-container .slider-wrapper .slide-previous span, #content .slider-container .slider-wrapper .slide-next span {
  font-family: "国标麻豆视频APP";
  color: white;
}

#content .slider-container .slider-wrapper .slide-previous {
  left: -100px;
}

#content .slider-container .slider-wrapper .slide-previous span {
  margin-right: 5px;
}

#content .slider-container .slider-wrapper .slide-previous span:before {
  content: '\e90b';
  font-size: 50px;
}

#content .slider-container .slider-wrapper .slide-next {
  right: -100px;
}

#content .slider-container .slider-wrapper .slide-next span {
  margin-left: 5px;
}

#content .slider-container .slider-wrapper .slide-next span:before {
  content: '\e90c';
  font-size: 50px;
}

#content .slider-container .slider-wrapper ul {
  margin: 0;
  padding: 0;
}

#content .slider-container .slider-wrapper ul li {
  position: relative;
  padding-left: 0;
}

#content .slider-container .slider-wrapper ul li:before {
  display: none;
}

#content .slider-container .slider-wrapper ul li .slide-caption {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  text-align: center;
  background-color: rgba(20, 20, 20, 0.702);
  padding: 20px;
  color: white;
  font-size: 18px;
}

/* Events with Tickets (Stadium and PAC) */

#content .tickets-container {
  clear: none !important;
  width: 100%;
  margin: 0;
  overflow: hidden;
}

#content div.tickets-container>div {
  margin-right: 2em;
}

#content .tickets-container .event {
  clear: both;
  padding: 20px 0;
  display: block;
  border-bottom: 1px dashed #ccc;
  height: 100%;
  overflow: hidden;
}

#content .tickets-container .cal {
  float: left;
  padding-bottom: 5px;
  margin: 0 15px 30px 0;
  width: 80px;
  height: 82px;
}

#content .tickets-container .cal .month {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #4d008c;
}

#content .tickets-container .cal .day {
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  min-height: 45px;
  padding-top: 2px;
  color: #555;
  background: #dedede;
}

#content .tickets-container div.gettickets>a {
  font-family: "Source Sans Pro";
  font-weight: bold;
  font-size: 16px;
}

#content div.event:last-of-type {
  border-bottom: none;
}

/* Tables */

#content table.content-table {
  width: 100%;
}

#content table.content-table td, #content table.content-table th {
  padding: 20px;
  vertical-align: top;
}

#content table.hr-directory.content-table td, #content table.hr-directory.content-table th {
  padding: 20px 10px;
}

#content table.content-table th {
  color: #4d008c;
  font-family: "Source Sans Pro";
  font-weight: bold;
  font-size: 1.25em;
}
#content table.content-table th p {
  margin-bottom: 0;
}

#content table.content-table>tbody>tr:nth-of-type(2n) {
  background-color: white;
}

#content .table {
  width: 100%;
  display: inline-block;
  margin: 20px 0;
}

#content .table .table-head {
  display: table;
  width: 100%;
  table-layout: fixed;
}

#content .table .table-head>div {
  display: table-cell;
  vertical-align: top;
  background-color: white;
  padding: 10px;
  text-align: left;
  color: #4d008c;
  font-family: "Source Sans Pro";
  font-weight: bold;
  font-size: 18px;
}

#content .table .table-body .table-row {
  display: table;
  width: 100%;
  table-layout: fixed;
}

#content .table .table-body.search-results .table-row>div {
  padding: 30px;
}

#content .table .table-body.search-results .table-row a {
  font-size: 1.2em;
}

#content .table .table-body .table-row>div.align-right {
  text-align: right;
}

#content .table .table-body .table-row>div {
  display: table-cell;
  vertical-align: top;
  padding: 10px;
  text-align: left;
  font-size: 18px;
}

#content .table .table-body .table-row>div.header {
  color: #4d008c;
  font-family: "Source Sans Pro";
  font-weight: bold;
  font-size: 1.25em;
}

#content .table .table-body .table-row:nth-of-type(2n)>div {
  background-color: white;
}

#content #page-wrapper {
  padding: 50px 0 0;
  display: inline-block;
  width: 100%;
}

#content #page-wrapper aside {
  width: 25%;
  float: left;
}

#content #page-wrapper aside #mobile-sidebar {
  padding: 0 20px 30px;
  display: none;
}

#content #page-wrapper aside #mobile-sidebar .fancy-select .trigger {
  color: #4d008c;
  font-family: "Source Sans Pro";
  font-weight: normal;
  font-size: 18px;
  padding: 9px 13px;
}

#content #page-wrapper aside #mobile-sidebar .fancy-select .trigger:after {
  border-top-color: #4d008c;
}

#content #page-wrapper aside #mobile-sidebar .fancy-select .options li {
  padding: 10px 15px;
  border-bottom: 0;
  font-weight: normal;
  font-size: 18px;
  font-family: "Source Sans Pro";
}

#content #page-wrapper aside #mobile-sidebar .fancy-select .options li:before {
  display: none;
}

#content #page-wrapper aside #desktop-sidebar>ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#content #page-wrapper aside #desktop-sidebar>ul>li {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #d0d0d0;
}

#content #page-wrapper aside #desktop-sidebar>ul>li:before {
  display: none;
}

#content #page-wrapper aside #desktop-sidebar>ul>li.menu-item-has-children ul {
  padding: 0;
  padding-left: 20px;
  margin: 0;
  list-style: none;
}

#content #page-wrapper aside #desktop-sidebar>ul>li.menu-item-has-children ul li {
  padding: 10px 0;
  margin: 0;
}

#content #page-wrapper aside #desktop-sidebar>ul>li.menu-item-has-children ul li:before {
  display: none;
}

#content #page-wrapper aside #desktop-sidebar>ul>li.menu-item-has-children ul li a:before {
  left: -20px;
}

#content #page-wrapper aside #desktop-sidebar>ul>li.menu-item-has-children ul li a:hover {
  padding-left: 0;
}

#content #page-wrapper aside #desktop-sidebar>ul>li.menu-item-has-children ul li a.current-page {
  color: #4d008c;
  padding-left: 0;
}

#content #page-wrapper aside #desktop-sidebar>ul>li.menu-item-has-children ul li a.current-page:before {
  opacity: 1;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content #page-wrapper aside #desktop-sidebar>ul>li.menu-item-has-children:not(.expanded):after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #cdcdcd;
  margin-top: 8px;
  left: 0;
  border-width: 6px 0 6px 10.4px;
  float: right;
}

#content #page-wrapper aside #desktop-sidebar>ul>li a {
  font-size: 16px;
  color: #2f2f2f;
  font-family: "Source Sans Pro";
  text-decoration: none;
  position: relative;
  padding-left: 0;
}

#content #page-wrapper aside #desktop-sidebar>ul>li a.current-page {
  font-weight: bold;
}

#content #page-wrapper aside #desktop-sidebar>ul>li a.current-page {
  color: #4d008c;
  padding-left: 20px;
}

#content #page-wrapper aside #desktop-sidebar>ul>li a.current-page:before {
  opacity: 1;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content #page-wrapper aside #desktop-sidebar>ul>li a:before {
  position: absolute;
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10.4px;
  border-color: transparent transparent transparent #4d008c;
  top: 5px;
  left: 0;
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content #page-wrapper aside #desktop-sidebar>ul>li a:hover {
  color: #4d008c;
  padding-left: 20px;
}

#content #page-wrapper aside #desktop-sidebar>ul>li a:hover:before {
  opacity: 1;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content #page-wrapper aside .sidebar-social-links {
  margin: 30px 0 0;
}

#content #page-wrapper aside .sidebar-social-links a {
  display: inline-block;
  position: relative;
  text-decoration: none;
}

#content #page-wrapper aside .sidebar-social-links a:hover span {
  color: #797979;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#content #page-wrapper aside .sidebar-social-links a:not(:last-of-type) {
  margin-right: 13px;
}

#content #page-wrapper aside .sidebar-social-links a span {
  font-size: 20px;
  font-family: "国标麻豆视频APP";
  color: rgba(121, 121, 121, 0.5);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#content #page-wrapper aside .sidebar-social-links a.facebook {
  top: 4px;
}

#content #page-wrapper aside .sidebar-social-links a.facebook span:before {
  content: "\e900";
}

#content #page-wrapper aside .sidebar-social-links a.pray {
  top: 4px;
}

#content #page-wrapper aside .sidebar-social-links a.pray span:before {
  content: "\e905";
}

#content #page-wrapper aside .sidebar-social-links a.twitter {
  top: 5px;
}

#content #page-wrapper aside .sidebar-social-links a.twitter span:before {
  content: "\e902";
}

#content #page-wrapper aside .sidebar-social-links a.instagram {
  top: 5px;
}

#content #page-wrapper aside .sidebar-social-links a.instagram span:before {
  content: "\e901";
}

#content #page-wrapper aside .sidebar-social-links a.pinterest {
  top: 5px;
}

#content #page-wrapper aside .sidebar-social-links a.pinterest span:before {
  content: "\e910";
}

#content #page-wrapper aside .sidebar-social-links a.rss {
  top: 5px;
}

#content #page-wrapper aside .sidebar-social-links a.rss span:before {
  content: "\ea9b";
}

#content #page-wrapper aside .sidebar-social-links a.snapchat {
  top: 5px;
}

#content #page-wrapper aside .sidebar-social-links a.snapchat span:before {
  content: "\e909";
}

#content #page-wrapper aside .sidebar-social-links a.weibo {
  top: 5px;
}

#content #page-wrapper aside .sidebar-social-links a.weibo span:before {
  content: "\ea9a";
}

#content #page-wrapper aside .sidebar-social-links a.wechat {
  top: 5px;
}

#content #page-wrapper aside .sidebar-social-links a.wechat span:before {
  content: "\e904";
}

#content #page-wrapper aside .sidebar-social-links a.youtube {
  top: 5px;
}

#content #page-wrapper aside .sidebar-social-links a.youtube span:before {
  content: "\e903";
}

#content #page-wrapper aside .sidebar-social-links a.vimeo {
  top: 5px;
}

#content #page-wrapper aside .sidebar-social-links a.vimeo span:before {
  content: "\e90a";
}

#content #page-wrapper aside .sidebar-social-links a.web {
  top: 5px;
}

#content #page-wrapper aside .sidebar-social-links a.web span:before {
  content: "\e9cb";
}

#content #page-wrapper aside .sidebar-social-links a.flickr {
  top: 5px;
}

#content #page-wrapper aside .sidebar-social-links a.flickr span:before {
  content: "\eaa4";
}

#content #page-wrapper aside .sidebar-social-links a.soundcloud {
  top: 5px;
}

#content #page-wrapper aside .sidebar-social-links a.soundcloud span:before {
  content: "\eac3";
}

#content #page-wrapper aside .sidebar-social-links a.linkedin {
  top: 5px;
}

#content #page-wrapper aside .sidebar-social-links a.linkedin span:before {
  content: "\eaca";
}

#content #page-wrapper aside .sidebar-social-links a.spotify {
  top: 5px;
}

#content #page-wrapper aside .sidebar-social-links a.spotify span:before {
  content: "\ea94";
}

#content #page-wrapper aside .sidebar-social-links a.photos {
  top: 5px;
}

#content #page-wrapper aside .sidebar-social-links a.photos span:before {
  content: "\e91c";
}

#content #page-wrapper aside .sidebar-social-links a img {
  opacity: .5;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content #page-wrapper #page-content {
  width: 75%;
  float: right;
  padding-left: 10%;
}

#content .featured-container {
  margin-bottom: 110px;
}

#content .featured-container.text-right {
  margin-top: 80px;
}

#content .featured-container.home.text-left>div .image-wrap {
  left: 0;
  width: calc(100% - 100px);
}

#content .featured-container.home.text-left>div .image-wrap:before {
  left: -100px;
  width: 100%;
}

#content .featured-container.home.text-left>div .featured-container-content {
  left: 50px;
}

#content .featured-container.text-left>div .image-wrap {
  float: right;
}

#content .featured-container.text-left>div .image-wrap:before {
  top: -40px;
  left: -50px;
  background-color: #f2f2f2;
}

#content .featured-container.text-left>div .featured-container-content {
  left: 0;
}

#content .featured-container.text-right>div .image-wrap {
  float: left;
}

#content .featured-container.text-right>div .image-wrap:before {
  top: -40px;
  right: -50px;
  background-color: #ffca38;
}

#content .featured-container.text-right>div .featured-container-content {
  right: 0;
}

#content .featured-container.split {
  padding: 80px 0;
}

#content .featured-container.split>div {
  display: inline-block;
  width: 100%;
}

#content .featured-container.split>div>div {
  width: calc(50% - 20px);
  position: relative;
}

#content .featured-container.split>div>div:first-child {
  float: left;
}

#content .featured-container.split>div>div:first-child .featured-container-split-background {
  left: 0;
}

#content .featured-container.split>div>div:first-child .featured-container-split-background:before {
  background-color: rgba(90, 53, 132, 0.85);
}

#content .featured-container.split>div>div:last-child {
  float: right;
}

#content .featured-container.split>div>div:last-child .featured-container-split-background {
  right: 0;
}

#content .featured-container.split>div>div:last-child .featured-container-split-background:before {
  background-color: rgba(255, 202, 56, 0.85);
}

#content .featured-container.split>div>div .featured-container-split-background {
  position: absolute;
  width: calc(100% - 50px);
  height: calc(100% + 100px);
  background-size: cover;
  background-position: 50%;
}

#content .featured-container.split>div>div .featured-container-split-background:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#content .featured-container.split>div>div .featured-container-split-content {
  background-color: white;
  z-index: 100;
  position: relative;
  top: 50px;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
  padding: 50px 50px 40px;
}

#content .featured-container.split>div>div .featured-container-split-content h4 {
  color: #4d008c;
}

#content .featured-container>div {
  display: inline-block;
  width: 100%;
}

#content .featured-container>div .image-wrap {
  width: calc(100% - 50px);
  position: relative;
}

#content .featured-container>div .image-wrap:before {
  position: absolute;
  content: '';
  width: calc(100% - 50px);
  height: 100%;
  display: inline-block;
  z-index: -1;
}

#content .featured-container:not(.program-page)>div .image-wrap:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(0deg, #4d008c 0%, rgba(255, 202, 56, 0) 100%);
  background-image: -webkit-linear-gradient(0deg, #4d008c 0%, rgba(255, 202, 56, 0) 100%);
  background-image: -ms-linear-gradient(0deg, #4d008c 0%, rgba(255, 202, 56, 0) 100%);
  opacity: 0.78;
  top: 0;
  left: 0px;
  display: inline-block;
}

#content .featured-container>div .image-wrap img {
  width: 100%;
}

#content .featured-container>div .featured-container-content {
  position: absolute;
  text-align: left;
  width: 50%;
  bottom: -50px;
  padding: 90px 70px 80px;
  background-color: white;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
}

#content .featured-container>div .featured-container-content h4 {
  color: #4d008c;
  text-transform: uppercase;
  margin-bottom: 0;
}

#content .featured-container>div .featured-container-content hr {
  border: none;
  border-top: 10px solid rgba(90, 53, 132, 0.3);
  max-width: 80%;
  margin: 20px 0 10px;
}

#content .featured-container>div .featured-container-content h2 {
  color: #4d008c;
}

#content .widgets-container {
  padding: 40px 0;
}

#content .widgets-container h3 {
  color: #4d008c;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 50px;
  letter-spacing: 5px;
}

#content .widgets-container>div {
  display: inline-block;
  width: 100%;
}

#content .widgets-container>div .widget {
  text-decoration: none;
  line-height: 0;
}

#content .widgets-container>div .widget.yellow .image-wrap:after {
  background-color: #ffca38;
}

#content .widgets-container>div .widget.purple .image-wrap:after {
  background-color: #4d008c;
}

#content .widgets-container>div .widget:hover .image-wrap:before {
  background: rgba(35, 35, 35, 0.9);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content .widgets-container>div .widget .image-wrap {
  position: relative;
}

#content .widgets-container>div .widget .image-wrap:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(35, 35, 35, 0.5);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content .widgets-container>div .widget .image-wrap:after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  height: 10px;
  width: 100%;
}

#content .widgets-container>div .widget .image-wrap img {
  width: 100%;
}

#content .widgets-container>div .widget .image-wrap>div {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
}

#content .widgets-container>div .widget .image-wrap>div>div {
  display: table;
  width: 100%;
  height: 100%;
}

#content .widgets-container>div .widget .image-wrap>div>div>div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

#content .widgets-container>div .widget .image-wrap>div>div>div h3 {
  margin-bottom: 0;
  color: white;
  text-transform: none;
  letter-spacing: 0;
}

#content .text-container {
  margin: 40px auto;
}

#content .align-center {
  text-align: center;
}

#content .align-right {
  text-align: right;
}

#content .text-container.sub-nav {
  padding: 0;
  margin: 0 0 40px;
}

#content .text-container.default {
  text-align: left;
  padding: 0;
}

#content .text-container.accordion {
  text-align: left;
}

#content .text-container.accordion h3 {
  color: #4d008c;
  margin-bottom: 20px;
}

#content .text-container .quote-float+p {
  margin-top: 0;
}

#content .text-container .quote-float {
  float: left;
  width: 33.333%;
  position: relative;
  padding-right: 40px;
}

#content .text-container .quote-float:after {
  position: absolute;
  content: '';
  width: calc(100% - 40px);
  height: 100%;
  background-color: #ffca38;
  bottom: -20px;
  display: inline-block;
  z-index: -1;
  left: 0;
  bottom: -10px;
}

#content .text-container .quote-float .quote-background {
  background-size: cover;
  background-position: 50%;
}

#content .text-container .quote-float>div {
  display: inline-block;
}

#content .text-container .quote-float>div>div:first-child {
  float: left;
}

#content .text-container .quote-float>div>div:first-child:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(90, 53, 132, 0.8);
  top: 0;
  left: 0;
  display: inline-block;
}

#content .text-container .quote-float>div>div:first-child:after {
  left: 0;
}

#content .text-container .quote-float>div>div:first-child>div {
  float: right;
  width: 100%;
  padding: 40px 20px;
  position: relative;
}

#content .text-container .quote-float>div>div:first-child>div:after {
  left: -50px;
}

#content .text-container .quote-float>div>div:last-child {
  float: right;
}

#content .text-container .quote-float>div>div:last-child:after {
  left: 50px;
}

#content .text-container .quote-float>div>div:last-child>div {
  float: left;
}

#content .text-container .quote-float>div {
  position: relative;
  left: 20px;
}

#content .text-container.quoteFloatRalph .quote-float>div {
  left: 0;
}

#content .text-container.quoteFloatRalph .quote-float:after {
  left: 40px;
}

#content .text-container .quote-float>div>div {
  position: relative;
  text-align: center;
  padding: 0;
}

#content .text-container .quote-float>div>div span {
  font-family: "国标麻豆视频APP";
  font-size: 30px;
  color: #ffca38;
  display: inline-block;
  margin-bottom: 20px;
}

#content .text-container .quote-float>div>div span:before {
  content: "\e915";
}

#content .text-container .quote-float>div>div h3 {
  color: white;
  font-size: 20px;
}

#content .text-container .quote-float>div>div h4 {
  font-size: 16px;
  color: white;
  margin: 0;
}

#content .text-container .quote-float>div>div h6 {
  color: white;
}

#content .text-container.split.two {
  text-align: left;
}

#content .text-container.split.two .column {
  width: 48%;
}

#content .text-container.split.two .column:last-child {
  margin-left: 4%;
}

#content .text-container.split.three .column {
  width: 31%;
}

#content .text-container.split.three .column:nth-of-type(2n) {
  margin-left: 3.333%;
  margin-right: 3.333%;
}

#content .text-container.split h4 {
  color: #000;
}

#content .text-container.split .column {
  float: left;
}

#content .text-container h2, #content .image-text-container h2 {
  margin-bottom: 0;
  color: #4d008c;
}

#content .text-container .button {
  margin: 30px 0;
}

#content .text-container .tabs .tab-header {
  text-align: left;
  margin-bottom: 10px;
}

#content .text-container .tabs .tab-header a {
  padding: 12px 20px;
  min-width: 140px;
  display: inline-block;
  text-align: center;
  border: 1px solid #797979;
  font-family: "Source Sans Pro";
  font-size: 14px;
  background-color: white;
  font-weight: bold;
  color: #2f2f2f;
  text-decoration: none;
  position: relative;
  margin-bottom: 30px;
}

#content .text-container .tabs .tab-header a:not(:last-of-type) {
  margin-right: 10px;
}

#content .text-container .tabs .tab-header a.active, #content .text-container .tabs .tab-header a:hover {
  color: white;
  background: #4d008c;
  border: 1px solid #4d008c;
}

#content .text-container .tabs .tab-header a.active:before {
  opacity: 1;
  transform: translateY(-12px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

#content .text-container .tabs .tab-header a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #4d008c;
  opacity: 0;
  transform: translateY(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

#content .text-container .tabs .tab-content-container {
  text-align: left;
}

#content .text-container .tabs .tab-content-container .tab-content:not(.active) {
  display: none;
}

#content .text-container .tabs .tab-content-container .tab-content p:last-of-type {
  margin-bottom: 0;
}

#content .text-container.tabsBlock .tabs .tab-header {
  text-align: center;
  margin-bottom: 0px;
  border-bottom: 1px solid #797979;
}

#content .text-container.tabsBlock .tabs .tab-header a {
  padding: 12px 25px;
  font-size: 18px;
  background-color: #f2f2f2;
  margin-bottom: -1px;
}

#content .text-container.tabsBlock .tabs .tab-header a.active,
#content .text-container.tabsBlock .tabs .tab-header a:hover {
  border-bottom-color: #f2f2f2;
  color: #4d008c !important;
}

#content .text-container .accordion {
  border-bottom: 1px solid #4d008c;
}

#content .text-container .accordion:first-of-type {
  border-top: 1px solid #4d008c;
}

#content .text-container .accordion .accordion-header {
  padding: 15px 40px 15px 0;
  position: relative;
  cursor: pointer;
}

#content .text-container .accordion .accordion-header.active:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  background-color: #464646;
}

#content .text-container .accordion .accordion-header.active:after {
  transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  background-color: #464646;
}

#content .text-container .accordion .accordion-header:before {
  content: '';
  position: absolute;
  height: 12px;
  background-color: #4d008c;
  width: 2px;
  top: 20px;
  right: 18px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content .text-container .accordion .accordion-header:after {
  border-top-color: transparent;
  border: 0px;
  content: '';
  position: absolute;
  height: 12px;
  background-color: #4d008c;
  width: 2px;
  top: 20px;
  right: 10px;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content .text-container .accordion .accordion-content {
  padding: 10px 0 0;
  display: none;
}

#content .text-container.faqs .faq-container .faq-content table {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
}
#content .text-container .faq-container .faq-content table th,
#content .text-container .faq-container .faq-content table tr:nth-child(even) {
  background: #fafafa;
}
#content .text-container .faq-container .faq-content table td {
  border: 1px solid #ccc;
  padding: 5px 12px;
}


#content .text-container p a:not(.button),
#content .featured-container-content p a:not(.button),
#content .text-container ul a:not(.button),
#content .text-container ol a:not(.button),
.table-body.search-results a,
#content .image-text-container p a:not(.button),
#content .image-text-container ul a:not(.button),
#content .image-text-container ol a:not(.button),
#content .text-container .content-table a:not(.image),
#content .quote-container:not(.eventListing) .quote-background a,
#content .background-image-accent-text-container a:not(.button) {
  border-bottom: 1px dashed;
}

#content .text-container p a:hover,
#content .featured-container-content p a:not(.button):hover,
#content .text-container ul a:hover,
#content .text-container ol a:hover,
.table-body.search-results a:hover,
#content .image-text-container p a:hover,
#content .image-text-container ul a:hover,
#content .image-text-container ol a:hover,
#content .text-container .content-table a:hover,
#content .quote-container .quote-background a:hover,
#content .background-image-accent-text-container a:hover {
  border-bottom: none;
  text-decoration: none;
}

#content .text-container .content-table a.image:hover {
  display: inline-block;
  box-shadow: 0px 2px 5px rgb(50 50 50 / 30%);
}

#content .text-container.border-gray {
  padding: 40px !important;
  border: 1px solid #d0d0d0;
}

#content .background-image-text {
  background-size: cover;
  background-position: 50%;
  padding: 120px 40px 90px;
  position: relative;
  color: white;
  text-align: center;
  margin-bottom: 40px;
}

#content .background-image-text.sub-nav {
  padding: 90px 40px 60px;
  margin: 0 0 60px;
}

#content .background-image-text:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  display: inline-block;
  top: 0;
  left: 0;
  background: rgba(52, 52, 52, 0.75);
}

#content .background-image-text>div {
  position: relative;
}

#content .background-image-text.split {
  text-align: left;
  padding: 60px 40px;
}

#content .background-image-text.split.two {
  text-align: left;
}

#content .background-image-text.split.two .column {
  width: 47.5%;
}

#content .background-image-text.split.two .column:last-child {
  margin-left: 5%;
}

#content .background-image-text.split.three {
  text-align: center;
}

#content .background-image-text.split.three .column {
  width: 31%;
}

#content .background-image-text.split.three .column:nth-of-type(2n) {
  margin-left: 3.333%;
  margin-right: 3.333%;
}

#content .background-image-text.split h4 {
  color: white;
}

#content .background-image-text.split .column {
  float: left;
}

#content .background-image-text.purple>div {
  position: relative;
}

#content .background-image-text.purple:before {
  background: rgba(90, 53, 132, 0.8);
}

#content .background-image-text.purple.yellow:before {
  background: rgba(255, 202, 56, 0.8);
}

#content .background-image-text h2 {
  color: white;
  margin-bottom: 0;
}

#content .image-text-container {
  padding: 0;
  margin-bottom: 40px;
}

#content .image-text-container.sub-nav img {
  width: 40%;
  float: right;
  margin-bottom: 20px;
}

#content .image-text-container.sub-nav .img-left img {
  width: 40%;
  float: right;
}

#content .image-text-container.sub-nav div {
  margin-top: 0px;
}

#content .image-text-container.sub-nav div h4 {
  color: #000;
}

#content .image-text-container.left-text .image-text-wrapper>div:nth-of-type(2) {
  padding-right: 80px;
}

#content .image-text-container.right-text .image-text-wrapper>div:last-child {
  padding-left: 80px;
}

#content .image-text-container .image-text-wrapper {
  display: table;
  width: 100%;
}

#content .image-text-container .image-text-wrapper>div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

#content .image-text-container.standard .image-text-wrapper>div {
  display: block;
  width: 100%;
}

#content .image-text-container .image-text-wrapper>div.mobile-image {
  display: none;
}

#content .image-text-container .image-text-wrapper>div img {
  width: 100%;
}

#content .image-text-container.standard .image-text-wrapper>div img {
  width: 50%;
  padding-left: 30px;
}

#content .image-text-container .image-text-wrapper>div h3 {
  color: #4d008c;
  margin-bottom: 0;
}

#content .background-image-accent-text-container {
  background-position: 50%;
  background-size: cover;
  padding: 0 50px;
}

#content .background-image-accent-text-container.sub-nav {
  margin-bottom: 140px;
}

#content .background-image-accent-text-container.sub-nav>div {
  width: calc(100% - 100px);
  background-color: white;
  margin: 0 auto;
  position: relative;
  top: 80px;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
  padding: 70px 60px;
}

#content .background-image-accent-text-container.sub-nav>div h4 {
  color: #4d008c;
}

#content .background-image-accent-text-container:not(.sub-nav).left-text>div>div:first-child {
  width: 55%;
  background-color: white;
  padding: 70px 60px;
  position: relative;
  top: 30px;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
}

#content .background-image-accent-text-container:not(.sub-nav).left-text>div>div:first-child h3 {
  color: #4d008c;
}

#content .background-image-accent-text-container:not(.sub-nav).left-text>div>div:first-child a {
  margin-top: 30px;
}

#content .background-image-accent-text-container:not(.sub-nav).left-text>div>div:last-child {
  width: 45%;
}

#content .background-image-accent-text-container:not(.sub-nav).right-text>div>div:first-child {
  width: 45%;
}

#content .background-image-accent-text-container:not(.sub-nav).right-text>div>div:last-child {
  width: 55%;
  background-color: white;
  padding: 70px 60px;
  position: relative;
  top: 30px;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
}

#content .background-image-accent-text-container:not(.sub-nav).right-text>div>div:last-child h3 {
  color: #4d008c;
}

#content .background-image-accent-text-container:not(.sub-nav).right-text>div>div:last-child a {
  margin-top: 30px;
}

#content .background-image-accent-text-container:not(.sub-nav)>div {
  display: table;
  width: 100%;
}

#content .background-image-accent-text-container:not(.sub-nav)>div>div {
  display: table-cell;
}

#content .tile-container {
  padding: 50px 0;
}

#content .tile-container .tile {
  text-decoration: none;
  margin-bottom: 30px;
  position: relative;
  top: 0;
}

#content .tile-container .tile:hover {
  top: -10px;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
}

#content .tile-container .tile img {
  width: 100%;
}

#content .tile-container .tile .tile-content {
  background-color: white;
  padding: 20px;
  text-align: center;
  color: #4d008c;
  font-family: "Source Sans Pro";
}

#content .quote-container {
  margin: 80px auto 40px;
}

#content .quote-container.sub-nav {
  margin: 40px auto 60px;
}

#content .quote-container.listing {
  margin: 0px auto 0px;
}

#content .quote-container.eventListing {
  margin: 0 auto 40px;
}

#content .quote-container.sub-nav.blockquotey {
  width: 100%;
  margin: 80px auto;
  border-left: 9px solid #ffca38;
  max-width: 1000px;
}

#content .quote-container.blockquotey:before {
  position: absolute;
  content: '\e915';
  font-family: "国标麻豆视频APP";
  color: #dedede;
  font-size: 130px;
  left: -25px;
  top: -100px;
  z-index: -1;
}

#content .quote-container.blockquotey>div {
  padding-left: 40px;
}

#content .quote-container.blockquotey>div h2 {
  color: #4d008c;
}

#content .quote-container.blockquotey div {
  display: table-cell;
}

#content .quote-container.blockquotey>div>div>div {
  display: table-cell;
  vertical-align: middle;
}

#content .quote-container.blockquotey.hide-pic>div>div>div {
    display: none;
}

#content .quote-container.blockquotey>div>div>div>div:first-of-type {
  padding-right: 20px;
}

#content .quote-container.blockquotey>div>div img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.35);
}

#content .quote-container.blockquotey>div>div h4, #content .quote-container.blockquotey>div>div h6 {
  color: #4d008c;
}

#content .quote-container:not(.listing):not(.blockquotey):not(.eventListing) h3 {
    font-family: Merriweather;
}

#content .quote-container:not(.listing) h3, #content .quote-container:not(.listing) h4, #content .quote-container:not(.listing) h6, #content .quote-container:not(.listing) .h3 {
  color: white;
}

#content .quote-container.blockquotey h3, #content .quote-container.blockquotey h4, #content .quote-container.blockquotey h6, #content .quote-container.blockquotey .h3, #content .quote-container.eventListing h3, #content .quote-container.eventListing h4, #content .quote-container.eventListing h6, #content .quote-container.eventListing .h3 {
  color: #4d008c;
}

#content .quote-container.squished.blockquotey {
    max-width: 1320px;
}

#content .quote-container.home-squished.blockquotey {
    max-width: 1420px;
    margin-bottom: 80px;
}

#content .quote-container h4, #content .quote-container h6 {
  margin: 0;
  text-transform: uppercase;
}

#content .quote-container h4.mobile, #content .quote-container h6.mobile {
  display: none;
}

#content .quote-container h3, #content .quote-container .h3 {
  font-size: 33px;
  line-height: 1.4em;
}

#content .quote-container h4 {
  font-size: 22px;
}

#content .quote-container h6 {
  font-size: 16px;
}

#content .quote-container.sub-nav>div .quote-background {
  float: left;
}

#content .quote-container.sub-nav.left-image>div .quote-background:before, #content .quote-container.sub-nav.right-image>div .quote-background:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(90, 53, 132, 0.8);
  top: 0;
  left: 0;
  display: inline-block;
}

#content .quote-container.listing>div .quote-background:before {
  background-color: #cdcdcd;
  position: absolute;
  content: '';
  width: 100%;
  height: 75%;
  top: 120px;
  left: 0;
  display: inline-block;
}

#content .quote-container.sub-nav.listing>div .quote-background:before {
  height: 70%;
}

#content .quote-container.sub-nav.eventListing>div .quote-background:before {
  background-color: #cdcdcd;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: inline-block;
}

#page-content div.quote-container.listing:nth-child(2n-1) div.quote-background:before, #page-content div.quote-container.sub-nav.eventListing:nth-child(2n-1) div.quote-background:before {
  background-color: #fff;
}

#content .quote-container.sub-nav.left-image>div .quote-background:after, #content .quote-container.sub-nav.right-image>div .quote-background:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #ffca38;
  bottom: -20px;
  display: inline-block;
  z-index: -1;
  left: 50px;
}

#content .quote-container.sub-nav.left-image>div .quote-background h4, #content .quote-container.sub-nav.left-image>div .quote-background h6, #content .quote-container.sub-nav.right-image>div .quote-background h4, #content .quote-container.sub-nav.right-image>div .quote-background h6 {
  text-align: center;
}

#content .quote-container.listing>div .quote-background h4, #content .quote-container.listing>div .quote-background h6 {
  text-align: center;
}

#content .quote-container.sub-nav.left-image>div .quote-background>div>div, #content .quote-container.sub-nav.right-image>div .quote-background>div>div, #content .quote-container.listing>div .quote-background>div>div, #content .quote-container.sub-nav.eventListing>div .quote-background>div>div {
  vertical-align: middle;
}

#content .quote-container.sub-nav.left-image>div .quote-background>div>div:first-child, #content .quote-container.sub-nav.right-image>div .quote-background>div>div:last-child, #content .quote-container.sub-nav.listing>div .quote-background>div>div:first-child {
  width: 25%;
  text-align: center;
}

#content .quote-container.listing>div .quote-background>div>div:first-child {
  width: 20%;
  text-align: center;
}

#content .quote-container.sub-nav.eventListing>div .quote-background>div>div:first-child {
  width: 35%;
  padding-right: 30px;
  text-align: center;
}

#content .quote-container.sub-nav.left-image>div .quote-background>div>div:first-child .avatar, #content .quote-container.sub-nav.right-image>div .quote-background>div>div:last-child .avatar, #content .quote-container.sub-nav.blockquotey>div .quote-background>div>div:last-child .avatar, #content .quote-container.listing>div .quote-background>div>div:first-child .avatar {
  border-radius: 50%;
  margin-bottom: 20px;
  box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.20);
}

#content div.nocircle img {
    border-radius: 0!important;
}

#content .quote-container.sub-nav.eventListing>div .quote-background>div>div:first-child .eventPhoto {
  margin: 0;
  box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.20);
}

#content .quote-container.sub-nav.left-image>div .quote-background>div>div:last-child, #content .quote-container.listing>div .quote-background>div>div:last-child {
  width: 75%;
  vertical-align: middle;
  padding: 40px 20px 0 60px;
}

#content .quote-container.listing>div .quote-background>div>div:last-child {
  padding: 70px 20px 0 60px;
}


#content .quote-container.sub-nav.right-image>div .quote-background>div>div:first-child {
  width: 70%;
  vertical-align: middle;
  padding: 20px 20px 0 60px;
}

#content .quote-container.sub-nav.left-image>div .quote-background>div>div:last-child:before {
  position: absolute;
  content: '\e915';
  font-family: "国标麻豆视频APP";
  color: #ffca38;
  font-size: 50px;
  left: -20px;
  top: 10px;
}

#content .quote-container.sub-nav.right-image>div .quote-background>div>div:first-child:before {
  position: absolute;
  content: '\e915';
  font-family: "国标麻豆视频APP";
  color: #ffca38;
  font-size: 50px;
  left: -20px;
  top: -10px;
}

#content .quote-container.sub-nav.left-image>div .quote-background>div>div:last-child h3, #content .quote-container.sub-nav.right-image>div .quote-background>div>div:first-child h3, #content .quote-container.listing>div .quote-background>div>div:last-child h3 {
  text-align: left;
}

#content .quote-container.sub-nav.full {
  text-align: center;
}

#content .quote-container.sub-nav.full.purple>div .quote-background:before {
  background-color: rgba(90, 53, 132, 0.8);
}

#content .quote-container.sub-nav.full.purple>div .quote-background:after {
  background-color: #ffca38;
}

#content .quote-container.sub-nav.full>div .quote-background {
  padding: 100px 0;
}

#content .quote-container.sub-nav.full>div .quote-background:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(70, 70, 70, 0.75);
  top: 0;
  left: 0;
  display: inline-block;
}

#content .quote-container.sub-nav.full>div .quote-background:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #4d008c;
  bottom: -20px;
  left: 50px;
  display: inline-block;
  z-index: -1;
}

#content .quote-container.sub-nav.full>div .quote-background span {
  font-size: 50px;
  color: #ffca38;
  font-family: "国标麻豆视频APP";
  display: inline-block;
  margin-bottom: 20px;
}

#content .quote-container.sub-nav.full>div .quote-background span:before {
  content: "\e915";
}

#content .quote-container.sub-nav>div {
  display: inline-block;
  width: 100%;
}

#content .quote-container.sub-nav>div .quote-background {
  padding: 50px 0;
  background-size: cover;
  background-position: 50%;
  width: calc(100% - 20px);
  position: relative;
}

#content .quote-container.sub-nav.eventListing>div .quote-background {
  padding: 0;
  background-size: cover;
  background-position: 50%;
  width: 100%;
  position: relative;
}

#content .quote-container.listing>div .quote-background {
  width: 100%;
}

#content .quote-container.sub-nav>div .quote-background>div {
  position: relative;
  padding: 0 50px;
  display: table;
  table-layout: fixed;
  width: 100%;
}

#content .quote-container.sub-nav.eventListing>div .quote-background>div {
  padding: 0;
}

#content .quote-container.sub-nav>div .quote-background>div>div {
  display: table-cell;
  position: relative;
}

#content .quote-container.split>div>div {
  width: 100%;
  position: relative;
}

#content .quote-container.split>div>div:after {
  position: absolute;
  content: '';
  width: calc(100% - 50px);
  height: 100%;
  background-color: #ffca38;
  bottom: -20px;
  display: inline-block;
  z-index: -1;
}

#content .quote-container.split>div>div:first-child {
  float: left;
}

#content .quote-container.split>div>div:first-child:after {
  left: 0;
}

#content .quote-container.split>div>div:first-child>div {
  float: right;
}

#content .quote-container.split>div>div:first-child>div:after {
  left: -50px;
}

#content .quote-container.split>div>div:last-child {
  float: right;
}

#content .quote-container.split>div>div:last-child:after {
  left: 50px;
}

#content .quote-container.quoteCalloutLouie.split>div>div:last-child:after {
  left: 0px;
}

#content .quote-container.split>div>div:last-child>div {
  float: left;
}

#content .quote-container.quoteCalloutLouie.split>div>div:last-child>div {
  float: right;
}

#content .quote-container.split>div>div>div {
  position: relative;
  padding: 50px;
}

#content .quote-container.split>div>div>div:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(90, 53, 132, 0.8);
  top: 0;
  left: 0;
  display: inline-block;
}

#content .quote-container.split>div>div>div>div {
  position: relative;
  text-align: center;
  padding: 0;
}

#content .quote-container.split>div>div>div>div span {
  font-family: "国标麻豆视频APP";
  font-size: 50px;
  color: #ffca38;
  display: inline-block;
  margin-bottom: 20px;
}

#content .quote-container.split>div>div>div>div span:before {
  content: "\e915";
}

#content .quote-container.full {
  text-align: center;
}

#content .quote-container.full>div .quote-background {
  padding: 100px 0;
  float: right;
}

#content .quote-container.full>div .quote-background:not(.noOverlay):before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(70, 70, 70, 0.5);
  top: 0;
  left: 0;
  display: inline-block;
}

#content .quote-container.full>div .quote-background:not(.jarallax):after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #4d008c;
  bottom: -20px;
  left: -50px;
  display: inline-block;
  z-index: -1;
}

#content .quote-container.full>div .quote-background span {
  font-family: "国标麻豆视频APP";
  font-size: 50px;
  color: #ffca38;
  display: inline-block;
  margin-bottom: 20px;
}

#content .quote-container.full>div .quote-background span:before {
  content: "\e915";
}

#content .quote-container.left-image>div .quote-background:before, #content .quote-container.right-image>div .quote-background:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(90, 53, 132, 0.85);
  top: 0;
  left: 0;
  display: inline-block;
}

#content .quote-container.left-image>div .quote-background:after, #content .quote-container.right-image>div .quote-background:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #ffca38;
  bottom: -20px;
  display: inline-block;
  z-index: -1;
}

#content .quote-container.left-image>div .quote-background h4, #content .quote-container.left-image>div .quote-background h6, #content .quote-container.right-image>div .quote-background h4, #content .quote-container.right-image>div .quote-background h6 {
  text-align: center;
}

#content .quote-container.left-image>div .quote-background {
  float: left;
  margin-left: 40px;
}

#content .quote-container.sub-nav.left-image>div .quote-background {
  margin-left: 0;
}

#content .quote-container.left-image>div .quote-background:after {
  left: -50px;
}

#content .quote-container.left-image>div .quote-background>div>div:first-child {
  width: 20%;
  text-align: center;
}

#content .quote-container.left-image>div .quote-background>div>div:first-child .avatar {
  border-radius: 50%;
  position: relative;
  top: -60px;
  margin-bottom: -40px;
  box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.35);
}

#content .quote-container.left-image.sub-nav>div .quote-background>div>div:first-child .avatar {
  top: 0;
}

#content .quote-container.left-image>div .quote-background>div>div:last-child {
  width: 80%;
  vertical-align: middle;
  padding-left: 110px;
}

#content .quote-container.left-image>div .quote-background>div>div:last-child:before {
  position: absolute;
  content: '\e915';
  font-size: 80px;
  font-family: "国标麻豆视频APP";
  color: #ffca38;
  left: -20px;
  top: 40px;
}

#content .quote-container.right-image>div .quote-background {
  float: left;
}

#content .quote-container.right-image>div .quote-background:after {
  right: -50px;
}

#content .quote-container.right-image>div .quote-background>div>div:first-child {
  width: 80%;
  vertical-align: middle;
  padding-left: 140px;
}

#content .quote-container.right-image>div .quote-background>div>div:first-child:before {
  position: absolute;
  content: '\e915';
  font-family: "国标麻豆视频APP";
  color: #ffca38;
  font-size: 80px;
  left: 20px;
  top: 40px;
}

#content .quote-container.right-image>div .quote-background>div>div:last-child {
  width: 20%;
  text-align: center;
  padding-left: 20px;
}

#content .quote-container.right-image>div .quote-background>div>div:last-child .avatar {
  border-radius: 50%;
  position: relative;
  top: -60px;
  margin-bottom: -40px;
  box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.35);
}

#content .quote-container.right-image.sub-nav>div .quote-background>div>div:last-child .avatar {
  top: 0;
}

#content .quote-container>div {
  display: inline-block;
  width: 100%;
}

#content .quote-container>div .quote-background {
  padding: 30px 0 30px;
  background-size: cover;
  background-position: 50%;
  width: calc(100% - 50px);
  position: relative;
}

/* 国标麻豆视频APP 175 Block on Homepage Start -------- */
#content .quote-container.padding > div .quote-background {
  padding: 80px 0 80px;
}

#content .quote-container.left-image.padding>div .quote-background>div>div:last-child:before {
  content: '';
}
/* 国标麻豆视频APP 175 Block on Homepage End -------- */

#content .quote-container>div .quote-background>div {
  position: relative;
  padding: 0 50px;
  display: table;
  width: 100%;
}

#content .quote-container>div .quote-background>div>div {
  display: table-cell;
  position: relative;
}

#content .background-image-text-container {
  margin: 50px 0;
}

#content .background-image-text-container.sub-nav {
  margin: 60px auto 150px;
}

#content .background-image-text-container.purple .background-image-text-background:before,
#content .background-image-text-container.purple-bg .background-image-text-background:before {
  background-color: rgba(90, 53, 132, 0.85);
}

#content .background-image-text-container.yellow .background-image-text-background:before,
#content .background-image-text-container.yellow-bg .background-image-text-background:before {
  background-color: rgba(255, 202, 56, 0.85);
}

#content .background-image-text-container .background-image-text-background {
  position: absolute;
  width: calc(100% - 50px);
  height: calc(100% + 100px);
  background-size: cover;
  background-position: 50%;
  top: 0;
  right: 0;
}

#content .background-image-text-container .background-image-text-background:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#content .background-image-text-container .background-image-text-container-text {
  background-color: white;
  padding: 70px 50px;
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  top: 50px;
}

#content .background-image-text-container .background-image-text-container-text h4 {
  color: #4d008c;
}

#content .background-image-text-container.callout-right.sub-nav.container {
  width: 48%;
  float: right;
  margin: 0 0 120px 40px;
}

#content .background-image-text-container.callout-left.sub-nav.container {
  width: 48%;
  float: left;
  margin: 0 40px 120px 0;
}

#content .quote-container.sub-nav.split.container.plus.quoteCalloutRalph {
  width: 50%;
  float: right;
  margin: 0 0 40px 40px;
}

#content .quote-container.sub-nav.split.container.plus.quoteCalloutLouie {
  width: 50%;
  float: left;
  margin: 0 40px 40px 0;
}

#content .text-container.quoteFloatRalph, #content .text-container.quoteFloatLouie {
  padding: 0 !important;
  margin: 0 0 40px;
}

#content .quoteFloatRalph+.text-container.sub-nav {
  padding: 0;
}

#content .text-container.quoteFloatRalph>.quote-float {
  float: right;
  margin: 0 0 20px 20px;
  padding-right: 20px;
}

#content .text-container.sub-nav.noPad {
  padding: 0 !important;
}

#content .social-container {
  margin-bottom: 50px;
}

#content .social-container.interior {
  margin-bottom: 40px;
}

#content .social-container.interior .social-background-container {
  height: calc(100% - 120px);
}

#content .social-container:not(.interior) {
  background-color: white;
}

#content .social-container.sub-nav {
  background-color: #f2f2f2;
  margin: 40px 0 150px;
}

#content .social-container.sub-nav h4 {
  margin: 0 50px;
}

#content .social-container.sub-nav .social-container-background {
  position: absolute;
  top: 130px;
  left: 50px;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  z-index: 10;
  background-size: cover;
  background-position: 50%;
}

#content .social-container.sub-nav .social-container-background:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(90, 53, 132, 0.85);
}

#content .social-container.sub-nav .social-container-posts {
  position: relative;
  top: 30px;
  display: inline-block;
  width: calc(100% - 50px);
}

#content .social-container.sub-nav .social-container-posts>div {
  float: left;
  width: 32%;
  vertical-align: top;
  position: relative;
  z-index: 1000;
}

#content .social-container.sub-nav .social-container-posts>div:not(:last-of-type) {
  margin-right: 2%;
}

#content .social-container.sub-nav .social-container-posts>div .roller-item {
  width: 100%;
  height: 310px;
}

#content .social-container.sub-nav .social-container-posts>div .roller-item:nth-of-type(2) {
  margin-top: 15px;
}

#content .social-container.sub-nav .social-container-posts>div .roller-item img {
  width: 100%;
  height: 100%;
}

#content .social-container.sub-nav .social-container-posts>div .roller-item.social-item {
  background: #fff;
  font-size: 16px;
  overflow: hidden;
}

#content .social-container.sub-nav .social-container-posts>div .roller-item.social-item:hover {
  background: #dedede;
  font-size: 16px;
}

#content .social-container.sub-nav .social-container-posts>div .roller-item.social-item .author {
  margin-top: 0;
  height: 25%;
}

#content .social-container h4 {
  color: #4d008c;
  margin: 50px 0;
}


#content .social-container:not(.interior) .social-roller-container {
  position: relative;
  top: -30px;
}

#content .social-container .social-background-container {
  position: absolute;
  width: 100%;
  height: calc(100% - 30px);
  left: 0;
  background-size: cover;
  background-position: 50%;
}

#content .social-container .social-background-container:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#content .social-container .social-background-container.purple:before {
  background-color: rgba(90, 53, 132, 0.85);
}

#content .social-container .social-background-container.yellow:before {
  background-color: rgba(255, 202, 56, 0.85);
}

#content .social-container .roller-item, #content .social-container .roller-item-half {
  position: relative;
}

#content .social-container .roller-item .author, #content .social-container .roller-item-half .author {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}

#content .social-container .roller-item .author>div, #content .social-container .roller-item-half .author>div {
  float: left;
}

#content .social-container .roller-item .author>div:first-child, #content .social-container .roller-item-half .author>div:first-child {
  width: 50px;
}

#content .social-container .roller-item .author>div:first-child img, #content .social-container .roller-item-half .author>div:first-child img {
  width: 40px;
  height: 40px;
  position: relative;
  top: 8px;
}

#content .social-container .roller-item .author>div:last-child, #content .social-container .roller-item-half .author>div:last-child {
  width: calc(100% - 50px);
  padding-left: 5px;
}

#content .social-container .roller-item .author>div:last-child p, #content .social-container .roller-item-half .author>div:last-child p {
  margin: 5px 0 0;
  color: #4d008c;
}

#content .social-container .roller-item .author>div:last-child span, #content .social-container .roller-item-half .author>div:last-child span {
  margin: 0;
}

#content .social-container .roller-item.instagram:hover .instagram-details, #content .social-container .roller-item-half.instagram:hover .instagram-details {
  opacity: 1;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content .social-container .roller-item.instagram .instagram-details, #content .social-container .roller-item-half.instagram .instagram-details {
  position: absolute;
  left: 0;
  top: 0;
  display: table;
  width: 100.2%;
  height: 100.2%;
  padding: 20px;
  background-color: rgba(70, 70, 70, 0.9);
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content .social-container .roller-item.instagram .instagram-details>div, #content .social-container .roller-item-half.instagram .instagram-details>div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

#content .social-container .roller-item.instagram .instagram-details>div p, #content .social-container .roller-item-half.instagram .instagram-details>div p {
  color: white;
  font-size: 16px;
  margin: 0;
}

#content .social-container .roller-item.instagram .instagram-details>div p a {
  color: #ffca38;
}

#content .social-container .roller-item.instagram .instagram-details.author>div>a:hover {
  text-decoration: underline;
}

#content .social-container .roller-item.instagram .instagram-details>div .author>div:last-child p, #content .social-container .roller-item.instagram .instagram-details>div .author>div:last-child span, #content .social-container .roller-item-half.instagram .instagram-details>div .author>div:last-child p, #content .social-container .roller-item-half.instagram .instagram-details>div .author>div:last-child span {
  color: white;
}

#content .social-container .roller-item.instagram .author>div a {
  color: white;
  font-size: 16px;
}

#content .social-container .roller-item.instagram .author>div {
  margin-top: 5px;
}

#content div.roller-item.instagram a {
  display: block;
  height: 100%;
  background-size: cover !important;
}

#content .social-container .roller-item {
  width: 384px;
}

#content .social-container .roller-item.stacked {
  height: 768px;
}

#content .social-container .roller-item.stacked .social-item {
  background: #fff;
  padding: 0 20px;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#content .social-container .roller-item.stacked .social-item:not(.social-details):hover {
  background: #dedede;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#content .social-container .roller-item.stacked .social-item>div {
  display: table;
  width: 100%;
  height: 100%;
}

#content .social-container .roller-item.stacked .social-item>div>div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

#content .social-container .roller-item.stacked .social-item span {
  color: #464646;
  font-size: 14px;
  display: block;
  margin: 10px 0;
}

#content .social-container .roller-item.stacked .social-item .author {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}

#content .social-container .roller-item.stacked .social-item .author>div {
  float: left;
}

#content .social-container .roller-item.stacked .social-item .author>div:first-child {
  width: 50px;
}

#content .social-container .roller-item.stacked .social-item .author>div:first-child img {
  width: 50px;
  height: 50px;
  position: relative;
  top: 8px;
}

#content .social-container .roller-item.stacked .social-item .author>div:last-child {
  width: calc(100% - 50px);
  padding-left: 20px;
}

#content .social-container .roller-item.stacked .social-item .author>div:last-child p {
  margin-bottom: 0;
  color: #4d008c;
}

#content .social-container .roller-item.stacked .social-item .author>div:last-child span {
  margin: 0;
}

#content .social-container .roller-item:not(.stacked) {
  height: 384px;
}

#content .social-container .roller-item.social-item {
  background: #fff;
  padding: 0 20px;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#content .social-container .roller-item.social-item:not(.instagram):hover {
  background: #dedede;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#content .social-container .roller-item.social-item>div {
  display: table;
  width: 100%;
  height: 65%;
  margin-top: 1.5em;
}

#content .social-container .roller-item.social-item>div>div, #content .social-container .roller-item.instagram>div>div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

#content .social-container .roller-item.social-item span {
  color: #464646;
  font-size: 14px;
  display: block;
  margin: 10px 0;
}

#content .social-container .roller-item.instagram span {
  color: #fff;
  font-size: 14px;
  display: block;
  margin: 10px 0;
}

#content .social-container .roller-item .roller-item-half {
  height: 384px;
}

#content .social-container .roller-item .roller-item-half.social-details {
  background: #4d008c;
  padding: 0 20px;
}

#content .social-container .roller-item .roller-item-half.social-details h2 {
  color: white;
}

#content .social-container .roller-item .roller-item-half.social-details a {
  display: inline-block;
  text-decoration: none;
  color: white;
}

#content .social-container .roller-item .roller-item-half.social-details a span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: white;
  font-family: "国标麻豆视频APP";
}

#content .social-container .roller-item .roller-item-half.social-details a#facebook-social-icon span {
  font-size: 24px;
  top: -2px;
  left: 5px;
  margin-right: 18px;
}

#content .social-container .roller-item .roller-item-half.social-details a#facebook-social-icon span:before {
  content: '\e900';
}

#content .social-container .roller-item .roller-item-half.social-details a#twitter-social-icon span {
  font-size: 18px;
  margin-right: 6px;
  top: -2px;
}

#content .social-container .roller-item .roller-item-half.social-details a#twitter-social-icon span:before {
  content: '\e902';
}

#content .social-container .roller-item .roller-item-half.social-details a#instagram-social-icon span {
  font-size: 20px;
  margin-right: 10px;
  top: -2px;
}

#content .social-container .roller-item .roller-item-half.social-details a#instagram-social-icon span:before {
  content: '\e901';
}

#content .social-container .roller-item .roller-item-half img {
  width: 100%;
  height: 100%;
}

#content .upcoming-events-container {
  margin-bottom: 30px;
}

#content .upcoming-events-container.sub-nav h2 {
  color: #4d008c;
  margin-bottom: 50px;
}

#content .upcoming-events-container.split .upcoming-events>div .event-half {
  background-color: white;
  padding: 40px 50px 20px;
  width: calc(50% - 10px);
}

#content .upcoming-events-container.split .upcoming-events>div .event-half h2 {
  color: #4d008c;
  text-transform: uppercase;
  margin-bottom: 50px;
}

#content .upcoming-events-container.split .upcoming-events>div .event-half:first-child {
  float: left;
}

#content .upcoming-events-container.split .upcoming-events>div .event-half:last-child {
  float: right;
}

#content .upcoming-events.container .event-half {
    margin-bottom: 2em;
}

#content .upcoming-events-container .upcoming-events-header {
  padding: 50px;
}

#content .upcoming-events-container .upcoming-events-header h2 {
  display: inline-block;
  color: #4d008c;
  text-transform: uppercase;
}

#content .upcoming-events-container .upcoming-events-header .button {
  float: right;
  position: relative;
  top: 10px;
}

#content .upcoming-events-container .upcoming-events>div {
  display: inline-block;
  width: 100%;
}

#content .upcoming-events-container.sub-nav .upcoming-events .event {
  margin-bottom: 40px;
  border-bottom: 1px dashed #cdcdcd;
  padding-bottom: 20px;
}

#content .upcoming-events-container .upcoming-events .event {
  margin-bottom: 40px;
}

#content .upcoming-events-container .upcoming-events .event:last-of-type {
  border-bottom: none;
  padding-bottom: 0px;
}

#content .upcoming-events-container .upcoming-events .event>div {
  display: table;
  width: 100%;
}

#content .upcoming-events-container:not(.sub-nav) .upcoming-events .event>div {
  height: 250px;
}

#content .upcoming-events-container .upcoming-events .event>div>div {
  display: table-cell;
  vertical-align: middle;
}

#content .upcoming-events-container.sub-nav .upcoming-events .event>div>div:first-child {
  width: 15%;
}

#content .upcoming-events-container .upcoming-events .event>div>div:first-child {
  width: 40%;
}

#content .upcoming-events-container .upcoming-events .event>div>div:first-child img {
  width: 100%;
}

#content .upcoming-events-container .upcoming-events .event>div>div:last-child {
  width: 60%;
  padding-left: 40px;
}

#content .upcoming-events-container .upcoming-events .event>div>div:last-child h4, #content .tickets-container .event .event-info h4 {
  color: #4d008c;
  margin-bottom: 0;
  font-size: 20px;
}

#content .upcoming-events-container .upcoming-events .event>div>div:last-child span, #content .tickets-container .event .event-info span {
  font-size: 14px;
  display: inline-block;
  margin: 15px 0 0;
}

#content .upcoming-events-container:not(.sub-nav) .upcoming-events .event>div>div:last-child span {
  font-weight: 1000;
}

#content .upcoming-events-container .upcoming-events .event>div>div:last-child p {
  margin: 0 0 10px;
  font-size: 14px;
}

#content .upcoming-events-container .upcoming-events .event>div>div:last-child>a, #content .tickets-container .event .event-info a {
  font-family: "Source Sans Pro";
  font-weight: bold;
  font-size: 18px;
  border-bottom: 1px dashed #4d008c;
}

#content .tickets-container .event .event-info a:hover {
  color: #000;
  border-bottom: none;
  text-decoration: none;
}

#content .faculty-container {
  padding: 20px 0;
}

#content .faculty-container.sub-nav {
  margin-bottom: 0;
}

#content .faculty-container h3 {
  //color: #4d008c;
  color: #333;
}

#content .faculty-container>div {
  display: inline-block;
  width: 100%;
}

#content #alumni-charter.faculty-container>div {
  display: inline-block;
  width: 100%;
  margin: 0 33%;
}

#content .faculty-container>div .faculty {
  margin-bottom: 30px;
  position: relative;
  top: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content .faculty-container>div .faculty:hover {
  box-shadow: 0px 11px 32px 0px rgba(0, 0, 0, 0.1);
  top: -10px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#content .faculty-container>div .faculty img {
  width: 100%;
  max-width: 300px;
  max-height:390px;
}

#content .faculty-container>div .faculty.four-jumpies img {
  max-width: 375px;
}

#content .faculty-container>div .faculty .faculty-content {
  background-color: white;
  padding: 20px;
  overflow: hidden;
  text-align: center;
  max-width: 300px;
}

#content .faculty-container>div .faculty .faculty-content h4 {
  margin-bottom: 0;
  color: #4d008c;
}


#content .faculty-container>div .faculty a:hover {
  text-decoration: none;
  border-bottom: none;
}

#content .faculty-container> div .faculty > a > .faculty-content h4:hover {
  text-decoration: underline;
}

#content .faculty-container>div .faculty p:hover {
  border-bottom: none !important;
}

#content .faculty-container>div h4+p {
  color: #000;
  ;
}

#content .faculty-container>div h4+ul {
  color: #000;
  ;
}

#content .faculty-container>div .faculty .faculty-content.not-fslisting {
  white-space: normal;
}

#content .profile-edit textarea {
  resize: both;
  height: unset;
}

#content .profile-edit input[type="checkbox"] {
  display: initial;
}

body.cbeLanding .text-container,
body.customHero .text-container {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 800px;
}

body.cbeLanding .text-container p,
body.cbeLanding .text-container ul,
body.customHero .text-container p,
body.customHero .text-container ul {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 700px;
}

body.cbeLanding .background-image-text:first-of-type,
body.customHero .background-image-text:first-of-type  {
  max-width: none !important;
  padding-top: 300px !important;
  text-align: left !important;
  padding-bottom: 0 !important;
  margin-bottom: 180px !important;
}

body.cbeLanding .background-image-text:first-of-type .container,
body.customHero .background-image-text:first-of-type .container {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 900px;
  background: #4d008c;
  bottom: -4em;
  padding: 3em;
}

body.cbeLanding .background-image-text:first-of-type.purple:before,
body.customHero .background-image-text:first-of-type.purple:before {
    background: rgba(90, 53, 132, 0) !important;
}

body.cbeLanding .quote-container.plus,
body.customHero .quote-container.plus {
  max-width: 1000px;
}


#modal-closing-trick {
  display: none;
}

#modal-closing-trick:checked+div {
  display: none;
}

#no-script-warning {
  position: fixed;
  bottom: 40px;
  z-index: 1000;
  background-color: #4d008c;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  max-width: 800px;
  width: 100%;
  text-align: center;
  padding: 20px;
}

#no-script-warning p {
  color: white;
  font-family: "Source Sans Pro";
  margin-bottom: 30px;
  font-size: 20px;
  letter-spacing: 2px;
}

#no-script-warning .button {
  border-radius: 30px;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Source Sans Pro";
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  letter-spacing: 1px;
  color: #4d008c;
  background-color: #ffca38;
  font-size: 18px;
  min-width: 220px;
  padding: 10px 20px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  cursor: pointer;
}

#no-script-warning .button:hover {
  background-color: #4d008c;
  color: white;
}

#footer-container #top-footer-container {
  background-color: #2f2f2f;
  padding: 80px 50px;
}

#footer-container #top-footer-container #top-footer-content-wrapper {
  display: inline-block;
  width: 100%;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child {
  float: left;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .icon-logo {
  margin-bottom: 30px;
  font-family: "国标麻豆视频APP";
  font-size: 70px;
  color: white;
  line-height: 1;
  display: inline-block;
  min-width: 300px;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .icon-logo:before {
  /* content: '\e917'; */
  content: url(/css/var(--primary-white-svg-bg-logo-url);
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a {
  display: inline-block;
  position: relative;
  text-decoration: none;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a span {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a:hover span {
  color: white;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a:not(:last-of-type) {
  margin-right: 13px;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a.facebook {
  top: 4px;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a.facebook span:before {
  content: "\e900";
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a.twitter {
  top: 5px;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a.twitter span:before {
  content: "\e902";
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a.instagram {
  top: 5px;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a.instagram span:before {
  content: "\e901";
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a.pinterest {
  top: 5px;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a.pinterest span:before {
  content: "\e910";
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a.snapchat {
  top: 5px;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a.snapchat span:before {
  content: "\e909";
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a.youtube {
  top: 5px;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a.youtube span:before {
  content: "\e90b";
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a.vimeo {
  top: 5px;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a.vimeo span:before {
  content: "\e90a";
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .social-icons a img {
  opacity: .5;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:last-child {
  float: right;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:last-child>div:first-child {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.251);
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:last-child>div:first-child ul li {
  display: inline-block;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:last-child>div:first-child ul li:not(:last-of-type) {
  margin-right: 20px;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:last-child>div:last-child ul {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 60px;
  -webkit-column-gap: 60px;
  column-gap: 60px;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:last-child ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:last-child ul li a {
  font-size: 14px;
  color: #f2f2f2;
  text-decoration: none;
}

#footer-container #top-footer-container #top-footer-content-wrapper>div:last-child ul li a:hover {
  color: #ffca38;
}

a.website-problems {
  display: block;
  margin-top: 20px;
  text-transform: uppercase;
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: bold;
  color: #999;
  text-decoration: none;
}

a.website-problems:hover {
  color: #ffca38;
}

#footer-container #bottom-footer-container {
  background-color: #232323;
  padding: 30px 50px;
}

#footer-container #bottom-footer-container>div>div {
  display: inline-block;
}

#footer-container #bottom-footer-container>div>div ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer-container #bottom-footer-container>div>div ul li {
  display: inline-block;
}

#footer-container #bottom-footer-container>div>div ul li.mycampus a span[class^="icon-"] {
  color: white;
  font-size: 22px;
  position: relative;
  top: 7px;
}

#footer-container #bottom-footer-container>div>div ul li.mycampus a span[class^="icon-"]:before {
  content: "\e914";
}

#footer-container #bottom-footer-container>div>div ul li a {
  font-size: 14px;
  font-family: "Source Sans Pro";
}

#footer-container #bottom-footer-container>div>div ul li span:not([class^="icon-"]) {
  font-size: 14px;
  font-family: "Source Sans Pro";
  color: #797979;
  margin: 0 5px;
}

#footer-container #bottom-footer-container>div>div ul li a {
  color: #f2f2f2;
  text-decoration: none;
  text-transform: uppercase;
}

#footer-container #bottom-footer-container>div>div ul li a:hover, #footer-container #bottom-footer-container>div>div ul li.mycampus a span[class^="icon-"]:hover {
  color: #ffca38;
}

#footer-container #bottom-footer-container>div #umhbcclc {
  float: right;
  text-decoration: none;
  color: #f2f2f2;
  text-transform: uppercase;
  font-family: "Source Sans Pro";
  font-size: 14px;
  position: relative;
  top: 4px;
}

#footer-container #bottom-footer-container>div #umhbcclc:hover {
  color: white;
}

#footer-container #bottom-footer-container>div #umhbcclc:hover span:before {
  color: white;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#footer-container #bottom-footer-container>div #umhbcclc span {
  font-size: 20px;
  position: relative;
  margin-left: 7px;
  top: 3px;
}

#footer-container #bottom-footer-container>div #umhbcclc span:before {
  content: "\e90c";
  color: #f2f2f2;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.last-updated {
  font-size: .75em;
  color: #bcbcbc;
  text-align: right;
  margin-bottom: 1em;
  padding: 0 10px;
}

.the-cru-logo {
    text-align: center;
    opacity: .2;
    margin-right: 25%;
}

/*
 * Roller v3.2.10 - 2015-05-27
 * A jQuery plugin for simple content carousels. Part of the Formstone Library.
 * http://classic.formstone.it/roller/
 *
 * Copyright 2015 Ben Plumm; MIT Licensed
 */

.roller {
  width: 100%;
  position: relative;
}

.roller * {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.roller .roller-viewport {
  position: relative;
  z-index: 100;
}

.roller .roller-canister {
  margin: 0;
  overflow: hidden;
  position: relative;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.roller .roller-item {
  float: left;
  margin: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.roller .roller-controls {
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.roller .roller-pagination {
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.roller .roller-controls.visible {
  display: block;
}

.roller .roller-pagination.visible {
  display: block;
}

.roller .roller-control {
  cursor: default;
}

.roller .roller-page {
  cursor: pointer;
}

.roller .roller-control.enabled {
  cursor: pointer;
}

.roller .roller-caption {
  display: none;
}

.roller .roller-caption.active {
  display: block;
}

.roller.single .roller-item {
  display: none;
}

.roller.single .roller-item.active {
  display: block;
}

.roller-controls .roller-control {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 50%;
  width: 80px;
  height: 80px;
  z-index: 100000;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  opacity: 0;
}

.roller-controls .roller-control:before {
  position: absolute;
  font-family: "国标麻豆视频APP";
  font-size: 40px;
  top: 9px;
  color: white;
}

.roller-controls .roller-control:hover {
  background: black;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.roller-controls .roller-control.enabled {
  opacity: 1;
}

.roller-controls .roller-control.enabled.previous {
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
}

.roller-controls .roller-control.enabled.next {
  -webkit-transform: translate3d(-50px, 0, 0);
  transform: translate3d(-50px, 0, 0);
  z-index: 101;
}

.roller-controls .roller-control.previous {
  left: -20px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 101;
}

.roller-controls .roller-control.previous:before {
  left: 28px;
  content: '\e90b';
}

.roller-controls .roller-control.next {
  right: -50px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.roller-controls .roller-control.next:before {
  right: 24px;
  content: '\e90c';
}

/*=========================================
   Google CSE Styling
=========================================*/

#content div#___gcse_0 {
    margin-bottom: 20px;
}

#content .gsc-control-cse {
    border-color: #f2f2f2;
    background-color: #f2f2f2;
    padding: 0;
}

#content .cse .gsc-control-cse, .gsc-control-cse {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
}

#content .gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border-color: #4d008c;
    background-color: #4d008c;
    background-image: none;
    filter: none;
    margin: 0;
    padding: 10px 16px;
    border: none;
}

#content .gsc-tabHeader.gsc-tabhActive {
    border-color: #4d008c;
    border-bottom-color: #4d008c;
    background-color: #4d008c;
    margin: 0 1px;
}

#content .gsc-tabHeader.gsc-tabhInactive {
    border-color: #777777;
    background-color: #777777;
    margin: 0 1px;
}

#content .gsc-tabHeader.gsc-tabhInactive:hover {
    color: #ffca38;
}

#content .gsc-tabsArea {
    border-color: #5a4584;
}

#content .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
    border-color: #f2f2f2;
    background-color: #f2f2f2;
    padding: 1em 0 1.25em;
    font-size: 14px;
    border: none;
}

#content .cse .gsc-webResult.gsc-result:hover,
#content .gsc-webResult.gsc-result:hover,
#content .gsc-webResult.gsc-result.gsc-promotion:hover,
#content .gsc-results .gsc-imageResult-classic:hover,
#content .gsc-results .gsc-imageResult-column:hover {
  border: none;
  background-color: #ddd!important;
}

#content .gsc-control-cse .gsc-table-result {
    font-size: 14px;
}

#content .gsc-expansionArea .gsc-webResult.gsc-result:nth-of-type(2n-1) {
    border-color: #fff;
    background-color: #fff;
}

#content .gsc-table-cell-snippet-close, .gsc-table-cell-snippet-open {
    padding-left: 8px;
    padding-right: 8px;
}

#content .gs-result:not(.gs-promotion) .gs-title, .gs-result .gs-title *:not(.gs-promotion) {
    color: #4d008c!important;
    text-decoration: none!important;
    height: auto;
    font-size: 18px!important;
}
#content .gsc-url-top {
    font-size: 12px;
}

#content .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
    color: #777!important;
    height: 20px;
    overflow: hidden;
}

#content .gsc-table-cell-thumbnail, .gs-promotion-image-cell {
    display: none;
}

#content .gsc-cursor-box {
    border-color: #f2f2f2;
    font-size: 16px;
}

#content .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    color: #4d008c;
}

#content .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border: none;
    background: none;
    color: #4d008c;
    margin-right: 15px;
}

#content .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    color: #000;
}

#content .gsc-result .gs-promotion .gs-title {
    height: auto;
}

#content .gsc-webResult.gsc-result.gsc-promotion {
    background-color: #cdcdcd;
    border: none;
    font-size: 16px;
    width: 106%;
    padding: 2.5% 1% 2.5% 4%;
    margin: 20px 0 25px -3%;
    box-shadow: 0px 11px 20px 0px rgba(0, 0, 0, 0.1);
}

#content .gs-promotion div.gs-visibleUrl-long {
    font-size: 12px;
}

#content .gs-result.gs-promotion .gs-title * {
    color: #4d008c!important;
    text-decoration: none!important;
    font-size: 22px!important;
}

#content .gs-promotion-text-cell-with-image {
    padding-left: 0px;
    padding-right: 0px;
}


#content .gsc-option-menu-item {
    color: #cdcdcd;
    padding: 0 40px 0 20px;
}

#content .gsc-option-menu-item:hover {
    color: #ffca38;
}

#content .gsc-option-menu-item-highlighted {
    background-color: #eee;
    color: #4d008c;
}

#content .gsc-option-menu-item-highlighted:hover {
    color: #4d008c;
}

#content .gsst_a .gscb_a {
    color: #cdcdcd;
}

#content .gsc-webResult .gsc-result:hover {
    transition: none;
}

#content .searchImprovement-cse {
    border-left: 5px solid #4d008c;
    width: 75%!important;
    padding: 2em 2em 2em 2.5em;
    margin: 20px auto!important;
}

#content .purpleAlert p, #content .purpleAlertHeadline p {
  margin:0;
}

.campus-alert-bar h3:before {
    content: "\e9cc";
    font-family: 国标麻豆视频APP;
    margin-right: .5em;
    font-size: .75em;
    color: #4d008c;
}

.purpleAlertHeadline > *:first-child:before {
    content: "\e9cc";
    font-family: 国标麻豆视频APP;
    margin-right: .25em;
    font-size: .75em;
    color: #ffca38;
}

/*=========================================
   Blog
=========================================*/
#live-on-purpose-img {
  max-width: 500px; 
  width: 100%; 
  padding-top: 50px;
}
#live-on-purpose-img-blog {
  max-width: 500px; 
  width: 100%; 
  padding: 50px;
}


/*=========================================
   MEDIA QUERY - 2000
=========================================*/

@media screen and (max-width: 2000px) {
  #hero-container #hero-wrapper.video {
    padding-bottom: 46.25%;
    /* 16:9 */
  }
}

/*=========================================
   MEDIA QUERY - 1740
=========================================*/

@media screen and (max-width: 1740px) {
  #news-container #news-roller-container .roller-controls {
    max-width: calc(100% - 460px);
  }
}

/*=========================================
   MEDIA QUERY - 1660
=========================================*/

@media screen and (max-width: 1660px) {
  #hero-container #hero-wrapper #hero-text-container {
    padding-left: 50px;
  }
  #hero-container #hero-wrapper #hero-text-container #hero-text>div {
    width: 85%;
  }
  #hero-container #hero-wrapper #hero-video-text {
    padding-left: 50px;
  }
  #introduction-container {
    padding: 120px 50px 100px;
  }
  #statistics-container {
    padding: 0 50px 100px;
  }
}

/*=========================================
   MEDIA QUERY - 1650
=========================================*/

@media screen and (max-width: 1650px) {
  #header-container #top-header-container #top-header-menu-container {
    padding: 0 50px;
  }
  #header-container #bottom-header-container {
    padding: 0 50px;
  }
  #interior-header-container #interior-header-text-container #interior-header-title {
    margin-left: 50px;
  }
  #interior-header-container .interior-header-links {
    padding: 0 50px;
  }
  #content .featured-news-container {
    padding: 50px;
  }
  #content .recent-news-container .recent-news {
    padding: 0 50px;
  }
  #content #single-news {
    padding: 0 50px 0 0;
  }
  #content #page-wrapper {
    padding: 50px 50px 20px 50px;
  }
  #content .quote-container.blockquotey {
    width: calc(100% - 100px);
  }
  #content .quote-container.blockquotey.sub-nav {
    width: calc(100% - 50px);
    margin: 80px auto 40px 0;
  }
  #content .text-container:not(.sub-nav):not(.medium):not(.plus):not(.small):not(.default):not(.matrix-large-image):not(.noPad) {
    padding: 25px 20px;
  }
  #content .text-container.sub-nav {
    padding: 0 20px 0 0;
  }
  #content .text-container.default {
    padding-right: 50px;
  }
  #content .faculty-container {
    padding: 100px 50px 40px;
  }
  #content .faculty-container.sub-nav {
    padding: 0 20px 0 0;
  }
  #content .widgets-container {
    padding: 40px 50px;
  }
  #content .tile-container {
    padding: 50px;
  }
  #content .background-image-text {
    margin: 0 auto 40px;
  }
  #content .background-image-text.sub-nav {
    width: 100%;
  }
  #content .background-image-accent-text-container {
    margin: 0;
  }
  #content .background-image-accent-text-container.sub-nav {
    width: 100%;
  }
  #content .image-text-container.sub-nav {
    padding-right: 50px;
  }
  #content .image-text-container:not(.sub-nav) {
    padding: 00px 50px;
  }
  #content .quote-container h3, #content .quote-container .h3 {
    font-size: 30px;
  }
  #content .quoteFloatRalph+.text-container .quote-float {
    margin-bottom: 20px;
  }
  #content .upcoming-events.container {
    padding: 0 20px;
  }
  #content .slider-container.sub-nav .slider-wrapper {
    max-width: calc(100% - 150px);
    margin: 0;
  }
}

/*=========================================
   MEDIA QUERY - 1450
=========================================*/

@media screen and (max-width: 1450px) {
  #content .social-container.sub-nav .social-container-posts>div:last-of-type {
    display: none;
  }
  #content .social-container.sub-nav .social-container-posts>div:not(:last-of-type) {
    width: 48%;
  }
  #content .social-container.sub-nav .social-container-posts>div .roller-item {
    height: 350px;
  }
  #content .image-text-container.sub-nav.right-text div {
    width: 100% !important;
    margin: 1em 0 0 0 !important;
    float: left;
    padding-left: 0 !important;
  }
  #content .image-text-container.sub-nav img.right-text {
    width: 100% !important;
    float: none;
  }
  #content .image-text-container.sub-nav.left-text div {
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    float: left;
  }
  #content .image-text-container.sub-nav img.left-text {
    width: 100% !important;
  }
  #content .image-text-container {
    margin-bottom: 40px;
  }
  #content div#postImage {
    width: 100%;
    padding: 20px 0;
  }
  #content div#postImage img {
    width: 100%;
  }
  #content div#postImage:after {
    display: none;
  }
  #content .upcoming-events-container .upcoming-events .event>div>div:first-child {
    width: 45%;
  }
  #content .quote-container.listing>div .quote-background>div>div:last-child {
    padding: 100px 20px 0 60px;
  }
  #content .background-image-text.parallax {
    background-attachment: scroll;
    background-position: center;
  }
  #content .background-image-text.parallax.parallax-only {
    background-size: 200%;
  }
  #content .quote-container.listing .quote-background p {
    margin: 1em 0 1.25em;
  }
  #hero-container #hero-wrapper video {
    transform: translate(-50%, -40%);
  }
}

/*=========================================
   MEDIA QUERY - 1350
=========================================*/

@media screen and (max-width: 1350px) {
  #header-container.home #top-header-container #top-header-menu-container {
    width: calc(100% - 330px);
    margin-left: 330px;
  }
  #header-container #bottom-header-container #header-logo-container {
    width: 300px;
    padding-top: 20px;
  }
  #header-container #bottom-header-container #bottom-header-menu-container {
    width: calc(100% - 410px);
  }
  #header-container.home .campus-alert-bar-content {
  }

  #header-container #bottom-header-container #bottom-header-menu-container>ul {
    padding-left: 0;
    padding-right: 60px;
  }
  #hero-container #hero-wrapper #hero-text-container {
    bottom: 50px;
  }
}

/*=========================================
   MEDIA QUERY - 1281 min
=========================================*/

@media screen and (min-width: 1281px) {
  #content .recent-news-container .recent-news .news-item {
    width: 30%;
    float: left;
  }
  #content .recent-news-container .recent-news .news-item:nth-of-type(2n) {
    margin: 0 5%;
  }
  #content ul.column-3, #content ul.list-columns-3 {
    columns: 3;
    margin-bottom: 4rem;
  }
  #content ul.column-2, #content ul.list-columns-2 {
    columns: 2;
    margin-bottom: 4rem;
  }

}

/*=========================================
   MEDIA QUERY - 1280
=========================================*/

@media screen and (max-width: 1280px) {
  #header-container.home #bottom-header-container #header-logo-container span {
    margin-top: 50px;
    font-size: 42px;
  }
  #header-container.home #bottom-header-container #bottom-header-menu-container .search {
    right: 20px;
  }
  #header-container #top-header-container #top-header-menu-container {
    padding: 0 20px;
  }
  #header-container #bottom-header-container {
    padding: 0 20px;
  }
  #header-container #bottom-header-container #bottom-header-menu-container .search {
    right: 20px;
  }
  #interior-header-container .interior-header-links {
    padding: 0 20px;
  }
  #interior-header-container #interior-header-text-container #interior-header-title {
    margin-left: 20px;
  }
  #breadcrumb-container {
    padding: 20px;
  }
  #content .featured-news-container {
    padding: 50px 20px;
  }
  #content .recent-news-container .recent-news-header {
    padding: 50px 20px;
  }
  #content .recent-news-container .recent-news {
    padding: 0 20px;
  }
  #content #single-news {
    padding: 0 20px 0 0;
  }
  #hero-container #hero-wrapper.video {
    padding-bottom: 56.25%;
  }
  #hero-container #hero-wrapper #hero-text-container {
    padding: 0 20px;
  }
  #hero-container #hero-wrapper #hero-video-text {
    padding-left: 20px;
  }
  #introduction-container {
    padding: 120px 20px 100px;
  }
  #statistics-container {
    padding: 0 20px 100px;
  }
  #news-header-container {
    padding: 0 20px;
  }
  #content #page-wrapper {
    padding: 50px 20px 20px 20px;
  }
  #content #page-wrapper #page-content {
    padding-left: 5%;
  }
  #content .quote-container.blockquotey {
    width: calc(100% - 40px);
  }
  #content .quote-container.blockquotey.sub-nav {
    width: calc(100% - 20px);
    margin: 80px auto 40px 0;
  }
  #content .background-image-text-container.callout-right.sub-nav.container, #content .background-image-text-container.callout-left.sub-nav.container {
    width: 100%;
    margin: 0 0 120px;
  }
  #content .quote-container.sub-nav.split.container.plus.quoteCalloutRalph, #content .quote-container.sub-nav.split.container.plus.quoteCalloutLouie {
    width: 100%;
    float: none;
    margin: 0 0 40px 0;
  }
  #content .text-container:not(.sub-nav):not(.medium):not(.plus):not(.small):not(.default):not(.matrix-large-image) {
    padding: 0px 20px;
  }
  #content .text-container:not(.sub-nav) {
    padding: 0px 20px;
  }
  #content .text-container:not(.sub-nav).default {
    padding: 0;
    padding-right: 20px;
  }
  #content .text-container.sub-nav {
    padding: 0px 20px 0 0;
  }
  #content .faculty-container {
    padding: 100px 20px 40px;
  }
  #content .faculty-container.sub-nav {
    padding: 0 20px 0 0;
  }
  #content .widgets-container {
    padding: 40px 20px;
  }
  #content .social-container {
    margin-bottom: 30px;
  }
  #content .social-container.interior {
    padding-left: 20px;
  }
  #content .social-container.interior .social-background-container {
    height: calc(100% - 140px);
  }
  #content .social-container.sub-nav .social-container-posts {
    width: calc(100% - 20px);
  }
  #content .social-container.sub-nav .social-container-posts>div .roller-item {
    height: 320px;
  }
  #content .social-container.sub-nav .social-container-background {
    width: calc(100% - 20px);
    left: 20px;
  }
  #content .tile-container {
    padding: 50px 20px;
  }
  #content .featured-container.home.text-left>div .image-wrap {
    width: calc(100% - 50px);
  }
  #content .featured-container.home.text-left>div .image-wrap:before {
    left: -50px;
    width: 100%;
  }
  #content .featured-container.home.text-left>div .featured-container-content {
    left: 20px;
  }
  #content .featured-container.text-left, #content .featured-container.text-right {
    margin-bottom: 180px;
  }
  #content .featured-container.text-left>div .featured-container-content, #content .featured-container.text-right>div .featured-container-content {
    bottom: -100px;
  }
  #content .featured-container>div .featured-container-content {
    padding: 40px;
    width: 95%;
  }
  #content .featured-container>div .image-wrap {
    width: calc(100% - 20px);
    margin-right: 20px;
  }
  #content .featured-container.split>div>div:first-child .featured-container-split-background {
    right: 0;
    left: auto;
  }
  #content .featured-container.split>div>div .featured-container-split-background {
    width: calc(100% - 20px);
  }
  #content .featured-container.split>div>div .featured-container-split-content {
    padding: 40px 20px;
  }
  #content .background-image-text-container .background-image-text-background {
    width: calc(100% - 20px);
  }
  #content .background-image-text-container .background-image-text-container-text {
    padding: 70px 20px;
  }
  #content .background-image-text.sub-nav {
    width: calc(100% - 20px);
  }
  #content .background-image-accent-text-container {
    margin: 0;
    padding: 0 20px;
  }
  #content .background-image-accent-text-container.sub-nav {
    width: calc(100% - 20px);
  }
  #content .background-image-accent-text-container.sub-nav>div {
    width: calc(100% - 40px);
  }
  #content .image-text-container.sub-nav {
    padding-left: 0px;
  }
  #content .image-text-container:not(.sub-nav) {
    padding: 0px 20px;
  }
  #content .image-text-container.left-text .image-text-wrapper>div:nth-of-type(2) {
    padding-right: 40px;
  }
  #content .image-text-container.right-text .image-text-wrapper>div:last-child {
    padding-left: 40px;
  }
  #content .quote-container.sub-nav.left-image>div .quote-background:after, #content .quote-container.sub-nav.right-image>div .quote-background:after, #content .quote-container.sub-nav.full>div .quote-background:after {
    left: 20px;
  }
  #content .quote-container.sub-nav.left-image>div .quote-background, #content .quote-container.sub-nav.right-image>div .quote-background {
    width: calc(100% - 20px);
    padding: 40px 0;
  }
  #content .quote-container.sub-nav.left-image>div .quote-background:after, #content .quote-container.sub-nav.right-image>div .quote-background:after {
    left: -20px;
  }
  #content .quote-container.sub-nav.left-image>div .quote-background>div>div:first-child, #content .quote-container.sub-nav.right-image>div .quote-background>div>div:first-child, #content .quote-container.listing>div .quote-background>div>div:first-child {
    width: 30%;
  }
  #content div.quote-container.listing.container.plus:nth-last-child(2) {
    margin-bottom: 80px;
  }
  #content .quote-container.sub-nav.left-image>div .quote-background>div>div:first-child .avatar, #content .quote-container.sub-nav.right-image>div .quote-background>div>div:last-child .avatar, #content .quote-container.listing>div .quote-background>div>div:first-child .avatar {
    top: 0;
    margin-bottom: 20px;
  }
  #content .quote-container.sub-nav.left-image>div .quote-background>div>div:last-child, #content .quote-container.sub-nav.right-image>div .quote-background>div>div:first-child, #content .quote-container.listing>div .quote-background>div>div:last-child {
    width: 70%;
    padding-left: 60px;
  }
  #content .quote-container.sub-nav.right-image>div .quote-background>div>div:first-child:before {
    left: 20px;
    top: -90px;
    font-size: 72px;
  }
  #content .quote-container.sub-nav>div .quote-background {
    width: calc(100% - 20px);
  }
  #content .quote-container.listing>div .quote-background {
    width: 100%;
  }
  #content .quote-container.sub-nav>div .quote-background>div {
    padding: 0 20px;
  }
  #content .quote-container.listing>div .quote-background>div {
    padding: 0 20px;
}
  #content .quote-container.sub-nav h3, #content .quote-container.sub-nav .h3 {
    font-size: 26px;
  }
  #content .quote-container.split>div>div:last-child:after {
    left: 20px;
  }
  #content .quote-container.split>div>div:after {
    width: calc(100% - 20px);
  }
  #content .quote-container.split>div>div>div {
    width: calc(100% - 20px);
  }
  #content .quote-container.full>div .quote-background {
    width: calc(100% - 20px);
  }
  #content .quote-container.full>div .quote-background:after {
    left: -20px;
  }
  #content .quote-container.left-image>div .quote-background>div, #content .quote-container.right-image>div .quote-background>div {
    padding: 0 20px;
  }
  #content .quote-container.left-image>div .quote-background {
    width: calc(100% - 20px);
    padding: 40px 0;
    margin-left: 20px;
  }
  #content .quote-container.left-image>div .quote-background:after {
    left: -20px;
  }
  #content .quote-container.left-image>div .quote-background>div>div:first-child {
    width: 30%;
  }
  #content .quote-container.left-image>div .quote-background>div>div:first-child .avatar {
    top: 0;
    margin-bottom: 20px;
  }
  #content .quote-container.left-image>div .quote-background>div>div:last-child {
    width: 70%;
    padding-left: 90px;
  }
  #content .quote-container.right-image>div .quote-background {
    width: calc(100% - 20px);
    padding: 40px 0;
  }
  #content .quote-container.right-image>div .quote-background:after {
    right: -20px;
  }
  #content .quote-container.right-image>div .quote-background>div>div:first-child {
    width: 70%;
    padding-left: 90px;
  }
  #content .quote-container.right-image>div .quote-background>div>div:last-child {
    width: 30%;
  }
  #content .quote-container.right-image>div .quote-background>div>div:last-child .avatar {
    top: 0;
    margin-bottom: 20px;
  }
  #content .upcoming-events-container.sub-nav {
    padding: 50px 20px;
  }
  #content .upcoming-events-container.sub-nav .upcoming-events {
    padding: 0;
  }
  #content .upcoming-events-container.split .upcoming-events>div .event-half {
    padding: 40px 20px 20px;
  }
  #content .upcoming-events-container:not(.split) .upcoming-events-header {
    padding: 50px 20px;
  }
  #content .upcoming-events-container:not(.split):not(.sub-nav) .upcoming-events {
    padding: 0 20px;
  }
  #content .widgets-container>div .widget .image-wrap>div>div>div h3 {
    font-size: 24px;
  }
  #content .text-container .quote-float {
    width: calc(100% + 20px);
  }
  #content .text-container.quoteFloatRalph, #content .text-container.quoteFloatLouie {
    width: 100%;
  }
  #content .text-container.quoteFloatRalph, #content .text-container.quoteFloatLouie {
    padding: 0 !important;
    margin: 30px 0 0;
  }
  #content .text-container.quoteFloatRalph>.quote-float {
    float: left;
    margin: 0 0 20px;
    padding-right: 40px;
  }
  #content .text-container.quoteFloatRalph .quote-float:after {
    left: 20px;
  }
  #footer-container #top-footer-container {
    padding: 80px 20px;
  }
  #footer-container #bottom-footer-container {
    padding: 20px 20px 30px;
  }
  #content .slider-container.sub-nav .slider-wrapper {
    max-width: calc(100% - 120px);
    margin: 0;
  }
  #content .quote-container.sub-nav.eventListing>div .quote-background>div>div:first-child {
    width: 45%;
  }
  #content .quote-container.right-image>div .quote-background>div>div:first-child:before {
    font-size: 65px;
    top: 0px;
  }
}

/*=========================================
    MEDIA QUERY - 1280-768
=========================================*/

@media screen and (min-width: 768px) and (max-width: 1280px) {
  #content .recent-news-container .recent-news .news-item {
    width: 32%;
    float: left;
  }
  #content .recent-news-container .recent-news .news-item:nth-of-type(2n) {
    margin: 0 2%;
  }
  #content .quote-container.sub-nav.right-image>div .quote-background {
    margin-top: 20px;
  }
}

/*=========================================
    MEDIA QUERY - 1240
=========================================*/

@media screen and (max-width: 1240px) {
  #notification-container {
    padding: 30px 20px;
  }
  #notification-container>div {
    padding-right: 60px;
  }
}

/*=========================================
    MEDIA QUERY - 1200
=========================================*/

@media screen and (max-width: 1200px) {
  #header-container.home #top-header-container #top-header-menu-container {
    width: calc(100% - 230px);
    margin-left: 230px;
  }
  #header-container.home #bottom-header-container #header-logo-container {
    padding: 0 15px;
  }
  #header-container.home #bottom-header-container #header-logo-container span {
    font-size: 35px;
    margin-top: 55px;
  }
  #header-container #bottom-header-container #header-logo-container {
    width: 230px;
    padding-top: 22px;
  }
  #header-container #bottom-header-container #header-logo-container span {
    font-size: 42px;
  }
  #header-container #bottom-header-container #bottom-header-menu-container {
    width: calc(100% - 280px);
    margin-left: 30px;
  }
  #header-container.home .campus-alert-bar-content {
  }
  #header-container #bottom-header-container #bottom-header-menu-container>ul {
    padding-left: 0;
    padding-right: 60px;
  }
  #interior-header-container #interior-header-image {
    display: block;
  }
  #interior-header-container #interior-header-image-wrap {
    display: none;
  }
  #interior-header-container #interior-header-text-container #interior-header-title {
    max-width: 400px;
  }
  #interior-header-container #interior-header-text-container #interior-header-title>div>div h3 {
    font-size: 30px;
  }
  #hero-container #hero-wrapper.video {
    padding-top: 0;
    padding-bottom: 0;
    height: 550px;
  }
  #hero-container #hero-wrapper #hero-background-image {
    display: block;
    height: 95vh;
    background-size: cover;
    background-position: 50%;
  }
  #hero-container #hero-wrapper #hero-image {
    display: none;
  }
  #hero-container #hero-wrapper #hero-text-container {
    padding: 0 20px;
  }
  #hero-container #hero-wrapper #hero-text-container #hero-text>div {
    width: 70%;
  }
  #content .quote-container.blockquotey h2 {
    font-size: 36px;
  }
  #content .quote-container.left-image>div .quote-background>div>div:last-child:before {
    font-size: 65px;
  }
  #content .quote-container.right-image>div .quote-background>div>div:first-child:before {
    font-size: 65px;
    left: 0;
  }
}

/*=========================================
    MEDIA QUERY - 1150
=========================================*/

@media screen and (max-width: 1150px) {
  #interior-header-container #interior-header-text-container #interior-header-title {
    float: none;
    margin: 0 auto;
    height: auto;
    padding: 40px 20px;
  }
  #interior-header-container #interior-header-text-container #interior-header-menu {
    display: none;
  }
  #interior-header-container .interior-header-links {
    background-color: transparent;
  }
  #wide-interior-header-menu {
    display: block;
  }
  #header-container.home .campus-alert-bar-content {
  }
  /* #header-container.home .campus-alert-bar {
    padding-left: 20px;
    padding-right: 20px;
  } */
  #header-container.home .campus-alert-bar-content h3 {
    font-size: 1rem;
  }
  #header-container.home .campus-alert-bar-content .mt3 {
    font-size: 0.75rem;
  }

}

/*=========================================
    MEDIA QUERY - 1041 min
=========================================*/

@media screen and (min-width: 1041px) {
  #statistics-container #statistics-wrapper .statistic {
    float: left;
    width: 23%;
  }
  #statistics-container #statistics-wrapper .statistic:not(:last-of-type) {
    margin-right: 2.666667%;
  }
  #content .tile-container .tile {
    width: 23%;
    float: left;
  }
  #content .tile-container .tile:not(:last-of-type) {
    margin-right: 2.6667%;
  }
  #content .tile-container .tile:nth-of-type(4n+1) {
    clear: both;
  }
  #content .faculty-container:not(.sub-nav)>div .faculty {
    float: left;
  }
  #content .faculty-container.col-3:not(.sub-nav)>div .faculty {
  float: left;
  }
  #content .faculty-container.col-2:not(.sub-nav)>div .faculty {
    width: 48%;
    float: left;
  }
  #content .faculty-container:not(.sub-nav)>div .faculty.lonely {
    width: 35%;
    text-align: center;
  }
  #content .faculty-container:not(.sub-nav)>div .faculty:not(:last-of-type) {
    margin-right: 2.6667%;
    margin-left: 2.6667%;
  }
  #content .faculty-container:not(.sub-nav)>div .faculty:nth-of-type(4n+1) {
    clear: both;
  }
  #content .faculty-container:not(.sub-nav)>div .faculty:nth-of-type(4n) {
    margin-right: 0;
  }
  .the-cru-logo {
    margin-right: 25%;
    text-align: center;

  }
}

/*=========================================
    MEDIA QUERY - 1040
=========================================*/

@media screen and (max-width: 1040px) {
  #header-container.home #top-header-container #top-header-menu-container {
    width: 100%;
    margin-left: 0;
  }
  #header-container.home #bottom-header-container {
    border-bottom: 0px;
    height: 60px;
    background-color: #4d008c;
  }
  #header-container.home #bottom-header-container #header-logo-container {
    height: 60px;
    top: 0;
    padding: 0;
  }
  #header-container.home #bottom-header-container #header-logo-container span {
    margin-top: 10px;
  }
  #header-container #top-header-container {
    height: 40px;
  }
  #header-container #top-header-container #top-header-menu-container {
    text-align: center;
    line-height: 40px;
  }
  #header-container #top-header-container #top-header-menu-container ul {
    display: none;
  }
  #header-container #top-header-container #top-header-menu-container>div {
    float: none;
    width: 100%;
  }
  #header-container #top-header-container #top-header-menu-container>div a {
    height: 40px;
    width: 50%;
    float: left;
    font-size: 14px;
  }
  #header-container #bottom-header-container {
    height: 60px;
  }
  #header-container #bottom-header-container #header-logo-container {
    padding-top: 8px;
  }
  #header-container #bottom-header-container #bottom-header-menu-container {
    display: none;
  }
  #header-container #bottom-header-container #mobile-menu-icon {
    display: block;
  }
  #interior-header-container {
    //padding-top: 100px;
  }
  #content .featured-news-container>div>div {
    display: block;
    width: 100%;
  }
  #content .featured-news-container>div>div:last-child {
    padding-left: 0;
  }
  #content .featured-news-container>div>div:last-child .button {
    margin-top: 20px;
  }
  #content .featured-news-container>div>div img {
    max-width: 600px;
    display: block;
    margin: 0 auto 30px;
  }
  #content .featured-container.home {
    margin-bottom: 50px;
  }
  #content .featured-container.home.text-left>div .image-wrap {
    float: none;
    width: 100%;
  }
  #content .featured-container.home.text-left>div .image-wrap:before {
    display: none;
  }
  #content .featured-container.home.text-left>div .featured-container-content {
    left: auto;
    position: relative;
    width: calc(100% - 20px);
    margin: 0 auto;
    top: -30px;
  }
  #content .text-container .quoteFloatLouie~.quote-float {
    padding-right: 0;
    margin-bottom: 40px;
    left: -20px;
  }
  #content .text-container .quote-float:first-child {
    float: none;
    width: calc(100% + 20px);
  }
  #content .text-container.quoteFloatRalph+.text-container .quote-float:first-child, #content .text-container.quoteFloatLouie+.text-container .quote-float:first-child {
    float: left;
    width: calc(100% + 20px);
  }
  #content .image-text-container.sub-nav.right-text div {
    width: 55%;
    margin: 0px 0 0 1em;
    float: left;
  }
  #content .image-text-container.sub-nav img.right-text {
    width: 40%;
    float: left;
  }
  #content .image-text-container.sub-nav.left-text div {
    width: 55%;
    margin: 0 1em 0 0;
    float: left;
  }
  #content .image-text-container.sub-nav img.left-text {
    width: 40%;
    float: right;
  }
  #content .image-text-container.right-text div {
    width: 55%;
    float: right;
    margin: 60px 0 0 0;
  }
  #content .image-text-container.right-text img {
    width: 40%;
    margin-right: none;
  }
  #content .image-text-container.left-text div {
    width: 55%;
    margin: 60px 0 0 0;
    float: left;
  }
  #content .image-text-container.left-text img {
    width: 40%;
    float: right;
    margin-left: 1em;
  }
  #footer-container #top-footer-container #top-footer-content-wrapper>div {
    display: block;
  }
  #footer-container #top-footer-container #top-footer-content-wrapper>div:first-child, #footer-container #top-footer-container #top-footer-content-wrapper>div:last-child {
    float: none;
  }
  #footer-container #top-footer-container #top-footer-content-wrapper>div:first-child {
    text-align: center;
    margin-bottom: 50px;
  }
  #footer-container #top-footer-container #top-footer-content-wrapper>div:last-child>div:first-child ul {
    text-align: center;
  }
  #content .image-text-container.right-text div {
    width: 100%;
    float: right;
    margin: 0;
  }
  #content .image-text-container.right-text img {
    width: 100%;
    margin-right: none;
  }
  #content .image-text-container.left-text div {
    width: 100%;
    margin: 0;
    float: left;
  }
  #content .image-text-container.left-text img {
    width: 100%;
    float: right;
    margin-left: none;
  }
  #content p.large, #content div.large {
    font-size: 1.05em !important;
  }
  #content .h4large h4 {
    font-size:1.25em!important;
  }
  #content .image-text-container.left-text .image-text-wrapper>div:first-of-type {
    display: block;
    margin-bottom: 30px;
  }
  #content .image-text-container.left-text .image-text-wrapper>div:nth-of-type(2) {
    padding-right: 0;
  }
  #content .image-text-container.left-text .image-text-wrapper>div:last-of-type {
    display: none;
  }
  #content .image-text-container.right-text .image-text-wrapper>div:last-child {
    padding-left: 0;
  }
  #content .image-text-container .image-text-wrapper>div {
    display: block;
    width: 100%;
  }
  #content .image-text-container .image-text-wrapper>div:last-child {
    margin-top: 30px;
  }
  #content .slider-container .slider-wrapper {
    max-width: calc(100% - 240px);
  }
  #content #alumni-charter.faculty-container>div {
    margin: 0;
  }
  #content .quote-container h3, #content .quote-container .h3 {
    font-size: 24px;
  }
  #content .quote-container.home-squished h3, #content .quote-container.bigger-quote h3 {
    font-size: 28px;
  }
  #hero-container #hero-wrapper video {
    transform: translate(-50%, -35%);
  }

  #content .image-text-container.mobile-center .image-text-wrapper>div {
    text-align: center;
  }
  .the-cru-logo {
      margin-right: 0;
  }

}



/*=========================================
    MEDIA QUERY - 1040-768
=========================================*/

@media screen and (min-width: 768px) and (max-width: 1040px) {
  #content .faculty-container:not(.sub-nav)>div .faculty:not(.lonely) {
    float: left;
  }
  #content .faculty-container:not(.sub-nav)>div .faculty:nth-of-type(3n-1) {
    margin-left: 3.333%;
    margin-right: 3.333%;
  }
  #content .faculty-container:not(.sub-nav):not(.four-jumpies)>div .faculty:nth-of-type(3n+1) {
    clear: both;
  }
  #content #alumni-charter.faculty-container>div .faculty.lonely {
    width: 70%;
    margin: 0 15% !important;
  }
  #content .tile-container .tile {
    width: 48%;
    float: left;
  }
  #content .tile-container .tile:nth-of-type(2n) {
    margin-left: 4%;
  }
  #content .tile-container .tile:nth-of-type(2n+1) {
    clear: both;
  }
  #content .background-image-text.parallax {
    min-height: 100%;
  }
}

/*=========================================
    MEDIA QUERY - 1040-601
=========================================*/

@media screen and (min-width: 601px) and (max-width: 1040px) {
  #statistics-container #statistics-wrapper .statistic {
    float: left;
    width: 48%;
    margin-bottom: 30px;
  }
  #statistics-container #statistics-wrapper .statistic:nth-of-type(2n) {
    margin-left: 4%;
  }
}

/*=========================================
    MEDIA QUERY - 1024
=========================================*/

@media screen and (max-width:1024px) {
  #content .quote-container.listing>div p {
    font-size: 14px;
  }
  #content div#tags {
    font-size: 14px;
  }
}

/*=========================================
    MEDIA QUERY - 950
=========================================*/

@media screen and (max-width: 950px) {
  #content .recent-news-container .recent-news .news-item .news-item-content h4 {
    font-size: 20px;
  }
  #content #single-news {
    padding: 0 20px;
  }
  #hero-container #hero-wrapper #hero-video-text {
    width: 100%;
  }
  #news-header-container {
    margin-bottom: 40px;
  }
  #news-container #news-list-container {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
  }
  #news-container #news-roller-container {
    margin-left: 0;
    padding-left: 0;
  }
  #news-container #news-roller-container .roller-controls {
    max-width: 100%;
  }
  #content #page-wrapper {
    padding: 50px 10px 20px;
  }
  #content #page-wrapper aside {
    width: 100%;
    float: none;
  }
  #content #page-wrapper aside #desktop-sidebar {
    display: none;
  }
  #content #page-wrapper aside #mobile-sidebar {
    display: block;
  }
  #content #page-wrapper #page-content {
    width: 100%;
    float: none;
    padding-left: 0;
  }
  #content .quote-container.blockquotey.sub-nav {
    width: calc(100% - 40px);
    margin: 80px auto 40px;
  }
  #content .text-container.sub-nav {
    padding: 0 20px 0;
  }
  #content .text-container:not(.sub-nav).default {
    padding: 0 20px;
  }
  #content .text-container.split.three:not(.contact-three-photo) .column {
    width: 100%;
  }
  #content .text-container.split.three .column:last-child {
    margin-left: 0;
  }
  #content .background-image-text {
    width: 100%;
  }
  #content .background-image-text.split.three .column {
    width: 100%;
  }
  #content .background-image-text.split.three .column:last-child {
    margin-left: 0;
  }
  #content .background-image-text.sub-nav {
    width: 100%;
  }
  #content .image-text-container.sub-nav {
    padding: 0 20px;
  }
  #content .upcoming-events-container.split .upcoming-events>div .event-half {
    float: none;
    width: 100%;
  }
  #content .upcoming-events-container.split .upcoming-events>div .event-half:nth-of-type(2) {
    margin-top: 20px;
  }
  #content .social-container.sub-nav .social-container-posts>div .roller-item {
    height: 350px;
  }
  #content .background-image-accent-text-container {
    width: 100%;
  }
  #content .background-image-accent-text-container:not(.sub-nav).left-text>div>div:first-child {
    width: 100%;
  }
  #content .background-image-accent-text-container:not(.sub-nav).left-text>div>div:last-child {
    display: none;
  }
  #content .background-image-accent-text-container:not(.sub-nav).right-text>div>div:first-child {
    display: none;
  }
  #content .background-image-accent-text-container:not(.sub-nav).right-text>div>div:last-child, #content .background-image-accent-text-container.sub-nav {
    width: 100%;
  }
  #content .faculty-container {
    padding: 100px 20px 40px;
  }
  #content .faculty-container.sub-nav {
    padding: 0 20px 40px;
  }
  #content .featured-container.split>div>div {
    width: 100%;
  }
  #content .featured-container.split>div>div:first-child {
    margin-bottom: 150px;
  }
  #content .quote-container.split>div>div>div {
    padding: 50px 20px;
  }
  #content .quote-container.split>div>div>div h3 {
    font-size: 22px;
  }
  #content .quote-container.left-image>div .quote-background>div>div:last-child:before {
    font-size: 50px;
    left: -10px;
    top: 20px;
  }
  #content .quote-container.right-image>div .quote-background>div>div:first-child {
    padding-right: 20px;
  }
  #content .quote-container.right-image>div .quote-background>div>div:first-child:before {
    font-size: 50px;
    left: 0;
    top: 0;
  }
  #content .quote-container.sub-nav.left-image>div .quote-background:after, #content .quote-container.sub-nav.right-image>div .quote-background:after {
    left: 20px;
  }
  #content .quote-container.sub-nav.left-image>div .quote-background>div>div:last-child:before, #content .quote-container.sub-nav.right-image>div .quote-background>div>div:first-child:before {
    width: 50px;
    height: 40px;
  }
  #content .quote-container.sub-nav h3, #content .quote-container.sub-nav .h3 {
    font-size: 30px;
  }
  #content .two-thirds {
    width: 100%;
  }
  #content .one-third-right {
    width: 100%;
    margin: 1em 0 0 0;
    float: none;
  }
  #content .one-third-left {
    width: 100%;
    margin-top: 0;
  }
  #content .one-half {
    width: 100%;
    float: none;
    margin-top: 1em;
  }
  #content .text-container.split.three .column:not(.noHat):not(.noButt) {
    margin: 10px 0 !important;
  }
  #content .text-container.split.three .column.noHat {
    margin: 0 0 10px !important;
  }
  #content .text-container.split.three .column.noButt {
    margin: 10px 0 0 !important;
  }
  #content .text-container.split.three .column.noButt.noButt {
    margin: 0 !important;
  }
  #content .quote-container {
    margin: 40px auto;
  }
  #content .text-container.quoteFloatRalph, #content .text-container.quoteFloatLouie {
    padding: 0 20px !important;
  }
  #content .image-text-container.standard .image-text-wrapper>div img {
    padding-left: 0;
    float: none;
    margin-bottom: 0;
  }
  #content .slider-container.sub-nav .slider-wrapper {
    max-width: calc(100% - 240px);
    margin: 0 auto;
  }
  #content .slider-container {
    padding: 0 20px;
  }
  #content .w46, #content .w26, #content .two-jumpies, #content .four-jumpies {
    width: 100%;
    float: none;
  }

  #content .faculty-container.sub-nav>div .faculty.w46,
  #content .faculty-container.sub-nav>div .faculty.two-jumpies {
    margin-left: 0;
    margin-right: 0;
  }

  #content .faculty-container.sub-nav>div .faculty.four-jumpies  {
    margin: 0 auto 30px;
    text-align: center;
  }
  #content .background-image-text.parallax.parallax-only {
    min-height: 200px;
  }
  #content hr.mobile-only {
      display: block;
      margin: 40px 0;
      border: 0;
      border-bottom: 1px solid #ccc;
  }
  #content .hideMobile {
    display: none;
  }
}

/*=========================================
    MEDIA QUERY - 1081 min
=========================================*/

@media screen and (min-width: 1081px) {
  #content .upcoming-events-container:not(.split) .upcoming-events>div>.event {
    float: left;
    width: 48%;
  }
  #content .upcoming-events-container:not(.split) .upcoming-events>div>.event:nth-of-type(2n) {
    margin-left: 4%;
  }
}

/*=========================================
    MEDIA QUERY - 840
=========================================*/

@media screen and (max-width: 840px) {
  #no-script-warning {
    width: calc(100% - 40px);
  }
  #no-script-warning p {
    font-size: 16px;
  }
  #no-script-warning .button {
    font-size: 14px;
  }
}

/*=========================================
    MEDIA QUERY - 768 min
=========================================*/

@media screen and (min-width: 768px) {
  #hero-container #hero-wrapper:not(.video):before {
    background: -moz-linear-gradient(left, black 0%, transparent 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, black 0%, transparent 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, black 0%, transparent 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    opacity: 0.439;
    height: 100%;
    width: 85%;
  }
  .widgets-container>div .widget {
    width: 32%;
    float: left;
  }
  .widgets-container>div .widget:nth-of-type(3n-1) {
    margin-left: 2%;
    margin-right: 2%;
  }
  .faculty-container.sub-nav>div .faculty {
    float: left;
  }
  .faculty-container.sub-nav>div .faculty:not(.two-jumpies):not(.four-jumpies):nth-of-type(3n-1) {
    margin-left: 3.333%;
    margin-right: 3.333%;
  }
  .faculty-container.sub-nav:not(.two-jumpies):not(.four-jumpies)>div .faculty.w46:nth-of-type(2n) {
    margin-left: 3.333%;
    margin-right: 3.333%;
  }
  .faculty-container.sub-nav>div .faculty.two-jumpies:nth-of-type(2n) {
    margin-left: 4%;
    margin-right: 0;
  }
  .faculty-container.sub-nav>div .faculty.four-jumpies {
    width: 23%;
    float: left;
  }
  .faculty-container.sub-nav>div .faculty.four-jumpies {
    margin-left: 2%;
    margin-right: 0;
  }
  .faculty-container.sub-nav>div .faculty.four-jumpies:first-of-type {
    margin-left: 0;
  }
  .faculty-container.sub-nav>div .faculty:not(.w46):not(.two-jumpies):not(.four-jumpies):nth-of-type(3n+1) {
    clear: both;
  }
  #content .searchImprovement-cse strong {
      font-size: 130%;
  }
  .share-toggle {
    position: fixed;
    top: 100px;
    right: 20px;
    z-index: 10000000;
    display: block;
  }
}

/*=========================================
    MEDIA QUERY - 767
=========================================*/

@media screen and (max-width: 767px) {
  #notification-container>div {
    padding-right: 45px;
  }
  #notification-container h4 {
    font-size: 18px;
  }
  #notification-container p {
    font-size: 13px;
  }
  #interior-header-container #interior-header-text-container #interior-header-title {
    padding: 20px 20px;
  }
  #interior-header-container.tall {
    height: 250px;
  }
  #interior-header-container.tall #interior-header-image {
    height: 250px;
  }
  #interior-header-container #interior-header-slider {
    height: 450px;
  }
  #interior-header-container #interior-header-slider ul li {
    height: 450px;
  }
  #wide-interior-header-menu {
    padding: 5px 0;
  }
  #wide-interior-header-menu #wide-desktop-menu {
    display: none;
  }
  #wide-interior-header-menu #wide-mobile-menu {
    display: block;
  }
  #breadcrumb-container a, #breadcrumb-container span {
    font-size: 14px;
  }
  #content .recent-news-container .recent-news .news-item {
    width: 100%;
    display: block;
    max-width: 500px;
    margin: 0 auto 30px;
  }
  #content #single-news #single-news-header {
    margin-bottom: 20px;
  }
  #hero-container {
    height: 95vh;
  }
  #hero-container #hero-wrapper, #hero-container #hero-wrapper.video {
    height: 95vh;
  }
  #hero-container #hero-wrapper:not(.video):before {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
  }
  #hero-container #hero-wrapper #hero-text-container {
    bottom: unset;
    top: 300px;
  }
  #hero-container #hero-wrapper #hero-text-container #hero-text>div {
    width: 100%;
  }
  #hero-container #hero-wrapper #hero-text-container #hero-text>div .button {
    font-size: 12px;
    margin-top: 0;
  }
  #hero-container #hero-wrapper #hero-video-text {
    left: 0;
    padding: 0 20px;
    bottom: 80px;
  }
  #hero-container #hero-wrapper #hero-video-text h1 {
    font-size: 32px;
    line-height: 1.2;
  }
  #hero-container #hero-wrapper #hero-video-text h1:not(:last-of-type) {
    margin-bottom: 5px;
  }
  #hero-container #hero-wrapper #hero-video-text h1 em {
    font-size: 24px;
  }
  #introduction-container {
    padding: 80px 20px 50px;
  }
  #introduction-container #hero-arrow {
    width: 60px;
    height: 60px;
    top: -28px;
  }
  #introduction-container #hero-arrow span {
    font-size: 15px;
    left: 1px;
    top: 20px;
  }
  #news-header-container {
    margin-bottom: 40px;
  }
  #news-header-container .button {
    font-size: 12px;
  }
  #news-container #news-list-container {
    padding-bottom: 10px;
  }
  #news-container .roller-viewport .roller-item {
    height: 550px;
  }
  #statistics-container {
    padding: 0 20px 50px;
  }
  #statistics-container #statistics-wrapper .statistic .statistic-content p {
    font-size: 14px;
  }
  /* RESPONSIVE TABLES */
  /* Force table to not be like tables anymore */
  #content table.responsive-table thead, #content table.responsive-table tbody, #content table.responsive-table th, #content table.responsive-table td, #content table.responsive-table tr {
    display: block;
  }
  #content table.responsive-table tr:nth-of-type(n+2) {
    padding: 20px 0;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  #content table.responsive-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  /* Behave  like a "row" */
  #content table.responsive-table td {
    border: none;
    position: relative;
    text-align: left;
    padding: 5px;
    font-size: 14px;
  }
  /* Behave  like a "row" */
  #content table.responsive-table th {
    font-size: 16px;
    padding: 5px;
  }
  /* END RESPONSIVE TABLES */
  #content ul.checklist li::before {
    font-family: "国标麻豆视频APP";
    content: "\ea53";
    font-size: 16px;
    padding-top: 26px;
  }
  #content ul.checklist li:hover::before {
    font-family: "国标麻豆视频APP";
    content: "\ea52";
    font-size: 16px;
    padding-top: 26px;
  }
  #content:not(.home) {
    position: relative;
    z-index: 10000;
  }
  #content:not(.localist) h1 {
    font-size: 44px;
  }
  #content:not(.localist) h2 {
    font-size: 30px;
  }

  #content:not(.localist) h3 {
    font-size: 24px;
  }
  #content:not(.localist) h4 {
    font-size: 20px;
  }
  #content h5 {
    font-size: 16px;
  }
  #content h6 {
    font-size: 14px;
  }
  #content p {
    font-size: 14px;
  }
  #content p.large, #content div.large {
    font-size: .85em !important;
  }

  #content ol li, #content ul li {
    font-size: 14px;
  }
  #content ul li:before {
    top: -24px;
    font-size: 44px;
  }
  #content a.button.large.purple, #content a.button.large.yellow, #content button.large.purple, #content button.large.yellow {
    font-size: 15px;
    min-width: 160px;
  }
  #content a.button.small.purple, #content a.button.small.yellow, #content input.small.button {
    font-size: 12px;
  }
  #content form ul li.half {
    width: 100%;
  }
  #content form ul li.half:nth-of-type(2n) {
    margin-left: 0;
  }
  #content label {
    font-size: 12px;
  }
  #content input[type="text"], #content input[type="tel"], #content input[type="email"], #content input[type="password"],  #content input[type="search"], #content textarea {
    font-size: 14px;
  }
  #content .fancy-select .trigger {
    font-size: 14px;
  }
  #content .fancy-select .options li {
    font-size: 14px;
  }
  #content .table .table-head>div {
    font-size: 14px;
  }
  #content .table .table-body .table-row>div {
    font-size: 14px;
  }
  #content #page-wrapper {
    padding: 20px 10px 20px;
  }
  #content ol li, #content ul li:not(.none) {
    font-size: 14px;
  }
  #content .quote-container.blockquotey {
    margin: 50px auto 80px;
  }
  #content .quote-container.blockquotey.sub-nav {
    margin: 50px auto 40px;
  }
  #content .quote-container.blockquotey:before {
    font-size: 80px;
    top: -60px;
  }
  #content .quote-container.blockquotey>div {
    padding-left: 20px;
  }
  #content .quote-container.blockquotey h2 {
    font-size: 30px;
  }
  #content .text-container {
    margin: 40px auto;
  }
  #content .text-container:not(.sub-nav):not(.medium):not(.plus):not(.small):not(.matrix-large-image) {
    padding: 40px 20px;
  }
  #content .text-container:not(.sub-nav) {
    padding: 0px 20px;
  }
  #content .text-container.sub-nav {
    padding: 0px 20px 0px;
  }
  #content .text-container.split.two .column {
    width: 100%;
  }
  #content .text-container.split.two .column:last-child {
    margin-left: 0;
  }
  #content .text-container .button {
    margin: 10px;
  }
  #content .text-container .tabs .tab-header {
    text-align: center;
  }
  #content .text-container .tabs .tab-header a {
    margin: 0 10px 30px;
  }
  #content .text-container .accordion .accordion-header {
    font-size: 16px;
  }
  #content .faculty-container {
    padding: 50px 20px 20px;
  }
  #content .background-image-text {
    padding: 40px 20px 40px;
  }
  #content .background-image-text.sub-nav {
    padding: 40px 20px 10px;
  }
  #content .background-image-text.split {
    padding: 40px 20px 10px;
  }
  #content .background-image-text.split.two .column {
    width: 100%;
  }
  #content .background-image-text.split.two .column:last-child {
    margin-left: 0;
  }
  #content .tile-container {
    padding: 40px 20px;
  }
  #content .upcoming-events-container.sub-nav {
    padding: 40px 20px;
  }
  #content .upcoming-events-container.sub-nav h2 {
    margin-bottom: 30px;
  }
  #content .upcoming-events-container:not(.split) .upcoming-events-header {
    padding: 30px 20px;
  }
  #content .upcoming-events-container .upcoming-events-header .button {
    top: -1px;
  }
  #content .upcoming-events-container .upcoming-events .event>div>div:first-child, #content .upcoming-events-container .upcoming-events .event>div>div:last-child {
    width: 100%;
    display: block;
  }
  #content .upcoming-events-container .upcoming-events .event>div>div:first-child img {
    max-width: 400px;
  }
  #content .upcoming-events-container .upcoming-events .event>div>div:last-child {
    padding-left: 0;
    margin-top: 20px;
  }
  #content .background-image-text-container .background-image-text-container-text {
    padding: 40px 20px;
  }
  #content .background-image-accent-text-container {
    margin: 0;
  }
  #content .background-image-accent-text-container:not(.sub-nav).left-text>div>div:first-child {
    padding: 40px 20px;
  }
  #content .background-image-accent-text-container:not(.sub-nav).right-text>div>div:last-child {
    padding: 40px 20px;
  }
  #content .background-image-accent-text-container.sub-nav>div {
    width: 100%;
    padding: 40px 20px;
  }
  #content .image-text-container.sub-nav {
    padding: 0 20px;
  }
  #content .image-text-container.sub-nav>div {
    margin-top: 40px;
  }
  #content .image-text-container.standard.sub-nav>div {
    margin-top: 0px;
  }
  #content .image-text-container:not(.sub-nav) {
    padding: 0px 20px;
  }
  #content .quote-container:not(.listing) h4.mobile, #content .quote-container:not(.listing) h6.mobile {
    display: block;
  }
  #content .quote-container.sub-nav h3, #content .quote-container.sub-nav .h3 {
    font-size: 22px;
  }
  #content .quote-container.sub-nav.full>div .quote-background {
    padding: 50px 0;
  }
  #content .quote-container.sub-nav.full>div .quote-background>div {
    padding: 0 20px;
  }
  #content .quote-container.sub-nav.full>div .quote-background span {
    font-size: 38px;
  }
  #content .quote-container.left-image:not(.sub-nav)>div .quote-background>div>div:first-child, #content .quote-container.left-image.sub-nav>div .quote-background>div>div:first-child, #content .quote-container.right-image.sub-nav>div .quote-background>div>div:last-child {
    display: none;
  }
  #content .quote-container.listing.sub-nav>div .quote-background>div>div:first-child, #content .quote-container.listing.sub-nav>div .quote-background>div>div:last-child {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
  }
  #content .quote-container.listing>div .quote-background>div>div:first-child, #content .quote-container.listing>div .quote-background>div>div:last-child {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
  }
  #content .quote-container.listing>div .quote-background>div>div:first-child .avatar {
    width: 30%;
  }
  #content .quote-container.listing.plus>div .quote-background>div>div:last-child h3 {
    margin-top: 10px;
    text-align: center;
    font-size: 1.5em;
}
  #content .quote-container.left-image:not(.sub-nav)>div .quote-background>div>div:last-child, #content .quote-container.left-image.sub-nav>div .quote-background>div>div:last-child, #content .quote-container.right-image.sub-nav>div .quote-background>div>div:first-child {
    width: 100%;
    padding-left: 0;
    text-align: center;
    padding-top: 80px;
  }
  #content .quote-container.listing.sub-nav>div .quote-background>div>div:last-child {
    width: 100%;
    padding-left: 0;
    text-align: center;
    padding-top: 20px;
  }
  #content .quote-container.listing>div .quote-background>div>div:last-child {
    padding-top: 0px;
  }
  #content .quote-container.left-image:not(.sub-nav)>div .quote-background>div>div:last-child:before, #content .quote-container.left-image.sub-nav>div .quote-background>div>div:last-child:before, #content .quote-container.right-image.sub-nav>div .quote-background>div>div:first-child:before {
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    font-size: 38px;
  }
  #content .quote-container.left-image:not(.sub-nav)>div .quote-background>div>div:last-child h3, #content .quote-container.left-image.sub-nav>div .quote-background>div>div:last-child h3, #content .quote-container.right-image.sub-nav>div .quote-background>div>div:first-child h3, #content .quote-container.gray-hover.sub-nav>div .quote-background>div>div:last-child h3 {
    text-align: center;
  }
  #content .quote-container.right-image:not(.sub-nav)>div .quote-background>div>div:first-child {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    padding-top: 80px;
  }
  #content .quote-container.right-image:not(.sub-nav)>div .quote-background>div>div:first-child:before {
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    font-size: 38px;
  }
  #content .quote-container.right-image:not(.sub-nav)>div .quote-background>div>div:last-child {
    display: none;
  }
  #content .quote-container.full>div .quote-background {
    padding: 50px 0;
  }
  #content .quote-container.full>div .quote-background span {
    font-size: 38px;
  }
  #content .quote-container:not(.sub-nav).split>div>div {
    width: 100%;
  }
  #content .quote-container:not(.sub-nav).split>div>div:first-child, #content .quote-container.split>div>div:last-child {
    float: none;
  }
  #content .quote-container:not(.sub-nav).split>div>div:first-child>div {
    float: none;
    right: -20px;
  }
  #content .quote-container.split>div>div:last-child>div {
    float: none;
  }
  #content .quote-container:not(.sub-nav).split>div>div .quote-background {
    margin-bottom: 50px;
  }
  #content .quote-container:not(.sub-nav).split>div>div .quote-background span {
    font-size: 38px;
  }
  #content .quote-container h3, #content .quote-container .h3 {
    font-size: 18px;
  }
  #content .quote-container.home-squished h3, #content .quote-container.bigger-quote h3 {
    font-size: 24px;
  }
  #content .quote-container h4 {
    font-size: 18px;
  }
  #content .quote-container h6 {
    font-size: 14px;
  }
  #content .widgets-container {
    padding: 40px 20px;
  }
  #content .widgets-container h3 {
    margin-bottom: 30px;
  }
  #content .widgets-container>div .widget {
    max-width: 500px;
    display: block;
    margin: 0 auto;
  }
  #content .widgets-container>div .widget:not(:last-of-type) {
    margin-bottom: 30px;
  }
  #content .tile-container .tile {
    max-width: 500px;
    display: block;
    margin: 0 auto;
  }
  #content .tile-container .tile:not(:last-of-type) {
    margin-bottom: 30px;
  }
  #content .faculty-container.sub-nav {
    padding: 0 20px;
  }
  #content .faculty-container>div .faculty:not(.w46):not(.two-jumpies):not(.four-jumpies) {
    max-width: 400px;
    margin: 0 auto 30px;
  }
  #content .social-container.interior {
    margin-bottom: 60px;
  }
  #content .social-container .roller-item.stacked {
    width: 320px;
    height: 640px;
  }
  #content .social-container .roller-item.stacked .roller-item-half {
    height: 320px;
  }
  #content .social-container .roller-item:not(.stacked) {
    width: 320px;
    height: 320px;
  }
  #content .featured-container.home.text-left {
    margin-bottom: 0;
  }
  #content .featured-container.text-left, #content .featured-container.text-right {
    margin: 0px;
  }
  #content .featured-container.text-left>div .image-wrap, #content .featured-container.text-right>div .image-wrap {
    float: none;
    width: 100%;
  }
  #content .featured-container.text-left>div .image-wrap:before, #content .featured-container.text-right>div .image-wrap:before {
    display: none;
  }
  #content .featured-container.text-left>div .featured-container-content, #content .featured-container.text-right>div .featured-container-content {
    bottom: auto;
    position: relative;
  }
  #content .featured-container>div .featured-container-content {
    width: calc(100% - 20px);
    margin: 0 auto;
    top: -30px;
  }
  #content ul.column-3 {
    columns: 2;
    margin-bottom: 4rem;
  }
  #footer-container #top-footer-container {
    padding: 40px 20px;
  }
  #footer-container #top-footer-container #top-footer-content-wrapper>div:first-child {
    margin-bottom: 0;
  }
  #footer-container #top-footer-container #top-footer-content-wrapper>div:first-child .icon-logo {
    display: none;
  }
  #footer-container #top-footer-container #top-footer-content-wrapper>div:last-child {
    display: block;
    margin-top: 20px;
  }

  #footer-container #bottom-footer-container {
    text-align: center;
    padding: 40px 20px;
  }
  #footer-container #bottom-footer-container>div>div {
    display: block;
    width: 100%;
  }
  #footer-container #bottom-footer-container>div>div ul li {
    display: block;
    width: 100%;
  }
  #footer-container #bottom-footer-container>div>div ul li:last-of-type {
    margin-top: 10px;
  }
  #footer-container #bottom-footer-container>div>div ul li span {
    display: none;
  }
  #footer-container #bottom-footer-container>div #umhbcclc {
    float: none;
    margin-top: 40px;
    display: inline-block;
    top: 0;
  }
  #footer-container #bottom-footer-container>div #umhbcclc span {
    top: 2px;
  }
  #footer-container #bottom-footer-container>div #umhbcclc span:before {
    font-size: 18px;
  }
  #content .slider-container.sub-nav .slider-wrapper {
    max-width: calc(100% - 60px);
    margin: 0 auto;
  }
  #content .slider-container .slider-wrapper {
    max-width: calc(100% - 20px);
  }
  #content .slider-container .slider-wrapper:before, #content .slider-container .slider-wrapper:after {
    width: 30px;
  }
  #content .slider-container .slider-wrapper:before {
    left: -30px;
  }
  #content .slider-container .slider-wrapper:after {
    right: -30px;
  }
  #content .slider-container .slider-wrapper .slide-previous, #content .slider-container .slider-wrapper .slide-next {
    width: 30px;
    height: 50px;
    line-height: 50px;
  }
  #content .slider-container .slider-wrapper .slide-previous span:before, #content .slider-container .slider-wrapper .slide-next span:before {
    font-size: 22px;
  }
  #content .slider-container .slider-wrapper .slide-previous {
    left: -30px;
  }
  #content .slider-container .slider-wrapper .slide-next {
    right: -30px;
  }
  #content .slider-container .slider-wrapper ul li .slide-caption {
    padding: 10px 20px;
    font-size: 14px;
  }
  #content .background-image-text.parallax.parallax-only {
    min-height: 200px;
  }
  #content div.column ul {
    margin: 0;
  }
  #content div.column:last-of-type ul:last-child {
    margin-bottom: 1em;
  }
  #content .upcoming-events-container.sub-nav .upcoming-events .event>div>div:first-child {
    width: 100%;
  }
  #content table.content-table td {
    font-size: .75em;
  }
  #content table.content-table th > * {
    font-size: 20px;
  }
  #content div.sixty:not(sub-nav)>* {
    width: 100%;
  }
  #content div.seventy:not(sub-nav)>* {
    width: 100%;
  }
  #content .noPad, #content .text-container.noPad {
    padding: 0 20px !important;
  }
  #content .mobileHat {
    margin-top: 40px;
  }
  #content .noMobileHat {
    margin-top: 0px;
  }
  #content .searchImprovement-cse {
      width: 100%!important;
  }

  #content div#profileImage {
    width: 100%;
    /* padding: 20px 0; */
  }
  #content div#profileImage img {
    width: 100%;
  }
  #content div#profileImage:after {
    display: none;
  }
  .share-toggle {
    display: none;
  }

  headlinexl {
    font-size: 48px;
  }
  subheadxl {
    font-size: 36px;
  }
}

/*=========================================
    MEDIA QUERY - 660
=========================================*/

@media screen and (max-width: 660px) {
  #content .social-container.sub-nav .social-container-posts>div .roller-item {
    height: 300px;
  }
  #content .tickets-container .cal {
    float: none;
    padding-bottom: 5px;
    margin: 0 auto 30px;
    width: 80px;
    height: 82px;
  }
  #content .event-info {
    clear: both;
    text-align: center;
  }
}

/*=========================================
    MEDIA QUERY - 600
=========================================*/

@media screen and (max-width: 600px) {
  #sticky-container {
    top: 75vh ;
    width: 100%;
    bottom: unset;
    left: 0;
  }
  #content .recent-news-container .recent-news-header h2 {
    display: block;
  }
  #content .recent-news-container .recent-news-header .button {
    float: none;
  }
  #news-header-container {
    text-align: center;
  }
  #news-header-container a {
    float: none;
    display: block;
    max-width: 160px;
    margin: 0 auto;
  }
  #statistics-container #statistics-wrapper .statistic {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
  }
  #content .upcoming-events-container .upcoming-events-header h2 {
    display: block;
  }
  #content .upcoming-events-container .upcoming-events-header .button {
    float: none;
  }
  #content .quote-container.split:not(.sub-nav)>div>div>div h3 {
    font-size: 20px;
  }
  #content .quote-container.sub-nav.left-image h3, #content .quote-container.sub-nav.right-image h3 {
    font-size: 20px;
  }
  #content .quote-container.sub-nav.left-image h4, #content .quote-container.sub-nav.right-image h4 {
    font-size: 14px;
  }
  #content .quote-container.sub-nav.left-image h6, #content .quote-container.sub-nav.right-image h6 {
    font-size: 12px;
  }
  #content .quote-container.sub-nav.left-image>div .quote-background>div>div:last-child:before, #content .quote-container.sub-nav.right-image>div .quote-background>div>div:first-child:before {
    top: 0;
  }
  #content .quote-container.left-image h3, #content .quote-container.right-image h3, #content .quote-container.full h3, #content .quote-container.split h3 {
    font-size: 20px;
  }
  #content .quote-container.left-image h4, #content .quote-container.right-image h4, #content .quote-container.full h4, #content .quote-container.split h4 {
    font-size: 14px;
  }
  #content .quote-container.left-image h6, #content .quote-container.right-image h6, #content .quote-container.full h6, #content .quote-container.split h6 {
    font-size: 12px;
  }
  #content .quote-container.left-image>div .quote-background>div>div:last-child:before {
    top: 0;
  }
  #content .quote-container.right-image>div .quote-background>div>div:first-child:before {
    top: 0;
    left: 0;
  }
  #content .quote-container.listing>div .quote-background>div>div:first-child .avatar {
    width: 40%;
  }
  #content .image-text-container.standard .image-text-wrapper>div img {
    width: 100%;
  }
  #content .quote-container.sub-nav.eventListing>div .quote-background:before {
    width: calc(100% - 40px);
    top: 0;
    left: 20px;
  }
  #content .quote-container.sub-nav.eventListing>div .quote-background>div>div:first-child {
    width: 100%;
    padding: 0 20px;
  }
  #content .quote-container.sub-nav.eventListing>div .quote-background>div>div {
    display: block;
    padding: 30px 40px;
  }
  #news-container a.more-link {
      font-size: .9em;
      left: 215px;
  }
  #content .logo-float {
    float: left;
    width: 100%;
    margin-bottom: 2em;
    margin-left: 0;
  }
  #live-on-purpose-img-blog {
    width: 330px;
    padding: 0 0 0 0;
  }
}

/*=========================================
    MEDIA QUERY - 550
=========================================*/

@media screen and (max-width: 550px) {
  #content .social-container.sub-nav .social-container-posts>div:not(:first-of-type) {
    display: none;
  }
  #content .social-container.sub-nav .social-container-posts>div:not(:last-of-type) {
    width: 100%;
  }
  #content .social-container.sub-nav .social-container-posts>div .roller-item {
    height: 320px;
  }
  #content .contact-img {
    width: 120px;
    float: none;
    margin-bottom: 1em;
    text-align: center;
  }
  #content .quote-container.listing>div .quote-background:before {
    height: 80%;
  }
  #content .quote-container.sub-nav.listing>div .quote-background:before {
    height: 75%;
  }
  #content .text-container.split.three.contact-three-photo .column {
    width: 100%;
  }
  img.avatar {
    max-width: none;
  }
  #content .text-container.container.sub-nav.big-watermelon {
    width: 100%;
    float: none;
  }
}

/*=========================================
    MEDIA QUERY - 440
=========================================*/

@media screen and (max-width: 440px) {
  #interior-header-container #interior-header-text-container #interior-header-title {
    max-width: calc(100% - 40px);
  }
  #interior-header-container #interior-header-text-container #interior-header-title>div>div h3 {
    font-size: 24px;
  }
  #interior-header-container #interior-header-text-container #interior-header-title>div>div h3, #interior-header-container #interior-header-text-container #interior-header-title>div>div h1 {
    color: white;
    font-size: 20px;
    font-family: "Source Sans Pro";
    font-weight: bold;
}
}

/*=========================================
   MEDIA QUERY - 380
=========================================*/

@media screen and (max-width: 380px) {
  .roller-controls .roller-control {
    width: 50px;
    height: 50px;
  }
  .roller-controls .roller-control:before {
    font-size: 24px;
    top: 7px;
  }
  .roller-controls .roller-control.previous:before {
    left: 16px;
  }
  .roller-controls .roller-control.next:before {
    right: 16px;
  }
  #news-container .roller-viewport .roller-item {
    width: 320px;
  }
  #hero-container #hero-wrapper #hero-text-container {
    height: calc(100% - 200px);
  }
  #content .text-container .tabs .tab-header a {
    font-size: 12px;
    min-width: 120px;
    padding: 10px 15px;
    margin: 0 5px 25px;
  }
  #content .text-container .tabs .tab-header a:not(:last-of-type) {
    margin-right: 5px;
  }
  #content .quote-container.split:not(.sub-nav)>div>div>div h3, #content .quote-container.split.sub-nav>div>div>div h3 {
    font-size: 18px;
  }
  #content .quote-container.sub-nav.left-image h3, #content .quote-container.sub-nav.right-image h3, #content .quote-container.sub-nav.full h3 {
    font-size: 18px;
  }
  #content .quote-container.left-image h3, #content .quote-container.right-image h3, #content .quote-container.full h3 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1000px) {
  .empty-column-flex {
    flex: 0 0 25%;
  }

  .pgg-countdown {
    margin: auto;
    flex: 0 0 50%;
    width: 50vw;
  }

  .pgg-flex-button {
    margin-top: 60px !important;
  }

  .pgg-black-header {
    font-size: 3.5vw !important;
    line-height: 5vw !important;
  }

  .pgg-purple-header {
    font-size: 5vw !important;
    line-height: 3vw !important;
  }

  .pgg-small-header {
    font-size: 1.5vw !important;
  }
  .pgg-div {
    width: 50vw;
  }

}

@media screen and (max-width: 1000px) {
  .pgg-countdown-box {
    flex-direction: column;
    align-content: center;

  }

  .pgg-flex-button-container {
    margin: auto;
    width: 90vw;
    text-align: center;
  }

  .pgg-flex-button {
    width: 70vw;
    margin: 3vw !important;
    padding-top: 10px;
     padding-right: 20px;
     padding-bottom: 10px;
     padding-left: 20px;
     border-radius: 10px;
  }

  .pgg-countdown {
    margin: auto;
    padding: 0;
    flex: 0 0 50%;
    width: 70vw;
  }

  .pgg-below-countdown {
    margin-top: 0 !important;
    font-size: 4vw !important;
  }

  .pgg-paragraph {
    font-size: 3.5vw !important;
    font-family: sans-serif;
  }

  .pgg-support-box {
    background-color: white;
    border: 5px solid #bc9d2d;
    text-align: center;
    grid-row: 1;
    grid-column: 1;
    margin-top: 47vw;
    width: 70vw !important;
  }

  .pgg-image-button {
    min-width: 30vw;
    margin: 1vw;
    font-size: 5vw;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
  }

  .pgg-black-header {
    font-size: 7.5vw !important;
    line-height: 5vw !important;
  }

  .pgg-purple-header {
    font-size: 10vw !important;
    line-height: 9vw !important;
  }

  .pgg-small-header {
    font-size: 3.5vw !important;
  }

  .pgg-div {
    width: 80vw;
  }
}

  .pgg-countdown-box {
    display: flex;
    justify-content: center;
  }

  .pgg-paragraph {
    font-size: 1.4vw;
    font-family: sans-serif;
  }

  .pgg-flex-button {
    margin: 1vw;
    font-size: 3vw;
    border-radius: 10px;
    display: inline-block;
    text-transform: uppercase;
    font-family: "Source Sans Pro";
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    letter-spacing: 1px;
    background-color: #4d008c;
    color: white !important;
    transition: none !important;
    width: 45% !important;
    min-width: 45% !important;
    font-size: 2vw !important;

  }

  .pgg-flex-button-container {
    flex: 0 0 25%;
  }

  .pgg-support-box {
    background-color: white;
    border: 5px solid #bc9d2d;
    text-align: center;
    grid-row: 1;
    grid-column: 1;
    width: 32vw;
  }

  .pgg-black-header {
    font-family: 'Source Sans Pro';
    font-weight: bolder;
    margin: 2vw 0 0 0 !important;
    color: black;
  }

  .pgg-purple-header {
    font-family: 'Source Sans Pro';
    font-weight: bold;
    color: #4d008c;
    margin: 0.5vw !important;
  } */

  .pgg-image-button {
    width: 23vw;
    margin: 1vw;
    font-size: 3vw;
    border-radius: 30px;
    display: inline-block;
    text-transform: uppercase;
    font-family: "Source Sans Pro";
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    letter-spacing: 1px;
    background-color: #4d008c;
    color: white !important;
    transition: none !important;

  }

  .pgg-small-header {
    font-family: sans-serif;
    font-weight: bold;
    margin: 2vw 1vw 1vw 1vw !important;
  }

  .pgg-below-countdown {
    font-size: 4vw;
  }





  .rn-to-bsn-float {
    width: 256px;
    float: left;
    margin: 5px;
  }

  @keyframes fade-home {
    0% {

      transform: translateX(0px);
    }

    20% {
      transform: translateX(0px);
    }
    100% {

      transform: translateX(-75vw);
    }
    100% {

      transform: translateX(-75vw);
    }
  }

  @keyframes fade-home-out {
    0% {
      opacity: 1;
    }
    5% {
      opacity: 0;
      display: none;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }

  @keyframes fade-home-welcome-week {
    0% {
      opacity: 1;
      display: block;
    }
    10% {
      opacity: 1;
      display: block;
    }
    100% {
      opacity: 0;
      display: none;
    }
  }

  @keyframes home-scale {
    0% {
      transform: scale(1.0);
      opacity: 1;
    }
    20% {
      transform: scale(5.0);
      opacity: 0;
      display: none;
    }
  }
  @keyframes video-scale {
    0% {
      height: 54vh;
      top: 139px;
      z-index: 11;
    }
    5% {
      height: 100vh;
      top: 0;
      z-index: -11;
    }
    40% {
      opacity: 1;
      display: block;
    }
    50% {
      opacity: 0;
      display: none;
    }
    100% {
      opacity: 0;
      display: none;
    }
  }
 .student-home-scroll {
   z-index: 1;
   animation: fade-home 1s linear;
   animation-play-state: paused;
   animation-delay: calc(var(--scroll) * -1s);
   pointer-events: none;
 }

 .student-life-initial-bg {
  z-index: -1;
  animation: fade-home-out 1s linear;
  animation-iteration-count: 1;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -1s);
  pointer-events: none;
}
.student-life-welcome-week {
  z-index: -1;
  animation: fade-home-welcome-week 1s linear;
  animation-iteration-count: 1;
  animation-play-state: paused;
  animation-delay: calc(var(--divscroll) * -1s);
  pointer-events: none;
}
.student-life-mask {
  animation: home-scale 1s linear;
  animation-iteration-count: 1;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -1s);
}

.student-life-mask-video {
  animation: video-scale 1s linear;
  animation-iteration-count: 1;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -1s);
}

.welcome-week-box {
  animation: fade-home 1s linear;
  animation-iteration-count: 1;
  animation-play-state: paused;
  animation-delay: calc(var(--divscroll) * -1s);
  position: fixed;
  top: 25vh;
  left: 25vw;

}

.faculty-sl {

}

.js-hide {
  display: none;
}

.faculty-sl:hover {
  scale: 2;
}

.scrollable {
  display: flex;
}

@keyframes fading-background {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes sliding-background {
  0% {
    opacity: 0;
    transform: translateX(-5vw) scale(1.5);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
    transform: translateX(0vw) scale(1.5);
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translateX(0vw) scale(1.5);
  }
}

@keyframes zooming-background-out {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
    transform: scale(1.5);
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

@keyframes zooming-background-in {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
    transform: scale(1.5);
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes div-rainbow {
  0% {
    opacity: 0;
    transform: rotate3d(1, 1, 1, 0deg);
  }

  20% {

    color: red;
    opacity: 1;
    transform: rotate3d(1, 1, 1, 36deg);
  }

  30% {

    color: orange;
    opacity: 1;
    transform: rotate3d(1, 1, 1, 72deg);
  }
  40% {

    color: yellow;
    opacity: 1;
    transform: rotate3d(1, 1, 1, 108deg);
  }
  50% {
    color: green;
    opacity: 1;
    transform: rotate3d(1, 1, 1, 144deg);
  }
  60% {
    color: blue;
    opacity: 1;
    transform: rotate3d(1, 1, 1, 180deg);
  }
  70% {
    color: violet;
    opacity: 1;
    transform: rotate3d(1, 1, 1, 216deg);
  }
  80% {
    color: indigo;
    opacity: 0;
    transform: rotate3d(1, 1, 1, 252deg);
  }
  100% {
    color: red;
    opacity: 0;
    transform: rotate3d(1, 1, 1, 288deg);
  }

}

@keyframes div-zoom {
  0% {

    transform: scale(0);
    opacity: 0;
  }
  20% {

    transform: scale(1);
    opacity: 1;
  }
  80% {

    transform: scale(2);
    opacity: 1;
  }
  90% {

    transform: scale(3);
    opacity: 0;
  }
  100% {

    transform: scale(3);
    opacity: 0;
  }
}

@keyframes div-slide {
  0% {

    transform: translateX(-10vw);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {

    transform: translateX(0vw);
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes div-slide-up {
  0% {

    transform: translateY(10vh);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  90% {
    opacity: 0;
    transform: translateY(-20vh);
  }
  100% {
    opacity: 0;
  }
}

@media screen and (min-width: 1200px) {

  .scrollable {
    display: flex;
  }

  .fading-background {
    z-index: -1;
    animation: fading-background 1s linear;
    animation-iteration-count: 1;
    animation-play-state: paused;
    animation-delay: calc(var(--divscroll) * -1s);
    pointer-events: none;
  }

  .sliding-background {
    z-index: -1;
    animation: sliding-background 1s linear;
    animation-iteration-count: 1;
    animation-play-state: paused;
    animation-delay: calc(var(--divscroll) * -1s);
    pointer-events: none;
  }

  .zooming-background-out {
    z-index: -1;
    animation: zooming-background-out 1s linear;
    animation-iteration-count: 1;
    animation-play-state: paused;
    animation-delay: calc(var(--divscroll) * -1s);
    pointer-events: none;
  }

  .zooming-background-in {
    z-index: -1;
    animation: zooming-background-in 1s linear;
    animation-iteration-count: 1;
    animation-play-state: paused;
    animation-delay: calc(var(--divscroll) * -1s);
    pointer-events: none;
  }

  .div-zoom {
    animation: div-zoom 1s linear;
    animation-iteration-count: 1;
    animation-play-state: paused;
    animation-delay: calc(var(--divscroll) * -1s);

    position: fixed;
    top: 25vh;
    left: 25vw;
    margin: 0;
    width: 50vw;
    height: 50vh;
    pointer-events: none;
  }

  .div-slide {
    animation: div-slide 1s linear;
    animation-iteration-count: 1;
    animation-play-state: paused;
    animation-delay: calc(var(--divscroll) * -1s);

    position: fixed;
    top: 25vh;
    left: 25vw;
    margin: 0;
    width: 50vw;
    height: 50vh;
    pointer-events: none;
  }

  .div-slide-up {
    animation: div-slide-up 1s linear;
    animation-iteration-count: 1;
    animation-play-state: paused;
    animation-delay: calc(var(--divscroll) * -1s);


    position: fixed;
    top: 25vh;
    left: 25vw;
    margin: 0;
    width: 50vw;
    height: 50vh;
    pointer-events: none;
  }

  .div-rainbow {
    animation: div-rainbow 1s linear;
    animation-iteration-count: 1;
    animation-play-state: paused;
    animation-delay: calc(var(--divscroll) * -1s);

    position: fixed;
    top: 25vh;
    left: 25vw;
    margin: 0;
    width: 50vw;
    height: 50vh;
    pointer-events: none;

  }

  .div-none {
    width: 50vw;
    height: 50vh;
    margin: auto;

  }

  .scrolling-content-header {
    font-size: 6vw !important;
    font-family: "Source Sans Pro";
    line-height: 6.5vw !important;
    font-weight: bold;
    color: white;
    pointer-events: none;
  }

  .scrolling-content-subtitle {
    font-size: 4em !important;
    font-family: "Source Sans Pro";
    font-weight: bold;
    color: white;
    pointer-events: none;
  }
}

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

  .scrollable {
    display: flex;
    height: fit-content !important;
    background-image: var(--url);
    background-size: cover;
  }

  .fading-background {
    z-index: -1;
    pointer-events: none;
    display: none;
  }

  .sliding-background {
    z-index: -1;
    pointer-events: none;
    display: none;
  }

  .zooming-background-out {
    z-index: -1;
    pointer-events: none;
    display: none;
  }

  .zooming-background-in {
    z-index: -1;
    pointer-events: none;
    display: none;
  }

  .div-zoom {
    margin: 0;
    width: 90vw;
    height: fit-content;
    pointer-events: none;
    margin: auto;
  }

  .div-slide {
    margin: 0;
    width: 90vw;
    height: fit-content;
    pointer-events: none;
    margin: auto;
  }

  .div-slide-up {
    margin: 0;
    width: 90vw;
    height: fit-content;
    pointer-events: none;
    margin: auto;
  }

  .div-rainbow {
    margin: 0;
    width: 90vw;
    height: fit-content;
    pointer-events: none;
    margin: auto;

  }

  .div-none {
    width: 90vw;
    height: fit-content;
    margin: auto;

  }

  .scrolling-content-header {
    font-size: 15vw !important;
    font-family: "Source Sans Pro";
    line-height: 1em !important;
    font-weight: bold;
    color: white;
    pointer-events: none;
  }

  .scrolling-content-subtitle {
    font-size: 2em !important;
    font-family: "Source Sans Pro";
    font-weight: bold;
    color: white;
    pointer-events: none;
  }

  .video {
    display: none;
  }
}

  @keyframes scale-on-hover {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.2);
    }
  }
  .div-icon-scale {
    transform: scale(1);
    transition: 0.2s;
  }

  .div-icon-scale:hover {
    transform: scale(1.3);
    transition: 0.2s;
  }

  .circle-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: inline-block;
    margin: 5px;

  }



  .anchor-icon {
    display: inline-block;
    float: left;
    overflow: visible;
    text-align: center;
    margin: 2vw;
  }

  .fontawesome-icon {
    font-size: 40px;
    margin-top: 29px;
  }