/* JUI SEARCH */

body .ui-autocomplete li a {
  padding: 8px;
  display: block;
  cursor: pointer;
}

body .ui-autocomplete li .search-matched {
  color: #000 !important;
}

body .ui-autocomplete li a:hover .search-matched {
  color: #fff !important;
}


body .ui-autocomplete li a:hover {
  background: #2a2a2a;
}

/* PROGRAMME LANDING PAGE */

html.no-banner .prospectus-v1 .banner {
  display: none;
}

/*
.prospectus-v1 .gre-programme-listing-search .gre-programme-search {
  margin: 0;
}

.prospectus-v1 .gre-programme-listing-search .gre-programme-search input#searchtext {
  width: 100%;
  border-right: 1px solid #ccc;
}

.prospectus-v1 .gre-programme-listing-search .gre-programme-search input#searchtext:focus {
  border-right: 1px solid #66afe9;
}

.prospectus-v1 .gre-programme-listing .programme-isotope a {
    color: #3e3e3e;
    font-weight: normal;
}

.prospectus-v1 .gre-programme-listing .gre-programme-listing-h {
  background: #fff;
  margin-bottom: 30px;
}

.prospectus-v1 .gre-programme-listing .gre-programme-listing-h-content {
  padding: 15px;
}

.prospectus-v1 .gre-programme-listing .gre-programme-listing-h-meta {
  background: #fff;
  border-top: 2px solid #f6f6f6;
  padding-top: 15px;
  padding-bottom: 15px;  
}

.prospectus-v1 .gre-programme-listing h3 {
  margin-top: 0;
}


.prospectus-v1 .gre-programme-listing-h-points {
  float: right;
  font-weight: 300;
  width: 12%;
  text-align: right;
  font-size: 28px;    
  line-height: 28px;
}

.prospectus-v1 .gre-programme-listing-h-points span {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.prospectus-v1 .gre-programme-listing .gre-programme-listing-h-meta h4 {
    margin: 0;
    margin-left: 96px;
    color: #666;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.prospectus-v1 .gre-programme-listing .gre-programme-listing-h-meta h4 i {
  margin-right: 8px;
}

.prospectus-v1 .gre-programme-listing .gre-programme-listing-h-type {
  width: 70px;
  float: left;
  height: 70px;
  background: #008060;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 42px;
  padding-top: 5px;
  margin-right: 15px;
}

*/

.lead p:first-child {
  margin-top: 0;
}

/* EVENTS */

.event .gre-events-main {
  margin-top: 30px;
}

.event .gre-events-related-articles h2 {
  margin-top: 0;
}

html.no-nav .event .gre-events-related-articles-content .section-3 {
  width: 100%;
}

.event .gre-open-day ul {
  margin: 0;
  padding: 0;
  margin-top: 20px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.event .gre-open-day .stretchy-wrapper {
    padding-bottom: 100%;
    background-size: contain;
}

.event .event .gre-events-main {
  margin-top: 30px;
}

.event .gre-open-day li {
    list-style: none;
    font-size: 24px;
    padding: 1px;
}

.event .gre-open-day span {
    background: rgba(0,128,96,.8);
    color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
}

.event .gre-open-day-hover {
  display: none;
}

/* OPEN DAY HOVER BITS */

.event .gre-open-day a:hover .gre-open-day-hover {
  display: block;
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
  font-size: 24px;
}

.event .gre-open-day a:hover .stretchy-wrapper {
  background: #008060 !important;
}

.event .gre-open-day a:hover div.stretchy-wrapper > div {
  opacity: 1;
}

.event .gre-open-day .gre-open-day-hover span {
  background: none;
  display: block;
  padding: 0;
  font-size: 48px;
  line-height: 1em;
}




.event .gre-open-day a:hover ul {
  display: none;
}

.event .gre-events-listing-event {
  background: #fff;
  margin-bottom: 30px;
}

.event .gre-events-listing-event p {
  margin-left: 96px;
  padding-right: 15px;
}

.event .gre-events-listing-event-date {
  float: left;
  width: 80px;
  padding-top: 15px;
  font-size: 56px;
  text-align: center;
  margin: 0;
  line-height: 1em;
  color: #008060;
}

.event .gre-events-listing-event a {
  color: #3e3e3e;
  font-weight: normal;
}

.event .gre-events-listing-event a:hover {
  text-decoration: none;
  color: #fff;
  background: #3e3e3e;
}

.event .gre-events-listing-event a:hover .gre-events-listing-event-date,
.event .gre-events-listing-event a:hover .gre-events-listing-event-date span,
.event .gre-events-listing-event a:hover h4,
.event .gre-events-listing-event a:hover .gre-events-listing-event-meta p {
  color: #fff;
}

.event .gre-events-listing-event a:hover .gre-events-listing-content,
.event .gre-events-listing-event a:hover .gre-events-listing-event-meta {
  background: #3e3e3e;
}

.event .gre-events-listing-content {
  padding-bottom: 15px;
}

.event .gre-events-listing-event-date span {
  font-size: 18px;
  display: block;
  line-height: 1em;
  color: #008060;
  text-transform: uppercase;
  font-weight: 500;
}

.event .gre-events-listing-event-meta {
  border-top: 2px solid #f6f6f6;
  padding-top: 15px;
  padding-bottom: 15px;
}

.event .gre-events-listing-event-meta p {
  margin: 0;
  margin-left: 96px;
  color: #666;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

.event .gre-events-listing-event h3 {
  margin-left: 96px;
  margin-top: 19px;
  padding-right: 15px;
  margin-bottom: 0;
}

.event .gre-events-listing-event h4 {
    margin-left: 96px;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin-top: 6px;
    margin-bottom: 15px;
}

.event .events-grid-options {
  margin-bottom: 12px;
}


.event .gre-events-gateways {
  margin-top: 70px;
}

.event .gre-events-gateways .gateway-tile {
  width: 100%;
  margin-bottom: 30px;
}

/* MAIN ARTICLE SECTION */

.gre-sidebar-twitter-timeline {
  background: #fff;
  margin-bottom: 30px;
}

.gre-sidebar-twitter-timeline p {
  text-align: right;
  padding-right: 15px;
}

.gre-sidebar-twitter-timeline-container {
  height: 1000px;
  overflow: hidden;
  padding-left: 5px;
  padding-right: 15px;
  position: relative;
}

.article-hub .article .news-grid-options label {
  display: none;
}

.article-hub .article .gre-articles-first-feature {
  margin-bottom: 30px;
  margin-top: 68px;
}

.article-hub .article .gre-article-loadmore {
  width: 100%;
}

.article-hub .article .gre-articles-first-feature .gateway-tile {
  width: 100%;
}

.article-hub .article .gre-articles-features a {
}

.article-hub .article .gre-articles-features .gateway-tile {
  width: 100%;
  margin-bottom: 30px;
}

.article-hub .article .gre-news-articles {
  background: #fff;
  margin-bottom: 30px;
}

.article-hub .article .gre-news-article {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}

.article-hub .article .gre-news-articles h2 {
  border-bottom: 2px solid #f6f6f6;
  background: #fff;
  padding-bottom: 15px;
  margin-top: 15px;
  padding-left: 15px;
  font-size: 18px;
  font-weight: 400;
}

.article-hub .article .gre-news-article h3 {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
}

.article-hub .article .gre-news-article .gre-news-article-meta h4 {
  color: #666;
  font-size: 12px;
  margin-top: 6px;
  font-weight: normal;
}

.article-hub .article .gre-news-articles .gre-articles-more {
  text-align: right;
  margin-right: 15px;
  margin-bottom: 15px;
}

.article .gre-article-bottom-cta {
  margin-top: 30px;
}

.article .gre-article-bottom-cta img {
  max-width: 100%;
}


@media screen and (min-width: 1200px) {
  html.article-hub .article .section-3 {
    width: 48%;
  }
}

/* QUOTATIONS */

.gre-quotation {
  margin-bottom: 30px;
}

.gre-quotation-text .left-quote {
  float: left;
  font-size: 144px;
  margin-left: -80px;
  line-height: 1em;
  margin-top: -12px;
  color: #008060;
}

.gre-quotation-text .right-quote {
  display: none;
}

.gre-quotation-text {
  background: #fff;
  padding: 20px;
  border-bottom: 2px solid #f6f6f6;
  font-size: 21px;
  font-weight: 300;
  padding-left: 96px;
}

.gre-quotation-thumbnail {
  height: 80px;
  width: 80px;
  float: left;
  overflow: hidden;
}

.gre-quotation-meta img {
  max-width: 100%;
  height: auto;
}

.gre-quotation-meta {
  background: #fff;
}

.gre-quotation-meta h3 {
  margin-top: 16px;
  margin-left: 15px;
  margin-bottom: 6px;
}

.gre-quotation-meta h4 {
  color: #666;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 15px;
  margin-bottom: 17px;
}

.gre-quotation-meta h4,
.gre-quotation-meta h3 {
  margin-left: 96px;
}

/* LANDING PAGE */

.landing-page .gre-callout {
  background: #fff;
  width: 80%;
  margin: auto;
  font-size: 24px;
  font-weight: 300;
  border-bottom: 2px solid #f6f6f6;
  padding: 20px;
}

.landing-page .gre-landing-contents {
  background: #fff;
  width: 80%;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.landing-page a:hover,
.landing-page a:focus,
.landing-page a:hover p,
.landing-page a:focus p,
.landing-page a:hover p .stat i.fa,
.landing-page a:focus p .stat i.fa {
  background: #3e3e3e;
  color: #fff;
  text-decoration: none;
}

.landing-page .stat-container {
  margin-top: 20px;
}

.landing-page .stat-box {
  display: block;
}

.landing-page .stat-box p {
  color: #188cff;
  font-size: 24px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

.landing-page .stat-box p .stat {
  font-size: 100px;
  padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .landing-page .gre-landing-contents,
  .landing-page .gre-callout {
    width: 100%;
  } 

  .landing-page .stat-container {
    width: 60%;
    margin: auto;
  }
}

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

  .landing-page .stat-container {
    width: 90%;
    margin: auto;
  }
}

/* FEATURE */

/*
.feature .banner,
.feature .section-navigation {
    display: none;
}



.feature .lf-cover-image {
    width: 100% !important;
    height: 900px;
    position: absolute !important;
    top: 100px;
    left: 0;
    margin: 0;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position-y: 100px !important;
}

.feature .lf-cover-image div.hero-text {
    bottom: 55%;
}

.feature .lf-cover-image div.hero-link {
    bottom: 40%;
    width: 27%;
    text-align: left;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
    background: #fff;
}

.feature .lf-cover-image div.hero-link p {
  margin-top: 0;
  font-size: 18px;
  font-weight: 300;
  font-style: italic;
}


.feature .lf-section-left {
    width: 65%;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
}

*/

.feature .page-content > div {
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
}

.feature div blockquote {
    border-top: 2px solid #008060;
    border-bottom: 2px solid #008060;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.feature div blockquote p {
  font-size: 28px;
  line-height: 1.6em;
}

.feature .page-content > div.lead {
    margin: 20px 0;
    padding: 0 15px 0 7.5px;
    width: auto;
    position: relative;
}

.feature .page-content h2 {
    padding: 20px 30px 7.5px 30px;
}

.feature .page-content > div h2 {
    margin: 0 -20px 20px -20px;
    padding: 20px 15px 7.5px 15px;

}

.feature .page-content > div ul:first-child {
    margin-top: 15px;
}

.feature .page-content > div.lf-image-full, .feature .page-content > div.lf-buttons {
    background: transparent;
    margin: 20px 0;
    padding: 0;
    width: auto;
    position: relative;
}

.feature .page-content > div.lf-transparent {
  background: transparent;
  padding: 0;
}

div.lf-buttons .btn-lg {
    width: 94%;
    margin: 7.5px 3%;
}

.feature .lf-buttons i {
  margin-right: 12px;
}

.feature .lf-image-full img {
  width: 100%;
  margin-bottom: 15px;
}


.feature .lf-image-caption {  
    bottom: 30px;
    right: 30px;
    background: #fff;
    font-size: 14px;
    font-style: italic;
    padding: 6px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 30px;
}

@media screen and (min-width:480px){
  .feature .lf-image-caption {
     position: absolute;
  }
  .feature .lf-image-full .lf-image-caption { 
     bottom: 10%;
     right: 5%;
  }
  .feature .lf-image-full {
    padding: 0;
  }

  .feature .lf-image-full img {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  div.lf-buttons .btn-lg {
    margin: 0 10px 10px 0;
    width: auto; 
    
  }
}
@media screen and (min-width: 900px) {
  .feature .page-content > div {
    width: 65%;
  }
}



.feature .lf-image-full-converted {
  margin: 0;
  padding: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
}

.feature .lf-image-full-converted img {
  display: none;
}

.feature .lf-image-right {  
  float: right;
  width: 60%;
  margin-right: -30%;
  padding: 15px;
  background: transparent;
  margin-top: -11px;
  position: relative;
}

.feature .lf-image-right img { 
  width: 100%;
}


.feature .lf-cover-caption {
  font-style: italic;
  font-size: 12px;
  margin-top: 20px;
}

.feature .lf-cover-caption br {
  display: none;
}

@media screen and (max-width: 1200px) {
  .feature .lf-cover-image div.hero-link {
    width: 37%;
    bottom: 20%;
  }
}

@media screen and (max-width: 992px) {
  .feature .lf-cover-image .lf-image-caption {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .feature .lf-cover-image div.hero-link {
    width: 37%;
    bottom: 20%;
  }

  .feature .lf-section-left {
    width: 75%;
  }

  .feature .lf-cover-image {
    width: auto;
    height: auto;
    top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .feature .lf-section-left {
    width: auto;
  }

  .feature .lf-cover-image div.hero-link {
    position: relative;
    margin-top: 0;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
    margin-bottom: 30px;
  }

  .feature .lf-cover-image div.hero-link p {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
  }

  .feature .lf-image-right {
    width: 80%;
    margin: auto;
    float: none;
  }

}

@media screen and (max-width: 480px) {
  .feature .lf-image-right {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }

  .feature .lf-section-left blockquote {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .feature .lf-section-left blockquote p {
    font-size: 18px;
  }
}

/** FEATURE UPDATE **/

html.feature .banner-image, html.feature .banner, html.feature grebanner {
    display: block;
    position: relative;
}

html.feature grebanner img {
    width: 100%;
    height: auto;
}

html.feature .hero-subtitle {
    background: white;
    padding: 7.5px;
}
html.feature .lf-image-caption {
    display: block; // probably not needed after merge
    position: absolute;
    bottom: 10%;
    right: 5%;
    background: #fff;
    font-size: 14px;
    padding: 6px;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 30px;
}

html.feature .lf-buttons {
    padding: 15px 0;
}

html.feature .page-content {
    width: 100%;
}

html.feature .lead p:first-child:first-letter { 
    float: left; 
    color: #0066cb;
    font-weight: 400; 
    font-size: 86px; 
    line-height: 60px; 
    padding-top: 6px; 
    padding-right: 8px; 
    padding-left: 3px; 
}
html.feature .lead { 
    min-height: 106px;
}

@media (max-width: 992px) {
  html.feature .banner-image {
    background-image: none !important; // Needs important to override inline style
  }
  html.feature .banner .lf-image-caption {
    display:none;
  }
  html.feature .banner grebanner .lf-image-caption {
    display:block;
  }

}
@media (min-width: 993px) {
  html.feature .banner grebanner .lf-image-caption {
    display:none;
  }
  html.feature .lead p:first-child:first-letter { 
    font-size: 104px; 
    padding-top: 14px;
  }

  html.feature .lead { 
    min-height: 124px; 
  }

}


@media (min-width: 993px) and (min-height: 600px) {
  html.feature .banner grebanner img {
    visibility: hidden;
  }

  html.feature .banner {
    display: block;
    height: 50vw;
    position: relative;
    width: 100%;
    top: 10px;
  }

  html.feature .banner-image {
    width: 100vw;
    height: 50vw;
    max-height: 80vh;
    max-width: 225vh;
    background-size: cover;
    background-image: initial;
    position: absolute;
    position: fixed;
    top: 100px;
    background-repeat: no-repeat;
  }

  html.feature grebanner {
    max-height: 80vh;
  }

  html.feature .lf-page-content {
    width: 100%;
    background: #f6f6f6;
    display: inline-block;
    z-index: 5;
    position: relative;
    padding-bottom: 22px;
  }

  html.feature footer {
    margin-top:-7px;
    position: relative;
  }

  html.feature div.hero-text {
    background-color: transparent;
    margin: 20px auto;
    border-left: 20px solid rgba(0,102,204,.8);
    width: 55%;
    position: absolute;
    top: 15%;
    bottom: auto;
    left: 8%;
  }

  html.feature .hero-subtitle {
    bottom: 20%;
    left: 8%;
    position: absolute;
    max-width: 40%;
  }
}

/* Supersize me */

@media (min-width: 1600px) {

  html.feature div.hero-text h1, div.hero-text h2 {
    font-size: 50px;
  }
  html.feature .hero-subtitle {
    font-size: 18px;
  }
  html.feature .lf-image-caption {
    font-size: 16px;
  }
  html.feature .banner {
    //height: 1000px;
    max-height: 80vh
    
  }
  html.feature .banner-image {
    max-width: 2000px;
    max-height: 1000px;
    left: 50%;
    max-height: 80vh;
    transform: translateX(-50%);
  }

}

/* FOOTER FORMS */

.gre-bootstrapized-form .sq-form-required-field-note {
  display: none;
}

.gre-bootstrapized-form {
  margin-top: 42px;
}

.academic-skills-footer,
.eu-updates-footer {
  margin-bottom: -15px;
  border-bottom: 2px solid #f2f2f2;
  padding-bottom: 30px;
}

.academic-skills-footer h2,
.eu-updates-footer h2 {
  padding-left: 0;
  background: transparent;
}

.gre-bootstrapized-form input,
.gre-bootstrapized-form select,
.gre-bootstrapized-form textarea {
  box-shadow: none;
  border-radius: 0;
}

/* FSVS - WELCOME */

@media screen and (min-width:900px){
 .welcome #fsvs-body>div > div,
 .welcome #fsvs-body>div > p,
 .welcome #fsvs-body>div > h2, 
 .welcome #fsvs-body>div > a {
  max-width: 700px;
  margin: auto;
  margin-bottom: 20px;
  }

 .welcome #fsvs-body>div a.up,
 .welcome #fsvs-body>div a.down {
    width: 100%;
    max-width: 100%;
  }
}

.welcome .gre-welcome-1,
.welcome .gre-welcome-2,
.welcome .gre-welcome-3 {
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding-top: 56px;
  padding-bottom: 56px;
  position: relative;
}

.welcome .gre-welcome-1 h2,
.welcome .gre-welcome-2 h2,
.welcome .gre-welcome-3 h2 {
  background: transparent;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

.welcome .gre-welcome-1,
.welcome .gre-welcome-3 {
  background: #008060;
}

.welcome .gre-welcome-2 {
  background: #0066cb;
}

.welcome .social {
  display: block;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 3px;
  margin: auto;
  margin-bottom: 16px;
  height: 48px;
  width: 80%;
  text-align: left;
  padding-top: 13px;
  padding-left: 16px;
  line-height: 1em;
}

.welcome select {
  width: 80%;
}

.welcome .selectboxit-container {
  width: 80%;
  border: 1px solid #fff;
  margin-bottom: 20px;
  border-radius: 3px;
  color: #fff;
}

#share-selectSelectBoxItDefaultIcon {
  border: 0;
}

.welcome .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  top: 44%;
}

.welcome .selectboxit-default-arrow {
  border-top-color: #fff;
  border-right-width: 6px;
  border-left-width: 6px;
  border-top-width: 6px;
}

.welcome .gre-shares img {
  width: 80%;
}

.welcome .gre-shares .share-buttons a {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  padding-top: 12px;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 24px;
  border-radius: 50%;
}

.welcome .social.first {
  margin-top: 40px;  
}

.welcome .instagram {
  color: #fff;
  background: #125688;
  border-color: #0F4771;
}
.welcome .twitter {
  color: #fff;
  background: #55acee;
  border-color: #369EEB;
}

.welcome .facebook {
  color: #fff;
  background: #3b5998;
  border-color: #37548E;
}

.welcome .snapchat {
  background: #fffc00;
  color: #020202;
  border-color: #D9D900;
}

.welcome .tumblr {
 background: #32506d;
 border-color: #2D4660;
 color: #fff
}
.welcome .social i {
  margin-right: 8px;
}

.welcome p {
  font-size: 21px;
  font-weight: 300; 
  padding-left: 20px;
  padding-right: 20px;
}

.welcome .down {
  position: absolute;
  bottom: 28px;
  margin-top: 14px;

}

.welcome .up {
  position: absolute;
  top: 28px;
  margin-bottom: 14px;
}

.welcome .down,
.welcome .up {
  font-size: 28px;
  color: #fff;
  text-decoration: none;
  display: block;
  margin: auto;
  width: 100%;
}

.welcome .smiley {
  font-size: 96px;
  margin-top: 50px;
}

.welcome #fsvs-pagination {
  display: none;
}

.welcome .spin {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 1500ms;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 1500ms;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 1500ms;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
    
  animation-name: spin;
  animation-duration: 1500ms;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(359deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(359deg);}
}

/* FSVS - MOBILE GENERAL */


.mobile .slide {
  font-size: 16px;
  color: #fff;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 22px;
  position: relative;
}

.mobile h2 {
  background: transparent;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 12px;
  font-size: 21px;
}

.mobile .gre-mobile-1,
.mobile .gre-mobile-3,
.mobile .gre-mobile-5,
.mobile .gre-mobile-7,
.mobile .gre-mobile-9,
.mobile .gre-mobile-11,
.mobile .gre-mobile-13 {
  background: #008060;
}

.mobile .gre-mobile-2,
.mobile .gre-mobile-4,
.mobile .gre-mobile-6,
.mobile .gre-mobile-8,
.mobile .gre-mobile-10,
.mobile .gre-mobile-12 {
  background: #0066cb;
}

.mobile .social {
  display: block;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 3px;
  margin: auto;
  margin-bottom: 16px;
  height: 48px;
  width: 80%;
  text-align: left;
  padding-top: 13px;
  padding-left: 16px;
  line-height: 1em;
  text-decoration: none;
}

.mobile select {
  width: 80%;
}

.mobile .selectboxit-container {
  width: 80%;
  border: 1px solid #fff;
  margin-bottom: 20px;
  border-radius: 3px;
  color: #fff;
}

#share-selectSelectBoxItDefaultIcon {
  border: 0;
}

.mobile .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  top: 44%;
}

.mobile .selectboxit-default-arrow {
  border-top-color: #fff;
  border-right-width: 6px;
  border-left-width: 6px;
  border-top-width: 6px;
}

.mobile .gre-shares img {
  width: 80%;
}

.mobile .gre-shares .share-buttons a {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  padding-top: 12px;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 24px;
  border-radius: 50%;
}

.mobile .social.first {
  margin-top: 40px;  
}

.mobile .instagram {
  color: #fff;
  background: #125688;
  border-color: #0F4771;
}
.mobile .twitter {
  color: #fff;
  background: #55acee;
  border-color: #369EEB;
}

.mobile .facebook {
  color: #fff;
  background: #3b5998;
  border-color: #37548E;
}

.mobile .snapchat {
  background: #fffc00;
  color: #020202;
  border-color: #D9D900;
}

.mobile .tumblr {
 background: #32506d;
 border-color: #2D4660;
 color: #fff
}
.mobile .social i {
  margin-right: 8px;
}

.mobile p {
  font-size: 21px;
  font-weight: 300; 
  padding-left: 20px;
  padding-right: 20px;
}

.mobile .down {
  position: absolute;
  bottom: 12px;
  margin-top: 8px;

}

.mobile .up {
  position: absolute;
  top: 12px;
  margin-bottom: 8px;
}

.mobile .down,
.mobile .up {
  font-size: 21px;
  color: #fff;
  text-decoration: none;
  display: block;
  margin: auto;
  width: 100%;
}

.mobile .smiley {
  font-size: 96px;
  margin-top: 50px;
  margin-bottom: 40px;
}

.mobile a {
    color: #fff;
    text-decoration: underline;
}

.mobile .btn {
    text-decoration: none;
    background: transparent;
    width: 80%;
    display: block;
    margin: auto;
    border-radius: 3px;
    margin-bottom: 12px;
    border-width: 2px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 18px;
    text-align: center;
}

.mobile .btn:hover {
    background: #fff;
    color: #3a3a3a;
}

.mobile table {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 13px;
    color: #fff;
}

.mobile table span.time {
    display: block;
    padding-top: 4px;
}

.mobile tr {
    border-top: 1px solid #fff;
}

.mobile th {
    width: 35%;
    vertical-align: top;
    padding: 6px;
}

.mobile td {
    padding: 6px;
    font-size: 13px;
}

.mobile #fsvs-pagination {
  display: none;
}

.mobile .spin {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 1500ms;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 1500ms;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 1500ms;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
    
  animation-name: spin;
  animation-duration: 1500ms;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(359deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(359deg);}
}

@media screen and (max-width:320px){
    .mobile .up {
        font-size: 21px;
        top: 18px;
    }

    .mobile .smiley {
        margin-bottom: 20px;
    }

    .mobile .btn {
        font-size: 16px;
    }

    .mobile h2 {
        margin: 0;
    }

    .mobile .down {
        font-size: 21px;
        bottom: 18px;
    }

    .mobile .slide {
        padding-top: 36px;
    }

    .mobile h2 {
        font-size: 18px;
        margin-top: 0;
    }

    .mobile table {
        font-size: 12px;
        margin-left: 8px;
        margin-right: 8px;
    }

    .mobile tr,
    .mobile td {
        padding: 6px;
    }
}

@media screen and (min-width:414px){
    .mobile tr,
    .mobile td {
        padding: 8px;
        font-size: 15px;
    }

    .moblie td {
        font-size: 14px;
    }

    .mobile table span.time {
        padding-top: 6px;
    }

    .mobile h2 {
        font-size: 34px;
    }
}

@media screen and (min-width:900px){
 .mobile #fsvs-body>div > div,
 .mobile #fsvs-body>div > p,
 .mobile #fsvs-body>div > h2, 
 .mobile #fsvs-body>div > a {
  max-width: 700px;
  margin: auto;
  margin-bottom: 20px;
  }

 .mobile #fsvs-body>div a.up,
 .mobile #fsvs-body>div a.down {
    width: 100%;
    max-width: 100%;
  }

  .mobile table {
    font-size: 18px;
  }

  .mobile th,
  .mobile td {
    padding: 20px;
  }

 .mobile #fsvs-body>div > h2 {
    margin-top: 30px;
  }
}

/* VACANCIES */

.vacancy .vacancy-details-meta {
  color: #666;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  border-bottom: 2px solid #f6f6f6;
}

.vacancy .vacancy-details-more-info {
  text-align: center;

}

.vacancy .vacancy-details-more-info a {
  font-size: 18px;
}

.vacancy .vacancy-details-more-info .btn i {
  margin-right: 12px;
}

.vacancy .vacancy-details-meta i {
  margin-right: 8px;
}

.vacancy .vacancy-details-meta span {
  margin-right: 20px;
}

.vacancy .precis {
  font-size: 24px;
  font-weight: 300;
}

.vacancy .vacancy-listing {
  display: block;
  background: #fff;
  margin-bottom: 30px;
  color: #3e3e3e;
  width: 100% !important; /* this is to deal with isotope */
}

.vacancy .vacancy-listing div {
  padding-left: 10px;
  padding-right: 10px;
}

.vacancy .vacancy-listing h3 {
  font-size: 24px;
}

.vacancy .vacancy-listing h4 {
  color: #666;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
}

.vacancy .vacancy-listing h4 i {
  padding-right: 6px;
}

.vacancy .vacancy-listing p {
  font-size: 15px;
}

.vacancy .vacancy-listing:hover,
.vacancy .vacancy-listing:focus,
.vacancy .vacancy-listing:active {
  background: #3e3e3e;
  color: #fff;
  text-decoration: none;
}

.vacancy .vacancy-listing .vacancy-meta {
  border-top: 3px solid #f6f6f6;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.vacancy .vacancy-listing .vacancy-meta th {
  font-size: 12px;
  font-weight: 300;
  color: #666;
  width: auto;
  padding-right: 20px;
  padding-bottom: 10px;
}

.vacancy .vacancy-listing .vacancy-meta td {
  font-size: 14px;
  color: #188cff;
  font-weight: 400;
  width: auto;
  padding-right: 20px;
  padding-top: 10px;
}

.vacancy .vacancy-listing:hover .vacancy-meta th {
 color: #00cd99;
}

.vacancy .vacancy-listing:hover .vacancy-meta td {
  color: #fff;
}

/* NEW PROSPECTUS */

.pg-points-filter form {
  display: inline-block;
}

.pg-points-filter form input:active,
.pg-points-filter form input:focus {
    border: 0;
    border-bottom: 1px solid #3e3e3e;
    outline-width: 0;
}

.pg-points-filter form input {
    background: #f6f6f6;
    border: 0;
    font-size: 21px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 3px;
    width: 90px;
    color: #3e3e3e;
    text-align: center;
    border-bottom: 1px solid #3e3e3e;
}


.programme .pg-grid-options {
  background: transparent;
  margin: 0;
  padding: 0;
}

.programme .clearing-box span.stat {
    font-size: 60px;
    display: block;
}

.programme .pg-points-disclaimer {
  text-align: left;
  font-size: 12px;
  padding-left: 15px;
  padding-right: 15px;
  font-style: italic;
}

.programme .pg-points-disclaimer p {
    margin: 7.5px 0;
}

.gre-with-background {
  background: #fff;
  padding: 15px;
}

.programme .pg-ucas-points {
  margin-top: 0;
  padding-top: 0;
  margin-top: 20px;
  background: #008060;
  color: #fff;
}

.programme .pg-ucas-points h3 {
  margin-top: 0;
  font-size: 16px;
}

.programme .pg-ucas-points a {
  background: #008060;
  color: #fff;
}

.programme .pg-ucas-points > a, .programme .pg-ucas-points > div {
  padding: 20px;
  display: block;
}

.programme .pg-ucas-points.clearing input {
    height: 50px;
    margin: 7.5px 0;
    font-size: 45px;
    width: 150px;
    padding: 0;
    color: #3e3e3e;
    text-align: center;
    border: 1px solid #fff;
}

input[type="number"] { -webkit-appearance:none; -webkit-border-radius:0; }

.clearing-box button.btn {
    margin-left: -6px;
    margin-top: -20px;
    padding: 0;
    height: 50px;
    width: 50px;
    font-size: 40px;
    line-height: 50px;
    background-color: #008060;
    border: 1px solid #fff;
}

.clearing-box button.btn:hover,
.clearing-box button.btn:active,
.clearing-box button.btn:focus {
  background: #2a2a2a;
}

.programme .pg-ucas-points a:hover,
.programme .pg-ucas-points a:active,
.programme .pg-ucas-points a:focus {
  background: #2a2a2a;
  text-decoration: none;
}

@media screen and (min-width:768px) and (max-width:991px){
  .clearing-box button.btn {
    margin-left: auto;
    margin-top: auto;
  }
  .programme .pg-ucas-points.clearing input {
    margin: 7.5px 0;
  }
}


.programme .pg-ucas-points p {
  font-size: 14px;
  padding-top: 6px;
}


.programme .pg-ucas-points div {
  text-align: center;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-top: 0;
  padding-bottom: 5px;
}

.programme .pg-ucas-points div h4 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.programme .pg-ucas-points div > span {
  font-size: 32px;
}

.programme .pg-extended-ucas-points a {
  border: 1px solid #008060;
  background: #fff;
  color: #008060;
}

.programme .pg-extended-ucas-points a:hover,
.programme .pg-extended-ucas-points a:active,
.programme .pg-extended-ucas-points a:focus {
  border-color: #2a2a2a;
  color: #fff;
}

.programme .pg-extended-ucas-points a:hover div,
.programme .pg-extended-ucas-points a:active div,
.programme .pg-extended-ucas-points a:focus div {
  border-color: #fff;
}

.programme .pg-extended-ucas-points a:hover div h4,
.programme .pg-extended-ucas-points a:active div h4,
.programme .pg-extended-ucas-points a:focus div h4 {
  color: #fff;
}




.programme .pg-extended-ucas-points div h4 {
  color: #008060;
}

.programme .pg-extended-ucas-points div {
 border-color: #008060; 
}

.programme .pg-department i,
.programme .pg-course-location i,
.programme .pg-attendance i {
  width: 20px;
}

.programme .pg-department,
.programme .pg-course-location,
.programme .pg-attendance {
  border: 0;
  font-size: 14px;
  padding-top: 0;
  margin-top: 15px;
}

.programme .pg-attendance i {
  float: left;
  margin-top: 3px;
}

.programme .pg-attendance p {
  margin-left: 26px;
}

/* Hide unavailable */

/* Cache clear before use
.programme #tabbing > div > div, .programme #tabbing-nav {
  display: none;
}
.programme .available #tabbing > div > div, .programme .available #tabbing-nav {
  display: block;
}
.programme .available #tabbing > div > div.pg-grid-options {
  display: block;
}

.programme .pg-course-facts {
    display: none;
}
.programme .available .pg-course-facts {
    display: block;
}

*/


/* LAYOUT STYLES */

.auto-background .page-content > div {
 background: #fff;
 padding: 20px;
 padding-top: 15px;
}

/* CLEARING */

/* CLEARING SQUIZ FORM - REMOVE WHEN NEWSWEAVER FORM OPERATIONAL */ 

.clearing-form .sq-form-question {
  margin-bottom: 20px;
}


/*END WHEN NEWSWEAVER OPERATIONAL */

.clearing #news-grid-headers {
  margin-bottom: 0;
}

.clearing #news-grid-headers .section-3 {
  margin-bottom: 0;
}

.clearing #news-grid-headers h3 {
  padding-left: 8px;
  padding-right: 8px;
  margin: 0;
}

@media screen and (max-width:992px){
  .clearing #news-grid-headers {
    display: none;
  }
}

/* SITE FOOTERS */

@media screen and (max-width:992px){
  .clearing-footer .clearing-fast-track-sticky {
    display: none;
  }
}

div.sticky-button {
    display: block;
    text-align: right;
    padding: 15px 0 0 0;
}

@media screen and (min-width:993px){
  div.sticky-button {
    position: fixed;
    top: 30%;
    right: 0;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;

    transform: rotate(270deg);
    transform-origin: 100% 100%;
  }
  .sticky-button a,
  .sticky-button a:active,
  .sticky-button a:focus {  
    display: block;
    background: #0066cb;
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    text-decoration: none;
  }
}

.btn-lg i.fa {
    padding: 0 7.5px;
}

.clearing-footer .clearing-fast-track-sticky {  
  position: fixed;
  top: 30%;
  right: 0;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;

  transform: rotate(270deg);
  transform-origin: 100% 100%;

}

.clearing-footer .clearing-fast-track-sticky a,
.clearing-footer .clearing-fast-track-sticky a:active,
.clearing-footer .clearing-fast-track-sticky a:focus {  
  display: block;
  background: #0066cb;
  color: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
}

.clearing-footer .clearing-fast-track-sticky a i {
  padding-left: 16px;
  padding-right: 16px;
}

.clearing-footer .clearing-fast-track-sticky a:hover {  
  background: #2a2a2a;
  text-decoration: none;
}


.clearing-footer .clearing-fast-track-upsell {
}

.clearing-footer .clearing-fast-track-upsell li {
  list-style-type: none;
  margin-bottom: 15px;
}

.clearing-footer .clearing-fast-track-upsell li i {
  margin-left: -30px;
  margin-top: 3px;
  float: left;
  display: block;
  color: #0066cb;
}

.clearing-footer {
  border-top: 2px solid #e3e3e3;
  margin-bottom: -15px;
  background: #fff;
  border-bottom: solid 2px #e3e3e3;
  padding-top: 10px;
  padding-bottom: 20px;
}

.clearing-form h3 {
  display: none;
}

.clearing-footer .form-control,
.checkbox input,
.radio input {
  border-radius: 0;
}

.clearing-form {
  margin-top: 68px;
}

.clearing-form label {
  padding-top: 12px;
}

.clearing-form td {
  padding: 0;
}

.clearing-footer h2 {
  background: #fff;
  padding: 0;
}

.clearing-footer .form-insert-1 {
  float: left;
  width: 48%;
  display: block;
}

.clearing-footer .form-insert-2 {
  float: right;
  width: 48%;
  display: block;
}

.clearing-footer fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.clearing-footer legend {
 display: none;
}

@media screen and (max-width:600px){
  .clearing-footer .form-insert-1,
  .clearing-footer .form-insert-2 {
    float: none;
    width: 100%;
  }

  .clearing-footer .form-insert-1 {
    margin-bottom: 20px;
  }
}

/* STANDARD ARTICLE GRIDS */


.news-isotope-info {
 height: 200px;
 position: relative;
 overflow: hidden;
}

.news-grid article .news-time span {
  color: inherit;
  font-size: inherit;
  position: inherit;
  margin: inherit;
  padding-left: inherit;
}

.news-isotope-info h4 i {
  padding-right: 6px;
}

@media screen and (min-width:350px){
  .ca-eve .news-isotope-info {
    height: 185px;
  }
}
@media screen and (min-width:600px){
  .ca-eve .news-isotope-info {
    height: 200px;
  }
}
@media screen and (min-width:992px){
  .ca-eve .news-isotope-info {
    height: 160px;
  }
}
@media screen and (min-width:1200px){
  .ca-eve .news-isotope-info {
    height: 200px;
  }
}

.ca-eve .news-isotope-info p::after {
    content: "...";
}

.isotope-layout {
 display: none;
}

.news-image {
 background-size: cover;
}

@media (min-width: 480px){
  .news-grid {
      margin-left: -10px;
      margin-right: -10px;
      margin-top: 20px;
  }
}

.news-grid article {
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 20px;
 background: #fff;
}

.news-grid article a {
    display: block;
    overflow: hidden;
}

.news-grid article a:hover, 
.news-grid article a:hover h3,
.news-grid article a:hover h4,
.news-grid article a:hover p,
.news-grid article a:hover span,
.news-grid article a:active, 
.news-grid article a:active h3,
.news-grid article a:active h4,
.news-grid article a:active p,
.news-grid article a:active span,
.news-grid article a:focus, 
.news-grid article a:focus h3,
.news-grid article a:focus h4,
.news-grid article a:focus p,
.news-grid article a:focus span {
    text-decoration: none;
    border: 0;
    background: #3e3e3e;
    color: #fff;
}

.news-grid article a:hover th,
.news-grid article a:active th,
.news-grid article a:focus th,
.news-grid article a:hover .pg-location,
.news-grid article a:active .pg-location,
.news-grid article a:focus .pg-location
 {
    color: #00cd99;
}

.news-grid article a h3  {
 color: #3e3e3e;
 font-size: 24px;
 margin-left: 10px;
 margin-right: 10px;
 text-decoration: none;
}

.news-grid article a p  {
 color: #3e3e3e;
 font-size: 15px;
 text-decoration: none;
 margin-top: 20px;
 margin-left: 10px;
 margin-right: 10px;
}

.news-grid article a h4  {
 color: #666;
 font-size: 12px;
 font-weight: 300;
 text-decoration: none;
 margin-left: 10px;
 margin-right: 10px;
}

.isotope-spinner {
 text-align: center;
 font-size: 4em;
}

.news-grid article a h3  {
 color: #3e3e3e;
 text-decoration: none;
 margin-left: 10px;
 margin-right: 10px;
}

.news-grid article a:hover span {
 background: #3e3e3e;
}

.news-grid article span  {
 color: #008060;
 font-size: 14px;
 text-decoration: none;
 position: absolute;
 bottom: 0;
left: 0;
padding-left: 10px;
background: #fff;
 width: 100%;
}

.news-meta {
    border-top: 3px solid #f6f6f6;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.news-meta td {
 font-size: 14px;
 font-weight: 400;
 width: auto;
 padding-right: 20px;
 padding-top: 10px;
}

.news-meta th {
 font-size: 12px;
 font-weight: 300;
 color: #666;
 width: auto;
 padding-right: 20px;
 padding-bottom: 10px;
}

@media (min-width:632px){
  .news-grid-options {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
  }
}
.news-grid .ca-subject a {
 text-align: center;
 background: #008060;
 color: #fff;
}

.news-grid .ca-subject a .pg-subject-isotope-info h3 {
 color: #fff;
 font-weight: 300;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.news-grid .ca-subject a .pg-subject-isotope-info p {
 color: #fff;
 font-size: 4em;
}

/* STANDARD ARTICLE */


.article .videowrapper {
    float: none;
    clear: both;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-left: -20px;
    margin-right: -20px;
    border-top: 30px solid #f6f6f6;
    border-bottom: 30px solid #f6f6f6;
}

.article .article-sidebar .article-sidebar-video {
}

.article .article-sidebar .videowrapper {
  margin-left: 0;
  margin-right: 0;
  border: 0;
  margin-bottom: 15px;
}

.article .article-sidebar section {
  padding: 15px;
  background: #fff;
  margin-bottom: 30px;
}

.article-sidebar .btn-lg {
    width: 100%;
    margin: 0 0 15px 0;
}

.article-sidebar .btn-lg i.fa {
    padding: 0 7.5px;
}


.article section.article-sidebar-mpu {
  padding: 0;
  background: transparent;
  text-align: center;
}

.article .article-sidebar-mpu img {
  margin: auto;
}

.article .article-sidebar h3 {
  margin: 0;
  padding-bottom: 15px;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 2px solid #f6f6f6;
  background: #fff;
  margin-bottom: 15px;
  line-height: 1em;
  font-size: 18px;
  font-weight: 400;
}

.article .videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.article .page-content {
  padding-left: 15px;
  padding-right: 15px;
}

.article .article-body {
  background: #fff;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}


.article .article-body ul li,
.article .article-body ol li {
  margin-bottom: 20px;
}

/** SIDE ACTIONS **/


.article .article-body .precis {
  font-size: 24px;
  font-weight: 300;
  border-bottom: 2px solid #f6f6f6;
  padding-bottom: 20px;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  clear: both;
}

.article .article-body .article-side-actions {
 height: 50px;
 width: 100%;
 margin-bottom: 15px;
}

.article .article-body .article-side-actions a {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: #3e3e3e;
  color: #fff;
  text-align: center;
  padding-top: 9px;
  font-size: 24px;
  float: right;
}

.article .article-body .article-side-actions .article-action-tldr {
  width: initial;
  padding: 0 1em;
  line-height: 50px;
  font-size: 14px;
  text-align: left;
  font-weight: 600;
  margin-left: 15px;
}

.article .article-body .article-side-actions .article-action-tldr .article-action-tldr-status-off,
.article .article-body .article-side-actions .article-action-tldr .article-action-tldr-status-on {
  margin-top: 10px;
  text-align: center;
  padding-left: 1em;
  text-transform: uppercase;
  font-weight: 400;
}


.article .article-body .article-side-actions a:hover {
  background: #3e3e3e;
  text-decoration: none;
  color: #fff;
}

.article .article-body .article-side-actions a:active,
.article .article-body .article-side-actions a:focus {
  text-decoration: none;
}

.article .article-body .article-side-actions .article-action-tldr:hover {
  color: #0066cb;
  background: #fff;
}

.article .article-body .article-side-actions .article-action-tldr.article-action-tldr-active {
  background: #0066cb;
}

.article .article-body .article-side-actions .article-action-tldr.article-action-tldr-active:hover {
  color: #fff;
  background: #3e3e3e;
}

.article .article-body .article-side-actions .article-action-facebook, .article .article-body .article-side-actions .article-action-twitter {
  border-radius: 50%;
  margin: 0 2px;
}

.article .article-body .article-side-actions .article-action-facebook {
  background: #39579A;
}

.article .article-body .article-side-actions .article-action-twitter {
  background: #1DA8E2;
}



@media (min-width: 1330px){

.article .article-body .article-side-actions {
 float: left;
 width: 50px;
 margin-left: -90px; 
 margin-top: -20px;
}

.article .article-body .article-side-actions .article-action-tldr {
  height: 100px;
  width: 50px;
  line-height: 1em;
  padding-left: 6px;
  padding-top: 6px;
  margin-bottom: 20px;
  margin-left: 0;
  font-size: 14px;
  text-align: left;
  font-weight: 600;

}

.article .article-body .article-side-actions .article-action-tldr span {
 display: block;
 padding-left: 15px;
}

.article .article-body .article-side-actions .article-action-facebook, .article .article-body .article-side-actions .article-action-twitter {
  margin: 2px 0;
}

  .article .article-body .article-side-actions .article-action-tldr .article-action-tldr-status-off,
.article .article-body .article-side-actions .article-action-tldr .article-action-tldr-status-on {
    padding-left: 6px;
  }

  .article .article-body .precis {
    clear: none;
  }

}

.article .article-body h2 {
  margin-left: -20px;
  padding-left: 20px;
  margin-right: -20px;
  padding-top: 30px;
  padding-bottom: 10px;
  margin-top: 0;
}

.article .article-body p {
  margin-top: 20px;
  margin-bottom: 20px;
}

.article .article-body blockquote {
  margin-left: -20px;
  margin-right: -20px;
  background: #f6f6f6;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 32px;
  font-weight: 400;
  font-style: italic;
}

.article .article-body blockquote p {
  font-size: 32px;
}

.article .article-body blockquote img {
  float: right;
  margin-left: 20px;
  margin-top: 26px;
  height: auto !important;
  max-width: 200px !important;
}

.article .article-body blockquote.with-image p {
  margin-right: 200px;
}

.article .article-body blockquote cite {
  text-align: right;
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 300;
}

@media (max-width: 600px){
  .article .article-body blockquote.with-image img {
    display: none;
  }
  .article .article-body blockquote.with-image p {
    margin-right: 0;
    font-size: 24px;
  }
}



/* STAFF PROFILE BOXES */

.staff-box {
  margin-bottom: 25px;
}

.staff-box-content {
  background: #fff;
  padding: 8px;
  height: 160px;
  position: relative;
}

.staff-box a .staff-box-content h3 {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  color: #000;
  line-height: 21px;
}

.staff-box-content h4 {
  font-size: 12px;
  font-weight: 300;
  color: #000;
}

.staff-box-content span.organisation {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  color: #188cff;
  padding-top: 8px;
  margin-bottom: 0;
  position: absolute;
  bottom: 8px;
  font-size: 12px;
  font-weight: 500;
}

.staff-box-content .fadeout {
  bottom: 26px;
  width: 100%;
  margin-left: -8px;
}

.staff-box .stretchy-wrapper {
  background: #ccc;
  padding-bottom: 120%;
  background-size: cover;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.staff-box a:hover,
.staff-box a:active,
.staff-box a:focus {
  text-decoration: none;
}

.staff-box a:hover .stretchy-wrapper,
.staff-box a:active .stretchy-wrapper,
.staff-box a:focus .stretchy-wrapper {
  filter: none;
  -webkit-filter: none;
}

.staff-box a:hover .staff-box-content,
.staff-box a:active .staff-box-content,
.staff-box a:focus .staff-box-content {
  background: #3e3e3e;
  color: #fff;
}

.staff-box a:hover .staff-box-content h3,
.staff-box a:hover .staff-box-content h4,
.staff-box a:hover .staff-box-content span.organisation,
.staff-box a:active .staff-box-content h3,
.staff-box a:active .staff-box-content h4,
.staff-box a:active .staff-box-content span.organisation,
.staff-box a:focus .staff-box-content h3,
.staff-box a:focus .staff-box-content h4,
.staff-box a:focus .staff-box-content span.organisation  {
  color: #fff;
  text-decoration: none;
}

.staff-box a:hover div.stretchy-wrapper > div,
.staff-box a:active div.stretchy-wrapper > div,
.staff-box a:focus div.stretchy-wrapper > div {
  opacity: 1;
}

.no-organisation .staff-box .staff-box-content .fadeout {
  bottom: 0;
}

.no-organisation .staff-box .staff-box-content {
  height: 140px;
}

.no-organisation .staff-box .staff-box-content span.organisation {
  display: none;
}

.staff-box .stretchy-wrapper img {
  display: none;
}


/* PROSPECTUS COURSE PAGES */

.prospectus-course-v1 .section-navigation nav {
 display: none;
}

.prospectus-course-v1 .page-content > div {
  background: #fff;
  margin-left: 0 !important; /* this overrides a banner default */
  padding: 15px;
}

.prospectus-course-v1 .course-summary-box {  
  background: #fff;
  padding: 15px;
  margin-top: 62px;
}

.prospectus-course-v1 .course-summary-box p {  
  margin: 0;
}

.prospectus-course-v1 .course-summary-box hr {
  margin-top: 15px;
  margin-bottom: 15px;
}

.prospectus-course-v1 .course-summary-box hr:last-child {
 display: none;
}

/* STAFF PROFILE */

.hk-staffprofile .hk-fact i {
  margin-right: 8px;
}

.hk-staffprofile .hk-overview-content p.hk-department {
  margin-top: 10px
}

@media print {
  div.collapse { 
    display:block;
  }
  #accordion .accordion-arrow, .accordion .accordion-arrow {
    display: none;
  }
}

/* PROSPECTUS SEARCH BOX */

.gre-programme-search > div {
  text-align: center;
}

.gre-programme-search .btn {
  margin-left: -5px;
}


#search-yearSelectBoxItContainer {
  background: #fff;
  margin: 0;
  color: #999;
  font-size: 18px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  margin-left: -7px;
  border-left: 1px solid #CCC;
}

#search-year {
  font-size: 18px;
}

#search-year, #search-yearSelectBoxItContainer {
    display: none;
}

@media (min-width:1200px){
  #search-year, #search-yearSelectBoxItContainer {
    display: inline-block;
  }
}


#search-yearSelectBoxItContainer.searchtext-focus {
 border-top-color: #66afe9;
 border-bottom-color: #66afe9;
}

#search-yearSelectBoxItContainer .selectboxit-btn {
  height: 47px;
  padding-top: 4px;
  padding-left: 8px;
  width: 126px;
}

.programme-search #searchtext {
  border-radius: 0;
  box-shadow: none;
}

.ui-autocomplete li.ui-menu-item a span.search-type {
  font-size: 14px; 
  float: right; 
  display: block; 
  color: #188cff; 
  width: 15%; 
  text-align: right; 
  margin-top: 10px; 
  padding-right: 12px;
}

.ui-autocomplete li.ui-menu-item a span.search-desc {
  color: #666; 
  font-weight: 300; 
  font-size: 12px; 
  display: block; 
  width: 80%; 
  margin-top: 3px
}

.ui-autocomplete li.ui-menu-item a span.search-desc i {
  margin-right: 6px;
}

.ui-autocomplete li.ui-menu-item a span.search-matched,
.ui-autocomplete li.ui-menu-item a span.search-desc span.search-matched {
  font-weight: 500; 
  color: #000;
}

.ui-autocomplete li.ui-menu-item a:hover,
.ui-autocomplete li.ui-menu-item a:hover span.search-type,
.ui-autocomplete li.ui-menu-item a:hover span.search-desc,
.ui-autocomplete li.ui-menu-item a:hover span.search-matched,
.ui-autocomplete li.ui-menu-item a:hover span.search-desc span.search-matched {
  color: #fff;
}


/* 2017 PROSPECTUS */


.hk-page-content #tabbing #directory>div.pg-grid-options {
 background: #f6f6f6;
 //margin: 0; // Use standard tab margin (0 -15px)
 padding: 0;
 padding-top: 20px;
 border: 0;
}

/* PROG PAGES */

.programme .accordion aside h4 {
 font-size: 1.125em;
}

.hk-page-content #tabbing #directory>div.pg-grid {
  background: #f6f6f6;
  margin-top: 0;
  border-top: 0;
}

.hk-page-content div.pg-grid {
  background: #f6f6f6;
  margin-top: 0;
  border-top: 0;
}

.gre-banner-info-success .panel {
 box-shadow: none;
}

.pg-course-summary {
  background: #fff;
}

/*
.hk-page-content #tabbing #directory .pg-course-maps {
 background: #fff
}
*/

.pg-course-maps, #tabbing #directory .pg-course-maps {
 background: #fff
}

.hk-google-map {
 margin-bottom: -6px;
}

.hk-page-content #tabbing #directory .pg-course-maps h2 {
 background: #fff; 
}

.hk-page-content #tabbing #directory .pg-course-maps h3 {
 margin-left: 60px;
}

.pg-getting-here-info {
    padding: 0 15px;
}

/*
@media only screen and (min-width:768px){
  .hk-page-content #tabbing #directory .pg-course-maps h2 { // Overriding gre.css 
    width: 30%;
  }
  .pg-getting-here-info {
    width: 70%;
    float: right;
  }
}
*/

@media only screen and (min-width:1200px){

  .hk-page-content #tabbing #directory .pg-course-maps h2 { // Overriding the overriding of gre.css
    width: 100%;
    padding: 15px;
    background-color: #f6f6f6;
  }

  .pg-getting-here-info {
    width: 345px;
    font-size: 90%;
    padding-left:0;
    float: right;
  }

  .hk-google-map {
    width: 64%;
    float: left;
  }


}

#people-say p.pg-course-quotation-author-meta {
  margin-left: 20px;
}

#people-say p.pg-course-quotation-author-meta strong {
    font-size: 14px;
    display: block;
    font-weight: 300;
}

/* SUBJECT PAGES */

.container .selectboxit-container {
  margin-top: 15px;
  font-size: 18px;
}
@media (min-width: 480px){
  .container .selectboxit-container {
    margin-top: -8px;
    font-size: 20px;
  }
}


div.stretchy-wrapper {
  display:none;
}

@media only screen and (min-width: 350px){
  div.stretchy-wrapper {
    display:block;
    width: 100%;
    padding-bottom: 40%;
    position: relative;
  }

  a:hover div.stretchy-wrapper > div {
    opacity: 0.5;
  }

  div.stretchy-wrapper > div {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    background-size: cover;
    background-position: center;
  }
}



.pg-subject-isotope-info h4 i {
  padding-right: 6px
}
.pg-location i {
  padding-right: 10px;
}


.pg-subject-isotope-info {
 height: 250px;
 position: relative;
 overflow: hidden;
}
@media screen and (min-width:350px){
  .ca-eve .pg-subject-isotope-info {
    height: 180px;
  }
}
@media screen and (min-width:600px){
  .ca-eve .pg-subject-isotope-info {
    height: 250px;
  }
}
@media screen and (min-width:992px){
  .ca-eve .pg-subject-isotope-info {
    height: 220px;
  }
}
@media screen and (min-width:1200px){
  .ca-eve .pg-subject-isotope-info {
    height: 225px;
  }
}

.ca-eve .pg-subject-isotope-info p::after {
    content: "...";
}

.isotope-layout {
 display: none;
}

.prospectus-subject-v1 .section-navigation, .no-nav .section-navigation {
    display: none;
}

.prospectus-subject-v1 .page-content, .no-nav .page-content {
    width: 100%;
}


.selectboxit-container, .selectboxit-container .selectboxit {
  max-width: 100%;
}

.pg-image {
 background-size: cover;
}

@media (min-width: 480px){
  .pg-grid {
      margin-left: -10px;
      margin-right: -10px;
      margin-top: 20px;
  }
}

.pg-grid article {
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 20px;
 background: #fff;
}

.pg-grid article a {
    display: block;
    overflow: hidden;
}

.pg-grid article a:hover, 
.pg-grid article a:hover h3,
.pg-grid article a:hover h4,
.pg-grid article a:hover p,
.pg-grid article a:hover span,
.pg-grid article a:active, 
.pg-grid article a:active h3,
.pg-grid article a:active h4,
.pg-grid article a:active p,
.pg-grid article a:active span,
.pg-grid article a:focus, 
.pg-grid article a:focus h3,
.pg-grid article a:focus h4,
.pg-grid article a:focus p,
.pg-grid article a:focus span {
    text-decoration: none;
    border: 0;
    background: #3e3e3e;
    color: #fff;
}

.pg-grid article a:hover th,
.pg-grid article a:active th,
.pg-grid article a:focus th,
.pg-grid article a:hover .pg-location,
.pg-grid article a:active .pg-location,
.pg-grid article a:focus .pg-location
 {
    color: #00cd99;
}

.pg-grid article a h3  {
 color: #3e3e3e;
 font-size: 22px;
 margin-left: 10px;
 margin-right: 10px;
 text-decoration: none;
}


@media (min-width: 993px){
  .pg-grid article a h3  {
   font-size: 24px;
  }
}

.pg-grid article a h4  {
 color: #666;
 font-size: 12px;
 font-weight: 300;
 text-decoration: none;
 margin-left: 10px;
 margin-right: 10px;
}

.pg-grid article a p  {
 color: #3e3e3e;
 font-size: 15px;
 text-decoration: none;
 margin-top: 20px;
 margin-left: 10px;
 margin-right: 10px;
}


.pg-grid .isotope-spinner {
 text-align: center;
 font-size: 4em;
}

.pg-grid article a:hover span {
 background: #3e3e3e;
}

.pg-grid article span  {
 color: #008060;
 font-size: 14px;
 text-decoration: none;
 position: absolute;
 bottom: 0;
left: 0;
padding-left: 10px;
background: #fff;
 width: 100%;
}

.pg-meta {
    border-top: 3px solid #f6f6f6;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.pg-meta td {
 font-size: 14px;
 font-weight: 400;
 width: auto;
 padding-right: 20px;
 padding-top: 10px;
}

.pg-meta th {
 font-size: 12px;
 font-weight: 300;
 color: #666;
 width: auto;
 padding-right: 20px;
 padding-bottom: 10px;
}

@media (min-width:632px){
  .pg-grid-options {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
  }
}
.pg-grid .ca-subject a {
 text-align: center;
 background: #008060;
 color: #fff;
}

.pg-grid .ca-subject a .pg-subject-isotope-info h3 {
 color: #fff;
 font-weight: 300;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.pg-grid .ca-subject a .pg-subject-isotope-info p {
 color: #fff;
 font-size: 4em;
}

/* IMAGE CODE FOR ACCOMMODATION */

.accommodation-img {
width:80%;
margin:auto;
margin-bottom:20px;
}

.accommodation-img img {
max-width:100%;
}

.accommodation-img p {
margin-top:8px;
font-size:14px;
margin-bottom:0;
}

/* NEW TABS */

.hk-page-content>div.gre-tabs {
  padding: 0;
}

.hk-page-content>div.gre-tabs h2 {
  background: #fff;
  padding-left: 0;
  padding-right: 0;
}

.page-content .gre-tabs .tab-pane {
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.page-content .gre-tabs h2,
.page-content .gre-tabs h3 {
  margin-left: 0;
  margin-right: 0;
}

.page-content .gre-tabs .nav-tabs>li {
  margin-bottom: 0;
}

.page-content .gre-tabs .nav-tabs>li>a,
.page-content .gre-tabs .nav-tabs>li.active>a, 
.page-content .gre-tabs .nav-tabs>li.active>a:hover, 
.page-content .gre-tabs .nav-tabs>li.active>a:focus,
.page-content .gre-tabs .nav-tabs>li>a:hover {
  border: 0;
  margin-right: 0;
}

.page-content .gre-tabs .nav-tabs>li.active>a,
.page-content .gre-tabs .nav-tabs>li>a:hover {
  text-decoration: underline;
  border-radius: 0;
  margin-right: 0;
}

/* LANDING PAGE

.landing-page .banner,
.landing-page .section-navigation {
  display: none;
}

.landing-page .page-content {
  width: 100%;
}

.landing-page .lp-descriptor {
  background: transparent;
  margin-top: 30px;
  padding: 0;
}

.landing-page .lp-stats {
  margin-left: -15px;
  margin-right: -15px;
  background: #f6f6f6;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 89px;
}

.landing-page .lp-descriptor > div {
 background: #fff;
 padding: 15px;
}

.landing-page .lp-section-container {
  background: #f6f6f6;
}


.landing-page div.lp-text {
  width: 100%;
}
.landing-page div.lp-actions {
  width: 100%;
  background: transparent;  
}

@media (min-width: 1200px){
 .landing-page div.lp-text {
  width: 70%;
  float: left;
  padding-bottom: 0;
 }
 .landing-page div.lp-actions {
  float: right;
  width: 30%;
  background: transparent;  
  padding-top: 0px;
  padding-left: 30px;
  padding-right: 0;
  padding-bottom: 0;
 }
}

.landing-page div.lp-footnote {  
  background: #f6f6f6;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -15px;
  padding-top: 20px;
  font-size: 12px;
}

.landing-page div.lp-footnote p {
  margin-bottom: 10px;
  margin-top: 0;
}

.landing-page .lp-actions .lp-action-box {
  background: #fff;
  padding: 15px;
}

.landing-page .lp-actions .lp-action-box .btn-outline {
  background: #fff;
  border: 2px solid #0066cb;
  color: #0066cb;
}

.landing-page .lp-actions .lp-action-box .btn-outline:hover {
  color: #fff;
  background-color: #2a2a2a;
  text-decoration: none;
  border-color: #fff;
}

.landing-page .lp-actions .lp-action-box .lp-button-layer {
  text-align: center;
}

.landing-page .lp-actions .lp-action-box .btn {
  font-size: 18px;
  width: 80%;
  margin-bottom: 10px;
}



.landing-page .lp-actions .lp-action-box h2 {
  background: inherit;
  font-size: 24px;
  padding-top: 0;
}

@media (min-width: 768px){
 .landing-page .lp-actions .lp-action-box .btn {
  font-size: 15px;
  width: 45%;
 }
}
@media (min-width: 992px){
 .landing-page .lp-actions .lp-action-box .btn {
  font-size: 18px;
  width: 23%;
 }
}
@media (min-width: 1200px){
 .landing-page .lp-actions .lp-action-box .btn {
  width: 80%;
 }
}

.landing-page .lp-actions .lp-button-layer {

}


@media (min-width: 1200px) {

  .landing-page .lp-stats .stat-box {
    height: 15em;
  }

} */


/* MATHS PROFILES */

.mr .maths-profile-photo {
    margin-top: 20px;
    margin-right: 15px;
    margin-left: 50px;
}

/* FOUNDATION SUBJECT LAYOUT FIX */

.hk-fd-section-container > div {
 margin-top: -35px;
}

/* PROGRAMME CTAS */

.hk-course-ctas {
  margin-top: 20px;
}

.hk-course-ctas .hk-pdf-download {
  display: inline-block;
  margin-right: 20px;
  float: left;
}

.hk-course-ctas #basket-wrapper,
.hk-course-ctas #basket-wrapper p,
.hk-course-ctas .basket-buttons {
 display: inline;
}

.hk-course-ctas #basket-summary-display {
  display: inline-block;
  padding: .5em 1em;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  color: #fff;
  background-color: #0066cb;
  font-size: 14px;
  font-weight: 400;
}

.hk-course-ctas a i {
  margin-right: 8px;
}

.hk-course-ctas .basket-add-button {
  margin-top: 20px;
}

.hk-course-ctas .ico_add_text {
  display: inline-block;
  margin-left: 8px;
  font-style: italic;
}

.print-prospectus #checkout-basket-wrapper {
  padding-bottom: 20px;
}

.print-prospectus .itemInfo {
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
}

/* FEEDBACK BUTTON */

#feedback-link {
  position: fixed;
  bottom: 0;
  right: 30px;
  background: #0066cb;
  color: #fff;
  font-size: 16px;
}

#feedback-link a i {
  margin-right: 8px;
}

#feedback-link a {
  background: #0066cb;
  color: #fff;
  text-decoration: none;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: block;
}

#feedback-link a:hover {
  background: #2a2a2a;
}

#feedback-box .btn-default {
  background: none;
  color: #0066cb;
}


#feedback-box .form-control {
  margin-bottom: 12px;
}

@media (max-width:768px){
  #feedback-link {
    display: none;
  }
}

/* PROTOLONGFORM FIXES no longer used */
/*
.proto-longform .news-story {
  background: transparent;
  padding: 0;
}

.proto-longform .news-story .lead,
.proto-longform .news-story .lf-section-left {
  background: #fff;
  padding-left: 15px;
  padding-right: 15px;
}


.proto-longform blockquote cite {
  display: block;
  margin-top: 20px;
  text-align: right;
  font-size: 16px;
  font-style: italic;
}

.proto-longform .lf-buttons {
  margin-top: 30px;
}

.proto-longform #edit,
.proto-longform .newsdate {
  display: none;
}
*/
/* PROGRAMME PAGE FIXES */

.hk-course-summary .hk-course-quote img,
#peoplesay .hk-course-quote img {
  display: none;
}

/* RESPONSIVE FIXES FOR PROGRAMME PAGES */

@media (max-width:768px){
  .hk-unistats {
    overflow-x: scroll;
  }

  .hk-pdf-download {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  /* this sorts out video embedding shenanigans */

  .video-container,
  .video-container2,
  #flashcontent,
  .video-container iframe {
    max-width: 100% !important;
  }


}

@media (max-width:600px){

  .hk-course-ctas .hk-pdf-download {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }

  .hk-course-ctas #basket-wrapper p {
    float: left;
    margin-right: 8px;
  }

  .hk-course-ctas .ico_add_text {
    display: none;
  }

  .hk-course-ctas .basket-add-button {
    display: inline-block;
  }
}

@media print {
  .section {
    width: 100%!important;
  }
  .fadeout {
    display: hidden;
  }
  .staff-box {
    display: block;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid gray;
  }
  .staff-box div.stretchy-wrapper {
    display: block;
    width: 180px;
    padding: 20px 0;
    position: relative;
    float: left;
  }
  .staff-box .stretchy-wrapper img {
    display: block;
    padding: 0 20px;
  }
  .staff-box-content h4 {
    font-size: 1em;
  }
  .staff-box-content span.organisation {
    font-size: 1em;
  }
}