@charset "UTF-8";
/* 
Theme Name: Edge Hill Duck
Theme URI: https://www.edgehill.ac.uk
Author: Web Services at Edge Hill University
Author URI: https://www.edgehill.ac.uk/
Description: The Edge Hill Duck theme is a responsive theme built on a fork of WordPress Twenty Twelve
Version: 2.0
TwentyTwelve Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: edgehill

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values are calculated using two variables:
 
$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
        padding: 5px 0;
        padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
        font-size: 16px
        font-size: 1.142857143rem; (16 / $rembase)
        line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
        margin: 24px 0;
        margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Fonts
-------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Lato:400,400i,700,900);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
/*
 * Import styles to reduce HTTP requests
 */
@import url(css/flexslider.css);
/* TODO: Review if this can be enqueued when sliders are used */
/* =Colors
-------------------------------------------------------------- */
/* =Functions
-------------------------------------------------------------- */
/*Placeholder mixin for styling the placeholder text of text input (search box) */
/*Breakpoint mixins
 *usage: @include respond-to(mobile)
 */
/*Clearfix mixin
 *usage: @include clearfix
 */
/*Transition mixin
 *usage: @include transition(all, 0.3s, ease-in) for example
 */
/*Opacity mixin
*usage: @include opacity(0.3)
*/
/* Vertical alignment mixin
   Parent element has to be position: absolute */
/*Truly responsive text function*/
/*Include gradient scrim for text overlay on imagery*/
/* =Reset
-------------------------------------------------------------- */
/*Box sizing*/
html {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  margin: 0;
  padding: 0;
  padding: 0;
  border: none;
  -webkit-border: none;
  -moz-border: none;
  -ms-border: none;
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  word-wrap: normal;
  font-size: 100%;
  vertical-align: baseline;
  outline: 0; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  border-bottom: none; }
  table td {
    border-bottom: 1px solid #dee0df; }
  table th {
    border-bottom: 1px solid rgba(103, 30, 117, 0.1);
    border-right: 1px solid rgba(103, 30, 117, 0.1); }

caption,
th,
td {
  font-weight: normal;
  text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both; }

html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

:focus {
  outline: 5px solid;
  outline: -webkit-focus-ring-color auto 1px; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none; }

del {
  color: #444444; }

ins {
  background: #fff9c0;
  text-decoration: none; }

hr {
  color: #444444;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  height: 1px; }

/*Prevent H2 border top if it comes directly after a hr*/
hr + h2 {
  border-top: 0 !important;
  padding-top: 0 !important; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

small {
  font-size: smaller; }

img {
  border: none;
  -webkit-border: none;
  -moz-border: none;
  -ms-border: none;
  -ms-interpolation-mode: bicubic; }

/* Clearing floats */
.clear:after,
.wrapper:after {
  clear: both; }

.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after {
  display: table;
  content: ""; }

/* = Edge Hill Duck
-------------------------------------------------------------- */
/* Body, links, basics */
html {
  font-size: 87.5%; }

body {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429;
  color: #444444;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility; }
  body .fa-li {
    line-height: 1.71429; }

a {
  color: #671E75; }

#site a:hover, #site a:visited {
  color: #43144c; }

.fa-li {
  top: 0; }

/* Scholarships calculator unordered list inheritance correction*/
ul.fa-ul li {
  list-style: none; }

/* Form fields, general styles first */
button,
input,
select,
textarea {
  border: 1px solid #ccc;
  -webkit-border: 1px solid #ccc;
  -moz-border: 1px solid #ccc;
  -ms-border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  padding: 0 6px;
  padding: 0 0.42857rem;
  margin: 6px 0;
  margin: 0.42857rem 0;
  font-family: inherit;
  box-sizing: border-box;
  max-width: 100%; }
  button .fa-li,
  input .fa-li,
  select .fa-li,
  textarea .fa-li {
    line-height: 1.84615; }

textarea {
  font-size: 100%;
  overflow: auto;
  vertical-align: top;
  height: auto; }

button,
select,
input[type="file"],
input[type="text"],
input[type="image"],
input[type="color"],
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="email"],
input[type="datetime"],
input[type="number"] {
  height: 36px;
  line-height: normal !important; }

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
  border: none;
  -webkit-border: none;
  -moz-border: none;
  -ms-border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  padding: 0;
  padding: 0; }

/* Buttons */
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit] {
  font-size: 11px;
  font-size: 0.78571rem;
  line-height: 2.18182;
  color: #671E75;
  background-color: #fcfcfc;
  border: 1px solid #d2d2d2;
  -webkit-border: 1px solid #d2d2d2;
  -moz-border: 1px solid #d2d2d2;
  -ms-border: 1px solid #d2d2d2;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1) black;
  -webkit-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1) black;
  -moz-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1) black;
  -ms-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1) black;
  font-weight: normal; }
  input[type="submit"] .fa-li,
  input[type="button"] .fa-li,
  input[type="reset"] .fa-li,
  article.post-password-required input[type=submit] .fa-li {
    line-height: 2.18182; }

button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  background-color: #671E75;
  color: #FFFFFF;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  cursor: pointer;
  background-image: none; }
  button .fa-li,
  input[type="submit"] .fa-li,
  input[type="button"] .fa-li,
  input[type="reset"] .fa-li {
    line-height: 2; }

button[disabled],
input[disabled] {
  cursor: default; }

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
  color: #671E75;
  background-color: #fcfcfc; }

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
  color: #671E75;
  background-color: #fcfcfc; }

.bypostauthor cite span {
  color: #671E75;
  background-image: none; }

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
  max-width: 100%;
  /* Fluid images for posts, comments, and widgets */ }

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
  max-width: 100%;
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
  max-width: 100%; }

.entry-content .twitter-tweet-rendered {
  max-width: 100% !important;
  /* Override the Twitter embed fixed width */ }

/* Images */
.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  margin-left: auto;
  margin-left: auto;
  margin-right: auto;
  margin-right: auto;
  display: block; }

.wp-caption {
  padding: 4px 0;
  padding: 0.28571rem 0;
  max-width: 100%;
  /* Keep wide captions from overflowing their container. */ }
  .wp-caption img {
    display: block; }

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  padding: 2px 6px;
  padding: 0.14286rem 0.42857rem;
  color: black;
  text-align: left;
  background-color: #f2ebf3;
  box-sizing: border-box; }
  .wp-caption .wp-caption-text .fa-li,
  .gallery-caption .fa-li,
  .entry-caption .fa-li {
    line-height: 2; }
  .wp-caption .wp-caption-text a,
  .gallery-caption a,
  .entry-caption a {
    text-decoration: none;
    display: block !important;
    padding: 6px;
    padding: 0.42857rem;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5;
    color: #671E75; }
    .wp-caption .wp-caption-text a .fa-li,
    .gallery-caption a .fa-li,
    .entry-caption a .fa-li {
      line-height: 1.5; }
    .wp-caption .wp-caption-text a:hover,
    .gallery-caption a:hover,
    .entry-caption a:hover {
      text-decoration: underline; }

.parent-pageid-6570 .wp-caption-text strong {
  color: #671E75; }

.parent-pageid-6570 .wp-caption-text a {
  display: inline !important;
  font-size: 16px !important;
  padding: 0; }

img.wp-smiley,
.rsswidget img {
  border: none;
  -webkit-border: none;
  -moz-border: none;
  -ms-border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  box-shadow: none black;
  -webkit-box-shadow: none black;
  -moz-box-shadow: none black;
  -ms-box-shadow: none black;
  margin-bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
  margin-top: 0;
  padding: 0;
  padding: 0; }

.gallery {
  margin: auto; }
  .gallery .gallery-item {
    float: left;
    text-align: center; }
  .gallery .gallery-icon img {
    height: auto;
    display: block; }

.gallery-columns-2 .gallery-item {
  width: 50%; }

.gallery-columns-3 .gallery-item {
  width: 33%; }

.gallery-columns-4 .gallery-item {
  width: 25%; }

.entry-content dl.gallery-item {
  margin: 0 0 24px 0;
  margin: 0 0 1.71429rem 0; }
  .entry-content dl.gallery-item dd {
    margin-bottom: 0;
    margin-bottom: 0; }

.gallery-caption {
  width: 90%; }
  .gallery-caption a {
    display: inline; }

/* Blog Post Next/Previous Navigation */
#primary nav {
  clear: both;
  overflow: hidden; }

.nav-previous,
.previous-image {
  float: left;
  width: 50%; }

.nav-previous a,
.previous-image a,
.nav-next a,
.next-image a {
  text-decoration: none; }

.nav-next,
.next-image {
  float: right;
  text-align: right;
  width: 50%; }

.nav-single + .comments-area {
  margin: 24px 0;
  margin: 1.71429rem 0; }

/* Author profiles */
.author .archive-header {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.author-info, .comments-area {
  margin: 24px 0;
  margin: 1.71429rem 0;
  padding-top: 24px;
  padding-top: 1.71429rem;
  border-top: 1px solid #fcfcfc;
  overflow: hidden;
  clear: both; }

.author-description h2 {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  color: #671E75; }
  .author-description h2 .fa-li {
    line-height: 1.5; }

.author.archive .author-info {
  margin: 0 0 48px;
  margin: 0 0 3.42857rem;
  border-top: 0; }

.author.archive .author-avatar {
  margin-top: 0;
  margin-top: 0; }

/* Assistive text */
.assistive-text,
#site .screen-reader-text {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px); }

.main-navigation .assistive-text:focus {
  background-color: #FFFFFF;
  border: 2px solid #333;
  -webkit-border: 2px solid #333;
  -moz-border: 2px solid #333;
  -ms-border: 2px solid #333;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  color: #000000;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  padding: 12px;
  padding: 0.85714rem;
  clip: auto !important;
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 100000;
  /* Above WP toolbar */ }
  .main-navigation .assistive-text:focus .fa-li {
    line-height: 2; }

/* =Main content and comment content
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #671E75; }

a[name].anchor {
  display: block;
  position: relative;
  top: -96px;
  visibility: hidden; }

/* Archive Meta */
.entry-header .archive-meta {
  margin-top: 24px;
  margin-top: 1.71429rem; }
  .entry-header .archive-meta h1 {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem;
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2;
    padding: 0;
    padding: 0;
    background-color: #FFFFFF;
    color: #671E75;
    clear: left;
    font-weight: normal; }
    .entry-header .archive-meta h1 .fa-li {
      line-height: 1.2; }
    .entry-header .archive-meta h1 a {
      color: #671E75;
      font-weight: normal;
      text-decoration: none; }

.entry-header .archive-meta h1:before {
  font-family: 'fontAwesome';
  padding-right: 12px;
  padding-right: 0.85714rem; }

/* Article Titles */
.entry-header {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }
  .entry-header .entry-title {
    margin-bottom: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2;
    padding: 0;
    padding: 0;
    background-color: #FFFFFF;
    color: #671E75;
    clear: left;
    font-weight: normal; }
    .entry-header .entry-title .fa-li {
      line-height: 1.2; }
    .entry-header .entry-title a {
      color: #671E75;
      font-weight: normal;
      text-decoration: none; }
      .entry-header .entry-title a:hover {
        text-decoration: underline; }
  .entry-header .entry-title:before {
    font-family: 'fontAwesome';
    padding-right: 12px;
    padding-right: 0.85714rem; }
  .entry-header img {
    margin: 0 0 0 24px;
    margin: 0 0 0 1.71429rem;
    float: right;
    max-width: 20%; }
  .entry-header img.wp-post-image {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }
  .entry-header .search-link {
    color: #671E75; }
  .entry-header .entry-format {
    margin-top: 24px;
    margin-top: 1.71429rem;
    font-weight: normal; }
  .entry-header .comments-link {
    margin-top: 24px;
    margin-top: 1.71429rem;
    font-size: 13px;
    font-size: 0.92857rem;
    line-height: 1.84615;
    color: #444444; }
    .entry-header .comments-link .fa-li {
      line-height: 1.84615; }

/* Page Titles */
.single #primary .entry-header .entry-title,
.page #primary .entry-header .entry-title,
.blog #primary > .entry-header .entry-title,
.archive #primary > .entry-header .entry-title,
.author #primary > .entry-header .entry-title,
.search #primary > .entry-header .entry-title,
.attachment #primary > .entry-header .entry-title {
  font-size: 40px;
  font-size: 2.85714rem;
  line-height: 1.2;
  padding: 24px 24px 24px 0;
  padding: 1.71429rem 1.71429rem 1.71429rem 0;
  color: #671E75;
  background-color: #FFFFFF;
  font-weight: normal;
  border-top: 4px solid #671E75; }
  .single #primary .entry-header .entry-title .fa-li,
  .page #primary .entry-header .entry-title .fa-li,
  .blog #primary > .entry-header .entry-title .fa-li,
  .archive #primary > .entry-header .entry-title .fa-li,
  .author #primary > .entry-header .entry-title .fa-li,
  .search #primary > .entry-header .entry-title .fa-li,
  .attachment #primary > .entry-header .entry-title .fa-li {
    line-height: 1.2; }
  .single #primary .entry-header .entry-title a,
  .page #primary .entry-header .entry-title a,
  .blog #primary > .entry-header .entry-title a,
  .archive #primary > .entry-header .entry-title a,
  .author #primary > .entry-header .entry-title a,
  .search #primary > .entry-header .entry-title a,
  .attachment #primary > .entry-header .entry-title a {
    color: #671E75;
    text-decoration: none; }

.single-post footer.entry-meta .show-share {
  margin: 12px 6px 12px 0 !important; }

.single-post footer.entry-meta .sd-sharing-enabled {
  margin: 12px 0 !important; }

footer.entry-meta {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  padding: 12px 0;
  padding: 0.85714rem 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #FFFFFF;
  color: #444444;
  clear: both;
  box-sizing: border-box;
  border-top: 1px solid rgba(222, 224, 223, 0.9); }
  footer.entry-meta .fa-li {
    line-height: 1.84615; }
  footer.entry-meta .show-share {
    background-color: #671E75 !important;
    line-height: 1.7;
    display: inline-block;
    clear: right !important;
    margin: 0 !important;
    float: right !important; }
    footer.entry-meta .show-share:hover {
      background-color: #43144c !important; }
  footer.entry-meta .was-helpful {
    margin-right: 0 !important;
    padding: 6px 0 12px 0;
    clear: left !important;
    float: left !important;
    position: relative; }
  footer.entry-meta .was-helpful:after {
    content: "x";
    position: absolute;
    padding: 6px 12px;
    background-color: #671E75;
    color: #FFFFFF;
    top: 35px;
    right: 0;
    cursor: pointer;
    display: none; }
  footer.entry-meta .was-helpful-yes, footer.entry-meta .was-helpful-no {
    display: inline-block;
    backface-visibility: hidden;
    transform: translateZ(0); }
    footer.entry-meta .was-helpful-yes:hover, footer.entry-meta .was-helpful-no:hover {
      transform: scale(1.04); }
    footer.entry-meta .was-helpful-yes i, footer.entry-meta .was-helpful-no i {
      margin-right: 3px;
      margin-right: 0.21429rem; }
  footer.entry-meta .was-helpful-yes {
    margin: 0 6px;
    margin: 0 0.42857rem; }
  footer.entry-meta .was-helpful-close {
    position: absolute;
    top: 7px;
    right: -11px;
    background-color: #671E75;
    padding: 12px 18px;
    color: #FFFFFF;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
    box-shadow: 2px 2px 1px rgba(103, 30, 117, 0.15); }
    footer.entry-meta .was-helpful-close:hover {
      background-color: #43144c; }
    footer.entry-meta .was-helpful-close:after {
      content: "X"; }
  footer.entry-meta .sd-sharing-enabled {
    float: left !important;
    display: inline-block;
    clear: none !important;
    margin-top: 0 !important;
    margin-left: 6px !important; }
  footer.entry-meta .sd-content > ul li a {
    border: 1px solid rgba(103, 30, 117, 0.4) !important;
    background-color: transparent !important;
    padding: 6px !important; }
  footer.entry-meta .posted-on {
    float: left;
    margin-bottom: 12px; }
    footer.entry-meta .posted-on:before {
      color: #671E75; }
  footer.entry-meta .edit-link:before {
    color: #671E75; }
  @media screen and (min-width: 801px) and (max-width: 1200px) {
    footer.entry-meta .was-helpful {
      float: left;
      clear: left; } }
  @media screen and (min-width: 601px) and (max-width: 850px) {
    footer.entry-meta .was-helpful {
      padding: 6px; } }
  @media screen and (max-width: 600px) {
    footer.entry-meta .sd-content ul li {
      margin-bottom: 12px !important; }
      footer.entry-meta .sd-content ul li a {
        margin-bottom: 12px !important; }
    footer.entry-meta .was-helpful-question {
      margin-top: 0; }
    footer.entry-meta .was-helpful-close {
      top: 0; } }
  @media screen and (max-width: 850px) {
    footer.entry-meta .sd-sharing-enabled {
      width: 100%;
      text-align: center;
      margin-top: 24px !important; }
    footer.entry-meta .was-helpful {
      padding: 6px;
      padding: 0.42857rem;
      margin: 12px 0 !important;
      padding: 0; }
    footer.entry-meta .was-helpful-yes, footer.entry-meta .was-helpful-no {
      width: auto !important;
      display: inline-block;
      padding: 12px !important; } }
  footer.entry-meta a {
    color: #444444;
    text-decoration: underline; }
  footer.entry-meta a:hover {
    color: #671E75;
    text-decoration: underline; }
  footer.entry-meta .posted-on, footer.entry-meta .byline, footer.entry-meta .cat-links, footer.entry-meta .tags-links, footer.entry-meta .comments-link, footer.entry-meta .entry-format, footer.entry-meta .full-size-link, footer.entry-meta .edit-link, footer.entry-meta .show-share, footer.entry-meta .camera-used, footer.entry-meta .was-helpful, footer.entry-meta .track-changes, footer.entry-meta .download-link {
    margin-right: 12px;
    margin-right: 0.85714rem;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top; }
  footer.entry-meta .posted-on:before, footer.entry-meta .byline:before, footer.entry-meta .cat-links:before, footer.entry-meta .tags-links:before, footer.entry-meta .comments-link:before, footer.entry-meta .entry-format:before, footer.entry-meta .full-size-link:before, footer.entry-meta .edit-link:before, footer.entry-meta .show-share:before, footer.entry-meta .camera-used:before {
    font-size: 13px;
    font-size: 0.92857rem;
    line-height: 1.84615;
    padding-right: 4px;
    padding-right: 0.28571rem;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "FontAwesome"; }
    footer.entry-meta .posted-on:before .fa-li, footer.entry-meta .byline:before .fa-li, footer.entry-meta .cat-links:before .fa-li, footer.entry-meta .tags-links:before .fa-li, footer.entry-meta .comments-link:before .fa-li, footer.entry-meta .entry-format:before .fa-li, footer.entry-meta .full-size-link:before .fa-li, footer.entry-meta .edit-link:before .fa-li, footer.entry-meta .show-share:before .fa-li, footer.entry-meta .camera-used:before .fa-li {
      line-height: 1.84615; }
  footer.entry-meta span.tags-links {
    display: block;
    float: left;
    white-space: normal;
    clear: left; }
    footer.entry-meta span.tags-links > a {
      display: inline;
      position: relative; }
  footer.entry-meta .posted-on:before, footer.entry-meta .byline:before, footer.entry-meta .cat-links:before, footer.entry-meta .tags-links:before, footer.entry-meta .comments-link:before, footer.entry-meta .full-size-link:before, footer.entry-meta .camera-used:before, footer.entry-meta .edit-link:before {
    color: #671E75; }
  footer.entry-meta .posted-on:before {
    content: "\f073"; }
  footer.entry-meta .byline:before {
    content: "\f007"; }
  footer.entry-meta .cat-links:before {
    content: "\f115"; }
  footer.entry-meta .tags-links:before {
    content: "\f02c";
    float: left; }
  footer.entry-meta .comments-link:before {
    content: "\f27b"; }
  footer.entry-meta .full-size-link:before {
    content: "\f08e"; }
  footer.entry-meta .camera-used:before {
    content: "\f030"; }
  footer.entry-meta .edit-link:before {
    content: "\f040"; }
  footer.entry-meta .show-share {
    margin-left: 12px;
    margin-left: 0.85714rem;
    margin-right: 0;
    margin-right: 0;
    margin-top: -7px;
    margin-top: -0.5rem;
    padding: 7px;
    padding: 0.5rem;
    float: right !important;
    clear: right !important;
    background-color: #671E75;
    color: #FFFFFF;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  footer.entry-meta .show-share:hover {
    cursor: pointer;
    text-decoration: none;
    background: #43144c;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  footer.entry-meta .show-share:before {
    content: "\f1e0";
    padding-right: 4px;
    padding-right: 0.28571rem; }
  footer.entry-meta .was-helpful .was-helpful-yes {
    padding: 6px;
    padding: 0.42857rem;
    background-color: #671E75;
    color: #FFFFFF; }
    footer.entry-meta .was-helpful .was-helpful-yes:hover {
      background-color: #43144c;
      -webkit-transition: background-color 0.3s ease-in;
      -moz-transition: background-color 0.3s ease-in;
      -o-transition: background-color 0.3s ease-in;
      transition: background-color 0.3s ease-in;
      cursor: pointer; }
  footer.entry-meta .was-helpful .was-helpful-no {
    background-color: #671E75;
    padding: 6px;
    padding: 0.42857rem;
    color: #FFFFFF; }
    footer.entry-meta .was-helpful .was-helpful-no:hover {
      background-color: #43144c;
      -webkit-transition: background-color 0.3s ease-in;
      -moz-transition: background-color 0.3s ease-in;
      -o-transition: background-color 0.3s ease-in;
      transition: background-color 0.3s ease-in;
      cursor: pointer; }
  footer.entry-meta .was-helpful .was-helpful-thanks {
    color: #008000;
    display: none;
    position: relative;
    background-color: rgba(0, 128, 0, 0.05);
    padding: 6px 12px;
    padding: 0.42857rem 0.85714rem; }
  footer.entry-meta .was-helpful .was-helpful-thanks:before {
    content: "\2714";
    margin-right: 6px;
    color: #008000;
    font-size: 1.2em; }
  footer.entry-meta .was-helpful .was-helpful-what-wrong {
    display: none; }
  footer.entry-meta .was-helpful .was-helpful-button {
    vertical-align: bottom;
    font-family: inherit;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5;
    margin-top: 12px;
    display: block;
    float: left;
    width: 100%;
    height: 44px; }
    footer.entry-meta .was-helpful .was-helpful-button .fa-li {
      line-height: 1.5; }
    footer.entry-meta .was-helpful .was-helpful-button:hover {
      background: #43144c;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in;
      color: #FFFFFF; }
  footer.entry-meta .was-helpful .was-helpful-what-wrong.show {
    padding: 24px;
    padding: 1.71429rem;
    color: #671E75;
    background-color: #FFFFFF;
    min-width: 300px;
    border: 1px solid rgba(103, 30, 117, 0.3);
    font-weight: 700;
    box-shadow: 9px 9px 1px rgba(103, 30, 117, 0.05);
    margin: 12px 0;
    margin: 0.85714rem 0; }
  footer.entry-meta .was-helpful .was-helpful-comments {
    resize: none;
    width: 100%; }
  footer.entry-meta .was-helpful .was-helpful-what-wrong label {
    display: block;
    margin-top: 12px;
    color: #671E75; }
  footer.entry-meta .was-helpful .was-helpful-what-wrong textarea, footer.entry-meta .was-helpful .was-helpful-what-wrong .was-helpful-button {
    border-radius: 0; }
  footer.entry-meta .was-helpful .was-helpful-what-wrong textarea {
    color: #671E75;
    border: 1px solid rgba(115, 75, 123, 0.4);
    box-shadow: inset 0 2px 1px rgba(67, 20, 76, 0.1);
    padding: 12px;
    padding: 0.85714rem;
    min-height: 100px; }
  @media screen and (max-width: 600px) {
    footer.entry-meta .was-helpful .was-helpful-what-wrong.show {
      padding: 24px !important; } }
  @media screen and (min-width: 601px) and (max-width: 850px) {
    footer.entry-meta .was-helpful .was-helpful-what-wrong.show {
      min-width: 400px;
      position: relative;
      max-width: 500px; } }
  footer.entry-meta .was-helpful .show {
    display: inline-block; }
  footer.entry-meta .was-helpful .hide {
    display: none; }
  footer.entry-meta .sharedaddy {
    margin-top: 24px;
    margin-top: 1.71429rem;
    float: right;
    display: none;
    /* Set the share icons (before element) to transition colour and scale on hover */ }
    footer.entry-meta .sharedaddy .sd-social-icon-text .sd-title {
      display: none; }
    footer.entry-meta .sharedaddy .sd-social-icon-text .sd-content ul li {
      margin: 0 5px !important;
      /* Removes the 'share-end' list item from view (it is currently bereft of any significance) */ }
      footer.entry-meta .sharedaddy .sd-social-icon-text .sd-content ul li:hover > a:before {
        color: #671E75 !important;
        transform: scale(1.1);
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      footer.entry-meta .sharedaddy .sd-social-icon-text .sd-content ul li:last-of-type {
        display: none;
        margin: 0 !important;
        padding: 0 !important; }
    footer.entry-meta .sharedaddy .sd-social-icon-text .sd-content ul li a.sd-button:before {
      color: #671E75; }
    footer.entry-meta .sharedaddy .sd-social-icon-text .sd-content ul li a.sd-button {
      margin: 0 0 6px 6px;
      background-color: #b28cb9;
      border: solid 1px #671E75; }
    footer.entry-meta .sharedaddy .sd-social-icon-text .sd-content ul li a.sd-button:hover {
      background-color: #f2ebf3; }
    footer.entry-meta .sharedaddy .sd-social-icon-text .sd-content ul li a.sd-button span {
      color: #671E75; }

.single .entry-meta .sharedaddy, .page .entry-meta .sharedaddy {
  display: block; }

/* For attachment pages */
.entry-content .entry-caption p {
  margin-bottom: 0;
  margin-bottom: 0; }

.entry-content .entry-description {
  margin-top: 24px;
  margin-top: 1.71429rem; }

/* For footer and archive page title of posts */
.format-video .entry-format:before, .term-post-format-video.archive #primary > .entry-header .entry-title:before {
  content: "\f16a"; }

.format-audio .entry-format:before, .term-post-format-audio.archive #primary > .entry-header .entry-title:before {
  content: "\f028"; }

.format-gallery .entry-format:before, .term-post-format-gallery.archive #primary > .entry-header .entry-title:before {
  content: "\f248"; }

.format-image .entry-format:before, .term-post-format-image.archive #primary > .entry-header .entry-title:before {
  content: "\f03e"; }

.format-link .entry-format:before, .term-post-format-link.archive #primary > .entry-header .entry-title:before {
  content: "\f0c1"; }

.format-quote .entry-format:before, .term-post-format-quote.archive #primary > .entry-header .entry-title:before {
  content: "\f10e"; }

.format-aside .entry-format:before, .term-post-format-aside.archive #primary > .entry-header .entry-title:before {
  content: "\f10c"; }

.format-status .entry-format:before, .term-post-format-status.archive #primary > .entry-header .entry-title:before {
  content: "\f118"; }

.format-chat .entry-format:before, .term-post-format-chat.archive #primary > .entry-header .entry-title:before {
  content: "\f1d7"; }

.format-status .avatar {
  float: right;
  margin: 0 0 24px 24px;
  margin: 0 0 1.71429rem 1.71429rem; }

.format-link .entry-header .entry-title a:after {
  content: "\f08e";
  font-family: "fontAwesome";
  padding-left: 8px;
  padding-left: 0.57143rem; }

.entry-content #ez-toc-container {
  display: none; }

.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
  margin: 24px 0;
  margin: 1.71429rem 0; }

.entry-content h1,
.comment-content h1 {
  font-size: 21px;
  font-size: 1.5rem;
  line-height: 1.14286; }
  .entry-content h1 .fa-li,
  .comment-content h1 .fa-li {
    line-height: 1.14286; }

.entry-content h2,
.comment-content h2,
.mu_register h2 {
  margin-top: 0;
  margin-top: 0;
  font-size: 30px;
  font-size: 2.14286rem;
  line-height: 1.6;
  border-top: 1px solid #671E75;
  font-weight: 400;
  padding-top: 12px;
  padding-top: 0.85714rem; }
  .entry-content h2 .fa-li,
  .comment-content h2 .fa-li,
  .mu_register h2 .fa-li {
    line-height: 1.6; }
  .entry-content h2 a,
  .comment-content h2 a,
  .mu_register h2 a {
    text-decoration: none; }
    .entry-content h2 a:hover,
    .comment-content h2 a:hover,
    .mu_register h2 a:hover {
      text-decoration: underline; }

.entry-content h3,
.comment-content h3 {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1;
  font-weight: 400;
  width: 100%; }
  .entry-content h3 .fa-li,
  .comment-content h3 .fa-li {
    line-height: 1.5; }
  .entry-content h3 .fa-li,
  .comment-content h3 .fa-li {
    line-height: 1; }

.entry-content h4,
.comment-content h4 {
  font-size: 22px;
  font-size: 1.57143rem;
  line-height: 1.09091;
  font-weight: 400;
  border-bottom: none; }
  .entry-content h4 .fa-li,
  .comment-content h4 .fa-li {
    line-height: 1.09091; }

.entry-content h5,
.comment-content h5 {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615; }
  .entry-content h5 .fa-li,
  .comment-content h5 .fa-li {
    line-height: 1.84615; }

.entry-content h6,
.comment-content h6 {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2; }
  .entry-content h6 .fa-li,
  .comment-content h6 .fa-li {
    line-height: 2; }

.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
  margin: 0 0 24px;
  margin: 0 0 1.71429rem;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  line-height: 1.71429; }
  .entry-content p .fa-li,
  .entry-summary p .fa-li,
  .comment-content p .fa-li,
  .mu_register p .fa-li {
    line-height: 1.33333; }

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
  margin: 0 0 24px;
  margin: 0 0 1.71429rem; }

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
  margin-bottom: 0;
  margin-bottom: 0; }

.entry-content ul,
.comment-content ul,
.mu_register ul {
  list-style: disc outside; }

.entry-content ol,
.comment-content ol {
  list-style: decimal outside; }

.entry-content li,
.comment-content li,
.mu_register li {
  margin: 0 0 0 36px;
  margin: 0 0 0 2.57143rem;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  line-height: 1.71429; }
  .entry-content li .fa-li,
  .comment-content li .fa-li,
  .mu_register li .fa-li {
    line-height: 1.33333; }

.entry-content blockquote,
.comment-content blockquote {
  margin: 0 24px 24px 24px;
  margin: 0 1.71429rem 1.71429rem 1.71429rem;
  padding: 24px;
  padding: 1.71429rem;
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.2;
  background-color: #f2f2f2;
  font-style: italic;
  border-left: solid 5px #671E75;
  clear: left; }
  .entry-content blockquote .fa-li,
  .comment-content blockquote .fa-li {
    line-height: 1.2; }
  .entry-content blockquote p,
  .comment-content blockquote p {
    color: #671E75; }

.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
  margin-bottom: 0;
  margin-bottom: 0; }

.entry-content code,
.comment-content code {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  background-color: #f2ebf3;
  font-family: Consolas, Monaco, Lucida Console, monospace; }
  .entry-content code .fa-li,
  .comment-content code .fa-li {
    line-height: 2; }

.entry-content pre,
.comment-content pre {
  font-family: Consolas, Monaco, Lucida Console, monospace;
  overflow: auto; }

.entry-content pre code,
.comment-content pre code {
  display: block; }

.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

.entry-content address,
.comment-content address {
  margin: 0 0 24px;
  margin: 0 0 1.71429rem;
  display: block;
  line-height: 1.714285714; }

img.alignleft,
.wp-caption.alignleft {
  margin: 0 24px 0 0;
  margin: 0 1.71429rem 0 0; }

img.alignright,
.wp-caption.alignright {
  margin: 0 0 0 24px;
  margin: 0 0 0 1.71429rem; }

img.aligncenter,
.wp-caption.aligncenter {
  clear: both; }

.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.entry-content p embed,
.entry-content p iframe,
.entry-content p object,
.entry-content p video {
  margin-bottom: 0;
  margin-bottom: 0; }

.entry-content dl,
.comment-content dl {
  margin: 0 24px;
  margin: 0 1.71429rem; }

.entry-content dt,
.comment-content dt {
  font-weight: bold; }

.entry-content dd,
.comment-content dd {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.entry-content table,
.comment-content table {
  margin: 0 0 24px;
  margin: 0 0 1.71429rem;
  width: 100%;
  border-collapse: separate;
  color: #671E75; }

.entry-content table caption,
.comment-content table caption {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429; }
  .entry-content table caption .fa-li,
  .comment-content table caption .fa-li {
    line-height: 1.71429; }

.entry-content table th,
.comment-content table th, .tablepress tfoot th, .tablepress thead th {
  padding: 6px;
  padding: 0.42857rem;
  padding: 10px;
  padding: 0.71429rem;
  text-transform: capitalize;
  font-weight: 700; }

.entry-content table td,
.comment-content table td {
  padding: 6px;
  padding: 0.42857rem; }

.entry-content table tr,
.comment-content table tr {
  background-color: #FFFFFF; }

.entry-content table tr:nth-child(even),
.comment-content table tr:nth-child(even) {
  background-color: #f2ebf3; }

#primary article {
  margin-bottom: 6px;
  margin-bottom: 0.42857rem; }

.single #primary article, .page #primary article {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.page-links {
  clear: both;
  line-height: 1.714285714; }

.single-author .entry-meta .by-author {
  display: none; }

.mu_register h2 {
  color: #444444;
  font-weight: normal; }

/* =Single audio/video attachment view
-------------------------------------------------------------- */
.attachment .entry-content .mejs-audio {
  max-width: 400px; }

.attachment .entry-content .mejs-container {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

/* =Single image attachment view
-------------------------------------------------------------- */
.article.attachment {
  overflow: hidden; }

.image-attachment div.attachment {
  text-align: center; }

.image-attachment div.attachment img {
  margin: 0 auto;
  margin: 0 auto;
  display: block;
  height: auto;
  max-width: 100%; }

/* =Comments
-------------------------------------------------------------- */
.comments-title {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  font-weight: bold; }
  .comments-title .fa-li {
    line-height: 1.5; }

.comments-area article {
  margin: 24px 0;
  margin: 1.71429rem 0; }

.comments-area article header {
  margin: 0 0 12px;
  margin: 0 0 0.85714rem;
  overflow: hidden;
  position: relative; }

.comments-area article header img {
  padding: 0;
  padding: 0;
  float: left;
  line-height: 0; }

.comments-area article header cite,
.comments-area article header time {
  margin-left: 72px;
  margin-left: 5.14286rem;
  display: block; }

.comments-area article header cite {
  font-size: 15px;
  font-size: 1.07143rem;
  line-height: 1.6;
  font-style: normal;
  color: #671E75; }
  .comments-area article header cite .fa-li {
    line-height: 1.6; }

.comments-area cite b {
  font-weight: normal; }

.comments-area article header time {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  color: #444444;
  text-decoration: none; }
  .comments-area article header time .fa-li {
    line-height: 2; }

.comments-area article header a {
  color: #444444;
  text-decoration: none; }

.comments-area article header a:hover {
  color: #671E75; }

.comments-area article header cite a {
  color: #671E75; }

.comments-area article header cite a:after {
  content: "\f08e";
  font-family: "fontAwesome";
  padding-left: 8px;
  padding-left: 0.57143rem; }

.comments-area article header cite a:hover {
  text-decoration: underline; }

.comments-area article header h4 {
  background-color: #671E75;
  padding: 6px 12px;
  padding: 0.42857rem 0.85714rem;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border: 1px solid #4b78b3;
  -webkit-border: 1px solid #4b78b3;
  -moz-border: 1px solid #4b78b3;
  -ms-border: 1px solid #4b78b3;
  position: absolute;
  top: 0;
  right: 0;
  font-weight: normal;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #009cee, #0088d0);
  background-image: -ms-linear-gradient(top, #009cee, #0088d0);
  background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
  background-image: -o-linear-gradient(top, #009cee, #0088d0);
  background-image: linear-gradient(top, #009cee, #0088d0); }
  .comments-area article header h4 .fa-li {
    line-height: 2; }

.comments-area .bypostauthor cite span {
  margin-left: 5px;
  margin-left: 0.35714rem;
  padding: 2px 5px;
  padding: 0.14286rem 0.35714rem;
  font-size: 10px;
  font-size: 0.71429rem;
  line-height: 2.4;
  position: absolute; }
  .comments-area .bypostauthor cite span .fa-li {
    line-height: 2.4; }

.comments-area .bypostauthor cite b {
  font-weight: bold; }

a.comment-reply-link,
a.comment-edit-link {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  color: #671E75;
  text-decoration: none; }
  a.comment-reply-link .fa-li,
  a.comment-edit-link .fa-li {
    line-height: 1.84615; }

a.comment-reply-link:hover,
a.comment-edit-link:hover {
  color: #671E75;
  text-decoration: underline; }

.commentlist .pingback {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

/* Comment form */
#respond {
  margin-top: 48px;
  margin-top: 3.42857rem; }

#respond h3#reply-title {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  #respond h3#reply-title .fa-li {
    line-height: 1.5; }

#respond h3#reply-title #cancel-comment-reply-link {
  margin-left: 10px;
  margin-left: 0.71429rem;
  font-weight: normal;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2; }
  #respond h3#reply-title #cancel-comment-reply-link .fa-li {
    line-height: 2; }

#respond form {
  margin: 24px 0;
  margin: 1.71429rem 0; }

#respond form p.logged-in-as {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

#respond form label {
  display: none; }

#respond form input[type="text"],
#respond form textarea {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

#respond form p.form-allowed-tags {
  margin: 0;
  margin: 0;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  color: #444444; }
  #respond form p.form-allowed-tags .fa-li {
    line-height: 2; }

/* = Search results
-------------------------------------------------------------- */
body.search #primary article {
  clear: both; }
  body.search #primary article .entry-header {
    width: 80%;
    margin-right: 0; }
    body.search #primary article .entry-header a {
      text-decoration: underline; }
  body.search #primary article .entry-summary {
    float: left;
    clear: left;
    max-width: 75%; }
  body.search #primary article .attachment-post-thumbnail {
    float: right;
    max-width: 20%;
    margin-bottom: 12px;
    margin-bottom: 0.85714rem; }

body.search article.application-pdf .entry-header .entry-title a:before {
  content: "\f1c1";
  font-family: FontAwesome;
  float: left;
  margin-right: 12px;
  margin-right: 0.85714rem;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429; }
  body.search article.application-pdf .entry-header .entry-title a:before .fa-li {
    line-height: 1.71429; }

body.search article.application-msword .entry-header .entry-title a:before {
  content: "\f1c2";
  font-family: FontAwesome;
  float: left;
  margin-right: 12px;
  margin-right: 0.85714rem;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429; }
  body.search article.application-msword .entry-header .entry-title a:before .fa-li {
    line-height: 1.71429; }

body.search #autocorrect {
  background-color: #b28cb9;
  padding: 12px;
  padding: 0.85714rem;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

body.search .wp-embedded-content {
  width: 100%;
  height: auto;
  margin-bottom: 72px;
  margin-bottom: 5.14286rem; }

body.search blockquote.wp-embedded-content {
  margin-bottom: 24px;
  font: 100 20px/1.2 Lato, Helvetica, Arial, sans-serif;
  padding: 0;
  background-color: transparent;
  color: #43144c;
  clear: left;
  font-weight: normal;
  width: 80%; }

/* Header */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 13-Nov-2015, 14:06:28
    Author     : lomasc
*/
/* chevron down class*/
.chevron-down {
  position: absolute;
  height: 10px;
  width: 10px;
  right: 24px;
  top: calc(100% / 2 - 10px);
  background-color: transparent;
  border-right: 1px solid #392f48;
  border-bottom: 1px solid #392f48;
  transform: rotate(45deg); }

.chevron-down-light {
  position: absolute;
  height: 10px;
  width: 10px;
  left: 12px;
  top: calc(100% / 2 - 10px);
  background-color: transparent;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  transform: rotate(45deg);
  margin-bottom: -0.2em; }

.chevron-up-light {
  position: absolute;
  height: 10px;
  width: 10px;
  left: 12px;
  top: calc(100% / 2 - 10px);
  background-color: transparent;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  transform: rotate(-45deg);
  margin-top: 0.2em; }

.chevron-right-light {
  position: absolute;
  height: 10px;
  width: 10px;
  background-color: transparent;
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  transform: rotate(45deg);
  left: 12px;
  top: calc(100% / 2 - 5px); }

.chevron-right-dark {
  position: absolute;
  height: 10px;
  width: 10px;
  background-color: transparent;
  border-right: 1px solid #671E75;
  border-top: 1px solid #671E75;
  transform: rotate(45deg);
  right: 12px;
  top: calc(100% / 2 - 5px); }

.chevron-down-small {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #FFFFFF;
  height: 0;
  width: 0;
  position: relative;
  top: 13px;
  left: 6px; }

.stu-exp-wrap {
  width: 100%; }

.stu-exp-panel {
  width: 100%;
  float: left; }

.stu-exp-panel .cta-btn,
.more.about .cta-btn {
  width: calc(100% / 4 - 18px);
  border: 1px solid #671E75;
  color: #671E75 !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  float: left;
  margin: 6px 0;
  margin-right: 24px;
  margin-right: 1.71429rem; }
  .stu-exp-panel .cta-btn:nth-child(4n+4),
  .more.about .cta-btn:nth-child(4n+4) {
    margin-right: 0; }
  .stu-exp-panel .cta-btn:hover,
  .more.about .cta-btn:hover {
    background-color: #671E75;
    color: #FFFFFF !important;
    text-decoration: none !important; }
    .stu-exp-panel .cta-btn:hover .chevron-right-dark,
    .more.about .cta-btn:hover .chevron-right-dark {
      border-top: 1px solid #FFFFFF;
      border-right: 1px solid #FFFFFF; }
  .stu-exp-panel .cta-btn i,
  .more.about .cta-btn i {
    min-width: 35px; }

.more.stu-exp-wrap ul {
  width: 100% !important; }

.student-life, .student-life-2 {
  position: relative; }
  .student-life:hover > img, .student-life-2:hover > img {
    border-left: 10px solid #671E75; }

.student-life img, .student-life-2 img {
  max-width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #392f48;
  border-left: 10px solid #392f48; }

.stu-exp-panel-header {
  color: #671E75;
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  padding-top: 12px;
  padding-top: 0.85714rem; }
  .stu-exp-panel-header .fa-li {
    line-height: 1; }

@media screen and (max-width: 800px) {
  .stu-exp-panel {
    width: 100%;
    min-height: 0;
    padding: 0;
    margin: 0; }
  .stu-exp-wrap a {
    width: 100%;
    float: left; }
  .stu-exp-panel .cta-btn {
    color: #FFFFFF !important;
    border: 1px solid #FFFFFF;
    width: 100% !important;
    float: left; }
  .student-life img, .student-life-2 img {
    display: none; }
  .stu-exp-panel-header {
    color: #FFFFFF;
    padding: 0;
    font-size: 18px;
    position: relative; }
    .stu-exp-panel-header:before {
      content: "";
      position: absolute;
      width: 10px;
      height: 1px;
      left: 24px;
      top: calc(50% - 1px);
      background-color: rgba(255, 255, 255, 0.2); }
  .stu-exp .cta-btn, .more.about .cta-btn, .more.courses .cta-btn, .more.research .cta-btn, .more.departments .cta-btn, .menu-cta-btn {
    width: 100%;
    border: 1px solid #FFFFFF;
    color: #FFFFFF !important;
    background-color: transparent;
    margin: 0; }
    .stu-exp .cta-btn .chevron-right-dark, .more.about .cta-btn .chevron-right-dark, .more.courses .cta-btn .chevron-right-dark, .more.research .cta-btn .chevron-right-dark, .more.departments .cta-btn .chevron-right-dark, .menu-cta-btn .chevron-right-dark {
      border-top: 1px solid #FFFFFF;
      border-right: 1px solid #FFFFFF; }
  .chevron-right-light {
    left: auto;
    right: 12px !important; }
  .more.departments > ul:first-of-type li:first-of-type, .more.about > ul:first-of-type li:first-of-type {
    display: none; }
  .teaching-tef-logo {
    display: none !important; }
  .course-panel-title {
    font-size: 16px !important; }
  /*Information for applicants chevron right*/
  .info-applicants:before, .students:before, .staff:before {
    content: "" !important;
    border: 0 !important;
    border-top: 1px solid #FFFFFF !important;
    border-right: 1px solid #FFFFFF !important;
    height: 10px !important;
    width: 10px !important;
    background-color: transparent;
    transform: rotate(45deg);
    top: calc(100% / 2 - 5px) !important;
    position: absolute !important;
    right: 20px;
    pointer-events: none; } }

.staff span, .students span {
  padding-right: 12px; }

#site-header {
  padding: 0;
  padding: 0;
  background-color: #671E75;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 176px;
  z-index: 99; }

.header-container {
  max-width: 1200px;
  max-width: 85.71429rem;
  margin: 0 auto;
  display: block; }

.header-row {
  width: 100%;
  float: left;
  clear: both;
  height: 96px; }

.search-wrap {
  float: right;
  position: relative;
  margin-left: 24px;
  margin-left: 1.71429rem;
  width: 400px; }

/*Targeting the submit button in the search wrap (to hide the text in replacement for the spyglass icon*/
.search-wrap .submit-btn, .search-wrap .course-search-submit {
  text-indent: -9999px; }

.search-wrap-btn-icon {
  position: absolute;
  top: 12px;
  right: 22px;
  color: #FFFFFF;
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.2;
  pointer-events: none; }
  .search-wrap-btn-icon .fa-li {
    line-height: 1.2; }

#site-header form.search-form,
#site-footer form.search-form {
  position: relative;
  max-width: 600px;
  margin: 0 auto; }
  #site-header form.search-form .screen-reader-text,
  #site-footer form.search-form .screen-reader-text {
    display: none; }
  #site-header form.search-form .search-field,
  #site-footer form.search-form .search-field {
    padding: 5px 48px 5px 12px;
    padding: 0.35714rem 3.42857rem 0.35714rem 0.85714rem;
    margin: 0;
    margin: 0;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5;
    width: 100%;
    height: 48px;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    color: #671E75;
    background-color: #FFFFFF;
    box-shadow: inset 2px 2px 3px rgba(34, 30, 31, 0.15); }
    #site-header form.search-form .search-field .fa-li,
    #site-footer form.search-form .search-field .fa-li {
      line-height: 1.5; }
  #site-header form.search-form .search-submit,
  #site-footer form.search-form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    width: 48px;
    height: 48px !important;
    background: linear-gradient(180deg, #FFFFFF, #e6e6e6);
    border-radius: 0;
    margin: 0; }
    #site-header form.search-form .search-submit:hover,
    #site-footer form.search-form .search-submit:hover {
      background: linear-gradient(180deg, #FFFFFF, #cccccc); }
  #site-header form.search-form::after,
  #site-footer form.search-form::after {
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2;
    content: "\f002";
    display: inline-block;
    font-family: "FontAwesome";
    color: #671E75 !important;
    position: absolute;
    top: 12px;
    right: 0;
    width: 48px;
    text-align: center;
    pointer-events: none; }
    #site-header form.search-form::after .fa-li,
    #site-footer form.search-form::after .fa-li {
      line-height: 1.2; }

#site-footer form.search-form .search-field {
  color: #671E75;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF; }

#site-footer form.search-form .search-submit {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #392f48;
  border-left: 1px solid #dee0df; }
  #site-footer form.search-form .search-submit:hover {
    background-color: #671E75;
    border-left: 1px solid #c4c7c6; }

.course-search-wrap {
  display: block;
  width: 50%;
  float: right;
  padding: 24px;
  padding: 1.71429rem;
  margin: 24px;
  margin: 1.71429rem;
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  height: calc(300px - 48px); }

#course-dropdown {
  width: 100%;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  cursor: pointer;
  color: rgba(51, 51, 51, 0.8);
  border: 0; }

.course-search-form-wrap {
  position: relative; }

.course-search {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  border: 0; }

.course-search-submit {
  position: static;
  width: 100%;
  margin-top: 24px;
  margin-top: 1.71429rem; }

input.course-search-submit {
  position: static;
  width: 100%;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  input.course-search-submit .fa-li {
    line-height: 1.5; }

.submit-btn, .course-search-submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 66px;
  height: 44px !important;
  background-color: #671E75 !important;
  border-radius: 0 !important;
  margin: 0;
  outline: none;
  border: 0 !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .submit-btn:hover, .course-search-submit:hover {
    color: #FFFFFF !important; }

.courses-az-link {
  margin-top: 6px;
  margin-top: 0.42857rem;
  float: right;
  /*Adds margin to the double chevron right after the courses a-z link*/ }
  .courses-az-link i {
    margin-left: 6px;
    margin-left: 0.42857rem;
    color: rgba(51, 51, 51, 0.8); }

.branding-wrapper {
  width: 30%;
  float: left; }

#branding {
  width: 350px;
  height: 47px;
  display: block;
  float: left;
  margin-top: 25px;
  margin-top: 1.78571rem;
  background-image: url(/images/logo_black.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

span.alt, div.alt {
  display: none; }

/*Top level navigation*/
.top-level-nav {
  width: auto;
  float: right;
  margin: 24px 24px 12px 0;
  margin: 24px 24px 12px 0/14pxrem; }
  .top-level-nav ul {
    float: left;
    position: relative; }
  .top-level-nav li {
    display: inline-block;
    float: left;
    /*Removes first line divider from the top level nav menu */ }
    .top-level-nav li:first-child a:before {
      content: none; }
    .top-level-nav li a {
      text-decoration: none;
      display: block;
      padding: 10px 5px;
      padding: 10px 5px/14pxrem;
      color: rgba(103, 30, 117, 0.7);
      font-size: 14px;
      font-size: 1rem;
      line-height: 1.71429;
      line-height: 2;
      padding-right: 12px;
      padding-right: 0.85714rem; }
      .top-level-nav li a .fa-li {
        line-height: 1.71429; }

.staff-students-btn:after {
  content: "\f19d";
  font-family: FontAwesome, "Open Sans", Arial, sans-serif;
  margin-right: 5px;
  margin-right: 0.35714rem;
  color: rgba(103, 30, 117, 0.7);
  float: left; }

#top-nav-wrapper {
  background-color: #444444;
  overflow: auto;
  width: 100%; }

.main-navigation li {
  padding: 0 12px;
  padding: 0 0.85714rem;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 3.69231;
  display: inline-block;
  border-right: 1px solid #221E1F; }
  .main-navigation li .fa-li {
    line-height: 3.69231; }

.main-navigation li:hover > ul, .main-navigation li:focus > ul, .main-navigation .focus > ul {
  border-left: 0;
  clip: inherit;
  overflow: inherit;
  height: inherit;
  width: inherit; }

.main-navigation i {
  padding: 0 4px; }

.main-navigation a {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 3.69231;
  color: #FFFFFF;
  border-bottom: 0;
  white-space: nowrap;
  text-decoration: none; }
  .main-navigation a .fa-li {
    line-height: 3.69231; }

.main-navigation a:hover,
.main-navigation a:focus {
  color: #FFFFFF;
  text-decoration: underline; }

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
  color: #444444;
  font-weight: bold; }

#site-navigation-left {
  float: left; }

#site-navigation-right {
  float: right;
  overflow: hidden; }
  #site-navigation-right #header_search_q {
    margin-right: 12px;
    margin-right: 0.85714rem;
    width: 120px; }

div#mega-menu-fixed-wrapper {
  float: left;
  width: 100%;
  background: linear-gradient(rgba(67, 20, 76, 0.2) 10%, #671E75, rgba(67, 20, 76, 0.2) 100%);
  position: relative; }

#mega-menu-wrapper {
  margin: 0 auto;
  margin: 0 auto;
  max-width: 1200px;
  max-width: 85.71429rem; }

#site-navigation-mega::-webkit-scrollbar {
  width: 16px;
  height: 16px; }

#site-navigation-mega::-webkit-scrollbar-track {
  background-color: transparent; }

#site-navigation-mega::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.6);
  border: 6px solid #671E75;
  background-clip: border-box; }

#site-navigation-mega {
  float: left;
  clear: both;
  width: calc(100% - 12px);
  top: 0;
  z-index: 999;
  position: relative;
  margin-left: 12px;
  margin-left: 0.85714rem; }
  #site-navigation-mega section {
    margin: 0;
    margin: 0;
    display: inline;
    float: left;
    text-align: center; }
    #site-navigation-mega section .more {
      box-shadow: 1px 5px 30px rgba(68, 68, 68, 0.3);
      background-color: #FFFFFF;
      color: #444444;
      margin: 48px 0 0 0;
      margin: 3.42857rem 0 0 0;
      padding: 24px 48px;
      padding: 24px 48px/14pxrem;
      display: none;
      position: absolute;
      width: 100%;
      left: 0;
      z-index: 2; }
      #site-navigation-mega section .more a {
        color: #671E75;
        text-decoration: none !important;
        display: block;
        text-align: left; }
      #site-navigation-mega section .more a:hover {
        text-decoration: underline; }
      #site-navigation-mega section .more > ul {
        float: left;
        margin-right: 2%;
        width: 18%;
        text-align: left;
        margin-bottom: 12px; }
    #site-navigation-mega section .menu-cta-btn {
      background-color: #FFFFFF;
      padding: 12px;
      padding: 0.85714rem;
      margin-top: 12px;
      margin-top: 0.85714rem;
      display: block;
      color: #671E75;
      letter-spacing: normal;
      -webkit-transition: background-color 0.3s ease-in-out;
      -moz-transition: background-color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out;
      font-size: 16px;
      font-size: 1.14286rem;
      line-height: 1.5;
      position: relative;
      border: 1px solid #671E75; }
      #site-navigation-mega section .menu-cta-btn .fa-li {
        line-height: 1.5; }
      #site-navigation-mega section .menu-cta-btn:hover {
        /*Override default underline action on link*/
        text-decoration: none !important;
        background-color: #671E75 !important;
        box-shadow: 9px 9px 1px rgba(103, 30, 117, 0.14);
        color: #FFFFFF !important; }
        #site-navigation-mega section .menu-cta-btn:hover:after {
          border-top: 2px solid #FFFFFF;
          border-right: 2px solid #FFFFFF; }
        #site-navigation-mega section .menu-cta-btn:hover > .chevron-right-dark {
          border-right: 1px solid #FFFFFF;
          border-top: 1px solid #FFFFFF; }
    #site-navigation-mega section .about-img-wrap {
      width: 28%;
      margin-right: 2%;
      float: left;
      position: relative; }
      #site-navigation-mega section .about-img-wrap img {
        max-width: 100%; }
    #site-navigation-mega section .more.departments > ul, #site-navigation-mega section .more.about > ul {
      width: calc(100% / 3 - 16px) !important;
      margin-right: 24px;
      margin-bottom: 12px; }
      #site-navigation-mega section .more.departments > ul:last-of-type, #site-navigation-mega section .more.about > ul:last-of-type {
        margin-right: 0 !important; }
    #site-navigation-mega section .more.research > ul {
      width: 22%;
      margin-right: 3%; }
    #site-navigation-mega section .more.enterprise > ul {
      max-width: 30%;
      min-width: 30%;
      margin-right: 3%; }
    #site-navigation-mega section .more > ul li {
      font-size: 13px;
      font-size: 0.92857rem;
      line-height: 1.84615; }
      #site-navigation-mega section .more > ul li .fa-li {
        line-height: 1.84615; }
    #site-navigation-mega section .more > ul ul {
      margin-left: 10px; }
    #site-navigation-mega section:hover h2 {
      z-index: 3;
      position: relative; }
    #site-navigation-mega section h2 a {
      font-size: 20px;
      font-size: 1.42857rem;
      line-height: 2.4;
      color: #FFFFFF;
      padding: 6px 12px;
      padding: 0.42857rem 0.85714rem;
      font-weight: 300;
      text-decoration: none;
      display: block;
      position: relative;
      padding-right: 24px;
      padding-right: 1.71429rem;
      height: 80px;
      line-height: 3.5;
      font-family: Georgia, Times, "Times New Roman", serif;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
      padding-right: 24px;
      padding-right: 1.71429rem; }
      #site-navigation-mega section h2 a .fa-li {
        line-height: 2.4; }
      #site-navigation-mega section h2 a::after {
        padding-left: 6px;
        padding-left: 0.42857rem;
        font-size: 16px;
        font-size: 1.14286rem;
        line-height: 1.5;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        content: "\f0d7";
        color: rgba(255, 255, 255, 0.6);
        font-family: FontAwesome; }
        #site-navigation-mega section h2 a::after .fa-li {
          line-height: 1.5; }
      #site-navigation-mega section h2 a:hover::after {
        color: #671E75; }
    #site-navigation-mega section .less {
      border-radius: 0 0 3px 3px;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      padding: 0 12px;
      padding: 0 12px/14pxrem;
      overflow: hidden; }
    #site-navigation-mega section .less li:last-of-type {
      text-align: center; }
    #site-navigation-mega section .less a, #site-navigation-mega section .less i {
      color: #FFFFFF;
      text-decoration: none; }
    #site-navigation-mega section li.divider {
      background-color: rgba(68, 68, 68, 0.15);
      margin: 10px 0;
      margin: 0.71429rem 0;
      height: 1px;
      width: 100%; }
  #site-navigation-mega section.open .more {
    display: block;
    top: 32px; }
  #site-navigation-mega section:hover h2 a, #site-navigation-mega section:hover .less {
    color: #734b7b;
    background-color: #FFFFFF;
    box-shadow: 0 -4px 0 #915e9b; }
    #site-navigation-mega section:hover h2 a a, #site-navigation-mega section:hover .less a {
      color: #FFFFFF !important; }

/*menu stuff */
.top-level-nav .staff-dropdown-menu, .top-level-nav .student-dropdown-menu {
  position: absolute;
  width: 150px;
  display: none;
  background-color: #FFFFFF;
  top: 50px;
  z-index: 9999;
  /*Push the dropdown menus above the main menu*/
  border: 1px solid #dee0df;
  border-top: 5px solid #c7accc;
  box-shadow: 4px 4px 10px rgba(68, 68, 68, 0.2);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .top-level-nav .staff-dropdown-menu a, .top-level-nav .student-dropdown-menu a {
    color: #671E75;
    padding: 0;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429; }
    .top-level-nav .staff-dropdown-menu a .fa-li, .top-level-nav .student-dropdown-menu a .fa-li {
      line-height: 1.71429; }
    .top-level-nav .staff-dropdown-menu a:before, .top-level-nav .student-dropdown-menu a:before {
      content: "\f003";
      font-family: FontAwesome, "Open Sans", Arial, sans-serif;
      color: #c7accc;
      font-size: 16px;
      font-size: 1.14286rem;
      line-height: 1.5;
      padding-right: 6px;
      padding-right: 0.42857rem;
      float: left; }
      .top-level-nav .staff-dropdown-menu a:before .fa-li, .top-level-nav .student-dropdown-menu a:before .fa-li {
        line-height: 1.5; }
  .top-level-nav .staff-dropdown-menu:after, .top-level-nav .student-dropdown-menu:after {
    content: "";
    position: absolute;
    left: 70%;
    top: -10px;
    height: 0;
    width: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFFFFF; }

.top-level-nav .staff-dropdown-menu {
  right: 17% !important; }

.student-dropdown-menu {
  left: 0; }
  .student-dropdown-menu:after {
    left: 60% !important; }

.staff-dropdown-menu-list-item, .student-dropdown-menu-list-item {
  display: block;
  width: 100%;
  border-bottom: 1px solid #dee0df;
  padding: 12px;
  padding: 0.85714rem;
  float: left; }
  .staff-dropdown-menu-list-item:last-child, .student-dropdown-menu-list-item:last-child {
    border-bottom: none; }
  .staff-dropdown-menu-list-item:hover, .student-dropdown-menu-list-item:hover {
    background-color: #f3f4f3; }

.student-dropdown-trigger, .staff-dropdown-trigger {
  position: relative; }

.more.courses section.courses-cta-wrap {
  padding: 12px 0 0 0; }

.scrolled #site-navigation-mega section .more {
  margin: 48px 0 0 0;
  margin: 3.42857rem 0 0 0; }

.fixedlogo #site-navigation-mega section .less {
  height: 39px; }

.fixedheader #site-navigation-mega section .less {
  height: 0; }

.more.about .about-img-wrap, .more.courses .about-img-wrap, .more.research .about-img-wrap, .more.stu-exp .about-img-wrap {
  width: 100% !important;
  float: left;
  background-color: black;
  min-height: 300px;
  overflow: hidden;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  background: linear-gradient(to bottom, rgba(103, 30, 117, 0.5), rgba(255, 255, 255, 0.7)), url("/images/walkthroughwallsframe.png") no-repeat center; }

.more.courses ul {
  width: 23% !important;
  margin-right: 2% !important;
  float: left;
  /* Selects range of ul items (third, fourth and fifth children) */ }
  .more.courses ul:nth-child(n+3):nth-child(-n+5) {
    min-height: 270px;
    /*Attempt to equalize the heights of the li elements so the 'read more' buttons are level */ }
    .more.courses ul:nth-child(n+3):nth-child(-n+5) .divider + li {
      min-height: 140px; }
  .more.courses ul:nth-child(6) {
    float: left;
    margin-top: 24px;
    margin-top: 1.71429rem; }

.more.departments .inset-menu {
  width: 100% !important;
  border-left: 1px solid #dee0df;
  padding-left: 12px;
  padding-left: 0.85714rem; }
  .more.departments .inset-menu > li a {
    position: relative; }
    .more.departments .inset-menu > li a:before {
      content: "";
      width: 10px;
      height: 1px;
      background-color: #dee0df;
      float: left;
      position: absolute;
      top: 10px;
      left: -10px; }

.more.departments .teaching-tef-logo {
  margin-top: 24px;
  margin-top: 1.71429rem;
  max-width: 150px; }
  .more.departments .teaching-tef-logo:hover {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2)); }

.more.research ul {
  width: calc(100% / 9 * 3 - 16px) !important;
  margin-right: 24px !important;
  float: left;
  /*Selects last menu item within the 'research institutes' ul menu*/ }
  .more.research ul:nth-of-type(2) {
    width: calc(100% / 9 * 2 - 16px) !important; }
  .more.research ul:nth-of-type(3) {
    width: calc(100% / 9 * 4 - 16px) !important; }
  .more.research ul:last-of-type {
    margin-right: 0 !important; }
  .more.research ul:nth-child(5) > li:nth-child(5) {
    min-height: 71px; }
  .more.research ul:nth-child(n+3):nth-child(-n+4) .divider + li {
    min-height: 140px; }

.more.departments ul {
  width: 31% !important; }
  .more.departments ul ul {
    margin-top: 0 !important; }

.more.stu-exp ul {
  width: 23% !important;
  margin-right: 2% !important; }

.more.applicants ul {
  width: 31% !important;
  margin-right: 2%; }
  .more.applicants ul img {
    max-width: 100%;
    position: relative; }

@media screen and (max-width: 1300px) {
  #mobile-menu-trigger {
    float: left;
    display: block;
    background-color: #FFFFFF;
    text-decoration: none;
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 2;
    padding: 12px;
    padding: 0.85714rem;
    text-align: center; }
    #mobile-menu-trigger .fa-li {
      line-height: 2; }
    #mobile-menu-trigger .fa.fa-bars {
      display: block;
      font-size: 24px;
      font-size: 1.71429rem;
      line-height: 1; }
      #mobile-menu-trigger .fa.fa-bars .fa-li {
        line-height: 1; }
  #mega-menu-fixed-wrapper {
    background-color: #671E75 !important; }
  .top-level-nav {
    margin: 24px 24px 24px 0;
    margin: 24px 24px 24px 0/14pxrem; }
  .search-wrap-btn-icon {
    color: #FFFFFF; }
  .header-row {
    background: #671E75;
    background-size: cover;
    background-position: center center;
    -webkit-backface-visibility: hidden; }
  #branding {
    background: url("/images/logo_white.svg") no-repeat;
    background-size: 100% 100%;
    margin: 24px !important;
    width: 300px; }
  .staff-students-btn:after {
    color: #FFFFFF; }
  .top-level-nav li a {
    color: #FFFFFF; }
  .staff-students-btn:after {
    color: #392f48; } }

@media screen and (min-width: 900px) and (max-width: 1301px) {
  #site-navigation-mega {
    margin-left: 12px !important; } }

@media screen and (min-width: 890px) and (max-width: 1001px) {
  .search-wrap {
    width: 300px !important; } }

@media screen and (max-width: 915px) {
  #branding {
    width: 200px; }
  .search-wrap {
    width: 300px;
    margin-left: 12px;
    margin-left: 0.85714rem; } }

@media screen and (max-width: 960px) {
  #branding {
    width: 250px; } }

@media screen and (min-width: 916px) {
  #mega-menu-fixed-wrapper {
    border-top: none; }
  #site-navigation-mega {
    margin: 0; }
  .about-img-wrap {
    display: none; } }

@media screen and (min-width: 1301px) {
  #site-navigation-mega {
    padding-left: 0 !important; }
  .header-row {
    background-color: #671E75; }
  #branding {
    background: url("/images/logo_white.svg") no-repeat;
    background-size: cover;
    width: 404px;
    height: 53px;
    margin: 24px 24px 24px 0;
    margin: 24px 24px 24px 0/14pxrem; }
  #mobile-menu-trigger {
    display: none; }
  #site-navigation-mega {
    background-color: transparent; }
  .chevron-down-light {
    display: none; }
  .chevron-right-light {
    left: auto;
    right: 12px; }
  #site-navigation-mega {
    top: 0; }
  .submit-btn:hover, .course-search-submit:hover {
    background-color: #553a6d; }
  .top-level-nav li a {
    color: #FFFFFF; }
  .about-img-wrap {
    display: block; }
  .course-search-wrap .course-search, .course-search-wrap #course-dropdown {
    border-bottom: 2px solid #671E75 !important;
    /*Changes the colour of the inner search box underline*/
    color: #671E75 !important; }
    .course-search-wrap .course-search::-webkit-input-placeholder, .course-search-wrap #course-dropdown::-webkit-input-placeholder {
      color: #671E75; }
    .course-search-wrap .course-search:-moz-placeholder, .course-search-wrap #course-dropdown:-moz-placeholder {
      color: #671E75; }
    .course-search-wrap .course-search::-moz-placeholder, .course-search-wrap #course-dropdown::-moz-placeholder {
      color: #671E75; }
    .course-search-wrap .course-search:-ms-input-placeholder, .course-search-wrap #course-dropdown:-ms-input-placeholder {
      color: #671E75; }
  .course-search-wrap .course-search-submit {
    background-color: #671E75 !important;
    color: #FFFFFF; }
    .course-search-wrap .course-search-submit:hover {
      background-color: #43144c !important; } }

@media screen and (max-width: 1034px) {
  #branding {
    width: 250px; } }

@media screen and (min-width: 801px) and (max-width: 889px) {
  #branding {
    width: 200px; } }

@media screen and (min-width: 890px) and (max-width: 929px) {
  #branding {
    width: 200px; } }

@media screen and (min-width: 1200px) {
  #site-navigation-mega {
    top: 0; } }

@media screen and (min-width: 1001px) {
  #site-navigation-mega section .menu-cta-btn {
    font-size: 16px !important; } }

@media screen and (min-width: 801px) and (max-width: 1024px) {
  .stu-exp-panel .cta-btn,
  .more.about .cta-btn {
    width: calc(100% / 3 - 16px); }
    .stu-exp-panel .cta-btn:nth-child(4n+4),
    .more.about .cta-btn:nth-child(4n+4) {
      margin-right: 24px; }
    .stu-exp-panel .cta-btn:nth-child(3n+3), .more.about .cta-btn:nth-child(3n+3) {
      margin-right: 0; } }

@media screen and (min-width: 801px) and (max-width: 915px) {
  .more {
    width: 100% !important;
    padding: 24px !important; }
  .heading {
    margin: 12px 0;
    margin: 12px 0/14pxrem; }
  .tertiary-link {
    margin: 6px 0;
    margin: 6px 0/14pxrem;
    display: block; }
  .about-img-wrap {
    display: none; }
  .chevron-right-light {
    right: 12px;
    left: auto; } }

@media screen and (min-width: 801px) {
  #site-navigation-mega {
    display: block !important; }
  #site-navigation-mega h2 a span.chevron-down-light, #site-navigation-mega h2 a span.chevron-up-light {
    display: none; }
  #site-navigation-mega h2 a .top-level-nav {
    box-shadow: none;
    border-top: 1px solid #FFFFFF; }
  /*Hide the mobile navigation trigger*/
  #mobile-menu-trigger {
    display: none; }
  /*Hide the mobile social icons*/
  .mobile-menu-social-wrap {
    display: none; }
  /*Search box styles*/
  .search-box, #course-dropdown, .course-search {
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: #FFFFFF;
    background-color: transparent; }
    .search-box:focus, #course-dropdown:focus, .course-search:focus {
      border: 1px solid #FFFFFF; }
  .submit-btn, .course-search-submit {
    background-color: #FFFFFF !important; }
  .staff-students-btn:after {
    color: #FFFFFF; }
  .search-wrap-btn-icon {
    color: #553a6d; }
  .chevron-down-light {
    display: none; }
  .chevron-right-light {
    right: 12px;
    left: auto;
    top: calc(100% / 2 - 5px); }
  .heading a {
    color: #671E75 !important;
    position: relative; }
    .heading a:before {
      content: "";
      position: absolute;
      height: 100%;
      width: 1px;
      background-color: #671E75 !important;
      left: -12px;
      top: 0;
      margin-right: 6px; }
  .more.research ul:nth-of-type(2) li a:before {
    display: none; }
  .more.departments .inset-menu li > a {
    color: #444444 !important; }
    .more.departments .inset-menu li > a:before {
      background-color: #dee0df !important; }
  .info-applicants.mobile-buttons, .staff.mobile-buttons, .students.mobile-buttons {
    display: none !important; } }

@media screen and (max-width: 800px) {
  .admin-bar #site-header form.search-form .screen-reader-text::after {
    top: 58px; }
  #site-header span.screen-reader-text {
    -webkit-clip-path: none !important; }
  #site-header form.search-form {
    position: relative;
    max-width: 100%; }
    #site-header form.search-form .screen-reader-text {
      display: block;
      text-indent: -9999px;
      height: 0;
      cursor: pointer;
      position: relative !important; }
      #site-header form.search-form .screen-reader-text:hover:after {
        pointer-events: auto; }
      #site-header form.search-form .screen-reader-text::after {
        content: "\f002";
        display: block;
        font-family: FontAwesome, "Open Sans", Arial, sans-serif;
        font-size: 20px;
        font-size: 1.42857rem;
        line-height: 2.4;
        width: 50px;
        height: 50px;
        color: #FFFFFF !important;
        text-indent: 0;
        position: fixed;
        top: 12px;
        right: 76px;
        cursor: pointer;
        text-align: center;
        border: 1px solid #FFFFFF; }
        #site-header form.search-form .screen-reader-text::after .fa-li {
          line-height: 2.4; }
    #site-header form.search-form .search-field {
      padding: 5px 48px 5px 12px;
      padding: 0.35714rem 3.42857rem 0.35714rem 0.85714rem;
      margin: 0;
      margin: 0;
      font-size: 16px;
      font-size: 1.14286rem;
      line-height: 1.5;
      width: 100%;
      height: 48px;
      border-radius: 0;
      border: 1px solid #FFFFFF;
      box-sizing: border-box;
      color: #671E75;
      background-color: #FFFFFF; }
      #site-header form.search-form .search-field .fa-li {
        line-height: 1.5; }
    #site-header form.search-form .search-submit {
      position: absolute;
      top: 0;
      right: 0;
      text-indent: -9999px;
      width: 48px;
      height: 47px !important;
      background-color: #FFFFFF;
      border-radius: 0;
      margin: 0;
      outline: none;
      border-left: 1px solid #dee0df; }
      #site-header form.search-form .search-submit:hover {
        border-left: 1px solid #c4c7c6; }
    #site-header form.search-form:after {
      font-size: 20px;
      font-size: 1.42857rem;
      line-height: 1.2;
      content: "\f002";
      font-family: FontAwesome, "Open Sans", Arial, sans-serif;
      color: #671E75 !important;
      position: absolute;
      top: 12px;
      right: 0;
      width: 48px;
      text-align: center;
      pointer-events: none;
      display: block; }
      #site-header form.search-form:after .fa-li {
        line-height: 1.2; }
  .mobile-menu-open .top-level-nav ul {
    display: none;
    width: 100%; }
  #branding-wrapper {
    width: 100%;
    float: left;
    background-color: #671E75;
    background-size: cover;
    background-position: center center;
    height: 96px;
    position: relative;
    border-bottom: 0;
    overflow: auto; }
  .toggleFixed {
    background-color: #671E75 !important;
    position: relative;
    height: 100px;
    z-index: 1000; }
  #mega-menu-fixed-wrapper {
    display: block !important; }
  /*Sticky class for fixed headers on scroll*/
  .isSticky {
    position: fixed;
    z-index: 1001; }
  .isSticky #branding {
    position: fixed;
    z-index: 1001; }
  .isSticky section:first-child {
    margin-left: 325px; }
  /*Mobile menu trigger*/
  #mobile-menu-trigger {
    width: 50px;
    height: 50px;
    background-color: #FFFFFF;
    position: absolute;
    top: 12px;
    right: 22px;
    text-decoration: none;
    text-indent: -9999px;
    z-index: 1001; }
    #mobile-menu-trigger::before {
      font-size: 20px;
      font-size: 1.42857rem;
      line-height: 1.2;
      content: "\f0c9";
      text-align: center;
      position: absolute;
      left: 0;
      text-indent: 0;
      display: inline-block;
      width: 100%;
      font-family: FontAwesome, "Open Sans", Arial, sans-serif;
      top: 6px; }
      #mobile-menu-trigger::before .fa-li {
        line-height: 1.2; }
    #mobile-menu-trigger::after {
      content: "Menu";
      text-align: center;
      position: absolute;
      left: 0;
      text-indent: 0;
      display: inline-block;
      width: 100%;
      bottom: 0; }
    #mobile-menu-trigger .mobile-menu-trigger-label {
      font-size: 12px;
      font-size: 0.85714rem;
      line-height: 2;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      text-align: center; }
      #mobile-menu-trigger .mobile-menu-trigger-label .fa-li {
        line-height: 2; }
  #site-navigation-mega {
    top: 0;
    height: 0;
    position: fixed;
    background-color: #671E75;
    color: #FFFFFF;
    margin: 0;
    width: auto;
    opacity: 0;
    margin-top: 96px;
    margin-top: 6.85714rem;
    overflow-y: scroll;
    transition: height, opacity 0.1s cubic-bezier(0.2, 0.2, 1, 1); }
    #site-navigation-mega h2 {
      clear: none; }
    #site-navigation-mega > section {
      padding: 12px 0;
      padding: 12px 0/14pxrem; }
      #site-navigation-mega > section.open .more {
        display: block; }
      #site-navigation-mega > section::before {
        font-size: 20px;
        font-size: 1.42857rem;
        line-height: 2.4;
        content: "\f107";
        font-family: FontAwesome, "Open Sans", Arial, sans-serif;
        color: #FFFFFF;
        z-index: 10;
        position: relative;
        display: inline-block;
        width: 48px;
        height: 48px;
        float: right;
        border: 1px solid rgba(255, 255, 255, 0.1); }
        #site-navigation-mega > section::before .fa-li {
          line-height: 2.4; }
      #site-navigation-mega > section.open::before {
        content: "\f106"; }
  body.mobile-menu-open {
    /*Prevent scroll chaining*/
    position: fixed;
    overflow: hidden;
    margin-top: 0; }
    body.mobile-menu-open #site-navigation-mega {
      height: calc(100% - 96px);
      opacity: 1;
      visibility: visible;
      padding-bottom: 48px !important;
      margin-top: 96px;
      margin-top: 6.85714rem; }
    body.mobile-menu-open #mobile-menu-trigger {
      z-index: 1000;
      color: #671E75; }
      body.mobile-menu-open #mobile-menu-trigger::before {
        content: "\f00d"; }
      body.mobile-menu-open #mobile-menu-trigger::after {
        content: "Close"; }
    body.mobile-menu-open #branding {
      background: url("/images/logo_white.svg") no-repeat;
      background-size: 100% 100%;
      z-index: 1000; }
  .secondary-link {
    display: block !important;
    text-indent: 36px;
    position: relative;
    /*Indent line*/ }
    .secondary-link:after {
      content: "";
      position: absolute;
      width: 10px;
      height: 1px;
      left: 24px;
      top: calc(50% - 1px);
      background-color: rgba(255, 255, 255, 0.2); }
  .tertiary-link {
    display: none !important; }
  #branding {
    position: relative !important;
    height: 40px;
    background: url("/images/logo_white.svg") no-repeat;
    background-size: 100% 100%;
    width: 300px;
    float: left;
    margin: 12px 24px 12px 12px !important; }
  #branding {
    margin-left: 24px !important; }
  #site-header {
    width: 100%;
    padding: 0;
    height: 96px;
    position: fixed;
    top: 0; }
  h1.toggleFixed ~ .top-level-nav {
    z-index: 100000; }
  .top-level-nav {
    top: -32px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    background-color: #671E75; }
    .top-level-nav ul {
      display: none; }
    .top-level-nav li {
      position: relative;
      padding-right: 6px;
      padding-right: 0.42857rem; }
      .top-level-nav li:last-of-type:after {
        display: none; }
      .top-level-nav li:after {
        content: "";
        position: absolute;
        top: calc(100% / 2 - 7px);
        right: 6px;
        width: 1px;
        height: 15px;
        transform: rotate(22.5deg);
        background-color: rgba(255, 255, 255, 0.1);
        font-weight: 700; }
    .top-level-nav .student-dropdown-menu, .top-level-nav .staff-dropdown-menu {
      display: none;
      top: 39px; }
    .top-level-nav li a {
      color: #FFFFFF;
      font-size: 14px; }
    .top-level-nav .staff-students-btn:after {
      color: #FFFFFF; }
    .top-level-nav .search-wrap {
      height: 0;
      overflow: hidden;
      width: 100%;
      float: left; }
      .top-level-nav .search-wrap.mobile-search-open {
        margin: 12px 0 24px 0;
        margin: 0.85714rem 0 1.71429rem 0;
        padding: 0 20px 0 24px;
        padding: 0 1.42857rem 0 1.71429rem;
        height: auto;
        position: relative; }
  #site-navigation-mega section .menu-cta-btn {
    border-bottom: 1px solid rgba(255, 255, 255, 0.02) !important; }
  .submit-btn, .course-search-submit {
    right: 12px; }
  .search-wrap-btn-icon {
    right: 34px; }
  /*Remove the caret icon on mobiles*/
  .fa.fa-caret-down {
    display: none; }
  /*And replace it with custom chevron right */
  #site-navigation-mega section h2 a {
    text-align: left;
    position: relative; }
    #site-navigation-mega section h2 a::after {
      display: none; }
    #site-navigation-mega section h2 a:hover::after {
      border-right: 2px solid #392f48;
      border-bottom: 2px solid #392f48; }
  #site-navigation-mega section {
    display: block;
    width: 100%;
    /*Menu directly beneath the h4 elements*/
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
    right: 6px; }
    #site-navigation-mega section:hover {
      box-shadow: none; }
      #site-navigation-mega section:hover .more {
        top: 0; }
  #site-navigation-mega section.courses-cta-wrap {
    border-bottom: 0;
    margin-top: 0;
    padding-left: 6px;
    padding-left: 0.42857rem; }
  /*Hide any superfluous descriptive text on mobile menu*/
  .description-text {
    display: none !important; }
  #site-navigation-mega section h2 a {
    font-size: 18px;
    font-size: 1.28571rem;
    line-height: 2.66667;
    margin-left: 36px;
    margin-left: 2.57143rem;
    padding: 0;
    padding: 0;
    color: #FFFFFF;
    position: relative;
    height: 48px; }
    #site-navigation-mega section h2 a .fa-li {
      line-height: 2.66667; }
    #site-navigation-mega section h2 a:hover {
      background-color: #671E75;
      color: #FFFFFF; }
  #site-navigation-mega section:hover h2 a {
    box-shadow: none; }
  #site-navigation-mega section .more {
    /*Overrides the default hover action for mobile*/
    display: none; }
  #site-navigation-mega section .more {
    width: 100%;
    color: #FFFFFF;
    background-color: #551961;
    padding: 12px;
    padding: 0.85714rem;
    float: left;
    position: relative;
    top: 0;
    display: none;
    min-height: 0;
    margin-top: 12px !important;
    box-shadow: inset 4px 4px 4px rgba(34, 30, 31, 0.1);
    border-top: 1px solid rgba(34, 30, 31, 0.1); }
    #site-navigation-mega section .more a {
      font-size: 14px;
      font-size: 1rem;
      line-height: 1.71429;
      color: #FFFFFF;
      padding: 12px;
      padding: 0.85714rem;
      border: none;
      background-color: transparent;
      margin: 0 !important;
      width: 100% !important;
      border-bottom: 1px solid rgba(255, 255, 255, 0.02); }
      #site-navigation-mega section .more a .fa-li {
        line-height: 1.71429; }
      #site-navigation-mega section .more a:last-of-type {
        border-bottom: 0; }
      #site-navigation-mega section .more a:hover {
        box-shadow: none; }
    #site-navigation-mega section .more li.heading {
      position: relative; }
  #site-navigation-mega section .more > ul {
    width: 100% !important; }
  /*temporarily remove the large images from mobile view*/
  .about-img-wrap {
    display: none; }
  #mega-menu-fixed-wrapper {
    display: block !important;
    background-color: #FFFFFF; }
  #site-navigation-mega section .more.research li.heading ~ .divider {
    display: none; }
  .more.about ul {
    min-height: 0; }
  /*Social icons within mobile menu*/
  .mobile-menu-social-wrap {
    width: 100%;
    display: block;
    text-align: center;
    padding: 24px 0;
    padding: 24px 0/14pxrem;
    background-color: #553a6d;
    float: left; }
    .mobile-menu-social-wrap a {
      padding: 12px;
      padding: 0.85714rem; }
    .mobile-menu-social-wrap i {
      color: #FFFFFF;
      margin-right: 12px;
      margin-right: 0.85714rem;
      font-size: 24px;
      font-size: 1.71429rem;
      line-height: 1; }
      .mobile-menu-social-wrap i .fa-li {
        line-height: 1; }
  .menu-cta-btn {
    width: calc(100% - 24px) !important;
    color: #FFFFFF !important;
    margin: 12px;
    margin: 0.85714rem;
    margin: 6px 0;
    background-color: transparent;
    float: left; }
    .menu-cta-btn:first-child {
      margin-top: 0; }
    .menu-cta-btn .chevron-right-light {
      right: 12px;
      left: auto; }
  #site-navigation-mega section:hover h2 a, #site-navigation-mega section:hover .less {
    background-color: transparent;
    color: #FFFFFF; }
  /*dismiss range query on mobile*/
  .more.courses ul:nth-child(n+3):nth-child(-n+5) {
    min-height: 0; }
  /*reset the range query for mobile devices*/
  .more.courses ul:nth-child(n+3):nth-child(-n+5) .divider + li {
    min-height: 0; }
  .more.research ul:nth-child(5) > li:nth-child(5) {
    min-height: 0; }
  #site-navigation-mega section .more.departments > ul, #site-navigation-mega section .more.about > ul {
    min-height: 0;
    width: 100% !important;
    margin-bottom: 0; }
  .more.departments li.heading:first-of-type {
    display: none; }
  .more.research ul {
    min-height: 0;
    margin-bottom: 0 !important; }
    .more.research ul:first-child li.heading {
      display: none; }
  div.more {
    padding: 0 12px !important; }
  #site-navigation-mega section .menu-cta-btn:hover {
    background-color: transparent !important; }
  .admin-bar #site-navigation-mega > section:first-of-type {
    margin-top: 48px; }
  .applicant-panel {
    display: none; }
  #wpadminbar {
    position: fixed; }
  /*Hide the request prospectus link on mobile*/
  .courses-btn-wrap a.request-prospectus {
    display: none !important; } }

@media screen and (min-width: 750px) and (max-width: 800px) {
  #branding {
    float: left;
    margin-top: 24px;
    margin-top: 1.71429rem; }
  .top-level-nav {
    margin: 0;
    width: 100%; }
  .top-level-nav li a {
    color: #FFFFFF;
    position: relative; }
  .search-wrap {
    float: right; }
  .search-box, #course-dropdown, .course-search {
    color: #444444; }
    .search-box::-webkit-input-placeholder, #course-dropdown::-webkit-input-placeholder, .course-search::-webkit-input-placeholder {
      color: #dee0df; }
    .search-box:-moz-placeholder, #course-dropdown:-moz-placeholder, .course-search:-moz-placeholder {
      color: #dee0df; }
    .search-box::-moz-placeholder, #course-dropdown::-moz-placeholder, .course-search::-moz-placeholder {
      color: #dee0df; }
    .search-box:-ms-input-placeholder, #course-dropdown:-ms-input-placeholder, .course-search:-ms-input-placeholder {
      color: #dee0df; }
  .submit-btn, .course-search-submit, .course-search-submit {
    background-color: #671E75 !important; }
  .search-wrap-btn-icon {
    color: #FFFFFF; }
  .search-wrap {
    width: 70%;
    margin: 0 auto;
    float: none; }
  .staff-students-btn:after {
    color: #FFFFFF; } }

/*media queries for mobile friendly navigation */
@media screen and (max-width: 639px) {
  .more.courses .about-img-wrap {
    display: block;
    background: rgba(57, 47, 72, 0.4);
    min-height: 0 !important;
    margin: 0; }
  .more.courses .course-search-wrap {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    background-color: transparent;
    display: none; }
  #course-dropdown {
    display: none; }
  .courses-az-link {
    width: 100%; }
  .courses-az-link, .courses-az-link i {
    color: #FFFFFF; }
  .course-search {
    border: 1px solid rgba(255, 255, 255, 0.7);
    height: 50px;
    margin-bottom: 0;
    color: #392f48;
    position: relative; }
    .course-search::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.7) !important;
      font-family: Lato, Arial, Helvetica, sans-serif; }
    .course-search:-moz-placeholder {
      color: rgba(255, 255, 255, 0.7) !important;
      font-family: Lato, Arial, Helvetica, sans-serif; }
    .course-search::-moz-placeholder {
      color: rgba(255, 255, 255, 0.7) !important;
      font-family: Lato, Arial, Helvetica, sans-serif; }
    .course-search:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.7) !important;
      font-family: Lato, Arial, Helvetica, sans-serif; }
    .course-search:focus {
      border: 1px solid #FFFFFF;
      outline: none; }
  input.course-search-submit {
    position: absolute;
    height: 50px !important;
    width: 20%;
    right: 0; }
  #site-navigation-mega section .more.research li.heading ~ li {
    display: block;
    margin: 0; }
  /*Remove range selector on research section*/
  .more.research ul:nth-child(n+3):nth-child(-n+4) .divider + li {
    min-height: 0; } }

@media screen and (max-width: 500px) {
  #site-navigation-mega section h2 a {
    margin-left: 24px !important; } }

@media screen and (max-width: 440px) {
  #branding {
    width: 160px;
    margin-top: 12px;
    margin-left: 24px !important; }
  .mobile-search-open {
    padding: 0; }
  .top-level-nav ul {
    width: calc(100% - 20px); } }

@media screen and (min-width: 501px) and (max-width: 800px) {
  div.more {
    padding-left: 36px !important; } }

@media screen and (min-width: 390px) and (max-width: 488px) {
  #branding {
    width: 200px; } }

@media screen and (max-width: 367px) {
  .top-level-nav ul {
    display: none; }
  .top-level-nav li {
    padding-right: 12px; }
    .top-level-nav li:after {
      display: block; }
    .top-level-nav li a {
      padding-right: 6px; } }

@media screen and (max-width: 350px) {
  #branding {
    width: 150px; } }

/*
 * Internal pages won't have mega menu navigation
 */
body.internal #mega-menu-fixed-wrapper {
  display: none; }

body.internal #mobile-menu-trigger {
  display: none; }

body.internal #site-header {
  height: 96px; }

@media screen and (max-width: 800px) and (min-width: 750px) {
  body.internal #branding {
    left: 0; } }

@media screen and (max-width: 800px) {
  body.internal #branding {
    float: left; }
  body.internal .screen-reader-text:after {
    right: 24px !important; } }

/* Site */
#site {
  margin: 0 auto;
  margin: 0 auto;
  max-width: 1200px;
  max-width: 85.71429rem;
  overflow: hidden; }

.full-width #secondary {
  display: none; }

/* Home page content blocks */
#rev_slider_1_1_forcefullwidth {
  display: none; }

.masthead-content {
  width: 100%;
  background-color: black;
  padding: 12px 24px;
  padding: 0.85714rem 1.71429rem; }

.masthead-content.notext {
  padding: 24px;
  padding: 1.71429rem; }

.masthead-logo {
  max-width: 500px;
  max-height: 100px;
  width: auto;
  height: auto;
  box-sizing: border-box; }

.masthead-logo-2, .masthead-logo-3 {
  position: static;
  bottom: 0;
  right: 0;
  max-width: 80px;
  max-height: 80px; }

.masthead-logo-2 {
  right: 106px !important; }

.hero_three {
  padding: 24px;
  background-color: #b78f41; }

.hero_three h2, .hero_three p {
  color: #FFFFFF; }

.hero_three p {
  font-size: 24px; }

.homepage_announcement {
  margin: 24px 0 0;
  background-color: #fff6b8;
  padding: 24px;
  text-align: left !important; }

.homepage_announcement .masthead-content-title {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  font-family: "Helvetica Neue", sans-serif; }

.homepage_announcement .masthead-content-title a {
  color: #000000; }

.homepage_announcement p {
  font-size: 16px;
  text-align: left !important; }

/*New area*/
.masthead-content {
  background-color: #151515;
  height: auto !important;
  padding: 12px 24px !important; }

.homepage_announcement.newbanner {
  background-color: #272727;
  padding: 12px 24px;
  box-shadow: inset 0 3px 4px 0 #111111;
  border-top: 1px solid #151515;
  border-bottom: 1px solid #151515; }
  .homepage_announcement.newbanner a {
    color: #b78f41;
    font-weight: normal;
    font-size: 2rem;
    font-family: 'Helvetica Neue', Arial Narrow, Georgia, "Times New Roman", Times, serif; }

.hero-banner-cta-btn {
  color: #FFFFFF !important;
  text-decoration: none;
  background-color: #671E75;
  display: inline-block;
  line-height: 1;
  font-size: 18px !important;
  border-radius: 10px;
  padding: 9px 24px;
  float: right;
  box-shadow: 2px 2px #151515; }
  .hero-banner-cta-btn:hover {
    background-color: #551961; }
  .hero-banner-cta-btn span {
    margin-left: 12px;
    margin-left: 0.85714rem; }

.masthead-content-title {
  font-size: 42px;
  font-size: 3rem;
  line-height: 1.14286;
  margin: 0;
  margin: 0;
  color: #b78f41;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 200;
  white-space: pre-wrap;
  display: inline;
  /*Creates the text-highlight effect when wraps to > 1 line*/
  padding: 12px 0;
  padding: 0.85714rem 0;
  margin-right: 24px;
  text-align: left; }
  .masthead-content-title .fa-li {
    line-height: 1.14286; }

.masthead-content-subtext {
  color: #b78f41;
  font-size: 22px;
  font-size: 1.57143rem;
  line-height: 1.09091;
  line-height: 1.6;
  padding-bottom: 0;
  padding-bottom: 0; }
  .masthead-content-subtext .fa-li {
    line-height: 1.09091; }

.masthead-content-title a {
  display: inline;
  width: auto;
  height: auto;
  text-decoration: none;
  color: #b78f41; }

.masthead-content-inner, .masthead-top-inner {
  width: 100%;
  max-width: 1200px;
  padding: 0;
  padding: 0;
  text-align: left;
  margin: 0 auto; }

.masthead-top-inner {
  position: relative;
  display: inline-block;
  float: right;
  width: auto;
  margin-right: 12px;
  height: 60px;
  top: -18px; }

.masthead-content .cta-btn {
  position: relative;
  float: right;
  margin-top: 0;
  background-color: #671E75 !important;
  color: #FFFFFF !important;
  border: none; }
  .masthead-content .cta-btn:hover {
    background-color: #FFFFFF !important;
    color: #671E75 !important; }
  .masthead-content .cta-btn:hover .chevron-right-dark {
    border-top: 1px solid #671E75;
    border-right: 1px solid #671E75; }

.masthead-content-inner {
  position: relative; }

#masthead_hashtag {
  right: 24px;
  left: auto !important; }

.masthead-logo-wrap {
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 24px; }

.masthead-content .cta-btn span.chevron-right-dark {
  border-right: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF; }

@media screen and (min-width: 900px) and (max-width: 1024px) {
  .masthead-logo {
    max-width: 400px; } }

@media screen and (max-width: 899px) {
  .masthead-logo {
    max-width: 400px; }
  #masthead_hashtag {
    font-size: 32px !important;
    margin-bottom: 12px;
    margin-bottom: 0.85714rem; } }

@media screen and (max-width: 800px) {
  .masthead-content {
    position: relative; }
  .masthead-logo {
    max-width: 100%;
    max-height: 80px;
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }
  .masthead-content-title {
    text-align: left !important;
    line-height: 1.2 !important; }
  .masthead-top-inner {
    display: none; }
  .masthead-content-title a {
    line-height: 1.2 !important; }
  .hero-banner-cta-btn {
    float: none;
    display: block;
    margin-top: 12px;
    margin-top: 0.85714rem; }
  .newbanner a {
    font-size: 24px !important; }
  #masthead_hashtag {
    background-color: #0000005c;
    left: 0 !important;
    right: 0;
    margin-left: 0 !important;
    padding-left: 24px;
    bottom: 0 !important;
    font-size: 24px !important;
    margin-bottom: 0; } }

.caption-top {
  top: 24px;
  left: calc(50% - (500px / 2));
  bottom: auto; }

.caption-top-left {
  top: 24px;
  left: 24px;
  bottom: auto; }

.caption-top-right {
  top: 24px;
  right: 24px;
  bottom: auto;
  left: auto; }

.caption-mid {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto; }

.caption-mid-left {
  top: 50%;
  left: 24px;
  transform: translate(-50%, 0); }

.caption-bottom {
  bottom: 24px;
  left: calc(50% - (500px / 2));
  top: auto; }

.caption-bottom-left {
  bottom: 24px;
  left: 24px;
  top: auto; }

.caption-bottom-right {
  bottom: 24px;
  right: 24px;
  top: auto;
  left: auto; }

.caption-opaque {
  background-color: #FFFFFF; }

.caption-transparent {
  background-color: rgba(255, 255, 255, 0.8); }

.layer.full-width {
  width: 100%;
  float: left;
  clear: both; }

/*Course Search Layer*/
.courses_layer {
  width: 100%;
  padding-top: 24px;
  padding-top: 1.71429rem; }

.courses-cta-wrap {
  max-width: 1200px;
  margin: 0 auto; }

/*Courses*/
.full-width.courses.layer {
  display: none; }

.ehu-courses {
  max-width: 1200px;
  max-width: 85.71429rem;
  margin: 0 auto;
  display: block;
  width: 100%;
  overflow: auto; }

.course-search-full {
  background-color: #FFFFFF;
  width: 100%; }

.masthead-wrap {
  background-color: #f8f9f9;
  overflow: auto; }

.masthead {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 480px;
  position: relative;
  overflow: hidden; }

.masthead .cta-btn {
  position: absolute;
  right: 24px;
  bottom: 12px;
  margin: 0; }

.masthead .cta-btn, .course-related-links-panel .cta-btn {
  border: 1px solid #671E75;
  color: #671E75 !important;
  background-color: #FFFFFF; }
  .masthead .cta-btn:hover, .course-related-links-panel .cta-btn:hover {
    background-color: #671E75;
    color: #FFFFFF !important;
    text-decoration: none !important; }
    .masthead .cta-btn:hover .chevron-right-dark, .course-related-links-panel .cta-btn:hover .chevron-right-dark {
      border-top: 2px solid #FFFFFF;
      border-right: 2px solid #FFFFFF; }

.masthead-image {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.course-related-links-panel .cta-btn {
  width: 100%; }
  .course-related-links-panel .cta-btn i {
    min-width: 35px; }
  .course-related-links-panel .cta-btn:first-of-type {
    margin-top: 0; }

.masthead-content-title {
  font-size: 42px;
  font-size: 3rem;
  line-height: 1.14286;
  margin: 0;
  margin: 0;
  color: #b78f41;
  font-family: 'Helvetica Neue', Arial Narrow, Georgia, "Times New Roman", Times, serif;
  font-weight: 200; }
  .masthead-content-title .fa-li {
    line-height: 1.14286; }

.masthead-content-subtext {
  color: #671E75;
  font-size: 22px;
  font-size: 1.57143rem;
  line-height: 1.09091;
  line-height: 1.6;
  padding-bottom: 0;
  padding-bottom: 0; }
  .masthead-content-subtext .fa-li {
    line-height: 1.09091; }

.courses-cta-form {
  background-color: white;
  position: relative;
  padding: 24px 48px;
  padding: 1.71429rem 3.42857rem;
  border: 1px solid #dee0df;
  border-top: 10px solid #671E75; }

.courses-cta-search {
  height: 60px;
  float: left;
  width: 80%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: 0;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  padding-left: 24px;
  padding-left: 1.71429rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .courses-cta-search .fa-li {
    line-height: 1.5; }
  .courses-cta-search::-webkit-input-placeholder {
    color: rgba(51, 51, 51, 0.9);
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5;
    line-height: 3.5; }
    .courses-cta-search::-webkit-input-placeholder .fa-li {
      line-height: 1.5; }
  .courses-cta-search:-moz-placeholder {
    color: rgba(51, 51, 51, 0.9);
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5;
    line-height: 3.5; }
    .courses-cta-search:-moz-placeholder .fa-li {
      line-height: 1.5; }
  .courses-cta-search::-moz-placeholder {
    color: rgba(51, 51, 51, 0.9);
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5;
    line-height: 3.5; }
    .courses-cta-search::-moz-placeholder .fa-li {
      line-height: 1.5; }
  .courses-cta-search:-ms-input-placeholder {
    color: rgba(51, 51, 51, 0.9);
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5;
    line-height: 3.5; }
    .courses-cta-search:-ms-input-placeholder .fa-li {
      line-height: 1.5; }

.courses-cta-submit {
  font-size: 18px !important;
  border-radius: 0 !important;
  border: 0 !important;
  margin-top: 6px;
  margin-top: 0.42857rem;
  width: 20%;
  float: left;
  height: 60px !important;
  position: relative;
  background-color: #671E75;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  overflow: visible;
  /*Search spyglass icon*/ }
  .courses-cta-submit:hover, .courses-cta-submit:focus {
    background-color: #392f48;
    color: #FFFFFF !important; }
    .courses-cta-submit:hover:before, .courses-cta-submit:focus:before {
      color: rgba(57, 47, 72, 0.9); }
  .courses-cta-submit:before {
    content: "\f002";
    font-family: FontAwesome, "Open Sans", Arial, sans-serif;
    position: absolute;
    font-size: 30px;
    font-size: 2.14286rem;
    line-height: 1.6;
    color: rgba(57, 47, 72, 0.5);
    background-color: #FFFFFF;
    top: 2px;
    left: -51px;
    width: 50px;
    height: 56px;
    text-align: center;
    line-height: 1.9;
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in; }
    .courses-cta-submit:before .fa-li {
      line-height: 1.6; }

.courses-cta-wrap {
  padding: 24px 0;
  padding: 1.71429rem 0;
  padding-bottom: 0;
  width: 100%;
  position: relative;
  background-color: #FFFFFF;
  clear: both; }
  .courses-cta-wrap:after {
    content: "";
    display: table;
    clear: both; }

.ehu-courses-col {
  width: 100%;
  float: left;
  padding-top: 24px;
  padding-top: 1.71429rem;
  position: relative; }

.ehu-courses-col p {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  margin: 12px 0;
  margin: 0.85714rem 0;
  color: #FFFFFF; }
  .ehu-courses-col p .fa-li {
    line-height: 1.5; }

.cta-btn {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  padding: 12px 24px 12px 12px;
  padding: 0.85714rem 1.71429rem 0.85714rem 0.85714rem;
  margin: 12px 0;
  margin: 0.85714rem 0;
  transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  background-color: inherit;
  color: #FFFFFF !important;
  text-decoration: none;
  display: inline-block;
  border: 1px solid #FFFFFF;
  position: relative; }
  .cta-btn .fa-li {
    line-height: 1.5; }
  .cta-btn:hover {
    background-color: #FFFFFF;
    box-shadow: 9px 9px 1px rgba(85, 38, 132, 0.14); }
    .cta-btn:hover .chevron-right-light {
      border-top: 2px solid #444444;
      border-right: 2px solid #444444; }
  .cta-btn .chevron-right-light {
    color: #FFFFFF;
    top: calc(100% / 2 - 5px);
    right: 12px;
    left: auto; }

.col-link-wrap {
  text-decoration: none; }
  .col-link-wrap:hover .course-image-bottom {
    box-shadow: 2px 2px 10px rgba(252, 252, 252, 0.8);
    border: 1px solid rgba(103, 30, 117, 0.3); }

.course-image {
  height: 500px;
  width: 60%;
  float: left;
  background-size: cover;
  background-position: center;
  margin: 0;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.course-content-panel {
  height: 500px;
  width: calc(40% - 24px);
  padding: 48px;
  padding: 3.42857rem;
  background-color: #FFFFFF;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid rgba(103, 30, 117, 0.1);
  overflow: auto; }

.ehu-courses-col:nth-of-type(1) .course-content-panel {
  background-color: #392f48;
  float: left; }

.ehu-courses-col:nth-of-type(1) .course-image {
  background: url("/wp-content/uploads/2016/08/EHU485_Prospectus085-1-1024x683.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  float: right; }

.ehu-courses-col:nth-of-type(2) .course-content-panel {
  background-color: #3e482f;
  float: right; }

.ehu-courses-col:nth-of-type(2) .course-image {
  background: url(/wp-content/uploads/2016/08/day2DSC_3656-1024x683.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  float: left; }

.ehu-courses-col:nth-of-type(3) .course-content-panel {
  background-color: #2c751e;
  float: left; }

.ehu-courses-col:nth-of-type(3) .course-image {
  background: url(/wp-content/uploads/2016/08/day2DSC_3656-1024x683.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  float: right; }

.courses-title {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 28px;
  font-size: 2rem;
  line-height: 1.71429;
  color: #FFFFFF;
  font-weight: 400;
  border-bottom: 1px solid #FFFFFF; }
  .courses-title .fa-li {
    line-height: 1.71429; }

.course-search-header {
  padding: 12px 0;
  padding: 0.85714rem 0;
  font-size: 42px;
  font-size: 3rem;
  line-height: 1.14286;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  position: relative;
  color: #671E75; }
  .course-search-header .fa-li {
    line-height: 1.14286; }

.course-search-header a {
  text-decoration: none;
  display: block; }
  .course-search-header a:hover {
    text-decoration: underline; }

.study-emph {
  font-weight: bold; }

.course-panel-title {
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.2;
  line-height: 1.2;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  color: #FFFFFF; }
  .course-panel-title .fa-li {
    line-height: 1.2; }

.course-panel-subtext {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  padding: 12px 0;
  padding: 0.85714rem 0; }
  .course-panel-subtext .fa-li {
    line-height: 1.5; }

.courses-cta-left {
  width: calc((100% / 3 * 1) - 24px);
  margin-right: 24px;
  margin-right: 1.71429rem;
  float: left; }

.courses-cta-right {
  width: calc(100% / 3 * 1);
  float: left; }

.courses-btn-wrap {
  margin: 0 24px 0 0 !important;
  width: calc((100% / 3 * 1) - 24px) !important;
  clear: none !important;
  float: left !important; }

.courses-btn-wrap .menu-cta-btn {
  width: 100%;
  float: left;
  margin-right: 24px;
  margin-right: 1.71429rem;
  padding-right: 48px !important; }
  .courses-btn-wrap .menu-cta-btn:first-of-type {
    margin-top: 0 !important; }
  .courses-btn-wrap .menu-cta-btn:last-of-type {
    margin-right: 0; }

.undergrad-panel, .postgrad-panel, .applicant-panel, .international-panel {
  width: 100%;
  float: left;
  padding: 24px;
  padding: 1.71429rem;
  margin-right: 24px;
  margin-right: 1.71429rem;
  color: #FFFFFF;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #671E75; }

.postgrad-panel {
  margin-right: 0; }

.undergrad-panel, .postgrad-panel, .applicant-panel, .international-panel {
  margin-bottom: 12px;
  margin-bottom: 0.85714rem; }
  .undergrad-panel .cta-btn, .postgrad-panel .cta-btn, .applicant-panel .cta-btn, .international-panel .cta-btn {
    position: relative;
    bottom: 0; }

.undergrad-panel:hover, .postgrad-panel:hover, .applicant-panel:hover, .international-panel:hover {
  box-shadow: 9px 9px 1px rgba(85, 38, 132, 0.14);
  background-color: #43144c; }

.undergrad-panel .cta-btn, .postgrad-panel .cta-btn {
  position: relative; }
  .undergrad-panel .cta-btn:hover, .postgrad-panel .cta-btn:hover {
    color: #43144c !important;
    text-decoration: none !important; }

.research-panel, .departments-panel, .about-panel {
  background-color: #671E75;
  padding: 24px;
  padding: 1.71429rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 12px;
  margin-top: 0.85714rem;
  position: relative;
  z-index: 10; }
  .research-panel:hover, .departments-panel:hover, .about-panel:hover {
    background-color: #43144c; }
  .research-panel .cta-btn:hover, .departments-panel .cta-btn:hover, .about-panel .cta-btn:hover {
    background-color: #FFFFFF;
    color: #392f48 !important;
    text-decoration: none !important; }

.research-panel:after, .departments-panel:after, .about-panel:after, .undergrad-panel:before, .postgrad-panel:before, .applicant-panel:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.05;
  max-width: 100%;
  height: 100%;
  z-index: 0; }

.undergrad-panel:before, .postgrad-panel:before, .applicant-panel:before, .about-panel:after {
  background: linear-gradient(90deg, rgba(103, 30, 117, 0.2), rgba(67, 20, 76, 0.2)), url("/images/edgehillfacadesmall-min.jpg") center center/cover no-repeat; }

/*Controls the research panel overlay image */
.research-panel:after {
  background: linear-gradient(90deg, rgba(103, 30, 117, 0.2), rgba(67, 20, 76, 0.2)), url("/images/research-btn-overlay.jpg") center center/cover no-repeat; }

/*learning & teaching overlay image*/
.departments-panel:after {
  background: linear-gradient(90deg, rgba(103, 30, 117, 0.2), rgba(67, 20, 76, 0.2)), url("/images/learning-btn-overlay.jpg") center center/cover no-repeat; }

.course-related-links-panel {
  padding: 0; }

.course-related-links-panel {
  margin-right: 0;
  padding-top: 0; }

/*Control the form CTA buttons*/
.courses-cta-form-btn-wrap li {
  display: inline-block; }
  .courses-cta-form-btn-wrap li .cta-btn {
    border: 1px solid #671E75;
    color: #671E75 !important;
    margin: 12px 24px 12px 0;
    margin: 0.85714rem 1.71429rem 0.85714rem 0; }
    .courses-cta-form-btn-wrap li .cta-btn:hover {
      background-color: #671E75;
      color: #FFFFFF !important;
      transform: translateY(2px); }
      .courses-cta-form-btn-wrap li .cta-btn:hover .chevron-right-dark {
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF; }

/*--Clearing layer--*/
/*Specific to clearing page*/
.page-id-8067 .full-width.clearing.layer {
  margin-top: 0;
  margin-bottom: 24px;
  display: block; }
  .page-id-8067 .full-width.clearing.layer .ehu-clearing {
    padding: 0;
    border: 1px solid #f2ebf3; }
  .page-id-8067 .full-width.clearing.layer .clearing-box {
    min-height: 0;
    background: linear-gradient(180deg, rgba(252, 252, 252, 0.05), rgba(68, 68, 68, 0.05));
    text-align: left;
    border-bottom: 1px solid #f2ebf3;
    border-right: 1px solid #f2ebf3; }
    .page-id-8067 .full-width.clearing.layer .clearing-box:nth-child(even) {
      border-right: 0; }
    .page-id-8067 .full-width.clearing.layer .clearing-box:nth-child(3), .page-id-8067 .full-width.clearing.layer .clearing-box:nth-child(4) {
      border-bottom: 0; }
    .page-id-8067 .full-width.clearing.layer .clearing-box:hover {
      background: #671E75; }
    .page-id-8067 .full-width.clearing.layer .clearing-box a {
      min-height: 108px; }
      .page-id-8067 .full-width.clearing.layer .clearing-box a * {
        color: #671E75; }
    .page-id-8067 .full-width.clearing.layer .clearing-box p {
      margin-bottom: 0; }
    .page-id-8067 .full-width.clearing.layer .clearing-box i {
      float: left;
      margin-right: 24px;
      margin-right: 1.71429rem; }
    .page-id-8067 .full-width.clearing.layer .clearing-box:hover a * {
      color: white !important; }

@media screen and (min-width: 1400px) {
  .page-id-8067 .full-width.clearing.layer .clearing-box {
    width: 50%; } }

@media screen and (min-width: 1000px) {
  .page-id-8067 .full-width.clearing.layer .clearing-box {
    width: 50%; } }

@media screen and (min-width: 800px) and (max-width: 1163px) {
  .page-id-8067 .full-width.clearing.layer .clearing-box {
    width: 50%; }
  .page-id-8067 .full-width.clearing.layer .ehu-clearing .clearing-box i {
    font-size: 1em !important;
    width: 40px;
    height: 40px;
    margin-right: 12px; } }

@media screen and (max-width: 800px) {
  .page-id-8067 .ehu-clearing {
    padding: 0 !important; } }

@media screen and (max-width: 600px) {
  .page-id-8067 .ehu-clearing .clearing-box:nth-child(odd) {
    border-right: 0 !important;
    border-bottom: 1px solid #f2ebf3 !important; }
  .page-id-8067 .ehu-clearing .clearing-box a {
    min-height: 0 !important;
    display: block; } }

.full-width.clearing.layer {
  width: 100%;
  margin-top: 24px;
  margin-top: 1.71429rem; }

.ehu-clearing {
  max-width: 1200px;
  margin: 0 auto;
  overflow: auto; }

.ehu-clearing .clearing-box {
  width: 33%;
  float: left;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative; }
  .ehu-clearing .clearing-box:hover {
    background-color: #671E75; }
    .ehu-clearing .clearing-box:hover a {
      color: #FFFFFF; }
    .ehu-clearing .clearing-box:hover i {
      border: 2px solid #FFFFFF; }

.ehu-clearing .clearing-box i {
  clear: both;
  font-size: 1.6em;
  display: inline-block;
  width: 60px;
  height: 60px;
  position: relative;
  border: 2px solid #671E75;
  border-radius: 50%; }
  .ehu-clearing .clearing-box i:before {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%; }

.ehu-clearing .clearing-box a {
  display: block;
  text-decoration: none;
  font-size: 18px;
  padding: 24px;
  padding: 1.71429rem;
  min-height: 176px; }

.tel-no {
  font-weight: 700; }

.ehu-clearing .live-chat-pref {
  width: 100%;
  clear: both;
  margin: 24px 0;
  float: left; }

.live-chat-pref a {
  padding: 24px;
  padding: 1.71429rem;
  display: block;
  text-decoration: none;
  font-size: 18px;
  position: relative;
  width: 25%;
  margin-left: 37.5%;
  background-color: #671E75;
  color: #FFFFFF;
  text-align: center;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out; }
  .live-chat-pref a:hover {
    background-color: #43144c; }

.live-chat-pref i {
  margin-left: 12px; }

/*--About layer--*/
.full-width.about.layer {
  width: 100%;
  background-color: #f8f9f9;
  padding: 72px 0;
  padding: 5.14286rem 0;
  position: relative; }

.ehu-about {
  max-width: 1200px;
  max-width: 85.71429rem;
  margin: 0 auto;
  position: relative; }
  .ehu-about:after {
    content: "";
    clear: both;
    display: table; }

.about-overlay {
  position: absolute;
  width: 100%;
  height: 400px;
  background: url("/web/wp-content/themes/edgehill-2012-home/images/backgrounds/crest.fw.png") no-repeat;
  background-position: center center;
  background-size: cover;
  top: 84vh; }

h2.layer-section-header {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  font-size: 42px;
  font-size: 3rem;
  line-height: 1.14286;
  color: #392f48;
  font-weight: 400;
  font-family: Georgia, "Times New Roman", Times, serif;
  display: block;
  text-align: left; }
  h2.layer-section-header .fa-li {
    line-height: 1.14286; }
  h2.layer-section-header a {
    text-decoration: none;
    color: inherit; }

p.layer-section-subtitle {
  color: #392f48;
  display: block;
  text-align: left;
  font-family: Lato, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  line-height: 1.6;
  padding-bottom: 48px;
  padding-bottom: 3.42857rem;
  max-width: calc(50% - 24px); }
  p.layer-section-subtitle .fa-li {
    line-height: 1.33333; }

.ehu-about a:last-of-type .ehu-about-column {
  margin-right: 0; }

.ehu-about-column {
  width: calc(100% / 3 - 16px);
  float: left;
  border: 1px solid #dee0df;
  padding: 24px;
  padding: 1.71429rem;
  margin-right: 24px;
  margin-right: 1.71429rem;
  background-color: #FFFFFF;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  min-height: 550px;
  margin-bottom: 24px; }
  .ehu-about-column:hover .ehu-about-column-title {
    color: #392f48; }
  .ehu-about-column .cta-btn {
    background-color: #4b78b3;
    color: #FFFFFF;
    position: absolute;
    bottom: 24px;
    right: 24px;
    padding-right: 36px;
    padding-right: 2.57143rem; }
    .ehu-about-column .cta-btn:hover {
      background-color: transparent;
      color: #4b78b3 !important;
      border: 2px solid #4b78b3; }

.ehu-about-column-img:after {
  content: "";
  background: url("/images/edgehillfacade-min.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.ehu-about > a:nth-child(1) .ehu-about-column-img:after {
  background: url("web/wp-content/uploads/2015/11/UoY-Winner-v31-1920x859-624x279.jpg") no-repeat;
  background-size: cover;
  background-position: center center; }

.ehu-about-column:hover .ehu-about-column-img:after {
  transform: scale(1.04); }

.ehu-about-column-img {
  height: 200px;
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.ehu-about-column-content {
  width: 100%;
  float: left;
  background-color: #FFFFFF; }

.ehu-about-column-title {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #4b78b3;
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1;
  font-weight: 400;
  margin: 24px 0;
  margin: 1.71429rem 0; }
  .ehu-about-column-title .fa-li {
    line-height: 1; }

.ehu-about-column-para {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  padding-bottom: 12px;
  padding-bottom: 0.85714rem;
  color: #444444; }
  .ehu-about-column-para .fa-li {
    line-height: 1.5; }

.ehu-about-quote {
  width: 100%;
  float: left;
  padding: 24px 24px 48px;
  padding: 1.71429rem 1.71429rem 3.42857rem;
  border: 4px double #FFFFFF;
  margin: 24px 0;
  margin: 1.71429rem 0;
  z-index: 2;
  position: relative; }

.large-quote {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 42px;
  font-size: 3rem;
  line-height: 1.14286;
  margin: 24px 0;
  margin: 1.71429rem 0;
  font-style: italic;
  font-weight: 400;
  color: #757d89;
  display: block;
  text-align: center; }
  .large-quote .fa-li {
    line-height: 1.14286; }

.quote-subtext {
  font-size: 22px;
  font-size: 1.57143rem;
  line-height: 1.09091;
  line-height: 1.6;
  margin: 24px 0;
  margin: 1.71429rem 0;
  display: block;
  text-align: center;
  color: #757d89;
  position: relative; }
  .quote-subtext .fa-li {
    line-height: 1.09091; }
  .quote-subtext:after {
    content: "";
    position: absolute;
    height: 5px;
    width: 200px;
    left: 0;
    right: 0;
    bottom: -24px;
    margin: auto;
    background-color: #4b78b3; }

.ehu-about-stats {
  width: 100%;
  height: 400px;
  background-color: #fcfcfc;
  float: left; }
  .ehu-about-stats a {
    color: #c9c9c9;
    float: left;
    height: 100%;
    width: 100%; }

.ehu-about-stat-single {
  width: 50%;
  float: left;
  height: calc(100% / 3);
  border-bottom: 1px solid #efefef;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .ehu-about-stat-single:nth-child(odd) {
    border-right: 1px solid #dee0df; }
  .ehu-about-stat-single:hover {
    background-color: #efefef;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: inset 10px 0 0 0 #671E75; }
    .ehu-about-stat-single:hover i {
      color: #671E75;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }

.ehu-about-stat-single:nth-child(n+3):nth-child(-n+4) {
  padding: 24px 0; }
  .ehu-about-stat-single:nth-child(n+3):nth-child(-n+4) .ehu-about-stat-header {
    padding-top: 0; }
  .ehu-about-stat-single:nth-child(n+3):nth-child(-n+4) .ehu-about-stat-icon {
    height: 100%; }

.news-btn-wrap .cta-btn, .events-btn-wrap .cta-btn {
  background-color: #FFFFFF !important;
  color: #671E75 !important;
  border: 1px solid #671E75 !important;
  margin-right: 24px !important;
  min-width: 200px; }
  .news-btn-wrap .cta-btn:hover, .events-btn-wrap .cta-btn:hover {
    color: #FFFFFF !important;
    background-color: #671E75 !important;
    transform: translateY(2px); }
    .news-btn-wrap .cta-btn:hover .chevron-right-light, .events-btn-wrap .cta-btn:hover .chevron-right-light {
      border-right: 1px solid #FFFFFF;
      border-top: 1px solid #FFFFFF; }
  .news-btn-wrap .cta-btn > .chevron-right-light, .events-btn-wrap .cta-btn > .chevron-right-light {
    border-right: 1px solid #671E75;
    border-top: 1px solid #671E75; }

.ehu-about-stat-icon {
  width: 20%;
  float: left;
  position: relative;
  height: calc(400px / 3); }
  .ehu-about-stat-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    font-size: 3.57143rem;
    line-height: 1.44; }
    .ehu-about-stat-icon i .fa-li {
      line-height: 1.44; }

.ehu-about-stat-content {
  width: 80%;
  float: left;
  padding: 0 12px;
  padding: 0 12px/14pxrem; }

.ehu-about-stat-header {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #777777;
  font-size: 30px;
  font-size: 2.14286rem;
  line-height: 1.6;
  padding-top: 24px;
  padding-top: 1.71429rem;
  font-weight: 400; }
  .ehu-about-stat-header .fa-li {
    line-height: 1.6; }

.ehu-about-stat-subtitle {
  color: #777777;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .ehu-about-stat-subtitle .fa-li {
    line-height: 1.5; }

/*--Students Layer--*/
.ehu-students .layer-section-header {
  text-align: left; }

.full-width.students.layer {
  width: 100%;
  padding: 48px 0;
  padding: 48px 0/14pxrem;
  position: relative; }

.ehu-students {
  max-width: 1200px;
  max-width: 85.71429rem;
  margin: 0 auto;
  margin: 0 auto;
  position: relative;
  *zoom: 1; }
  .ehu-students:after {
    content: "";
    display: table;
    clear: both; }

.ehu-students-header-wrap {
  width: calc(50% - 24px);
  float: left;
  margin-right: 24px;
  margin-right: 1.71429rem; }

.ehu-students .layer-section-subtitle {
  max-width: none;
  width: 100%; }

.ehu-students-header-wrap-accolades {
  float: left;
  width: 50%;
  min-height: 250px; }

.whatuni-accom {
  background: url("https://www.edgehill.ac.uk/study/files/2017/04/WhatUni-Accommodation.jpg") no-repeat;
  background-position: center center;
  background-size: cover; }

.whatuni-facil {
  background: url("https://www.edgehill.ac.uk/study/files/2017/03/WhatUni-Student-Choice-Awards.jpg") no-repeat;
  background-position: center center;
  background-size: cover; }

.whatuni-support {
  background: url("https://www.edgehill.ac.uk/study/files/2017/03/WhatUni-Support.jpg") no-repeat;
  background-position: center center;
  background-size: cover; }

.ehu-students-header-wrap-accolades > div {
  width: calc(100% / 3 - 16px);
  margin-right: 24px;
  margin-right: 1.71429rem;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  float: left;
  height: 150px;
  -webkit-box-reflect: below 10px linear-gradient(180deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.1));
  background-size: contain; }
  .ehu-students-header-wrap-accolades > div:last-child {
    margin-right: 0; }

.layer.student_experience {
  width: 100%;
  float: left;
  padding-top: 48px;
  padding-top: 3.42857rem; }

.ehu-students-main {
  width: calc(50% - 24px);
  float: left;
  min-height: 400px;
  position: relative;
  margin-right: 24px;
  margin-right: 1.71429rem;
  margin-top: 24px;
  margin-top: 1.71429rem;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  overflow: hidden; }
  .ehu-students-main:hover > .ehu-students-main-content {
    transform: translateY(-24px);
    padding-bottom: 48px;
    padding-bottom: 3.42857rem;
    bottom: -24px;
    opacity: 0.95; }

.ehu-students-main-img {
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 480px;
  position: relative;
  background-color: #392f48;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.ehu-students-main:hover .ehu-students-main-img {
  transform: scale(1.04); }
  @supports (background-blend-mode: luminosity) {
    .ehu-students-main:hover .ehu-students-main-img {
      background-blend-mode: luminosity; } }

.ehu-students-main-content .panel-item-header {
  margin-top: 0; }

.ehu-students-main-content {
  padding: 24px;
  padding: 1.71429rem;
  background-color: rgba(57, 47, 72, 0.95);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 150px; }

.ehu-students-main-content p {
  color: #FFFFFF;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .ehu-students-main-content p .fa-li {
    line-height: 1.5; }

.ehu-students-main-content h3:after, .ehu-students-grid-panel-content h4:after {
  display: none; }

.ehu-students-grid {
  width: 100%;
  float: left; }

/*temporary background images*/
.ehu-students-grid a:nth-child(1) .ehu-students-grid-panel-img {
  background: url("https://www.edgehill.ac.uk/study/files/2017/03/Social-Life-660x440.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #392f48; }

.ehu-students-grid a:nth-child(2) .ehu-students-grid-panel-img {
  background: url("https://www.edgehill.ac.uk/study/files/2017/03/Arts-and-Culture-660x440.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #392f48; }

.ehu-students-grid a:nth-child(3) .ehu-students-grid-panel-img {
  background: url("https://www.edgehill.ac.uk/study/files/2017/03/Clubs-and-Societies-660x440.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #392f48; }

.ehu-students-grid a:nth-child(4) .ehu-students-grid-panel-img, .ehu-students-grid a:nth-child(5) .ehu-students-grid-panel-img {
  background: url("https://www.edgehill.ac.uk/study/files/2017/03/Students-Union-660x440.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #392f48; }

.ehu-students-grid-panel {
  width: calc(100% / 4 - 24px);
  height: 240px;
  float: left;
  margin-right: 24px;
  margin-bottom: 24px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden; }

.ehu-students-grid-panel:nth-child(even) {
  margin-right: 0; }

.ehu-students-grid-panel-img {
  width: 100%;
  height: 300px;
  float: left;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.ehu-students-grid-panel:hover .ehu-students-grid-panel-img {
  transform: scale(1.04); }
  @supports (background-blend-mode: luminosity) {
    .ehu-students-grid-panel:hover .ehu-students-grid-panel-img {
      background-blend-mode: luminosity; } }

.ehu-students-grid-panel-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px;
  padding: 0.85714rem;
  background-color: #392f48;
  width: 100%; }

/*--Employability Layer --*/
.full-width.employability.layer {
  width: 100%;
  background: linear-gradient(90deg, #211b29, #200924);
  padding: 48px 0;
  padding: 48px 0/14pxrem;
  position: relative; }

.full-width.employability.layer .layer-section-subtitle {
  color: #FFFFFF; }

.ehu-employability {
  margin: 0 auto;
  max-width: 1200px;
  max-width: 85.71429rem;
  *zoom: 1; }
  .ehu-employability:after {
    content: "";
    display: table;
    clear: both; }
  .ehu-employability .cta-btn {
    margin-top: 24px;
    margin-top: 1.71429rem;
    margin-right: 24px;
    float: none;
    display: block; }
    .ehu-employability .cta-btn:hover {
      color: #444444 !important; }

.emp-cta-wrap {
  width: calc(100% / 3 * 1);
  float: left;
  text-align: center; }
  .emp-cta-wrap .cta-btn:first-of-type {
    margin-top: 0; }

.ehu-employability .layer-section-header {
  color: #FFFFFF; }

.employability-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(62, 72, 47, 0.4), rgba(62, 72, 47, 0.4)), url("/wp-content/uploads/2015/11/EHU479_Graduation2015_091-624x355.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  opacity: 0.05;
  z-index: 0;
  transform: translate3d(0, 0, 0); }

.emp-stat-wrap {
  float: left;
  width: 100%;
  z-index: 2;
  position: relative; }

.emp-stat-wrap sup {
  left: 0.3em;
  top: -0.3em; }

.emp-stat {
  width: calc(100% / 3 - 24px);
  margin-right: 24px;
  margin-right: 1.71429rem;
  float: left;
  padding: 24px;
  padding: 1.71429rem;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.1);
  min-height: 278px; }

.stat-percentage {
  font-size: 50px;
  font-size: 3.57143rem;
  line-height: 1.44; }
  .stat-percentage .fa-li {
    line-height: 1.44; }

.emp-subtext {
  color: #FFFFFF;
  padding: 12px 0;
  padding: 12px 0/14pxrem;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  line-height: 1.6; }
  .emp-subtext .fa-li {
    line-height: 1.33333; }

.emp-reference {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  text-align: center;
  color: #FFFFFF;
  width: 100%;
  display: block;
  float: left;
  margin-top: 24px;
  margin-top: 1.71429rem; }
  .emp-reference .fa-li {
    line-height: 2; }

/*--News layer--*/
.full-width.news.layer {
  width: 100%;
  background-color: #f8f9f9;
  padding: 48px 24px 24px 24px;
  padding: 3.42857rem 1.71429rem 1.71429rem 1.71429rem;
  margin-top: 24px;
  margin-top: 1.71429rem; }

.ehu-news {
  max-width: 1200px;
  max-width: 85.71429rem;
  margin: 0 auto; }

.ehu-news-inner:after {
  content: "";
  display: table;
  clear: both; }

.ehu-news-item {
  width: 100%;
  float: left;
  position: relative;
  height: calc(766px - 48px);
  padding: 48px 24px 24px;
  padding: 48px 24px 24px/14pxrem;
  border-right: 1px dashed rgba(57, 47, 72, 0.1);
  transform: translate3d(0, 0, 0);
  overflow: hidden; }
  .ehu-news-item:hover > .news-item-panel {
    transform: translateY(24px);
    bottom: 24px;
    padding-bottom: 48px;
    padding-bottom: 3.42857rem; }

.news-item-img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(57, 47, 72, 0.43), #392f48), url("/images/edgehillfacade-min.jpg") orange no-repeat;
  background-position: center center;
  background-size: cover; }

.panel-item-header {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1;
  line-height: 1.6;
  font-weight: 400;
  color: #FFFFFF;
  margin: 24px 0 12px 0;
  margin: 1.71429rem 0 0.85714rem 0;
  position: relative; }
  .panel-item-header .fa-li {
    line-height: 1; }
  .panel-item-header:after {
    content: "";
    width: 100px;
    height: 1px;
    background-color: #FFFFFF;
    position: absolute;
    left: 0;
    bottom: -6px; }

.news-article-wrap {
  width: 40%;
  height: 100%;
  overflow: hidden;
  float: left;
  /*Remove border on last new article item */ }
  .news-article-wrap:last-of-type > .ehu-news-item {
    border-right: none;
    margin-top: 24px;
    margin-top: 1.71429rem; }
  .news-article-wrap:hover .ehu-news-item {
    background-color: #f0f1f1; }

.news-item-panel {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 24px;
  padding: 1.71429rem;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.news-item-panel p {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  padding: 12px 0;
  padding: 12px 0/14pxrem;
  color: #FFFFFF; }
  .news-item-panel p .fa-li {
    line-height: 1.5; }

.ehu-more-news {
  text-decoration: none;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  padding: 12px;
  padding: 0.85714rem;
  max-width: 200px;
  display: block;
  margin: 24px auto;
  background-color: #392f48;
  color: #FFFFFF;
  clear: both;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 2px solid transparent;
  position: relative; }
  .ehu-more-news .fa-li {
    line-height: 1.33333; }
  .ehu-more-news .chevron-right-light {
    right: 12px;
    left: auto; }
  .ehu-more-news:hover {
    background-color: transparent;
    color: #392f48;
    border: 2px solid #392f48;
    box-shadow: 9px 9px 1px rgba(85, 38, 132, 0.14); }
    .ehu-more-news:hover .chevron-right-light {
      border-top: 2px solid #444444;
      border-right: 2px solid #444444; }

.ehu-news-list, .ehu-academic-news-list {
  width: 60%;
  float: left;
  padding-left: 24px;
  padding-left: 1.71429rem; }

.ehu-news-list li, .ehu-academic-news-list li {
  display: inline-block;
  float: left;
  width: 100%;
  border-bottom: 1px solid #dee0df; }
  .ehu-news-list li:last-child, .ehu-academic-news-list li:last-child {
    border-bottom: 0; }

.ehu-news-list li a, .ehu-academic-news-list li a {
  display: block;
  float: left;
  width: 100%;
  min-height: 100px;
  padding: 24px;
  padding: 1.71429rem;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .ehu-news-list li a:hover, .ehu-academic-news-list li a:hover {
    background-color: #f0f1f1; }

.ehu-news-list li a:hover > .ehu-news-list-header, .ehu-academic-news-list li a:hover .ehu-academic-news-list-header {
  text-decoration: underline; }

.ehu-news-list-header, .ehu-academic-news-list-header {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #444444;
  font-weight: 400;
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.2;
  line-height: 1.6;
  position: relative; }
  .ehu-news-list-header .fa-li, .ehu-academic-news-list-header .fa-li {
    line-height: 1.2; }
  .ehu-news-list-header:before, .ehu-academic-news-list-header:before {
    content: "News";
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 2;
    position: relative;
    float: left;
    top: 10px;
    left: 0;
    width: 48px;
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }
    .ehu-news-list-header:before .fa-li, .ehu-academic-news-list-header:before .fa-li {
      line-height: 2; }

.news-date {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  font-style: italic;
  color: #444444;
  margin-left: 48px;
  margin-left: 3.42857rem;
  padding: 12px 0;
  padding: 12px 0/14pxrem; }
  .news-date span {
    margin-right: 12px; }

.ehu-news-article-wrap {
  text-decoration: none;
  color: #444444;
  width: calc(50% - 12px);
  float: left;
  margin: 24px 24px 0 0;
  margin: 1.71429rem 1.71429rem 0 0;
  /*range selector for reducing margin top for first two items*/
  /*remove margin-right from even elements for flush grid*/ }
  .ehu-news-article-wrap:hover {
    text-decoration: underline; }
  .ehu-news-article-wrap:nth-child(n+1):nth-child(-n+2) {
    margin-top: 0; }
  .ehu-news-article-wrap:nth-child(even) {
    margin-right: 0; }

.ehu-news-list-item {
  padding: 24px 12px;
  padding: 24px 12px/14pxrem;
  float: left;
  width: 100%;
  min-height: 347px;
  background-color: #FFFFFF;
  position: relative;
  overflow: hidden; }

.ehu-news-list-item-img {
  position: absolute;
  background-color: #392f48;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 0; }

.ehu-news-list-item-img, .news-item-img {
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out; }
  .ehu-news-list-item-img:hover, .news-item-img:hover {
    -ms-transform: scale(1.04); }
    @supports (filter: saturate(1.55) blur(2px)) or (-webkit-filter: saturate(1.25) blur(2px)) {
      .ehu-news-list-item-img:hover, .news-item-img:hover {
        filter: saturate(1.55) blur(2px);
        transform: scale(1.04); } }

.panel-list-item-content {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 24px 24px 24px;
  padding: 0 24px 24px 24px/14pxrem;
  pointer-events: none; }

.panel-list-item-header {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  line-height: 1.6;
  margin: 12px 0;
  margin: 0.85714rem 0;
  color: #FFFFFF;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  position: relative; }
  .panel-list-item-header .fa-li {
    line-height: 1.33333; }
  .panel-list-item-header:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    height: 1px;
    width: 100px;
    background-color: #FFFFFF; }

.panel-list-item-date {
  font-style: italic;
  color: #FFFFFF;
  font-family: Georgia, "Times New Roman", Times, serif;
  position: relative;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429; }
  .panel-list-item-date .fa-li {
    line-height: 1.71429; }
  .panel-list-item-date i, .panel-list-item-date span {
    margin-right: 12px; }

/*--Academic Layer--*/
.full-width.academic.layer {
  width: 100%;
  background-color: #FFFFFF;
  margin: 24px 0;
  margin: 1.71429rem 0;
  padding: 48px 0;
  padding: 3.42857rem 0; }

.ehu-academic {
  max-width: 1200px;
  max-width: 85.71429rem;
  margin: 0 auto;
  min-height: 100%; }

.ehu-academic-panel-main {
  width: calc(40% - 24px);
  margin-right: 24px;
  min-height: 624px;
  float: left;
  border: 1px solid #fcfcfc;
  background-color: #392f48;
  padding: 12px;
  padding: 0.85714rem;
  margin-bottom: 48px;
  margin-bottom: 3.42857rem;
  position: relative;
  overflow: hidden; }
  .ehu-academic-panel-main:hover .ehu-academic-panel-img {
    transform: scale(1.04);
    filter: saturate(150%) blur(4px); }

.ehu-academic-panel-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(57, 47, 72, 0.7), #392f48), url("/images/edgehillfacade-min.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.ehu-academic-panel {
  width: calc(30% - 12px);
  margin-right: 24px;
  margin-bottom: 24px;
  height: 300px;
  float: left;
  position: relative;
  background-color: #671E75;
  padding: 24px;
  padding: 1.71429rem;
  overflow: hidden; }
  .ehu-academic-panel:hover .ehu-academic-panel-img {
    transform: scale(1.05);
    filter: saturate(150%) blur(4px); }

.ehu-academic a:nth-child(odd) > .ehu-academic-panel {
  margin-right: 0; }

.ehu-academic-panel-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 24px;
  padding: 1.71429rem;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .ehu-academic-panel-content .fa-li {
    line-height: 1.5; }

.ehu-academic-panel-main .ehu-academic-panel-content p {
  color: #FFFFFF;
  padding: 12px 0;
  padding: 12px 0/14pxrem; }

.ehu-academic-panel-main .panel-list-item-date {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .ehu-academic-panel-main .panel-list-item-date .fa-li {
    line-height: 1.5; }

.academic-btn-wrap, .events-btn-wrap, .news-btn-wrap, .accolades-btn-wrap, .courses-btn-wrap {
  width: 100%;
  margin: 24px auto;
  text-align: center;
  clear: both;
  float: left; }
  .academic-btn-wrap:after, .events-btn-wrap:after, .news-btn-wrap:after, .accolades-btn-wrap:after, .courses-btn-wrap:after {
    content: "";
    display: table;
    clear: both; }

.courses-btn-wrap {
  float: none; }

.academic-btn-wrap .cta-btn, .events-btn-wrap .cta-btn, .news-btn-wrap .cta-btn, .accolades-btn-wrap .cta-btn, .courses-btn-wrap .cta-btn {
  margin-right: 24px;
  margin-right: 1.71429rem;
  padding-right: 48px;
  padding-right: 3.42857rem;
  border: 1px solid #671E75;
  background-color: #FFFFFF;
  text-align: center;
  color: #671E75 !important; }
  .academic-btn-wrap .cta-btn:last-of-type, .events-btn-wrap .cta-btn:last-of-type, .news-btn-wrap .cta-btn:last-of-type, .accolades-btn-wrap .cta-btn:last-of-type, .courses-btn-wrap .cta-btn:last-of-type {
    margin-right: 0; }
  .academic-btn-wrap .cta-btn:hover, .events-btn-wrap .cta-btn:hover, .news-btn-wrap .cta-btn:hover, .accolades-btn-wrap .cta-btn:hover, .courses-btn-wrap .cta-btn:hover {
    background-color: #671E75;
    text-decoration: none !important;
    color: #FFFFFF !important;
    transform: translateY(2px); }
    .academic-btn-wrap .cta-btn:hover .chevron-right-dark, .events-btn-wrap .cta-btn:hover .chevron-right-dark, .news-btn-wrap .cta-btn:hover .chevron-right-dark, .accolades-btn-wrap .cta-btn:hover .chevron-right-dark, .courses-btn-wrap .cta-btn:hover .chevron-right-dark {
      border-top: 1px solid #FFFFFF;
      border-right: 1px solid #FFFFFF; }

/*--Events layer--*/
.full-width.events.layer {
  background-color: #FFFFFF; }

.ehu-events {
  max-width: 1200px;
  max-width: 85.71429rem;
  margin: 0 auto;
  overflow: auto; }

.ehu-events-panel {
  width: 100%;
  background: #FFFFFF;
  overflow: auto; }

.ehu-events-list-wrap {
  float: left;
  width: 40%; }
  .ehu-events-list-wrap a {
    color: #444444;
    float: left;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-bottom: 1px solid #fcfcfc; }
    .ehu-events-list-wrap a:hover {
      background-color: #f8f9f9;
      box-shadow: inset 10px 0 0 0 #392f48; }
    .ehu-events-list-wrap a:last-of-type {
      border-bottom: 0; }

.ehu-events-list-title {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 32px;
  font-size: 2.28571rem;
  line-height: 1.5;
  color: #444444;
  font-weight: 400;
  margin: 24px 0 24px 24px;
  margin: 1.71429rem 0 1.71429rem 1.71429rem;
  padding: 24px 0;
  padding: 1.71429rem 0; }
  .ehu-events-list-title .fa-li {
    line-height: 1.5; }

.ehu-events-list {
  width: 100%;
  float: left;
  clear: left;
  padding: 12px 0;
  padding: 12px 0/14pxrem; }

.ehu-event-date {
  width: 20%;
  float: left;
  position: relative; }

.ehu-event-date-month {
  text-transform: uppercase;
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.2;
  display: block;
  text-align: center;
  color: #671E75; }
  .ehu-event-date-month .fa-li {
    line-height: 1.2; }

.ehu-event-date-day {
  font-size: 28px;
  font-size: 2rem;
  line-height: 1.71429;
  display: block;
  text-align: center; }
  .ehu-event-date-day .fa-li {
    line-height: 1.71429; }

.ehu-event-schedule {
  width: 80%;
  float: left;
  padding: 0 12px 0 24px;
  padding: 0 12px 0 24px/14pxrem; }
  .ehu-event-schedule p {
    margin-top: 6px;
    margin-top: 0.42857rem;
    display: block; }
    .ehu-event-schedule p i {
      margin-right: 12px;
      margin-right: 0.85714rem;
      color: #671E75; }

.ehu-events-centrepiece-wrap {
  overflow: hidden;
  position: relative; }

.ehu-events-centrepiece {
  width: calc(60% - 24px);
  float: right;
  height: 550px;
  position: relative;
  overflow: hidden;
  margin-bottom: 48px;
  margin-bottom: 3.42857rem; }
  .ehu-events-centrepiece:hover > .ehu-events-centrepiece-img {
    transform: scale(1.05); }
    @supports (filter: saturate(1.55)) or (-webkit-filter: saturate(1.25)) {
      .ehu-events-centrepiece:hover > .ehu-events-centrepiece-img {
        filter: saturate(1.55);
        transform: scale(1.05); } }
  .ehu-events-centrepiece:hover > .ehu-events-centrepiece-content, .ehu-events-centrepiece .ehu-events-centrepiece-calendar {
    transform: translateY(-24px);
    padding-bottom: 48px;
    bottom: -24px; }

.ehu-events-centrepiece-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out; }

.ehu-events-centrepiece-content {
  position: absolute;
  width: 75%;
  min-height: 150px;
  right: 0;
  bottom: 0;
  padding: 0 24px 24px 24px;
  padding: 0 24px 24px 24px/14pxrem;
  background-color: rgba(57, 47, 72, 0.95);
  z-index: 99;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.ehu-events-centrepiece-subtext {
  color: #FFFFFF;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .ehu-events-centrepiece-subtext .fa-li {
    line-height: 1.5; }

.ehu-events-centrepiece-calendar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 25%;
  min-height: 150px;
  background-color: rgba(57, 47, 72, 0.95);
  padding: 24px;
  padding: 1.71429rem;
  z-index: 99; }

.ehu-events-centrepiece-event-month {
  color: #FFFFFF;
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0 auto;
  display: block;
  width: 100%;
  min-width: 60px;
  text-align: center;
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 6px;
  padding-bottom: 0.42857rem; }
  .ehu-events-centrepiece-event-month .fa-li {
    line-height: 1.2; }

.ehu-events-centrepiece-event-day {
  color: #FFFFFF;
  font-size: 28px;
  font-size: 2rem;
  line-height: 1.71429;
  margin: 0 auto;
  display: block;
  width: 100%;
  min-width: 60px;
  text-align: center; }
  .ehu-events-centrepiece-event-day .fa-li {
    line-height: 1.71429; }

.ehu-event-title {
  font-weight: 400;
  color: #444444;
  text-decoration: none;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  display: block; }
  .ehu-event-title .fa-li {
    line-height: 1.33333; }
  .ehu-event-title:hover {
    text-decoration: underline; }

.ehu-event-image {
  width: 100%;
  float: left;
  height: 180px;
  background-color: antiquewhite;
  background: linear-gradient(to bottom, rgba(86, 60, 92, 0.85), rgba(103, 30, 117, 0.85)), url("/images/edgehillfacade-min.jpg") no-repeat;
  background-size: cover;
  position: relative; }

/*Calendar icon*/
.ehu-event-image i {
  position: absolute;
  font-size: 60px;
  font-size: 4.28571rem;
  line-height: 1.2;
  color: #FFFFFF;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .ehu-event-image i .fa-li {
    line-height: 1.2; }

.ehu-event-content {
  width: 100%;
  float: left;
  background-color: #FFFFFF;
  border: 1px solid rgba(103, 30, 117, 0.1);
  padding: 12px 24px;
  padding: 12px 24px/14pxrem; }

/*--Sport layer--*/
.full-width.sports.layer {
  width: 100%;
  background-color: #f8f9f9; }

.sports .layer-section-header {
  margin: 24px 0;
  margin: 1.71429rem 0; }

.ehu-sport {
  max-width: 1200px;
  max-width: 85.71429rem;
  margin: 48px auto; }
  .ehu-sport:after {
    content: "";
    display: table;
    clear: both; }

.ehu-sport-main-wrap {
  width: calc(50% - 24px);
  margin-right: 24px;
  margin-right: 1.71429rem;
  float: left; }
  .ehu-sport-main-wrap:hover .ehu-sport-main-img {
    filter: unset; }
    .ehu-sport-main-wrap:hover .ehu-sport-main-img:after {
      transform: scale(1.04);
      filter: saturate(100%); }

.ehu-sport-main {
  width: 100%;
  margin-right: 24px;
  margin-right: 1.71429rem;
  float: left;
  background-color: #392f48; }

.ehu-sport-main-content {
  height: calc(350px - 24px);
  padding: 24px;
  padding: 1.71429rem;
  background-color: #392f48; }
  .ehu-sport-main-content .cta-btn {
    float: right; }
    .ehu-sport-main-content .cta-btn:hover {
      color: #444444 !important; }

.ehu-sport-main-content-header, .ehu-sport-item-header {
  font-family: Georgia, "Times New Roman", Times, serif;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
  font-weight: 400;
  color: #FFFFFF; }

.ehu-sport-main-content-header {
  font-size: 32px;
  font-size: 2.28571rem;
  line-height: 1.5; }
  .ehu-sport-main-content-header .fa-li {
    line-height: 1.5; }

.ehu-sport-item-header {
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1; }
  .ehu-sport-item-header .fa-li {
    line-height: 1; }

.ehu-sport-main-content-para {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  padding: 12px 0;
  padding: 12px 0/14pxrem;
  color: #FFFFFF; }
  .ehu-sport-main-content-para .fa-li {
    line-height: 1.5; }

.ehu-sport-right {
  width: 50%;
  height: 700px;
  float: left; }
  .ehu-sport-right .cta-btn {
    float: right; }
    .ehu-sport-right .cta-btn:hover {
      background-color: #FFFFFF;
      color: #444444 !important; }

.ehu-sport-item {
  height: calc(100% / 3 - 24px);
  margin-bottom: 24px;
  background-color: #392f48;
  width: 100%; }
  .ehu-sport-item:hover .ehu-sport-item-img {
    filter: unset; }
    .ehu-sport-item:hover .ehu-sport-item-img:after {
      transform: scale(1.04);
      filter: saturate(150%);
      mix-blend-mode: unset;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }

.ehu-sport-item-img {
  width: 30%;
  float: left;
  height: 100%;
  position: relative;
  overflow: hidden; }
  .ehu-sport-item-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("/images/edgehillfacade-min.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.ehu-sport-item-content {
  float: left;
  width: 70%;
  height: 100%;
  padding: 24px;
  padding: 1.71429rem; }

.ehu-sport-item-text {
  color: #fff;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .ehu-sport-item-text .fa-li {
    line-height: 1.5; }

.ehu-sport-main-img {
  height: 350px;
  position: relative;
  overflow: hidden;
  background-color: #392f48; }
  .ehu-sport-main-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("/wp-content/uploads/2014/03/HUB105-624x416.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.ehu-sport-main-img, .ehu-sport-item-img {
  mix-blend-mode: exclusion;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @supports (filter: grayscale(100%) contrast(1)) or (-webkit-filter: grayscale(100%) contrast(1)) {
    .ehu-sport-main-img, .ehu-sport-item-img {
      filter: grayscale(100%) contrast(1); } }

/*--Culture section--*/
.full-width.culture.layer {
  height: 500px;
  width: 100%;
  background-color: #4a4a4a;
  margin: 24px 0;
  margin: 1.71429rem 0; }

/*--Visit us layer--*/
.full-width.visit.layer {
  background-color: #f3f4f3; }

.ehu-visit {
  max-width: 1440px;
  max-width: 102.85714rem;
  margin: 0 auto;
  position: relative;
  overflow: hidden; }
  .ehu-visit:hover .ehu-visit-img {
    transform: scale(1.02);
    filter: blur(3px); }

.ehu-visit-img {
  background: url("/images/edgehillfacade-min.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  float: left;
  width: 50%;
  height: 500px;
  -webkit-transition: all 0.9s ease-in-out;
  -moz-transition: all 0.9s ease-in-out;
  -o-transition: all 0.9s ease-in-out;
  transition: all 0.9s ease-in-out; }

.ehu-visit-header {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 42px;
  font-size: 3rem;
  line-height: 1.14286;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  font-weight: 400;
  color: #392f48; }
  .ehu-visit-header .fa-li {
    line-height: 1.14286; }

.ehu-visit-subtext {
  font-size: 22px;
  font-size: 1.57143rem;
  line-height: 1.09091;
  margin: 24px 0 48px 0;
  margin: 1.71429rem 0 3.42857rem 0;
  line-height: 1.6; }
  .ehu-visit-subtext .fa-li {
    line-height: 1.09091; }

.ehu-visit-content {
  width: 50%;
  float: left;
  background-color: #671E75;
  color: #FFFFFF;
  padding: 24px;
  padding: 1.71429rem;
  height: 500px;
  position: relative;
  z-index: 2; }
  .ehu-visit-content .ehu-visit-header {
    color: #FFFFFF; }
  .ehu-visit-content .main-cta {
    background-color: transparent; }
    .ehu-visit-content .main-cta:hover {
      border: 2px solid #FFFFFF; }
  .ehu-visit-content .ehu-visit-list-item a {
    color: #FFFFFF; }

/*The main cta button*/
.main-cta {
  background-color: #392f48;
  padding: 12px 24px;
  padding: 12px 24px/14pxrem;
  display: inline-block;
  max-width: 400px;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  line-height: 1.6;
  text-decoration: none;
  position: relative;
  padding-right: 48px;
  padding-right: 3.42857rem;
  border: 2px solid #FFFFFF; }
  .main-cta .fa-li {
    line-height: 1.33333; }
  .main-cta:hover {
    box-shadow: 9px 9px 1px rgba(85, 38, 132, 0.14);
    background-color: #FFFFFF;
    color: #392f48;
    border: 2px solid #392f48; }
    .main-cta:hover .chevron-right-light {
      border-top: 2px solid #392f48;
      border-right: 2px solid #392f48; }
  .main-cta .chevron-right-light {
    top: calc(100% / 2 - 5px); }

.ehu-visit-list {
  width: 100%;
  float: left;
  margin: 24px 0;
  margin: 1.71429rem 0;
  position: relative; }

.ehu-visit-list-item {
  display: inline-block;
  padding: 0 12px;
  padding: 0 12px/14pxrem;
  position: relative; }
  .ehu-visit-list-item:first-of-type {
    padding-left: 0; }
    .ehu-visit-list-item:first-of-type:after {
      content: none; }
  .ehu-visit-list-item:last-of-type {
    padding: 0; }
  .ehu-visit-list-item a {
    text-decoration: none;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429;
    display: block;
    padding: 12px 0;
    padding: 12px 0/14pxrem; }
    .ehu-visit-list-item a .fa-li {
      line-height: 1.71429; }
    .ehu-visit-list-item a:hover {
      text-decoration: underline; }

/*Accolades*/
.accolades-btn-wrap {
  border: 0;
  margin-top: 24px;
  margin-top: 1.71429rem;
  float: left; }

@media screen and (min-width: 1440px) {
  .masthead-content {
    height: 96px;
    width: 100%; }
  .masthead-logo {
    position: relative;
    float: right; } }

@media screen and (min-width: 1025px) {
  .full-width.layer.events {
    padding-top: 24px;
    padding-top: 1.71429rem; }
  .ehu-events {
    padding: 24px;
    padding: 1.71429rem; }
  .ehu-events-list-title {
    margin-top: 0;
    margin-bottom: 0; }
  .full-width.academic.layer, .full-width.students.layer {
    padding: 24px;
    padding: 1.71429rem;
    margin-top: 0; }
  .ehu-academic-panel-main {
    margin-right: 0; }
  .layer-section-subtitle {
    max-width: 600px; }
  .ehu-students-main {
    width: calc(50% - 12px); }
  .layer.student_experience a:nth-child(3) .ehu-students-main {
    margin-right: 0; }
  .ehu-students-grid-panel {
    width: calc(100% / 4 - 18px); }
  .ehu-students-grid a:last-child .ehu-students-grid-panel {
    margin-right: 0; }
  .full-width.layer.visit {
    background-color: #671E75; }
  .ehu-visit {
    max-width: 100%; }
  .ehu-visit-img {
    width: 100%;
    position: relative; }
    .ehu-visit-img:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(103, 30, 117, 0.9); }
  .ehu-visit-content {
    max-width: 800px;
    max-width: 57.14286rem;
    margin: 0 auto;
    text-align: center;
    padding-top: 48px;
    padding-top: 3.42857rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    height: auto;
    min-width: 700px; }
  .ehu-news-list-header:before, .ehu-academic-news-list-header:before {
    top: 5px; }
  #site-footer .footer-search-input {
    width: 60% !important; }
  #site-footer .footer-search-submit {
    right: 20% !important; }
  #site-footer .footer-search-input + i {
    left: 20% !important; } }

@media screen and (min-width: 1300px) {
  .ehu-events {
    padding: 24px 0;
    padding: 24px 0/14pxrem; } }

@media screen and (max-width: 1300px) {
  .masthead-top-inner img {
    right: 24px; }
  .masthead-top-inner a img {
    right: 24px; }
  .masthead-top-inner a .masthead-logo-2 {
    right: 132px !important; }
  .masthead-content {
    padding: 0 24px;
    padding: 0 24px/14pxrem; }
  .ehu-students, .courses-cta-wrap {
    padding: 24px; }
  .ehu-clearing {
    padding: 0 24px; }
  .masthead-content-title a {
    font-size: 26px;
    font-size: 1.85714rem;
    line-height: 1.84615; }
    .masthead-content-title a .fa-li {
      line-height: 1.84615; } }

@media screen and (min-width: 601px) and (max-width: 1024px) {
  /*News layer mobile - tablet sizes */
  .ehu-news-item {
    width: 50%;
    min-height: 400px; }
  /*employability */
  .emp-stat-wrap {
    width: 100%;
    clear: left;
    padding: 24px !important; }
  .ehu-employability .cta-btn {
    float: none;
    margin: 24px auto;
    display: inline-block; }
  /*about*/
  .ehu-about-column-content {
    height: auto; }
  /*Footer search*/
  #site-footer .footer-search-input {
    width: 80% !important; }
  #site-footer .footer-search-submit {
    right: 10% !important; }
  #site-footer .footer-search-input + i {
    left: 10% !important; } }

@media screen and (min-width: 801px) and (max-width: 1100px) {
  .courses-btn-wrap .menu-cta-btn:nth-child(2) {
    margin-right: 0; }
  /*Clearing*/
  .live-chat-pref a {
    width: 37%; } }

@media screen and (min-width: 801px) and (max-width: 1024px) {
  /*general styles*/
  h2.layer-section-header {
    width: 100%; }
  .ehu-news-list-header, .ehu-academic-news-list-header {
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2;
    line-height: 1.6; }
    .ehu-news-list-header .fa-li, .ehu-academic-news-list-header .fa-li {
      line-height: 1.2; }
  p.layer-section-subtitle {
    width: 100%; }
  .ehu-events-centrepiece {
    margin-top: 0; }
  .course-panel-title {
    display: block; }
  .course-panel-subtext {
    display: none; }
  .course-related-links-panel {
    top: -124px; }
  /*Masthead styles*/
  .masthead-content {
    left: 0; }
  .masthead-content-title {
    font-size: 26px;
    font-size: 1.85714rem;
    line-height: 1.84615; }
    .masthead-content-title .fa-li {
      line-height: 1.84615; }
  /*Courses*/
  .courses-cta-form {
    margin: 0; }
  /*Student Experience*/
  .full-width.students.layer {
    padding-bottom: 0; }
  .ehu-students-main {
    width: calc(50% - 12px); }
  .layer.student_experience a:nth-child(even) .ehu-students-main {
    margin-right: 24px; }
  .layer.student_experience a:nth-child(odd) .ehu-students-main {
    margin-right: 0; }
  .ehu-students-grid-panel {
    width: calc(100% / 2 - 12px); }
  .ehu-students-grid a:nth-child(even) .ehu-students-grid-panel {
    margin-right: 0; }
  .ehu-students-header-wrap-accolades {
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
    float: none;
    min-height: 0;
    overflow: auto; }
  .ehu-students-header-wrap-accolades > div {
    max-width: 200px;
    min-height: 0; }
  .ehu-students-header-wrap {
    width: 100%; }
  /*News & Events */
  .ehu-events {
    padding: 24px;
    padding: 1.71429rem;
    padding-top: 0; }
  .ehu-news-item {
    width: 100%; }
  .news-btn-wrap {
    max-width: calc(100% - 24px); }
  .ehu-events-list-wrap a:hover {
    box-shadow: none; }
  /*Research / academic layer*/
  .full-width.academic.layer {
    padding: 24px;
    padding: 1.71429rem; }
  .ehu-academic-news-list {
    padding-left: 0; }
  .academic-btn-wrap {
    max-width: 100%; }
  /*visit us layer*/
  .ehu-visit-content {
    padding-top: 72px;
    padding-top: 5.14286rem;
    text-align: center;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(103, 30, 117, 0.9); }
  .ehu-visit-img {
    width: 100%; }
  /*about*/
  .ehu-about-column {
    width: 50%;
    /*Only display 2 about articles for the tablet version*/ }
    .ehu-about-column:nth-child(4) {
      display: none; }
  .ehu-about-column-content {
    height: auto; }
  .ehu-news-list-header:before, .ehu-academic-news-list-header:before {
    top: 5px; } }

@media screen and (min-width: 601px) and (max-width: 800px) {
  .ehu-students-main-content {
    max-width: calc(50% + 2px);
    border-top: 4px solid #FFFFFF;
    border-right: 4px solid #FFFFFF; }
  .ehu-events-list-wrap a {
    width: 50%;
    float: left; }
    .ehu-events-list-wrap a:hover {
      box-shadow: none; }
  .ehu-events-list {
    width: 100%;
    padding: 24px;
    padding: 1.71429rem;
    border-bottom: 1px solid #dee0df;
    height: 150px; }
  /*Clearing layer*/
  .ehu-clearing {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }
  .ehu-clearing .clearing-box {
    width: 50%;
    min-height: 176px; } }

@media screen and (min-width: 601px) and (max-width: 755px) {
  /*about*/
  .ehu-about-column {
    width: 100%; }
    .ehu-about-column:nth-child(n+3):nth-child(-n+4) {
      display: none; }
  /*Events */
  .ehu-events-centrepiece {
    width: 100%; }
  .ehu-events-list-wrap {
    width: 100%; }
  /*employability*/
  .emp-stat {
    width: 100%; }
  .emp-subtext {
    width: 80%;
    float: left;
    text-align: left;
    padding-left: 24px;
    padding-left: 1.71429rem; }
  /*Sport*/
  .ehu-sport-main {
    width: 100%; }
  .ehu-sport-right {
    width: 100%;
    padding: 24px;
    padding: 1.71429rem; }
  .ehu-sport-item {
    width: 100%; }
    .ehu-sport-item:first-child {
      margin-top: 24px; }
  /*Footer accolades section*/
  #site-footer .footer-accolades-wrap ul li {
    width: 50% !important;
    margin: 0;
    min-height: 150px; }
    #site-footer .footer-accolades-wrap ul li:nth-child(even) {
      border-right: 0; } }

@media screen and (max-width: 800px) {
  /*General styles*/
  .ehu-students h2.layer-section-header, h2.layer-section-header, h2.course-search-header {
    text-align: center;
    font-size: 24px;
    font-size: 1.71429rem;
    line-height: 1;
    font-size: calc(24px + (32 - 24) * (100vw - 0px) / (799 - 0)); }
    .ehu-students h2.layer-section-header .fa-li, h2.layer-section-header .fa-li, h2.course-search-header .fa-li {
      line-height: 1; }
  #site-footer .footer-accolades-wrap ul li img {
    max-width: 100%; }
  .accolade-student-crowd-logo {
    height: 160px !important; }
  p.layer-section-subtitle, .layer-section-subtitle {
    text-align: center;
    max-width: 100%; }
  .academic-btn-wrap, .events-btn-wrap, .news-btn-wrap {
    max-width: 100%; }
  .academic-btn-wrap .cta-btn, .events-btn-wrap .cta-btn, .news-btn-wrap .cta-btn {
    width: 100%;
    display: inline-block; }
  .ehu-news-list-header:before, .ehu-academic-news-list-header:before {
    position: absolute;
    top: -24px;
    left: -24px;
    background-color: #392f48;
    text-align: center;
    color: #FFFFFF; }
  .ehu-news-list-header, .ehu-academic-news-list-header {
    font-size: 18px;
    font-size: 1.28571rem;
    line-height: 1.33333;
    line-height: 1.6; }
    .ehu-news-list-header .fa-li, .ehu-academic-news-list-header .fa-li {
      line-height: 1.33333; }
  /*Search spyglass icon*/
  .courses-cta-submit:before {
    font-size: 22px;
    font-size: 1.57143rem;
    line-height: 1.09091;
    line-height: 2.5; }
    .courses-cta-submit:before .fa-li {
      line-height: 1.09091; }
  /*masthead mobile adjustments*/
  .masthead:after {
    display: none; }
  .masthead-content {
    max-width: none;
    width: 100%;
    text-align: center; }
  .masthead-content-inner {
    text-align: center; }
  .masthead-content-title {
    font-size: 26px;
    font-size: 1.85714rem;
    line-height: 1.84615;
    box-shadow: none;
    display: block;
    text-align: center;
    padding: 0; }
    .masthead-content-title .fa-li {
      line-height: 1.84615; }
  .homepage_announcement .masthead-content-title {
    text-align: left; }
  .masthead-content .cta-btn {
    float: none;
    margin-top: 24px; }
  /*masthead*/
  .masthead-logo {
    color: #671E75 !important;
    float: none; }
    .masthead-logo .chevron-right-light {
      border-right: 1px solid #671E75;
      border-top: 1px solid #671E75; }
  /*Courses layer mobile styles*/
  .courses-cta-wrap {
    background-color: transparent;
    margin-top: 0;
    padding: 0; }
  .courses-cta-form {
    margin: 0;
    position: relative;
    width: 100%;
    top: 0;
    padding: 24px;
    padding: 1.71429rem; }
  .course-search-full {
    padding-bottom: 0; }
  .course-content-panel {
    height: auto; }
  .courses-cta-submit {
    width: 25%; }
  .courses-cta-search {
    width: 75%;
    padding-left: 24px;
    padding-left: 1.71429rem; }
  .course-search-header {
    font-size: 24px;
    font-size: 1.71429rem;
    line-height: 1;
    line-height: 1.4 !important; }
    .course-search-header .fa-li {
      line-height: 1; }
  .course-image {
    width: 100%; }
  .course-content-panel {
    width: 100%; }
  .courses-cta-left {
    border-bottom: 1px solid rgba(255, 255, 255, 0.02); }
  .courses-cta-left, .courses-cta-right {
    width: 100%;
    margin: 0; }
  .courses-cta-right .course-related-links-panel {
    border-bottom: 0 !important; }
  .courses-cta-right .cta-btn {
    margin: 24px 0 !important; }
    .courses-cta-right .cta-btn:first-of-type {
      margin-top: 0 !important; }
  .undergrad-panel, .postgrad-panel, .applicant-panel, .international-panel {
    width: 100%;
    min-height: unset;
    padding: 12px 0;
    margin: 0;
    background-color: transparent; }
    .undergrad-panel:hover, .postgrad-panel:hover, .applicant-panel:hover, .international-panel:hover {
      background-color: transparent !important; }
    .undergrad-panel:before, .postgrad-panel:before, .applicant-panel:before, .international-panel:before {
      display: none; }
    .undergrad-panel .course-panel-title, .postgrad-panel .course-panel-title, .applicant-panel .course-panel-title, .international-panel .course-panel-title {
      padding: 6px 12px;
      padding: 6px 12px/14pxrem;
      font-weight: 700; }
    .undergrad-panel .cta-btn, .postgrad-panel .cta-btn, .applicant-panel .cta-btn, .international-panel .cta-btn {
      position: relative;
      bottom: auto;
      top: auto;
      right: auto;
      width: 100%; }
      .undergrad-panel .cta-btn:hover, .postgrad-panel .cta-btn:hover, .applicant-panel .cta-btn:hover, .international-panel .cta-btn:hover {
        color: #FFFFFF !important; }
        .undergrad-panel .cta-btn:hover .chevron-right-light, .postgrad-panel .cta-btn:hover .chevron-right-light, .applicant-panel .cta-btn:hover .chevron-right-light, .international-panel .cta-btn:hover .chevron-right-light {
          border-top: 1px solid #FFFFFF !important;
          border-right: 1px solid #FFFFFF !important; }
  .courses-cta-left > a {
    overflow: auto;
    padding: 0 !important; }
  .more.research ul li a[href="/research"] {
    padding: 0 12px !important; }
  .teaching-tef-logo {
    margin-top: 0 !important; }
  .research-panel, .departments-panel, .about-panel {
    display: none; }
  .course-related-links-panel {
    width: 100%; }
  .course-panel-subtext {
    display: none; }
  .courses-cta-form-btn-wrap li {
    width: 100%;
    margin: 0; }
    .courses-cta-form-btn-wrap li .cta-btn {
      width: 100%;
      margin: 24px 0 0 0;
      margin: 1.71429rem 0 0 0;
      text-align: center; }
  /*Student experience layer*/
  .full-width.layer.students {
    padding: 24px;
    padding: 1.71429rem; }
  .ehu-students-header-wrap {
    width: 100%; }
  .ehu-students-header-wrap-accolades {
    min-height: 0;
    margin-bottom: 24px;
    margin-bottom: 1.71429rem;
    width: 100%; }
  .ehu-students-header-wrap-accolades > div {
    height: 100px; }
  .ehu-students-main {
    width: 100%;
    margin: 0;
    border: 2px solid #FFFFFF; }
  .ehu-students-main:hover > *, .ehu-news-item:hover > * {
    transform: none !important;
    transition: none;
    bottom: 0 !important;
    padding-bottom: 24px !important; }
  .ehu-students-grid-panel {
    width: 50%;
    margin: 0;
    border: 2px solid #FFFFFF; }
  /*Stu exp*/
  .layer.student_experience {
    padding-top: 24px;
    padding-top: 1.71429rem; }
  /*news mobile styles*/
  .full-width.news.layer {
    margin-top: 0; }
  .ehu-news-item {
    width: 100%;
    padding: 0;
    padding: 0; }
  .ehu-news-list {
    width: 100%;
    padding: 0;
    padding: 0; }
  .ehu-news-inner > .news-article-wrap {
    width: 100%;
    height: 100%;
    float: left; }
  .ehu-news-item {
    width: 100%;
    height: 400px;
    min-height: 0; }
  .ehu-more-news {
    width: calc(100% - 48px);
    display: block;
    max-width: none;
    margin: 24px;
    margin: 1.71429rem;
    float: left; }
  .ehu-news-list {
    margin-bottom: 0;
    margin-top: 24px;
    margin-top: 1.71429rem; }
  .news-date {
    margin-left: 0;
    margin-left: 0; }
  .ehu-about-stats {
    height: auto; }
  .ehu-about-stat-header {
    padding-top: 12px;
    padding-top: 0.85714rem; }
  .ehu-about-stat-single {
    width: 100%;
    min-height: 100px; }
    .ehu-about-stat-single:nth-child(n+3):nth-child(-n+4) {
      min-height: 120px; }
      .ehu-about-stat-single:nth-child(n+3):nth-child(-n+4) .ehu-about-stat-icon {
        height: 100px; }
  .ehu-about-stat-icon {
    height: 83.33333px; }
  /*Events mobile styles */
  .full-width.events.layer {
    padding-top: 0; }
  .ehu-events {
    padding: 24px;
    padding: 1.71429rem; }
  .ehu-events-list-wrap {
    width: 100%; }
  .ehu-events-list-title {
    margin: 0;
    text-align: center; }
  .ehu-events-list {
    width: 100%;
    padding: 12px 0;
    padding: 12px 0/14pxrem;
    border-bottom: 1px solid #dee0df; }
  .ehu-events-list-wrap a:last-child > .ehu-events-list {
    border-bottom: none; }
  .ehu-event-date {
    background-color: #392f48;
    max-width: 100px; }
  .ehu-event-date-month {
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF; }
  .ehu-event-date-day {
    color: #FFFFFF; }
  .ehu-events-centrepiece-wrap {
    overflow: visible;
    float: left;
    width: 100%; }
  .ehu-events-centrepiece {
    width: 100%;
    margin-bottom: 24px;
    margin-bottom: 1.71429rem;
    min-height: 400px;
    height: auto;
    margin-top: 0;
    border-left: 0;
    overflow: visible; }
    .ehu-events-centrepiece:hover > .ehu-events-centrepiece-content {
      transform: none !important;
      transition: none;
      padding-bottom: 24px !important;
      bottom: 0 !important; }
  .ehu-events-centrepiece-event-month {
    margin: 0; }
  .ehu-events-centrepiece-event-day {
    margin: 0; }
  .ehu-events-centrepiece-calendar {
    top: 24px;
    left: 24px;
    width: calc(30% + 20px);
    z-index: 0;
    right: 0;
    min-height: 0;
    max-width: 100px;
    bottom: auto !important;
    padding: 0 !important;
    transform: none !important; }
  .ehu-events-centrepiece-content {
    background-color: #392f48;
    width: 100%;
    z-index: 0; }
  .ehu-events-centrepiece:hover > .ehu-events-centrepiece-img {
    transform: none;
    transition: none; }
  .more-events-link {
    position: relative;
    background-color: #392f48;
    color: #FFFFFF;
    max-width: none;
    width: calc(100% - 48px);
    text-align: center;
    padding: 12px 24px;
    padding: 12px 24px/14pxrem;
    font-size: 18px;
    font-size: 1.28571rem;
    line-height: 1.33333;
    margin: 24px auto;
    margin: 1.71429rem auto; }
    .more-events-link .fa-li {
      line-height: 1.33333; }
  /*Research / academic layer mobile styles */
  .full-width.academic.layer {
    padding: 0;
    margin-top: 0; }
  .ehu-academic {
    padding: 24px;
    padding: 1.71429rem; }
  .ehu-academic-panel-main {
    min-height: 400px;
    width: 100%; }
  .ehu-academic-news-list {
    padding-left: 0;
    width: 100%; }
  /*visit us mobile styles*/
  .ehu-visit {
    height: auto;
    position: relative; }
  .ehu-visit-content {
    width: 100%;
    background-color: rgba(103, 30, 117, 0.8);
    text-align: center;
    position: absolute; }
  .ehu-visit-img {
    width: 100%; }
  .ehu-visit .main-cta .chevron-right-light {
    left: auto;
    right: 12px; }
  .ehu-visit-list-item {
    float: none; }
  .ehu-visit-list-item a {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5; }
    .ehu-visit-list-item a .fa-li {
      line-height: 1.5; }
  /*Remove image scaling on hover for mobile devices*/
  .ehu-visit:hover .ehu-visit-img {
    transform: scale(1); }
  .more {
    visibility: visible !important;
    transition-delay: 0s;
    opacity: 1;
    top: 32px;
    background-color: #d4cbcb;
    padding-left: 36px !important; }
  #site {
    padding: 0; }
  .academic-btn-wrap, .events-btn-wrap, .news-btn-wrap, .accolades-btn-wrap, .courses-btn-wrap {
    margin: 0 !important;
    width: 100% !important; }
  .footer-search {
    background: #392f48 !important;
    padding: 0 !important; }
  .course-related-links-panel a.cta-btn:hover .chevron-right-dark {
    border-top: 1px solid #FFFFFF !important;
    border-right: 1px solid #FFFFFF !important; }
  /*Clearing*/
  .live-chat-pref a {
    width: 100%;
    margin-left: 0; }
  .ehu-clearing {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }
  .masthead-top-inner a .masthead-logo-2, .masthead-top-inner a .masthead-logo-3 {
    position: static; }
  .masthead-logo-2, .masthead-logo-3 {
    max-width: 60px;
    max-height: 60px; }
  .masthead-top-inner {
    top: 0;
    float: none;
    margin: 0; }
  /*accolades*/
  #site-footer .footer-accolades-wrap ul li:nth-child(6) {
    margin-left: 0 !important; } }

@media screen and (max-width: 600px) {
  /*About layer mobile styles */
  .full-width.about.layer {
    padding-bottom: 0;
    margin: 0; }
  .about-overlay {
    display: none; }
  .ehu-about-column {
    width: 100%; }
    .ehu-about-column:nth-child(n+3):nth-child(-n+4) {
      display: none; }
  .ehu-about-column-content {
    height: auto; }
  .ehu-about-quote {
    width: calc(100% - 48px);
    margin: 0 24px;
    margin: 0 1.71429rem;
    padding: 0 24px;
    padding: 0 1.71429rem;
    border: 4px double #4b78b3; }
  .large-quote {
    font-size: 30px;
    font-size: 2.14286rem;
    line-height: 1.6; }
    .large-quote .fa-li {
      line-height: 1.6; }
  .quote-subtext {
    margin-bottom: 48px;
    margin-bottom: 3.42857rem;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5; }
    .quote-subtext .fa-li {
      line-height: 1.5; }
  /*Employability layer mobile styles */
  .emp-stat-wrap {
    width: 100%;
    padding: 24px;
    padding: 1.71429rem; }
  .ehu-employability .cta-btn {
    width: 100%; }
  .emp-subtext {
    width: 80%;
    float: left;
    padding-left: 24px;
    padding-left: 1.71429rem;
    text-align: left; }
  .emp-stat {
    padding: 12px;
    padding: 0.85714rem;
    width: 100%;
    float: left;
    /*Temporarily remove some of the employability stats for mobile devices*/ }
    .emp-stat:nth-child(n+3):nth-child(-n+7) {
      display: none; }
  .emp-stat:first-of-type .emp-subtext {
    border-top: none; }
  /*Sport layer mobile styles */
  .ehu-sport-main {
    width: 100%;
    float: left; }
  .ehu-sport-right {
    width: 100%;
    float: left;
    height: auto; }
  .ehu-sport-item {
    width: calc(100% - 48px);
    margin: 24px;
    margin: 1.71429rem;
    height: 250px; }
  /*Hides the p element after the date on screens <600*/
  .ehu-academic-panel-main .ehu-academic-panel-content p + p, .news-item-panel p + p {
    display: none; }
  /*Events*/
  .ehu-events-centrepiece-content {
    min-height: 0; }
  .ehu-events-centrepiece-subtext {
    display: none; }
  .ehu-events-list-wrap a:hover {
    box-shadow: none; }
  /*stu exp*/
  .ehu-students-main-content {
    position: relative; }
  .ehu-students-main-img {
    height: 300px; }
  /*footer*/
  #site-footer .footer-accolades-wrap ul li {
    width: calc(100% / 2) !important;
    height: 150px !important; }
    #site-footer .footer-accolades-wrap ul li:nth-child(even) {
      border-right: none; }
  /*Clearing*/
  .ehu-clearing .clearing-box {
    width: 100%;
    min-height: 0;
    text-align: left; }
    .ehu-clearing .clearing-box a {
      min-height: 0;
      padding: 12px; }
    .ehu-clearing .clearing-box i {
      display: inline-block;
      float: left;
      margin: 0 24px 24px 0;
      margin: 0 1.71429rem 1.71429rem 0;
      width: 40px;
      height: 40px;
      font-size: 1em; }
  .masthead-top-inner a .masthead-logo-2 {
    right: 88px !important; } }

@media screen and (max-width: 449px) {
  /*masthead*/
  .masthead {
    min-height: 180px;
    height: 180px; }
  /*Student experience styles*/
  .ehu-students-main:hover .ehu-students-main-img, .ehu-students-grid a:hover .ehu-students-grid-panel-img {
    transform: scale(1); }
  .ehu-students-main-img {
    height: 200px;
    top: 3px; }
  .ehu-students-grid-panel {
    width: 100%; }
  /*Events layer mobile styles*/
  .ehu-event-date {
    width: 25%; }
  .ehu-events-list {
    padding-left: 0; }
  .ehu-events-list-wrap a:hover {
    box-shadow: none; }
  .ehu-event-schedule {
    width: 75%;
    padding: 0 12px;
    padding: 0 12px/14pxrem; }
  /*Visit us layer mobile styles */
  .ehu-visit {
    overflow: visible;
    height: 700px; }
  .ehu-visit-list-item {
    display: block;
    padding: 0;
    border-bottom: 1px solid #FFFFFF; }
  .ehu-visit-content {
    height: 100%; }
  .ehu-visit-img {
    height: 100%; }
  /*footer*/
  #site-footer .footer-accolades-wrap ul li {
    width: calc(100% / 2) !important;
    margin-bottom: 0 !important; }
    #site-footer .footer-accolades-wrap ul li:nth-child(even) {
      border-right: 0; }
  #site-footer .accolade-tef-logo {
    width: 100px !important; }
  #site-footer .accolade-whatuni-logo {
    width: 110px !important; } }

@media screen and (max-width: 355px) {
  .top-level-nav li a {
    font-size: 13px;
    font-size: 0.92857rem;
    line-height: 1.84615; }
    .top-level-nav li a .fa-li {
      line-height: 1.84615; } }

/* PC Availability */
:root {
  --lightBlue: #537cfd;
  --lightBlueDark: #437cfd;
  --lightBlueOpac: rgba(83, 124, 253, .95);
  --lightPurple: #b148ff;
  --lightPurpleDark: #d148ff;
  --lightPurpleOpac: rgba(177, 72, 255, .95);
  --borderColor: rgba(135, 139, 161, .1);
  --textGrey: #878ba1;
  --purpleProgressBg: #7a36b6;
  --panelPurple: #ad59ff; }

.page-template-template-computers, .page-template-template-computers-full {
  /*Table styles*/ }
  .page-template-template-computers #cookie-notice, .page-template-template-computers-full #cookie-notice {
    display: none !important; }
  .page-template-template-computers body, .page-template-template-computers-full body {
    position: relative;
    color: white !important;
    padding: 2em; }
  .page-template-template-computers .container, .page-template-template-computers-full .container {
    margin: 0 auto;
    padding: 2em 0; }
    .page-template-template-computers .container header, .page-template-template-computers-full .container header {
      position: relative; }
  .page-template-template-computers main, .page-template-template-computers-full main {
    width: 100%;
    float: left; }
    @supports (display: grid) {
      .page-template-template-computers main, .page-template-template-computers-full main {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 24px;
        margin-bottom: 24px; } }
  .page-template-template-computers .comp-avail-message, .page-template-template-computers-full .comp-avail-message {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem;
    font-size: 20px; }
  .page-template-template-computers .comp-avail-title, .page-template-template-computers-full .comp-avail-title {
    color: #FFFFFF;
    font-size: 2em;
    margin-bottom: 1em;
    display: inline-block;
    margin-right: .5em; }
  .page-template-template-computers .it-services, .page-template-template-computers-full .it-services {
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF; }
  .page-template-template-computers .small-title, .page-template-template-computers-full .small-title {
    color: #FFFFFF; }
  .page-template-template-computers .small-panel-title, .page-template-template-computers-full .small-panel-title {
    color: #FFFFFF;
    z-index: 10;
    position: relative;
    font-size: 2em;
    display: inline-block;
    top: -12px; }
  .page-template-template-computers .small-panel-title a, .page-template-template-computers .small-title a, .page-template-template-computers-full .small-panel-title a, .page-template-template-computers-full .small-title a {
    color: white !important;
    text-decoration: none; }
  .page-template-template-computers .container header, .page-template-template-computers-full .container header {
    width: 100%;
    float: left; }
  .page-template-template-computers .panel, .page-template-template-computers-full .panel {
    width: 100%;
    float: left;
    display: block;
    background: linear-gradient(45deg, var(--lightBlue), var(--lightPurple));
    padding: 2em;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 2em; }
  .page-template-template-computers .panel-title, .page-template-template-computers-full .panel-title {
    font-size: 1.5em; }
  .page-template-template-computers .panel-wrapper, .page-template-template-computers-full .panel-wrapper {
    padding-bottom: 2em; }
  .page-template-template-computers .inner-panel, .page-template-template-computers-full .inner-panel {
    width: 50%;
    background-color: transparent;
    min-height: 200px;
    float: left;
    position: relative !important; }
  .page-template-template-computers .inner-panel:first-of-type, .page-template-template-computers-full .inner-panel:first-of-type {
    padding-right: 2em;
    width: 33%; }
  .page-template-template-computers .inner-panel:nth-of-type(2), .page-template-template-computers-full .inner-panel:nth-of-type(2) {
    padding-left: 3em;
    width: 66%; }
  .page-template-template-computers .inner-panel:first-of-type:before, .page-template-template-computers-full .inner-panel:first-of-type:before {
    content: "";
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.5)); }
  .page-template-template-computers .inner-panel:first-of-type:after, .page-template-template-computers-full .inner-panel:first-of-type:after {
    content: "";
    height: 60px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    background: linear-gradient(360deg, transparent, rgba(255, 255, 255, 0.5)); }
  .page-template-template-computers .inner-panel-computer-stats, .page-template-template-computers-full .inner-panel-computer-stats {
    text-align: right;
    float: right;
    font-size: 1em;
    margin-top: -6px;
    font-weight: normal; }
  .page-template-template-computers .inner-panel-computer-stats .computers-free, .page-template-template-computers-full .inner-panel-computer-stats .computers-free {
    font-size: 2em;
    animation: fadeIn 2s ease-in-out;
    animation-timing-function: cubic-bezier(0.2, 0.2, 0, 1);
    font-weight: 700; }
  .page-template-template-computers .inner-panel-computer-stats .computers-used, .page-template-template-computers-full .inner-panel-computer-stats .computers-used {
    font-weight: 700; }
  .page-template-template-computers .svg-wrap, .page-template-template-computers-full .svg-wrap {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
  .page-template-template-computers #pie-chart, .page-template-template-computers-full #pie-chart {
    width: 130px;
    height: 130px;
    transform: rotate(-90deg); }
  .page-template-template-computers #pie-path, .page-template-template-computers-full #pie-path {
    animation: growSvg 2s ease-in-out;
    transform-origin: 20% 50%; }
  .page-template-template-computers .pie-text, .page-template-template-computers-full .pie-text {
    position: absolute;
    font-size: 2.5em;
    top: 32%;
    color: #FFFFFF; }
  .page-template-template-computers .pie-subtext, .page-template-template-computers-full .pie-subtext {
    position: absolute;
    bottom: -1.2em;
    text-transform: uppercase;
    color: #FFFFFF; }
  .page-template-template-computers .inner-circle, .page-template-template-computers-full .inner-circle {
    min-height: 50px;
    min-width: 50px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    padding: 1.5em;
    position: absolute;
    right: -25px;
    top: calc(100% / 2 - 25px); }
  .page-template-template-computers .inner-circle:after, .page-template-template-computers-full .inner-circle:after {
    content: "\f108";
    font-family: FontAwesome;
    position: absolute;
    font-size: 1.5em;
    color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .page-template-template-computers .last-updated, .page-template-template-computers-full .last-updated {
    float: left;
    text-align: center;
    width: 100%;
    font-size: 0.8em;
    margin-top: 2em;
    color: #FFFFFF;
    display: none; }
  .page-template-template-computers .bar-wrap, .page-template-template-computers-full .bar-wrap {
    width: 100%;
    margin-bottom: 1em; }
  .page-template-template-computers .bar-background, .page-template-template-computers-full .bar-background {
    background-color: rgba(255, 255, 255, 0.1);
    min-height: 2em;
    margin-top: 1em; }
  .page-template-template-computers .bar-progress, .page-template-template-computers-full .bar-progress {
    min-height: 2em;
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 4px 0 20px rgba(255, 255, 255, 0.5);
    animation: grow 2s ease-in-out;
    animation-timing-function: cubic-bezier(0.2, 0.2, 0, 1);
    animation-fill-mode: forwards;
    transition: all 0.3s ease-in-out; }
  .page-template-template-computers .panel-small, .page-template-template-computers-full .panel-small {
    background-color: var(--lightPurple);
    float: left;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    position: relative;
    padding: 2em;
    margin-bottom: 24px;
    width: 100%;
    min-height: 46vh;
    display: block; }
    @supports (display: grid) {
      .page-template-template-computers .panel-small, .page-template-template-computers-full .panel-small {
        margin-bottom: 0; } }
    @supports not (display: grid) {
      .page-template-template-computers .panel-small, .page-template-template-computers-full .panel-small {
        width: calc(50% - 12px) !important; }
        .page-template-template-computers .panel-small:nth-child(odd), .page-template-template-computers-full .panel-small:nth-child(odd) {
          margin-right: 12px; }
        .page-template-template-computers .panel-small:nth-child(even), .page-template-template-computers-full .panel-small:nth-child(even) {
          margin-left: 12px; }
        .page-template-template-computers .panel-small:nth-child(3n+3), .page-template-template-computers-full .panel-small:nth-child(3n+3) {
          clear: left; } }
  .page-template-template-computers .panel-small:first-of-type:after, .page-template-template-computers-full .panel-small:first-of-type:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, var(--lightBlueOpac), var(--lightPurpleOpac)), url("https://blogs.edgehill.ac.uk/src/files/2018/06/Dc7r-dpXcAAMZ9u.jpg") no-repeat;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    display: block; }
  .page-template-template-computers .panel-small-stats-wrap, .page-template-template-computers-full .panel-small-stats-wrap {
    position: relative;
    display: inline-block;
    float: right;
    z-index: 10;
    color: #FFFFFF; }
  .page-template-template-computers .free-computers, .page-template-template-computers-full .free-computers {
    font-weight: bold;
    font-size: 2em;
    animation: fadeIn 2s ease-in-out;
    animation-timing-function: cubic-bezier(0.2, 0.2, 0, 1);
    line-height: 1; }
  .page-template-template-computers .used-computers, .page-template-template-computers-full .used-computers {
    font-weight: 700; }
  .page-template-template-computers table, .page-template-template-computers-full table {
    color: #FFFFFF;
    margin-top: 2em;
    float: left;
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    border: 1px solid var(--borderColor);
    z-index: 10;
    position: relative; }
  .page-template-template-computers table thead th, .page-template-template-computers-full table thead th {
    padding: 1em;
    text-align: left;
    font-weight: 700; }
  .page-template-template-computers table thead tr, .page-template-template-computers-full table thead tr {
    background: rgba(222, 222, 222, 0.1); }
  .page-template-template-computers table th, .page-template-template-computers-full table th {
    border: none; }
  .page-template-template-computers table td, .page-template-template-computers-full table td {
    padding: 1em;
    vertical-align: middle;
    border-bottom: none; }
  .page-template-template-computers table td span, .page-template-template-computers-full table td span {
    color: #FFFFFF;
    padding-right: 6px; }
  .page-template-template-computers table .tab-free, .page-template-template-computers-full table .tab-free {
    text-align: right; }
  .page-template-template-computers table .cell-free, .page-template-template-computers-full table .cell-free {
    text-align: right; }
  .page-template-template-computers table .cell-in-use, .page-template-template-computers-full table .cell-in-use {
    position: relative; }
  .page-template-template-computers table .cell-free-avail, .page-template-template-computers-full table .cell-free-avail {
    font-size: 1.5em;
    font-weight: 700; }
  .page-template-template-computers table .cell-free-used, .page-template-template-computers-full table .cell-free-used {
    font-weight: 700; }
  .page-template-template-computers table .bar-background, .page-template-template-computers-full table .bar-background {
    background-color: rgba(255, 255, 255, 0.1);
    min-height: 10px;
    margin: 0; }
  .page-template-template-computers table .bar-progress, .page-template-template-computers-full table .bar-progress {
    background: #FFFFFF;
    min-height: 10px;
    box-shadow: 0 0 20px 1px rgba(255, 255, 255, 0.5), 0 0 40px 2px #a85ff7; }

@keyframes grow {
  0% {
    width: 0;
    opacity: 0; }
  100% { } }

@keyframes growSvg {
  0% {
    stroke-dasharray: 0;
    opacity: 0; }
  100% { } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% { } }

/*Styles for fullscreen computer availability template*/
.page-template-template-computers-full, .page-template-template-computers {
  /*Laptop panel*/ }
  .page-template-template-computers-full #site-header, .page-template-template-computers-full #site-footer, .page-template-template-computers-full #site-navigation, .page-template-template-computers #site-header, .page-template-template-computers #site-footer, .page-template-template-computers #site-navigation {
    display: none !important; }
  .page-template-template-computers-full .container, .page-template-template-computers .container {
    padding: 0 1em;
    max-width: 1200px; }
  .page-template-template-computers-full #main, .page-template-template-computers #main {
    max-width: 1400px;
    width: auto !important; }
  .page-template-template-computers-full main, .page-template-template-computers main {
    display: block !important;
    margin-bottom: 0; }
  .page-template-template-computers-full .panel-small:nth-of-type(1), .page-template-template-computers .panel-small:nth-of-type(1) {
    width: 64% !important;
    margin-right: 1.25% !important; }
  .page-template-template-computers-full .panel-small:nth-of-type(2), .page-template-template-computers .panel-small:nth-of-type(2) {
    width: 34.75%;
    margin-left: 0 !important; }
  .page-template-template-computers-full .panel-small, .page-template-template-computers .panel-small {
    height: calc(50vh - 24px);
    min-height: 400px; }
  .page-template-template-computers-full .panel, .page-template-template-computers .panel {
    background: var(--panelPurple);
    min-height: 400px; }
  .page-template-template-computers-full .comp-avail-title, .page-template-template-computers .comp-avail-title {
    font-size: 56px;
    margin-bottom: 0;
    margin-left: 24px; }
  .page-template-template-computers-full #pie-chart, .page-template-template-computers #pie-chart {
    height: 170px;
    width: 170px; }
  .page-template-template-computers-full .pie-text, .page-template-template-computers .pie-text {
    top: 52%;
    left: 50%;
    transform: translate(-50%, -55%); }
  .page-template-template-computers-full .pie-subtext, .page-template-template-computers .pie-subtext {
    font-size: 3em; }
  .page-template-template-computers-full h2.small-title, .page-template-template-computers h2.small-title {
    font-size: 56px !important; }
  .page-template-template-computers-full h2.small-title, .page-template-template-computers-full table thead th, .page-template-template-computers h2.small-title, .page-template-template-computers table thead th {
    font-size: 1.2em; }
  .page-template-template-computers-full table, .page-template-template-computers table {
    margin-top: 0;
    height: 100%; }
  .page-template-template-computers-full .cell-in-use .bar-progress, .page-template-template-computers .cell-in-use .bar-progress {
    min-height: 24px; }
  .page-template-template-computers-full .it-services, .page-template-template-computers .it-services {
    font-size: 1.4em;
    font-weight: 400;
    text-transform: none; }
  .page-template-template-computers-full table tr, .page-template-template-computers table tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    .page-template-template-computers-full table tr:last-of-type, .page-template-template-computers table tr:last-of-type {
      border-bottom: none; }
  .page-template-template-computers-full table td, .page-template-template-computers table td {
    padding: 0 1em;
    font-size: 2em;
    font-weight: 400; }
  .page-template-template-computers-full table thead th, .page-template-template-computers table thead th {
    font-size: 2em;
    padding: .25em 1em; }
    .page-template-template-computers-full table thead th:last-of-type, .page-template-template-computers table thead th:last-of-type {
      text-align: right; }
    .page-template-template-computers-full table thead th:nth-child(3), .page-template-template-computers table thead th:nth-child(3) {
      min-width: 220px; }
  .page-template-template-computers-full table tr th:nth-of-type(2), .page-template-template-computers table tr th:nth-of-type(2) {
    min-width: 300px; }
  .page-template-template-computers-full .small-panel-title,
  .page-template-template-computers-full .panel-small-stats-wrap, .page-template-template-computers .small-panel-title,
  .page-template-template-computers .panel-small-stats-wrap {
    display: none; }
  .page-template-template-computers-full .bar-progress, .page-template-template-computers-full .bar-background, .page-template-template-computers .bar-progress, .page-template-template-computers .bar-background {
    min-height: 48px;
    border-radius: 20px; }
  .page-template-template-computers-full .bar-background, .page-template-template-computers-full table .bar-background, .page-template-template-computers .bar-background, .page-template-template-computers table .bar-background {
    background-color: var(--purpleProgressBg);
    box-shadow: 2px 2px 2px inset rgba(84, 37, 125, 0.5);
    width: 100%; }
  .page-template-template-computers-full .free-computers, .page-template-template-computers .free-computers {
    font-size: 2em; }
  .page-template-template-computers-full .inner-panel-computer-stats, .page-template-template-computers .inner-panel-computer-stats {
    font-size: 24px;
    margin-top: 0; }
  .page-template-template-computers-full .panel-small:first-of-type:after, .page-template-template-computers .panel-small:first-of-type:after {
    background-blend-mode: lighten;
    opacity: .2; }
  .page-template-template-computers-full .laptop-icon-wrap, .page-template-template-computers .laptop-icon-wrap {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    position: relative;
    height: 200px;
    width: 200px;
    margin: 0 auto; }
    .page-template-template-computers-full .laptop-icon-wrap span, .page-template-template-computers .laptop-icon-wrap span {
      font-size: 10em;
      color: #FFFFFF;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .page-template-template-computers-full .laptop-wrap, .page-template-template-computers .laptop-wrap {
    color: #FFFFFF;
    text-align: center;
    font-size: 2em; }
    .page-template-template-computers-full .laptop-wrap p, .page-template-template-computers .laptop-wrap p {
      font-size: 2em;
      color: #FFFFFF;
      text-align: center;
      font-weight: bold;
      line-height: 1.4; }
    .page-template-template-computers-full .laptop-wrap .bar-background, .page-template-template-computers .laptop-wrap .bar-background {
      display: none; }
    .page-template-template-computers-full .laptop-wrap .cell-free-avail, .page-template-template-computers .laptop-wrap .cell-free-avail {
      font-size: 3.8em;
      display: block;
      line-height: 1;
      position: relative; }
    .page-template-template-computers-full .laptop-wrap .cell-free-used, .page-template-template-computers .laptop-wrap .cell-free-used {
      font-weight: 700; }
  .page-template-template-computers-full main, .page-template-template-computers main {
    height: calc(50vh - 24px); }

.page-template-template-computers table td {
  padding: 0 1em;
  font-size: 1.4em;
  font-weight: 400; }

/*Media queries*/
@media screen and (max-width: 1399px) {
  .page-template-template-computers table tr th:nth-of-type(1), .page-template-template-computers table tr th:nth-of-type(2), .page-template-template-computers table tr th:nth-of-type(3) {
    min-width: auto; }
  @supports (display: grid) {
    .page-template-template-computers-full main {
      grid-template-columns: 1fr 1fr; } } }

@media screen and (min-width: 800px) and (max-width: 1400px) {
  .page-template-template-computers-full #pie-chart {
    height: 340px;
    width: 340px; }
  @supports not (display: grid) {
    .page-template-template-computers-full .panel-small {
      min-height: 50vh;
      width: calc(50% - 12px); }
      .page-template-template-computers-full .panel-small:nth-child(2n+1) {
        margin-right: 12px; }
      .page-template-template-computers-full .panel-small:nth-child(2n+2) {
        margin-left: 12px;
        width: calc(50% - 12px); }
      .page-template-template-computers-full .panel-small:nth-child(2n+3) {
        clear: left; } } }

@media screen and (min-width: 1400px) {
  body.page-template-template-computers-full #site {
    width: 100%;
    max-width: none; }
  body.page-template-template-computers-full .container {
    max-width: 100%;
    width: 100%;
    margin: 0 auto; }
  body.page-template-template-computers-full #main {
    max-width: none;
    float: none; }
  @supports (display: grid) {
    body.page-template-template-computers-full .panel-wrapper {
      display: grid;
      grid-template-columns: 1fr 2fr !important;
      grid-gap: 24px;
      align-items: center; } }
  @supports not (display: grid) {
    body.page-template-template-computers-full .panel-wrapper .inner-panel:first-of-type {
      width: 33.3%; }
    body.page-template-template-computers-full .panel-wrapper .inner-panel:last-of-type {
      width: 66.6%; } }
  @supports (display: grid) {
    body.page-template-template-computers-full .inner-panel {
      width: 100%; } }
  body.page-template-template-computers-full #pie-chart {
    width: 300px;
    height: 300px; }
  body.page-template-template-computers-full .pie-subtext {
    bottom: 1.6em !important;
    text-transform: lowercase; }
  @supports not (display: grid) {
    .panel-small {
      width: calc(100% / 2 - 12px) !important;
      min-height: 42vh !important; }
      .panel-small:nth-child(3n+1) {
        margin-right: 24px; }
      .panel-small:nth-child(3n+4) {
        clear: left; } } }

@media screen and (min-width: 801px) {
  body.page-template-template-computers-full .pie-text {
    font-size: 5em; }
  body.page-template-template-computers-full .inner-panel:first-of-type:before, body.page-template-template-computers-full .inner-panel:first-of-type:after {
    height: 35% !important; }
  @supports (display: grid) {
    body.page-template-template-computers-full .panel-wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center; }
      body.page-template-template-computers-full .panel-wrapper .inner-panel {
        width: 100%; } }
  @supports not (display: grid) {
    body.page-template-template-computers-full .panel-wrapper {
      display: flex;
      align-items: center; } } }

@media screen and (max-width: 800px) {
  body.page-template-template-computers-full, body.page-template-template-computers {
    margin-top: 0; }
  .page-template-template-computers #main {
    padding: 0; }
  .page-template-template-computers .pie-subtext {
    font-size: 2em; }
  .page-template-template-computers .comp-avail-title {
    font-size: 2.5em !important;
    margin-left: 0; }
  .page-template-template-computers h2.small-title {
    font-size: 2em !important; }
  .page-template-template-computers .inner-panel-computer-stats {
    font-size: .5em; }
  .page-template-template-computers table thead th {
    font-size: 1.5em; }
  .page-template-template-computers table td {
    font-size: 1.2em; }
  .page-template-template-computers .panel, .page-template-template-computers .panel-small {
    margin-bottom: 0;
    width: 100% !important;
    border-bottom: 1px solid #FFFFFF; }
  .page-template-template-computers .panel {
    margin-left: 0;
    height: auto; }
  .page-template-template-computers .container header {
    width: 100% !important; }
  .page-template-template-computers main {
    display: block;
    height: auto; }
    @supports (display: grid) {
      .page-template-template-computers main {
        grid-template-columns: 1fr !important; } }
  .page-template-template-computers .inner-panel {
    width: 100% !important;
    padding: 0 !important; }
  .page-template-template-computers .inner-circle, .page-template-template-computers .page-template-template-computers-full .inner-circle, .page-template-template-computers .inner-panel:before, .page-template-template-computers .inner-panel:after {
    display: none; }
  .page-template-template-computers .panel-small:nth-of-type(1) {
    width: 100% !important; }
  .page-template-template-computers .cell-in-use {
    padding: 0; }
  .page-template-template-computers .svg-wrap {
    padding-top: 0 !important; }
  .page-template-template-computers .laptop-wrap p {
    font-size: 1.25em; }
  @supports not (display: grid) {
    .panel-small {
      margin: 0 !important; } } }

@media screen and (min-width: 601px) and (max-width: 800px) {
  .page-template-template-computers .container, .page-template-template-computers-full .container {
    padding: 0; } }

@media screen and (max-width: 600px) {
  .page-template-template-computers body, .page-template-template-computers-full body {
    padding: 2em 1em; }
  .page-template-template-computers .container, .page-template-template-computers-full .container {
    padding: 0; }
  .page-template-template-computers .panel-wrapper, .page-template-template-computers-full .panel-wrapper {
    padding: 0; }
  .page-template-template-computers .inner-panel, .page-template-template-computers-full .inner-panel {
    width: 100%;
    padding: 0 !important;
    min-height: 0; }
  .page-template-template-computers .inner-panel:first-of-type, .page-template-template-computers-full .inner-panel:first-of-type {
    padding-top: 2em; }
  .page-template-template-computers .inner-panel:first-of-type:before, .page-template-template-computers-full .inner-panel:first-of-type:before {
    width: 60px;
    height: 1px;
    left: calc(50% + 100px);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), white);
    display: none; }
  .page-template-template-computers .inner-panel:first-of-type:after, .page-template-template-computers-full .inner-panel:first-of-type:after {
    right: 50%;
    width: 60px;
    height: 1px;
    top: 0;
    background: linear-gradient(90deg, white, rgba(255, 255, 255, 0.1));
    display: none; }
  .page-template-template-computers .inner-circle, .page-template-template-computers-full .inner-circle {
    right: auto;
    background-color: white;
    opacity: 0.05;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 59%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .page-template-template-computers .inner-circle:after, .page-template-template-computers-full .inner-circle:after {
    display: none; }
  .page-template-template-computers .svg-wrap, .page-template-template-computers-full .svg-wrap {
    padding-top: 2em; }
  .page-template-template-computers .panel, .page-template-template-computers-full .panel {
    padding: 2em 1em;
    height: auto; }
  .page-template-template-computers .panel-small, .page-template-template-computers-full .panel-small {
    padding: 2em 1em; }
  .page-template-template-computers .small-title:first-of-type, .page-template-template-computers-full .small-title:first-of-type {
    margin-top: 1em; }
  .page-template-template-computers table thead th, .page-template-template-computers-full table thead th {
    padding: 1em 0.5em; }
  .page-template-template-computers table td, .page-template-template-computers-full table td {
    padding: .5em; }
  .page-template-template-computers .panel-small, .page-template-template-computers-full .panel-small {
    min-height: 100px;
    height: auto; }
  .page-template-template-computers .last-updated, .page-template-template-computers-full .last-updated {
    margin-top: 1em; } }

@media screen and (max-width: 495px) {
  .page-template-template-computers .comp-avail-title, .page-template-template-computers-full .comp-avail-title {
    margin-bottom: .5em; } }

@media screen and (max-width: 440px) {
  .page-template-template-computers .comp-avail-title, .page-template-template-computers-full .comp-avail-title {
    margin-right: 0; } }

.page-template-template-computers-analysis span {
  color: #00a523; }

.page-template-template-computers-analysis span.loggedin {
  color: #FF0000; }

.page-template-template-computers-analysis span.locked {
  color: #ffb11f; }

.page-template-template-computers-analysis span.update {
  color: #000000; }

.page-template-template-computers-analysis span.update.fivemins {
  color: #00a523; }

/* Footer */
#site-footer {
  margin-top: 24px;
  margin-top: 1.71429rem;
  color: #FFFFFF;
  background-color: #563c5c;
  clear: both; }
  #site-footer .footer-search {
    position: relative;
    background-color: #563c5c;
    background: url("/images/edgehillfacade-min.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    float: left;
    padding: 24px 0;
    padding: 24px 0/14pxrem; }
    #site-footer .footer-search:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(57, 47, 72, 0.97); }
  #site-footer .footer-search-wrap {
    max-width: 1200px;
    max-width: 85.71429rem;
    margin: 0 auto;
    padding: 48px 0;
    padding: 48px 0/14pxrem;
    text-align: center;
    position: relative;
    z-index: 2; }
  #site-footer .footer-search-header {
    font-size: 24px;
    font-size: 1.71429rem;
    line-height: 1;
    padding-bottom: 12px;
    padding-bottom: 0.85714rem;
    line-height: 1.6;
    color: #FFFFFF;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 400; }
    #site-footer .footer-search-header .fa-li {
      line-height: 1; }
  #site-footer .footer-search-form-wrap {
    display: inline-block;
    width: 100%;
    position: relative; }
  #site-footer .footer-search-input {
    height: 44px;
    width: 30%;
    border-radius: 0;
    margin-top: 12px;
    margin-top: 0.85714rem;
    display: inline-block;
    color: #333;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5;
    padding-left: 40px;
    padding-left: 2.85714rem;
    border: 0;
    /*Changes the placeholder text to light gray*/ }
    #site-footer .footer-search-input .fa-li {
      line-height: 1.5; }
    #site-footer .footer-search-input::-webkit-input-placeholder {
      color: #e3e3e3; }
    #site-footer .footer-search-input:-moz-placeholder {
      color: #e3e3e3; }
    #site-footer .footer-search-input::-moz-placeholder {
      color: #e3e3e3; }
    #site-footer .footer-search-input:-ms-input-placeholder {
      color: #e3e3e3; }
    #site-footer .footer-search-input:focus {
      outline: none;
      box-shadow: 5px 5px 5px rgba(144, 100, 154, 0.2); }
    #site-footer .footer-search-input + i {
      position: absolute;
      font-size: 30px;
      color: #fcfcfc;
      left: 35%;
      top: 18px;
      margin-left: 6px;
      margin-left: 0.42857rem; }
  #site-footer .footer-search-submit {
    height: 44px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429;
    position: absolute;
    margin: 12px 0 0 6px;
    top: 0;
    right: 35%;
    width: 80px;
    border-radius: 0;
    border: 0;
    background-color: #563c5c;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    #site-footer .footer-search-submit .fa-li {
      line-height: 1.71429; }
    #site-footer .footer-search-submit:hover {
      background-color: #90649a;
      color: #FFFFFF; }
  #site-footer .footer-accolades {
    width: 100%;
    float: left;
    background: #FFFFFF;
    border-bottom: 1px solid #48324d;
    box-shadow: 10px -2px 10px rgba(86, 60, 92, 0.3);
    padding: 24px;
    padding: 1.71429rem; }
  #site-footer .footer-accolades-wrap {
    max-width: 1200px;
    margin: 0 auto; }
    #site-footer .footer-accolades-wrap ul li {
      width: 20%;
      height: auto;
      float: left;
      margin-top: 24px;
      margin-top: 1.71429rem;
      padding: 12px;
      padding: 0.85714rem;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      /*Temporary footer trophy icons*/ }
      #site-footer .footer-accolades-wrap ul li:nth-child(6) {
        margin-left: 20%; }
      #site-footer .footer-accolades-wrap ul li img {
        transition: filter .3s ease-in-out;
        max-width: 110px;
        max-height: 110px; }
      #site-footer .footer-accolades-wrap ul li:hover img {
        filter: grayscale(0); }
      #site-footer .footer-accolades-wrap ul li a {
        display: block;
        font-size: 13px;
        font-size: 0.92857rem;
        line-height: 1.84615;
        color: #e8e0ea; }
        #site-footer .footer-accolades-wrap ul li a .fa-li {
          line-height: 1.84615; }
      #site-footer .footer-accolades-wrap ul li i {
        font-size: 40px;
        font-size: 2.85714rem;
        line-height: 1.2;
        color: #bca2c2; }
        #site-footer .footer-accolades-wrap ul li i .fa-li {
          line-height: 1.2; }
  #site-footer .accolades-title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 400;
    color: #444444;
    font-size: 24px;
    font-size: 1.71429rem;
    line-height: 1;
    line-height: 1.6;
    padding-top: 48px;
    padding-top: 3.42857rem;
    text-align: center; }
    #site-footer .accolades-title .fa-li {
      line-height: 1; }
  #site-footer .accolade-subtext {
    color: #bca2c2;
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 2; }
    #site-footer .accolade-subtext .fa-li {
      line-height: 2; }
  #site-footer .accolade-tef-logo, #site-footer .accolade-spotlight-award {
    width: 160px;
    max-width: 100%;
    padding-top: 20px;
    padding-top: 1.42857rem; }
  #site-footer .accolade-whatuni-logo {
    width: 160px;
    max-width: 100%; }
  #site-footer .accolade-logo {
    width: 137px;
    height: 137px;
    max-width: 100%; }
  #site-footer .accolade-tef-logo, #site-footer .accolade-whatuni-logo, #site-footer .accolade-spotlight-award, #site-footer .accolade-logo, #site-footer .accolade-student-crowd-logo {
    backface-visibility: hidden;
    filter: grayscale(100%); }
  #site-footer .accolade-student-crowd-logo {
    max-height: 137px; }
  #site-footer #site-footer-content {
    margin: 0 auto;
    margin: 0 auto;
    padding: 24px;
    padding: 1.71429rem;
    max-width: 1200px;
    max-width: 85.71429rem;
    clear: both;
    overflow: auto; }
  #site-footer a {
    color: #FFFFFF;
    text-decoration: none; }
  #site-footer a:hover {
    text-decoration: underline; }
  #site-footer .widget {
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 2; }
    #site-footer .widget .fa-li {
      line-height: 2; }
  #site-footer h3.widget-title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429;
    color: #FFFFFF; }
    #site-footer h3.widget-title .fa-li {
      line-height: 1.71429; }
    #site-footer h3.widget-title > a {
      /*Force link to display block so that touch input is maximised*/ }
  #site-footer .social {
    padding-left: 12px;
    padding-left: 0.85714rem;
    float: right; }
    #site-footer .social li {
      margin-right: 6px;
      margin-right: 0.42857rem;
      padding: 0 6px;
      padding: 0 6px/14pxrem;
      display: inline; }
      #site-footer .social li i {
        font-size: 20px;
        font-size: 1.42857rem;
        line-height: 1.2;
        color: rgba(144, 100, 154, 0.7);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        #site-footer .social li i .fa-li {
          line-height: 1.2; }
        #site-footer .social li i:hover {
          color: #d2c1d6; }
  #site-footer .social-header {
    display: block !important; }
  #site-footer .legal {
    font-size: 13px;
    font-size: 0.92857rem;
    line-height: 1.84615;
    margin-top: 24px;
    margin-top: 1.71429rem;
    display: inline; }
    #site-footer .legal .fa-li {
      line-height: 1.84615; }
    #site-footer .legal li {
      margin-right: 6px;
      margin-right: 0.42857rem;
      display: inline;
      border-right: 1px solid #FFFFFF;
      padding-right: 12px;
      padding-right: 0.85714rem; }
      #site-footer .legal li:last-child {
        border: none; }
  #site-footer .widget {
    width: 24%;
    float: left;
    margin-right: 1%; }
    #site-footer .widget p, #site-footer .widget ul {
      margin: 0;
      margin: 0; }
  #site-footer .widget:nth-child(3n+0) {
    margin-right: 0; }

#footer-navigation #menu-footer > li {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  display: inline-block;
  float: left; }
  #footer-navigation #menu-footer > li > a {
    text-transform: uppercase;
    margin-bottom: 12px;
    margin-bottom: 0.85714rem;
    display: block; }
  #footer-navigation #menu-footer > li > a:before {
    content: "";
    background: #d4cbcb;
    float: left;
    position: relative;
    height: 26px;
    width: 1px;
    left: -6px; }
  #footer-navigation #menu-footer > li.menu-footer-location {
    width: 99%; }
  #footer-navigation #menu-footer > li.menu-connect .social-links li {
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2;
    display: inline-block;
    width: 24px;
    text-align: center; }
    #footer-navigation #menu-footer > li.menu-connect .social-links li .fa-li {
      line-height: 1.2; }

.footer-bottom {
  background: #39283d;
  width: 100%;
  float: left;
  clear: both; }

.footer-bottom-inner {
  max-width: 1200px;
  max-width: 85.71429rem;
  margin: 0 auto;
  padding: 24px;
  padding: 1.71429rem; }

.links-row {
  clear: both;
  width: 100%;
  float: left;
  margin: 24px 0;
  margin: 1.71429rem 0;
  padding: 0;
  /*Ensure that the last links row is spaced out accordingly */ }
  .links-row:nth-child(n+2):nth-child(-n+4) {
    border-top: 1px solid rgba(115, 80, 123, 0.5);
    padding: 24px 0;
    padding: 24px 0/14pxrem;
    margin-bottom: 0; }
  .links-row:first-of-type {
    border-top: 0 !important; }

.footer-links-col {
  width: 18%;
  margin-right: 2%;
  float: left;
  border-left: 1px solid rgba(115, 80, 123, 0.5);
  padding-left: 12px;
  padding-left: 0.85714rem; }
  .footer-links-col:first-of-type {
    border-left: none;
    padding-left: 0; }
  .footer-links-col:nth-child(n+4):nth-child(-n+5) {
    margin-top: 0 !important; }

.footer-links-header, #site-footer h3.widget-title > a, #site-footer .social-header {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
  text-transform: uppercase;
  display: block;
  position: relative; }
  .footer-links-header .fa-li, #site-footer h3.widget-title > a .fa-li, #site-footer .social-header .fa-li {
    line-height: 1.71429; }
  .footer-links-header:before, #site-footer h3.widget-title > a:before, #site-footer .social-header:before {
    content: "";
    background: #bca2c2;
    float: left;
    position: absolute;
    height: 26px;
    width: 1px;
    left: -6px; }

.footer-link {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  display: block; }
  .footer-link .fa-li {
    line-height: 1.84615; }

.footer-tel {
  text-decoration: underline !important; }

.footer-logo-wrap {
  width: 100%;
  margin: 24px 0px;
  margin: 1.71429rem 0;
  clear: both;
  position: relative;
  text-align: center; }
  .footer-logo-wrap img {
    width: 220px; }

/*Footer link spanning over two lines, squash line height*/
ul.sub-menu li ul li a:first-line {
  line-height: 1.6; }

ul.sub-menu li ul li a {
  display: inline-block;
  line-height: 1; }

.mb-divider {
  display: none; }

/* Widgets */
.widget {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  word-wrap: break-word;
  /*Searchbox and submit button within widgets*/ }
  .widget h3 {
    margin-bottom: 0;
    margin-bottom: 0; }
  .widget a {
    text-decoration: none; }
  .widget p a, .widget a:hover {
    text-decoration: underline; }
  .widget #searchform {
    position: relative; }
  .widget #s {
    border: 1px solid rgba(103, 30, 117, 0.3);
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: black;
    padding-right: 60px;
    padding-right: 4.28571rem; }
    .widget #s:focus {
      border: 1px solid #671E75;
      outline: none; }
      .widget #s:focus + #searchsubmit {
        border: 1px solid #671E75; }
  .widget #searchsubmit {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
    .widget #searchsubmit .fa-li {
      line-height: 1.71429; }
    .widget #searchsubmit:focus {
      outline: none; }
    .widget #searchsubmit:hover {
      background: #43144c;
      color: #FFFFFF; }
  .widget #undergraduate_subjects, .widget #postgraduate_subjects {
    border: 1px solid rgba(103, 30, 117, 0.3);
    border-radius: 0;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer; }
    .widget #undergraduate_subjects:focus, .widget #postgraduate_subjects:focus {
      border: 1px solid #671E75;
      color: black; }

body.internal #site-footer .footer-search,
body.internal #site-footer .footer-accolades {
  display: none; }

@media screen and (max-width: 1200px) {
  .footer-accolades-wrap ul li img {
    max-width: 100px; } }

@media screen and (max-width: 800px) {
  #site-footer .footer-accolades-wrap ul li .accolade-student-crowd-logo {
    max-width: 160px; } }

#secondary .widget {
  margin-bottom: 2px;
  margin-bottom: 0.14286rem;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  /*Prevent location map container from collapsing */
  width: 100%;
  float: right; }
  #secondary .widget .fa-li {
    line-height: 1.84615; }

#secondary.widget-area p {
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615; }
  #secondary.widget-area p .fa-li {
    line-height: 1.84615; }

#secondary .ez-toc {
  -webkit-position: sticky;
  position: sticky;
  top: 24px;
  background-color: #f2ebf3; }

#secondary .ez-toc .active {
  background-color: #b28cb9; }

/* Tertiary Sidebar */
#tertiary {
  clear: left;
  float: left;
  width: 18%; }

nav.a-z-list {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #f2ebf3; }

nav.a-z-list, nav.a-z-list ul {
  display: table-row;
  margin: 0;
  padding: 0; }

nav.a-z-list ul li {
  list-style: none;
  display: table-cell;
  text-align: center;
  padding: 0 6px; }

nav.a-z-list ul li a {
  display: block; }

:root {
  --hoverDark: #4e1759; }

@media screen and (max-width: 600px) {
  .container {
    width: 100%; }
  .clearing {
    margin-bottom: 12px !important; }
  .simple-view,
  .detailed-view {
    width: 50%;
    text-align: center; }
  .simple-view-wrap table th {
    padding: 12px;
    width: 50%;
    font-size: 1em; }
  .simple-view-wrap table th:first-of-type {
    width: 60%; }
  .simple-view-wrap table td {
    padding: 12px;
    font-size: 1em; } }

@media screen and (max-width: 857px) {
  .container {
    padding: 12px !important; }
  .results-found {
    font-size: 2em !important;
    margin-bottom: 0 !important; }
  .results-instructions {
    display: block;
    margin-top: 12px; }
  article.single-course {
    padding: 12px !important; }
  .dropdown-wrap {
    grid-template-columns: 1fr !important;
    grid-gap: 24px !important;
    margin: 24px 0 !important; }
  .dropdown-grid-item {
    grid-column: 1/1; }
  .single-course-inner-wrap img {
    display: none; }
  .single-course-grid-wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "course-detail" "key-facts" "course-cta"; }
  .single-course-inner-wrap {
    grid-area: course-detail; }
  .key-facts-panel {
    grid-area: key-facts; }
  .course-a-z-cta {
    grid-area: course-cta;
    position: relative !important;
    left: 0 !important;
    bottom: initial !important;
    width: 100%;
    text-align: center;
    margin: 24px 0 !important; }
  .view-wrap {
    width: 100%; }
  .simple-view,
  .detailed-view {
    font-size: 18px; }
  #clearing-checkbox-label {
    line-height: 1.5; }
  .single-course-inner-wrap {
    width: 100% !important; }
  .dropdown-grid-item {
    grid-column: 1/1 !important; }
  .dropdown-grid-item:last-of-type {
    grid-column: 1/1 !important; }
  .key-facts-panel {
    width: 100% !important;
    margin-top: 24px;
    margin-left: 0 !important; }
  .pagination {
    width: 100%; }
  .simple-view-wrap table th:nth-of-type(3) {
    display: none; }
  .simple-view-wrap table td:nth-of-type(3) {
    display: none; }
  .results-instructions {
    margin-left: 0 !important;
    margin-bottom: 12px; } }

@media screen and (min-width: 858px) and (max-width: 2000px) {
  .single-course-img {
    display: none !important; }
  .single-course-inner-wrap {
    width: 50% !important; }
  .key-facts-panel {
    width: calc(50% - 24px) !important; }
  .course-a-z-cta {
    left: 24px !important; } }

@media screen and (min-width: 858px) {
  .single-course-grid-wrap {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "head head head facts facts facts" "cta cta .     facts facts facts";
    grid-template-rows: 3fr 1fr; }
  .single-course-inner-wrap {
    grid-area: head;
    width: 100% !important; }
  .course-a-z-cta {
    grid-area: cta; }
  .key-facts-panel {
    grid-area: facts;
    width: 100% !important; } }

/* end mf styles-------------*/
.detailed-view-wrap h1 {
  font-size: 4em;
  color: #671E75;
  margin-bottom: 24px;
  padding-bottom: 24px; }

.detailed-view-wrap h2 {
  font-size: 3em; }

.detailed-view-wrap h3 {
  font-size: 2em; }

.detailed-view-wrap ul,
.detailed-view-wrap ol {
  list-style: none; }

.detailed-view-wrap p {
  font-size: 18px; }

.results-found {
  font-size: 2em;
  color: #671E75;
  font-weight: 700;
  margin-bottom: 12px;
  display: inline-block;
  margin-right: 12px; }

.results-instructions {
  font-size: 18px;
  color: #444;
  display: inline-block;
  font-weight: bold; }

.clearing {
  background-color: #fcfcfc;
  border: 1px solid #dee0df;
  border-radius: 10px;
  margin-bottom: 24px;
  padding: 21px;
  display: block;
  float: right; }

.clearing-text {
  color: #444;
  font-weight: 400;
  position: relative; }

/*Checkbox styles*/
#clearing-checkbox {
  opacity: 0;
  position: absolute;
  left: 2px;
  top: -4px;
  width: 30px;
  height: 30px;
  margin: 0; }

#clearing-checkbox:focus + label:before {
  outline: #3b99fc auto 5px; }

.clearing-text label:before {
  content: "";
  display: inline-block;
  height: 30px;
  width: 30px;
  border: 2px solid #671E75;
  position: relative;
  left: -48px;
  top: -2px; }

.clearing-text label:after {
  content: "";
  height: 7px;
  width: 14px;
  position: absolute;
  left: -40px;
  top: 6px;
  transition: all .3s ease-in-out;
  border-left: 2px solid #671E75;
  border-bottom: 2px solid #671E75;
  transform: rotate(-45deg); }

.clearing-text label {
  position: relative;
  transition: background-color .3s ease-in-out;
  margin-left: 49px;
  cursor: pointer;
  line-height: 1;
  top: 0; }

.clearing-text label:before, .clearing-text label:after {
  position: absolute; }

.clearing-text input[type="checkbox"] + label:after {
  content: none; }

.clearing-text input[type="checkbox"]:checked + label::after {
  content: ""; }

.simple-view-wrap th {
  font-weight: 900;
  font-size: 20px;
  border: 1px solid rgba(222, 222, 222, 0.5);
  border-collapse: collapse;
  text-align: left;
  padding: 24px; }

.simple-view-wrap td {
  border: 1px solid rgba(222, 222, 222, 0.5);
  padding: 24px;
  font-size: 18px;
  vertical-align: middle; }

.simple-view-wrap td a {
  border-bottom: 1px dotted;
  text-decoration: none;
  color: #444; }

.simple-view-wrap td a:hover {
  border-bottom: 1px solid; }

.view-wrap {
  display: block;
  margin-bottom: 24px;
  float: left; }

.simple-view,
.detailed-view {
  display: inline-block;
  padding: 21px;
  font-size: 20px;
  border: 1px solid #671E75;
  text-decoration: none;
  float: left;
  color: #671E75;
  transition: background-color 0.3s ease-in-out; }

.simple-view:hover,
.detailed-view:hover {
  background-color: rgba(222, 222, 222, 0.2); }

.enabled:hover {
  background-color: #671E75; }

.simple-view {
  border-radius: 10px 0 0 10px; }

.detailed-view {
  border-radius: 0 10px 10px 0; }

.enabled {
  background-color: #671E75;
  color: white !important;
  font-weight: bold; }

.simple-view-wrap thead tr th {
  background: #f2ebf3;
  color: #671E75 !important; }

.detailed-view-wrap .ais-Hits .ais-Hits-list {
  display: block; }

.dropdown-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 24px 0;
  grid-gap: 24px; }

.dropdown-grid-item {
  position: relative; }

.dropdown-grid-item:last-of-type {
  grid-column: 1/4; }

.dropdown-header, .clearing .ais-ToggleRefinement-labelText {
  position: absolute;
  z-index: 10;
  pointer-events: none;
  color: #671E75;
  width: 100%;
  padding-left: 24px;
  left: 1px;
  top: 4px; }

.dropdown-header:after {
  content: "\f078";
  font-family: FontAwesome;
  font-size: 14px;
  position: absolute;
  right: 12px;
  top: 66%;
  font-weight: normal; }

.dropdown-option {
  border-radius: 10px;
  background-color: #fcfcfc;
  border: 1px solid #dee0df;
  padding: 20px 24px 12px;
  transition: background-color 0.3s ease-in-out;
  position: relative;
  width: 100%;
  min-height: 78px;
  cursor: pointer;
  font-size: 20px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }

.dropdown-option::-ms-expand {
  display: none; }

.dropdown-header {
  font-weight: 900;
  font-size: 1.5em; }

.clearing .ais-ToggleRefinement-labelText {
  position: relative;
  font-weight: 900;
  font-size: 1.5em; }

#EdgeHillSavedCoursesFullpageButtons, #EdgeHillSavedCoursesListFullpage {
  display: block;
  width: 100%; }

#EdgeHillSavedCoursesListFullpage .detailed-view-wrap {
  min-height: 50vh;
  float: left;
  width: 100%; }

#EdgeHillSavedCoursesListFullpage .ais-InfiniteHits-item,
#EdgeHillSavedCoursesListFullpage .ais-InfiniteResults-item,
#EdgeHillSavedCoursesListFullpage .ais-Hits-item,
#EdgeHillSavedCoursesListFullpage .ais-Results-item {
  width: 100%; }

#EdgeHillSavedCoursesListFullpage .ais-SearchBox-loadingIndicator, #EdgeHillSavedCoursesListFullpage .ais-SearchBox-reset, #EdgeHillSavedCoursesListFullpage .ais-SearchBox-submit {
  top: calc(50% - 5px); }

#EdgeHillSavedCoursesListFullpage .ais-SearchBox-input {
  font-size: 20px;
  padding: 0.5rem 1.7rem; }

#EdgeHillSavedCoursesListFullpage .ais-Highlight-highlighted {
  font-size: inherit; }

#EdgeHillSavedCoursesListFullpage .ais-Hits-item, #EdgeHillSavedCoursesListFullpage .ais-InfiniteHits-item, #EdgeHillSavedCoursesListFullpage .ais-InfiniteResults-item, #EdgeHillSavedCoursesListFullpage .ais-Results-item {
  margin-top: 0;
  margin-left: 0;
  padding: 0;
  border: none;
  box-shadow: none; }

article.single-course {
  padding: 24px;
  border-top: 1px solid #dee0df;
  width: 100%;
  display: block;
  float: left;
  transition: background-color 0.3s ease-in-out;
  position: relative; }

article.single-course:hover {
  background-color: rgba(222, 222, 222, 0.15); }

article.single-course table {
  width: 100%; }

.single-course-title {
  margin-top: 0;
  color: #671E75;
  margin-bottom: 12px; }

.single-course-subtitle {
  color: #671e75;
  font-weight: 700;
  margin-bottom: 12px; }

.single-course-inner-wrap {
  width: 70%;
  float: left; }

.course-a-z-cta {
  color: white !important;
  text-decoration: none;
  background-color: #671e75;
  border-radius: 10px;
  padding: 12px;
  margin-top: 12px;
  display: inline-block;
  transition: background-color 0.3s ease-in-out;
  font-size: 18px;
  position: absolute;
  left: 248px;
  bottom: 2rem; }

.course-a-z-cta:hover {
  background-color: var(--hoverDark); }

.key-facts-panel {
  width: calc(30% - 24px);
  background-color: #fcfcfc;
  min-height: 200px;
  padding: 12px;
  padding-top: 0;
  float: right;
  margin-left: 24px; }

.key-facts-panel h3 {
  color: #671e75;
  font-size: 1.2em;
  margin: 12px 0 24px 0;
  text-align: center;
  position: relative; }

.key-facts-panel h3:after {
  content: "";
  position: absolute;
  width: 4em;
  height: 3px;
  background-color: #671e75;
  top: 32px;
  left: calc(50% - 2em); }

.key-facts-panel th {
  padding: 0;
  border: 0;
  font-size: 16px;
  width: 46%; }

.key-facts-panel td {
  border: 0;
  padding: 6px 0;
  font-size: 16px; }

.key-facts-panel .clearing-available .fa-check {
  color: white;
  background-color: #671e75;
  padding: 3px;
  border-radius: 50%;
  margin-right: 3px; }

#course-subject option {
  display: none; }

.subject-select {
  display: block; }

.no-results {
  display: none;
  color: #671E75;
  font-size: 20px;
  font-weight: 700;
  padding: 24px;
  padding: 1.71429rem; }

.pagination {
  margin-top: 24px;
  text-align: center;
  display: none; }

.pag-number a,
.pag-number-previous a,
.pag-number-next a {
  text-decoration: none;
  color: white !important;
  display: block;
  padding: 12px;
  transition: background-color 0.3s ease-in-out; }

.pag-number {
  margin-right: 3px; }

.pag-number:last-of-type {
  margin-right: 0; }

.pag-number,
.pag-number-previous,
.pag-number-next {
  background-color: #671e75;
  display: inline-block;
  color: white; }

.pag-number-previous,
.pag-number-next {
  display: inline-block; }

.pagination-ul,
.pagination-ol {
  display: inline-block;
  padding: 0;
  transition: background-color 0.3s ease-in-out; }

.pagination-ul:first-of-type {
  margin-right: 24px; }

.pagination-ul:last-of-type {
  margin-left: 24px; }

.pagination-ol li:hover > a {
  background-color: var(--hoverDark); }

/********** Courses Site **********/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 23-Nov-2015, 14:29:32
    Author     : lomasc
*/
/* =eProspectus specific styles
-------------------------------------------------------------- */
/*Prospectus sections */
#career-prospects, #next-steps, #modules {
  float: left; }

/*Prospectus module title h4 */
.course-module-title {
  font-size: 14px; }

.adr {
  font-size: 16px; }

/*Courses header styles */
.single-course {
  /*Links*/
  /*Left column*/
  /*Right column*/
  /*First title after the course tab system*/
  /*Ensure that the student profile title is unfloated, so that the flexslider beneath works. */
  /*The 'expand all' button within modules tab */
  /*Target the module code and course credits*/
  /* Form validation error text */
  /*Course content right menu - title of department*/ }
  .single-course .Covid-19_CTA {
    display: grid;
    margin-bottom: 25px;
    border: 3px solid #671E75;
    background: #ffffff;
    border: 3px solid #666666;
    background: #F1F1F1;
    text-decoration: none;
    font-size: 18px; }
  .single-course .Covid-19_CTA:hover, .single-course .Covid-19_CTA:focus, .single-course .Covid-19_CTA:active {
    border: 3px solid #000000;
    background: #f2ebf3;
    background: #F1F1F1; }
  .single-course .Covid-19_CTA span, .single-course .Covid-19_CTA h4 {
    display: block;
    grid-column: 1/8;
    margin: 0;
    padding: 10px;
    color: #000000; }
  .single-course .Covid-19_CTA .fas {
    float: right;
    grid-column: 8;
    background: #43144c;
    background: #FFD400;
    padding: 15px;
    color: black;
    text-align: center; }
  .single-course .Covid-19_CTA .information {
    display: grid;
    overflow: hidden;
    grid-column: 1/9;
    margin: 0;
    background: #666666;
    padding: 0px;
    text-align: center;
    font-size: 0px;
    color: #FFD400;
    color: #f8f8f8;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out; }
  .single-course .Covid-19_CTA:hover .information, .single-course .Covid-19_CTA:focus .information, .single-course .Covid-19_CTA:active .information {
    padding: 10px;
    font-size: 16px; }
  .single-course .Covid-19_CTA .content {
    display: block;
    grid-column: 1/9;
    margin: 0;
    background: #ffffff;
    padding: 10px;
    color: #000000; }
  .single-course .Covid-19_CTA .content p, .single-course .Covid-19_CTA .content iframe {
    margin: 0; }
  .single-course #overview .course-content-left a, .single-course #course-in-depth .course-content-left a, .single-course #modules .course-content-left a, .single-course #careers-and-employability .course-content-left a, .single-course #next-steps .course-content-left a, .single-course #related-courses .course-content-left a, .single-course #changes .course-content-left a {
    word-wrap: break-word; }
  .single-course #related-courses a, .single-course #finance a, .single-course #entry-criteria a {
    word-wrap: break-word; }
  .single-course .course-content-left {
    width: 55%;
    /*Make the flexslider title devoid of border top and underline on hover */ }
    .single-course .course-content-left a.flex-prev, .single-course .course-content-left a.flex-next {
      text-decoration: none;
      color: #dee0df; }
      .single-course .course-content-left a.flex-prev:hover, .single-course .course-content-left a.flex-next:hover {
        text-decoration: none;
        border-bottom: none;
        color: #FFFFFF !important; }
    .single-course .course-content-left .flexslider h3 {
      border-top: none !important; }
      .single-course .course-content-left .flexslider h3 a {
        border-bottom: none; }
  .single-course .course-content-right {
    width: 45%; }
  .single-course .leaflet-li {
    /*Course leaflet download button style*/ }
    .single-course .leaflet-li input[type="text"], .single-course .leaflet-li input[type="email"], .single-course .leaflet-li input[type="submit"], .single-course .leaflet-li select {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      border: 1px solid rgba(103, 30, 117, 0.3); }
      .single-course .leaflet-li input[type="text"]:focus, .single-course .leaflet-li input[type="email"]:focus, .single-course .leaflet-li input[type="submit"]:focus, .single-course .leaflet-li select:focus {
        border: 1px solid #671e75;
        outline: none; }
    .single-course .leaflet-li input[type="checkbox"] {
      float: left;
      margin-right: 5px;
      margin-right: 0.35714rem; }
    .single-course .leaflet-li .wpcf7-list-item-label {
      margin-top: 0;
      margin-top: 0;
      width: calc(100% - 20px);
      float: left; }
    .single-course .leaflet-li .wpcf7-submit {
      background: #671E75;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .single-course .leaflet-li .wpcf7-submit:hover {
        background: black;
        color: #FFFFFF; }
  .single-course #overview, .single-course #course-in-depth, .single-course #modules, .single-course #course-themes, .single-course #entry-criteria, .single-course #selection-process, .single-course #careers-and-employability, .single-course #finance, .single-course #next-steps, .single-course #related-courses, .single-course #changes {
    float: left;
    width: 100%; }
  .single-course .related-courses-ul, .single-course #finance, .single-course #course-in-depth, .single-course #entry-criteria, .single-course #careers-and-employability, .single-course .apply-wrap {
    width: 100%;
    float: left; }
  .single-course .course-content-ctas a {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1); }
  .single-course .open-day-li a:after, .single-course .prospectus-li a:after, .single-course .contact-us-li a:after, .single-course .book-an-open-day-li a:after, .single-course .askOurStudents-li a:after, .single-course .request-prospectus-li a:after, .single-course .enquire-li a:after, .single-course .livechat-li a:after, .single-course .course-content-department-title-li a:after {
    content: "\f054";
    font-family: FontAwesome;
    float: right; }
  .single-course .ContactUsDropdown-li .ContactUsDropdown-li-a:after {
    content: "\f067";
    font-family: FontAwesome;
    float: right; }
  .single-course .ContactUsDropdown-li .ContactUsDropdown-ul {
    display: none;
    background: #F8F4F9;
    padding: 15px;
    list-style-type: none; }
    .single-course .ContactUsDropdown-li .ContactUsDropdown-ul li {
      margin: 0;
      margin-bottom: 15px; }
      .single-course .ContactUsDropdown-li .ContactUsDropdown-ul li:last-of-type {
        margin: 0; }
      .single-course .ContactUsDropdown-li .ContactUsDropdown-ul li a, .single-course .ContactUsDropdown-li .ContactUsDropdown-ul li a:active, .single-course .ContactUsDropdown-li .ContactUsDropdown-ul li a:visited {
        display: block;
        border: 0;
        border-bottom: 2px solid #CCCCCC;
        background: #ffffff;
        padding: 15px;
        color: #671E75;
        text-decoration: none;
        transition: all 0.5s ease-in-out; }
        .single-course .ContactUsDropdown-li .ContactUsDropdown-ul li a:after, .single-course .ContactUsDropdown-li .ContactUsDropdown-ul li a:active:after, .single-course .ContactUsDropdown-li .ContactUsDropdown-ul li a:visited:after {
          content: "\f054";
          font-family: FontAwesome;
          float: right; }
        .single-course .ContactUsDropdown-li .ContactUsDropdown-ul li a:hover, .single-course .ContactUsDropdown-li .ContactUsDropdown-ul li a:active:hover, .single-course .ContactUsDropdown-li .ContactUsDropdown-ul li a:visited:hover {
          background: #ffffff;
          border-bottom: 2px solid #671E75; }
    .single-course .ContactUsDropdown-li .ContactUsDropdown-ul .ContactUs_Call-li a:before {
      content: "\f095";
      display: inline-block;
      margin-right: 10px;
      font-family: FontAwesome; }
    .single-course .ContactUsDropdown-li .ContactUsDropdown-ul .ContactUs_Call-li a:after {
      content: "\f08e";
      font-family: FontAwesome;
      float: right; }
    .single-course .ContactUsDropdown-li .ContactUsDropdown-ul .ContactUs_Enquire-li a:before {
      content: "\f109";
      display: inline-block;
      margin-right: 10px;
      font-family: FontAwesome; }
    .single-course .ContactUsDropdown-li .ContactUsDropdown-ul .ContactUs_Email-li a:before {
      content: "\f0e0";
      display: inline-block;
      margin-right: 10px;
      font-family: FontAwesome; }
    .single-course .ContactUsDropdown-li .ContactUsDropdown-ul .ContactUs_Email-li a:after {
      content: "\f08e";
      font-family: FontAwesome;
      float: right; }
    .single-course .ContactUsDropdown-li .ContactUsDropdown-ul .ContactUs_livechat-li a:before {
      content: "\f086";
      display: inline-block;
      margin-right: 10px;
      font-family: FontAwesome; }
    .single-course .ContactUsDropdown-li .ContactUsDropdown-ul .ContactUs_livechat-li a:after {
      content: "\f08e";
      font-family: FontAwesome;
      float: right; }
    .single-course .ContactUsDropdown-li .ContactUsDropdown-ul .ContactUs_WhatsApp-li a:before {
      content: "\f232";
      display: inline-block;
      margin-right: 10px;
      font-family: FontAwesome; }
    .single-course .ContactUsDropdown-li .ContactUsDropdown-ul .ContactUs_WhatsApp-li a:after {
      content: "\f08e";
      font-family: FontAwesome;
      float: right; }
  .single-course .ContactUsDropdown-li.collapse .ContactUsDropdown-li-a:after {
    content: "\f068";
    font-family: FontAwesome;
    float: right; }
  .single-course .ContactUsDropdown-li.collapse .ContactUsDropdown-ul {
    display: block; }
  .single-course .course-content-department-title-li {
    position: relative;
    line-height: 1.6 !important; }
    .single-course .course-content-department-title-li a {
      padding: 12px 32px 12px 12px !important; }
      .single-course .course-content-department-title-li a:after {
        position: absolute;
        right: 12px;
        top: calc(50% - 12px); }
  .single-course .download-course-leaflet-li:hover > .expanded:after, .single-course .download-course-leaflet-li:hover > .collapsed:after, .single-course .show-video-li:hover > .expanded:after, .single-course .show-video-li:hover > .collapsed:after {
    color: #FFFFFF; }
  .single-course #course-tabs h3 {
    width: 100%;
    padding-top: 12px;
    padding-top: 0.85714rem;
    border-top: 1px solid #671E75;
    float: left;
    font-size: 30px;
    font-size: 2.14286rem;
    line-height: 1.6; }
    .single-course #course-tabs h3 .fa-li {
      line-height: 1.6; }
  .single-course h3.student-profile-title {
    float: none !important; }
  .single-course #course-icons {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }
    .single-course #course-icons li {
      width: 33%;
      font-size: 14px;
      font-size: 1rem;
      line-height: 1.71429;
      padding-left: 0; }
      .single-course #course-icons li .fa-li {
        line-height: 1.71429; }
      .single-course #course-icons li i, .single-course #course-icons li span {
        color: #b28cb9;
        color: #671E75;
        background-color: #f2ebf3;
        padding: 6px;
        border: 1px solid #dee0df;
        max-height: 40px;
        display: inline;
        vertical-align: middle;
        margin-right: 6px;
        border-radius: 5px; }
      .single-course #course-icons li span:nth-of-type(2) {
        background-color: transparent !important;
        border: none; }
  .single-course .toggleAccordions {
    margin-top: -72px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 12px;
    padding: 0.85714rem;
    margin-bottom: 12px;
    margin-bottom: 0.85714rem;
    min-width: 150px;
    float: right;
    clear: right;
    background-color: #671E75;
    text-align: center; }
    .single-course .toggleAccordions:visited {
      color: #FFFFFF !important; }
    .single-course .toggleAccordions:hover {
      color: #FFFFFF !important; }
  .single-course .module-code, .single-course .module-credits {
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5; }
    .single-course .module-code .fa-li, .single-course .module-credits .fa-li {
      line-height: 1.5; }
  .single-course .module-code {
    margin-right: 12px; }
  .single-course .module-credits {
    margin-left: 6px; }
  .single-course .wpcf7-validation-errors {
    color: red;
    padding: 0 6px !important; }
  .single-course .course-content-department-li {
    background: #f2ebf3; }
    .single-course .course-content-department-li img {
      border-bottom: 0 solid rgba(0, 0, 0, 0.1); }
  .single-course .course-content-department-title {
    text-align: center;
    width: 100%;
    color: #671E75;
    border-top: 2px solid #FFFFFF;
    border-bottom: 2px solid rgba(0, 0, 0, 0.11);
    background-color: #f2ebf3;
    text-transform: none;
    padding: 12px;
    padding: 0.85714rem;
    line-height: 1.6; }
  @media screen and (max-width: 959px) {
    .single-course #s {
      height: 44px !important; }
    .single-course #searchsubmit {
      height: 44px;
      width: 20%; }
    .single-course #postgraduate_subjects, .single-course #undergraduate_subjects {
      width: 100%;
      height: 44px;
      background: #FFFFFF; }
    .single-course #course-icons {
      margin: 0; }
    .single-course .entry-meta {
      padding: 12px 0 !important; } }
  @media screen and (min-width: 801px) and (max-width: 1200px) {
    .single-course #tabs li {
      width: calc(100% / 4);
      margin-bottom: 1px;
      margin-bottom: 0.07143rem; }
      .single-course #tabs li a {
        border-radius: 0; }
    .single-course #course-icons .course-icon {
      width: 50%;
      float: left; }
      .single-course #course-icons .course-icon i, .single-course #course-icons .course-icon span {
        min-width: 40px; }
      .single-course #course-icons .course-icon span {
        display: inline-block; } }
  @media screen and (max-width: 800px) {
    .single-course {
      /*Input fields in course leaflet download section */ }
      .single-course .course-content-left, .single-course .course-content-right {
        width: 100%; }
      .single-course #course-icons {
        margin-bottom: 24px;
        margin-bottom: 1.71429rem; }
        .single-course #course-icons li {
          width: auto;
          padding-left: 12px;
          padding-left: 0.85714rem; }
      .single-course #tabs li {
        width: calc(100% / 3);
        margin-bottom: 1px;
        margin-bottom: 0.07143rem; }
        .single-course #tabs li a {
          border-radius: 0;
          padding: 0;
          padding: 0;
          min-height: 50px; }
      .single-course #tabs .active {
        transform: scale(1); }
      .single-course .sharedaddy.sd-sharing-enabled {
        width: 100%;
        text-align: center; }
      .single-course .leaflet-li input[type="text"], .single-course .leaflet-li input[type="email"], .single-course .leaflet-li input[type="submit"], .single-course .leaflet-li select {
        height: 44px; }
      .single-course .leaflet-li input[type="checkbox"] {
        zoom: 2; }
      .single-course .leaflet-li .wpcf7-list-item-label {
        float: left;
        margin-top: 10px;
        margin-top: 0.71429rem; }
      .single-course #course-icons .course-icon {
        width: 50%;
        float: left; }
        .single-course #course-icons .course-icon i {
          min-width: 40px; }
        .single-course #course-icons .course-icon span {
          display: inline-block; }
      .single-course #overview, .single-course #course-in-depth, .single-course #modules, .single-course #entry-criteria, .single-course #careers-and-employability, .single-course #finance, .single-course #next-steps, .single-course #related-courses, .single-course #changes {
        padding: 0 6px; } }
  @media screen and (max-width: 600px) {
    .single-course {
      /*100% image single course image width on mobile*/ }
      .single-course #tabs li {
        width: 50%; }
      .single-course #main {
        margin-top: 0; }
      .single-course #course-icons .course-icon {
        width: 100%;
        margin-bottom: 12px; }
        .single-course #course-icons .course-icon:last-of-type {
          margin-bottom: 0; }
        .single-course #course-icons .course-icon i {
          min-width: 40px;
          display: inline-block;
          font-size: 18px;
          font-size: 1.28571rem;
          line-height: 1.33333;
          text-align: center; }
          .single-course #course-icons .course-icon i .fa-li {
            line-height: 1.33333; }
        .single-course #course-icons .course-icon span {
          display: inline-block; }
      .single-course .entry-title {
        border-top: none; }
        .single-course .entry-title a {
          font-size: 26px;
          font-size: 1.85714rem;
          line-height: 1.84615; }
          .single-course .entry-title a .fa-li {
            line-height: 1.84615; }
      .single-course #course-tabs h3 {
        font-size: 24px;
        font-size: 1.71429rem;
        line-height: 1; }
        .single-course #course-tabs h3 .fa-li {
          line-height: 1; }
      .single-course #course-tabs h4 {
        font-size: 20px;
        font-size: 1.42857rem;
        line-height: 1.2; }
        .single-course #course-tabs h4 .fa-li {
          line-height: 1.2; }
      .single-course .toggleAccordions {
        margin-top: -50px; }
      .single-course .entry-content img.alignright {
        width: 100%;
        margin: 0 0 24px 0;
        margin: 0 0 1.71429rem 0; } }
  @media screen and (max-width: 420px) {
    .single-course #tabs li:nth-child(5) {
      width: 100%; } }

/*Remove default border, box shadow from share icons */
.sd-content ul li a.sd-button {
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 8px !important;
  min-width: 70px;
  text-align: center; }

/* Set the share icons (before element) to transition colour and scale on hover */
.sd-content ul li {
  margin: 0 5px !important;
  /* Removes the 'share-end' list item from view (it is currently bereft of any significance) */ }
  .sd-content ul li:hover > a {
    background: transparent !important; }
  .sd-content ul li:hover > a:before {
    color: #671E75 !important;
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .sd-content ul li:last-of-type {
    display: none;
    margin: 0 !important;
    padding: 0 !important; }

/***************************/
.single-course #primary,
.post-type-archive-course #primary {
  width: 100%;
  float: left; }

.single-course .entry-header {
  margin-bottom: 0;
  margin-bottom: 0; }

ul#course-icons {
  margin: 0;
  margin: 0;
  width: 100%;
  list-style: none;
  display: inline-block; }

ul#course-icons li {
  padding-left: 24px;
  padding-left: 1.71429rem;
  margin-left: 0;
  margin-left: 0;
  box-sizing: border-box;
  display: inline-block;
  width: 33%; }

ul#course-icons li .fa-2x {
  line-height: 1.71429;
  padding-right: 6px;
  padding-right: 0.42857rem;
  vertical-align: middle;
  position: relative;
  z-index: -1; }

#course-tabs #tabs h2 {
  border: none;
  padding-top: 0;
  margin: 0; }

#course-tabs h3 {
  clear: none; }

#course-tabs h4.course-module-title {
  padding: 12px;
  padding: 0.85714rem;
  background-color: #fcfcfc;
  color: #444444;
  cursor: pointer; }

#course-tabs h4.course-module-title.open {
  margin-bottom: 0;
  margin-bottom: 0; }

#course-tabs h4.course-module-title::after {
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1;
  content: "\f107";
  font-family: FontAwesome;
  float: right; }
  #course-tabs h4.course-module-title::after .fa-li {
    line-height: 1; }

#course-tabs h4.course-module-title.open::after {
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1;
  content: "\f106"; }
  #course-tabs h4.course-module-title.open::after .fa-li {
    line-height: 1; }

#course-tabs h4.course-module-title.open + div.course-module {
  display: block;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

#course-tabs div.course-module {
  padding: 12px 12px 12px 12px;
  padding: 0.85714rem 0.85714rem 0.85714rem 0.85714rem;
  background-color: #fcfcfc;
  display: none; }

#course-tabs div.course-module p {
  margin: 0;
  margin: 0; }

#course-tabs div.course-module + p {
  margin-top: 24px;
  margin-top: 1.71429rem; }

.course-content-left {
  width: 50%;
  float: left;
  padding-right: 12px;
  box-sizing: border-box;
  margin-bottom: 24px; }
  .course-content-left img {
    min-width: 100%; }

.course-banner-wrap img {
  min-width: 100%; }

.course-content-right {
  width: 50%;
  float: right;
  padding-left: 12px;
  box-sizing: border-box; }

.course-content-left h3 {
  margin-top: 0;
  margin-top: 0; }

.course-content-right img {
  display: block;
  width: 100%; }

.course-content-kis-background {
  margin: 24px 0;
  margin: 1.71429rem 0;
  clear: both;
  width: 100%;
  line-height: 0;
  float: left; }

.course-content-kis-background iframe {
  min-height: 0 !important;
  margin-bottom: 0 !important; }

.entry-content ul.course-content-ctas {
  margin: 0;
  margin: 0;
  list-style-type: none; }

#site {
  /* Leaflet Form */ }
  #site .course-content-ctas > li {
    margin-left: 0;
    margin-left: 0;
    font-size: 18px;
    font-size: 1.28571rem;
    line-height: 2.66667;
    background-color: #f2ebf3;
    display: block;
    width: 100%;
    border-top: solid 2px #FFFFFF;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    #site .course-content-ctas > li .fa-li {
      line-height: 2.66667; }
  #site .course-content-ctas > li > a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: auto;
    color: #671E75;
    padding: 0 12px;
    padding: 0 12px/14pxrem; }
  #site .course-content-ctas > li:hover {
    background-color: #671E75; }
  #site .course-content-ctas > li:hover > a, #site .course-content-ctas > li:hover > a:visited, #site .course-content-ctas > li:hover > a:hover {
    color: #FFFFFF; }
  #site .course-content-ctas > li > a:visited {
    color: #43144c; }
  #site .course-content-ctas .purechat-button-expand {
    display: none; }
  #site .course-content-ctas .purechat-button-expand.purechat-button-available {
    display: block;
    /* Change this to block when they want to activate live chat */ }
  #site .course-content-ctas .purechat-button-expand[style*="visibility: visible"] {
    display: block; }
  #site .leaflet-li p {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429;
    margin: 0px 6px 12px 6px;
    margin: 0 0.42857rem 0.85714rem 0.42857rem; }
    #site .leaflet-li p .fa-li {
      line-height: 1.71429; }
  #site .leaflet-li label {
    display: none; }
  #site .updates label {
    display: block; }
  #site .leaflet-li a:visited {
    color: #43144c !important; }
  #site .leaflet-li .wpcf7-form-control {
    width: calc(50% - 12px);
    box-sizing: border-box;
    margin: 6px;
    margin: 0.42857rem;
    border-radius: 0; }
  #site .leaflet-li .wpcf7-form-control.wpcf7-checkbox {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429;
    width: calc(100% - 12px);
    display: inline-block;
    text-transform: none;
    cursor: pointer; }
    #site .leaflet-li .wpcf7-form-control.wpcf7-checkbox .fa-li {
      line-height: 1.71429; }
  #site .leaflet-li .wpcf7-form-control.wpcf7-submit {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429;
    width: calc(100% - 12px); }
    #site .leaflet-li .wpcf7-form-control.wpcf7-submit .fa-li {
      line-height: 1.71429; }
  #site .leaflet-li .course-content-right img.ajax-loader {
    display: none; }
  #site .leaflet-li span.wpcf7-not-valid-tip, #site .leaflet-li div.wpcf7 span.ajax-loader {
    display: none !important; }
  #site .leaflet-li .wpcf7-not-valid {
    border: 1px solid red;
    -webkit-border: 1px solid red;
    -moz-border: 1px solid red;
    -ms-border: 1px solid red; }
  #site .leaflet-li div.wpcf7-response-output {
    margin: 12px 0 0 0;
    margin: 0.85714rem 0 0 0;
    padding: 0;
    padding: 0;
    border: none;
    -webkit-border: none;
    -moz-border: none;
    -ms-border: none;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429;
    text-transform: none; }
    #site .leaflet-li div.wpcf7-response-output .fa-li {
      line-height: 1.71429; }
  #site .leaflet-li .sent div.wpcf7-response-output a {
    color: #FFFFFF;
    background-color: #671E75;
    padding: 12px;
    padding: 0.85714rem;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 3;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase; }
    #site .leaflet-li .sent div.wpcf7-response-output a .fa-li {
      line-height: 3; }
  #site .leaflet-li .sent div.wpcf7-response-output p {
    margin: 0;
    margin: 0; }
  #site .course-content-ctas .leaflet-li {
    padding-bottom: 24px;
    padding-bottom: 1.71429rem;
    display: none; }
  #site .course-content-ctas .leaflet-li.open {
    display: block;
    padding: 6px;
    padding: 0.42857rem; }
  #site .leaflet-li .wpcf7-form.sent .wpcf7-form-control-wrap,
  #site .leaflet-li .wpcf7-form.sent .wpcf7-form-control.wpcf7-submit {
    display: none; }
  #site .course-content-ctas li.leaflet-li:hover {
    background-color: #f2ebf3; }
  #site .course-content-ctas li.video-li {
    padding: 0 0 0 0;
    padding: 0 0 0 0;
    display: none; }
  #site .course-content-ctas li.video-li.open {
    display: block; }
  #site .video-container-topbottom {
    padding-bottom: 12px;
    padding-bottom: 0.85714rem; }
  #site .video-container {
    line-height: 0; }
  #site .video-container iframe {
    margin-bottom: 0;
    margin-bottom: 0;
    position: relative;
    top: 0;
    left: 0;
    width: 100%; }

/*Set default font-size for courses pages */
.single-course #main {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  line-height: 1.6; }
  .single-course #main .fa-li {
    line-height: 1.33333; }

/*Temporary course page styles*/
.single-course #site {
  overflow: visible; }

.single-course #main {
  overflow: visible; }

.single-course #primary {
  width: calc(100% - 24px);
  margin-left: 24px;
  margin-left: 1.71429rem; }

.single-course .accreditationLogo, .single-course .accreditationLogos {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  display: table;
  table-layout: fixed; }

.single-course .accreditationLogo img, .single-course .accreditationLogos img {
  display: inline-block !important;
  width: auto !important;
  max-width: 100%;
  max-height: 160px;
  min-width: auto; }

.single-course .accreditationLogo .showprint, .single-course .accreditationLogos .showprint {
  display: none !important; }

.single-course .accreditationLogos div {
  display: table-cell !important;
  vertical-align: middle;
  width: auto;
  padding-right: 5%; }

.single-course .accreditationLogos div:last-child {
  padding-right: 0%; }

.single-course #site .course-content-ctas > li:first-of-type {
  border-top: 0; }

.single-course .course-icon i {
  min-width: 80px;
  border-radius: 0; }

.single-course .course-icon i {
  min-width: 24px;
  border-radius: 0; }

.single-course .entry-title.course-title a, .single-course #course-tabs h3 {
  font-weight: bold; }

.single-course .show-leaflet-container.expanded:after {
  color: white; }

.single-course .course-banner-wrap {
  overflow: auto;
  margin-top: -24px; }

.single-course .cta-wrap {
  margin: 24px 0;
  margin: 1.71429rem 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px; }

.single-course .cta-wrap a:visited {
  color: #FFFFFF !important; }

.single-course .cta-wrap li:last-of-type {
  grid-column: span 3;
  display: none; }

.single-course .cta-wrap li {
  list-style: none; }

.single-course .cta-wrap .open-day-li a, .single-course .cta-wrap .prospectus-li a, .single-course .cta-wrap .download-course-leaflet-li a {
  display: block;
  padding: 12px;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #671E75;
  transition: background-color .3s ease-in-out;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .single-course .cta-wrap .open-day-li a .fa-li, .single-course .cta-wrap .prospectus-li a .fa-li, .single-course .cta-wrap .download-course-leaflet-li a .fa-li {
    line-height: 1.5; }
  .single-course .cta-wrap .open-day-li a:hover, .single-course .cta-wrap .prospectus-li a:hover, .single-course .cta-wrap .download-course-leaflet-li a:hover {
    color: #FFFFFF !important;
    background-color: #43144c; }

.single-course .course-excerpt {
  font-weight: bold;
  color: #671E75;
  font-size: 18px;
  line-height: 1.6; }

.single-course .video-container {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.single-course #course-tabs h3 {
  border-top: 0;
  margin-top: 0;
  padding-top: 0; }

.single-course .show-leaflet-container.collapsed:after {
  color: #FFFFFF; }

.single-course .open {
  display: block !important; }

.single-course #site-navigation.inner-nav {
  display: block;
  margin-top: 0; }

.single-course li.leaflet-li.open {
  padding: 24px;
  padding: 1.71429rem;
  background-color: #fcfcfc; }

.single-course span.wpcf7-list-item {
  margin-left: 0; }

.single-course #main {
  width: 82%; }

.single-course .course-title-wrap {
  position: absolute;
  bottom: 0;
  width: calc(100% - 48px);
  margin: 24px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 24px;
  padding: 1.71429rem; }

.single-course .course-title-wrap .entry-title {
  font-size: 40px;
  font-size: 2.85714rem;
  line-height: 1.2;
  padding-bottom: 24px;
  padding-bottom: 1.71429rem;
  background-color: transparent;
  border-top: none !important;
  padding-top: 0 !important;
  padding-right: 0 !important; }
  .single-course .course-title-wrap .entry-title .fa-li {
    line-height: 1.2; }

.single-course .course-title-wrap.no-image {
  position: relative;
  margin: 0;
  width: 100%; }

.single-course .entry-header {
  position: relative; }

@media screen and (max-width: 600px) {
  .single-course .cta-wrap {
    grid-template-columns: 1fr;
    margin-top: 0; }
  .single-course .entry-title a {
    line-height: 1.6;
    display: block; } }

@media screen and (max-width: 960px) {
  .single-course #main {
    margin-top: 0;
    width: 100%; }
  .single-course #primary {
    margin-top: 0; }
  .single-course #site-navigation {
    margin-top: 0; }
  .single-course .cta-wrap {
    grid-template-columns: 1fr; }
  .single-course .cta-wrap li:last-of-type {
    grid-column: 1; }
  .single-course .course-title-wrap {
    position: relative;
    margin: -24px 0 0 0;
    background-color: #FFFFFF;
    width: 100%; }
  .single-course .course-title-wrap.no-image {
    margin: 0;
    padding: 24px 6px;
    padding: 1.71429rem 0.42857rem; }
  .single-course #primary {
    width: 100%;
    margin-left: 0; }
  .single-course .course-banner-wrap {
    margin-left: -12px;
    margin-right: -12px;
    margin-top: 0; }
  .single-course .mobile-entry-header {
    display: block; }
  .single-course .desktop-entry-header {
    display: none; } }

@media screen and (min-width: 961px) {
  .single-course .mobile-entry-header {
    display: none; }
  .single-course #site-navigation {
    margin-top: 24px; } }

@media screen and (min-width: 1250px) {
  .single-course .desktop-entry-header {
    margin-left: -24px;
    margin-right: -24px; } }

body.leafletTemplate #primary {
  width: unset;
  margin-left: unset; }

/*Plus icon after 'download course leaflet' menu option - unselected*/
.expanded:after {
  content: "\f067";
  font-family: FontAwesome;
  float: right;
  color: #FFFFFF;
  margin-left: 10px;
  margin-left: 0.71429rem; }

/*Minus icon after 'download course leaflet' menu option - selected*/
.collapsed:after {
  content: "\f068";
  font-family: FontAwesome;
  float: right;
  color: #FFFFFF;
  margin-left: 10px;
  margin-left: 0.71429rem; }

/*After expanded and collapsed classes on sidebar*/
.show-leaflet-container.expanded:after, .show-video-container.expanded:after, .show-leaflet-container.collapsed:after, .show-video-container.collapsed:after {
  color: #671E75; }

.course-content-department {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 2.66667;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  background-color: #671E75;
  border-top: solid 2px #FFFFFF;
  width: 100%;
  display: inline-block;
  box-sizing: border-box; }
  .course-content-department .fa-li {
    line-height: 2.66667; }

#tabControlButtons {
  display: table;
  position: sticky;
  position: -webkit-sticky;
  bottom: 15px;
  margin-top: 70vh;
  margin-bottom: 15px;
  width: 100%;
  text-align: center;
  z-index: 0; }

#tabControlButtons button, #tabControlButtons button:active, #tabControlButtons button:visited {
  margin: 0 auto;
  width: unset;
  height: unset;
  vertical-align: bottom;
  border: 0px;
  border-radius: 0px;
  background: #671E75;
  padding: 0px;
  font-size: 14px; }

#tabControlButtons button:hover, #tabControlButtons button:focus {
  background: #43144c;
  color: #ffffff; }

#tabControlButtons button:disabled, #tabControlButtons button:disabled .buttonIcon {
  background: #f2ebf3;
  color: #671E75; }

#tabControlButtons #previousButton {
  float: left; }

#tabControlButtons #nextButton {
  float: right; }

#tabControlButtons .buttonText, #tabControlButtons .buttonIcon {
  padding: 15px; }

#tabControlButtons .buttonIcon {
  background: #43144c;
  vertical-align: middle;
  font-size: 16px; }

@media only screen and (max-width: 600px) {
  #tabControlButtons .buttonText, #tabControlButtons button .buttonIcon:nth-child(3) {
    display: none; }
  #tabControlButtons button:hover .buttonText, #tabControlButtons button:focus .buttonText {
    display: inline-block; } }

/*Subject page abstract and positioning statement*/
.abstract {
  background-color: #671E75;
  color: #FFFFFF;
  padding: 24px 24px 72px 24px;
  padding: 1.71429rem 1.71429rem 5.14286rem 1.71429rem;
  position: relative;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }
  .abstract:after {
    content: "\f107";
    font-family: FontAwesome;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    font-size: 1.5em;
    line-height: 2;
    text-align: center;
    background-color: #43144c; }
  .abstract:hover {
    cursor: pointer; }

.abstract + p > img {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.abstract p:last-of-type {
  margin-bottom: 0; }

.positioning-list {
  list-style: none !important;
  padding: 24px;
  padding: 1.71429rem;
  background-color: #f2ebf3;
  border: 1px solid #c7accc; }
  .positioning-list li {
    margin-bottom: 12px;
    margin-bottom: 0.85714rem;
    position: relative; }
    .positioning-list li:before {
      content: "";
      width: 10px;
      height: 10px;
      top: 10px;
      background-color: #671E75;
      position: absolute;
      left: -24px; }
    .positioning-list li:last-of-type {
      margin-bottom: 0;
      margin-bottom: 0; }
  .positioning-list ~ .quote-slider {
    padding: 0 0 24px 0;
    padding: 0 0 1.71429rem 0; }

.expanded-content {
  display: none;
  color: #444;
  padding: 24px 24px 0 24px;
  margin-top: -24px;
  border: 1px solid #c7accc;
  border-top: 0;
  margin-bottom: 24px; }

.expanded-content img.alignright {
  margin-top: 24px; }

.abstract.open + .expanded-content {
  display: block; }

.abstract.open:after {
  content: "\f106"; }

@media screen and (max-width: 600px) {
  .profile-image {
    grid-column: 1/-1 !important;
    margin-top: 0 !important; }
  .profile-quote {
    grid-column: 1/-1 !important;
    grid-row: 2 !important;
    padding: 48px 24px 24px !important; }
  .quote-slider .profile-slide a {
    grid-gap: 0 !important; }
  .positioning-list ~ .quote-slider .slick-prev, .positioning-list ~ .quote-slider .slick-next {
    top: 36% !important;
    z-index: 1; } }

@media screen and (max-width: 500px) {
  .positioning-list ~ .quote-slider .slick-prev, .positioning-list ~ .quote-slider .slick-next {
    top: 15% !important; } }

/********** Documents Site **********/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 14-Jan-2016, 10:53:54
    Author     : lomasc
*/
/* Fixed negative margin on course tabs H3 */
.site-content .course-tabs > h3 {
  margin: 0; }

.site-content .single-course .entry-header {
  margin-top: 0;
  margin-top: 0; }

/*Forces container to be 70% instead of 68% */
.documents .entry-content {
  width: 70%;
  float: left; }

/*Forces documents footer to be 70%*/
.documents .entry-meta {
  width: 70%;
  float: left; }

/*documents right-aligned secondary menu */
.documents #secondary {
  width: 28%;
  float: right; }

@media screen and (min-width: 960px) {
  .attachment-download-btn {
    width: 100%;
    text-align: center; }
  .single-document #site-navigation, .tax-collection #site-navigation {
    display: none; }
  .single-document #main, .tax-collection #main {
    width: 100%; } }

/* Wobbly area share button*/
@media screen and (min-width: 960px) and (max-width: 1103px) {
  .tax-department .show-share {
    display: block;
    width: 100%;
    margin-top: 24px !important;
    text-align: center;
    height: 44px;
    float: left;
    font-size: 16px;
    margin-right: 12px;
    margin-right: 0.85714rem; } }

/*Share button fix for smaller container width due to right menu */
@media screen and (min-width: 990px) and (max-width: 1135px) {
  .show-share {
    display: block !important;
    margin-top: 24px !important;
    float: right !important; } }

/* Share button wobble solidification */
@media screen and (min-width: 851px) and (max-width: 891px) {
  .tax-department .show-share {
    display: block;
    width: 100%;
    margin-top: 24px !important;
    text-align: center;
    height: 44px;
    float: left;
    font-size: 16px; } }

@media screen and (min-width: 801px) and (max-width: 1064px) {
  .attachment-download-btn {
    width: 100%;
    text-align: center; }
  .icon-span-2 {
    width: auto; }
    .icon-span-2 i {
      margin: 0 !important; } }

/*Arhive page responsive text, footer and title */
@media screen and (max-width: 960px) {
  .archive .entry-title {
    width: 100% !important; }
  .archive .entry-content {
    width: 100% !important; }
  .archive .entry-meta {
    width: 100% !important; } }

/* Devices below screen width of 800 pixels. */
@media screen and (max-width: 800px) {
  /*Forces container to be 70% instead of 68% */
  .documents .entry-content {
    width: 100% !important; }
  /*Forces documents footer to be 70%*/
  .documents .entry-meta {
    width: 100% !important; }
  /* Resolve tiny images on mobile devices in location section */
  .wp-image-212, .wp-image-195, .wp-image-200, .wp-image-203 {
    min-width: 100%; }
  .tax-department #content {
    width: 100% !important;
    margin: 0; }
  #primary > article {
    width: 100% !important; }
  .entry-content {
    width: 100% !important; }
  /*Force secondary menu 100% width on mobile devices */
  #secondary {
    width: 100% !important; }
  .tax-collection .entry-content {
    width: 100% !important;
    margin: 0 !important; }
  /* Archived documents styles */
  .tax-department #primary #content {
    width: 100% !important;
    padding: 12px;
    padding: 0.85714rem; }
    .tax-department #primary #content .entry-title {
      width: 100%;
      margin: 0; }
    .tax-department #primary #content .entry-content {
      width: 100% !important;
      margin: 0 !important; }
  .documents .entry-content {
    width: 100% !important;
    margin: 0 !important; }
  .attachment-wrapper {
    width: 100%; }
  .single-document .entry-content {
    width: 100% !important;
    margin: 0 !important; }
  .single-document .document-wrapper {
    width: 100% !important;
    margin: 0; }
    .single-document .document-wrapper a:before {
      margin-bottom: 100px;
      margin-bottom: 7.14286rem; }
  .entry-content > table {
    max-width: 100%; }
  .documents .attachment-wrapper img {
    max-width: 106px !important;
    min-width: 70px;
    width: 20%;
    height: auto; }
  .sub-collections, .collection-documents {
    margin-left: 0; }
  .documents .entry-meta {
    width: 100% !important;
    margin: 0; }
  .attachment-sidebar {
    width: 100% !important; }
  .single-document .attachment-sidebar img {
    width: 106px !important;
    height: 150px !important; }
  .single-document .attachment-sidebar p {
    clear: none;
    width: auto;
    float: none; }
  .single-document .attachment-sidebar .icon-span-2 {
    width: auto; } }

/* Screens less than 600px */
@media screen and (max-width: 600px) {
  .attachment-download-btn {
    width: 100%;
    text-align: center; }
  /*remove document image on mobile devices */
  .documents .widget-area img {
    display: none; }
  .tax-collection .entry-content {
    width: 100% !important;
    margin: 0 !important; }
  /*Forces documents container 100% width on mobile */
  .documents .entry-content {
    width: 100% !important;
    margin: 0 !important; }
  .single-document .document-wrapper {
    width: 100% !important;
    margin: 0; }
  .single-document .entry-content {
    width: 100% !important;
    margin: 0; }
    .single-document .entry-content h3 {
      color: orange;
      padding: 20px;
      padding: 1.42857rem;
      font-weight: 400;
      font-size: 30px;
      font-size: 2.14286rem;
      line-height: 1.6;
      width: 100%;
      margin: 0;
      /* Make ordered list look better */ }
      .single-document .entry-content h3 .fa-li {
        line-height: 1.6; }
      .single-document .entry-content h3 ~ * {
        background: #ecbab8;
        width: 100%;
        margin: 0;
        padding: 24px 12px;
        padding: 24px 12px/14pxrem;
        /* Apply margin to last element */ }
        .single-document .entry-content h3 ~ *:last-of-type {
          margin-bottom: 24px;
          margin-bottom: 1.71429rem; }
      .single-document .entry-content h3 ol {
        padding: 24px 0;
        padding: 24px 0/14pxrem; }
  /* Document attachment icon resize on mobile devices */
  .documents .attachment-wrapper {
    padding: 24px 0;
    padding: 24px 0/14pxrem; }
    .documents .attachment-wrapper i.fa.fa-floppy-o {
      font-size: 20px;
      font-size: 1.42857rem;
      line-height: 1.2;
      margin-right: 5px;
      margin-right: 0.35714rem; }
      .documents .attachment-wrapper i.fa.fa-floppy-o .fa-li {
        line-height: 1.2; }
    .documents .attachment-wrapper i.fa.fa-file-pdf-o {
      font-size: 20px;
      font-size: 1.42857rem;
      line-height: 1.2;
      margin: 0 5px;
      margin: 0 5px/14pxrem; }
      .documents .attachment-wrapper i.fa.fa-file-pdf-o .fa-li {
        line-height: 1.2; } }

/*  ------  T A X O N O M Y - D O C U M E N T  -------  
/* From WordPress CSS editor
	
.tax-collection .collection-documents {
	margin-left: 0;
}

.tax-collection .sub-collections {
	width: 80%;
	float: right;
	margin: 0;
	margin-bottom: 24px;
	margin-bottom: 1.71429rem;
	padding-left: 12px;
	padding-left: .85714rem;
	padding-right: 12px;
	padding-right: .85714rem;
	background-color: #fbf8fd;
	border: solid 1px #552684;
}

.tax-collection .document-wrapper {
	width: 80%;
	margin-top: 12px;
	margin-top: .85714rem;
	margin-bottom: 12px;
	margin-bottom: .85714rem;
	padding-left: 12px;
	padding-left: .85714rem;
	padding-top: 0;
	padding-bottom: 0;
}

.tax-collection .attachment-wrapper {
	float: left;
	width: 45%;
	margin-top: 12px;
	margin-top: .85714rem;
	margin-bottom: 12px;
	margin-bottom: .85714rem;
}

.tax-collection .collection-footer {
	clear: both;
}

@media screen and (max-width: 800px) {
	.tax-collection .sub-collections, .collection-documents {
		margin-left: 0;
	}
	
	.single-document .document-wrapper {
		width: 96%;
	}
}

*/
.tax-collection .document-wrapper a {
  color: #671E75 !important;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333; }
  .tax-collection .document-wrapper a .fa-li {
    line-height: 1.33333; }

.tax-collection .document-wrapper p {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  line-height: 1.7; }
  .tax-collection .document-wrapper p .fa-li {
    line-height: 1.33333; }

/* Adds chevron right to documents widget title */
.documents .entry-content .widget-title {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* Targets p's after documents widget title */ }
  .documents .entry-content .widget-title:hover {
    background: #e9ddf5;
    color: #FFFFFF; }
  .documents .entry-content .widget-title:hover > a {
    text-decoration: none;
    color: #734b7b !important; }
    .documents .entry-content .widget-title:hover > a:after {
      color: #915e9b; }
  .documents .entry-content .widget-title a {
    display: inline-block;
    width: 100%; }
    .documents .entry-content .widget-title a:after {
      content: "\f054";
      float: right;
      font-family: FontAwesome;
      position: absolute;
      right: 10px;
      color: #671E75; }
  .documents .entry-content .widget-title ~ p {
    background: #f2ebf3;
    margin: 0;
    padding: 12px;
    padding: 0.85714rem;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5; }
    .documents .entry-content .widget-title ~ p .fa-li {
      line-height: 1.5; }

/*Student onboarding styles*/
/*Onboarding attempt*/
.int-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  color: #FFFFFF;
  animation: fadeIn 1s linear;
  display: none; }
  .int-overlay:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(225, 224, 224, 0.8); }

.int-overlay-container {
  margin: 0 auto;
  max-width: 1200px;
  height: 100vh;
  position: relative; }

#onboard-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  width: 600px;
  max-width: 100%;
  box-shadow: 0 2px 8px #fcfcfc; }

.close-onboarding {
  position: absolute;
  top: -24px;
  right: -24px;
  width: 48px;
  height: 48px;
  background-color: #671E75;
  z-index: 1;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  box-shadow: 1px 1px 1px #FFFFFF; }
  .close-onboarding:hover {
    background-color: #43144c;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .close-onboarding span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-size: 1.71429rem;
    line-height: 1;
    color: #FFFFFF;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .close-onboarding span .fa-li {
      line-height: 1; }

.onboard-message-dark {
  background-color: #671E75;
  max-width: 570px;
  border-radius: 5px;
  padding: 48px;
  padding: 3.42857rem; }

.stacked {
  position: relative;
  z-index: 9999; }

a.cancel-onboard {
  text-align: center; }

a.begin-onboard {
  color: #FFFFFF !important;
  background-color: #671E75;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  a.begin-onboard:hover {
    background-color: #43144c; }

#onboard-message-2, #onboard-message-3, #onboard-message-4 {
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  animation: fadeIn 1s linear forwards;
  width: 30%;
  z-index: 99999; }

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

#onboard-message-2:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #671E75;
  position: absolute;
  left: -10px;
  top: 48px; }

#onboard-message-3:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #671E75;
  border-right: 10px solid transparent;
  position: absolute;
  left: calc(50% - 10px);
  top: -10px; }

#onboard-message-4:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #671E75;
  position: absolute;
  left: -10px;
  top: 48px; }

.onboard-message-title-light {
  color: #FFFFFF;
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }
  .onboard-message-title-light .fa-li {
    line-height: 1; }

.onboard-message-title {
  font-size: 30px;
  font-size: 2.14286rem;
  line-height: 1.6;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  font-weight: 400;
  color: #FFFFFF;
  background-color: #671E75;
  width: 100%;
  padding: 12px 48px;
  padding: 0.85714rem 3.42857rem; }
  .onboard-message-title .fa-li {
    line-height: 1.6; }

.onboard-message-text {
  color: #444444;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  line-height: 1.7;
  padding: 0 48px;
  padding: 0 3.42857rem; }
  .onboard-message-text .fa-li {
    line-height: 1.33333; }

.onboard-controls {
  margin-top: 24px;
  margin-top: 1.71429rem; }

.onboard-controls a {
  color: #fff !important;
  text-decoration: none;
  padding: 12px;
  padding: 0.85714rem;
  width: calc(50% - 6px);
  border: 1px solid #FFFFFF;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center; }
  .onboard-controls a:hover {
    background-color: #43144c; }

a[class*="back-to-message"] {
  float: left;
  margin-right: 12px;
  margin-right: 0.85714rem; }

a[class*="next-to-message"], .end-onboarding {
  float: right; }

.step-counter {
  border-top: 1px solid #fcfcfc;
  margin: 36px 0 24px 0;
  margin: 2.57143rem 0 1.71429rem 0;
  width: 100%;
  float: left; }

.step-counter-onboard {
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 2;
  line-height: unset;
  display: block; }
  .step-counter-onboard .fa-li {
    line-height: 2; }

.step-counter li {
  display: block; }
  .step-counter li a {
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 12px 0;
    padding: 0.85714rem 0;
    margin: 0 48px;
    margin: 0 3.42857rem;
    font-size: 1.275em;
    color: #671E75; }

/*****

Change Sub homepage gallery to a list on screens less than 600px 

*****/
@media only screen and (max-width: 601px) {
  .applicants .gallery .gallery-icon img, .gettingstarted .gallery .gallery-icon img {
    display: none; }
  .applicants .gallery-size-thumb-16-9 .gallery-item,
  .applicants .gallery-size-thumb-3-2 .gallery-item, .gettingstarted .gallery-size-thumb-16-9 .gallery-item,
  .gettingstarted .gallery-size-thumb-3-2 .gallery-item {
    width: 50%; }
  .applicants .entry-content dl.gallery-item, .gettingstarted .entry-content dl.gallery-item {
    margin: 0 0 6px 0; } }

@media only screen and (max-width: 501px) {
  .applicants .gallery-size-thumb-16-9 .gallery-item,
  .applicants .gallery-size-thumb-3-2 .gallery-item, .gettingstarted .gallery-size-thumb-16-9 .gallery-item,
  .gettingstarted .gallery-size-thumb-3-2 .gallery-item {
    width: 100%; } }

/**********/
/**** Ajax Search Plugin ****/
#ajaxsearchlite .probox .proinput input, div.asl_w .probox .proinput input {
  font-size: 20px !important; }

.page-template-template-students-homepage #ajaxsearchlite1 .probox, .page-template-template-students-homepage div.asl_w .probox,
.page-template-template-staff-homepage #ajaxsearchlite1 .probox,
.page-template-template-staff-homepage div.asl_w .probox {
  padding: 6px 6px 6px 0;
  margin: 12px 0 12px 12px;
  height: 30px;
  border: 1px solid #b28cb9; }

.page-template-template-students-homepage div[id*='ajaxsearchlite'].wpdreams_asl_container,
.page-template-template-staff-homepage div[id*='ajaxsearchlite'].wpdreams_asl_container {
  width: calc(49% - .5px);
  float: right;
  background-color: #671E75;
  padding: 0 9px 0 0; }

.page-template-template-students-homepage div[id*='ajaxsearchliteres1'],
.page-template-template-staff-homepage div[id*='ajaxsearchliteres1'] {
  width: 565px !important;
  top: 342px !important; }

.page-template-template-students-homepage div#ajaxsearchlite1,
.page-template-template-staff-homepage div#ajaxsearchlite1 {
  z-index: 0; }

aside.AjaxSearchLiteWidget {
  margin-bottom: 0 !important; }

.category #ajaxsearchlite1 .probox, .category div.asl_w .probox,
.post-type-archive-ehu_service_gateway #ajaxsearchlite1 .probox,
.post-type-archive-ehu_service_gateway div.asl_w .probox {
  padding: 6px 6px 6px 0;
  margin: 0;
  height: 30px;
  border: 1px solid #b28cb9; }

.category div[id*='ajaxsearchlite'].wpdreams_asl_container,
.post-type-archive-ehu_service_gateway div[id*='ajaxsearchlite'].wpdreams_asl_container {
  width: 67%;
  margin-bottom: 24px; }

.category div[id*='ajaxsearchliteres1'],
.post-type-archive-ehu_service_gateway div[id*='ajaxsearchliteres1'] {
  width: 624px !important;
  top: 422px !important; }

@media (max-width: 600px) {
  .category div[id*='ajaxsearchlite'].wpdreams_asl_container,
  .post-type-archive-ehu_service_gateway div[id*='ajaxsearchlite'].wpdreams_asl_container {
    width: 100% !important; }
  .category div[id*='ajaxsearchliteres1'],
  .post-type-archive-ehu_service_gateway div[id*='ajaxsearchliteres1'] {
    width: 94% !important;
    top: 380px !important; }
  .page-template-template-students-homepage div[id*='ajaxsearchlite'].wpdreams_asl_container,
  .page-template-template-staff-homepage div[id*='ajaxsearchlite'].wpdreams_asl_container {
    width: 98%;
    padding: 0 6px 0 0;
    background-color: #fff; }
  .page-template-template-students-homepage div[id*='ajaxsearchliteres1'],
  .page-template-template-staff-homepage div[id*='ajaxsearchliteres1'] {
    width: 94% !important;
    top: 342px !important;
    left: 10px !important; } }

@media screen and (min-width: 601px) and (max-width: 800px) {
  #ajaxsearchlite1 {
    background-color: #FFFFFF;
    width: 95%;
    margin-right: 2%; } }

/**** Ajax Search Plugin END ****/
/*Slider overrides*/
/*
 https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css
 Slick Slider
*/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background-color: rgba(130, 57, 140, 0.5);
  z-index: 100; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background-color: rgba(130, 57, 140, 0.5); }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'FontAwesome';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[dir='rtl'] .slick-prev {
  left: auto; }

.slick-prev:before {
  content: "\f053"; }

[dir='rtl'] .slick-prev:before {
  content: "\f054"; }

.slick-next {
  right: 0px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  content: "\f054"; }

[dir='rtl'] .slick-next:before {
  content: "\f053"; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background-color: rgba(130, 57, 140, 0.5); }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'FontAwesome';
  font-size: 50px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

.ehu_announcements > .slick-prev, .ehu_announcements > .slick-next {
  top: 100% !important;
  background-color: #b28cb9;
  border-radius: 0;
  z-index: 1;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .ehu_announcements > .slick-prev:hover, .ehu_announcements > .slick-next:hover {
    background-color: #671E75; }

.ehu_announcements > .slick-dots > li button {
  background-color: transparent;
  height: 40px;
  width: 40px;
  border-radius: 0; }
  .ehu_announcements > .slick-dots > li button:before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #671E75; }

.ehu_announcements .slick-dots {
  bottom: -53px; }

.ehu_announcements .slick-dots li.slick-active button:before {
  color: #671E75; }

.ehu_announcements .slick-track {
  margin-bottom: 24px; }

.ehu_announcement_slide h2 a:hover {
  text-decoration: underline; }

.ehu_announcements .slick-slide {
  min-height: 428px;
  max-height: 429px;
  overflow: hidden;
  position: relative; }

.ehu_announcements .featured_image_title {
  position: absolute;
  background-color: #FFFFFF;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  border-top: 0;
  text-align: center; }
  .ehu_announcements .featured_image_title a {
    padding: 24px;
    padding: 1.71429rem;
    display: block; }

.ehu_announcements .excerpt ~ span > a, .ehu_announcements .content ~ span > a {
  padding: 12px;
  padding: 0.85714rem;
  background-color: #671E75;
  color: #FFFFFF !important;
  text-decoration: none;
  padding-right: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  margin-top: 12px;
  margin-top: 0.85714rem;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333; }
  .ehu_announcements .excerpt ~ span > a .fa-li, .ehu_announcements .content ~ span > a .fa-li {
    line-height: 1.33333; }
  .ehu_announcements .excerpt ~ span > a:hover, .ehu_announcements .content ~ span > a:hover {
    background-color: #43144c; }
  .ehu_announcements .excerpt ~ span > a:after, .ehu_announcements .content ~ span > a:after {
    content: "\f054";
    font-family: FontAwesome;
    margin-left: 12px; }

.ehu_announcement_slide h2:hover {
  text-decoration: underline; }

.cancel-onboard-inner {
  position: absolute;
  height: 40px;
  width: 40px;
  background-color: #671E75;
  right: -20px;
  top: -20px;
  border-radius: 50%;
  box-shadow: 0 0 1px 0 #FFFFFF;
  border: 2px solid #FFFFFF;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #FFFFFF !important;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .cancel-onboard-inner .fa-li {
    line-height: 1.5; }
  .cancel-onboard-inner:after {
    content: "\f00d";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5em; }
  .cancel-onboard-inner:hover {
    background-color: #43144c; }

section.ehu_announcements {
  margin-bottom: 48px !important; }

@media screen and (min-width: 801px) and (max-width: 1201px) {
  .ehu_announcements .slick-slide {
    min-height: 385px;
    max-height: 386px; }
  section.ehu_announcements {
    min-height: 438px; } }

@media screen and (max-width: 800px) {
  #onboard-message {
    width: calc(100% - 48px);
    margin: 0 24px;
    top: 20vh;
    left: 0;
    transform: none; }
  .onboard-controls {
    display: none; }
  .next-to-message-3-mob, .next-to-message-4-mob {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    border-left: 1px solid rgba(252, 252, 252, 0.4);
    height: 100%; }
    .next-to-message-3-mob:after, .next-to-message-4-mob:after {
      content: "\f054";
      font-family: FontAwesome;
      color: #FFFFFF;
      text-decoration: none;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .back-to-message-2-mob, .back-to-message-3-mob {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    border-right: 1px solid rgba(252, 252, 252, 0.4);
    height: 100%; }
    .back-to-message-2-mob:after, .back-to-message-3-mob:after {
      content: "\f053";
      font-family: FontAwesome;
      color: #FFFFFF;
      text-decoration: none;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  #onboard-message-2, #onboard-message-3, #onboard-message-4 {
    transform: none;
    top: 20vh !important;
    left: 24px !important;
    width: calc(100% - 48px);
    z-index: 99999;
    position: fixed !important; }
    #onboard-message-2:after, #onboard-message-3:after, #onboard-message-4:after {
      display: none; }
  .onboard-message-dark {
    max-width: 100%; }
  .stacked {
    z-index: 0; }
  .ehu_announcements .slick-slide {
    max-height: none; }
  .ehu_annoumncements .featured_image_title {
    bottom: 40px; } }

/* Accordions */
@media screen {
  /*The 'expand all' button within modules tab */
  .toggleAccordions {
    margin-top: -72px;
    background: #671E75;
    color: #FFFFFF;
    text-decoration: none;
    padding: 12px;
    padding: 0.85714rem;
    margin-bottom: 12px;
    margin-bottom: 0.85714rem;
    min-width: 150px;
    float: right;
    clear: right; }
    .toggleAccordions:visited {
      color: #FFFFFF !important; }
    .toggleAccordions:hover {
      color: #FFFFFF !important; }
  .entry-content .expand-title {
    padding: 12px 36px 12px 12px;
    padding: 0.85714rem 2.57143rem 0.85714rem 0.85714rem;
    background: #c7accc;
    color: #444444;
    cursor: pointer; }
    .entry-content .expand-title a {
      text-decoration: none;
      color: #734b7b !important; }
      .entry-content .expand-title a:hover, .entry-content .expand-title a:visited {
        text-decoration: underline;
        color: #b28cb9 !important; }
  .entry-content .expand-title.open {
    margin-bottom: 0;
    margin-bottom: 0; }
  .entry-content .expand-title::before {
    font-size: 24px;
    font-size: 1.71429rem;
    line-height: 1;
    content: "\f107";
    font-family: FontAwesome;
    right: -24px;
    position: relative;
    float: right; }
    .entry-content .expand-title::before .fa-li {
      line-height: 1; }
  .entry-content .expand-title.open::before {
    font-size: 24px;
    font-size: 1.71429rem;
    line-height: 1;
    content: "\f106"; }
    .entry-content .expand-title.open::before .fa-li {
      line-height: 1; }
  .entry-content .expand-title.open + div.expand {
    display: block;
    margin-bottom: 12px;
    margin-bottom: 0.85714rem; }
  .entry-content div.expand {
    padding: 12px 12px 12px 12px;
    padding: 0.85714rem 0.85714rem 0.85714rem 0.85714rem;
    border: 1px solid #fcfcfc;
    background: rgba(252, 252, 252, 0.2) !important;
    margin: 0 0 12px 0;
    margin: 0 0 0.85714rem 0;
    display: none;
    box-sizing: border-box;
    overflow: auto; }
  .entry-content div.expand p {
    margin: 0 0 12px 0;
    margin: 0 0 0.85714rem 0; }
  .entry-content div.expand p:last-of-type {
    margin: 0;
    margin: 0; }
  .entry-content div.expand + p {
    margin-top: 12px;
    margin-top: 0.85714rem; }
  .entry-content h2.expand-title, .entry-content h3.expand-title, .entry-content h4.expand-title {
    margin: 0 0 12px 0;
    margin: 0 0 0.85714rem 0; }
  .entry-content h2.expand-title.open, .entry-content h3.expand-title.open, .entry-content h4.expand-title.open {
    margin: 0;
    margin: 0; } }

/*Attachments header icon*/
.single-document .document-wrapper h2 > i {
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin-right: 10px;
  margin-right: 0.71429rem; }

/* General attachment styles */
.documents .attachment-wrapper {
  float: left;
  width: 100%;
  padding: 12px;
  padding: 0.85714rem;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid rgba(103, 30, 117, 0.12); }
  .documents .attachment-wrapper .fa-li {
    line-height: 1.84615; }
  .documents .attachment-wrapper:hover {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .documents .attachment-wrapper:last-of-type {
    border-bottom: none; }
  .documents .attachment-wrapper h3 {
    font-size: 18px;
    font-size: 1.28571rem;
    line-height: 1.33333;
    margin: 0;
    width: auto;
    clear: none; }
    .documents .attachment-wrapper h3 .fa-li {
      line-height: 1.33333; }
  .documents .attachment-wrapper img {
    float: left;
    margin-right: 12px;
    margin-right: 0.85714rem;
    width: 53px;
    height: 75px;
    outline: solid #d9d9d9 3px; }
  .documents .attachment-wrapper .icon-span-2 {
    width: 50%;
    float: left;
    color: #585558; }
  .documents .attachment-wrapper i.fa.fa-floppy-o {
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2;
    margin-right: 10px;
    margin-right: 0.71429rem;
    opacity: 0.4;
    filter: alpha(opacity=40); }
    .documents .attachment-wrapper i.fa.fa-floppy-o .fa-li {
      line-height: 1.2; }
  .documents .attachment-wrapper i.fa.fa-download {
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2;
    margin-right: 10px;
    margin-right: 0.71429rem; }
    .documents .attachment-wrapper i.fa.fa-download .fa-li {
      line-height: 1.2; }
  .documents .attachment-wrapper i.fa.fa-file-pdf-o {
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2;
    margin: 0 10px 0 20px;
    margin: 0 0.71429rem 0 1.42857rem; }
    .documents .attachment-wrapper i.fa.fa-file-pdf-o .fa-li {
      line-height: 1.2; }
  .documents .attachment-wrapper i.fa.fa-file-word-o {
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2;
    margin: 0 10px 0 20px;
    margin: 0 0.71429rem 0 1.42857rem; }
    .documents .attachment-wrapper i.fa.fa-file-word-o .fa-li {
      line-height: 1.2; }
  .documents .attachment-wrapper .attachment-thumb-placeholder {
    width: 106px;
    height: 150px;
    display: inline-block;
    box-sizing: border-box;
    float: left;
    margin-right: 24px;
    margin-right: 1.71429rem;
    box-shadow: 5px 5px 5px #888888;
    position: relative; }
    .documents .attachment-wrapper .attachment-thumb-placeholder i {
      font-size: 48px;
      font-size: 3.42857rem;
      line-height: 1;
      padding: 51px 36px;
      padding: 3.64286rem 2.57143rem; }
      .documents .attachment-wrapper .attachment-thumb-placeholder i .fa-li {
        line-height: 1; }
  .documents .attachment-wrapper a {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5;
    font-weight: 400;
    text-decoration: none; }
    .documents .attachment-wrapper a .fa-li {
      line-height: 1.5; }
    .documents .attachment-wrapper a:hover {
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in;
      text-decoration: underline; }
  .documents .attachment-wrapper p {
    clear: both;
    margin-top: 12px;
    margin-top: 0.85714rem;
    float: left;
    width: 100%; }
  .documents .attachment-wrapper .excerpt {
    float: left;
    margin-top: 6px; }

.single-document .attachment-sidebar {
  width: 30%;
  float: left;
  padding: 0 12px 12px 12px;
  padding: 0 0.85714rem 0.85714rem 0.85714rem;
  border: 1px solid #dee0df;
  margin-top: 12px; }

/*Attachment download button styling*/
.attachment-download-btn {
  background: #671E75;
  padding: 10px 20px 10px 10px;
  padding: 0.71429rem 1.42857rem 0.71429rem 0.71429rem;
  margin-top: 12px;
  margin-top: 0.85714rem;
  float: right;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 18px !important;
  box-shadow: 2px 2px 3px #d4cbcb;
  cursor: pointer;
  text-align: center;
  /*Button hover effect*/
  /*Spacing of fonticon*/ }
  .attachment-download-btn:hover {
    background: #43144c;
    color: #FFFFFF !important;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
  .attachment-download-btn:visited {
    color: #FFFFFF !important; }
  .attachment-download-btn > i {
    margin-right: 10px; }

/*If there are no attachments, adjust styles to reflect this state*/
.single-document .no-attachments {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  color: #43144c; }
  .single-document .no-attachments .fa-li {
    line-height: 1.33333; }
  .single-document .no-attachments i {
    margin-right: 10px;
    margin: 0 10px 24px 0;
    margin: 0 0.71429rem 1.71429rem 0;
    float: left;
    margin-top: 5px; }

.single-document .document-wrapper {
  float: right;
  width: 100% !important;
  margin-top: 0 !important; }

/*Forces main documents page widget titles to be 100% their parent*/
.documents .widget-area {
  /*Ensures that the images are centrally aligned*/
  /*Ensures that the first element within the widget area is made prominent*/ }
  .documents .widget-area aside {
    margin: 0;
    width: 100% !important; }
  .documents .widget-area img {
    float: none !important;
    margin: 0 auto !important; }
  .documents .widget-area:first-child {
    background: #f2ebf3;
    border-left: 1px solid #671E75;
    padding: 12px;
    padding: 0.85714rem;
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }

/*Documents left menu* - larger line-height for easy mobile tap selection*/
#menu-collections a {
  display: block;
  line-height: 3; }

/*Documents Departments Menu spacing for easier mobile tap selection*/
#menu-departments {
  padding: 3px 6px;
  padding: 0.21429rem 0.42857rem; }
  #menu-departments li a {
    display: block;
    padding: 2px 0;
    padding: 0.14286rem 0; }

/*Controls the icon before the document H1 */
.single-document .entry-title i {
  font-size: 40px;
  font-size: 2.85714rem;
  line-height: 1.2;
  margin-right: 10px;
  margin-right: 0.71429rem;
  opacity: 0.6;
  filter: alpha(opacity=60);
  margin-bottom: 24px;
  float: left; }
  .single-document .entry-title i .fa-li {
    line-height: 1.2; }

/*Controls the 'detail' descriptive text beneath a document */
.document-details {
  width: 100%;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  float: left; }
  .document-details .fa-li {
    line-height: 1.33333; }

.document-excerpt {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  padding: 20px;
  padding: 1.42857rem;
  border-left: 1px solid #671E75;
  background: #f2ebf3;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }
  .document-excerpt .fa-li {
    line-height: 1.33333; }
  .document-excerpt p {
    margin-bottom: 0;
    line-height: 1.33333; }

/*Controls the single document entry content and surprising terms div */
.single-document .entry-content {
  padding: 12px;
  padding: 0.85714rem;
  /*Surprising terms title - overrides default H3 styles */ }
  .single-document .entry-content h3 {
    background: #f2cdcc;
    color: #CD443E;
    padding: 20px;
    padding: 1.42857rem;
    font-weight: 400;
    font-size: 24px;
    font-size: 1.71429rem;
    line-height: 1;
    width: 100%;
    margin: 0;
    border: 1px solid #CD443E;
    /* Select everything after the surprising terms title and apply background colour */ }
    .single-document .entry-content h3 .fa-li {
      line-height: 1; }
    .single-document .entry-content h3:before {
      content: "\f071";
      font-family: FontAwesome;
      color: #CD443E;
      margin-right: 20px; }
    .single-document .entry-content h3 ~ * {
      background: #fcf5f4;
      border: 1px solid #CD443E;
      border-width: 0 1px 1px 1px;
      margin: 0;
      padding: 24px;
      padding: 1.71429rem; }
      .single-document .entry-content h3 ~ *:last-of-type {
        margin-bottom: 24px;
        margin-bottom: 1.71429rem; }

/*Single document table - added visual difference over ordinary tables - font icon and more padding*/
.single-document .entry-content > table {
  /*Set table to full width*/
  width: 100%; }
  .single-document .entry-content > table th {
    background-color: #f2ebf3;
    color: #671E75;
    font-weight: 400;
    padding: 10px;
    padding: 0.71429rem;
    text-align: right; }
  .single-document .entry-content > table tr {
    background-color: #f2ebf3; }
  .single-document .entry-content > table td {
    padding: 10px;
    padding: 0.71429rem;
    /* Table document icon */ }
    .single-document .entry-content > table td a {
      font-size: 14px; }
    .single-document .entry-content > table td i {
      font-size: 30px;
      font-size: 2.14286rem;
      line-height: 1.6;
      vertical-align: middle;
      opacity: 0.6;
      filter: alpha(opacity=60);
      margin-right: 5px;
      margin-right: 0.35714rem;
      height: 50px; }
      .single-document .entry-content > table td i .fa-li {
        line-height: 1.6; }

/*Documents collections */
aside .document-wrapper h2 {
  font-size: 1.5em; }

.sub-collections {
  padding: 12px;
  padding: 0.85714rem;
  margin: 12px 0;
  margin: 0.85714rem 0; }

.collection-documents {
  float: left;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem; }
  .collection-documents .document-wrapper {
    padding: 0 12px;
    padding: 0 0.85714rem;
    margin: 12px 0;
    margin: 0.85714rem 0;
    background: #f2ebf3;
    width: 100% !important;
    border-left: 1px solid #671E75;
    float: left; }
    .collection-documents .document-wrapper:hover {
      background: #f2ebf3;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .collection-documents .document-wrapper a {
      font-weight: bold;
      color: black;
      text-decoration: none;
      /* Document link chevron styling */ }
      .collection-documents .document-wrapper a:hover {
        text-decoration: underline; }
      .collection-documents .document-wrapper a:before {
        content: "\f054";
        font-family: FontAwesome;
        font-size: 12px;
        font-size: 0.85714rem;
        line-height: 2;
        color: #671E75;
        opacity: 0.5;
        filter: alpha(opacity=50);
        margin-right: 12px;
        margin-right: 0.85714rem;
        vertical-align: middle;
        float: left;
        line-height: 2.5; }
        .collection-documents .document-wrapper a:before .fa-li {
          line-height: 2; }
    .collection-documents .document-wrapper p {
      padding: 0 20px;
      padding: 0 1.42857rem; }

.collection-footer {
  margin-top: 48px;
  margin-top: 3.42857rem; }

/*Taxonomy collection */
.tax-collection {
  /*Controls the h2 icon*/
  /*Controls sub-collections styling */ }
  .tax-collection h2 i {
    margin-right: 10px;
    margin-right: 0.71429rem;
    opacity: 0.6;
    filter: alpha(opacity=60);
    font-size: 30px;
    font-size: 2.14286rem;
    line-height: 1.6;
    line-height: 0; }
    .tax-collection h2 i .fa-li {
      line-height: 1.6; }
  .tax-collection table {
    font-size: 18px;
    font-size: 1.28571rem;
    line-height: 1.33333; }
    .tax-collection table .fa-li {
      line-height: 1.33333; }
    .tax-collection table th {
      text-align: right; }
    .tax-collection table td {
      padding: 10px; }
  .tax-collection .sub-collections {
    width: 100% !important;
    background-color: #fcfcfc;
    border: none !important;
    border-left: 1px solid #671E75 !important;
    float: left;
    /*Change background colour of the sub-collection on hover */
    /* Subcollection title */
    /*No documents*/ }
    .tax-collection .sub-collections:hover {
      background: #f2ebf3;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
    .tax-collection .sub-collections h4 {
      /*Controls the link element's prominence in sub-collections */
      /*Font-icon (folder) styles for sub-collection items */ }
      .tax-collection .sub-collections h4 a {
        text-decoration: none;
        font-weight: bold;
        color: #671E75; }
        .tax-collection .sub-collections h4 a:hover {
          text-decoration: underline; }
        .tax-collection .sub-collections h4 a:visited {
          color: #43144c !important; }
      .tax-collection .sub-collections h4 i:before {
        font-size: 30px;
        font-size: 2.14286rem;
        line-height: 1.6;
        line-height: 0;
        opacity: 0.6;
        filter: alpha(opacity=60);
        margin-right: 10px;
        margin-right: 0.71429rem; }
        .tax-collection .sub-collections h4 i:before .fa-li {
          line-height: 1.6; }
    .tax-collection .sub-collections .no-documents {
      color: #444444;
      font-size: 18px;
      font-size: 1.28571rem;
      line-height: 1.33333;
      font-weight: 400;
      padding: 12px;
      padding: 0.85714rem;
      float: left; }
      .tax-collection .sub-collections .no-documents .fa-li {
        line-height: 1.33333; }
      .tax-collection .sub-collections .no-documents:before {
        content: "\f00d";
        font-family: FontAwesome, "Open Sans", Arial, sans-serif;
        margin-right: 10px;
        margin-right: 0.71429rem;
        font-size: 16px;
        font-size: 1.14286rem;
        line-height: 1.5; }
        .tax-collection .sub-collections .no-documents:before .fa-li {
          line-height: 1.5; }

/*Tax-department*/
/* archived department footer - force full width to negate squishing */
.tax-department {
  /*Tax department container styles */ }
  .tax-department article {
    border-bottom: 1px solid #c7c7c7 !important;
    margin-bottom: 24px;
    font-size: 18px;
    font-size: 1.28571rem;
    line-height: 1.33333;
    padding-bottom: 24px; }
    .tax-department article .fa-li {
      line-height: 1.33333; }
  .tax-department #primary #content {
    width: 100% !important;
    /*Fake H2 styling on the archives page - mutliple H1's */ }
    .tax-department #primary #content .entry-header .entry-title {
      border-top: none;
      font-size: 30px !important;
      width: 70%;
      color: #671E75; }
      .tax-department #primary #content .entry-header .entry-title a:visited {
        color: #671E75 !important; }
  .tax-department footer {
    width: 100% !important;
    margin: 0; }

/* --------------- Custom Staff Homepage Template --------------- */
/* Controls styles for the edgehill.ac.uk/staff page */
@media screen and (max-width: 1200px) and (min-width: 801px) {
  .page-template-template-staff-homepage {
    /* Set staff service boxes to be 6 per row */ }
    .page-template-template-staff-homepage .staff-service-box:nth-child(3n+3) {
      width: calc(100%/4) !important; }
    .page-template-template-staff-homepage .news-content {
      width: 100%; }
    .page-template-template-staff-homepage .cta-right {
      width: 100%; } }

@media screen and (max-width: 1100px) {
  .page-template-template-staff-homepage .ehu_service_gateway_box, .page-template-template-staff-homepage .staff-service-box {
    min-width: 25% !important; } }

@media screen and (max-width: 959px) {
  .page-template-template-staff-homepage #site-navigation {
    display: none; }
  .page-template-template-staff-homepage .ehu_lister_box {
    min-height: unset; }
  .page-template-template-staff-homepage .cta-right {
    width: 100%; } }

@media screen and (max-width: 920px) {
  .page-template-template-staff-homepage .staff-search-box {
    width: 100%; } }

@media screen and (max-width: 863px) {
  .page-template-template-staff-homepage .search-wrap {
    width: 58%;
    padding: 0 12px;
    padding: 0 12px/14pxrem;
    margin-top: 0; }
  .page-template-template-staff-homepage .staff-search-submit {
    right: 12px; } }

@media screen and (min-width: 801px) and (max-width: 1200px) {
  .page-template-template-staff-homepage .ehu_lister_box {
    min-height: unset; } }

@media screen and (max-width: 800px) {
  .page-template-template-staff-homepage .ehu_service_gateway_box h4, .page-template-template-staff-homepage .staff-service-box h4, .page-template-template-staff-homepage .ehu_service_gateway_box, .page-template-template-staff-homepage .staff-service-box {
    min-height: 120px;
    height: 120px; }
  .page-template-template-staff-homepage .ehu_service_gateway_box, .page-template-template-staff-homepage .staff-service-box {
    /* Set staff service boxes to be 3 per row */
    width: calc(100% / 3); }
    .page-template-template-staff-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-staff-homepage .staff-service-box:last-of-type {
      /* Set staff service boxes to be 3 per row */
      width: calc(100% / 3); }
  .page-template-template-staff-homepage .sharedaddy.sd-sharing-enabled {
    margin: 0 !important; }
  .page-template-template-staff-homepage .news-content {
    width: 100%; }
  .page-template-template-staff-homepage .news-content .expand ul > .staff-service-box, .page-template-template-staff-homepage .cta-right .expand ul > .staff-service-box {
    width: calc(100% / 3) !important; } }

@media screen and (min-width: 600px) and (max-width: 799px) {
  .page-template-template-staff-homepage .ehu_service_gateway_box, .page-template-template-staff-homepage .staff-service-box {
    min-width: 20% !important; } }

@media screen and (max-width: 599px) {
  .page-template-template-staff-homepage .search-wrap {
    padding: 0 12px;
    padding: 0 12px/14pxrem; }
  .page-template-template-staff-homepage .staff-search-submit {
    right: 10px; }
  .page-template-template-staff-homepage .staff-service-box {
    width: calc(100% / 3) !important; }
  .page-template-template-staff-homepage .staff-alert {
    width: 100%; }
  .page-template-template-staff-homepage .cta-right {
    width: 100%; }
  .page-template-template-staff-homepage .news-content {
    width: 100%; }
  .page-template-template-staff-homepage .news-article-img {
    max-width: 100%; }
  .page-template-template-staff-homepage .news-item-content-wrap {
    width: 100%;
    padding: 0; } }

@media screen and (max-width: 390px) {
  .page-template-template-staff-homepage .news-article-author, .page-template-template-staff-homepage .news-article-date {
    display: block;
    width: 100%; } }

.page-template-template-staff-homepage #main {
  width: 100%; }

/*Left column*/
.news-content {
  width: 59%;
  margin-right: 1%;
  float: left;
  margin-top: 6px; }

/* Latest News article styles */
.news-item {
  border-bottom: 1px solid rgba(222, 224, 223, 0.4); }
  .news-item:last-of-type {
    border-bottom: 0; }

/*Temporary placeholder image styles*/
.news-article-img {
  max-width: 30%;
  float: left;
  margin-top: 24px;
  margin-top: 1.71429rem; }

.news-item-content-wrap {
  width: 70%;
  float: left;
  padding: 0 24px; }
  .news-item-content-wrap h3 a {
    text-decoration: none;
    color: #671E75; }
    .news-item-content-wrap h3 a:hover {
      text-decoration: underline; }

/*Comments button - can be changed to 'view more' instead?*/
.news-article-comment {
  float: right;
  padding-bottom: 12px;
  color: #FFFFFF;
  background: #671E75;
  padding: 12px;
  padding: 0.85714rem;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .news-article-comment:hover {
    background: #43144c; }

.news-article-author {
  color: rgba(103, 30, 117, 0.8);
  display: inline-block;
  width: 50%;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem; }

.news-article-date {
  color: rgba(103, 30, 117, 0.8);
  float: right;
  display: inline-block;
  width: 50%; }
  .news-article-date i {
    margin-right: 5px;
    margin-right: 0.35714rem; }

.archive-months {
  overflow: auto;
  border-bottom: solid 2px #b28cb9;
  padding-bottom: 6px;
  margin: 0 !important; }

.archive-months li, .archive-years li {
  display: inline-block;
  float: left;
  width: 48%;
  margin: 1%;
  text-align: center;
  background-color: #FFFFFF;
  box-sizing: border-box; }

.archive-months li {
  padding: 0; }

/* Icons within H4 expand titles*/
.page-template-template-staff-homepage .expand-title i:before {
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.2;
  margin-right: 20px;
  margin-right: 1.42857rem; }
  .page-template-template-staff-homepage .expand-title i:before .fa-li {
    line-height: 1.2; }

.page-template-template-staff-homepage .entry-content {
  width: 100% !important; }

/*Right column */
.cta-right {
  width: 40%;
  float: right; }

.services-wrap {
  float: left;
  width: 100%;
  padding: 12px;
  padding: 0.85714rem; }

.page-template-template-staff-homepage #site-navigation {
  display: none; }

#site-navigation li.current-page-ancestor {
  font-weight: bold; }

/*Targets the first H2 after the icons */
.services-wrap + .entry-content > h2:first-of-type {
  border-top: 0;
  padding: 0; }

.staff-service-box {
  /* Set staff service boxes to be 6 per row */
  width: calc(100% / 4) !important;
  float: left;
  height: 50px;
  /*Extend the base styles from service gateway box*/
  /*Override margin*/
  margin: 0 !important;
  border: 1px solid rgba(222, 224, 223, 0.2);
  min-height: 120px; }
  .staff-service-box i {
    color: #671E75; }
  .staff-service-box:last-of-type {
    /* Set staff service boxes to be 6 per row */
    width: calc(100% / 4) !important; }
  .staff-service-box a {
    padding-top: 25px; }

/*Staff service boxes - 6 per row in left column */
.news-content .expand ul > .staff-service-box {
  width: calc(100% / 6) !important;
  font-size: 14px !important; }

/*Staff service boxes - 4 per row in right column */
.cta-right .expand ul > .staff-service-box {
  width: calc(100% / 4) !important;
  font-size: 14px !important; }

/*Alert box and icon */
.staff-alert {
  background: #CD443E;
  color: #FFFFFF;
  position: relative;
  margin: 0 !important;
  width: 100%;
  float: left;
  border-top: none !important; }
  .staff-alert:hover .fa-close {
    color: #FFFFFF;
    cursor: pointer; }
  .staff-alert .fa-close {
    position: absolute;
    top: 2px;
    right: 10px;
    color: rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #ac322c;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429; }
    .staff-alert .fa-close .fa-li {
      line-height: 1.71429; }

.staff-alert-icon {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1;
  background: #c03832;
  text-align: center;
  padding-top: 18px;
  padding-top: 1.28571rem; }
  .staff-alert-icon .fa-li {
    line-height: 1; }

.staff-alert-text {
  margin-left: 65px;
  margin-left: 4.64286rem;
  font-weight: 400;
  position: relative;
  top: 5px; }

.icon-wrap {
  float: left;
  background: #FFFFFF;
  border-radius: 50%;
  padding: 24px;
  padding: 1.71429rem;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-right: 0.71429rem;
  position: relative;
  top: -12px;
  left: -10px;
  color: #b28cb9;
  box-shadow: 1px 1px 1px rgba(103, 30, 117, 0.3); }
  .icon-wrap i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2; }
    .icon-wrap i .fa-li {
      line-height: 1.2; }

.page-template-template-staff-homepage .staff-service-box a i {
  color: #FFFFFF; }

.staff-search-box {
  height: 50px !important;
  float: right;
  outline: none;
  border: 1px solid rgba(222, 224, 223, 0.8);
  border-radius: 0;
  width: 100%;
  padding: 10px;
  padding: 0.71429rem;
  color: black;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .staff-search-box .fa-li {
    line-height: 1.5; }
  .staff-search-box::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.4); }
  .staff-search-box:-moz-placeholder {
    color: rgba(0, 0, 0, 0.4); }
  .staff-search-box::-moz-placeholder {
    color: rgba(0, 0, 0, 0.4); }
  .staff-search-box:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.4); }
  .staff-search-box:focus {
    border: 1px solid rgba(103, 30, 117, 0.7);
    /*Forces placeholder text to hide when user clicks in search box*/ }
    .staff-search-box:focus::-webkit-input-placeholder {
      color: transparent;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .staff-search-box:focus:-moz-placeholder {
      color: transparent;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .staff-search-box:focus::-moz-placeholder {
      color: transparent;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .staff-search-box:focus:-ms-input-placeholder {
      color: transparent;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }

.staff-search-submit {
  height: 50px;
  float: right;
  min-width: 100px;
  position: absolute;
  right: 12px;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /*Remove blue outline and border*/
  outline: none;
  border: none; }
  .staff-search-submit .fa-li {
    line-height: 1.5; }
  .staff-search-submit:hover {
    background: #43144c;
    color: #FFFFFF; }

/* Service Gateways */
/*Single service gateway page */
.single-ehu_service_gateway {
  /*Prevent horizontal scrolling because of the before/after elements of the extended, full width footer */
  overflow: hidden;
  /*Forces the container to allow overflow for before/after elements of the cta footer */
  /*Prevents the navigation from appearing, as it takes up space above the header*/
  /*Image caption text (tesco click n collect) */
  /*Custom OL numbers, using CSS counters */
  /*CTA banner styles */
  /* Force links inside the external class to be more prominent on page */
  /*Right side CTA menu arrow*/
  /* Footer next/previous bar */
  /* Controls P tag that emphasises external links */
  /*Label width desktop*/ }
  .single-ehu_service_gateway #site {
    overflow: visible; }
  .single-ehu_service_gateway #site-navigation {
    display: none; }
  .single-ehu_service_gateway #main {
    width: 100%; }
  .single-ehu_service_gateway #content {
    width: 67%;
    float: left; }
  .single-ehu_service_gateway .post-type-archive-ehu_service_gateway .entry-title a:hover {
    color: #FFFFFF !important; }
  .single-ehu_service_gateway .post-type-archive-ehu_service_gateway .entry-title a:visited {
    color: #FFFFFF !important; }
  .single-ehu_service_gateway p.caption-text {
    border-left: none !important;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429;
    padding: 10px;
    padding: 0.71429rem;
    text-align: center; }
    .single-ehu_service_gateway p.caption-text .fa-li {
      line-height: 1.71429; }
  .single-ehu_service_gateway ol {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5;
    margin: 24px 0;
    margin: 24px 0/14pxrem;
    width: 100%;
    float: left;
    list-style-type: none; }
    .single-ehu_service_gateway ol .fa-li {
      line-height: 1.5; }
    .single-ehu_service_gateway ol li {
      counter-increment: step-counter;
      margin-bottom: 24px;
      margin-bottom: 1.71429rem;
      font-size: 18px;
      font-size: 1.28571rem;
      line-height: 1.33333;
      line-height: 1.6; }
      .single-ehu_service_gateway ol li .fa-li {
        line-height: 1.33333; }
      .single-ehu_service_gateway ol li:before {
        counter-increment: headings;
        content: counter(step-counter);
        margin-right: 5px;
        margin-right: 0.35714rem;
        font-size: 30px;
        font-size: 2.14286rem;
        line-height: 1.6;
        line-height: 27px;
        color: #671E75;
        padding: 0 10px 0 0;
        padding: 0 10px 0 0/14pxrem;
        font-weight: 400; }
        .single-ehu_service_gateway ol li:before .fa-li {
          line-height: 1.6; }
  .single-ehu_service_gateway .cta-banner {
    width: 100%;
    position: relative;
    padding: 30px;
    padding: 2.14286rem;
    background: #671E75;
    float: left;
    min-height: 180px;
    margin: 48px 0;
    margin: 48px 0/14pxrem;
    color: #FFFFFF; }
    .single-ehu_service_gateway .cta-banner a {
      color: #FFFFFF !important;
      text-decoration: none;
      font-size: 30px;
      font-size: 2.14286rem;
      line-height: 1.6;
      margin: 30px 140px 0 0;
      margin: 30px 140px 0 0/14pxrem;
      float: right;
      /* Change the opacity of the arrow/click icon when hovering on anchor text */
      /* Make the arrow divs fade in on hover of the 'click to X' link in the cta banner */
      /*Sliding arrow animation on hover */
      /*Mouse icon */ }
      .single-ehu_service_gateway .cta-banner a .fa-li {
        line-height: 1.6; }
      .single-ehu_service_gateway .cta-banner a:hover > i::before {
        opacity: 1;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }

@keyframes slideAway {
  from {
    right: 0; }
  to {
    right: -50px; } }

@keyframes slideAwayOut {
  from {
    right: -50px; }
  to {
    right: 0; } }
      .single-ehu_service_gateway .cta-banner a .cta-banner-arrow-right {
        animation: slideAwayOut 0.3s ease-in; }
        .single-ehu_service_gateway .cta-banner a .cta-banner-arrow-right:nth-of-type(2) {
          animation: slideAwayOut 0.3s ease-in; }
      .single-ehu_service_gateway .cta-banner a:hover > .cta-banner-arrow-right {
        opacity: 0.15;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        animation: slideAway 0.3s ease-in;
        animation-timing-function: ease-out;
        animation-fill-mode: forwards; }
      .single-ehu_service_gateway .cta-banner a:hover > .cta-banner-arrow-right:nth-child(2) {
        animation: slideAway 0.3s ease-in;
        animation-timing-function: ease-in;
        animation-fill-mode: forwards;
        animation-delay: 0.5s; }
      .single-ehu_service_gateway .cta-banner a i {
        display: none;
        margin-right: 20px;
        margin-right: 1.42857rem;
        font-size: 40px;
        font-size: 2.85714rem;
        line-height: 1.2;
        background-color: #671E75;
        padding: 20px;
        padding: 1.42857rem;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        position: absolute;
        top: -40px;
        margin-bottom: 40px;
        margin-bottom: 2.85714rem;
        right: 50px; }
        .single-ehu_service_gateway .cta-banner a i .fa-li {
          line-height: 1.2; }
        .single-ehu_service_gateway .cta-banner a i:before {
          margin-left: 20px;
          margin-left: 1.42857rem;
          opacity: 0.8;
          filter: alpha(opacity=80); }
          .single-ehu_service_gateway .cta-banner a i:before:hover {
            opacity: 1;
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in; }
    .single-ehu_service_gateway .cta-banner .cta-banner-arrow-right {
      width: 200px;
      height: 180px;
      background-color: #FFFFFF;
      position: absolute;
      right: 0;
      top: 0;
      border-top: 90px solid #671E75;
      border-left: 150px solid #FFFFFF;
      border-bottom: 90px solid #671E75;
      opacity: 0.07; }
      .single-ehu_service_gateway .cta-banner .cta-banner-arrow-right:hover {
        opacity: 0.2;
        filter: alpha(opacity=20);
        -webkit-transition: all 0.3 ease-in;
        -moz-transition: all 0.3 ease-in;
        -o-transition: all 0.3 ease-in;
        transition: all 0.3 ease-in; }
      .single-ehu_service_gateway .cta-banner .cta-banner-arrow-right:nth-child(2) {
        right: 40px; }
    .single-ehu_service_gateway .cta-banner:before {
      content: "";
      position: absolute;
      width: 1000px;
      background: #671E75;
      height: 180px;
      float: left;
      margin-left: -1030px;
      margin-top: -30px;
      z-index: -1; }
    .single-ehu_service_gateway .cta-banner:after {
      content: "";
      position: absolute;
      width: 1000px;
      background: #671E75;
      height: 180px;
      float: left;
      right: -1000px;
      top: 0;
      z-index: -1; }
  .single-ehu_service_gateway .external {
    float: left; }
    .single-ehu_service_gateway .external a {
      font-weight: 600; }
  .single-ehu_service_gateway #secondary .service-gateway-cta {
    padding: 30px;
    padding: 2.14286rem;
    background-color: #671E75;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    float: left;
    width: 100%;
    position: relative;
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2; }
    .single-ehu_service_gateway #secondary .service-gateway-cta .fa-li {
      line-height: 1.2; }
    .single-ehu_service_gateway #secondary .service-gateway-cta:after {
      content: "";
      position: absolute;
      right: 24px;
      top: calc(50% - 7.5px);
      height: 15px;
      width: 15px;
      border-top: 2px solid #FFFFFF;
      border-right: 2px solid #FFFFFF;
      transform: rotate(45deg); }
  .single-ehu_service_gateway #secondary .cta-wrap {
    float: left;
    width: 100%;
    color: #FFFFFF;
    padding: 24px 0;
    padding: 1.71429rem 0;
    position: relative; }
    .single-ehu_service_gateway #secondary .cta-wrap input {
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0;
      margin: 0;
      height: 30px;
      width: 30px; }
      .single-ehu_service_gateway #secondary .cta-wrap input:checked + label:after {
        content: "";
        height: 7px;
        width: 14px;
        position: absolute;
        left: 9px;
        top: 10px;
        transition: all .3s ease-in-out;
        border-left: 2px solid #671E75;
        border-bottom: 2px solid #671E75;
        transform: rotate(-45deg); }
    .single-ehu_service_gateway #secondary .cta-wrap label {
      position: relative;
      padding-left: 42px; }
    .single-ehu_service_gateway #secondary .cta-wrap label:before {
      content: "";
      height: 30px;
      width: 30px;
      border: 2px solid #671E75;
      position: absolute;
      left: 0;
      top: 0; }
  .single-ehu_service_gateway #secondary .cta-label {
    float: left;
    color: black;
    width: 100%;
    cursor: pointer; }
  .single-ehu_service_gateway .entry-content {
    /*Create space between the title and preceding content block*/ }
    .single-ehu_service_gateway .entry-content h2 {
      padding-top: 12px;
      padding-top: 0.85714rem;
      margin-top: 48px;
      margin-top: 3.42857rem; }
  .single-ehu_service_gateway .nav-single {
    width: 100%;
    float: left;
    overflow: initial !important;
    position: relative;
    padding: 30px;
    padding: 2.14286rem; }
  .single-ehu_service_gateway .nav-previous, .single-ehu_service_gateway .nav-next {
    position: relative; }
    .single-ehu_service_gateway .nav-previous a, .single-ehu_service_gateway .nav-next a {
      background: #671E75;
      padding: 20px;
      padding: 1.42857rem;
      color: #FFFFFF !important;
      display: inline-block;
      font-size: 16px;
      font-size: 1.14286rem;
      line-height: 1.5; }
      .single-ehu_service_gateway .nav-previous a .fa-li, .single-ehu_service_gateway .nav-next a .fa-li {
        line-height: 1.5; }
      .single-ehu_service_gateway .nav-previous a:hover, .single-ehu_service_gateway .nav-next a:hover {
        background: #43144c; }
      .single-ehu_service_gateway .nav-previous a .meta-nav, .single-ehu_service_gateway .nav-next a .meta-nav {
        color: #FFFFFF; }
  .single-ehu_service_gateway .entry-meta .edit-link {
    padding: 6px; }
  .single-ehu_service_gateway .nav-previous:hover:before {
    content: "Previous";
    float: left;
    color: #671E75;
    position: absolute;
    left: 0;
    top: -20px; }
  .single-ehu_service_gateway .nav-next:hover:before {
    content: "Next";
    float: right;
    color: #671E75;
    position: absolute;
    top: -20px;
    right: 0; }
  .single-ehu_service_gateway .external {
    font-size: 18px;
    font-size: 1.28571rem;
    line-height: 1.33333;
    margin: 24px 0;
    margin: 24px 0/14pxrem; }
    .single-ehu_service_gateway .external .fa-li {
      line-height: 1.33333; }
  .single-ehu_service_gateway li.external {
    margin: 0 0 0 36px;
    margin: 0 0 0 36px/14pxrem; }
  .single-ehu_service_gateway .external-link {
    font-weight: bold; }
    .single-ehu_service_gateway .external-link:hover {
      text-decoration: underline; }
  .single-ehu_service_gateway #secondary .cta-wrap .cta-service-gateway-passthrough-timestamp {
    position: absolute;
    top: calc(100% / 2 - 12px);
    right: 24px; }
  @media screen and (min-width: 1140px) {
    .single-ehu_service_gateway #secondary .cta-label {
      width: 100%; } }
  @media screen and (min-width: 800px) and (max-width: 1130px) {
    .single-ehu_service_gateway #secondary .service-gateway-cta {
      line-height: 1.3;
      padding: 30px 24px;
      padding: 30px 24px/14pxrem; }
    .single-ehu_service_gateway #secondary .cta-wrap {
      padding: 30px 24px;
      padding: 30px 24px/14pxrem; }
    .single-ehu_service_gateway #secondary .cta-wrap .cta-service-gateway-passthrough-timestamp {
      margin-left: 12px;
      margin-left: 0.85714rem; } }
  @media screen and (max-width: 640px) {
    .single-ehu_service_gateway #secondary .cta-wrap .cta-service-gateway-passthrough-timestamp {
      margin-left: 12px;
      margin-left: 0.85714rem; } }
  @media screen and (max-width: 960px) {
    .single-ehu_service_gateway .nav-previous, .single-ehu_service_gateway .nav-next {
      width: 50%; } }
  @media screen and (max-width: 800px) {
    @supports (display: grid) {
      .single-ehu_service_gateway #primary {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas: "primary-header" "secondary" "primary-content"; }
      .single-ehu_service_gateway .entry-header {
        grid-area: primary-header; }
      .single-ehu_service_gateway #content {
        width: 100%;
        grid-area: primary-content; }
      .single-ehu_service_gateway #secondary {
        width: 100%;
        grid-area: secondary;
        padding: 0 12px;
        padding: 0 0.85714rem; }
      .single-ehu_service_gateway #secondary .cta-wrap:nth-of-type(1) a {
        margin: 0 12px;
        margin: 0 0.85714rem; } }
    .single-ehu_service_gateway #secondary {
      clear: left; }
    .single-ehu_service_gateway #content {
      width: 100% !important; }
    .single-ehu_service_gateway .service-gateway-cta {
      margin-top: 24px;
      margin-top: 1.71429rem; }
    .single-ehu_service_gateway .nav-single {
      padding: 0; }
    .single-ehu_service_gateway .entry-meta .show-share {
      width: 100%;
      margin-right: 0 !important;
      min-height: 50px;
      line-height: 1.8; }
    .single-ehu_service_gateway .edit-link {
      margin-top: 12px;
      margin-top: 0.85714rem;
      width: calc(100% - 12px); }
      .single-ehu_service_gateway .edit-link .post-edit-link {
        line-height: 1.8 !important; }
    .single-ehu_service_gateway .sharedaddy.sd-sharing-enabled {
      width: 100%;
      display: block;
      float: left;
      text-align: center; } }
  @media screen and (max-width: 720px) {
    .single-ehu_service_gateway .cta-banner {
      display: none; } }
  @media screen and (max-width: 600px) {
    .single-ehu_service_gateway .nav-previous, .single-ehu_service_gateway .nav-next {
      width: 50%;
      padding: 12px;
      padding: 0.85714rem; }
    .single-ehu_service_gateway .entry-content {
      padding-bottom: 24px !important; }
    .single-ehu_service_gateway .entry-content #ez-toc-container .ez-toc-title {
      background: #671E75;
      color: #FFFFFF;
      padding: 20px;
      padding: 1.42857rem; }
      .single-ehu_service_gateway .entry-content #ez-toc-container .ez-toc-title #ez-toc-container ul {
        list-style-type: none;
        clear: both;
        overflow: auto;
        background: #f2ebf3; }
        .single-ehu_service_gateway .entry-content #ez-toc-container .ez-toc-title #ez-toc-container ul li a {
          padding: 5px;
          padding: 0.35714rem;
          text-decoration: none; }
    .single-ehu_service_gateway .show-share {
      margin-right: 0 !important; } }

.type-information footer, .type-guide footer {
  display: none; }

.type-information .entry-title a, .type-guide .entry-title a {
  padding: 20px;
  padding: 1.42857rem;
  background: #671E75;
  display: block;
  color: #FFFFFF !important;
  /* chevron right */ }
  .type-information .entry-title a:hover, .type-guide .entry-title a:hover {
    background: #b28cb9;
    color: #FFFFFF !important;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .type-information .entry-title a:after, .type-guide .entry-title a:after {
    content: "\f054";
    font-family: FontAwesome;
    float: right;
    color: #FFFFFF !important;
    margin-right: 10px;
    margin-right: 0.71429rem; }
  .type-information .entry-title a:visited, .type-guide .entry-title a:visited {
    color: #FFFFFF !important; }

.type-ehu_service_gateway .was-helpful {
  float: right; }

.type-ehu_service_gateway .active {
  border: none !important; }

.type-ehu_service_gateway .entry-content {
  padding: 12px;
  padding: 0.85714rem;
  overflow: auto;
  float: left;
  padding-bottom: 48px;
  padding-bottom: 3.42857rem; }

.type-ehu_service_gateway .entry-header img.attachment-post-thumbnail {
  display: none; }

.type-ehu_service_gateway .entry-title {
  background: #671E75; }
  .type-ehu_service_gateway .entry-title a {
    color: #FFFFFF !important;
    padding: 20px;
    padding: 1.42857rem;
    display: block; }
    .type-ehu_service_gateway .entry-title a:hover {
      background: #43144c;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
    .type-ehu_service_gateway .entry-title a:visited {
      color: #FFFFFF !important; }
    .type-ehu_service_gateway .entry-title a:after {
      content: "\f054";
      font-family: FontAwesome;
      float: right;
      margin-right: 10px;
      margin-right: 0.71429rem; }
    .type-ehu_service_gateway .entry-title a i {
      margin-right: 12px; }

.type-ehu_service_gateway .entry-meta {
  overflow: auto; }

.service-gateway-status h1 {
  font-size: 2rem; }

.service-gateway-status-current {
  font-size: 1.5rem;
  padding-bottom: 2px; }

.service-gateway-status-current .show-status:before {
  font-family: 'FontAwesome';
  padding-right: .3em;
  font-size: 1.5rem; }

/*Discover landing page*/
/*Discover applicants page*/
.page-template-template-applicants .campaign-head, .page-template-template-avd-homepage .campaign-head {
  margin-top: 24px;
  margin-top: 1.71429rem; }

.page-template-template-applicants #site-navigation, .page-template-template-avd-homepage #site-navigation {
  display: none; }

.page-template-template-applicants .campaign-title, .page-template-template-applicants .cta-row-title, .page-template-template-applicants .spotlight-box-title, .page-template-template-applicants .spotlight-box-text, .page-template-template-avd-homepage .campaign-title, .page-template-template-avd-homepage .cta-row-title, .page-template-template-avd-homepage .spotlight-box-title, .page-template-template-avd-homepage .spotlight-box-text {
  font-family: Helvetica, sans-serif; }

.page-template-template-applicants .applicants-hero, .page-template-template-avd-homepage .applicants-hero {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 24px;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.page-template-template-applicants .applicants-video, .page-template-template-avd-homepage .applicants-video {
  grid-column: 1/5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4; }

.page-template-template-applicants .applicants-ctas, .page-template-template-avd-homepage .applicants-ctas {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.page-template-template-applicants .cta-row.cta-row-app-top, .page-template-template-avd-homepage .cta-row.cta-row-app-top {
  -ms-grid-columns: 1fr 1fr 1fr !important;
  grid-template-columns: repeat(3, 1fr); }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-template-template-applicants .cta-row.cta-row-app-top a, .page-template-template-avd-homepage .cta-row.cta-row-app-top a {
    display: block;
    border: 0 solid transparent;
    border-width: 0 24px 24px 0; }
    .page-template-template-applicants .cta-row.cta-row-app-top a:nth-of-type(1), .page-template-template-avd-homepage .cta-row.cta-row-app-top a:nth-of-type(1) {
      -ms-grid-column: 1; }
    .page-template-template-applicants .cta-row.cta-row-app-top a:nth-of-type(2), .page-template-template-avd-homepage .cta-row.cta-row-app-top a:nth-of-type(2) {
      -ms-grid-column: 2; }
    .page-template-template-applicants .cta-row.cta-row-app-top a:nth-of-type(3), .page-template-template-avd-homepage .cta-row.cta-row-app-top a:nth-of-type(3) {
      -ms-grid-column: 3; }
    .page-template-template-applicants .cta-row.cta-row-app-top a:nth-of-type(4), .page-template-template-avd-homepage .cta-row.cta-row-app-top a:nth-of-type(4) {
      -ms-grid-column: 1;
      -ms-grid-row: 2; }
    .page-template-template-applicants .cta-row.cta-row-app-top a:nth-of-type(5), .page-template-template-avd-homepage .cta-row.cta-row-app-top a:nth-of-type(5) {
      -ms-grid-column: 2;
      -ms-grid-row: 2; }
    .page-template-template-applicants .cta-row.cta-row-app-top a:nth-of-type(6), .page-template-template-avd-homepage .cta-row.cta-row-app-top a:nth-of-type(6) {
      -ms-grid-column: 3;
      -ms-grid-row: 2; }
  .page-template-template-applicants .applicants-video, .page-template-template-avd-homepage .applicants-video {
    border: 0 solid transparent;
    border-width: 0px 24px 0 0; }
  .page-template-template-applicants .spotlight-box, .page-template-template-avd-homepage .spotlight-box {
    margin-right: 24px;
    margin-right: 1.71429rem; } }

.page-template-template-applicants .spotlight-box, .page-template-template-avd-homepage .spotlight-box {
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-column: 5/7;
  text-decoration: none;
  background-color: #685733;
  min-height: 250px;
  padding: 24px;
  padding: 1.71429rem;
  display: flex;
  justify-content: center;
  flex-flow: column; }
  .page-template-template-applicants .spotlight-box:hover, .page-template-template-avd-homepage .spotlight-box:hover {
    background-color: #57492b;
    box-shadow: none !important; }
  .page-template-template-applicants .spotlight-box .cta-row-chevron, .page-template-template-avd-homepage .spotlight-box .cta-row-chevron {
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF; }

.page-template-template-applicants .spotlight-box-title, .page-template-template-avd-homepage .spotlight-box-title {
  font-size: 24px;
  text-transform: uppercase;
  border-bottom: 1px solid #FFFFFF;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem; }

.page-template-template-applicants .spotlight-box-title, .page-template-template-applicants .spotlight-box-text, .page-template-template-avd-homepage .spotlight-box-title, .page-template-template-avd-homepage .spotlight-box-text {
  color: #FFFFFF; }

.page-template-template-applicants .spotlight-box-text, .page-template-template-avd-homepage .spotlight-box-text {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.page-template-template-applicants .spotlight-cta, .page-template-template-avd-homepage .spotlight-cta {
  background-color: #FFFFFF;
  color: #685733;
  text-decoration: none;
  padding: 12px;
  padding: 0.85714rem;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
  display: block;
  font-family: Helvetica, sans-serif;
  width: 100%;
  text-align: center;
  position: relative; }
  .page-template-template-applicants .spotlight-cta:hover, .page-template-template-avd-homepage .spotlight-cta:hover {
    color: #685733 !important; }
  .page-template-template-applicants .spotlight-cta:visited, .page-template-template-avd-homepage .spotlight-cta:visited {
    color: #685733 !important; }
  .page-template-template-applicants .spotlight-cta:after, .page-template-template-avd-homepage .spotlight-cta:after {
    content: "";
    width: 15px;
    height: 15px;
    border-top: 1px solid #685733;
    border-right: 1px solid #685733;
    transform: rotate(45deg);
    position: absolute;
    top: 16px;
    right: 24px; }

@media screen and (max-width: 800px) {
  .page-template-template-applicants .cta-row-title, .page-template-template-applicants .campaign-container a.profile-cta {
    font-size: 18px !important; }
  .page-template-template-applicants .campaign-container a.profile-cta span {
    right: 12px; }
  .page-template-template-applicants .cta-row {
    display: grid !important;
    grid-gap: 12px !important; }
  .page-template-template-applicants .cta-row a {
    padding: 0 !important;
    border-bottom: 0 !important; }
  .page-template-template-applicants .cta-row-img {
    display: block !important; }
  .page-template-template-applicants .cta-row-chevron {
    width: 10px !important;
    height: 10px !important;
    top: calc(100% / 2 - 5px) !important; }
  .page-template-template-applicants .spotlight-box {
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-column: 1/-1;
    -ms-grid-row: 1;
    grid-row: 1; }
  .page-template-template-applicants .applicants-video {
    grid-column: 1/-1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    -ms-grid-row: 2; } }

@media screen and (max-width: 800px) and (-ms-high-contrast: active), screen and (max-width: 800px) and (-ms-high-contrast: none) {
  .page-template-template-applicants .cta-row {
    display: -ms-grid !important; }
  .page-template-template-applicants .cta-row.cta-row-app-top {
    -ms-grid-columns: 1fr 1fr !important; }
  .page-template-template-applicants .spotlight-box {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }
  .page-template-template-applicants a {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }
    .page-template-template-applicants a:nth-of-type(1) {
      -ms-grid-column: 1 !important; }
    .page-template-template-applicants a:nth-of-type(2) {
      -ms-grid-column: 2 !important; }
    .page-template-template-applicants a:nth-of-type(3) {
      -ms-grid-column: 1 !important;
      -ms-grid-row: 2 !important; }
    .page-template-template-applicants a:nth-of-type(4) {
      -ms-grid-column: 2 !important;
      -ms-grid-row: 2 !important; }
    .page-template-template-applicants a:nth-of-type(5) {
      -ms-grid-column: 1 !important;
      -ms-grid-row: 3 !important; }
    .page-template-template-applicants a:nth-of-type(6) {
      -ms-grid-column: 2 !important;
      -ms-grid-row: 3 !important; } }

@media screen and (max-width: 600px) {
  .page-template-template-applicants .cta-row.cta-row-app-top {
    grid-template-columns: 1fr 1fr !important; }
  .applicants-hero {
    -ms-grid-columns: 1fr 1fr; } }

/*Applicant visit day styles*/
.page-template-template-avd-homepage img {
  max-width: 100%; }

.page-template-template-avd-homepage .department-head {
  color: #685733;
  font-size: 28px;
  font-size: 2rem;
  line-height: 1.71429;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }
  .page-template-template-avd-homepage .department-head .fa-li {
    line-height: 1.71429; }

.page-template-template-avd-homepage .avd-departments-grid {
  display: grid;
  display: -ms-grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0 24px;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }
  .page-template-template-avd-homepage .avd-departments-grid a {
    text-decoration: none;
    color: #685733; }

.page-template-template-avd-homepage .avd-panel-title {
  background-color: #FFFFFF;
  color: #685733;
  margin-right: 24px;
  top: -24px;
  position: relative;
  padding: 6px 12px;
  border-top: 3px solid #685733;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .page-template-template-avd-homepage .avd-panel-title .fa-li {
    line-height: 1.5; }

.page-template-template-avd-homepage .avd-departments-panel {
  grid-column: span 1;
  -ms-grid-column-span: 1; }

.page-template-template-avd-homepage .content_discover h2 {
  font-size: 28px !important; }

.page-template-template-avd-homepage .full-width-row-grid {
  grid-gap: 24px !important; }

.page-template-template-avd-homepage .full-width-row-grid-panel {
  background-color: #a89d890f;
  padding: 24px;
  padding: 1.71429rem; }

.page-template-template-avd-homepage .full-width-row {
  padding-top: 24px !important;
  margin-top: 0 !important; }

.page-template-template-avd-homepage .full-width-row-grid-panel a {
  display: inline !important;
  text-decoration: underline !important;
  color: #685733 !important; }

.page-template-template-avd-homepage .icon-wrapper {
  font-size: 2em;
  color: #FFFFFF;
  width: 60px !important;
  height: 60px !important;
  background-color: #671E75 !important;
  margin-top: 6px;
  margin-top: 0.42857rem; }

.page-template-template-avd-homepage .discover-live-hero .content .titles {
  position: relative; }

.page-template-template-avd-homepage .campaign-head .campaign-title-sub {
  float: left !important; }

.page-template-template-avd-homepage .discover-live-hero, .page-template-template-avd-homepage .entry-content {
  top: 0 !important; }

.page-template-template-avd-homepage .applicants-video {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

@media screen and (max-width: 600px) {
  .page-template-template-avd-homepage .avd-departments-grid {
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr; } }

@media screen and (min-width: 601px) and (max-width: 800px) {
  .page-template-template-avd-homepage .avd-departments-grid {
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr; } }

/*Applicant visit day department page*/
@media screen and (max-width: 600px) {
  .page-template-template-avd-department .gateway-ctas {
    grid-template-columns: 1fr !important; } }

/*Open day cta banner*/
.thicker {
  font-weight: bold; }

/*Version 3*/
.open-day-title-wrapv3 {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-right: 1.71429rem; }

.open-day-titlev3 {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.2;
  color: #FFFFFF !important;
  padding: 12px;
  display: block;
  border: solid 1px #685733; }
  .open-day-titlev3 .fa-li {
    line-height: 1.2; }

.open-day-titlev3:hover {
  background-color: #FFFFFF;
  border: solid 1px #FFFFFF;
  color: #685733 !important; }

.thicker {
  font-weight: bold; }

.open-day-cta-wrapv3 {
  font-family: Helvetica, sans-serif;
  background-color: #685733;
  padding: 12px 0;
  padding: 0.85714rem 0;
  margin-top: 0;
  margin-bottom: 0;
  box-shadow: inset 4px 4px 11px #4b3e22; }
  .open-day-cta-wrapv3 .containerv3 {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    max-width: 85.71429rem; }

.open-day-cta-listv3 li {
  display: inline;
  position: relative;
  vertical-align: bottom; }
  .open-day-cta-listv3 li:nth-of-type(1) .open-day-cta-btnv3:before {
    content: "1"; }
  .open-day-cta-listv3 li:nth-of-type(2) .open-day-cta-btnv3:before {
    content: "2"; }
  .open-day-cta-listv3 li:nth-of-type(3) .open-day-cta-btnv3:before {
    content: "3"; }
  .open-day-cta-listv3 li:nth-of-type(4) .open-day-cta-btnv3:before {
    content: "4"; }
  .open-day-cta-listv3 li:nth-of-type(5) .open-day-cta-btnv3:before {
    content: "5"; }
  .open-day-cta-listv3 li:nth-of-type(6) .open-day-cta-btnv3:before {
    content: "\f073";
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 1.5em; }
  .open-day-cta-listv3 li:nth-of-type(7) .open-day-cta-btnv3:before {
    content: "\f041";
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 1.5em; }
  .open-day-cta-listv3 li .schedule-btn {
    float: right;
    overflow: hidden;
    vertical-align: bottom;
    max-width: 215px;
    margin-right: 0 !important;
    border: 1px solid #FFFFFF;
    background-color: #685733;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .open-day-cta-listv3 li .schedule-btn span, .open-day-cta-listv3 li .schedule-btn-dropdown {
    display: none; }
  .open-day-cta-listv3 li .schedule-btn:hover {
    max-width: 1185px;
    color: #685733 !important;
    background-color: #FFFFFF; }
  .open-day-cta-listv3 li .schedule-btn:hover span {
    display: inherit; }
  .open-day-cta-listv3 li .schedule-btn .fa, .open-day-cta-listv3 li .schedule-btn:hover .fa {
    display: inline;
    margin-left: 12px; }
  .open-day-cta-listv3 li .schedule-btn-dropdown {
    margin-top: 44px;
    border: 1px solid #FFFFFF;
    background-color: #685733;
    font-size: 12px;
    color: #FFFFFF;
    -webkit-box-shadow: -15px 0px 20px -10px black;
    -moz-box-shadow: -15px 0px 20px -10px black;
    box-shadow: -15px 0px 20px -10px black; }
  .open-day-cta-listv3 li .schedule-btn-dropdown li {
    display: block;
    border-bottom: 1px solid #4E4126;
    background-color: #685733;
    background-color: #534528;
    padding: 0.85714rem;
    padding: 6px;
    z-index: 1; }
  .open-day-cta-listv3 li .schedule-btn-dropdown li .title {
    display: block;
    padding: 0.85714rem;
    text-transform: uppercase;
    font-weight: bold; }
  .open-day-cta-listv3 li .schedule-btn-dropdown li .title .time {
    text-transform: lowercase;
    font-weight: normal; }
  .open-day-cta-listv3 li .schedule-btn-dropdown li .event_progress {
    border: 1px solid #4E4126;
    border-bottom: 0;
    background-color: #534528;
    background-color: #4E4126;
    border-top: 0; }
  .open-day-cta-listv3 li .schedule-btn-dropdown li .event_progress div {
    height: 6px;
    background: #FFFFFF; }
  .open-day-cta-listv3 li .schedule-btn-dropdown li a {
    display: block;
    border: 1px solid #4E4126;
    background-color: #685733;
    padding: 0.85714rem;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF; }
  .open-day-cta-listv3 li .schedule-btn-dropdown li a:hover {
    background-color: #FFFFFF;
    color: #685733; }
  .open-day-cta-listv3 li .schedule-btn-dropdown li a .fa {
    float: right;
    margin-top: 5px; }
  @media screen and (max-width: 800px) {
    .open-day-cta-listv3 li .schedule-btn {
      float: unset;
      max-width: unset;
      border-bottom: 0; }
    .open-day-cta-listv3 li .schedule-btn span, .open-day-cta-listv3 li .schedule-btn-dropdown {
      display: block; }
    .open-day-cta-listv3 li .schedule-btn .fa {
      display: none; }
    .open-day-cta-listv3 li .schedule-btn-dropdown {
      margin-top: -4px; }
    .open-day-cta-listv3 li .schedule-btn-dropdown li {
      margin-left: 2.3rem; }
    .open-day-cta-listv3 li .schedule-btn-dropdown li .title {
      padding-left: 0; } }

.open-day-cta-listv3 .schedule-btn.od-active {
  color: #685733 !important;
  background-color: #FFFFFF !important; }
  .open-day-cta-listv3 .schedule-btn.od-active:hover {
    color: #685733 !important;
    background-color: #FFFFFF !important; }

@media screen and (min-width: 800px) {
  .open-day-cta-listv3 li:last-of-type {
    position: absolute;
    right: 0.5rem; }
  .open-day-cta-listv3 li ul li:last-of-type {
    position: relative;
    right: unset; }
  .open-day-cta-listv3 li:last-of-type:hover .schedule-btn {
    border-bottom: 0;
    background-color: #534528; }
  .open-day-cta-listv3 li:last-of-type:hover .schedule-btn-dropdown {
    display: inherit; }
  .open-day-cta-listv3 li:last-of-type .schedule-btn:hover {
    background-color: #FFFFFF; } }

.open-day-cta-btnv3 {
  text-decoration: none;
  padding: 12px;
  padding: 0.85714rem;
  margin-right: 12px;
  margin-right: 0.85714rem;
  border: 1px solid #FFFFFF;
  color: #FFFFFF !important;
  position: relative;
  padding-left: 42px;
  padding-left: 3rem;
  border-left: 0;
  display: inline-block;
  font-size: 12px; }
  .open-day-cta-btnv3:before {
    color: #685733 !important;
    position: absolute;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #FFFFFF;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    font-size: 1.85714rem;
    line-height: 1.84615;
    font-weight: bold; }
    .open-day-cta-btnv3:before .fa-li {
      line-height: 1.84615; }

.open-day-cta-btnv3.od-active, .open-day-cta-btnv3:hover {
  color: #685733 !important;
  background-color: #FFFFFF;
  font-weight: normal; }

.schedule-btn:hover {
  color: #FFFFFF !important; }

/*subject and departments dropdown*/
.sd-btn span {
  margin-left: 12px; }

.sd-dd {
  position: absolute;
  left: 0;
  top: 30px;
  width: calc(100% - 16px);
  z-index: 10;
  display: none; }
  .sd-dd li a:hover {
    background-color: #534528; }
  .sd-dd a {
    background-color: #685733;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    padding: 12px 12px 12px 12px;
    padding: 0.85714rem 0.85714rem 0.85714rem 0.85714rem;
    font-size: 12px; }

.open-day-cta-listv3 li:first-of-type:hover .sd-dd {
  display: block; }

@media screen and (max-width: 800px) {
  .open-day-cta-wrapv3 {
    margin: 0;
    padding: 12px;
    padding: 0.85714rem;
    overflow: auto; }
  .open-day-cta-listv3 {
    display: none;
    overflow: auto;
    float: left;
    width: 100%; }
  .open-day-cta-btnv3 {
    display: block;
    margin-right: 0;
    clear: both;
    margin-bottom: 3px; }
  .open-day-title-wrapv3 {
    margin-bottom: 12px;
    width: 100%;
    position: relative; }
  span#od-menu-trig {
    width: 40px;
    height: 40px;
    border: 1px solid #FFFFFF;
    position: absolute;
    right: 0;
    top: 4px;
    cursor: pointer; }
    span#od-menu-trig:before {
      content: "";
      width: 15px;
      height: 15px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      top: 20%;
      left: 11px;
      transform: rotate(134deg);
      position: absolute; }
  /*subjects and departments dropdown*/
  .sd-btn {
    margin-bottom: 0;
    border-bottom: 0; }
    .sd-btn span {
      display: none; }
  .sd-dd {
    display: block;
    position: relative;
    top: 0;
    width: 100%;
    border: 1px solid #fff;
    border-top: 0;
    text-indent: 2rem;
    margin-bottom: 3px; } }

@media screen and (min-width: 801px) and (max-width: 1300px) {
  .open-day-cta-wrapv3 {
    width: 100vw;
    position: relative;
    padding: 12px 48px;
    padding: 0.85714rem 3.42857rem; }
  .open-day-cta-btnv3 {
    margin-bottom: 12px;
    margin-bottom: 0.85714rem; } }

/*End open day cta banner*/
.page-template-template-discover-virtual_open_day_campaign .content_discover h2 {
  font-size: 28px !important; }

.tax-Subjects #main,
.page-template-template-subject-gateway-intermediary-undergrad #main,
.page-template-template-subject-gateway-intermediary-postgrad #main,
.page-template-template-gateway-accom #main, .page-template-template-gateway-support #main,
.page-template-template-gateway-studentlife #main, .page-template-template-gateway-subjects #main,
.page-template-template-gateway-subjects-postgrad #main, .page-template-template-gateway-apply #main,
.page-template-template-gateway-apply-sub #main, .page-template-template-gateway-studentlife-sub #main,
.page-template-template-gateway-support-sub #main, .page-template-template-gateway-accom-sub #main,
.page-template-template-gateway-subjects-sub #main, .page-template-template-gateway-schedule-sub #main,
.page-template-template-pgce-information-evening #main, .page-template-template-avd-homepage #main,
.page-template-template-vod-subject #main, .page-template-template-vod-gateway #main, .page-template-template-vod-schedule #main {
  width: 100%;
  font-family: Helvetica, sans-serif; }

.tax-Subjects .entry-content,
.page-template-template-subject-gateway-intermediary-undergrad .entry-content,
.page-template-template-subject-gateway-intermediary-postgrad .entry-content,
.page-template-template-gateway-accom .entry-content, .page-template-template-gateway-support .entry-content,
.page-template-template-gateway-studentlife .entry-content, .page-template-template-gateway-subjects .entry-content,
.page-template-template-gateway-subjects-postgrad .entry-content, .page-template-template-gateway-apply .entry-content,
.page-template-template-gateway-apply-sub .entry-content, .page-template-template-gateway-studentlife-sub .entry-content,
.page-template-template-gateway-support-sub .entry-content, .page-template-template-gateway-accom-sub .entry-content,
.page-template-template-gateway-subjects-sub .entry-content, .page-template-template-gateway-schedule-sub .entry-content,
.page-template-template-pgce-information-evening .entry-content, .page-template-template-avd-homepage .entry-content,
.page-template-template-vod-subject .entry-content, .page-template-template-vod-gateway .entry-content, .page-template-template-vod-schedule .entry-content {
  top: -48px;
  position: relative; }

.tax-Subjects .gateway-lead-img-wrap,
.page-template-template-subject-gateway-intermediary-undergrad .gateway-lead-img-wrap,
.page-template-template-subject-gateway-intermediary-postgrad .gateway-lead-img-wrap,
.page-template-template-gateway-accom .gateway-lead-img-wrap, .page-template-template-gateway-support .gateway-lead-img-wrap,
.page-template-template-gateway-studentlife .gateway-lead-img-wrap, .page-template-template-gateway-subjects .gateway-lead-img-wrap,
.page-template-template-gateway-subjects-postgrad .gateway-lead-img-wrap, .page-template-template-gateway-apply .gateway-lead-img-wrap,
.page-template-template-gateway-apply-sub .gateway-lead-img-wrap, .page-template-template-gateway-studentlife-sub .gateway-lead-img-wrap,
.page-template-template-gateway-support-sub .gateway-lead-img-wrap, .page-template-template-gateway-accom-sub .gateway-lead-img-wrap,
.page-template-template-gateway-subjects-sub .gateway-lead-img-wrap, .page-template-template-gateway-schedule-sub .gateway-lead-img-wrap,
.page-template-template-pgce-information-evening .gateway-lead-img-wrap, .page-template-template-avd-homepage .gateway-lead-img-wrap,
.page-template-template-vod-subject .gateway-lead-img-wrap, .page-template-template-vod-gateway .gateway-lead-img-wrap, .page-template-template-vod-schedule .gateway-lead-img-wrap {
  min-height: 50vh;
  width: 100%;
  position: relative; }

.tax-Subjects .accom-img,
.page-template-template-subject-gateway-intermediary-undergrad .accom-img,
.page-template-template-subject-gateway-intermediary-postgrad .accom-img,
.page-template-template-gateway-accom .accom-img, .page-template-template-gateway-support .accom-img,
.page-template-template-gateway-studentlife .accom-img, .page-template-template-gateway-subjects .accom-img,
.page-template-template-gateway-subjects-postgrad .accom-img, .page-template-template-gateway-apply .accom-img,
.page-template-template-gateway-apply-sub .accom-img, .page-template-template-gateway-studentlife-sub .accom-img,
.page-template-template-gateway-support-sub .accom-img, .page-template-template-gateway-accom-sub .accom-img,
.page-template-template-gateway-subjects-sub .accom-img, .page-template-template-gateway-schedule-sub .accom-img,
.page-template-template-pgce-information-evening .accom-img, .page-template-template-avd-homepage .accom-img,
.page-template-template-vod-subject .accom-img, .page-template-template-vod-gateway .accom-img, .page-template-template-vod-schedule .accom-img {
  background: url("//www.edgehill.ac.uk/study/files/2018/09/Chancellors-Court-Gallery-51.jpg") center 62%/cover no-repeat; }

.tax-Subjects .support-img,
.page-template-template-subject-gateway-intermediary-undergrad .support-img,
.page-template-template-subject-gateway-intermediary-postgrad .support-img,
.page-template-template-gateway-accom .support-img, .page-template-template-gateway-support .support-img,
.page-template-template-gateway-studentlife .support-img, .page-template-template-gateway-subjects .support-img,
.page-template-template-gateway-subjects-postgrad .support-img, .page-template-template-gateway-apply .support-img,
.page-template-template-gateway-apply-sub .support-img, .page-template-template-gateway-studentlife-sub .support-img,
.page-template-template-gateway-support-sub .support-img, .page-template-template-gateway-accom-sub .support-img,
.page-template-template-gateway-subjects-sub .support-img, .page-template-template-gateway-schedule-sub .support-img,
.page-template-template-pgce-information-evening .support-img, .page-template-template-avd-homepage .support-img,
.page-template-template-vod-subject .support-img, .page-template-template-vod-gateway .support-img, .page-template-template-vod-schedule .support-img {
  background: url("/images/vod/student-support-hero-min.jpg") no-repeat center 69%/cover; }

.tax-Subjects .studentlife-img,
.page-template-template-subject-gateway-intermediary-undergrad .studentlife-img,
.page-template-template-subject-gateway-intermediary-postgrad .studentlife-img,
.page-template-template-gateway-accom .studentlife-img, .page-template-template-gateway-support .studentlife-img,
.page-template-template-gateway-studentlife .studentlife-img, .page-template-template-gateway-subjects .studentlife-img,
.page-template-template-gateway-subjects-postgrad .studentlife-img, .page-template-template-gateway-apply .studentlife-img,
.page-template-template-gateway-apply-sub .studentlife-img, .page-template-template-gateway-studentlife-sub .studentlife-img,
.page-template-template-gateway-support-sub .studentlife-img, .page-template-template-gateway-accom-sub .studentlife-img,
.page-template-template-gateway-subjects-sub .studentlife-img, .page-template-template-gateway-schedule-sub .studentlife-img,
.page-template-template-pgce-information-evening .studentlife-img, .page-template-template-avd-homepage .studentlife-img,
.page-template-template-vod-subject .studentlife-img, .page-template-template-vod-gateway .studentlife-img, .page-template-template-vod-schedule .studentlife-img {
  background: url("/images/vod/student-life-hero-min.jpg") no-repeat center 74%/cover; }

.tax-Subjects .subjects-img,
.page-template-template-subject-gateway-intermediary-undergrad .subjects-img,
.page-template-template-subject-gateway-intermediary-postgrad .subjects-img,
.page-template-template-gateway-accom .subjects-img, .page-template-template-gateway-support .subjects-img,
.page-template-template-gateway-studentlife .subjects-img, .page-template-template-gateway-subjects .subjects-img,
.page-template-template-gateway-subjects-postgrad .subjects-img, .page-template-template-gateway-apply .subjects-img,
.page-template-template-gateway-apply-sub .subjects-img, .page-template-template-gateway-studentlife-sub .subjects-img,
.page-template-template-gateway-support-sub .subjects-img, .page-template-template-gateway-accom-sub .subjects-img,
.page-template-template-gateway-subjects-sub .subjects-img, .page-template-template-gateway-schedule-sub .subjects-img,
.page-template-template-pgce-information-evening .subjects-img, .page-template-template-avd-homepage .subjects-img,
.page-template-template-vod-subject .subjects-img, .page-template-template-vod-gateway .subjects-img, .page-template-template-vod-schedule .subjects-img {
  background: url("/study/files/2019/12/Midwifery-1.jpg") no-repeat center 28%/cover; }

.tax-Subjects .apply-img,
.page-template-template-subject-gateway-intermediary-undergrad .apply-img,
.page-template-template-subject-gateway-intermediary-postgrad .apply-img,
.page-template-template-gateway-accom .apply-img, .page-template-template-gateway-support .apply-img,
.page-template-template-gateway-studentlife .apply-img, .page-template-template-gateway-subjects .apply-img,
.page-template-template-gateway-subjects-postgrad .apply-img, .page-template-template-gateway-apply .apply-img,
.page-template-template-gateway-apply-sub .apply-img, .page-template-template-gateway-studentlife-sub .apply-img,
.page-template-template-gateway-support-sub .apply-img, .page-template-template-gateway-accom-sub .apply-img,
.page-template-template-gateway-subjects-sub .apply-img, .page-template-template-gateway-schedule-sub .apply-img,
.page-template-template-pgce-information-evening .apply-img, .page-template-template-avd-homepage .apply-img,
.page-template-template-vod-subject .apply-img, .page-template-template-vod-gateway .apply-img, .page-template-template-vod-schedule .apply-img {
  background: url("/images/vod/how-to-apply-hero-min.jpg") no-repeat center 62%/cover; }

.tax-Subjects .schedule-img,
.page-template-template-subject-gateway-intermediary-undergrad .schedule-img,
.page-template-template-subject-gateway-intermediary-postgrad .schedule-img,
.page-template-template-gateway-accom .schedule-img, .page-template-template-gateway-support .schedule-img,
.page-template-template-gateway-studentlife .schedule-img, .page-template-template-gateway-subjects .schedule-img,
.page-template-template-gateway-subjects-postgrad .schedule-img, .page-template-template-gateway-apply .schedule-img,
.page-template-template-gateway-apply-sub .schedule-img, .page-template-template-gateway-studentlife-sub .schedule-img,
.page-template-template-gateway-support-sub .schedule-img, .page-template-template-gateway-accom-sub .schedule-img,
.page-template-template-gateway-subjects-sub .schedule-img, .page-template-template-gateway-schedule-sub .schedule-img,
.page-template-template-pgce-information-evening .schedule-img, .page-template-template-avd-homepage .schedule-img,
.page-template-template-vod-subject .schedule-img, .page-template-template-vod-gateway .schedule-img, .page-template-template-vod-schedule .schedule-img {
  background: url("/study/files/2017/12/Main-Halls.jpg") no-repeat center 69%/cover; }

.tax-Subjects .pgce-img,
.page-template-template-subject-gateway-intermediary-undergrad .pgce-img,
.page-template-template-subject-gateway-intermediary-postgrad .pgce-img,
.page-template-template-gateway-accom .pgce-img, .page-template-template-gateway-support .pgce-img,
.page-template-template-gateway-studentlife .pgce-img, .page-template-template-gateway-subjects .pgce-img,
.page-template-template-gateway-subjects-postgrad .pgce-img, .page-template-template-gateway-apply .pgce-img,
.page-template-template-gateway-apply-sub .pgce-img, .page-template-template-gateway-studentlife-sub .pgce-img,
.page-template-template-gateway-support-sub .pgce-img, .page-template-template-gateway-accom-sub .pgce-img,
.page-template-template-gateway-subjects-sub .pgce-img, .page-template-template-gateway-schedule-sub .pgce-img,
.page-template-template-pgce-information-evening .pgce-img, .page-template-template-avd-homepage .pgce-img,
.page-template-template-vod-subject .pgce-img, .page-template-template-vod-gateway .pgce-img, .page-template-template-vod-schedule .pgce-img {
  background: url("/images/vod/pgce-open-evening-min.jpg") no-repeat center top/cover; }

.tax-Subjects .gateway-text-wrap,
.page-template-template-subject-gateway-intermediary-undergrad .gateway-text-wrap,
.page-template-template-subject-gateway-intermediary-postgrad .gateway-text-wrap,
.page-template-template-gateway-accom .gateway-text-wrap, .page-template-template-gateway-support .gateway-text-wrap,
.page-template-template-gateway-studentlife .gateway-text-wrap, .page-template-template-gateway-subjects .gateway-text-wrap,
.page-template-template-gateway-subjects-postgrad .gateway-text-wrap, .page-template-template-gateway-apply .gateway-text-wrap,
.page-template-template-gateway-apply-sub .gateway-text-wrap, .page-template-template-gateway-studentlife-sub .gateway-text-wrap,
.page-template-template-gateway-support-sub .gateway-text-wrap, .page-template-template-gateway-accom-sub .gateway-text-wrap,
.page-template-template-gateway-subjects-sub .gateway-text-wrap, .page-template-template-gateway-schedule-sub .gateway-text-wrap,
.page-template-template-pgce-information-evening .gateway-text-wrap, .page-template-template-avd-homepage .gateway-text-wrap,
.page-template-template-vod-subject .gateway-text-wrap, .page-template-template-vod-gateway .gateway-text-wrap, .page-template-template-vod-schedule .gateway-text-wrap {
  background-color: #FFFFFF;
  position: relative;
  top: -48px;
  padding: 24px 24px 24px 0;
  padding: 1.71429rem 1.71429rem 1.71429rem 0; }

.tax-Subjects .gateway-title,
.page-template-template-subject-gateway-intermediary-undergrad .gateway-title,
.page-template-template-subject-gateway-intermediary-postgrad .gateway-title,
.page-template-template-gateway-accom .gateway-title, .page-template-template-gateway-support .gateway-title,
.page-template-template-gateway-studentlife .gateway-title, .page-template-template-gateway-subjects .gateway-title,
.page-template-template-gateway-subjects-postgrad .gateway-title, .page-template-template-gateway-apply .gateway-title,
.page-template-template-gateway-apply-sub .gateway-title, .page-template-template-gateway-studentlife-sub .gateway-title,
.page-template-template-gateway-support-sub .gateway-title, .page-template-template-gateway-accom-sub .gateway-title,
.page-template-template-gateway-subjects-sub .gateway-title, .page-template-template-gateway-schedule-sub .gateway-title,
.page-template-template-pgce-information-evening .gateway-title, .page-template-template-avd-homepage .gateway-title,
.page-template-template-vod-subject .gateway-title, .page-template-template-vod-gateway .gateway-title, .page-template-template-vod-schedule .gateway-title {
  font-size: 48px;
  font-size: 3.42857rem;
  line-height: 1;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
  color: #FFFFFF;
  background-color: #685733;
  font-weight: 400;
  padding: 6px 12px;
  padding: 0.42857rem 0.85714rem;
  display: inline-block; }
  .tax-Subjects .gateway-title .fa-li,
  .page-template-template-subject-gateway-intermediary-undergrad .gateway-title .fa-li,
  .page-template-template-subject-gateway-intermediary-postgrad .gateway-title .fa-li,
  .page-template-template-gateway-accom .gateway-title .fa-li, .page-template-template-gateway-support .gateway-title .fa-li,
  .page-template-template-gateway-studentlife .gateway-title .fa-li, .page-template-template-gateway-subjects .gateway-title .fa-li,
  .page-template-template-gateway-subjects-postgrad .gateway-title .fa-li, .page-template-template-gateway-apply .gateway-title .fa-li,
  .page-template-template-gateway-apply-sub .gateway-title .fa-li, .page-template-template-gateway-studentlife-sub .gateway-title .fa-li,
  .page-template-template-gateway-support-sub .gateway-title .fa-li, .page-template-template-gateway-accom-sub .gateway-title .fa-li,
  .page-template-template-gateway-subjects-sub .gateway-title .fa-li, .page-template-template-gateway-schedule-sub .gateway-title .fa-li,
  .page-template-template-pgce-information-evening .gateway-title .fa-li, .page-template-template-avd-homepage .gateway-title .fa-li,
  .page-template-template-vod-subject .gateway-title .fa-li, .page-template-template-vod-gateway .gateway-title .fa-li, .page-template-template-vod-schedule .gateway-title .fa-li {
    line-height: 1; }

.tax-Subjects .gateway-header,
.page-template-template-subject-gateway-intermediary-undergrad .gateway-header,
.page-template-template-subject-gateway-intermediary-postgrad .gateway-header,
.page-template-template-gateway-accom .gateway-header, .page-template-template-gateway-support .gateway-header,
.page-template-template-gateway-studentlife .gateway-header, .page-template-template-gateway-subjects .gateway-header,
.page-template-template-gateway-subjects-postgrad .gateway-header, .page-template-template-gateway-apply .gateway-header,
.page-template-template-gateway-apply-sub .gateway-header, .page-template-template-gateway-studentlife-sub .gateway-header,
.page-template-template-gateway-support-sub .gateway-header, .page-template-template-gateway-accom-sub .gateway-header,
.page-template-template-gateway-subjects-sub .gateway-header, .page-template-template-gateway-schedule-sub .gateway-header,
.page-template-template-pgce-information-evening .gateway-header, .page-template-template-avd-homepage .gateway-header,
.page-template-template-vod-subject .gateway-header, .page-template-template-vod-gateway .gateway-header, .page-template-template-vod-schedule .gateway-header {
  position: relative;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.tax-Subjects .gateway-intro,
.page-template-template-subject-gateway-intermediary-undergrad .gateway-intro,
.page-template-template-subject-gateway-intermediary-postgrad .gateway-intro,
.page-template-template-gateway-accom .gateway-intro, .page-template-template-gateway-support .gateway-intro,
.page-template-template-gateway-studentlife .gateway-intro, .page-template-template-gateway-subjects .gateway-intro,
.page-template-template-gateway-subjects-postgrad .gateway-intro, .page-template-template-gateway-apply .gateway-intro,
.page-template-template-gateway-apply-sub .gateway-intro, .page-template-template-gateway-studentlife-sub .gateway-intro,
.page-template-template-gateway-support-sub .gateway-intro, .page-template-template-gateway-accom-sub .gateway-intro,
.page-template-template-gateway-subjects-sub .gateway-intro, .page-template-template-gateway-schedule-sub .gateway-intro,
.page-template-template-pgce-information-evening .gateway-intro, .page-template-template-avd-homepage .gateway-intro,
.page-template-template-vod-subject .gateway-intro, .page-template-template-vod-gateway .gateway-intro, .page-template-template-vod-schedule .gateway-intro {
  padding: 12px;
  padding: 0.85714rem;
  font-size: 16px; }

.tax-Subjects .gateway-ctas,
.page-template-template-subject-gateway-intermediary-undergrad .gateway-ctas,
.page-template-template-subject-gateway-intermediary-postgrad .gateway-ctas,
.page-template-template-gateway-accom .gateway-ctas, .page-template-template-gateway-support .gateway-ctas,
.page-template-template-gateway-studentlife .gateway-ctas, .page-template-template-gateway-subjects .gateway-ctas,
.page-template-template-gateway-subjects-postgrad .gateway-ctas, .page-template-template-gateway-apply .gateway-ctas,
.page-template-template-gateway-apply-sub .gateway-ctas, .page-template-template-gateway-studentlife-sub .gateway-ctas,
.page-template-template-gateway-support-sub .gateway-ctas, .page-template-template-gateway-accom-sub .gateway-ctas,
.page-template-template-gateway-subjects-sub .gateway-ctas, .page-template-template-gateway-schedule-sub .gateway-ctas,
.page-template-template-pgce-information-evening .gateway-ctas, .page-template-template-avd-homepage .gateway-ctas,
.page-template-template-vod-subject .gateway-ctas, .page-template-template-vod-gateway .gateway-ctas, .page-template-template-vod-schedule .gateway-ctas {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 24px;
  margin-top: -48px;
  text-align: center; }
  .tax-Subjects .gateway-ctas li,
  .page-template-template-subject-gateway-intermediary-undergrad .gateway-ctas li,
  .page-template-template-subject-gateway-intermediary-postgrad .gateway-ctas li,
  .page-template-template-gateway-accom .gateway-ctas li, .page-template-template-gateway-support .gateway-ctas li,
  .page-template-template-gateway-studentlife .gateway-ctas li, .page-template-template-gateway-subjects .gateway-ctas li,
  .page-template-template-gateway-subjects-postgrad .gateway-ctas li, .page-template-template-gateway-apply .gateway-ctas li,
  .page-template-template-gateway-apply-sub .gateway-ctas li, .page-template-template-gateway-studentlife-sub .gateway-ctas li,
  .page-template-template-gateway-support-sub .gateway-ctas li, .page-template-template-gateway-accom-sub .gateway-ctas li,
  .page-template-template-gateway-subjects-sub .gateway-ctas li, .page-template-template-gateway-schedule-sub .gateway-ctas li,
  .page-template-template-pgce-information-evening .gateway-ctas li, .page-template-template-avd-homepage .gateway-ctas li,
  .page-template-template-vod-subject .gateway-ctas li, .page-template-template-vod-gateway .gateway-ctas li, .page-template-template-vod-schedule .gateway-ctas li {
    background-image: linear-gradient(to top left, #fbfbf905 48%, #685733 0%);
    background-color: #685733;
    text-align: center; }
    .tax-Subjects .gateway-ctas li:hover,
    .page-template-template-subject-gateway-intermediary-undergrad .gateway-ctas li:hover,
    .page-template-template-subject-gateway-intermediary-postgrad .gateway-ctas li:hover,
    .page-template-template-gateway-accom .gateway-ctas li:hover, .page-template-template-gateway-support .gateway-ctas li:hover,
    .page-template-template-gateway-studentlife .gateway-ctas li:hover, .page-template-template-gateway-subjects .gateway-ctas li:hover,
    .page-template-template-gateway-subjects-postgrad .gateway-ctas li:hover, .page-template-template-gateway-apply .gateway-ctas li:hover,
    .page-template-template-gateway-apply-sub .gateway-ctas li:hover, .page-template-template-gateway-studentlife-sub .gateway-ctas li:hover,
    .page-template-template-gateway-support-sub .gateway-ctas li:hover, .page-template-template-gateway-accom-sub .gateway-ctas li:hover,
    .page-template-template-gateway-subjects-sub .gateway-ctas li:hover, .page-template-template-gateway-schedule-sub .gateway-ctas li:hover,
    .page-template-template-pgce-information-evening .gateway-ctas li:hover, .page-template-template-avd-homepage .gateway-ctas li:hover,
    .page-template-template-vod-subject .gateway-ctas li:hover, .page-template-template-vod-gateway .gateway-ctas li:hover, .page-template-template-vod-schedule .gateway-ctas li:hover {
      background-image: none;
      background-color: #5a4c2c; }
  .tax-Subjects .gateway-ctas .panel-title,
  .page-template-template-subject-gateway-intermediary-undergrad .gateway-ctas .panel-title,
  .page-template-template-subject-gateway-intermediary-postgrad .gateway-ctas .panel-title,
  .page-template-template-gateway-accom .gateway-ctas .panel-title, .page-template-template-gateway-support .gateway-ctas .panel-title,
  .page-template-template-gateway-studentlife .gateway-ctas .panel-title, .page-template-template-gateway-subjects .gateway-ctas .panel-title,
  .page-template-template-gateway-subjects-postgrad .gateway-ctas .panel-title, .page-template-template-gateway-apply .gateway-ctas .panel-title,
  .page-template-template-gateway-apply-sub .gateway-ctas .panel-title, .page-template-template-gateway-studentlife-sub .gateway-ctas .panel-title,
  .page-template-template-gateway-support-sub .gateway-ctas .panel-title, .page-template-template-gateway-accom-sub .gateway-ctas .panel-title,
  .page-template-template-gateway-subjects-sub .gateway-ctas .panel-title, .page-template-template-gateway-schedule-sub .gateway-ctas .panel-title,
  .page-template-template-pgce-information-evening .gateway-ctas .panel-title, .page-template-template-avd-homepage .gateway-ctas .panel-title,
  .page-template-template-vod-subject .gateway-ctas .panel-title, .page-template-template-vod-gateway .gateway-ctas .panel-title, .page-template-template-vod-schedule .gateway-ctas .panel-title {
    margin-bottom: 12px;
    margin-bottom: 0.85714rem;
    color: #FFFFFF !important; }
    .tax-Subjects .gateway-ctas .panel-title:after,
    .page-template-template-subject-gateway-intermediary-undergrad .gateway-ctas .panel-title:after,
    .page-template-template-subject-gateway-intermediary-postgrad .gateway-ctas .panel-title:after,
    .page-template-template-gateway-accom .gateway-ctas .panel-title:after, .page-template-template-gateway-support .gateway-ctas .panel-title:after,
    .page-template-template-gateway-studentlife .gateway-ctas .panel-title:after, .page-template-template-gateway-subjects .gateway-ctas .panel-title:after,
    .page-template-template-gateway-subjects-postgrad .gateway-ctas .panel-title:after, .page-template-template-gateway-apply .gateway-ctas .panel-title:after,
    .page-template-template-gateway-apply-sub .gateway-ctas .panel-title:after, .page-template-template-gateway-studentlife-sub .gateway-ctas .panel-title:after,
    .page-template-template-gateway-support-sub .gateway-ctas .panel-title:after, .page-template-template-gateway-accom-sub .gateway-ctas .panel-title:after,
    .page-template-template-gateway-subjects-sub .gateway-ctas .panel-title:after, .page-template-template-gateway-schedule-sub .gateway-ctas .panel-title:after,
    .page-template-template-pgce-information-evening .gateway-ctas .panel-title:after, .page-template-template-avd-homepage .gateway-ctas .panel-title:after,
    .page-template-template-vod-subject .gateway-ctas .panel-title:after, .page-template-template-vod-gateway .gateway-ctas .panel-title:after, .page-template-template-vod-schedule .gateway-ctas .panel-title:after {
      display: none; }
  .tax-Subjects .gateway-ctas a,
  .page-template-template-subject-gateway-intermediary-undergrad .gateway-ctas a,
  .page-template-template-subject-gateway-intermediary-postgrad .gateway-ctas a,
  .page-template-template-gateway-accom .gateway-ctas a, .page-template-template-gateway-support .gateway-ctas a,
  .page-template-template-gateway-studentlife .gateway-ctas a, .page-template-template-gateway-subjects .gateway-ctas a,
  .page-template-template-gateway-subjects-postgrad .gateway-ctas a, .page-template-template-gateway-apply .gateway-ctas a,
  .page-template-template-gateway-apply-sub .gateway-ctas a, .page-template-template-gateway-studentlife-sub .gateway-ctas a,
  .page-template-template-gateway-support-sub .gateway-ctas a, .page-template-template-gateway-accom-sub .gateway-ctas a,
  .page-template-template-gateway-subjects-sub .gateway-ctas a, .page-template-template-gateway-schedule-sub .gateway-ctas a,
  .page-template-template-pgce-information-evening .gateway-ctas a, .page-template-template-avd-homepage .gateway-ctas a,
  .page-template-template-vod-subject .gateway-ctas a, .page-template-template-vod-gateway .gateway-ctas a, .page-template-template-vod-schedule .gateway-ctas a {
    text-decoration: none; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tax-Subjects li,
  .page-template-template-subject-gateway-intermediary-undergrad li,
  .page-template-template-subject-gateway-intermediary-postgrad li,
  .page-template-template-gateway-accom li, .page-template-template-gateway-support li,
  .page-template-template-gateway-studentlife li, .page-template-template-gateway-subjects li,
  .page-template-template-gateway-subjects-postgrad li, .page-template-template-gateway-apply li,
  .page-template-template-gateway-apply-sub li, .page-template-template-gateway-studentlife-sub li,
  .page-template-template-gateway-support-sub li, .page-template-template-gateway-accom-sub li,
  .page-template-template-gateway-subjects-sub li, .page-template-template-gateway-schedule-sub li,
  .page-template-template-pgce-information-evening li, .page-template-template-avd-homepage li,
  .page-template-template-vod-subject li, .page-template-template-vod-gateway li, .page-template-template-vod-schedule li {
    -ms-grid-row: 1; }
  .tax-Subjects .gateway-ctas,
  .page-template-template-subject-gateway-intermediary-undergrad .gateway-ctas,
  .page-template-template-subject-gateway-intermediary-postgrad .gateway-ctas,
  .page-template-template-gateway-accom .gateway-ctas, .page-template-template-gateway-support .gateway-ctas,
  .page-template-template-gateway-studentlife .gateway-ctas, .page-template-template-gateway-subjects .gateway-ctas,
  .page-template-template-gateway-subjects-postgrad .gateway-ctas, .page-template-template-gateway-apply .gateway-ctas,
  .page-template-template-gateway-apply-sub .gateway-ctas, .page-template-template-gateway-studentlife-sub .gateway-ctas,
  .page-template-template-gateway-support-sub .gateway-ctas, .page-template-template-gateway-accom-sub .gateway-ctas,
  .page-template-template-gateway-subjects-sub .gateway-ctas, .page-template-template-gateway-schedule-sub .gateway-ctas,
  .page-template-template-pgce-information-evening .gateway-ctas, .page-template-template-avd-homepage .gateway-ctas,
  .page-template-template-vod-subject .gateway-ctas, .page-template-template-vod-gateway .gateway-ctas, .page-template-template-vod-schedule .gateway-ctas {
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr; }
  .tax-Subjects li:nth-child(2),
  .page-template-template-subject-gateway-intermediary-undergrad li:nth-child(2),
  .page-template-template-subject-gateway-intermediary-postgrad li:nth-child(2),
  .page-template-template-gateway-accom li:nth-child(2), .page-template-template-gateway-support li:nth-child(2),
  .page-template-template-gateway-studentlife li:nth-child(2), .page-template-template-gateway-subjects li:nth-child(2),
  .page-template-template-gateway-subjects-postgrad li:nth-child(2), .page-template-template-gateway-apply li:nth-child(2),
  .page-template-template-gateway-apply-sub li:nth-child(2), .page-template-template-gateway-studentlife-sub li:nth-child(2),
  .page-template-template-gateway-support-sub li:nth-child(2), .page-template-template-gateway-accom-sub li:nth-child(2),
  .page-template-template-gateway-subjects-sub li:nth-child(2), .page-template-template-gateway-schedule-sub li:nth-child(2),
  .page-template-template-pgce-information-evening li:nth-child(2), .page-template-template-avd-homepage li:nth-child(2),
  .page-template-template-vod-subject li:nth-child(2), .page-template-template-vod-gateway li:nth-child(2), .page-template-template-vod-schedule li:nth-child(2) {
    -ms-grid-column: 3; }
  .tax-Subjects li:nth-child(3),
  .page-template-template-subject-gateway-intermediary-undergrad li:nth-child(3),
  .page-template-template-subject-gateway-intermediary-postgrad li:nth-child(3),
  .page-template-template-gateway-accom li:nth-child(3), .page-template-template-gateway-support li:nth-child(3),
  .page-template-template-gateway-studentlife li:nth-child(3), .page-template-template-gateway-subjects li:nth-child(3),
  .page-template-template-gateway-subjects-postgrad li:nth-child(3), .page-template-template-gateway-apply li:nth-child(3),
  .page-template-template-gateway-apply-sub li:nth-child(3), .page-template-template-gateway-studentlife-sub li:nth-child(3),
  .page-template-template-gateway-support-sub li:nth-child(3), .page-template-template-gateway-accom-sub li:nth-child(3),
  .page-template-template-gateway-subjects-sub li:nth-child(3), .page-template-template-gateway-schedule-sub li:nth-child(3),
  .page-template-template-pgce-information-evening li:nth-child(3), .page-template-template-avd-homepage li:nth-child(3),
  .page-template-template-vod-subject li:nth-child(3), .page-template-template-vod-gateway li:nth-child(3), .page-template-template-vod-schedule li:nth-child(3) {
    -ms-grid-column: 5; } }

.tax-Subjects .gateway-cta-panel-icon-wrap,
.page-template-template-subject-gateway-intermediary-undergrad .gateway-cta-panel-icon-wrap,
.page-template-template-subject-gateway-intermediary-postgrad .gateway-cta-panel-icon-wrap,
.page-template-template-gateway-accom .gateway-cta-panel-icon-wrap, .page-template-template-gateway-support .gateway-cta-panel-icon-wrap,
.page-template-template-gateway-studentlife .gateway-cta-panel-icon-wrap, .page-template-template-gateway-subjects .gateway-cta-panel-icon-wrap,
.page-template-template-gateway-subjects-postgrad .gateway-cta-panel-icon-wrap, .page-template-template-gateway-apply .gateway-cta-panel-icon-wrap,
.page-template-template-gateway-apply-sub .gateway-cta-panel-icon-wrap, .page-template-template-gateway-studentlife-sub .gateway-cta-panel-icon-wrap,
.page-template-template-gateway-support-sub .gateway-cta-panel-icon-wrap, .page-template-template-gateway-accom-sub .gateway-cta-panel-icon-wrap,
.page-template-template-gateway-subjects-sub .gateway-cta-panel-icon-wrap, .page-template-template-gateway-schedule-sub .gateway-cta-panel-icon-wrap,
.page-template-template-pgce-information-evening .gateway-cta-panel-icon-wrap, .page-template-template-avd-homepage .gateway-cta-panel-icon-wrap,
.page-template-template-vod-subject .gateway-cta-panel-icon-wrap, .page-template-template-vod-gateway .gateway-cta-panel-icon-wrap, .page-template-template-vod-schedule .gateway-cta-panel-icon-wrap {
  padding: 24px;
  padding: 1.71429rem;
  position: relative; }
  .tax-Subjects .gateway-cta-panel-icon-wrap span,
  .page-template-template-subject-gateway-intermediary-undergrad .gateway-cta-panel-icon-wrap span,
  .page-template-template-subject-gateway-intermediary-postgrad .gateway-cta-panel-icon-wrap span,
  .page-template-template-gateway-accom .gateway-cta-panel-icon-wrap span, .page-template-template-gateway-support .gateway-cta-panel-icon-wrap span,
  .page-template-template-gateway-studentlife .gateway-cta-panel-icon-wrap span, .page-template-template-gateway-subjects .gateway-cta-panel-icon-wrap span,
  .page-template-template-gateway-subjects-postgrad .gateway-cta-panel-icon-wrap span, .page-template-template-gateway-apply .gateway-cta-panel-icon-wrap span,
  .page-template-template-gateway-apply-sub .gateway-cta-panel-icon-wrap span, .page-template-template-gateway-studentlife-sub .gateway-cta-panel-icon-wrap span,
  .page-template-template-gateway-support-sub .gateway-cta-panel-icon-wrap span, .page-template-template-gateway-accom-sub .gateway-cta-panel-icon-wrap span,
  .page-template-template-gateway-subjects-sub .gateway-cta-panel-icon-wrap span, .page-template-template-gateway-schedule-sub .gateway-cta-panel-icon-wrap span,
  .page-template-template-pgce-information-evening .gateway-cta-panel-icon-wrap span, .page-template-template-avd-homepage .gateway-cta-panel-icon-wrap span,
  .page-template-template-vod-subject .gateway-cta-panel-icon-wrap span, .page-template-template-vod-gateway .gateway-cta-panel-icon-wrap span, .page-template-template-vod-schedule .gateway-cta-panel-icon-wrap span {
    color: #FFFFFF;
    font-size: 2em;
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }

.tax-Subjects .vod-content,
.page-template-template-subject-gateway-intermediary-undergrad .vod-content,
.page-template-template-subject-gateway-intermediary-postgrad .vod-content,
.page-template-template-gateway-accom .vod-content, .page-template-template-gateway-support .vod-content,
.page-template-template-gateway-studentlife .vod-content, .page-template-template-gateway-subjects .vod-content,
.page-template-template-gateway-subjects-postgrad .vod-content, .page-template-template-gateway-apply .vod-content,
.page-template-template-gateway-apply-sub .vod-content, .page-template-template-gateway-studentlife-sub .vod-content,
.page-template-template-gateway-support-sub .vod-content, .page-template-template-gateway-accom-sub .vod-content,
.page-template-template-gateway-subjects-sub .vod-content, .page-template-template-gateway-schedule-sub .vod-content,
.page-template-template-pgce-information-evening .vod-content, .page-template-template-avd-homepage .vod-content,
.page-template-template-vod-subject .vod-content, .page-template-template-vod-gateway .vod-content, .page-template-template-vod-schedule .vod-content {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
  margin-top: 48px;
  margin-top: 3.42857rem;
  margin-bottom: 48px;
  margin-bottom: 3.42857rem; }
  .tax-Subjects .vod-content a,
  .page-template-template-subject-gateway-intermediary-undergrad .vod-content a,
  .page-template-template-subject-gateway-intermediary-postgrad .vod-content a,
  .page-template-template-gateway-accom .vod-content a, .page-template-template-gateway-support .vod-content a,
  .page-template-template-gateway-studentlife .vod-content a, .page-template-template-gateway-subjects .vod-content a,
  .page-template-template-gateway-subjects-postgrad .vod-content a, .page-template-template-gateway-apply .vod-content a,
  .page-template-template-gateway-apply-sub .vod-content a, .page-template-template-gateway-studentlife-sub .vod-content a,
  .page-template-template-gateway-support-sub .vod-content a, .page-template-template-gateway-accom-sub .vod-content a,
  .page-template-template-gateway-subjects-sub .vod-content a, .page-template-template-gateway-schedule-sub .vod-content a,
  .page-template-template-pgce-information-evening .vod-content a, .page-template-template-avd-homepage .vod-content a,
  .page-template-template-vod-subject .vod-content a, .page-template-template-vod-gateway .vod-content a, .page-template-template-vod-schedule .vod-content a {
    text-decoration: none !important; }
    .tax-Subjects .vod-content a:hover .vod-panel-text-wrap,
    .page-template-template-subject-gateway-intermediary-undergrad .vod-content a:hover .vod-panel-text-wrap,
    .page-template-template-subject-gateway-intermediary-postgrad .vod-content a:hover .vod-panel-text-wrap,
    .page-template-template-gateway-accom .vod-content a:hover .vod-panel-text-wrap, .page-template-template-gateway-support .vod-content a:hover .vod-panel-text-wrap,
    .page-template-template-gateway-studentlife .vod-content a:hover .vod-panel-text-wrap, .page-template-template-gateway-subjects .vod-content a:hover .vod-panel-text-wrap,
    .page-template-template-gateway-subjects-postgrad .vod-content a:hover .vod-panel-text-wrap, .page-template-template-gateway-apply .vod-content a:hover .vod-panel-text-wrap,
    .page-template-template-gateway-apply-sub .vod-content a:hover .vod-panel-text-wrap, .page-template-template-gateway-studentlife-sub .vod-content a:hover .vod-panel-text-wrap,
    .page-template-template-gateway-support-sub .vod-content a:hover .vod-panel-text-wrap, .page-template-template-gateway-accom-sub .vod-content a:hover .vod-panel-text-wrap,
    .page-template-template-gateway-subjects-sub .vod-content a:hover .vod-panel-text-wrap, .page-template-template-gateway-schedule-sub .vod-content a:hover .vod-panel-text-wrap,
    .page-template-template-pgce-information-evening .vod-content a:hover .vod-panel-text-wrap, .page-template-template-avd-homepage .vod-content a:hover .vod-panel-text-wrap,
    .page-template-template-vod-subject .vod-content a:hover .vod-panel-text-wrap, .page-template-template-vod-gateway .vod-content a:hover .vod-panel-text-wrap, .page-template-template-vod-schedule .vod-content a:hover .vod-panel-text-wrap {
      -webkit-box-shadow: 0 3px #685733;
      box-shadow: 0 3px #685733; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tax-Subjects .vod-content,
  .page-template-template-subject-gateway-intermediary-undergrad .vod-content,
  .page-template-template-subject-gateway-intermediary-postgrad .vod-content,
  .page-template-template-gateway-accom .vod-content, .page-template-template-gateway-support .vod-content,
  .page-template-template-gateway-studentlife .vod-content, .page-template-template-gateway-subjects .vod-content,
  .page-template-template-gateway-subjects-postgrad .vod-content, .page-template-template-gateway-apply .vod-content,
  .page-template-template-gateway-apply-sub .vod-content, .page-template-template-gateway-studentlife-sub .vod-content,
  .page-template-template-gateway-support-sub .vod-content, .page-template-template-gateway-accom-sub .vod-content,
  .page-template-template-gateway-subjects-sub .vod-content, .page-template-template-gateway-schedule-sub .vod-content,
  .page-template-template-pgce-information-evening .vod-content, .page-template-template-avd-homepage .vod-content,
  .page-template-template-vod-subject .vod-content, .page-template-template-vod-gateway .vod-content, .page-template-template-vod-schedule .vod-content {
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr; }
  .tax-Subjects .vod-content a,
  .page-template-template-subject-gateway-intermediary-undergrad .vod-content a,
  .page-template-template-subject-gateway-intermediary-postgrad .vod-content a,
  .page-template-template-gateway-accom .vod-content a, .page-template-template-gateway-support .vod-content a,
  .page-template-template-gateway-studentlife .vod-content a, .page-template-template-gateway-subjects .vod-content a,
  .page-template-template-gateway-subjects-postgrad .vod-content a, .page-template-template-gateway-apply .vod-content a,
  .page-template-template-gateway-apply-sub .vod-content a, .page-template-template-gateway-studentlife-sub .vod-content a,
  .page-template-template-gateway-support-sub .vod-content a, .page-template-template-gateway-accom-sub .vod-content a,
  .page-template-template-gateway-subjects-sub .vod-content a, .page-template-template-gateway-schedule-sub .vod-content a,
  .page-template-template-pgce-information-evening .vod-content a, .page-template-template-avd-homepage .vod-content a,
  .page-template-template-vod-subject .vod-content a, .page-template-template-vod-gateway .vod-content a, .page-template-template-vod-schedule .vod-content a {
    -ms-grid-row: 1;
    float: left; }
  .tax-Subjects a:nth-child(4),
  .tax-Subjects a:nth-child(5),
  .tax-Subjects a:nth-child(6),
  .page-template-template-subject-gateway-intermediary-undergrad a:nth-child(4),
  .page-template-template-subject-gateway-intermediary-undergrad a:nth-child(5),
  .page-template-template-subject-gateway-intermediary-undergrad a:nth-child(6),
  .page-template-template-subject-gateway-intermediary-postgrad a:nth-child(4),
  .page-template-template-subject-gateway-intermediary-postgrad a:nth-child(5),
  .page-template-template-subject-gateway-intermediary-postgrad a:nth-child(6),
  .page-template-template-gateway-accom a:nth-child(4),
  .page-template-template-gateway-accom a:nth-child(5),
  .page-template-template-gateway-accom a:nth-child(6), .page-template-template-gateway-support a:nth-child(4),
  .page-template-template-gateway-support a:nth-child(5),
  .page-template-template-gateway-support a:nth-child(6),
  .page-template-template-gateway-studentlife a:nth-child(4),
  .page-template-template-gateway-studentlife a:nth-child(5),
  .page-template-template-gateway-studentlife a:nth-child(6), .page-template-template-gateway-subjects a:nth-child(4),
  .page-template-template-gateway-subjects a:nth-child(5),
  .page-template-template-gateway-subjects a:nth-child(6),
  .page-template-template-gateway-subjects-postgrad a:nth-child(4),
  .page-template-template-gateway-subjects-postgrad a:nth-child(5),
  .page-template-template-gateway-subjects-postgrad a:nth-child(6), .page-template-template-gateway-apply a:nth-child(4),
  .page-template-template-gateway-apply a:nth-child(5),
  .page-template-template-gateway-apply a:nth-child(6),
  .page-template-template-gateway-apply-sub a:nth-child(4),
  .page-template-template-gateway-apply-sub a:nth-child(5),
  .page-template-template-gateway-apply-sub a:nth-child(6), .page-template-template-gateway-studentlife-sub a:nth-child(4),
  .page-template-template-gateway-studentlife-sub a:nth-child(5),
  .page-template-template-gateway-studentlife-sub a:nth-child(6),
  .page-template-template-gateway-support-sub a:nth-child(4),
  .page-template-template-gateway-support-sub a:nth-child(5),
  .page-template-template-gateway-support-sub a:nth-child(6), .page-template-template-gateway-accom-sub a:nth-child(4),
  .page-template-template-gateway-accom-sub a:nth-child(5),
  .page-template-template-gateway-accom-sub a:nth-child(6),
  .page-template-template-gateway-subjects-sub a:nth-child(4),
  .page-template-template-gateway-subjects-sub a:nth-child(5),
  .page-template-template-gateway-subjects-sub a:nth-child(6), .page-template-template-gateway-schedule-sub a:nth-child(4),
  .page-template-template-gateway-schedule-sub a:nth-child(5),
  .page-template-template-gateway-schedule-sub a:nth-child(6),
  .page-template-template-pgce-information-evening a:nth-child(4),
  .page-template-template-pgce-information-evening a:nth-child(5),
  .page-template-template-pgce-information-evening a:nth-child(6), .page-template-template-avd-homepage a:nth-child(4),
  .page-template-template-avd-homepage a:nth-child(5),
  .page-template-template-avd-homepage a:nth-child(6),
  .page-template-template-vod-subject a:nth-child(4),
  .page-template-template-vod-subject a:nth-child(5),
  .page-template-template-vod-subject a:nth-child(6), .page-template-template-vod-gateway a:nth-child(4),
  .page-template-template-vod-gateway a:nth-child(5),
  .page-template-template-vod-gateway a:nth-child(6), .page-template-template-vod-schedule a:nth-child(4),
  .page-template-template-vod-schedule a:nth-child(5),
  .page-template-template-vod-schedule a:nth-child(6) {
    -ms-grid-row: 3; }
  .tax-Subjects a:nth-child(3n+1),
  .page-template-template-subject-gateway-intermediary-undergrad a:nth-child(3n+1),
  .page-template-template-subject-gateway-intermediary-postgrad a:nth-child(3n+1),
  .page-template-template-gateway-accom a:nth-child(3n+1), .page-template-template-gateway-support a:nth-child(3n+1),
  .page-template-template-gateway-studentlife a:nth-child(3n+1), .page-template-template-gateway-subjects a:nth-child(3n+1),
  .page-template-template-gateway-subjects-postgrad a:nth-child(3n+1), .page-template-template-gateway-apply a:nth-child(3n+1),
  .page-template-template-gateway-apply-sub a:nth-child(3n+1), .page-template-template-gateway-studentlife-sub a:nth-child(3n+1),
  .page-template-template-gateway-support-sub a:nth-child(3n+1), .page-template-template-gateway-accom-sub a:nth-child(3n+1),
  .page-template-template-gateway-subjects-sub a:nth-child(3n+1), .page-template-template-gateway-schedule-sub a:nth-child(3n+1),
  .page-template-template-pgce-information-evening a:nth-child(3n+1), .page-template-template-avd-homepage a:nth-child(3n+1),
  .page-template-template-vod-subject a:nth-child(3n+1), .page-template-template-vod-gateway a:nth-child(3n+1), .page-template-template-vod-schedule a:nth-child(3n+1) {
    -ms-grid-column: 1; }
  .tax-Subjects a:nth-child(3n+2),
  .page-template-template-subject-gateway-intermediary-undergrad a:nth-child(3n+2),
  .page-template-template-subject-gateway-intermediary-postgrad a:nth-child(3n+2),
  .page-template-template-gateway-accom a:nth-child(3n+2), .page-template-template-gateway-support a:nth-child(3n+2),
  .page-template-template-gateway-studentlife a:nth-child(3n+2), .page-template-template-gateway-subjects a:nth-child(3n+2),
  .page-template-template-gateway-subjects-postgrad a:nth-child(3n+2), .page-template-template-gateway-apply a:nth-child(3n+2),
  .page-template-template-gateway-apply-sub a:nth-child(3n+2), .page-template-template-gateway-studentlife-sub a:nth-child(3n+2),
  .page-template-template-gateway-support-sub a:nth-child(3n+2), .page-template-template-gateway-accom-sub a:nth-child(3n+2),
  .page-template-template-gateway-subjects-sub a:nth-child(3n+2), .page-template-template-gateway-schedule-sub a:nth-child(3n+2),
  .page-template-template-pgce-information-evening a:nth-child(3n+2), .page-template-template-avd-homepage a:nth-child(3n+2),
  .page-template-template-vod-subject a:nth-child(3n+2), .page-template-template-vod-gateway a:nth-child(3n+2), .page-template-template-vod-schedule a:nth-child(3n+2) {
    -ms-grid-column: 3; }
  .tax-Subjects a:nth-child(3n+0),
  .page-template-template-subject-gateway-intermediary-undergrad a:nth-child(3n+0),
  .page-template-template-subject-gateway-intermediary-postgrad a:nth-child(3n+0),
  .page-template-template-gateway-accom a:nth-child(3n+0), .page-template-template-gateway-support a:nth-child(3n+0),
  .page-template-template-gateway-studentlife a:nth-child(3n+0), .page-template-template-gateway-subjects a:nth-child(3n+0),
  .page-template-template-gateway-subjects-postgrad a:nth-child(3n+0), .page-template-template-gateway-apply a:nth-child(3n+0),
  .page-template-template-gateway-apply-sub a:nth-child(3n+0), .page-template-template-gateway-studentlife-sub a:nth-child(3n+0),
  .page-template-template-gateway-support-sub a:nth-child(3n+0), .page-template-template-gateway-accom-sub a:nth-child(3n+0),
  .page-template-template-gateway-subjects-sub a:nth-child(3n+0), .page-template-template-gateway-schedule-sub a:nth-child(3n+0),
  .page-template-template-pgce-information-evening a:nth-child(3n+0), .page-template-template-avd-homepage a:nth-child(3n+0),
  .page-template-template-vod-subject a:nth-child(3n+0), .page-template-template-vod-gateway a:nth-child(3n+0), .page-template-template-vod-schedule a:nth-child(3n+0) {
    -ms-grid-column: 5; }
  .tax-Subjects .vod-social-media,
  .page-template-template-subject-gateway-intermediary-undergrad .vod-social-media,
  .page-template-template-subject-gateway-intermediary-postgrad .vod-social-media,
  .page-template-template-gateway-accom .vod-social-media, .page-template-template-gateway-support .vod-social-media,
  .page-template-template-gateway-studentlife .vod-social-media, .page-template-template-gateway-subjects .vod-social-media,
  .page-template-template-gateway-subjects-postgrad .vod-social-media, .page-template-template-gateway-apply .vod-social-media,
  .page-template-template-gateway-apply-sub .vod-social-media, .page-template-template-gateway-studentlife-sub .vod-social-media,
  .page-template-template-gateway-support-sub .vod-social-media, .page-template-template-gateway-accom-sub .vod-social-media,
  .page-template-template-gateway-subjects-sub .vod-social-media, .page-template-template-gateway-schedule-sub .vod-social-media,
  .page-template-template-pgce-information-evening .vod-social-media, .page-template-template-avd-homepage .vod-social-media,
  .page-template-template-vod-subject .vod-social-media, .page-template-template-vod-gateway .vod-social-media, .page-template-template-vod-schedule .vod-social-media {
    -ms-grid-row: 3;
    -ms-grid-column: 5; } }

.tax-Subjects .vod-panel-img img,
.page-template-template-subject-gateway-intermediary-undergrad .vod-panel-img img,
.page-template-template-subject-gateway-intermediary-postgrad .vod-panel-img img,
.page-template-template-gateway-accom .vod-panel-img img, .page-template-template-gateway-support .vod-panel-img img,
.page-template-template-gateway-studentlife .vod-panel-img img, .page-template-template-gateway-subjects .vod-panel-img img,
.page-template-template-gateway-subjects-postgrad .vod-panel-img img, .page-template-template-gateway-apply .vod-panel-img img,
.page-template-template-gateway-apply-sub .vod-panel-img img, .page-template-template-gateway-studentlife-sub .vod-panel-img img,
.page-template-template-gateway-support-sub .vod-panel-img img, .page-template-template-gateway-accom-sub .vod-panel-img img,
.page-template-template-gateway-subjects-sub .vod-panel-img img, .page-template-template-gateway-schedule-sub .vod-panel-img img,
.page-template-template-pgce-information-evening .vod-panel-img img, .page-template-template-avd-homepage .vod-panel-img img,
.page-template-template-vod-subject .vod-panel-img img, .page-template-template-vod-gateway .vod-panel-img img, .page-template-template-vod-schedule .vod-panel-img img {
  max-width: 100%; }

.tax-Subjects .vod-panel-text-wrap,
.page-template-template-subject-gateway-intermediary-undergrad .vod-panel-text-wrap,
.page-template-template-subject-gateway-intermediary-postgrad .vod-panel-text-wrap,
.page-template-template-gateway-accom .vod-panel-text-wrap, .page-template-template-gateway-support .vod-panel-text-wrap,
.page-template-template-gateway-studentlife .vod-panel-text-wrap, .page-template-template-gateway-subjects .vod-panel-text-wrap,
.page-template-template-gateway-subjects-postgrad .vod-panel-text-wrap, .page-template-template-gateway-apply .vod-panel-text-wrap,
.page-template-template-gateway-apply-sub .vod-panel-text-wrap, .page-template-template-gateway-studentlife-sub .vod-panel-text-wrap,
.page-template-template-gateway-support-sub .vod-panel-text-wrap, .page-template-template-gateway-accom-sub .vod-panel-text-wrap,
.page-template-template-gateway-subjects-sub .vod-panel-text-wrap, .page-template-template-gateway-schedule-sub .vod-panel-text-wrap,
.page-template-template-pgce-information-evening .vod-panel-text-wrap, .page-template-template-avd-homepage .vod-panel-text-wrap,
.page-template-template-vod-subject .vod-panel-text-wrap, .page-template-template-vod-gateway .vod-panel-text-wrap, .page-template-template-vod-schedule .vod-panel-text-wrap {
  padding: 12px;
  padding: 0.85714rem;
  position: relative; }

.tax-Subjects .panel-title,
.page-template-template-subject-gateway-intermediary-undergrad .panel-title,
.page-template-template-subject-gateway-intermediary-postgrad .panel-title,
.page-template-template-gateway-accom .panel-title, .page-template-template-gateway-support .panel-title,
.page-template-template-gateway-studentlife .panel-title, .page-template-template-gateway-subjects .panel-title,
.page-template-template-gateway-subjects-postgrad .panel-title, .page-template-template-gateway-apply .panel-title,
.page-template-template-gateway-apply-sub .panel-title, .page-template-template-gateway-studentlife-sub .panel-title,
.page-template-template-gateway-support-sub .panel-title, .page-template-template-gateway-accom-sub .panel-title,
.page-template-template-gateway-subjects-sub .panel-title, .page-template-template-gateway-schedule-sub .panel-title,
.page-template-template-pgce-information-evening .panel-title, .page-template-template-avd-homepage .panel-title,
.page-template-template-vod-subject .panel-title, .page-template-template-vod-gateway .panel-title, .page-template-template-vod-schedule .panel-title {
  font-size: 20px;
  font-size: 1.42857rem;
  line-height: 1.2;
  margin-bottom: 6px;
  margin-bottom: 0.42857rem;
  color: #685733;
  font-weight: 400;
  position: relative; }
  .tax-Subjects .panel-title .fa-li,
  .page-template-template-subject-gateway-intermediary-undergrad .panel-title .fa-li,
  .page-template-template-subject-gateway-intermediary-postgrad .panel-title .fa-li,
  .page-template-template-gateway-accom .panel-title .fa-li, .page-template-template-gateway-support .panel-title .fa-li,
  .page-template-template-gateway-studentlife .panel-title .fa-li, .page-template-template-gateway-subjects .panel-title .fa-li,
  .page-template-template-gateway-subjects-postgrad .panel-title .fa-li, .page-template-template-gateway-apply .panel-title .fa-li,
  .page-template-template-gateway-apply-sub .panel-title .fa-li, .page-template-template-gateway-studentlife-sub .panel-title .fa-li,
  .page-template-template-gateway-support-sub .panel-title .fa-li, .page-template-template-gateway-accom-sub .panel-title .fa-li,
  .page-template-template-gateway-subjects-sub .panel-title .fa-li, .page-template-template-gateway-schedule-sub .panel-title .fa-li,
  .page-template-template-pgce-information-evening .panel-title .fa-li, .page-template-template-avd-homepage .panel-title .fa-li,
  .page-template-template-vod-subject .panel-title .fa-li, .page-template-template-vod-gateway .panel-title .fa-li, .page-template-template-vod-schedule .panel-title .fa-li {
    line-height: 1.2; }
  .tax-Subjects .panel-title:after,
  .page-template-template-subject-gateway-intermediary-undergrad .panel-title:after,
  .page-template-template-subject-gateway-intermediary-postgrad .panel-title:after,
  .page-template-template-gateway-accom .panel-title:after, .page-template-template-gateway-support .panel-title:after,
  .page-template-template-gateway-studentlife .panel-title:after, .page-template-template-gateway-subjects .panel-title:after,
  .page-template-template-gateway-subjects-postgrad .panel-title:after, .page-template-template-gateway-apply .panel-title:after,
  .page-template-template-gateway-apply-sub .panel-title:after, .page-template-template-gateway-studentlife-sub .panel-title:after,
  .page-template-template-gateway-support-sub .panel-title:after, .page-template-template-gateway-accom-sub .panel-title:after,
  .page-template-template-gateway-subjects-sub .panel-title:after, .page-template-template-gateway-schedule-sub .panel-title:after,
  .page-template-template-pgce-information-evening .panel-title:after, .page-template-template-avd-homepage .panel-title:after,
  .page-template-template-vod-subject .panel-title:after, .page-template-template-vod-gateway .panel-title:after, .page-template-template-vod-schedule .panel-title:after {
    content: "";
    position: absolute;
    right: 12px;
    top: calc(100% / 2 - 10px);
    width: 20px;
    height: 20px;
    border-top: 1px solid #685733;
    border-right: 1px solid #685733;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.tax-Subjects .vod-social-media,
.page-template-template-subject-gateway-intermediary-undergrad .vod-social-media,
.page-template-template-subject-gateway-intermediary-postgrad .vod-social-media,
.page-template-template-gateway-accom .vod-social-media, .page-template-template-gateway-support .vod-social-media,
.page-template-template-gateway-studentlife .vod-social-media, .page-template-template-gateway-subjects .vod-social-media,
.page-template-template-gateway-subjects-postgrad .vod-social-media, .page-template-template-gateway-apply .vod-social-media,
.page-template-template-gateway-apply-sub .vod-social-media, .page-template-template-gateway-studentlife-sub .vod-social-media,
.page-template-template-gateway-support-sub .vod-social-media, .page-template-template-gateway-accom-sub .vod-social-media,
.page-template-template-gateway-subjects-sub .vod-social-media, .page-template-template-gateway-schedule-sub .vod-social-media,
.page-template-template-pgce-information-evening .vod-social-media, .page-template-template-avd-homepage .vod-social-media,
.page-template-template-vod-subject .vod-social-media, .page-template-template-vod-gateway .vod-social-media, .page-template-template-vod-schedule .vod-social-media {
  padding: 24px;
  padding: 1.71429rem;
  background-color: #272727;
  box-shadow: 5px 5px #685733;
  grid-column: 1/-1; }
  .tax-Subjects .vod-social-media .vod-social-media-panel-title,
  .page-template-template-subject-gateway-intermediary-undergrad .vod-social-media .vod-social-media-panel-title,
  .page-template-template-subject-gateway-intermediary-postgrad .vod-social-media .vod-social-media-panel-title,
  .page-template-template-gateway-accom .vod-social-media .vod-social-media-panel-title, .page-template-template-gateway-support .vod-social-media .vod-social-media-panel-title,
  .page-template-template-gateway-studentlife .vod-social-media .vod-social-media-panel-title, .page-template-template-gateway-subjects .vod-social-media .vod-social-media-panel-title,
  .page-template-template-gateway-subjects-postgrad .vod-social-media .vod-social-media-panel-title, .page-template-template-gateway-apply .vod-social-media .vod-social-media-panel-title,
  .page-template-template-gateway-apply-sub .vod-social-media .vod-social-media-panel-title, .page-template-template-gateway-studentlife-sub .vod-social-media .vod-social-media-panel-title,
  .page-template-template-gateway-support-sub .vod-social-media .vod-social-media-panel-title, .page-template-template-gateway-accom-sub .vod-social-media .vod-social-media-panel-title,
  .page-template-template-gateway-subjects-sub .vod-social-media .vod-social-media-panel-title, .page-template-template-gateway-schedule-sub .vod-social-media .vod-social-media-panel-title,
  .page-template-template-pgce-information-evening .vod-social-media .vod-social-media-panel-title, .page-template-template-avd-homepage .vod-social-media .vod-social-media-panel-title,
  .page-template-template-vod-subject .vod-social-media .vod-social-media-panel-title, .page-template-template-vod-gateway .vod-social-media .vod-social-media-panel-title, .page-template-template-vod-schedule .vod-social-media .vod-social-media-panel-title {
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    padding-bottom: 6px;
    padding-bottom: 0.42857rem;
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }
    .tax-Subjects .vod-social-media .vod-social-media-panel-title .fa-li,
    .page-template-template-subject-gateway-intermediary-undergrad .vod-social-media .vod-social-media-panel-title .fa-li,
    .page-template-template-subject-gateway-intermediary-postgrad .vod-social-media .vod-social-media-panel-title .fa-li,
    .page-template-template-gateway-accom .vod-social-media .vod-social-media-panel-title .fa-li, .page-template-template-gateway-support .vod-social-media .vod-social-media-panel-title .fa-li,
    .page-template-template-gateway-studentlife .vod-social-media .vod-social-media-panel-title .fa-li, .page-template-template-gateway-subjects .vod-social-media .vod-social-media-panel-title .fa-li,
    .page-template-template-gateway-subjects-postgrad .vod-social-media .vod-social-media-panel-title .fa-li, .page-template-template-gateway-apply .vod-social-media .vod-social-media-panel-title .fa-li,
    .page-template-template-gateway-apply-sub .vod-social-media .vod-social-media-panel-title .fa-li, .page-template-template-gateway-studentlife-sub .vod-social-media .vod-social-media-panel-title .fa-li,
    .page-template-template-gateway-support-sub .vod-social-media .vod-social-media-panel-title .fa-li, .page-template-template-gateway-accom-sub .vod-social-media .vod-social-media-panel-title .fa-li,
    .page-template-template-gateway-subjects-sub .vod-social-media .vod-social-media-panel-title .fa-li, .page-template-template-gateway-schedule-sub .vod-social-media .vod-social-media-panel-title .fa-li,
    .page-template-template-pgce-information-evening .vod-social-media .vod-social-media-panel-title .fa-li, .page-template-template-avd-homepage .vod-social-media .vod-social-media-panel-title .fa-li,
    .page-template-template-vod-subject .vod-social-media .vod-social-media-panel-title .fa-li, .page-template-template-vod-gateway .vod-social-media .vod-social-media-panel-title .fa-li, .page-template-template-vod-schedule .vod-social-media .vod-social-media-panel-title .fa-li {
      line-height: 1.2; }
  .tax-Subjects .vod-social-media a, .tax-Subjects .vod-social-media a:visited,
  .page-template-template-subject-gateway-intermediary-undergrad .vod-social-media a,
  .page-template-template-subject-gateway-intermediary-undergrad .vod-social-media a:visited,
  .page-template-template-subject-gateway-intermediary-postgrad .vod-social-media a,
  .page-template-template-subject-gateway-intermediary-postgrad .vod-social-media a:visited,
  .page-template-template-gateway-accom .vod-social-media a,
  .page-template-template-gateway-accom .vod-social-media a:visited, .page-template-template-gateway-support .vod-social-media a, .page-template-template-gateway-support .vod-social-media a:visited,
  .page-template-template-gateway-studentlife .vod-social-media a,
  .page-template-template-gateway-studentlife .vod-social-media a:visited, .page-template-template-gateway-subjects .vod-social-media a, .page-template-template-gateway-subjects .vod-social-media a:visited,
  .page-template-template-gateway-subjects-postgrad .vod-social-media a,
  .page-template-template-gateway-subjects-postgrad .vod-social-media a:visited, .page-template-template-gateway-apply .vod-social-media a, .page-template-template-gateway-apply .vod-social-media a:visited,
  .page-template-template-gateway-apply-sub .vod-social-media a,
  .page-template-template-gateway-apply-sub .vod-social-media a:visited, .page-template-template-gateway-studentlife-sub .vod-social-media a, .page-template-template-gateway-studentlife-sub .vod-social-media a:visited,
  .page-template-template-gateway-support-sub .vod-social-media a,
  .page-template-template-gateway-support-sub .vod-social-media a:visited, .page-template-template-gateway-accom-sub .vod-social-media a, .page-template-template-gateway-accom-sub .vod-social-media a:visited,
  .page-template-template-gateway-subjects-sub .vod-social-media a,
  .page-template-template-gateway-subjects-sub .vod-social-media a:visited, .page-template-template-gateway-schedule-sub .vod-social-media a, .page-template-template-gateway-schedule-sub .vod-social-media a:visited,
  .page-template-template-pgce-information-evening .vod-social-media a,
  .page-template-template-pgce-information-evening .vod-social-media a:visited, .page-template-template-avd-homepage .vod-social-media a, .page-template-template-avd-homepage .vod-social-media a:visited,
  .page-template-template-vod-subject .vod-social-media a,
  .page-template-template-vod-subject .vod-social-media a:visited, .page-template-template-vod-gateway .vod-social-media a, .page-template-template-vod-gateway .vod-social-media a:visited, .page-template-template-vod-schedule .vod-social-media a, .page-template-template-vod-schedule .vod-social-media a:visited {
    color: #FFFFFF !important; }
  .tax-Subjects .vod-social-media .icons-ul li,
  .page-template-template-subject-gateway-intermediary-undergrad .vod-social-media .icons-ul li,
  .page-template-template-subject-gateway-intermediary-postgrad .vod-social-media .icons-ul li,
  .page-template-template-gateway-accom .vod-social-media .icons-ul li, .page-template-template-gateway-support .vod-social-media .icons-ul li,
  .page-template-template-gateway-studentlife .vod-social-media .icons-ul li, .page-template-template-gateway-subjects .vod-social-media .icons-ul li,
  .page-template-template-gateway-subjects-postgrad .vod-social-media .icons-ul li, .page-template-template-gateway-apply .vod-social-media .icons-ul li,
  .page-template-template-gateway-apply-sub .vod-social-media .icons-ul li, .page-template-template-gateway-studentlife-sub .vod-social-media .icons-ul li,
  .page-template-template-gateway-support-sub .vod-social-media .icons-ul li, .page-template-template-gateway-accom-sub .vod-social-media .icons-ul li,
  .page-template-template-gateway-subjects-sub .vod-social-media .icons-ul li, .page-template-template-gateway-schedule-sub .vod-social-media .icons-ul li,
  .page-template-template-pgce-information-evening .vod-social-media .icons-ul li, .page-template-template-avd-homepage .vod-social-media .icons-ul li,
  .page-template-template-vod-subject .vod-social-media .icons-ul li, .page-template-template-vod-gateway .vod-social-media .icons-ul li, .page-template-template-vod-schedule .vod-social-media .icons-ul li {
    display: inline-block; }
  .tax-Subjects .vod-social-media .icons-ul li a,
  .page-template-template-subject-gateway-intermediary-undergrad .vod-social-media .icons-ul li a,
  .page-template-template-subject-gateway-intermediary-postgrad .vod-social-media .icons-ul li a,
  .page-template-template-gateway-accom .vod-social-media .icons-ul li a, .page-template-template-gateway-support .vod-social-media .icons-ul li a,
  .page-template-template-gateway-studentlife .vod-social-media .icons-ul li a, .page-template-template-gateway-subjects .vod-social-media .icons-ul li a,
  .page-template-template-gateway-subjects-postgrad .vod-social-media .icons-ul li a, .page-template-template-gateway-apply .vod-social-media .icons-ul li a,
  .page-template-template-gateway-apply-sub .vod-social-media .icons-ul li a, .page-template-template-gateway-studentlife-sub .vod-social-media .icons-ul li a,
  .page-template-template-gateway-support-sub .vod-social-media .icons-ul li a, .page-template-template-gateway-accom-sub .vod-social-media .icons-ul li a,
  .page-template-template-gateway-subjects-sub .vod-social-media .icons-ul li a, .page-template-template-gateway-schedule-sub .vod-social-media .icons-ul li a,
  .page-template-template-pgce-information-evening .vod-social-media .icons-ul li a, .page-template-template-avd-homepage .vod-social-media .icons-ul li a,
  .page-template-template-vod-subject .vod-social-media .icons-ul li a, .page-template-template-vod-gateway .vod-social-media .icons-ul li a, .page-template-template-vod-schedule .vod-social-media .icons-ul li a {
    display: inline-block;
    padding: 6px;
    padding: 0.42857rem;
    margin-left: 6px;
    margin-left: 0.42857rem;
    vertical-align: text-bottom; }

.tax-Subjects .btvod-home-cta,
.page-template-template-subject-gateway-intermediary-undergrad .btvod-home-cta,
.page-template-template-subject-gateway-intermediary-postgrad .btvod-home-cta,
.page-template-template-gateway-accom .btvod-home-cta, .page-template-template-gateway-support .btvod-home-cta,
.page-template-template-gateway-studentlife .btvod-home-cta, .page-template-template-gateway-subjects .btvod-home-cta,
.page-template-template-gateway-subjects-postgrad .btvod-home-cta, .page-template-template-gateway-apply .btvod-home-cta,
.page-template-template-gateway-apply-sub .btvod-home-cta, .page-template-template-gateway-studentlife-sub .btvod-home-cta,
.page-template-template-gateway-support-sub .btvod-home-cta, .page-template-template-gateway-accom-sub .btvod-home-cta,
.page-template-template-gateway-subjects-sub .btvod-home-cta, .page-template-template-gateway-schedule-sub .btvod-home-cta,
.page-template-template-pgce-information-evening .btvod-home-cta, .page-template-template-avd-homepage .btvod-home-cta,
.page-template-template-vod-subject .btvod-home-cta, .page-template-template-vod-gateway .btvod-home-cta, .page-template-template-vod-schedule .btvod-home-cta {
  background-color: #685733;
  color: white;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
  padding: 12px;
  padding: 0.85714rem; }
  .tax-Subjects .btvod-home-cta span,
  .page-template-template-subject-gateway-intermediary-undergrad .btvod-home-cta span,
  .page-template-template-subject-gateway-intermediary-postgrad .btvod-home-cta span,
  .page-template-template-gateway-accom .btvod-home-cta span, .page-template-template-gateway-support .btvod-home-cta span,
  .page-template-template-gateway-studentlife .btvod-home-cta span, .page-template-template-gateway-subjects .btvod-home-cta span,
  .page-template-template-gateway-subjects-postgrad .btvod-home-cta span, .page-template-template-gateway-apply .btvod-home-cta span,
  .page-template-template-gateway-apply-sub .btvod-home-cta span, .page-template-template-gateway-studentlife-sub .btvod-home-cta span,
  .page-template-template-gateway-support-sub .btvod-home-cta span, .page-template-template-gateway-accom-sub .btvod-home-cta span,
  .page-template-template-gateway-subjects-sub .btvod-home-cta span, .page-template-template-gateway-schedule-sub .btvod-home-cta span,
  .page-template-template-pgce-information-evening .btvod-home-cta span, .page-template-template-avd-homepage .btvod-home-cta span,
  .page-template-template-vod-subject .btvod-home-cta span, .page-template-template-vod-gateway .btvod-home-cta span, .page-template-template-vod-schedule .btvod-home-cta span {
    margin-right: 24px;
    margin-right: 1.71429rem; }
  .tax-Subjects .btvod-home-cta:visited,
  .page-template-template-subject-gateway-intermediary-undergrad .btvod-home-cta:visited,
  .page-template-template-subject-gateway-intermediary-postgrad .btvod-home-cta:visited,
  .page-template-template-gateway-accom .btvod-home-cta:visited, .page-template-template-gateway-support .btvod-home-cta:visited,
  .page-template-template-gateway-studentlife .btvod-home-cta:visited, .page-template-template-gateway-subjects .btvod-home-cta:visited,
  .page-template-template-gateway-subjects-postgrad .btvod-home-cta:visited, .page-template-template-gateway-apply .btvod-home-cta:visited,
  .page-template-template-gateway-apply-sub .btvod-home-cta:visited, .page-template-template-gateway-studentlife-sub .btvod-home-cta:visited,
  .page-template-template-gateway-support-sub .btvod-home-cta:visited, .page-template-template-gateway-accom-sub .btvod-home-cta:visited,
  .page-template-template-gateway-subjects-sub .btvod-home-cta:visited, .page-template-template-gateway-schedule-sub .btvod-home-cta:visited,
  .page-template-template-pgce-information-evening .btvod-home-cta:visited, .page-template-template-avd-homepage .btvod-home-cta:visited,
  .page-template-template-vod-subject .btvod-home-cta:visited, .page-template-template-vod-gateway .btvod-home-cta:visited, .page-template-template-vod-schedule .btvod-home-cta:visited {
    color: #FFFFFF !important; }
  .tax-Subjects .btvod-home-cta:hover,
  .page-template-template-subject-gateway-intermediary-undergrad .btvod-home-cta:hover,
  .page-template-template-subject-gateway-intermediary-postgrad .btvod-home-cta:hover,
  .page-template-template-gateway-accom .btvod-home-cta:hover, .page-template-template-gateway-support .btvod-home-cta:hover,
  .page-template-template-gateway-studentlife .btvod-home-cta:hover, .page-template-template-gateway-subjects .btvod-home-cta:hover,
  .page-template-template-gateway-subjects-postgrad .btvod-home-cta:hover, .page-template-template-gateway-apply .btvod-home-cta:hover,
  .page-template-template-gateway-apply-sub .btvod-home-cta:hover, .page-template-template-gateway-studentlife-sub .btvod-home-cta:hover,
  .page-template-template-gateway-support-sub .btvod-home-cta:hover, .page-template-template-gateway-accom-sub .btvod-home-cta:hover,
  .page-template-template-gateway-subjects-sub .btvod-home-cta:hover, .page-template-template-gateway-schedule-sub .btvod-home-cta:hover,
  .page-template-template-pgce-information-evening .btvod-home-cta:hover, .page-template-template-avd-homepage .btvod-home-cta:hover,
  .page-template-template-vod-subject .btvod-home-cta:hover, .page-template-template-vod-gateway .btvod-home-cta:hover, .page-template-template-vod-schedule .btvod-home-cta:hover {
    color: #FFFFFF !important;
    background-color: #57492b; }

.page-template-template-pgce-information-evening .gateway-header {
  margin-bottom: 0; }

.page-template-template-pgce-information-evening .tabs {
  margin-top: 48px; }

@media screen and (max-width: 800px) {
  .gateway-ctas {
    grid-gap: 6px; }
  .vod-gateway {
    padding: 0; }
  .gateway-lead-img-wrap {
    min-height: 40vh; }
  .gateway-title {
    font-size: 32px;
    line-height: normal; }
  .gateway-text-wrap {
    position: relative;
    bottom: 0; }
  .vod-content {
    margin-top: 24px;
    margin-bottom: 24px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 0; }
    .vod-content a {
      min-height: 0;
      margin-bottom: 24px;
      margin-bottom: 1.71429rem; }
  .vod-social-media {
    grid-column: 1/4; }
    .vod-social-media .icons-ul li {
      display: block !important; }
  .btvod-home-cta {
    display: block;
    text-align: center; }
  .vod-content a:last-of-type {
    margin-bottom: 0; }
  .gateway-cta-panel-icon-wrap {
    padding: 12px 6px;
    padding: 0.85714rem 0.42857rem;
    min-height: 160px; }
    .gateway-cta-panel-icon-wrap .panel-title {
      font-size: 14px; }
    .gateway-cta-panel-icon-wrap span {
      margin: 12px 0;
      margin: 0.85714rem 0; }
  .vod-panel-text-wrap {
    padding: 0 !important; }
  .vod-panel-text-wrap .panel-title {
    font-size: 14px;
    padding: 6px 24px 6px 6px; }
  .vod-panel-text-wrap .panel-title:after {
    right: 10px; } }

@media screen and (min-width: 601px) and (max-width: 799px) {
  .vod-content {
    -ms-grid-columns: 1fr 12px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 12px; } }

@media screen and (max-width: 600px) {
  #submitDetails {
    width: 100%; }
  .page-template-template-gateway-accom .vod-content, .page-template-template-gateway-support .vod-content,
  .page-template-template-gateway-studentlife .vod-content, .tax-Subjects .vod-content,
  .page-template-template-gateway-subjects-postgrad .vod-content, .page-template-template-gateway-apply .vod-content,
  .page-template-template-gateway-apply-sub .vod-content, .page-template-template-gateway-studentlife-sub .vod-content,
  .page-template-template-gateway-support-sub .vod-content, .page-template-template-gateway-accom-sub .vod-content,
  .page-template-template-gateway-subjects-sub .vod-content, .page-template-template-gateway-schedule-sub .vod-content,
  .page-template-template-vod-gateway .vod-content {
    display: block; }
  .page-template-template-gateway-accom .gateway-ctas,
  .page-template-template-gateway-support .gateway-ctas,
  .page-template-template-gateway-studentlife .gateway-ctas,
  .page-template-template-gateway-subjects .gateway-ctas,
  .page-template-template-gateway-subjects-postgrad .gateway-ctas,
  .page-template-template-gateway-apply .gateway-ctas,
  .page-template-template-gateway-apply-sub .gateway-ctas,
  .page-template-template-gateway-studentlife-sub .gateway-ctas,
  .page-template-template-gateway-support-sub .gateway-ctas,
  .page-template-template-gateway-accom-sub .gateway-ctas,
  .page-template-template-gateway-subjects-sub .gateway-ctas,
  .page-template-template-gateway-schedule-sub .gateway-ctas,
  .page-template-template-vod-gateway .gateway-ctas {
    grid-template-columns: 1fr; }
  .page-template-template-gateway-accom .gateway-title, .page-template-template-gateway-support .gateway-title, .page-template-template-gateway-studentlife .gateway-title, .page-template-template-gateway-subjects .gateway-title, .page-template-template-gateway-subjects-postgrad .gateway-title, .page-template-template-gateway-apply .gateway-title, .page-template-template-gateway-apply-sub .gateway-title, .page-template-template-gateway-studentlife-sub .gateway-title, .page-template-template-gateway-support-sub .gateway-title, .page-template-template-gateway-accom-sub .gateway-title, .page-template-template-gateway-subjects-sub .gateway-title, .page-template-template-gateway-schedule-sub .gateway-title, .page-template-template-vod-gateway .gateway-title {
    font-size: 36px;
    font-size: 2.57143rem;
    line-height: 1.33333; }
    .page-template-template-gateway-accom .gateway-title .fa-li, .page-template-template-gateway-support .gateway-title .fa-li, .page-template-template-gateway-studentlife .gateway-title .fa-li, .page-template-template-gateway-subjects .gateway-title .fa-li, .page-template-template-gateway-subjects-postgrad .gateway-title .fa-li, .page-template-template-gateway-apply .gateway-title .fa-li, .page-template-template-gateway-apply-sub .gateway-title .fa-li, .page-template-template-gateway-studentlife-sub .gateway-title .fa-li, .page-template-template-gateway-support-sub .gateway-title .fa-li, .page-template-template-gateway-accom-sub .gateway-title .fa-li, .page-template-template-gateway-subjects-sub .gateway-title .fa-li, .page-template-template-gateway-schedule-sub .gateway-title .fa-li, .page-template-template-vod-gateway .gateway-title .fa-li {
      line-height: 1.33333; } }

@media screen and (max-width: 426px) {
  .gateway-cta-panel-icon-wrap {
    min-height: 180px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-flow: column; } }

.page-template-template-discover-campaign, .page-template-template-applicants, .page-template-template-discover-virtual_open_day_campaign, .post-type-archive-vod_events, .page-template-template-vod-schedule, .ehu-vod_events_shortcode, .tax-Subjects, .page-template-template-applicants, .page-template-template-avd-homepage, .page-template-template-vod-subject {
  overflow-x: hidden; }
  .page-template-template-discover-campaign .campaign-container, .page-template-template-discover-campaign .discover, .page-template-template-discover-campaign .full-width-row, .page-template-template-applicants .campaign-container, .page-template-template-applicants .discover, .page-template-template-applicants .full-width-row, .page-template-template-discover-virtual_open_day_campaign .campaign-container, .page-template-template-discover-virtual_open_day_campaign .discover, .page-template-template-discover-virtual_open_day_campaign .full-width-row, .post-type-archive-vod_events .campaign-container, .post-type-archive-vod_events .discover, .post-type-archive-vod_events .full-width-row, .page-template-template-vod-schedule .campaign-container, .page-template-template-vod-schedule .discover, .page-template-template-vod-schedule .full-width-row, .ehu-vod_events_shortcode .campaign-container, .ehu-vod_events_shortcode .discover, .ehu-vod_events_shortcode .full-width-row, .tax-Subjects .campaign-container, .tax-Subjects .discover, .tax-Subjects .full-width-row, .page-template-template-applicants .campaign-container, .page-template-template-applicants .discover, .page-template-template-applicants .full-width-row, .page-template-template-avd-homepage .campaign-container, .page-template-template-avd-homepage .discover, .page-template-template-avd-homepage .full-width-row, .page-template-template-vod-subject .campaign-container, .page-template-template-vod-subject .discover, .page-template-template-vod-subject .full-width-row {
    font-family: Helvetica, sans-serif; }
  .page-template-template-discover-campaign .campaign-container, .page-template-template-applicants .campaign-container, .page-template-template-discover-virtual_open_day_campaign .campaign-container, .post-type-archive-vod_events .campaign-container, .page-template-template-vod-schedule .campaign-container, .ehu-vod_events_shortcode .campaign-container, .tax-Subjects .campaign-container, .page-template-template-applicants .campaign-container, .page-template-template-avd-homepage .campaign-container, .page-template-template-vod-subject .campaign-container {
    margin: 0 auto;
    max-width: 1200px;
    max-width: 85.71429rem; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .page-template-template-discover-campaign .campaign-container div, .page-template-template-applicants .campaign-container div, .page-template-template-discover-virtual_open_day_campaign .campaign-container div, .post-type-archive-vod_events .campaign-container div, .page-template-template-vod-schedule .campaign-container div, .ehu-vod_events_shortcode .campaign-container div, .tax-Subjects .campaign-container div, .page-template-template-applicants .campaign-container div, .page-template-template-avd-homepage .campaign-container div, .page-template-template-vod-subject .campaign-container div {
      -ms-grid-columns: 1fr 24px 1fr;
      -ms-grid-rows: 1fr 48px 1fr 48px 1fr; }
    .page-template-template-discover-campaign .campaign-container div div:nth-child(odd), .page-template-template-applicants .campaign-container div div:nth-child(odd), .page-template-template-discover-virtual_open_day_campaign .campaign-container div div:nth-child(odd), .post-type-archive-vod_events .campaign-container div div:nth-child(odd), .page-template-template-vod-schedule .campaign-container div div:nth-child(odd), .ehu-vod_events_shortcode .campaign-container div div:nth-child(odd), .tax-Subjects .campaign-container div div:nth-child(odd), .page-template-template-applicants .campaign-container div div:nth-child(odd), .page-template-template-avd-homepage .campaign-container div div:nth-child(odd), .page-template-template-vod-subject .campaign-container div div:nth-child(odd) {
      -ms-grid-column: 1; }
    .page-template-template-discover-campaign .campaign-container div div:nth-child(even), .page-template-template-applicants .campaign-container div div:nth-child(even), .page-template-template-discover-virtual_open_day_campaign .campaign-container div div:nth-child(even), .post-type-archive-vod_events .campaign-container div div:nth-child(even), .page-template-template-vod-schedule .campaign-container div div:nth-child(even), .ehu-vod_events_shortcode .campaign-container div div:nth-child(even), .tax-Subjects .campaign-container div div:nth-child(even), .page-template-template-applicants .campaign-container div div:nth-child(even), .page-template-template-avd-homepage .campaign-container div div:nth-child(even), .page-template-template-vod-subject .campaign-container div div:nth-child(even) {
      -ms-grid-column: 3; }
    .page-template-template-discover-campaign .campaign-container div div:nth-child(1),
    .page-template-template-discover-campaign .campaign-container div div:nth-child(2), .page-template-template-applicants .campaign-container div div:nth-child(1),
    .page-template-template-applicants .campaign-container div div:nth-child(2), .page-template-template-discover-virtual_open_day_campaign .campaign-container div div:nth-child(1),
    .page-template-template-discover-virtual_open_day_campaign .campaign-container div div:nth-child(2), .post-type-archive-vod_events .campaign-container div div:nth-child(1),
    .post-type-archive-vod_events .campaign-container div div:nth-child(2), .page-template-template-vod-schedule .campaign-container div div:nth-child(1),
    .page-template-template-vod-schedule .campaign-container div div:nth-child(2), .ehu-vod_events_shortcode .campaign-container div div:nth-child(1),
    .ehu-vod_events_shortcode .campaign-container div div:nth-child(2), .tax-Subjects .campaign-container div div:nth-child(1),
    .tax-Subjects .campaign-container div div:nth-child(2), .page-template-template-applicants .campaign-container div div:nth-child(1),
    .page-template-template-applicants .campaign-container div div:nth-child(2), .page-template-template-avd-homepage .campaign-container div div:nth-child(1),
    .page-template-template-avd-homepage .campaign-container div div:nth-child(2), .page-template-template-vod-subject .campaign-container div div:nth-child(1),
    .page-template-template-vod-subject .campaign-container div div:nth-child(2) {
      -ms-grid-row: 1; }
    .page-template-template-discover-campaign .campaign-container div div:nth-child(3),
    .page-template-template-discover-campaign .campaign-container div div:nth-child(4), .page-template-template-applicants .campaign-container div div:nth-child(3),
    .page-template-template-applicants .campaign-container div div:nth-child(4), .page-template-template-discover-virtual_open_day_campaign .campaign-container div div:nth-child(3),
    .page-template-template-discover-virtual_open_day_campaign .campaign-container div div:nth-child(4), .post-type-archive-vod_events .campaign-container div div:nth-child(3),
    .post-type-archive-vod_events .campaign-container div div:nth-child(4), .page-template-template-vod-schedule .campaign-container div div:nth-child(3),
    .page-template-template-vod-schedule .campaign-container div div:nth-child(4), .ehu-vod_events_shortcode .campaign-container div div:nth-child(3),
    .ehu-vod_events_shortcode .campaign-container div div:nth-child(4), .tax-Subjects .campaign-container div div:nth-child(3),
    .tax-Subjects .campaign-container div div:nth-child(4), .page-template-template-applicants .campaign-container div div:nth-child(3),
    .page-template-template-applicants .campaign-container div div:nth-child(4), .page-template-template-avd-homepage .campaign-container div div:nth-child(3),
    .page-template-template-avd-homepage .campaign-container div div:nth-child(4), .page-template-template-vod-subject .campaign-container div div:nth-child(3),
    .page-template-template-vod-subject .campaign-container div div:nth-child(4) {
      -ms-grid-row: 3; }
    .page-template-template-discover-campaign .campaign-container div div:nth-child(5),
    .page-template-template-discover-campaign .campaign-container div div:nth-child(6), .page-template-template-applicants .campaign-container div div:nth-child(5),
    .page-template-template-applicants .campaign-container div div:nth-child(6), .page-template-template-discover-virtual_open_day_campaign .campaign-container div div:nth-child(5),
    .page-template-template-discover-virtual_open_day_campaign .campaign-container div div:nth-child(6), .post-type-archive-vod_events .campaign-container div div:nth-child(5),
    .post-type-archive-vod_events .campaign-container div div:nth-child(6), .page-template-template-vod-schedule .campaign-container div div:nth-child(5),
    .page-template-template-vod-schedule .campaign-container div div:nth-child(6), .ehu-vod_events_shortcode .campaign-container div div:nth-child(5),
    .ehu-vod_events_shortcode .campaign-container div div:nth-child(6), .tax-Subjects .campaign-container div div:nth-child(5),
    .tax-Subjects .campaign-container div div:nth-child(6), .page-template-template-applicants .campaign-container div div:nth-child(5),
    .page-template-template-applicants .campaign-container div div:nth-child(6), .page-template-template-avd-homepage .campaign-container div div:nth-child(5),
    .page-template-template-avd-homepage .campaign-container div div:nth-child(6), .page-template-template-vod-subject .campaign-container div div:nth-child(5),
    .page-template-template-vod-subject .campaign-container div div:nth-child(6) {
      -ms-grid-row: 5; }
    .page-template-template-discover-campaign .campaign-container .cta-row, .page-template-template-applicants .campaign-container .cta-row, .page-template-template-discover-virtual_open_day_campaign .campaign-container .cta-row, .post-type-archive-vod_events .campaign-container .cta-row, .page-template-template-vod-schedule .campaign-container .cta-row, .ehu-vod_events_shortcode .campaign-container .cta-row, .tax-Subjects .campaign-container .cta-row, .page-template-template-applicants .campaign-container .cta-row, .page-template-template-avd-homepage .campaign-container .cta-row, .page-template-template-vod-subject .campaign-container .cta-row {
      -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
      -ms-grid-rows: 1fr; }
    .page-template-template-discover-campaign .campaign-container .cta-row a, .page-template-template-applicants .campaign-container .cta-row a, .page-template-template-discover-virtual_open_day_campaign .campaign-container .cta-row a, .post-type-archive-vod_events .campaign-container .cta-row a, .page-template-template-vod-schedule .campaign-container .cta-row a, .ehu-vod_events_shortcode .campaign-container .cta-row a, .tax-Subjects .campaign-container .cta-row a, .page-template-template-applicants .campaign-container .cta-row a, .page-template-template-avd-homepage .campaign-container .cta-row a, .page-template-template-vod-subject .campaign-container .cta-row a {
      float: left; }
    .page-template-template-discover-campaign .campaign-container .cta-row a:nth-child(1), .page-template-template-applicants .campaign-container .cta-row a:nth-child(1), .page-template-template-discover-virtual_open_day_campaign .campaign-container .cta-row a:nth-child(1), .post-type-archive-vod_events .campaign-container .cta-row a:nth-child(1), .page-template-template-vod-schedule .campaign-container .cta-row a:nth-child(1), .ehu-vod_events_shortcode .campaign-container .cta-row a:nth-child(1), .tax-Subjects .campaign-container .cta-row a:nth-child(1), .page-template-template-applicants .campaign-container .cta-row a:nth-child(1), .page-template-template-avd-homepage .campaign-container .cta-row a:nth-child(1), .page-template-template-vod-subject .campaign-container .cta-row a:nth-child(1) {
      -ms-grid-column: 1; }
    .page-template-template-discover-campaign .campaign-container .cta-row a:nth-child(2), .page-template-template-applicants .campaign-container .cta-row a:nth-child(2), .page-template-template-discover-virtual_open_day_campaign .campaign-container .cta-row a:nth-child(2), .post-type-archive-vod_events .campaign-container .cta-row a:nth-child(2), .page-template-template-vod-schedule .campaign-container .cta-row a:nth-child(2), .ehu-vod_events_shortcode .campaign-container .cta-row a:nth-child(2), .tax-Subjects .campaign-container .cta-row a:nth-child(2), .page-template-template-applicants .campaign-container .cta-row a:nth-child(2), .page-template-template-avd-homepage .campaign-container .cta-row a:nth-child(2), .page-template-template-vod-subject .campaign-container .cta-row a:nth-child(2) {
      -ms-grid-column: 3; }
    .page-template-template-discover-campaign .campaign-container .cta-row a:nth-child(3), .page-template-template-applicants .campaign-container .cta-row a:nth-child(3), .page-template-template-discover-virtual_open_day_campaign .campaign-container .cta-row a:nth-child(3), .post-type-archive-vod_events .campaign-container .cta-row a:nth-child(3), .page-template-template-vod-schedule .campaign-container .cta-row a:nth-child(3), .ehu-vod_events_shortcode .campaign-container .cta-row a:nth-child(3), .tax-Subjects .campaign-container .cta-row a:nth-child(3), .page-template-template-applicants .campaign-container .cta-row a:nth-child(3), .page-template-template-avd-homepage .campaign-container .cta-row a:nth-child(3), .page-template-template-vod-subject .campaign-container .cta-row a:nth-child(3) {
      -ms-grid-column: 5; } }
  .page-template-template-discover-campaign #site, .page-template-template-applicants #site, .page-template-template-discover-virtual_open_day_campaign #site, .post-type-archive-vod_events #site, .page-template-template-vod-schedule #site, .ehu-vod_events_shortcode #site, .tax-Subjects #site, .page-template-template-applicants #site, .page-template-template-avd-homepage #site, .page-template-template-vod-subject #site {
    overflow: visible;
    padding-top: 0;
    padding-top: 0; }
  .page-template-template-discover-campaign #main, .page-template-template-applicants #main, .page-template-template-discover-virtual_open_day_campaign #main, .post-type-archive-vod_events #main, .page-template-template-vod-schedule #main, .ehu-vod_events_shortcode #main, .tax-Subjects #main, .page-template-template-applicants #main, .page-template-template-avd-homepage #main, .page-template-template-vod-subject #main {
    width: 100%; }
  .page-template-template-discover-campaign .campaign-head, .page-template-template-applicants .campaign-head, .page-template-template-discover-virtual_open_day_campaign .campaign-head, .post-type-archive-vod_events .campaign-head, .page-template-template-vod-schedule .campaign-head, .ehu-vod_events_shortcode .campaign-head, .tax-Subjects .campaign-head, .page-template-template-applicants .campaign-head, .page-template-template-avd-homepage .campaign-head, .page-template-template-vod-subject .campaign-head {
    width: 100%;
    margin-bottom: 24px;
    margin-bottom: 1.71429rem;
    overflow: auto; }
    .page-template-template-discover-campaign .campaign-head .discover-logo, .page-template-template-applicants .campaign-head .discover-logo, .page-template-template-discover-virtual_open_day_campaign .campaign-head .discover-logo, .post-type-archive-vod_events .campaign-head .discover-logo, .page-template-template-vod-schedule .campaign-head .discover-logo, .ehu-vod_events_shortcode .campaign-head .discover-logo, .tax-Subjects .campaign-head .discover-logo, .page-template-template-applicants .campaign-head .discover-logo, .page-template-template-avd-homepage .campaign-head .discover-logo, .page-template-template-vod-subject .campaign-head .discover-logo {
      font-size: 3em;
      float: left;
      border: 2px solid;
      margin-right: 48px;
      margin-right: 3.42857rem; }
    .page-template-template-discover-campaign .campaign-head .campaign-title-wrap, .page-template-template-applicants .campaign-head .campaign-title-wrap, .page-template-template-discover-virtual_open_day_campaign .campaign-head .campaign-title-wrap, .post-type-archive-vod_events .campaign-head .campaign-title-wrap, .page-template-template-vod-schedule .campaign-head .campaign-title-wrap, .ehu-vod_events_shortcode .campaign-head .campaign-title-wrap, .tax-Subjects .campaign-head .campaign-title-wrap, .page-template-template-applicants .campaign-head .campaign-title-wrap, .page-template-template-avd-homepage .campaign-head .campaign-title-wrap, .page-template-template-vod-subject .campaign-head .campaign-title-wrap {
      overflow: auto;
      margin-top: 24px;
      margin-top: 1.71429rem; }
    .page-template-template-discover-campaign .campaign-head .campaign-title, .page-template-template-applicants .campaign-head .campaign-title, .page-template-template-discover-virtual_open_day_campaign .campaign-head .campaign-title, .post-type-archive-vod_events .campaign-head .campaign-title, .page-template-template-vod-schedule .campaign-head .campaign-title, .ehu-vod_events_shortcode .campaign-head .campaign-title, .tax-Subjects .campaign-head .campaign-title, .page-template-template-applicants .campaign-head .campaign-title, .page-template-template-avd-homepage .campaign-head .campaign-title, .page-template-template-vod-subject .campaign-head .campaign-title {
      font-size: 4.7em;
      font-weight: 400;
      display: inline-block;
      color: #685733;
      border-bottom: 1px solid;
      clear: none;
      line-height: 1.2;
      padding-bottom: 6px;
      padding-bottom: 0.42857rem; }
      .page-template-template-discover-campaign .campaign-head .campaign-title span, .page-template-template-applicants .campaign-head .campaign-title span, .page-template-template-discover-virtual_open_day_campaign .campaign-head .campaign-title span, .post-type-archive-vod_events .campaign-head .campaign-title span, .page-template-template-vod-schedule .campaign-head .campaign-title span, .ehu-vod_events_shortcode .campaign-head .campaign-title span, .tax-Subjects .campaign-head .campaign-title span, .page-template-template-applicants .campaign-head .campaign-title span, .page-template-template-avd-homepage .campaign-head .campaign-title span, .page-template-template-vod-subject .campaign-head .campaign-title span {
        font-weight: 900;
        text-transform: uppercase; }
    .page-template-template-discover-campaign .campaign-head .campaign-title-sub, .page-template-template-applicants .campaign-head .campaign-title-sub, .page-template-template-discover-virtual_open_day_campaign .campaign-head .campaign-title-sub, .post-type-archive-vod_events .campaign-head .campaign-title-sub, .page-template-template-vod-schedule .campaign-head .campaign-title-sub, .ehu-vod_events_shortcode .campaign-head .campaign-title-sub, .tax-Subjects .campaign-head .campaign-title-sub, .page-template-template-applicants .campaign-head .campaign-title-sub, .page-template-template-avd-homepage .campaign-head .campaign-title-sub, .page-template-template-vod-subject .campaign-head .campaign-title-sub {
      color: #685733;
      font-size: 2em;
      float: right;
      margin-right: 12px;
      margin-right: 0.85714rem; }
  .page-template-template-discover-campaign .campaign-title, .page-template-template-applicants .campaign-title, .page-template-template-discover-virtual_open_day_campaign .campaign-title, .post-type-archive-vod_events .campaign-title, .page-template-template-vod-schedule .campaign-title, .ehu-vod_events_shortcode .campaign-title, .tax-Subjects .campaign-title, .page-template-template-applicants .campaign-title, .page-template-template-avd-homepage .campaign-title, .page-template-template-vod-subject .campaign-title {
    font-size: 3em;
    color: #272727;
    font-weight: 700;
    float: left; }
  .page-template-template-discover-campaign .campaign-title-sub, .page-template-template-applicants .campaign-title-sub, .page-template-template-discover-virtual_open_day_campaign .campaign-title-sub, .post-type-archive-vod_events .campaign-title-sub, .page-template-template-vod-schedule .campaign-title-sub, .ehu-vod_events_shortcode .campaign-title-sub, .tax-Subjects .campaign-title-sub, .page-template-template-applicants .campaign-title-sub, .page-template-template-avd-homepage .campaign-title-sub, .page-template-template-vod-subject .campaign-title-sub {
    color: #685733;
    display: block; }
  .page-template-template-discover-campaign .campaign-video, .page-template-template-applicants .campaign-video, .page-template-template-discover-virtual_open_day_campaign .campaign-video, .post-type-archive-vod_events .campaign-video, .page-template-template-vod-schedule .campaign-video, .ehu-vod_events_shortcode .campaign-video, .tax-Subjects .campaign-video, .page-template-template-applicants .campaign-video, .page-template-template-avd-homepage .campaign-video, .page-template-template-vod-subject .campaign-video {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    clear: both; }
  .page-template-template-discover-campaign .campaign-video iframe, .page-template-template-applicants .campaign-video iframe, .page-template-template-discover-virtual_open_day_campaign .campaign-video iframe, .post-type-archive-vod_events .campaign-video iframe, .page-template-template-vod-schedule .campaign-video iframe, .ehu-vod_events_shortcode .campaign-video iframe, .tax-Subjects .campaign-video iframe, .page-template-template-applicants .campaign-video iframe, .page-template-template-avd-homepage .campaign-video iframe, .page-template-template-vod-subject .campaign-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .page-template-template-discover-campaign .cta-row, .page-template-template-applicants .cta-row, .page-template-template-discover-virtual_open_day_campaign .cta-row, .post-type-archive-vod_events .cta-row, .page-template-template-vod-schedule .cta-row, .ehu-vod_events_shortcode .cta-row, .tax-Subjects .cta-row, .page-template-template-applicants .cta-row, .page-template-template-avd-homepage .cta-row, .page-template-template-vod-subject .cta-row {
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 24px; }
  .page-template-template-discover-campaign .cta-row a, .page-template-template-applicants .cta-row a, .page-template-template-discover-virtual_open_day_campaign .cta-row a, .post-type-archive-vod_events .cta-row a, .page-template-template-vod-schedule .cta-row a, .ehu-vod_events_shortcode .cta-row a, .tax-Subjects .cta-row a, .page-template-template-applicants .cta-row a, .page-template-template-avd-homepage .cta-row a, .page-template-template-vod-subject .cta-row a {
    text-decoration: none;
    position: relative;
    padding-bottom: 12px;
    padding-bottom: 0.85714rem; }
    .page-template-template-discover-campaign .cta-row a:hover, .page-template-template-applicants .cta-row a:hover, .page-template-template-discover-virtual_open_day_campaign .cta-row a:hover, .post-type-archive-vod_events .cta-row a:hover, .page-template-template-vod-schedule .cta-row a:hover, .ehu-vod_events_shortcode .cta-row a:hover, .tax-Subjects .cta-row a:hover, .page-template-template-applicants .cta-row a:hover, .page-template-template-avd-homepage .cta-row a:hover, .page-template-template-vod-subject .cta-row a:hover {
      box-shadow: 0 3px #685733; }
  .page-template-template-discover-campaign .cta-row-text-wrap, .page-template-template-applicants .cta-row-text-wrap, .page-template-template-discover-virtual_open_day_campaign .cta-row-text-wrap, .post-type-archive-vod_events .cta-row-text-wrap, .page-template-template-vod-schedule .cta-row-text-wrap, .ehu-vod_events_shortcode .cta-row-text-wrap, .tax-Subjects .cta-row-text-wrap, .page-template-template-applicants .cta-row-text-wrap, .page-template-template-avd-homepage .cta-row-text-wrap, .page-template-template-vod-subject .cta-row-text-wrap {
    padding-right: 48px;
    padding-right: 3.42857rem;
    position: relative; }
  .page-template-template-discover-campaign .cta-row-img, .page-template-template-applicants .cta-row-img, .page-template-template-discover-virtual_open_day_campaign .cta-row-img, .post-type-archive-vod_events .cta-row-img, .page-template-template-vod-schedule .cta-row-img, .ehu-vod_events_shortcode .cta-row-img, .tax-Subjects .cta-row-img, .page-template-template-applicants .cta-row-img, .page-template-template-avd-homepage .cta-row-img, .page-template-template-vod-subject .cta-row-img {
    max-width: 100%; }
  .page-template-template-discover-campaign .cta-row-title, .page-template-template-applicants .cta-row-title, .page-template-template-discover-virtual_open_day_campaign .cta-row-title, .post-type-archive-vod_events .cta-row-title, .page-template-template-vod-schedule .cta-row-title, .ehu-vod_events_shortcode .cta-row-title, .tax-Subjects .cta-row-title, .page-template-template-applicants .cta-row-title, .page-template-template-avd-homepage .cta-row-title, .page-template-template-vod-subject .cta-row-title {
    font-size: 24px;
    font-size: 1.71429rem;
    line-height: 1;
    color: #685733;
    margin: 12px 0;
    margin: 0.85714rem 0;
    font-weight: 400; }
    .page-template-template-discover-campaign .cta-row-title .fa-li, .page-template-template-applicants .cta-row-title .fa-li, .page-template-template-discover-virtual_open_day_campaign .cta-row-title .fa-li, .post-type-archive-vod_events .cta-row-title .fa-li, .page-template-template-vod-schedule .cta-row-title .fa-li, .ehu-vod_events_shortcode .cta-row-title .fa-li, .tax-Subjects .cta-row-title .fa-li, .page-template-template-applicants .cta-row-title .fa-li, .page-template-template-avd-homepage .cta-row-title .fa-li, .page-template-template-vod-subject .cta-row-title .fa-li {
      line-height: 1; }
  .page-template-template-discover-campaign .cta-row-chevron, .page-template-template-applicants .cta-row-chevron, .page-template-template-discover-virtual_open_day_campaign .cta-row-chevron, .post-type-archive-vod_events .cta-row-chevron, .page-template-template-vod-schedule .cta-row-chevron, .ehu-vod_events_shortcode .cta-row-chevron, .tax-Subjects .cta-row-chevron, .page-template-template-applicants .cta-row-chevron, .page-template-template-avd-homepage .cta-row-chevron, .page-template-template-vod-subject .cta-row-chevron {
    position: absolute;
    right: 12px;
    top: calc(100% / 2 - 10px);
    width: 20px;
    height: 20px;
    border-top: 1px solid #685733;
    border-right: 1px solid #685733;
    transform: rotate(45deg); }
  .page-template-template-discover-campaign .discover, .page-template-template-applicants .discover, .page-template-template-discover-virtual_open_day_campaign .discover, .post-type-archive-vod_events .discover, .page-template-template-vod-schedule .discover, .ehu-vod_events_shortcode .discover, .tax-Subjects .discover, .page-template-template-applicants .discover, .page-template-template-avd-homepage .discover, .page-template-template-vod-subject .discover {
    display: -ms-grid;
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }
  .page-template-template-discover-campaign .discover a, .page-template-template-applicants .discover a, .page-template-template-discover-virtual_open_day_campaign .discover a, .post-type-archive-vod_events .discover a, .page-template-template-vod-schedule .discover a, .ehu-vod_events_shortcode .discover a, .tax-Subjects .discover a, .page-template-template-applicants .discover a, .page-template-template-avd-homepage .discover a, .page-template-template-vod-subject .discover a {
    text-decoration: none; }
  .page-template-template-discover-campaign .discover div:hover h2, .page-template-template-applicants .discover div:hover h2, .page-template-template-discover-virtual_open_day_campaign .discover div:hover h2, .post-type-archive-vod_events .discover div:hover h2, .page-template-template-vod-schedule .discover div:hover h2, .ehu-vod_events_shortcode .discover div:hover h2, .tax-Subjects .discover div:hover h2, .page-template-template-applicants .discover div:hover h2, .page-template-template-avd-homepage .discover div:hover h2, .page-template-template-vod-subject .discover div:hover h2 {
    transform: translateY(-2px); }
  .page-template-template-discover-campaign .discover div h2, .page-template-template-applicants .discover div h2, .page-template-template-discover-virtual_open_day_campaign .discover div h2, .post-type-archive-vod_events .discover div h2, .page-template-template-vod-schedule .discover div h2, .ehu-vod_events_shortcode .discover div h2, .tax-Subjects .discover div h2, .page-template-template-applicants .discover div h2, .page-template-template-avd-homepage .discover div h2, .page-template-template-vod-subject .discover div h2 {
    transition: all 0.2s cubic-bezier(0.47, 0, 0.75, 0.72); }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .page-template-template-discover-campaign .discover, .page-template-template-applicants .discover, .page-template-template-discover-virtual_open_day_campaign .discover, .post-type-archive-vod_events .discover, .page-template-template-vod-schedule .discover, .ehu-vod_events_shortcode .discover, .tax-Subjects .discover, .page-template-template-applicants .discover, .page-template-template-avd-homepage .discover, .page-template-template-vod-subject .discover {
      -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr; }
    .page-template-template-discover-campaign .discover .discover-cta-event, .page-template-template-applicants .discover .discover-cta-event, .page-template-template-discover-virtual_open_day_campaign .discover .discover-cta-event, .post-type-archive-vod_events .discover .discover-cta-event, .page-template-template-vod-schedule .discover .discover-cta-event, .ehu-vod_events_shortcode .discover .discover-cta-event, .tax-Subjects .discover .discover-cta-event, .page-template-template-applicants .discover .discover-cta-event, .page-template-template-avd-homepage .discover .discover-cta-event, .page-template-template-vod-subject .discover .discover-cta-event {
      float: left; }
    .page-template-template-discover-campaign .discover .discover-cta-event:nth-child(1), .page-template-template-applicants .discover .discover-cta-event:nth-child(1), .page-template-template-discover-virtual_open_day_campaign .discover .discover-cta-event:nth-child(1), .post-type-archive-vod_events .discover .discover-cta-event:nth-child(1), .page-template-template-vod-schedule .discover .discover-cta-event:nth-child(1), .ehu-vod_events_shortcode .discover .discover-cta-event:nth-child(1), .tax-Subjects .discover .discover-cta-event:nth-child(1), .page-template-template-applicants .discover .discover-cta-event:nth-child(1), .page-template-template-avd-homepage .discover .discover-cta-event:nth-child(1), .page-template-template-vod-subject .discover .discover-cta-event:nth-child(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1; }
    .page-template-template-discover-campaign .discover .discover-cta-event:nth-child(2), .page-template-template-applicants .discover .discover-cta-event:nth-child(2), .page-template-template-discover-virtual_open_day_campaign .discover .discover-cta-event:nth-child(2), .post-type-archive-vod_events .discover .discover-cta-event:nth-child(2), .page-template-template-vod-schedule .discover .discover-cta-event:nth-child(2), .ehu-vod_events_shortcode .discover .discover-cta-event:nth-child(2), .tax-Subjects .discover .discover-cta-event:nth-child(2), .page-template-template-applicants .discover .discover-cta-event:nth-child(2), .page-template-template-avd-homepage .discover .discover-cta-event:nth-child(2), .page-template-template-vod-subject .discover .discover-cta-event:nth-child(2) {
      -ms-grid-row: 1;
      -ms-grid-column: 3; }
    .page-template-template-discover-campaign .discover .discover-cta-event:nth-child(3), .page-template-template-applicants .discover .discover-cta-event:nth-child(3), .page-template-template-discover-virtual_open_day_campaign .discover .discover-cta-event:nth-child(3), .post-type-archive-vod_events .discover .discover-cta-event:nth-child(3), .page-template-template-vod-schedule .discover .discover-cta-event:nth-child(3), .ehu-vod_events_shortcode .discover .discover-cta-event:nth-child(3), .tax-Subjects .discover .discover-cta-event:nth-child(3), .page-template-template-applicants .discover .discover-cta-event:nth-child(3), .page-template-template-avd-homepage .discover .discover-cta-event:nth-child(3), .page-template-template-vod-subject .discover .discover-cta-event:nth-child(3) {
      -ms-grid-row: 1;
      -ms-grid-column: 5; }
    .page-template-template-discover-campaign .discover .discover-cta-event:nth-child(4), .page-template-template-applicants .discover .discover-cta-event:nth-child(4), .page-template-template-discover-virtual_open_day_campaign .discover .discover-cta-event:nth-child(4), .post-type-archive-vod_events .discover .discover-cta-event:nth-child(4), .page-template-template-vod-schedule .discover .discover-cta-event:nth-child(4), .ehu-vod_events_shortcode .discover .discover-cta-event:nth-child(4), .tax-Subjects .discover .discover-cta-event:nth-child(4), .page-template-template-applicants .discover .discover-cta-event:nth-child(4), .page-template-template-avd-homepage .discover .discover-cta-event:nth-child(4), .page-template-template-vod-subject .discover .discover-cta-event:nth-child(4) {
      -ms-grid-row: 1;
      -ms-grid-column: 7; }
    .page-template-template-discover-campaign .discover .discover-cta-event:nth-child(5), .page-template-template-applicants .discover .discover-cta-event:nth-child(5), .page-template-template-discover-virtual_open_day_campaign .discover .discover-cta-event:nth-child(5), .post-type-archive-vod_events .discover .discover-cta-event:nth-child(5), .page-template-template-vod-schedule .discover .discover-cta-event:nth-child(5), .ehu-vod_events_shortcode .discover .discover-cta-event:nth-child(5), .tax-Subjects .discover .discover-cta-event:nth-child(5), .page-template-template-applicants .discover .discover-cta-event:nth-child(5), .page-template-template-avd-homepage .discover .discover-cta-event:nth-child(5), .page-template-template-vod-subject .discover .discover-cta-event:nth-child(5) {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 5; }
    .page-template-template-discover-campaign .discover .discover-cta-event:nth-child(6), .page-template-template-applicants .discover .discover-cta-event:nth-child(6), .page-template-template-discover-virtual_open_day_campaign .discover .discover-cta-event:nth-child(6), .post-type-archive-vod_events .discover .discover-cta-event:nth-child(6), .page-template-template-vod-schedule .discover .discover-cta-event:nth-child(6), .ehu-vod_events_shortcode .discover .discover-cta-event:nth-child(6), .tax-Subjects .discover .discover-cta-event:nth-child(6), .page-template-template-applicants .discover .discover-cta-event:nth-child(6), .page-template-template-avd-homepage .discover .discover-cta-event:nth-child(6), .page-template-template-vod-subject .discover .discover-cta-event:nth-child(6) {
      -ms-grid-row: 3;
      -ms-grid-column: 7; } }
  .page-template-template-discover-campaign .teaching-panel, .page-template-template-applicants .teaching-panel, .page-template-template-discover-virtual_open_day_campaign .teaching-panel, .post-type-archive-vod_events .teaching-panel, .page-template-template-vod-schedule .teaching-panel, .ehu-vod_events_shortcode .teaching-panel, .tax-Subjects .teaching-panel, .page-template-template-applicants .teaching-panel, .page-template-template-avd-homepage .teaching-panel, .page-template-template-vod-subject .teaching-panel {
    background-color: #FFFFFF;
    grid-column: 1/3;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), url("/images/discoverCampaign/teaching-min.jpg") no-repeat center center/cover; }
  .page-template-template-discover-campaign .teaching-panel-wrap, .page-template-template-applicants .teaching-panel-wrap, .page-template-template-discover-virtual_open_day_campaign .teaching-panel-wrap, .post-type-archive-vod_events .teaching-panel-wrap, .page-template-template-vod-schedule .teaching-panel-wrap, .ehu-vod_events_shortcode .teaching-panel-wrap, .tax-Subjects .teaching-panel-wrap, .page-template-template-applicants .teaching-panel-wrap, .page-template-template-avd-homepage .teaching-panel-wrap, .page-template-template-vod-subject .teaching-panel-wrap {
    grid-column: 1/3; }
  .page-template-template-discover-campaign .campus-panel, .page-template-template-applicants .campus-panel, .page-template-template-discover-virtual_open_day_campaign .campus-panel, .post-type-archive-vod_events .campus-panel, .page-template-template-vod-schedule .campus-panel, .ehu-vod_events_shortcode .campus-panel, .tax-Subjects .campus-panel, .page-template-template-applicants .campus-panel, .page-template-template-avd-homepage .campus-panel, .page-template-template-vod-subject .campus-panel {
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), url("/images/discoverCampaign/campus-min.jpg") no-repeat center center; }
  .page-template-template-discover-campaign .campus-panel-wrap, .page-template-template-applicants .campus-panel-wrap, .page-template-template-discover-virtual_open_day_campaign .campus-panel-wrap, .post-type-archive-vod_events .campus-panel-wrap, .page-template-template-vod-schedule .campus-panel-wrap, .ehu-vod_events_shortcode .campus-panel-wrap, .tax-Subjects .campus-panel-wrap, .page-template-template-applicants .campus-panel-wrap, .page-template-template-avd-homepage .campus-panel-wrap, .page-template-template-vod-subject .campus-panel-wrap {
    grid-column: 3/5; }
  .page-template-template-discover-campaign .campus-panel h2, .page-template-template-discover-campaign .potential-panel h2, .page-template-template-discover-campaign .teaching-panel h2, .page-template-template-discover-campaign .opportunities-panel h2, .page-template-template-discover-campaign .subjects-panel h2, .page-template-template-discover-campaign .accommodation-panel h2, .page-template-template-discover-campaign .events-panel h2, .page-template-template-discover-campaign .apply-panel h2, .page-template-template-discover-campaign .support-panel h2, .page-template-template-discover-campaign .life-panel h2, .page-template-template-discover-campaign .subjects-panel-wrap .studyLevel-overlay h2, .page-template-template-discover-campaign .virtual-tour-panel h2, .page-template-template-discover-campaign .parents-panel h2, .page-template-template-applicants .campus-panel h2, .page-template-template-applicants .potential-panel h2, .page-template-template-applicants .teaching-panel h2, .page-template-template-applicants .opportunities-panel h2, .page-template-template-applicants .subjects-panel h2, .page-template-template-applicants .accommodation-panel h2, .page-template-template-applicants .events-panel h2, .page-template-template-applicants .apply-panel h2, .page-template-template-applicants .support-panel h2, .page-template-template-applicants .life-panel h2, .page-template-template-applicants .subjects-panel-wrap .studyLevel-overlay h2, .page-template-template-applicants .virtual-tour-panel h2, .page-template-template-applicants .parents-panel h2, .page-template-template-discover-virtual_open_day_campaign .campus-panel h2, .page-template-template-discover-virtual_open_day_campaign .potential-panel h2, .page-template-template-discover-virtual_open_day_campaign .teaching-panel h2, .page-template-template-discover-virtual_open_day_campaign .opportunities-panel h2, .page-template-template-discover-virtual_open_day_campaign .subjects-panel h2, .page-template-template-discover-virtual_open_day_campaign .accommodation-panel h2, .page-template-template-discover-virtual_open_day_campaign .events-panel h2, .page-template-template-discover-virtual_open_day_campaign .apply-panel h2, .page-template-template-discover-virtual_open_day_campaign .support-panel h2, .page-template-template-discover-virtual_open_day_campaign .life-panel h2, .page-template-template-discover-virtual_open_day_campaign .subjects-panel-wrap .studyLevel-overlay h2, .page-template-template-discover-virtual_open_day_campaign .virtual-tour-panel h2, .page-template-template-discover-virtual_open_day_campaign .parents-panel h2, .post-type-archive-vod_events .campus-panel h2, .post-type-archive-vod_events .potential-panel h2, .post-type-archive-vod_events .teaching-panel h2, .post-type-archive-vod_events .opportunities-panel h2, .post-type-archive-vod_events .subjects-panel h2, .post-type-archive-vod_events .accommodation-panel h2, .post-type-archive-vod_events .events-panel h2, .post-type-archive-vod_events .apply-panel h2, .post-type-archive-vod_events .support-panel h2, .post-type-archive-vod_events .life-panel h2, .post-type-archive-vod_events .subjects-panel-wrap .studyLevel-overlay h2, .post-type-archive-vod_events .virtual-tour-panel h2, .post-type-archive-vod_events .parents-panel h2, .page-template-template-vod-schedule .campus-panel h2, .page-template-template-vod-schedule .potential-panel h2, .page-template-template-vod-schedule .teaching-panel h2, .page-template-template-vod-schedule .opportunities-panel h2, .page-template-template-vod-schedule .subjects-panel h2, .page-template-template-vod-schedule .accommodation-panel h2, .page-template-template-vod-schedule .events-panel h2, .page-template-template-vod-schedule .apply-panel h2, .page-template-template-vod-schedule .support-panel h2, .page-template-template-vod-schedule .life-panel h2, .page-template-template-vod-schedule .subjects-panel-wrap .studyLevel-overlay h2, .page-template-template-vod-schedule .virtual-tour-panel h2, .page-template-template-vod-schedule .parents-panel h2, .ehu-vod_events_shortcode .campus-panel h2, .ehu-vod_events_shortcode .potential-panel h2, .ehu-vod_events_shortcode .teaching-panel h2, .ehu-vod_events_shortcode .opportunities-panel h2, .ehu-vod_events_shortcode .subjects-panel h2, .ehu-vod_events_shortcode .accommodation-panel h2, .ehu-vod_events_shortcode .events-panel h2, .ehu-vod_events_shortcode .apply-panel h2, .ehu-vod_events_shortcode .support-panel h2, .ehu-vod_events_shortcode .life-panel h2, .ehu-vod_events_shortcode .subjects-panel-wrap .studyLevel-overlay h2, .ehu-vod_events_shortcode .virtual-tour-panel h2, .ehu-vod_events_shortcode .parents-panel h2, .tax-Subjects .campus-panel h2, .tax-Subjects .potential-panel h2, .tax-Subjects .teaching-panel h2, .tax-Subjects .opportunities-panel h2, .tax-Subjects .subjects-panel h2, .tax-Subjects .accommodation-panel h2, .tax-Subjects .events-panel h2, .tax-Subjects .apply-panel h2, .tax-Subjects .support-panel h2, .tax-Subjects .life-panel h2, .tax-Subjects .subjects-panel-wrap .studyLevel-overlay h2, .tax-Subjects .virtual-tour-panel h2, .tax-Subjects .parents-panel h2, .page-template-template-applicants .campus-panel h2, .page-template-template-applicants .potential-panel h2, .page-template-template-applicants .teaching-panel h2, .page-template-template-applicants .opportunities-panel h2, .page-template-template-applicants .subjects-panel h2, .page-template-template-applicants .accommodation-panel h2, .page-template-template-applicants .events-panel h2, .page-template-template-applicants .apply-panel h2, .page-template-template-applicants .support-panel h2, .page-template-template-applicants .life-panel h2, .page-template-template-applicants .subjects-panel-wrap .studyLevel-overlay h2, .page-template-template-applicants .virtual-tour-panel h2, .page-template-template-applicants .parents-panel h2, .page-template-template-avd-homepage .campus-panel h2, .page-template-template-avd-homepage .potential-panel h2, .page-template-template-avd-homepage .teaching-panel h2, .page-template-template-avd-homepage .opportunities-panel h2, .page-template-template-avd-homepage .subjects-panel h2, .page-template-template-avd-homepage .accommodation-panel h2, .page-template-template-avd-homepage .events-panel h2, .page-template-template-avd-homepage .apply-panel h2, .page-template-template-avd-homepage .support-panel h2, .page-template-template-avd-homepage .life-panel h2, .page-template-template-avd-homepage .subjects-panel-wrap .studyLevel-overlay h2, .page-template-template-avd-homepage .virtual-tour-panel h2, .page-template-template-avd-homepage .parents-panel h2, .page-template-template-vod-subject .campus-panel h2, .page-template-template-vod-subject .potential-panel h2, .page-template-template-vod-subject .teaching-panel h2, .page-template-template-vod-subject .opportunities-panel h2, .page-template-template-vod-subject .subjects-panel h2, .page-template-template-vod-subject .accommodation-panel h2, .page-template-template-vod-subject .events-panel h2, .page-template-template-vod-subject .apply-panel h2, .page-template-template-vod-subject .support-panel h2, .page-template-template-vod-subject .life-panel h2, .page-template-template-vod-subject .subjects-panel-wrap .studyLevel-overlay h2, .page-template-template-vod-subject .virtual-tour-panel h2, .page-template-template-vod-subject .parents-panel h2 {
    font-size: 3em;
    color: #685733;
    line-height: 1;
    font-weight: 400;
    position: relative; }
  .page-template-template-discover-campaign .discover .discover-emph, .page-template-template-discover-campaign .subjects-panel-wrap .studyLevel-overlay h2, .page-template-template-applicants .discover .discover-emph, .page-template-template-applicants .subjects-panel-wrap .studyLevel-overlay h2, .page-template-template-discover-virtual_open_day_campaign .discover .discover-emph, .page-template-template-discover-virtual_open_day_campaign .subjects-panel-wrap .studyLevel-overlay h2, .post-type-archive-vod_events .discover .discover-emph, .post-type-archive-vod_events .subjects-panel-wrap .studyLevel-overlay h2, .page-template-template-vod-schedule .discover .discover-emph, .page-template-template-vod-schedule .subjects-panel-wrap .studyLevel-overlay h2, .ehu-vod_events_shortcode .discover .discover-emph, .ehu-vod_events_shortcode .subjects-panel-wrap .studyLevel-overlay h2, .tax-Subjects .discover .discover-emph, .tax-Subjects .subjects-panel-wrap .studyLevel-overlay h2, .page-template-template-applicants .discover .discover-emph, .page-template-template-applicants .subjects-panel-wrap .studyLevel-overlay h2, .page-template-template-avd-homepage .discover .discover-emph, .page-template-template-avd-homepage .subjects-panel-wrap .studyLevel-overlay h2, .page-template-template-vod-subject .discover .discover-emph, .page-template-template-vod-subject .subjects-panel-wrap .studyLevel-overlay h2 {
    font-weight: 900;
    color: #272727;
    text-transform: uppercase;
    display: block;
    border-bottom: 1px solid #685733;
    padding-bottom: 6px;
    padding-bottom: 0.42857rem;
    margin-bottom: 3px;
    margin-bottom: 0.21429rem; }
  .page-template-template-discover-campaign .potential-panel, .page-template-template-discover-campaign .teaching-panel, .page-template-template-discover-campaign .campus-panel, .page-template-template-discover-campaign .opportunities-panel, .page-template-template-discover-campaign .subjects-panel, .page-template-template-discover-campaign .accommodation-panel, .page-template-template-discover-campaign .events-panel, .page-template-template-discover-campaign .apply-panel, .page-template-template-discover-campaign .support-panel, .page-template-template-discover-campaign .life-panel, .page-template-template-discover-campaign .virtual-tour-panel, .page-template-template-discover-campaign .parents-panel, .page-template-template-applicants .potential-panel, .page-template-template-applicants .teaching-panel, .page-template-template-applicants .campus-panel, .page-template-template-applicants .opportunities-panel, .page-template-template-applicants .subjects-panel, .page-template-template-applicants .accommodation-panel, .page-template-template-applicants .events-panel, .page-template-template-applicants .apply-panel, .page-template-template-applicants .support-panel, .page-template-template-applicants .life-panel, .page-template-template-applicants .virtual-tour-panel, .page-template-template-applicants .parents-panel, .page-template-template-discover-virtual_open_day_campaign .potential-panel, .page-template-template-discover-virtual_open_day_campaign .teaching-panel, .page-template-template-discover-virtual_open_day_campaign .campus-panel, .page-template-template-discover-virtual_open_day_campaign .opportunities-panel, .page-template-template-discover-virtual_open_day_campaign .subjects-panel, .page-template-template-discover-virtual_open_day_campaign .accommodation-panel, .page-template-template-discover-virtual_open_day_campaign .events-panel, .page-template-template-discover-virtual_open_day_campaign .apply-panel, .page-template-template-discover-virtual_open_day_campaign .support-panel, .page-template-template-discover-virtual_open_day_campaign .life-panel, .page-template-template-discover-virtual_open_day_campaign .virtual-tour-panel, .page-template-template-discover-virtual_open_day_campaign .parents-panel, .post-type-archive-vod_events .potential-panel, .post-type-archive-vod_events .teaching-panel, .post-type-archive-vod_events .campus-panel, .post-type-archive-vod_events .opportunities-panel, .post-type-archive-vod_events .subjects-panel, .post-type-archive-vod_events .accommodation-panel, .post-type-archive-vod_events .events-panel, .post-type-archive-vod_events .apply-panel, .post-type-archive-vod_events .support-panel, .post-type-archive-vod_events .life-panel, .post-type-archive-vod_events .virtual-tour-panel, .post-type-archive-vod_events .parents-panel, .page-template-template-vod-schedule .potential-panel, .page-template-template-vod-schedule .teaching-panel, .page-template-template-vod-schedule .campus-panel, .page-template-template-vod-schedule .opportunities-panel, .page-template-template-vod-schedule .subjects-panel, .page-template-template-vod-schedule .accommodation-panel, .page-template-template-vod-schedule .events-panel, .page-template-template-vod-schedule .apply-panel, .page-template-template-vod-schedule .support-panel, .page-template-template-vod-schedule .life-panel, .page-template-template-vod-schedule .virtual-tour-panel, .page-template-template-vod-schedule .parents-panel, .ehu-vod_events_shortcode .potential-panel, .ehu-vod_events_shortcode .teaching-panel, .ehu-vod_events_shortcode .campus-panel, .ehu-vod_events_shortcode .opportunities-panel, .ehu-vod_events_shortcode .subjects-panel, .ehu-vod_events_shortcode .accommodation-panel, .ehu-vod_events_shortcode .events-panel, .ehu-vod_events_shortcode .apply-panel, .ehu-vod_events_shortcode .support-panel, .ehu-vod_events_shortcode .life-panel, .ehu-vod_events_shortcode .virtual-tour-panel, .ehu-vod_events_shortcode .parents-panel, .tax-Subjects .potential-panel, .tax-Subjects .teaching-panel, .tax-Subjects .campus-panel, .tax-Subjects .opportunities-panel, .tax-Subjects .subjects-panel, .tax-Subjects .accommodation-panel, .tax-Subjects .events-panel, .tax-Subjects .apply-panel, .tax-Subjects .support-panel, .tax-Subjects .life-panel, .tax-Subjects .virtual-tour-panel, .tax-Subjects .parents-panel, .page-template-template-applicants .potential-panel, .page-template-template-applicants .teaching-panel, .page-template-template-applicants .campus-panel, .page-template-template-applicants .opportunities-panel, .page-template-template-applicants .subjects-panel, .page-template-template-applicants .accommodation-panel, .page-template-template-applicants .events-panel, .page-template-template-applicants .apply-panel, .page-template-template-applicants .support-panel, .page-template-template-applicants .life-panel, .page-template-template-applicants .virtual-tour-panel, .page-template-template-applicants .parents-panel, .page-template-template-avd-homepage .potential-panel, .page-template-template-avd-homepage .teaching-panel, .page-template-template-avd-homepage .campus-panel, .page-template-template-avd-homepage .opportunities-panel, .page-template-template-avd-homepage .subjects-panel, .page-template-template-avd-homepage .accommodation-panel, .page-template-template-avd-homepage .events-panel, .page-template-template-avd-homepage .apply-panel, .page-template-template-avd-homepage .support-panel, .page-template-template-avd-homepage .life-panel, .page-template-template-avd-homepage .virtual-tour-panel, .page-template-template-avd-homepage .parents-panel, .page-template-template-vod-subject .potential-panel, .page-template-template-vod-subject .teaching-panel, .page-template-template-vod-subject .campus-panel, .page-template-template-vod-subject .opportunities-panel, .page-template-template-vod-subject .subjects-panel, .page-template-template-vod-subject .accommodation-panel, .page-template-template-vod-subject .events-panel, .page-template-template-vod-subject .apply-panel, .page-template-template-vod-subject .support-panel, .page-template-template-vod-subject .life-panel, .page-template-template-vod-subject .virtual-tour-panel, .page-template-template-vod-subject .parents-panel {
    min-height: 400px;
    display: flex;
    align-items: flex-end;
    box-shadow: 9px 9px 7px rgba(128, 128, 128, 0.02);
    border: 1px solid #dee0df;
    position: relative;
    padding: 24px;
    padding: 1.71429rem; }
  .page-template-template-discover-campaign .potential-panel, .page-template-template-applicants .potential-panel, .page-template-template-discover-virtual_open_day_campaign .potential-panel, .post-type-archive-vod_events .potential-panel, .page-template-template-vod-schedule .potential-panel, .ehu-vod_events_shortcode .potential-panel, .tax-Subjects .potential-panel, .page-template-template-applicants .potential-panel, .page-template-template-avd-homepage .potential-panel, .page-template-template-vod-subject .potential-panel {
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), url("/images/discoverCampaign/potential1_alt-min.jpg") no-repeat center top/cover; }
  .page-template-template-discover-campaign .potential-panel-wrap, .page-template-template-applicants .potential-panel-wrap, .page-template-template-discover-virtual_open_day_campaign .potential-panel-wrap, .post-type-archive-vod_events .potential-panel-wrap, .page-template-template-vod-schedule .potential-panel-wrap, .ehu-vod_events_shortcode .potential-panel-wrap, .tax-Subjects .potential-panel-wrap, .page-template-template-applicants .potential-panel-wrap, .page-template-template-avd-homepage .potential-panel-wrap, .page-template-template-vod-subject .potential-panel-wrap {
    grid-column: 2/5; }
  .page-template-template-discover-campaign .opportunities-panel, .page-template-template-applicants .opportunities-panel, .page-template-template-discover-virtual_open_day_campaign .opportunities-panel, .post-type-archive-vod_events .opportunities-panel, .page-template-template-vod-schedule .opportunities-panel, .ehu-vod_events_shortcode .opportunities-panel, .tax-Subjects .opportunities-panel, .page-template-template-applicants .opportunities-panel, .page-template-template-avd-homepage .opportunities-panel, .page-template-template-vod-subject .opportunities-panel {
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), url(/images/discoverCampaign/opportunity-2-min.jpg) no-repeat center top/cover; }
  .page-template-template-discover-campaign .subjects-panel, .page-template-template-applicants .subjects-panel, .page-template-template-discover-virtual_open_day_campaign .subjects-panel, .post-type-archive-vod_events .subjects-panel, .page-template-template-vod-schedule .subjects-panel, .ehu-vod_events_shortcode .subjects-panel, .tax-Subjects .subjects-panel, .page-template-template-applicants .subjects-panel, .page-template-template-avd-homepage .subjects-panel, .page-template-template-vod-subject .subjects-panel {
    background-color: #FFFFFF;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), url("//www.edgehill.ac.uk/study/files/2019/12/Midwifery-1.jpg") no-repeat center center/cover; }
  .page-template-template-discover-campaign .subjects-panel-wrap .studyLevel-overlay, .page-template-template-applicants .subjects-panel-wrap .studyLevel-overlay, .page-template-template-discover-virtual_open_day_campaign .subjects-panel-wrap .studyLevel-overlay, .post-type-archive-vod_events .subjects-panel-wrap .studyLevel-overlay, .page-template-template-vod-schedule .subjects-panel-wrap .studyLevel-overlay, .ehu-vod_events_shortcode .subjects-panel-wrap .studyLevel-overlay, .tax-Subjects .subjects-panel-wrap .studyLevel-overlay, .page-template-template-applicants .subjects-panel-wrap .studyLevel-overlay, .page-template-template-avd-homepage .subjects-panel-wrap .studyLevel-overlay, .page-template-template-vod-subject .subjects-panel-wrap .studyLevel-overlay {
    opacity: 0;
    position: absolute;
    top: 0px;
    display: table;
    width: 100%;
    height: 100%;
    border: 1px solid #dee0df;
    background: rgba(255, 255, 255, 0.8);
    padding: 1em;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; }
  .page-template-template-discover-campaign .subjects-panel-wrap:hover > .studyLevel-overlay, .page-template-template-discover-campaign .subjects-panel-wrap:focus > .studyLevel-overlay, .page-template-template-discover-campaign .subjects-panel-wrap:active > .studyLevel-overlay, .page-template-template-applicants .subjects-panel-wrap:hover > .studyLevel-overlay, .page-template-template-applicants .subjects-panel-wrap:focus > .studyLevel-overlay, .page-template-template-applicants .subjects-panel-wrap:active > .studyLevel-overlay, .page-template-template-discover-virtual_open_day_campaign .subjects-panel-wrap:hover > .studyLevel-overlay, .page-template-template-discover-virtual_open_day_campaign .subjects-panel-wrap:focus > .studyLevel-overlay, .page-template-template-discover-virtual_open_day_campaign .subjects-panel-wrap:active > .studyLevel-overlay, .post-type-archive-vod_events .subjects-panel-wrap:hover > .studyLevel-overlay, .post-type-archive-vod_events .subjects-panel-wrap:focus > .studyLevel-overlay, .post-type-archive-vod_events .subjects-panel-wrap:active > .studyLevel-overlay, .page-template-template-vod-schedule .subjects-panel-wrap:hover > .studyLevel-overlay, .page-template-template-vod-schedule .subjects-panel-wrap:focus > .studyLevel-overlay, .page-template-template-vod-schedule .subjects-panel-wrap:active > .studyLevel-overlay, .ehu-vod_events_shortcode .subjects-panel-wrap:hover > .studyLevel-overlay, .ehu-vod_events_shortcode .subjects-panel-wrap:focus > .studyLevel-overlay, .ehu-vod_events_shortcode .subjects-panel-wrap:active > .studyLevel-overlay, .tax-Subjects .subjects-panel-wrap:hover > .studyLevel-overlay, .tax-Subjects .subjects-panel-wrap:focus > .studyLevel-overlay, .tax-Subjects .subjects-panel-wrap:active > .studyLevel-overlay, .page-template-template-applicants .subjects-panel-wrap:hover > .studyLevel-overlay, .page-template-template-applicants .subjects-panel-wrap:focus > .studyLevel-overlay, .page-template-template-applicants .subjects-panel-wrap:active > .studyLevel-overlay, .page-template-template-avd-homepage .subjects-panel-wrap:hover > .studyLevel-overlay, .page-template-template-avd-homepage .subjects-panel-wrap:focus > .studyLevel-overlay, .page-template-template-avd-homepage .subjects-panel-wrap:active > .studyLevel-overlay, .page-template-template-vod-subject .subjects-panel-wrap:hover > .studyLevel-overlay, .page-template-template-vod-subject .subjects-panel-wrap:focus > .studyLevel-overlay, .page-template-template-vod-subject .subjects-panel-wrap:active > .studyLevel-overlay {
    opacity: 1; }
  .page-template-template-discover-campaign .subjects-panel-wrap, .page-template-template-applicants .subjects-panel-wrap, .page-template-template-discover-virtual_open_day_campaign .subjects-panel-wrap, .post-type-archive-vod_events .subjects-panel-wrap, .page-template-template-vod-schedule .subjects-panel-wrap, .ehu-vod_events_shortcode .subjects-panel-wrap, .tax-Subjects .subjects-panel-wrap, .page-template-template-applicants .subjects-panel-wrap, .page-template-template-avd-homepage .subjects-panel-wrap, .page-template-template-vod-subject .subjects-panel-wrap {
    grid-column: 1/2;
    position: relative; }
  .page-template-template-discover-campaign .accommodation-panel, .page-template-template-applicants .accommodation-panel, .page-template-template-discover-virtual_open_day_campaign .accommodation-panel, .post-type-archive-vod_events .accommodation-panel, .page-template-template-vod-schedule .accommodation-panel, .ehu-vod_events_shortcode .accommodation-panel, .tax-Subjects .accommodation-panel, .page-template-template-applicants .accommodation-panel, .page-template-template-avd-homepage .accommodation-panel, .page-template-template-vod-subject .accommodation-panel {
    background-color: #FFFFFF;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), url("//www.edgehill.ac.uk/study/files/2018/09/Chancellors-Court-Gallery-51.jpg") no-repeat center center/cover; }
  .page-template-template-discover-campaign .accommodation-panel-wrap, .page-template-template-applicants .accommodation-panel-wrap, .page-template-template-discover-virtual_open_day_campaign .accommodation-panel-wrap, .post-type-archive-vod_events .accommodation-panel-wrap, .page-template-template-vod-schedule .accommodation-panel-wrap, .ehu-vod_events_shortcode .accommodation-panel-wrap, .tax-Subjects .accommodation-panel-wrap, .page-template-template-applicants .accommodation-panel-wrap, .page-template-template-avd-homepage .accommodation-panel-wrap, .page-template-template-vod-subject .accommodation-panel-wrap {
    grid-column: 3/5; }
  .page-template-template-discover-campaign .events-panel, .page-template-template-applicants .events-panel, .page-template-template-discover-virtual_open_day_campaign .events-panel, .post-type-archive-vod_events .events-panel, .page-template-template-vod-schedule .events-panel, .ehu-vod_events_shortcode .events-panel, .tax-Subjects .events-panel, .page-template-template-applicants .events-panel, .page-template-template-avd-homepage .events-panel, .page-template-template-vod-subject .events-panel {
    min-height: unset;
    background: #fafafa; }
  .page-template-template-discover-campaign .events-panel-wrap, .page-template-template-applicants .events-panel-wrap, .page-template-template-discover-virtual_open_day_campaign .events-panel-wrap, .post-type-archive-vod_events .events-panel-wrap, .page-template-template-vod-schedule .events-panel-wrap, .ehu-vod_events_shortcode .events-panel-wrap, .tax-Subjects .events-panel-wrap, .page-template-template-applicants .events-panel-wrap, .page-template-template-avd-homepage .events-panel-wrap, .page-template-template-vod-subject .events-panel-wrap {
    grid-column: 1/4; }
  .page-template-template-discover-campaign .events-panel-wrap-full, .page-template-template-applicants .events-panel-wrap-full, .page-template-template-discover-virtual_open_day_campaign .events-panel-wrap-full, .post-type-archive-vod_events .events-panel-wrap-full, .page-template-template-vod-schedule .events-panel-wrap-full, .ehu-vod_events_shortcode .events-panel-wrap-full, .tax-Subjects .events-panel-wrap-full, .page-template-template-applicants .events-panel-wrap-full, .page-template-template-avd-homepage .events-panel-wrap-full, .page-template-template-vod-subject .events-panel-wrap-full {
    grid-column: 1/5; }
  .page-template-template-discover-campaign .video-guide-panel, .page-template-template-applicants .video-guide-panel, .page-template-template-discover-virtual_open_day_campaign .video-guide-panel, .post-type-archive-vod_events .video-guide-panel, .page-template-template-vod-schedule .video-guide-panel, .ehu-vod_events_shortcode .video-guide-panel, .tax-Subjects .video-guide-panel, .page-template-template-applicants .video-guide-panel, .page-template-template-avd-homepage .video-guide-panel, .page-template-template-vod-subject .video-guide-panel {
    position: relative;
    margin-bottom: 1.71429rem;
    min-height: 255px;
    box-shadow: 9px 9px 7px rgba(128, 128, 128, 0.02);
    border: 1px solid #dee0df;
    background-color: #FFFFFF; }
  .page-template-template-discover-campaign .video-guide-panel h2, .page-template-template-applicants .video-guide-panel h2, .page-template-template-discover-virtual_open_day_campaign .video-guide-panel h2, .post-type-archive-vod_events .video-guide-panel h2, .page-template-template-vod-schedule .video-guide-panel h2, .ehu-vod_events_shortcode .video-guide-panel h2, .tax-Subjects .video-guide-panel h2, .page-template-template-applicants .video-guide-panel h2, .page-template-template-avd-homepage .video-guide-panel h2, .page-template-template-vod-subject .video-guide-panel h2 {
    margin: 24px; }
  .page-template-template-discover-campaign .video-guide-panel iframe, .page-template-template-applicants .video-guide-panel iframe, .page-template-template-discover-virtual_open_day_campaign .video-guide-panel iframe, .post-type-archive-vod_events .video-guide-panel iframe, .page-template-template-vod-schedule .video-guide-panel iframe, .ehu-vod_events_shortcode .video-guide-panel iframe, .tax-Subjects .video-guide-panel iframe, .page-template-template-applicants .video-guide-panel iframe, .page-template-template-avd-homepage .video-guide-panel iframe, .page-template-template-vod-subject .video-guide-panel iframe {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: #000000; }
  .page-template-template-discover-campaign .apply-panel, .page-template-template-applicants .apply-panel, .page-template-template-discover-virtual_open_day_campaign .apply-panel, .post-type-archive-vod_events .apply-panel, .page-template-template-vod-schedule .apply-panel, .ehu-vod_events_shortcode .apply-panel, .tax-Subjects .apply-panel, .page-template-template-applicants .apply-panel, .page-template-template-avd-homepage .apply-panel, .page-template-template-vod-subject .apply-panel {
    background-color: #FFFFFF;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), url("/images/vod/how-to-apply-hero-min.jpg") no-repeat 18% center/cover; }
  .page-template-template-discover-campaign .virtual-tour-panel, .page-template-template-applicants .virtual-tour-panel, .page-template-template-discover-virtual_open_day_campaign .virtual-tour-panel, .post-type-archive-vod_events .virtual-tour-panel, .page-template-template-vod-schedule .virtual-tour-panel, .ehu-vod_events_shortcode .virtual-tour-panel, .tax-Subjects .virtual-tour-panel, .page-template-template-applicants .virtual-tour-panel, .page-template-template-avd-homepage .virtual-tour-panel, .page-template-template-vod-subject .virtual-tour-panel {
    background-color: #FFFFFF;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), url("/images/vod/virtual-tour.jpg") no-repeat center center/cover;
    margin-bottom: 24px; }
  .page-template-template-discover-campaign .apply-panel-wrap, .page-template-template-applicants .apply-panel-wrap, .page-template-template-discover-virtual_open_day_campaign .apply-panel-wrap, .post-type-archive-vod_events .apply-panel-wrap, .page-template-template-vod-schedule .apply-panel-wrap, .ehu-vod_events_shortcode .apply-panel-wrap, .tax-Subjects .apply-panel-wrap, .page-template-template-applicants .apply-panel-wrap, .page-template-template-avd-homepage .apply-panel-wrap, .page-template-template-vod-subject .apply-panel-wrap {
    grid-column: 4; }
  .page-template-template-discover-campaign .support-panel, .page-template-template-applicants .support-panel, .page-template-template-discover-virtual_open_day_campaign .support-panel, .post-type-archive-vod_events .support-panel, .page-template-template-vod-schedule .support-panel, .ehu-vod_events_shortcode .support-panel, .tax-Subjects .support-panel, .page-template-template-applicants .support-panel, .page-template-template-avd-homepage .support-panel, .page-template-template-vod-subject .support-panel {
    background-color: #FFFFFF;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), url("/images/vod/student-support-hero-min.jpg") no-repeat 63% center/cover; }
  .page-template-template-discover-campaign .support-panel-wrap, .page-template-template-applicants .support-panel-wrap, .page-template-template-discover-virtual_open_day_campaign .support-panel-wrap, .post-type-archive-vod_events .support-panel-wrap, .page-template-template-vod-schedule .support-panel-wrap, .ehu-vod_events_shortcode .support-panel-wrap, .tax-Subjects .support-panel-wrap, .page-template-template-applicants .support-panel-wrap, .page-template-template-avd-homepage .support-panel-wrap, .page-template-template-vod-subject .support-panel-wrap {
    grid-column: 1/3; }
  .page-template-template-discover-campaign .life-panel, .page-template-template-applicants .life-panel, .page-template-template-discover-virtual_open_day_campaign .life-panel, .post-type-archive-vod_events .life-panel, .page-template-template-vod-schedule .life-panel, .ehu-vod_events_shortcode .life-panel, .tax-Subjects .life-panel, .page-template-template-applicants .life-panel, .page-template-template-avd-homepage .life-panel, .page-template-template-vod-subject .life-panel {
    background-color: #FFFFFF;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), url("/images/vod/student-life-hero-min.jpg") no-repeat center center/cover; }
  .page-template-template-discover-campaign .life-panel-wrap, .page-template-template-applicants .life-panel-wrap, .page-template-template-discover-virtual_open_day_campaign .life-panel-wrap, .post-type-archive-vod_events .life-panel-wrap, .page-template-template-vod-schedule .life-panel-wrap, .ehu-vod_events_shortcode .life-panel-wrap, .tax-Subjects .life-panel-wrap, .page-template-template-applicants .life-panel-wrap, .page-template-template-avd-homepage .life-panel-wrap, .page-template-template-vod-subject .life-panel-wrap {
    grid-column: 3/5; }
  .page-template-template-discover-campaign .parents-panel, .page-template-template-applicants .parents-panel, .page-template-template-discover-virtual_open_day_campaign .parents-panel, .post-type-archive-vod_events .parents-panel, .page-template-template-vod-schedule .parents-panel, .ehu-vod_events_shortcode .parents-panel, .tax-Subjects .parents-panel, .page-template-template-applicants .parents-panel, .page-template-template-avd-homepage .parents-panel, .page-template-template-vod-subject .parents-panel {
    background-color: #FFFFFF;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), url("//www.edgehill.ac.uk/study/files/2018/12/Open-Day-Sport-3-1024x683.jpg") no-repeat center top/cover; }
  .page-template-template-discover-campaign .parents-panel-wrap, .page-template-template-applicants .parents-panel-wrap, .page-template-template-discover-virtual_open_day_campaign .parents-panel-wrap, .post-type-archive-vod_events .parents-panel-wrap, .page-template-template-vod-schedule .parents-panel-wrap, .ehu-vod_events_shortcode .parents-panel-wrap, .tax-Subjects .parents-panel-wrap, .page-template-template-applicants .parents-panel-wrap, .page-template-template-avd-homepage .parents-panel-wrap, .page-template-template-vod-subject .parents-panel-wrap {
    grid-column: 3/5; }
  .page-template-template-discover-campaign .full-width-row, .page-template-template-applicants .full-width-row, .page-template-template-discover-virtual_open_day_campaign .full-width-row, .post-type-archive-vod_events .full-width-row, .page-template-template-vod-schedule .full-width-row, .ehu-vod_events_shortcode .full-width-row, .tax-Subjects .full-width-row, .page-template-template-applicants .full-width-row, .page-template-template-avd-homepage .full-width-row, .page-template-template-vod-subject .full-width-row {
    background-color: #fcfcfc;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: 48px;
    margin-top: 3.42857rem;
    clear: both;
    padding: 48px 0;
    padding: 3.42857rem 0; }
    .page-template-template-discover-campaign .full-width-row .panel-subtext, .page-template-template-applicants .full-width-row .panel-subtext, .page-template-template-discover-virtual_open_day_campaign .full-width-row .panel-subtext, .post-type-archive-vod_events .full-width-row .panel-subtext, .page-template-template-vod-schedule .full-width-row .panel-subtext, .ehu-vod_events_shortcode .full-width-row .panel-subtext, .tax-Subjects .full-width-row .panel-subtext, .page-template-template-applicants .full-width-row .panel-subtext, .page-template-template-avd-homepage .full-width-row .panel-subtext, .page-template-template-vod-subject .full-width-row .panel-subtext {
      overflow: auto; }
    .page-template-template-discover-campaign .full-width-row .discover-emph, .page-template-template-applicants .full-width-row .discover-emph, .page-template-template-discover-virtual_open_day_campaign .full-width-row .discover-emph, .post-type-archive-vod_events .full-width-row .discover-emph, .page-template-template-vod-schedule .full-width-row .discover-emph, .ehu-vod_events_shortcode .full-width-row .discover-emph, .tax-Subjects .full-width-row .discover-emph, .page-template-template-applicants .full-width-row .discover-emph, .page-template-template-avd-homepage .full-width-row .discover-emph, .page-template-template-vod-subject .full-width-row .discover-emph {
      font-weight: 700;
      color: #675533; }
    .page-template-template-discover-campaign .full-width-row .cta-row, .page-template-template-applicants .full-width-row .cta-row, .page-template-template-discover-virtual_open_day_campaign .full-width-row .cta-row, .post-type-archive-vod_events .full-width-row .cta-row, .page-template-template-vod-schedule .full-width-row .cta-row, .ehu-vod_events_shortcode .full-width-row .cta-row, .tax-Subjects .full-width-row .cta-row, .page-template-template-applicants .full-width-row .cta-row, .page-template-template-avd-homepage .full-width-row .cta-row, .page-template-template-vod-subject .full-width-row .cta-row {
      margin-top: 48px;
      margin-top: 3.42857rem; }
  .page-template-template-discover-campaign .full-width-row-grid, .page-template-template-applicants .full-width-row-grid, .page-template-template-discover-virtual_open_day_campaign .full-width-row-grid, .post-type-archive-vod_events .full-width-row-grid, .page-template-template-vod-schedule .full-width-row-grid, .ehu-vod_events_shortcode .full-width-row-grid, .tax-Subjects .full-width-row-grid, .page-template-template-applicants .full-width-row-grid, .page-template-template-avd-homepage .full-width-row-grid, .page-template-template-vod-subject .full-width-row-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 48px 24px;
    font-size: 18px; }
  .page-template-template-discover-campaign .full-width-row-grid-panel a, .page-template-template-applicants .full-width-row-grid-panel a, .page-template-template-discover-virtual_open_day_campaign .full-width-row-grid-panel a, .post-type-archive-vod_events .full-width-row-grid-panel a, .page-template-template-vod-schedule .full-width-row-grid-panel a, .ehu-vod_events_shortcode .full-width-row-grid-panel a, .tax-Subjects .full-width-row-grid-panel a, .page-template-template-applicants .full-width-row-grid-panel a, .page-template-template-avd-homepage .full-width-row-grid-panel a, .page-template-template-vod-subject .full-width-row-grid-panel a {
    text-decoration: none;
    color: #272727 !important;
    display: block;
    overflow: auto; }
    .page-template-template-discover-campaign .full-width-row-grid-panel a:hover, .page-template-template-applicants .full-width-row-grid-panel a:hover, .page-template-template-discover-virtual_open_day_campaign .full-width-row-grid-panel a:hover, .post-type-archive-vod_events .full-width-row-grid-panel a:hover, .page-template-template-vod-schedule .full-width-row-grid-panel a:hover, .ehu-vod_events_shortcode .full-width-row-grid-panel a:hover, .tax-Subjects .full-width-row-grid-panel a:hover, .page-template-template-applicants .full-width-row-grid-panel a:hover, .page-template-template-avd-homepage .full-width-row-grid-panel a:hover, .page-template-template-vod-subject .full-width-row-grid-panel a:hover {
      text-decoration: underline; }
  .page-template-template-discover-campaign .icon-wrapper, .page-template-template-applicants .icon-wrapper, .page-template-template-discover-virtual_open_day_campaign .icon-wrapper, .post-type-archive-vod_events .icon-wrapper, .page-template-template-vod-schedule .icon-wrapper, .ehu-vod_events_shortcode .icon-wrapper, .tax-Subjects .icon-wrapper, .page-template-template-applicants .icon-wrapper, .page-template-template-avd-homepage .icon-wrapper, .page-template-template-vod-subject .icon-wrapper {
    height: 100px;
    width: 100px;
    background-color: #272727;
    float: left;
    margin-right: 24px;
    margin-right: 1.71429rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    .page-template-template-discover-campaign .icon-wrapper i, .page-template-template-applicants .icon-wrapper i, .page-template-template-discover-virtual_open_day_campaign .icon-wrapper i, .post-type-archive-vod_events .icon-wrapper i, .page-template-template-vod-schedule .icon-wrapper i, .ehu-vod_events_shortcode .icon-wrapper i, .tax-Subjects .icon-wrapper i, .page-template-template-applicants .icon-wrapper i, .page-template-template-avd-homepage .icon-wrapper i, .page-template-template-vod-subject .icon-wrapper i {
      font-size: 2em;
      color: #fcfcfc; }
  .page-template-template-discover-campaign .faces-profile, .page-template-template-applicants .faces-profile, .page-template-template-discover-virtual_open_day_campaign .faces-profile, .post-type-archive-vod_events .faces-profile, .page-template-template-vod-schedule .faces-profile, .ehu-vod_events_shortcode .faces-profile, .tax-Subjects .faces-profile, .page-template-template-applicants .faces-profile, .page-template-template-avd-homepage .faces-profile, .page-template-template-vod-subject .faces-profile {
    font-family: Helvetica, sans-serif;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #272727;
    margin-top: 48px;
    margin-top: 3.42857rem;
    margin-bottom: 48px;
    margin-bottom: 3.42857rem;
    padding: 48px 0;
    padding: 3.42857rem 0;
    overflow: auto; }
    .page-template-template-discover-campaign .faces-profile .profile-wrap, .page-template-template-applicants .faces-profile .profile-wrap, .page-template-template-discover-virtual_open_day_campaign .faces-profile .profile-wrap, .post-type-archive-vod_events .faces-profile .profile-wrap, .page-template-template-vod-schedule .faces-profile .profile-wrap, .ehu-vod_events_shortcode .faces-profile .profile-wrap, .tax-Subjects .faces-profile .profile-wrap, .page-template-template-applicants .faces-profile .profile-wrap, .page-template-template-avd-homepage .faces-profile .profile-wrap, .page-template-template-vod-subject .faces-profile .profile-wrap {
      position: relative; }
    .page-template-template-discover-campaign .faces-profile .profile-slide a, .page-template-template-applicants .faces-profile .profile-slide a, .page-template-template-discover-virtual_open_day_campaign .faces-profile .profile-slide a, .post-type-archive-vod_events .faces-profile .profile-slide a, .page-template-template-vod-schedule .faces-profile .profile-slide a, .ehu-vod_events_shortcode .faces-profile .profile-slide a, .tax-Subjects .faces-profile .profile-slide a, .page-template-template-applicants .faces-profile .profile-slide a, .page-template-template-avd-homepage .faces-profile .profile-slide a, .page-template-template-vod-subject .faces-profile .profile-slide a {
      display: -ms-grid;
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-gap: 24px;
      position: relative;
      min-height: 450px;
      text-decoration: none; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .page-template-template-discover-campaign .faces-profile .profile-slide a, .page-template-template-applicants .faces-profile .profile-slide a, .page-template-template-discover-virtual_open_day_campaign .faces-profile .profile-slide a, .post-type-archive-vod_events .faces-profile .profile-slide a, .page-template-template-vod-schedule .faces-profile .profile-slide a, .ehu-vod_events_shortcode .faces-profile .profile-slide a, .tax-Subjects .faces-profile .profile-slide a, .page-template-template-applicants .faces-profile .profile-slide a, .page-template-template-avd-homepage .faces-profile .profile-slide a, .page-template-template-vod-subject .faces-profile .profile-slide a {
        -ms-grid-columns: 1fr 0px 1fr; }
      .page-template-template-discover-campaign .faces-profile .slick-prev,
      .page-template-template-discover-campaign .faces-profile .slick-next, .page-template-template-applicants .faces-profile .slick-prev,
      .page-template-template-applicants .faces-profile .slick-next, .page-template-template-discover-virtual_open_day_campaign .faces-profile .slick-prev,
      .page-template-template-discover-virtual_open_day_campaign .faces-profile .slick-next, .post-type-archive-vod_events .faces-profile .slick-prev,
      .post-type-archive-vod_events .faces-profile .slick-next, .page-template-template-vod-schedule .faces-profile .slick-prev,
      .page-template-template-vod-schedule .faces-profile .slick-next, .ehu-vod_events_shortcode .faces-profile .slick-prev,
      .ehu-vod_events_shortcode .faces-profile .slick-next, .tax-Subjects .faces-profile .slick-prev,
      .tax-Subjects .faces-profile .slick-next, .page-template-template-applicants .faces-profile .slick-prev,
      .page-template-template-applicants .faces-profile .slick-next, .page-template-template-avd-homepage .faces-profile .slick-prev,
      .page-template-template-avd-homepage .faces-profile .slick-next, .page-template-template-vod-subject .faces-profile .slick-prev,
      .page-template-template-vod-subject .faces-profile .slick-next {
        top: 85%; } }
    .page-template-template-discover-campaign .faces-profile img, .page-template-template-applicants .faces-profile img, .page-template-template-discover-virtual_open_day_campaign .faces-profile img, .post-type-archive-vod_events .faces-profile img, .page-template-template-vod-schedule .faces-profile img, .ehu-vod_events_shortcode .faces-profile img, .tax-Subjects .faces-profile img, .page-template-template-applicants .faces-profile img, .page-template-template-avd-homepage .faces-profile img, .page-template-template-vod-subject .faces-profile img {
      max-width: 100%; }
    .page-template-template-discover-campaign .faces-profile .profile-image, .page-template-template-applicants .faces-profile .profile-image, .page-template-template-discover-virtual_open_day_campaign .faces-profile .profile-image, .post-type-archive-vod_events .faces-profile .profile-image, .page-template-template-vod-schedule .faces-profile .profile-image, .ehu-vod_events_shortcode .faces-profile .profile-image, .tax-Subjects .faces-profile .profile-image, .page-template-template-applicants .faces-profile .profile-image, .page-template-template-avd-homepage .faces-profile .profile-image, .page-template-template-vod-subject .faces-profile .profile-image {
      grid-column: 1/7;
      grid-row: 1;
      margin-top: 48px;
      margin-top: 3.42857rem;
      position: relative; }
    .page-template-template-discover-campaign .faces-profile .profile-quote, .page-template-template-applicants .faces-profile .profile-quote, .page-template-template-discover-virtual_open_day_campaign .faces-profile .profile-quote, .post-type-archive-vod_events .faces-profile .profile-quote, .page-template-template-vod-schedule .faces-profile .profile-quote, .ehu-vod_events_shortcode .faces-profile .profile-quote, .tax-Subjects .faces-profile .profile-quote, .page-template-template-applicants .faces-profile .profile-quote, .page-template-template-avd-homepage .faces-profile .profile-quote, .page-template-template-vod-subject .faces-profile .profile-quote {
      background-color: #685733;
      grid-column: 6/13;
      grid-row: 1;
      padding: 96px;
      padding: 6.85714rem;
      position: relative; }
      .page-template-template-discover-campaign .faces-profile .profile-quote:before, .page-template-template-applicants .faces-profile .profile-quote:before, .page-template-template-discover-virtual_open_day_campaign .faces-profile .profile-quote:before, .post-type-archive-vod_events .faces-profile .profile-quote:before, .page-template-template-vod-schedule .faces-profile .profile-quote:before, .ehu-vod_events_shortcode .faces-profile .profile-quote:before, .tax-Subjects .faces-profile .profile-quote:before, .page-template-template-applicants .faces-profile .profile-quote:before, .page-template-template-avd-homepage .faces-profile .profile-quote:before, .page-template-template-vod-subject .faces-profile .profile-quote:before {
        content: "\201C";
        position: absolute;
        top: 24px;
        left: 24px;
        font-size: 10em;
        color: #FFFFFF;
        opacity: .2; }
      .page-template-template-discover-campaign .faces-profile .profile-quote p, .page-template-template-applicants .faces-profile .profile-quote p, .page-template-template-discover-virtual_open_day_campaign .faces-profile .profile-quote p, .post-type-archive-vod_events .faces-profile .profile-quote p, .page-template-template-vod-schedule .faces-profile .profile-quote p, .ehu-vod_events_shortcode .faces-profile .profile-quote p, .tax-Subjects .faces-profile .profile-quote p, .page-template-template-applicants .faces-profile .profile-quote p, .page-template-template-avd-homepage .faces-profile .profile-quote p, .page-template-template-vod-subject .faces-profile .profile-quote p {
        color: white;
        font-size: 1.28571rem; }
      .page-template-template-discover-campaign .faces-profile .profile-quote .quote, .page-template-template-applicants .faces-profile .profile-quote .quote, .page-template-template-discover-virtual_open_day_campaign .faces-profile .profile-quote .quote, .post-type-archive-vod_events .faces-profile .profile-quote .quote, .page-template-template-vod-schedule .faces-profile .profile-quote .quote, .ehu-vod_events_shortcode .faces-profile .profile-quote .quote, .tax-Subjects .faces-profile .profile-quote .quote, .page-template-template-applicants .faces-profile .profile-quote .quote, .page-template-template-avd-homepage .faces-profile .profile-quote .quote, .page-template-template-vod-subject .faces-profile .profile-quote .quote {
        font-size: 1.42857rem;
        color: #FFFFFF;
        margin-bottom: 48px;
        margin-bottom: 3.42857rem;
        position: relative; }
      .page-template-template-discover-campaign .faces-profile .profile-quote .quote-name, .page-template-template-applicants .faces-profile .profile-quote .quote-name, .page-template-template-discover-virtual_open_day_campaign .faces-profile .profile-quote .quote-name, .post-type-archive-vod_events .faces-profile .profile-quote .quote-name, .page-template-template-vod-schedule .faces-profile .profile-quote .quote-name, .ehu-vod_events_shortcode .faces-profile .profile-quote .quote-name, .tax-Subjects .faces-profile .profile-quote .quote-name, .page-template-template-applicants .faces-profile .profile-quote .quote-name, .page-template-template-avd-homepage .faces-profile .profile-quote .quote-name, .page-template-template-vod-subject .faces-profile .profile-quote .quote-name {
        margin-top: 12px;
        margin-top: 0.85714rem;
        font-weight: bold;
        font-size: 1.57143rem;
        text-transform: uppercase; }
    .page-template-template-discover-campaign .faces-profile .slick-prev,
    .page-template-template-discover-campaign .faces-profile .slick-next, .page-template-template-applicants .faces-profile .slick-prev,
    .page-template-template-applicants .faces-profile .slick-next, .page-template-template-discover-virtual_open_day_campaign .faces-profile .slick-prev,
    .page-template-template-discover-virtual_open_day_campaign .faces-profile .slick-next, .post-type-archive-vod_events .faces-profile .slick-prev,
    .post-type-archive-vod_events .faces-profile .slick-next, .page-template-template-vod-schedule .faces-profile .slick-prev,
    .page-template-template-vod-schedule .faces-profile .slick-next, .ehu-vod_events_shortcode .faces-profile .slick-prev,
    .ehu-vod_events_shortcode .faces-profile .slick-next, .tax-Subjects .faces-profile .slick-prev,
    .tax-Subjects .faces-profile .slick-next, .page-template-template-applicants .faces-profile .slick-prev,
    .page-template-template-applicants .faces-profile .slick-next, .page-template-template-avd-homepage .faces-profile .slick-prev,
    .page-template-template-avd-homepage .faces-profile .slick-next, .page-template-template-vod-subject .faces-profile .slick-prev,
    .page-template-template-vod-subject .faces-profile .slick-next {
      background-color: #272727;
      border-radius: 0;
      width: 55px;
      height: 55px; }
    .page-template-template-discover-campaign .faces-profile .profile-cta, .page-template-template-applicants .faces-profile .profile-cta, .page-template-template-discover-virtual_open_day_campaign .faces-profile .profile-cta, .post-type-archive-vod_events .faces-profile .profile-cta, .page-template-template-vod-schedule .faces-profile .profile-cta, .ehu-vod_events_shortcode .faces-profile .profile-cta, .tax-Subjects .faces-profile .profile-cta, .page-template-template-applicants .faces-profile .profile-cta, .page-template-template-avd-homepage .faces-profile .profile-cta, .page-template-template-vod-subject .faces-profile .profile-cta {
      padding: 12px 48px 12px;
      padding: 0.85714rem 3.42857rem 0.85714rem;
      background-color: #FFFFFF !important;
      color: #685733 !important;
      text-decoration: none;
      text-align: center;
      position: relative;
      font-size: 1.28571rem;
      float: right; }
      .page-template-template-discover-campaign .faces-profile .profile-cta span, .page-template-template-applicants .faces-profile .profile-cta span, .page-template-template-discover-virtual_open_day_campaign .faces-profile .profile-cta span, .post-type-archive-vod_events .faces-profile .profile-cta span, .page-template-template-vod-schedule .faces-profile .profile-cta span, .ehu-vod_events_shortcode .faces-profile .profile-cta span, .tax-Subjects .faces-profile .profile-cta span, .page-template-template-applicants .faces-profile .profile-cta span, .page-template-template-avd-homepage .faces-profile .profile-cta span, .page-template-template-vod-subject .faces-profile .profile-cta span {
        right: 24px; }
    .page-template-template-discover-campaign .faces-profile .faces-overlay, .page-template-template-applicants .faces-profile .faces-overlay, .page-template-template-discover-virtual_open_day_campaign .faces-profile .faces-overlay, .post-type-archive-vod_events .faces-profile .faces-overlay, .page-template-template-vod-schedule .faces-profile .faces-overlay, .ehu-vod_events_shortcode .faces-profile .faces-overlay, .tax-Subjects .faces-profile .faces-overlay, .page-template-template-applicants .faces-profile .faces-overlay, .page-template-template-avd-homepage .faces-profile .faces-overlay, .page-template-template-vod-subject .faces-profile .faces-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: .1;
      transition: all .3s ease-in-out;
      background-size: cover;
      background-position: center center; }
  @media screen and (max-width: 800px) {
    .page-template-template-discover-campaign .cta-row, .page-template-template-applicants .cta-row, .page-template-template-discover-virtual_open_day_campaign .cta-row, .post-type-archive-vod_events .cta-row, .page-template-template-vod-schedule .cta-row, .ehu-vod_events_shortcode .cta-row, .tax-Subjects .cta-row, .page-template-template-applicants .cta-row, .page-template-template-avd-homepage .cta-row, .page-template-template-vod-subject .cta-row {
      display: block; }
    .page-template-template-discover-campaign .cta-row a, .page-template-template-applicants .cta-row a, .page-template-template-discover-virtual_open_day_campaign .cta-row a, .post-type-archive-vod_events .cta-row a, .page-template-template-vod-schedule .cta-row a, .ehu-vod_events_shortcode .cta-row a, .tax-Subjects .cta-row a, .page-template-template-applicants .cta-row a, .page-template-template-avd-homepage .cta-row a, .page-template-template-vod-subject .cta-row a {
      display: block;
      padding: 12px 0;
      padding: 0.85714rem 0;
      border-bottom: 1px solid #685733; }
    .page-template-template-discover-campaign .cta-row-img, .page-template-template-applicants .cta-row-img, .page-template-template-discover-virtual_open_day_campaign .cta-row-img, .post-type-archive-vod_events .cta-row-img, .page-template-template-vod-schedule .cta-row-img, .ehu-vod_events_shortcode .cta-row-img, .tax-Subjects .cta-row-img, .page-template-template-applicants .cta-row-img, .page-template-template-avd-homepage .cta-row-img, .page-template-template-vod-subject .cta-row-img {
      display: none; }
    .page-template-template-discover-campaign .discover, .page-template-template-applicants .discover, .page-template-template-discover-virtual_open_day_campaign .discover, .post-type-archive-vod_events .discover, .page-template-template-vod-schedule .discover, .ehu-vod_events_shortcode .discover, .tax-Subjects .discover, .page-template-template-applicants .discover, .page-template-template-avd-homepage .discover, .page-template-template-vod-subject .discover {
      display: block; }
      .page-template-template-discover-campaign .discover div, .page-template-template-applicants .discover div, .page-template-template-discover-virtual_open_day_campaign .discover div, .post-type-archive-vod_events .discover div, .page-template-template-vod-schedule .discover div, .ehu-vod_events_shortcode .discover div, .tax-Subjects .discover div, .page-template-template-applicants .discover div, .page-template-template-avd-homepage .discover div, .page-template-template-vod-subject .discover div {
        margin-bottom: 24px;
        margin-bottom: 1.71429rem; }
    .page-template-template-discover-campaign .opportunities-panel h2, .page-template-template-applicants .opportunities-panel h2, .page-template-template-discover-virtual_open_day_campaign .opportunities-panel h2, .post-type-archive-vod_events .opportunities-panel h2, .page-template-template-vod-schedule .opportunities-panel h2, .ehu-vod_events_shortcode .opportunities-panel h2, .tax-Subjects .opportunities-panel h2, .page-template-template-applicants .opportunities-panel h2, .page-template-template-avd-homepage .opportunities-panel h2, .page-template-template-vod-subject .opportunities-panel h2 {
      font-size: 3em; }
    .page-template-template-discover-campaign .full-width-row, .page-template-template-applicants .full-width-row, .page-template-template-discover-virtual_open_day_campaign .full-width-row, .post-type-archive-vod_events .full-width-row, .page-template-template-vod-schedule .full-width-row, .ehu-vod_events_shortcode .full-width-row, .tax-Subjects .full-width-row, .page-template-template-applicants .full-width-row, .page-template-template-avd-homepage .full-width-row, .page-template-template-vod-subject .full-width-row {
      left: auto;
      right: auto;
      margin: 0 auto;
      padding: 12px;
      padding: 0.85714rem; }
    .page-template-template-discover-campaign .full-width-row-grid, .page-template-template-applicants .full-width-row-grid, .page-template-template-discover-virtual_open_day_campaign .full-width-row-grid, .post-type-archive-vod_events .full-width-row-grid, .page-template-template-vod-schedule .full-width-row-grid, .ehu-vod_events_shortcode .full-width-row-grid, .tax-Subjects .full-width-row-grid, .page-template-template-applicants .full-width-row-grid, .page-template-template-avd-homepage .full-width-row-grid, .page-template-template-vod-subject .full-width-row-grid {
      grid-template-columns: 1fr; }
    .page-template-template-discover-campaign .icon-wrapper, .page-template-template-applicants .icon-wrapper, .page-template-template-discover-virtual_open_day_campaign .icon-wrapper, .post-type-archive-vod_events .icon-wrapper, .page-template-template-vod-schedule .icon-wrapper, .ehu-vod_events_shortcode .icon-wrapper, .tax-Subjects .icon-wrapper, .page-template-template-applicants .icon-wrapper, .page-template-template-avd-homepage .icon-wrapper, .page-template-template-vod-subject .icon-wrapper {
      width: 70px;
      height: 70px; }
      .page-template-template-discover-campaign .icon-wrapper i, .page-template-template-applicants .icon-wrapper i, .page-template-template-discover-virtual_open_day_campaign .icon-wrapper i, .post-type-archive-vod_events .icon-wrapper i, .page-template-template-vod-schedule .icon-wrapper i, .ehu-vod_events_shortcode .icon-wrapper i, .tax-Subjects .icon-wrapper i, .page-template-template-applicants .icon-wrapper i, .page-template-template-avd-homepage .icon-wrapper i, .page-template-template-vod-subject .icon-wrapper i {
        font-size: 2em; }
    .page-template-template-discover-campaign .campaign-head, .page-template-template-applicants .campaign-head, .page-template-template-discover-virtual_open_day_campaign .campaign-head, .post-type-archive-vod_events .campaign-head, .page-template-template-vod-schedule .campaign-head, .ehu-vod_events_shortcode .campaign-head, .tax-Subjects .campaign-head, .page-template-template-applicants .campaign-head, .page-template-template-avd-homepage .campaign-head, .page-template-template-vod-subject .campaign-head {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
    .page-template-template-discover-campaign .campaign-head .campaign-title-wrap, .page-template-template-applicants .campaign-head .campaign-title-wrap, .page-template-template-discover-virtual_open_day_campaign .campaign-head .campaign-title-wrap, .post-type-archive-vod_events .campaign-head .campaign-title-wrap, .page-template-template-vod-schedule .campaign-head .campaign-title-wrap, .ehu-vod_events_shortcode .campaign-head .campaign-title-wrap, .tax-Subjects .campaign-head .campaign-title-wrap, .page-template-template-applicants .campaign-head .campaign-title-wrap, .page-template-template-avd-homepage .campaign-head .campaign-title-wrap, .page-template-template-vod-subject .campaign-head .campaign-title-wrap {
      width: 100%;
      margin-top: 24px;
      margin-top: 1.71429rem;
      float: left;
      text-align: center; }
    .page-template-template-discover-campaign .campaign-head .discover-logo, .page-template-template-applicants .campaign-head .discover-logo, .page-template-template-discover-virtual_open_day_campaign .campaign-head .discover-logo, .post-type-archive-vod_events .campaign-head .discover-logo, .page-template-template-vod-schedule .campaign-head .discover-logo, .ehu-vod_events_shortcode .campaign-head .discover-logo, .tax-Subjects .campaign-head .discover-logo, .page-template-template-applicants .campaign-head .discover-logo, .page-template-template-avd-homepage .campaign-head .discover-logo, .page-template-template-vod-subject .campaign-head .discover-logo {
      font-size: 2em; }
    .page-template-template-discover-campaign .campaign-head .campaign-title, .page-template-template-applicants .campaign-head .campaign-title, .page-template-template-discover-virtual_open_day_campaign .campaign-head .campaign-title, .post-type-archive-vod_events .campaign-head .campaign-title, .page-template-template-vod-schedule .campaign-head .campaign-title, .ehu-vod_events_shortcode .campaign-head .campaign-title, .tax-Subjects .campaign-head .campaign-title, .page-template-template-applicants .campaign-head .campaign-title, .page-template-template-avd-homepage .campaign-head .campaign-title, .page-template-template-vod-subject .campaign-head .campaign-title {
      font-size: 3em;
      width: 100%; }
    .page-template-template-discover-campaign .campaign-head .campaign-title-sub, .page-template-template-applicants .campaign-head .campaign-title-sub, .page-template-template-discover-virtual_open_day_campaign .campaign-head .campaign-title-sub, .post-type-archive-vod_events .campaign-head .campaign-title-sub, .page-template-template-vod-schedule .campaign-head .campaign-title-sub, .ehu-vod_events_shortcode .campaign-head .campaign-title-sub, .tax-Subjects .campaign-head .campaign-title-sub, .page-template-template-applicants .campaign-head .campaign-title-sub, .page-template-template-avd-homepage .campaign-head .campaign-title-sub, .page-template-template-vod-subject .campaign-head .campaign-title-sub {
      font-size: 1.5em;
      float: none;
      margin-right: 0;
      margin-right: 0;
      clear: both;
      padding-top: 6px;
      padding-top: 0.42857rem; }
    .page-template-template-discover-campaign .campaign-head .discover-logo, .page-template-template-applicants .campaign-head .discover-logo, .page-template-template-discover-virtual_open_day_campaign .campaign-head .discover-logo, .post-type-archive-vod_events .campaign-head .discover-logo, .page-template-template-vod-schedule .campaign-head .discover-logo, .ehu-vod_events_shortcode .campaign-head .discover-logo, .tax-Subjects .campaign-head .discover-logo, .page-template-template-applicants .campaign-head .discover-logo, .page-template-template-avd-homepage .campaign-head .discover-logo, .page-template-template-vod-subject .campaign-head .discover-logo {
      margin-right: 0;
      margin-right: 0; }
    .page-template-template-discover-campaign .campaign-head .campaign-title span, .page-template-template-applicants .campaign-head .campaign-title span, .page-template-template-discover-virtual_open_day_campaign .campaign-head .campaign-title span, .post-type-archive-vod_events .campaign-head .campaign-title span, .page-template-template-vod-schedule .campaign-head .campaign-title span, .ehu-vod_events_shortcode .campaign-head .campaign-title span, .tax-Subjects .campaign-head .campaign-title span, .page-template-template-applicants .campaign-head .campaign-title span, .page-template-template-avd-homepage .campaign-head .campaign-title span, .page-template-template-vod-subject .campaign-head .campaign-title span {
      display: block; }
    .page-template-template-discover-campaign .campaign-video, .page-template-template-applicants .campaign-video, .page-template-template-discover-virtual_open_day_campaign .campaign-video, .post-type-archive-vod_events .campaign-video, .page-template-template-vod-schedule .campaign-video, .ehu-vod_events_shortcode .campaign-video, .tax-Subjects .campaign-video, .page-template-template-applicants .campaign-video, .page-template-template-avd-homepage .campaign-video, .page-template-template-vod-subject .campaign-video {
      margin-bottom: 0;
      margin-bottom: 0; }
    .page-template-template-discover-campaign .events-panel h2, .page-template-template-applicants .events-panel h2, .page-template-template-discover-virtual_open_day_campaign .events-panel h2, .post-type-archive-vod_events .events-panel h2, .page-template-template-vod-schedule .events-panel h2, .ehu-vod_events_shortcode .events-panel h2, .tax-Subjects .events-panel h2, .page-template-template-applicants .events-panel h2, .page-template-template-avd-homepage .events-panel h2, .page-template-template-vod-subject .events-panel h2 {
      font-size: 2em; }
      .page-template-template-discover-campaign .events-panel h2 .discover-emph, .page-template-template-applicants .events-panel h2 .discover-emph, .page-template-template-discover-virtual_open_day_campaign .events-panel h2 .discover-emph, .post-type-archive-vod_events .events-panel h2 .discover-emph, .page-template-template-vod-schedule .events-panel h2 .discover-emph, .ehu-vod_events_shortcode .events-panel h2 .discover-emph, .tax-Subjects .events-panel h2 .discover-emph, .page-template-template-applicants .events-panel h2 .discover-emph, .page-template-template-avd-homepage .events-panel h2 .discover-emph, .page-template-template-vod-subject .events-panel h2 .discover-emph {
        font-size: 1.5em; }
    .page-template-template-discover-campaign .studyLevel-overlay, .page-template-template-applicants .studyLevel-overlay, .page-template-template-discover-virtual_open_day_campaign .studyLevel-overlay, .post-type-archive-vod_events .studyLevel-overlay, .page-template-template-vod-schedule .studyLevel-overlay, .ehu-vod_events_shortcode .studyLevel-overlay, .tax-Subjects .studyLevel-overlay, .page-template-template-applicants .studyLevel-overlay, .page-template-template-avd-homepage .studyLevel-overlay, .page-template-template-vod-subject .studyLevel-overlay {
      position: relative !important;
      background-color: orange;
      width: calc(100vw - 42px) !important;
      opacity: 1 !important; } }
  @media screen and (max-width: 1060px) {
    .page-template-template-discover-campaign .faces-profile .campaign-container, .page-template-template-applicants .faces-profile .campaign-container, .page-template-template-discover-virtual_open_day_campaign .faces-profile .campaign-container, .post-type-archive-vod_events .faces-profile .campaign-container, .page-template-template-vod-schedule .faces-profile .campaign-container, .ehu-vod_events_shortcode .faces-profile .campaign-container, .tax-Subjects .faces-profile .campaign-container, .page-template-template-applicants .faces-profile .campaign-container, .page-template-template-avd-homepage .faces-profile .campaign-container, .page-template-template-vod-subject .faces-profile .campaign-container {
      overflow: auto; }
    .page-template-template-discover-campaign .profile-quote, .page-template-template-applicants .profile-quote, .page-template-template-discover-virtual_open_day_campaign .profile-quote, .post-type-archive-vod_events .profile-quote, .page-template-template-vod-schedule .profile-quote, .ehu-vod_events_shortcode .profile-quote, .tax-Subjects .profile-quote, .page-template-template-applicants .profile-quote, .page-template-template-avd-homepage .profile-quote, .page-template-template-vod-subject .profile-quote {
      padding: 48px 24px !important; }
      .page-template-template-discover-campaign .profile-quote:before, .page-template-template-applicants .profile-quote:before, .page-template-template-discover-virtual_open_day_campaign .profile-quote:before, .post-type-archive-vod_events .profile-quote:before, .page-template-template-vod-schedule .profile-quote:before, .ehu-vod_events_shortcode .profile-quote:before, .tax-Subjects .profile-quote:before, .page-template-template-applicants .profile-quote:before, .page-template-template-avd-homepage .profile-quote:before, .page-template-template-vod-subject .profile-quote:before {
        top: -26px !important;
        left: calc(50% - 35.3px) !important;
        z-index: 0;
        background-color: #685733;
        line-height: 1;
        padding: 12px;
        padding: 0.85714rem;
        opacity: 1 !important; }
    .page-template-template-discover-campaign .quote, .page-template-template-applicants .quote, .page-template-template-discover-virtual_open_day_campaign .quote, .post-type-archive-vod_events .quote, .page-template-template-vod-schedule .quote, .ehu-vod_events_shortcode .quote, .tax-Subjects .quote, .page-template-template-applicants .quote, .page-template-template-avd-homepage .quote, .page-template-template-vod-subject .quote {
      color: #FFFFFF;
      font-size: 1.28571rem !important;
      margin-bottom: 0 !important;
      padding: 24px 0;
      padding: 1.71429rem 0; }
    .page-template-template-discover-campaign .quote-name, .page-template-template-discover-campaign .quote-course, .page-template-template-applicants .quote-name, .page-template-template-applicants .quote-course, .page-template-template-discover-virtual_open_day_campaign .quote-name, .page-template-template-discover-virtual_open_day_campaign .quote-course, .post-type-archive-vod_events .quote-name, .post-type-archive-vod_events .quote-course, .page-template-template-vod-schedule .quote-name, .page-template-template-vod-schedule .quote-course, .ehu-vod_events_shortcode .quote-name, .ehu-vod_events_shortcode .quote-course, .tax-Subjects .quote-name, .tax-Subjects .quote-course, .page-template-template-applicants .quote-name, .page-template-template-applicants .quote-course, .page-template-template-avd-homepage .quote-name, .page-template-template-avd-homepage .quote-course, .page-template-template-vod-subject .quote-name, .page-template-template-vod-subject .quote-course {
      text-align: center; }
    .page-template-template-discover-campaign .faces-profile .profile-cta, .page-template-template-applicants .faces-profile .profile-cta, .page-template-template-discover-virtual_open_day_campaign .faces-profile .profile-cta, .post-type-archive-vod_events .faces-profile .profile-cta, .page-template-template-vod-schedule .faces-profile .profile-cta, .ehu-vod_events_shortcode .faces-profile .profile-cta, .tax-Subjects .faces-profile .profile-cta, .page-template-template-applicants .faces-profile .profile-cta, .page-template-template-avd-homepage .faces-profile .profile-cta, .page-template-template-vod-subject .faces-profile .profile-cta {
      float: right;
      width: 100%;
      font-size: 24px !important;
      line-height: 1;
      color: #685733 !important;
      margin: 12px 0;
      margin: 0.85714rem 0;
      border-bottom: 1px solid #685733;
      text-align: left !important;
      padding: 24px 0;
      padding: 1.71429rem 0;
      margin-top: 0; }
    .page-template-template-discover-campaign .faces-profile, .page-template-template-applicants .faces-profile, .page-template-template-discover-virtual_open_day_campaign .faces-profile, .post-type-archive-vod_events .faces-profile, .page-template-template-vod-schedule .faces-profile, .ehu-vod_events_shortcode .faces-profile, .tax-Subjects .faces-profile, .page-template-template-applicants .faces-profile, .page-template-template-avd-homepage .faces-profile, .page-template-template-vod-subject .faces-profile {
      margin: 0 !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      background-color: transparent !important;
      padding: 0 !important; }
      .page-template-template-discover-campaign .faces-profile:before, .page-template-template-applicants .faces-profile:before, .page-template-template-discover-virtual_open_day_campaign .faces-profile:before, .post-type-archive-vod_events .faces-profile:before, .page-template-template-vod-schedule .faces-profile:before, .ehu-vod_events_shortcode .faces-profile:before, .tax-Subjects .faces-profile:before, .page-template-template-applicants .faces-profile:before, .page-template-template-avd-homepage .faces-profile:before, .page-template-template-vod-subject .faces-profile:before {
        display: none; }
      .page-template-template-discover-campaign .faces-profile .profile-image, .page-template-template-applicants .faces-profile .profile-image, .page-template-template-discover-virtual_open_day_campaign .faces-profile .profile-image, .post-type-archive-vod_events .faces-profile .profile-image, .page-template-template-vod-schedule .faces-profile .profile-image, .ehu-vod_events_shortcode .faces-profile .profile-image, .tax-Subjects .faces-profile .profile-image, .page-template-template-applicants .faces-profile .profile-image, .page-template-template-avd-homepage .faces-profile .profile-image, .page-template-template-vod-subject .faces-profile .profile-image {
        margin-top: 24px;
        margin-top: 1.71429rem; }
      .page-template-template-discover-campaign .faces-profile .profile-image img, .page-template-template-applicants .faces-profile .profile-image img, .page-template-template-discover-virtual_open_day_campaign .faces-profile .profile-image img, .post-type-archive-vod_events .faces-profile .profile-image img, .page-template-template-vod-schedule .faces-profile .profile-image img, .ehu-vod_events_shortcode .faces-profile .profile-image img, .tax-Subjects .faces-profile .profile-image img, .page-template-template-applicants .faces-profile .profile-image img, .page-template-template-avd-homepage .faces-profile .profile-image img, .page-template-template-vod-subject .faces-profile .profile-image img {
        display: block; }
      .page-template-template-discover-campaign .faces-profile .slick-slider, .page-template-template-applicants .faces-profile .slick-slider, .page-template-template-discover-virtual_open_day_campaign .faces-profile .slick-slider, .post-type-archive-vod_events .faces-profile .slick-slider, .page-template-template-vod-schedule .faces-profile .slick-slider, .ehu-vod_events_shortcode .faces-profile .slick-slider, .tax-Subjects .faces-profile .slick-slider, .page-template-template-applicants .faces-profile .slick-slider, .page-template-template-avd-homepage .faces-profile .slick-slider, .page-template-template-vod-subject .faces-profile .slick-slider {
        margin-bottom: 0;
        margin-bottom: 0; }
      .page-template-template-discover-campaign .faces-profile .profile-slide a, .page-template-template-applicants .faces-profile .profile-slide a, .page-template-template-discover-virtual_open_day_campaign .faces-profile .profile-slide a, .post-type-archive-vod_events .faces-profile .profile-slide a, .page-template-template-vod-schedule .faces-profile .profile-slide a, .ehu-vod_events_shortcode .faces-profile .profile-slide a, .tax-Subjects .faces-profile .profile-slide a, .page-template-template-applicants .faces-profile .profile-slide a, .page-template-template-avd-homepage .faces-profile .profile-slide a, .page-template-template-vod-subject .faces-profile .profile-slide a {
        display: block;
        min-height: 600px; }
      .page-template-template-discover-campaign .faces-profile button.slick-prev.slick-arrow, .page-template-template-discover-campaign .faces-profile button.slick-next.slick-arrow, .page-template-template-applicants .faces-profile button.slick-prev.slick-arrow, .page-template-template-applicants .faces-profile button.slick-next.slick-arrow, .page-template-template-discover-virtual_open_day_campaign .faces-profile button.slick-prev.slick-arrow, .page-template-template-discover-virtual_open_day_campaign .faces-profile button.slick-next.slick-arrow, .post-type-archive-vod_events .faces-profile button.slick-prev.slick-arrow, .post-type-archive-vod_events .faces-profile button.slick-next.slick-arrow, .page-template-template-vod-schedule .faces-profile button.slick-prev.slick-arrow, .page-template-template-vod-schedule .faces-profile button.slick-next.slick-arrow, .ehu-vod_events_shortcode .faces-profile button.slick-prev.slick-arrow, .ehu-vod_events_shortcode .faces-profile button.slick-next.slick-arrow, .tax-Subjects .faces-profile button.slick-prev.slick-arrow, .tax-Subjects .faces-profile button.slick-next.slick-arrow, .page-template-template-applicants .faces-profile button.slick-prev.slick-arrow, .page-template-template-applicants .faces-profile button.slick-next.slick-arrow, .page-template-template-avd-homepage .faces-profile button.slick-prev.slick-arrow, .page-template-template-avd-homepage .faces-profile button.slick-next.slick-arrow, .page-template-template-vod-subject .faces-profile button.slick-prev.slick-arrow, .page-template-template-vod-subject .faces-profile button.slick-next.slick-arrow {
        top: 34px;
        background-color: rgba(39, 39, 39, 0.3);
        z-index: 10; }
        .page-template-template-discover-campaign .faces-profile button.slick-prev.slick-arrow:before, .page-template-template-discover-campaign .faces-profile button.slick-next.slick-arrow:before, .page-template-template-applicants .faces-profile button.slick-prev.slick-arrow:before, .page-template-template-applicants .faces-profile button.slick-next.slick-arrow:before, .page-template-template-discover-virtual_open_day_campaign .faces-profile button.slick-prev.slick-arrow:before, .page-template-template-discover-virtual_open_day_campaign .faces-profile button.slick-next.slick-arrow:before, .post-type-archive-vod_events .faces-profile button.slick-prev.slick-arrow:before, .post-type-archive-vod_events .faces-profile button.slick-next.slick-arrow:before, .page-template-template-vod-schedule .faces-profile button.slick-prev.slick-arrow:before, .page-template-template-vod-schedule .faces-profile button.slick-next.slick-arrow:before, .ehu-vod_events_shortcode .faces-profile button.slick-prev.slick-arrow:before, .ehu-vod_events_shortcode .faces-profile button.slick-next.slick-arrow:before, .tax-Subjects .faces-profile button.slick-prev.slick-arrow:before, .tax-Subjects .faces-profile button.slick-next.slick-arrow:before, .page-template-template-applicants .faces-profile button.slick-prev.slick-arrow:before, .page-template-template-applicants .faces-profile button.slick-next.slick-arrow:before, .page-template-template-avd-homepage .faces-profile button.slick-prev.slick-arrow:before, .page-template-template-avd-homepage .faces-profile button.slick-next.slick-arrow:before, .page-template-template-vod-subject .faces-profile button.slick-prev.slick-arrow:before, .page-template-template-vod-subject .faces-profile button.slick-next.slick-arrow:before {
          opacity: 1; }
      .page-template-template-discover-campaign .faces-profile button.slick-prev.slick-arrow, .page-template-template-applicants .faces-profile button.slick-prev.slick-arrow, .page-template-template-discover-virtual_open_day_campaign .faces-profile button.slick-prev.slick-arrow, .post-type-archive-vod_events .faces-profile button.slick-prev.slick-arrow, .page-template-template-vod-schedule .faces-profile button.slick-prev.slick-arrow, .ehu-vod_events_shortcode .faces-profile button.slick-prev.slick-arrow, .tax-Subjects .faces-profile button.slick-prev.slick-arrow, .page-template-template-applicants .faces-profile button.slick-prev.slick-arrow, .page-template-template-avd-homepage .faces-profile button.slick-prev.slick-arrow, .page-template-template-vod-subject .faces-profile button.slick-prev.slick-arrow {
        right: 55px; }
      .page-template-template-discover-campaign .faces-profile .faces-overlay, .page-template-template-applicants .faces-profile .faces-overlay, .page-template-template-discover-virtual_open_day_campaign .faces-profile .faces-overlay, .post-type-archive-vod_events .faces-profile .faces-overlay, .page-template-template-vod-schedule .faces-profile .faces-overlay, .ehu-vod_events_shortcode .faces-profile .faces-overlay, .tax-Subjects .faces-profile .faces-overlay, .page-template-template-applicants .faces-profile .faces-overlay, .page-template-template-avd-homepage .faces-profile .faces-overlay, .page-template-template-vod-subject .faces-profile .faces-overlay {
        display: none; } }
  @media screen and (min-width: 801px) and (max-width: 1215px) {
    .page-template-template-discover-campaign .full-width-row, .page-template-template-applicants .full-width-row, .page-template-template-discover-virtual_open_day_campaign .full-width-row, .post-type-archive-vod_events .full-width-row, .page-template-template-vod-schedule .full-width-row, .ehu-vod_events_shortcode .full-width-row, .tax-Subjects .full-width-row, .page-template-template-applicants .full-width-row, .page-template-template-avd-homepage .full-width-row, .page-template-template-vod-subject .full-width-row {
      margin-left: 0;
      margin-left: 0;
      margin-right: 0;
      margin-right: 0;
      padding: 12px;
      padding: 0.85714rem; }
    .page-template-template-discover-campaign .campaign-head .campaign-title-sub, .page-template-template-applicants .campaign-head .campaign-title-sub, .page-template-template-discover-virtual_open_day_campaign .campaign-head .campaign-title-sub, .post-type-archive-vod_events .campaign-head .campaign-title-sub, .page-template-template-vod-schedule .campaign-head .campaign-title-sub, .ehu-vod_events_shortcode .campaign-head .campaign-title-sub, .tax-Subjects .campaign-head .campaign-title-sub, .page-template-template-applicants .campaign-head .campaign-title-sub, .page-template-template-avd-homepage .campaign-head .campaign-title-sub, .page-template-template-vod-subject .campaign-head .campaign-title-sub {
      float: left; } }
  @media screen and (min-width: 1061px) and (max-width: 1300px) {
    .page-template-template-discover-campaign .faces-profile .campaign-container, .page-template-template-applicants .faces-profile .campaign-container, .page-template-template-discover-virtual_open_day_campaign .faces-profile .campaign-container, .post-type-archive-vod_events .faces-profile .campaign-container, .page-template-template-vod-schedule .faces-profile .campaign-container, .ehu-vod_events_shortcode .faces-profile .campaign-container, .tax-Subjects .faces-profile .campaign-container, .page-template-template-applicants .faces-profile .campaign-container, .page-template-template-avd-homepage .faces-profile .campaign-container, .page-template-template-vod-subject .faces-profile .campaign-container {
      padding: 48px;
      padding: 3.42857rem; } }
  @media screen and (min-width: 1061px) {
    .page-template-template-discover-campaign button.slick-prev.slick-arrow, .page-template-template-discover-campaign button.slick-next.slick-arrow, .page-template-template-applicants button.slick-prev.slick-arrow, .page-template-template-applicants button.slick-next.slick-arrow, .page-template-template-discover-virtual_open_day_campaign button.slick-prev.slick-arrow, .page-template-template-discover-virtual_open_day_campaign button.slick-next.slick-arrow, .post-type-archive-vod_events button.slick-prev.slick-arrow, .post-type-archive-vod_events button.slick-next.slick-arrow, .page-template-template-vod-schedule button.slick-prev.slick-arrow, .page-template-template-vod-schedule button.slick-next.slick-arrow, .ehu-vod_events_shortcode button.slick-prev.slick-arrow, .ehu-vod_events_shortcode button.slick-next.slick-arrow, .tax-Subjects button.slick-prev.slick-arrow, .tax-Subjects button.slick-next.slick-arrow, .page-template-template-applicants button.slick-prev.slick-arrow, .page-template-template-applicants button.slick-next.slick-arrow, .page-template-template-avd-homepage button.slick-prev.slick-arrow, .page-template-template-avd-homepage button.slick-next.slick-arrow, .page-template-template-vod-subject button.slick-prev.slick-arrow, .page-template-template-vod-subject button.slick-next.slick-arrow {
      width: 55px;
      height: 55px;
      border: 1px solid #FFFFFF;
      top: initial;
      background-color: transparent;
      transition: background-color .3s ease-in-out; }
      .page-template-template-discover-campaign button.slick-prev.slick-arrow:hover, .page-template-template-discover-campaign button.slick-next.slick-arrow:hover, .page-template-template-applicants button.slick-prev.slick-arrow:hover, .page-template-template-applicants button.slick-next.slick-arrow:hover, .page-template-template-discover-virtual_open_day_campaign button.slick-prev.slick-arrow:hover, .page-template-template-discover-virtual_open_day_campaign button.slick-next.slick-arrow:hover, .post-type-archive-vod_events button.slick-prev.slick-arrow:hover, .post-type-archive-vod_events button.slick-next.slick-arrow:hover, .page-template-template-vod-schedule button.slick-prev.slick-arrow:hover, .page-template-template-vod-schedule button.slick-next.slick-arrow:hover, .ehu-vod_events_shortcode button.slick-prev.slick-arrow:hover, .ehu-vod_events_shortcode button.slick-next.slick-arrow:hover, .tax-Subjects button.slick-prev.slick-arrow:hover, .tax-Subjects button.slick-next.slick-arrow:hover, .page-template-template-applicants button.slick-prev.slick-arrow:hover, .page-template-template-applicants button.slick-next.slick-arrow:hover, .page-template-template-avd-homepage button.slick-prev.slick-arrow:hover, .page-template-template-avd-homepage button.slick-next.slick-arrow:hover, .page-template-template-vod-subject button.slick-prev.slick-arrow:hover, .page-template-template-vod-subject button.slick-next.slick-arrow:hover {
        background-color: #FFFFFF; }
        .page-template-template-discover-campaign button.slick-prev.slick-arrow:hover:before, .page-template-template-discover-campaign button.slick-next.slick-arrow:hover:before, .page-template-template-applicants button.slick-prev.slick-arrow:hover:before, .page-template-template-applicants button.slick-next.slick-arrow:hover:before, .page-template-template-discover-virtual_open_day_campaign button.slick-prev.slick-arrow:hover:before, .page-template-template-discover-virtual_open_day_campaign button.slick-next.slick-arrow:hover:before, .post-type-archive-vod_events button.slick-prev.slick-arrow:hover:before, .post-type-archive-vod_events button.slick-next.slick-arrow:hover:before, .page-template-template-vod-schedule button.slick-prev.slick-arrow:hover:before, .page-template-template-vod-schedule button.slick-next.slick-arrow:hover:before, .ehu-vod_events_shortcode button.slick-prev.slick-arrow:hover:before, .ehu-vod_events_shortcode button.slick-next.slick-arrow:hover:before, .tax-Subjects button.slick-prev.slick-arrow:hover:before, .tax-Subjects button.slick-next.slick-arrow:hover:before, .page-template-template-applicants button.slick-prev.slick-arrow:hover:before, .page-template-template-applicants button.slick-next.slick-arrow:hover:before, .page-template-template-avd-homepage button.slick-prev.slick-arrow:hover:before, .page-template-template-avd-homepage button.slick-next.slick-arrow:hover:before, .page-template-template-vod-subject button.slick-prev.slick-arrow:hover:before, .page-template-template-vod-subject button.slick-next.slick-arrow:hover:before {
          color: #685733; }
    .page-template-template-discover-campaign button.slick-prev.slick-arrow, .page-template-template-applicants button.slick-prev.slick-arrow, .page-template-template-discover-virtual_open_day_campaign button.slick-prev.slick-arrow, .post-type-archive-vod_events button.slick-prev.slick-arrow, .page-template-template-vod-schedule button.slick-prev.slick-arrow, .ehu-vod_events_shortcode button.slick-prev.slick-arrow, .tax-Subjects button.slick-prev.slick-arrow, .page-template-template-applicants button.slick-prev.slick-arrow, .page-template-template-avd-homepage button.slick-prev.slick-arrow, .page-template-template-vod-subject button.slick-prev.slick-arrow {
      right: 79px;
      bottom: 24px;
      border-right: 0; }
    .page-template-template-discover-campaign button.slick-next.slick-arrow, .page-template-template-applicants button.slick-next.slick-arrow, .page-template-template-discover-virtual_open_day_campaign button.slick-next.slick-arrow, .post-type-archive-vod_events button.slick-next.slick-arrow, .page-template-template-vod-schedule button.slick-next.slick-arrow, .ehu-vod_events_shortcode button.slick-next.slick-arrow, .tax-Subjects button.slick-next.slick-arrow, .page-template-template-applicants button.slick-next.slick-arrow, .page-template-template-avd-homepage button.slick-next.slick-arrow, .page-template-template-vod-subject button.slick-next.slick-arrow {
      bottom: 24px;
      right: 24px; }
    .page-template-template-discover-campaign .profile-quote, .page-template-template-applicants .profile-quote, .page-template-template-discover-virtual_open_day_campaign .profile-quote, .post-type-archive-vod_events .profile-quote, .page-template-template-vod-schedule .profile-quote, .ehu-vod_events_shortcode .profile-quote, .tax-Subjects .profile-quote, .page-template-template-applicants .profile-quote, .page-template-template-avd-homepage .profile-quote, .page-template-template-vod-subject .profile-quote {
      margin-left: 78px;
      margin-left: 5.57143rem; } }

.discover-logo {
  color: #685733;
  font-size: 10em;
  z-index: 3;
  font-weight: 900;
  line-height: 0.9;
  border: 10px solid;
  padding: 24px;
  padding: 1.71429rem; }
  .discover-logo span {
    display: block;
    color: #685733;
    font-family: Helvetica, Helvetica Neue, sans-serif; }

.dis {
  letter-spacing: .20em; }

.er {
  letter-spacing: .1em; }

section.discover_cta_bar {
  padding: 12px;
  margin-bottom: 12px; }
  section.discover_cta_bar ul {
    display: inline; }
  section.discover_cta_bar li {
    display: inline-block;
    margin: 0 24px;
    font-size: 1.5em; }
    section.discover_cta_bar li a {
      color: #685733 !important;
      line-height: 118px; }
  section.discover_cta_bar .discover-logo {
    display: inline-block;
    font-size: 2em;
    border-width: 2px; }

.discover-live-hero {
  position: relative;
  top: -24px;
  left: 50%;
  right: 50%;
  overflow: hidden;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #fafafa; }

.discover-live-hero .content .background {
  overflow: hidden;
  min-height: 580px;
  max-height: 60vh;
  border-bottom: 2px solid #685733;
  background: url("https://www.edgehill.ac.uk/study/files/2017/12/Main-Halls.jpg") no-repeat top center fixed;
  background-size: cover;
  transition: height 3000ms ease; }

@media screen and (max-width: 800px) {
  .discover-live-hero .content .background {
    min-height: auto; } }

.discover-live-hero .content .background div {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0; }

.discover-live-hero .content .background div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.discover-live-hero .content .background div .playpause {
  visibility: hidden;
  position: absolute;
  top: 30%;
  left: 45%;
  display: block;
  width: auto;
  height: auto;
  border: 2px solid #685733;
  background: rgba(255, 255, 255, 0.9);
  padding: 25px;
  font-size: 3em;
  color: #685733; }

.discover-live-hero .content .background div:hover .playpause, .discover-live-hero .content .background div .active {
  visibility: visible; }

.discover-live-hero .content .background .playpause span {
  font-family: Helvetica, sans-serif; }

.discover-live-hero .content .titles {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background: linear-gradient(0deg, white 30%, rgba(255, 255, 255, 0) 100%); }

@media screen and (max-width: 800px) {
  .discover-live-hero .content .titles {
    position: relative; } }

.discover-live-hero .content .titles-video {
  border-top: 2px solid #685733;
  background: linear-gradient(0deg, white 30%, rgba(255, 255, 255, 0.9) 100%); }

.discover-live-hero .content .titles .campaign-container {
  padding: 15px; }

.discover-live-hero .content .titles .campaign-container .discover-logo {
  background: rgba(255, 255, 255, 0.6);
  line-height: 100%; }

.discover-live-hero .content .titles .campaign-container .campaign-title-wrap {
  overflow: hidden !important; }

.discover-live-hero .content .titles .campaign-container .campaign-title-wrap .campaign-title {
  width: 100%;
  margin: 0px !important;
  text-shadow: #ffffff 0px 0px 5px; }

.discover-live-hero .content .titles .campaign-container .campaign-title-wrap .campaign-title-sub {
  font-size: 3em !important;
  text-shadow: #ffffff 0 0 5px; }

.discover-cta-event {
  -ms-grid-column: 5; }

.discover-cta-event table {
  width: 100%; }

.discover-cta-event table tr {
  border: 1px solid #dee0df;
  border-top: 0;
  -webkit-transition: background-color 300ms ease;
  -moz-transition: background-color 300ms ease;
  -ms-transition: background-color 300ms ease;
  -o-transition: background-color 300ms ease;
  transition: background-color 300ms ease; }

.discover-cta-event table tr:hover {
  background: #fafafa; }

.discover-cta-event table tr td p {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .discover-cta-event table tr td p .fa-li {
    line-height: 1.5; }

.discover-cta-event tbody tr td .VOD_Schedule_Excerpt {
  display: grid; }

.discover-cta-event tbody tr td .VOD_Schedule_Excerpt span {
  display: block;
  overflow: hidden;
  max-height: 5rem;
  white-space: nowrap;
  text-overflow: ellipsis; }
  @supports (-webkit-line-clamp: 3) {
    .discover-cta-event tbody tr td .VOD_Schedule_Excerpt span {
      display: -webkit-box;
      white-space: unset;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; } }

.discover-cta-event tbody tr td:hover .VOD_Schedule_Excerpt span, .discover-cta-event tbody tr td:active .VOD_Schedule_Excerpt span {
  max-height: unset;
  white-space: unset; }
  @supports (-webkit-line-clamp: unset) {
    .discover-cta-event tbody tr td:hover .VOD_Schedule_Excerpt span, .discover-cta-event tbody tr td:active .VOD_Schedule_Excerpt span {
      -webkit-line-clamp: unset; } }

.discover-cta-event tbody tr td .VOD_Schedule_Excerpt.expandable::after {
  display: grid;
  margin-top: 0.5rem;
  border-top: 0px solid #685733;
  background: rgba(248, 248, 250, 0.2);
  padding-top: 0.5rem;
  padding: 0.5rem;
  text-align: right;
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.6);
  content: "Full Description \21F2";
  -webkit-box-shadow: inset 0px 10px 2px -10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 10px 2px -10px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 10px 2px -10px rgba(0, 0, 0, 0.52); }

.discover-cta-event tbody tr td:hover .VOD_Schedule_Excerpt.expandable::after, .discover-cta-event tbody tr td:active .VOD_Schedule_Excerpt.expandable::after {
  display: none; }

.discover-cta-event table .hidden {
  display: none;
  -webkit-transition: all 2000ms ease;
  -moz-transition: all 2000ms ease;
  -ms-transition: all 2000ms ease;
  -o-transition: all 2000ms ease;
  transition: all 2000ms ease; }

.discover-cta-event table tr th {
  border: 1px solid #dee0df;
  border-top: 0px solid #dee0df;
  background: #fafafa;
  padding: 1rem;
  text-align: left;
  font-size: 2em;
  color: #333333; }

.discover-cta-event table thead:first-of-type tr:first-of-type th p {
  margin-top: 0.6em;
  font-size: 0.5em; }

.discover-cta-event table thead:first-of-type tr:first-of-type th p:first-of-type {
  margin-top: 0;
  font-size: 0.8em;
  line-height: 1.2em;
  color: #685733; }

.discover-cta-event table th input, .discover-cta-event table th select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: auto;
  margin: 0;
  border-radius: 0;
  border: 1px solid #dee0df;
  padding: 1em;
  color: #39283d; }

.discover-cta-event table th select {
  background-color: white;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='0.5em' width='1.2em'%3E%3Ctext x='0' y='10' fill='black'%3E%E2%96%BE%3C/text%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: right center;
  background-clip: border-box;
  -moz-background-clip: border-box;
  -webkit-background-clip: border-box;
  padding-right: 1.5em; }

.discover-cta-event table tr td {
  background: #ffffff;
  padding: 24px 12px;
  padding: 1.71429rem 0.85714rem;
  font-size: 1.42857rem;
  color: #685733;
  line-height: 1;
  font-weight: 400; }

.discover-cta-event table tr td:first-of-type {
  width: 25%; }

.discover-cta-event table tr td:last-of-type {
  width: 30%;
  text-align: right; }

.discover-cta-event table tr td a {
  color: #685733; }

.discover-cta-event table tr td a p {
  display: inline-block; }

.discover-cta-event table tr td span {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .discover-cta-event table tr td span .fa-li {
    line-height: 1.5; }

.discover-cta-event table tr td .discover-emph {
  border-bottom: 0 !important; }

h2 {
  border-top: 0 !important; }

.discover-cta-event table tr td .table-tags-tag {
  display: inline-block;
  cursor: pointer;
  padding: 0; }

.discover-cta-event table tr td .selected {
  border: 2px solid #685733 !important;
  padding: 3px; }

.discover-cta-event table tr td .selected1:after {
  padding-left: 5px;
  font-family: FontAwesome, "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f057"; }

.discover-cta-event table tr td .eventURL {
  display: inline-block;
  margin-top: 1rem;
  border: 2px solid #685733;
  background-color: #ffffff;
  padding: 1rem;
  color: #685733 !important; }

.discover-cta-event table tr td .eventURL:hover, .discover-cta-event table tr td .eventURL:focus {
  border: 2px solid #685733;
  background-color: #685733;
  color: #ffffff !important; }

.discover-cta-event .table_4-row-limit tr {
  display: none; }

.discover-cta-event .table_4-row-limit tr:nth-child(1), .discover-cta-event .table_4-row-limit tr:nth-child(2), .discover-cta-event .table_4-row-limit tr:nth-child(3), .discover-cta-event .table_4-row-limit tr:nth-child(4), .discover-cta-event .table_4-row-limit tr:last-child {
  display: inherit; }

.schedule-cta {
  padding: 12px;
  padding: 0.85714rem;
  background-color: #685733;
  color: #FFFFFF !important;
  display: block;
  text-align: center;
  font-size: 18px; }
  .schedule-cta:hover {
    background-color: #5e4e2e; }

.discover-live-hero .content .background .discover-popup-wrap {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0);
  z-index: 1; }

.discover-live-hero .content .background .discover-popup-wrap .discover-popup {
  display: block;
  width: 80%;
  height: auto;
  padding: 15px;
  background: #685733;
  background: rgba(255, 255, 255, 0.9);
  color: #685733; }

.discover-live-hero .content .background .discover-popup-wrap .discover-popup h3 {
  display: flex;
  justify-content: space-between;
  margin: 0;
  color: #685733; }

.discover-live-hero .content .background .discover-popup-wrap .discover-popup form label {
  display: block; }

.discover-live-hero .content .background .discover-popup-wrap .discover-popup form input {
  display: block;
  width: 100%; }

@media screen and (max-width: 800px) {
  .events-panel-filters, .events-panel {
    margin-bottom: 0 !important; }
  .discover-cta-event table tr th {
    display: block; }
  .discover-cta-event table tr td {
    display: block;
    border: 0; }
  .discover-cta-event table tr td:last-of-type, .discover-cta-event table tr td:first-of-type {
    width: unset; }
  .discover-cta-event table tr td .discover-emph, .discover-cta-event table tr td p {
    text-align: left; }
  /*Hide first two td elements < 800px*/
  .discover-cta-event table .VOD_Schedule_ViewAll-CTA td:nth-child(-n+2) {
    display: none; }
  .discover-cta-event table thead:first-of-type tr:first-of-type th p:first-of-type {
    font-size: 20px;
    line-height: 1.2; }
  .discover-register-popup-wrap {
    overflow-y: scroll;
    height: 100%; } }

.discover-register-popup-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 100000;
  padding-top: 5%; }
  .discover-register-popup-wrap label {
    clear: both; }

.double-field-wrap {
  float: left;
  width: 100%;
  clear: both; }

.half-span {
  width: 50%;
  float: left; }
  .half-span:nth-of-type(odd) {
    padding-right: 12px;
    padding-right: 0.85714rem; }
  .half-span:nth-of-type(even) {
    padding-left: 12px;
    padding-left: 0.85714rem; }

.quarter-span {
  width: 25%;
  padding-right: 12px;
  padding-right: 0.85714rem;
  float: left; }
  .quarter-span select {
    width: 100%; }

.subject-span {
  width: 50%;
  padding-left: 12px;
  padding-left: 0.85714rem;
  float: left; }

#submitDetails {
  min-width: 150px;
  margin-top: 12px;
  float: left;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  #submitDetails .fa-li {
    line-height: 1.5; }
  #submitDetails:hover {
    background-color: #43144c;
    color: #FFFFFF; }

.opt-text {
  float: left;
  width: 95%; }

.opt-wrap {
  float: left;
  padding: 12px 0;
  padding: 0.85714rem 0; }

@media screen and (max-height: 740px) {
  .discover-register-popup-wrap {
    padding-top: 1%;
    padding-bottom: 1%; } }

@media screen and (max-height: 670px) {
  .discover-register-popup-wrap {
    display: block !important; }
  .discover-register-popup {
    overflow-y: auto; } }

@media screen and (max-width: 1000px) {
  .discover-register-popup {
    width: 80% !important; } }

@media screen and (max-width: 800px) {
  .discover-register-popup {
    width: 100% !important;
    padding: 12px !important; }
    .discover-register-popup h2 {
      font-size: 1.42857rem !important; }
  .discover-register-popup-wrap {
    padding: 2% !important; }
  .opt-text {
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 2; }
    .opt-text .fa-li {
      line-height: 2; }
  .quarter-span {
    width: 50%;
    padding: 0 !important; }
    .quarter-span:nth-child(odd) {
      padding-right: 12px !important; }
    .quarter-span:nth-child(even) {
      padding-left: 12px !important; }
  .subject-span {
    width: 100%;
    padding: 0; } }

.discover-register-popup {
  background: rgba(255, 255, 255, 0.9);
  margin: auto;
  height: auto;
  width: 50%;
  padding: 24px;
  padding: 1.71429rem;
  color: #685733;
  display: block;
  font-family: Helvetica, sans-serif;
  overflow: auto; }

.discover-register-popup h1 {
  display: flex;
  justify-content: space-between;
  color: #685733;
  font-size: 2.11429rem;
  font-weight: 400;
  margin-bottom: 0.5em;
  line-height: 1; }

.discover-register-popup h2 {
  display: flex;
  justify-content: space-between;
  color: #685733;
  font-size: 1.61429rem;
  font-weight: 400;
  line-height: 1; }

.discover-register-popup label {
  display: block; }

.discover-register-popup input {
  width: 100%; }

.registration-form-error {
  color: red;
  width: 100%;
  margin-bottom: 12px;
  float: left; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  margin-bottom: 24px; }

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

.vod_para {
  font-size: 1.6em;
  margin-bottom: 24px; }

.ehu-vod_events_shortcode1 {
  border: 1px solid #c7accc !important;
  margin-bottom: 1em;
  padding: 0; }

.ehu-vod_events_shortcode1 table {
  margin: 0; }

.ehu-vod_events_shortcode1 table tr td p {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .ehu-vod_events_shortcode1 table tr td p .fa-li {
    line-height: 1.5; }

.ehu-vod_events_shortcode1 table tr th {
  padding: 1rem;
  text-align: left;
  font-size: 1.5em; }

.ehu-vod_events_shortcode1 table thead:first-of-type tr:first-of-type th p {
  margin-top: 0.6em;
  font-size: 0.5em; }

.ehu-vod_events_shortcode1 table thead:first-of-type tr:first-of-type th p:first-of-type {
  margin-top: 0;
  font-size: 0.8em;
  line-height: 1.2em; }

.ehu-vod_events_shortcode1 table tr td {
  padding: 24px 12px;
  padding: 1.71429rem 0.85714rem;
  font-size: 1.42857rem;
  line-height: 1;
  font-weight: 400; }

.ehu-vod_events_shortcode1 table tr td:first-of-type {
  width: 25%; }

.ehu-vod_events_shortcode1 table tr td:last-of-type {
  width: 30%;
  text-align: right; }

.ehu-vod_events_shortcode1 table tr td a p {
  display: inline-block; }

.ehu-vod_events_shortcode1 table tr td span {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .ehu-vod_events_shortcode1 table tr td span .fa-li {
    line-height: 1.5; }

.ehu-vod_events_shortcode1 table tr td .discover-emph {
  border-bottom: 0 !important;
  font-weight: bolder;
  font-size: 1.4rem; }

.ehu-vod_events_shortcode1 table tr td .eventURL {
  display: inline-block;
  margin-top: 1rem;
  border: 2px solid #671E75;
  background-color: #ffffff;
  padding: 1rem;
  color: #671e75;
  text-decoration: none; }

.ehu-vod_events_shortcode1 table tr td .eventURL:hover, .ehu-vod_events_shortcode1 table tr td .eventURL:focus {
  border: 2px solid #43144c;
  background-color: #671e75;
  color: #ffffff !important; }

/*Virtual open day gateway page styles*/
.vod-subject-select-wrap {
  padding: 24px 12px;
  padding: 1.71429rem 0.85714rem; }

.vod-subject-select-wrap {
  padding: 24px;
  padding: 1.71429rem;
  background-color: #eee;
  margin-bottom: 24px;
  overflow: auto;
  margin-top: -48px; }

.vod-subject-label {
  color: #671E75;
  display: block;
  font-weight: bold;
  font-size: 20px; }

select#vod_subject_select {
  padding: 12px 24px;
  padding: 0.85714rem 1.71429rem;
  height: 60px;
  font-size: 1.5em;
  color: #671E75;
  width: 80%;
  margin: 12px 0;
  display: inline-block;
  float: left; }

button#vod_subject_submit {
  height: 60px;
  padding: 0 12px;
  padding: 0 0.85714rem;
  margin: 0;
  border: 0;
  font-size: 1.5em;
  width: 20%;
  margin-top: 12px;
  border-radius: 0; }
  button#vod_subject_submit:hover {
    background-color: #43144c;
    color: #FFFFFF; }

.tax-Subjects .gateway-ctas-wrap, .page-template-template-vod-subject .gateway-ctas-wrap {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.tax-Subjects .gateway-ctas, .page-template-template-vod-subject .gateway-ctas {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  margin-top: 24px;
  margin-top: 1.71429rem;
  clear: both; }

.tax-Subjects .gateway-lead-img-wrap img, .page-template-template-vod-subject .gateway-lead-img-wrap img {
  max-width: 100%; }

.tax-Subjects .gateway-text-wrap, .page-template-template-vod-subject .gateway-text-wrap {
  padding-right: 0;
  margin-top: -24px;
  background-color: transparent; }

.tax-Subjects .gateway-title, .page-template-template-vod-subject .gateway-title {
  padding: 12px 24px; }

.tax-Subjects .gateway-intro, .page-template-template-vod-subject .gateway-intro {
  background-color: #fffefc;
  padding: 48px 48px 24px 48px !important;
  margin-top: -48px;
  margin-bottom: 0;
  border: 1px solid #685733;
  border-top: 12px solid #685733; }

.tax-Subjects .ehu-vod_events_shortcode1, .page-template-template-vod-subject .ehu-vod_events_shortcode1 {
  clear: both;
  border: 1px solid rgba(103, 30, 117, 0.1) !important; }

.tax-Subjects #table-schedule, .page-template-template-vod-subject #table-schedule {
  width: 100%; }

.tax-Subjects #table-schedule tr:last-of-type td, .page-template-template-vod-subject #table-schedule tr:last-of-type td {
  padding: 12px;
  padding: 0.85714rem; }

.tax-Subjects #table-schedule thead tr, .page-template-template-vod-subject #table-schedule thead tr {
  background-color: #272727;
  color: #FFFFFF; }

.tax-Subjects #table-schedule tr:last-of-type td, .page-template-template-vod-subject #table-schedule tr:last-of-type td {
  border-bottom: 0; }

.tax-Subjects .ehu-vod_events_shortcode1 table tr td:last-of-type, .page-template-template-vod-subject .ehu-vod_events_shortcode1 table tr td:last-of-type {
  text-align: left; }

.tax-Subjects .ehu-vod_events_shortcode1 table tr td .discover-emph, .page-template-template-vod-subject .ehu-vod_events_shortcode1 table tr td .discover-emph {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  font-weight: 900;
  color: #272727;
  text-transform: uppercase;
  display: block;
  border-bottom: 1px solid #685733;
  padding-bottom: 6px;
  padding-bottom: 0.42857rem;
  margin-bottom: 3px;
  margin-bottom: 0.21429rem; }
  .tax-Subjects .ehu-vod_events_shortcode1 table tr td .discover-emph .fa-li, .page-template-template-vod-subject .ehu-vod_events_shortcode1 table tr td .discover-emph .fa-li {
    line-height: 1.5; }

.tax-Subjects .ehu-vod_events_shortcode1 table tr td p, .page-template-template-vod-subject .ehu-vod_events_shortcode1 table tr td p {
  color: #685733; }

.tax-Subjects .panel-title ~ p, .page-template-template-vod-subject .panel-title ~ p {
  color: #FFFFFF;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 12px;
  padding-top: 0.85714rem; }

.tax-Subjects .gateway-cta-panel-icon-wrap, .page-template-template-vod-subject .gateway-cta-panel-icon-wrap {
  background-image: none; }

.tax-Subjects ul.gateway-ctas li a, .page-template-template-vod-subject ul.gateway-ctas li a {
  display: block;
  height: 100%; }

.tax-Subjects .gateway-intro, .tax-Subjects .gateway-header, .page-template-template-vod-subject .gateway-intro, .page-template-template-vod-subject .gateway-header {
  margin-bottom: 0; }

.tax-Subjects .gateway-text-wrap, .page-template-template-vod-subject .gateway-text-wrap {
  padding-bottom: 0; }

.tax-Subjects .vod-sch-pres #tab-tabs-presentations p, .page-template-template-vod-subject .vod-sch-pres #tab-tabs-presentations p {
  font-size: 18px;
  margin-bottom: 24px; }

.tax-Subjects .vod-sch-pres #tab-tabs-presentations h3, .page-template-template-vod-subject .vod-sch-pres #tab-tabs-presentations h3 {
  font-size: 2em; }

.tax-Subjects .vod-sch-pres #tab-tabs-presentations iframe, .page-template-template-vod-subject .vod-sch-pres #tab-tabs-presentations iframe {
  margin-bottom: 24px; }

.tax-Subjects #table-schedule td a, .page-template-template-vod-subject #table-schedule td a {
  background-color: #685733;
  color: white;
  text-decoration: none;
  padding: 12px;
  padding: 0.85714rem;
  font-size: 18px;
  display: block;
  text-align: center; }
  .tax-Subjects #table-schedule td a span, .page-template-template-vod-subject #table-schedule td a span {
    margin-left: 24px;
    margin-left: 1.71429rem; }
  .tax-Subjects #table-schedule td a:hover, .page-template-template-vod-subject #table-schedule td a:hover {
    background-color: #57492b; }

.page-template-template-subject-gateway-intermediary-postgrad .gateway-text-wrap, .page-template-template-subject-gateway-intermediary-undergrad .gateway-text-wrap {
  padding-right: 0; }

@media screen and (min-width: 1200px) {
  .tax-Subjects .btvod-home-cta, .page-template-template-vod-subject .btvod-home-cta {
    width: calc(33% - 12px); } }

@media screen and (max-width: 800px) {
  .ehu-vod_events_shortcode1 table tr th {
    display: block; }
  .ehu-vod_events_shortcode1 table tr td {
    display: block;
    border: 0; }
  .ehu-vod_events_shortcode1 table tbody tr {
    border-bottom: 1px solid #dee0df; }
  .ehu-vod_events_shortcode1 table tr td:last-of-type, .ehu-vod_events_shortcode1 table tr td:first-of-type {
    width: unset; }
  .ehu-vod_events_shortcode1 table tr td .discover-emph, .ehu-vod_events_shortcode1 table tr td p {
    text-align: left; }
  /*Hide first two td elements < 800px*/
  .ehu-vod_events_shortcode1 table tr:last-of-type td:nth-child(-n+2), .ehu-vod_events_shortcode1 table thead {
    display: none; }
  /*virtual open day gateway mobile styles*/
  button#vod_subject_submit, select#vod_subject_select {
    font-size: 1.2em; }
  .vod-subject-label {
    font-size: 18px; }
  .tax-Subjects .gateway-title, .page-template-template-subject-gateway-intermediary-postgrad .gateway-title, .page-template-template-subject-gateway-intermediary-undergrad .gateway-title, .page-template-template-vod-subject .gateway-title {
    font-size: 32px !important;
    line-height: 1.4; }
  .tax-Subjects .gateway-ctas, .page-template-template-vod-subject .gateway-ctas {
    grid-template-columns: 1fr; }
  .tax-Subjects .gateway-intro, .page-template-template-vod-subject .gateway-intro {
    padding: 48px 24px 24px 24px !important; } }

.discover-register-close {
  font-size: 2em;
  width: 100%; }
  .discover-register-close i {
    float: right;
    cursor: pointer; }

.discover-registered-video iframe {
  width: 100%; }

.vod-presentations {
  text-decoration: underline !important; }

/* Page Templates */
/* C U S T O M   S T Y L E  F O R M A T S */
/* Image left */
@media screen {
  div.img-left {
    float: left; }
  div.img-content {
    margin-left: 204px; }
  /* Green Text */
  .heading-green {
    color: #00844A; }
  .text-green {
    color: #00844A;
    font-weight: bold; }
  /* Orange Text */
  .heading-orange {
    color: #DE5F12; }
  .text-orange {
    color: #DE5F12;
    font-weight: bold; } }

/* End Image left */
/* Info Boxes */
@media screen {
  .alert, .info, .note, .warning {
    border: 1px solid;
    margin: 10px 0px;
    padding: 12px; }
  .alert {
    color: #9F6000;
    background-color: #FEEFB3; }
  .info {
    color: #00529B;
    background-color: #BDE5F8; }
  .note {
    color: #4F8A10;
    background-color: #DFF2BF; }
  .warning {
    color: #D8000C;
    background-color: #FFBABA; }
  div.alert p, div.info p, div.note p, div.warning p {
    margin: 0; } }

/* End Info Boxes */
/* Accordions */
@media screen {
  .toggleAccordions {
    float: right;
    clear: right; }
  .entry-content .expand-title {
    padding: 12px 36px 12px 12px;
    padding: 0.85714rem 2.57143rem 0.85714rem 0.85714rem;
    font-size: 22px;
    font-size: 1.57143rem;
    line-height: 1.09091;
    border-top: 0 !important;
    line-height: normal !important;
    background-color: #f2ebf3 !important;
    border: 1px solid #c7accc !important;
    color: #671E75;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out; }
    .entry-content .expand-title .fa-li {
      line-height: 1.09091; }
    .entry-content .expand-title:hover {
      background: #671E75 !important;
      color: #f2ebf3 !important; }
    .entry-content .expand-title a {
      text-decoration: none;
      color: #734b7b !important; }
      .entry-content .expand-title a:hover, .entry-content .expand-title a:visited {
        text-decoration: underline;
        color: #b28cb9 !important; }
  .entry-content .expand {
    border: 1px solid #dee0df;
    background: rgba(222, 224, 223, 0.2) !important; }
    .entry-content .expand ul li {
      padding: 6px 0;
      padding: 0.42857rem 0; }
  .entry-content .expand-title.open {
    margin-bottom: 0;
    margin-bottom: 0; }
  .entry-content .expand-title::before {
    font-size: 24px;
    font-size: 1.71429rem;
    line-height: 1;
    content: "\f107";
    font-family: FontAwesome;
    right: -24px;
    position: relative;
    float: right; }
    .entry-content .expand-title::before .fa-li {
      line-height: 1; }
  .entry-content .expand-title.open::before {
    font-size: 24px;
    font-size: 1.71429rem;
    line-height: 1;
    content: "\f106"; }
    .entry-content .expand-title.open::before .fa-li {
      line-height: 1; }
  .entry-content .expand-title.open + div.expand {
    display: block;
    margin-bottom: 12px;
    margin-bottom: 0.85714rem; }
  .entry-content div.expand {
    padding: 12px 12px 12px 12px;
    padding: 0.85714rem 0.85714rem 0.85714rem 0.85714rem;
    background-color: #fcfcfc;
    margin: 0 0 12px 0;
    margin: 0 0 0.85714rem 0;
    display: none;
    box-sizing: border-box;
    overflow: auto; }
  .entry-content div.expand p {
    margin: 0 0 12px 0;
    margin: 0 0 0.85714rem 0; }
  .entry-content div.expand p:last-of-type {
    margin: 0;
    margin: 0; }
  .entry-content div.expand + p {
    margin-top: 24px;
    margin-top: 1.71429rem; }
  .entry-content h2.expand-title, .entry-content h3.expand-title, .entry-content h4.expand-title {
    margin: 0 0 12px 0;
    margin: 0 0 0.85714rem 0; }
  .entry-content h2.expand-title.open, .entry-content h3.expand-title.open, .entry-content h4.expand-title.open {
    margin: 0;
    margin: 0; } }

.student-profiles-slider {
  margin-left: 0;
  margin-left: 0;
  margin-bottom: 0;
  margin-bottom: 0;
  width: 100%; }

.student-profiles-slider li {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429;
  margin-left: 0;
  margin-left: 0;
  list-style-type: none; }
  .student-profiles-slider li .fa-li {
    line-height: 1.71429; }

.entry-content .flex-direction-nav {
  list-style: none; }

.entry-content .flex-control-nav {
  bottom: -10px; }

.flexslider {
  background-color: #f2ebf3;
  margin-bottom: 0;
  margin-bottom: 0;
  border: none;
  -webkit-border: none;
  -moz-border: none;
  -ms-border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  box-shadow: 0 black;
  -webkit-box-shadow: 0 black;
  -moz-box-shadow: 0 black;
  -ms-box-shadow: 0 black; }

.flex-direction-nav a {
  height: 50px;
  top: 25%; }

#site .flexslider a.slider-cta-btn.cta-btn {
  margin: 0 24px !important;
  color: #FFFFFF !important; }
  #site .flexslider a.slider-cta-btn.cta-btn i {
    position: relative;
    top: 1px;
    left: 12px; }

.flex-control-paging li a.flex-active {
  background-color: #671E75; }

.course-content-student-profile {
  background-color: #f2ebf3;
  padding: 12px;
  padding: 0.85714rem;
  display: block;
  /*Removes underline from student name in the student profile slider*/ }
  .course-content-student-profile a {
    text-decoration: none; }

.course-content-student-profile h3 {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429;
  margin-bottom: 0;
  margin-bottom: 0;
  text-decoration: underline; }
  .course-content-student-profile h3 .fa-li {
    line-height: 1.71429; }

.course-content-student-profile blockquote {
  margin-top: 24px;
  margin-top: 1.71429rem; }

.course-content-student-profile img {
  display: block;
  width: 100%; }

.kis-widget {
  width: 100%; }

/*KIS widget title color override*/
.kis-widget .widget-lead .title {
  color: #308282; }

.course-content-kis-background {
  margin-bottom: 48px; }

body.undergraduate .widget-area .widget_ehucourses_archive #postgraduate_subjects {
  display: none; }

body.postgraduate .widget-area .widget_ehucourses_archive #undergraduate_subjects {
  display: none; }

@media screen and (min-width: 801px) {
  .has-secondary .was-helpful {
    display: inline-block !important;
    float: left !important;
    clear: left !important; }
  .was-helpful-what-wrong.show {
    min-width: 500px; }
  .was-helpful-button {
    max-width: 200px;
    margin: 12px auto;
    float: none !important; } }

/* Devices below screen width of 1024 pixels. */
@media screen and (max-width: 1024px) {
  ul#course-icons li {
    width: auto; }
  ul#course-icons li span {
    display: none; } }

/* Devices below screen width of 800 pixels. */
@media screen and (max-width: 800px) {
  .course-content-left {
    width: 100%; }
  .course-content-right {
    width: 100%; }
  .was-helpful-button {
    width: 100%;
    display: block;
    height: 40px; } }

/* = Default Wordpress Front page template
-------------------------------------------------------------- */
.entry-page-image {
  margin-bottom: 14px;
  margin-bottom: 1rem; }

.template-front-page #primary article {
  border: none;
  -webkit-border: none;
  -moz-border: none;
  -ms-border: none;
  margin-bottom: 0;
  margin-bottom: 0; }

.template-front-page .widget-area {
  padding-top: 24px;
  padding-top: 1.71429rem;
  clear: both;
  float: none;
  width: auto;
  border-top: 1px solid #ededed; }

.template-front-page .widget-area .widget li {
  margin: 8px 0 0;
  margin: 0.57143rem 0 0;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  list-style-type: square;
  list-style-position: inside; }
  .template-front-page .widget-area .widget li .fa-li {
    line-height: 1.84615; }

.template-front-page .widget-area .widget li a {
  color: #444444; }

.template-front-page .widget-area .widget li a:hover {
  color: #671E75; }

.template-front-page .widget-area .widget_text img {
  float: left;
  margin: 8px 24px 8px 0;
  margin: 0.57143rem 1.71429rem 0.57143rem 0; }

/* --------------- Custom Front Page Template --------------- */
/* All Widgets */
.page-template-template-front-page-php.main .home-flow .widget {
  border: solid 1px #CCCCCC;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 0 19px;
  padding: 1.714285714rem 0 1.357142857142857rem;
  position: relative;
  height: auto; }

.page-template-template-front-page-php.main .home-2-wide .widget {
  padding: 12px 0 12px; }

.widget .channel {
  display: none; }

.page-template-template-front-page-php.main .home-flow .widget .channel {
  position: absolute;
  top: 0;
  padding: 0 5px;
  display: inline-block;
  right: 10px;
  font-size: 11px;
  font-size: 0.78571428571rem;
  line-height: 1.63636363636;
  color: #FFFFFF; }

.page-template-template-front-page-php.main .home-flow .widget .category {
  position: absolute;
  top: 0;
  padding: 0 5px;
  display: inline-block;
  left: 10px;
  font-size: 11px;
  font-size: 0.78571428571rem;
  line-height: 1.63636363636;
  color: #43144c;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  width: 80%;
  overflow: hidden; }

.page-template-template-front-page-php.main .home-flow .widget .channel a {
  color: #671E75; }

.page-template-template-front-page-php.main .home-flow .widget .channel {
  text-transform: lowercase; }

.page-template-template-front-page-php.main .home-flow .widget .category a {
  color: #43144c; }

/* To solve icon padding when floated next to a floated image */
.main-article .fa-li {
  position: static; }

/* Widget content padding */
.page-template-template-front-page-php.main .home-flow .widget p,
.page-template-template-front-page-php.main .home-flow .widget ul,
.page-template-template-front-page-php.main .home-flow .widget h3 {
  padding: 0 5%; }

/* Main Article Widget */
.main-article {
  width: 100%;
  margin: 0;
  font-size: 0.9285714285714286rem;
  line-height: 1.846153846153846;
  overflow: hidden;
  padding-bottom: 24px;
  padding-bottom: 1.714285714rem; }

.main-article > aside {
  clear: left;
  overflow: hidden;
  margin: 0 0 24px 0;
  margin: 0 0 1.714285714rem 0; }

.main-article .main-story-image {
  float: left;
  margin-right: 1.4em !important;
  margin-bottom: 12px;
  width: auto !important; }

.main-article h3 {
  clear: none;
  font-size: 18px;
  font-size: 1.285714285714286rem;
  line-height: 1.333333333333333;
  margin: 0 0 24px 0;
  margin: 0 0 1.714285714rem 0; }

.main-article .readmore {
  display: none; }

.main-article hr {
  margin: 0;
  padding: 0;
  clear: both; }

/* Below Main Article Widgets */
div.below-main-article-left {
  width: 49%;
  float: left;
  margin: 0 0 24px 0;
  margin: 0 0 1.714285714rem 0;
  margin-right: 1%; }

div.below-main-article-right {
  width: 49%;
  float: left;
  margin: 0 0 24px 0;
  margin: 0 0 1.714285714rem 0;
  margin-left: 1%; }

/* Below Main Article Area */
.below-main-article-left .widget,
.below-main-article-right .widget {
  margin: 0 0 24px 0;
  margin: 0 0 1.714285714rem 0;
  display: block;
  clear: left;
  overflow: auto; }

.below-main-article-left .widget h3,
.below-main-article-right .widget h3 {
  font-size: 13px;
  font-size: 0.9285714285714286rem;
  line-height: 1.846153846153846; }

.below-main-article-left .widget img,
.below-main-article-right .widget img {
  width: 30%;
  float: left;
  top: 0 !important; }

.below-main-article-left .widget .showexcerpt h2,
.below-main-article-left .widget .showexcerpt p,
.below-main-article-right .widget .showexcerpt h2,
.below-main-article-right .widget .showexcerpt p {
  max-width: 100%;
  float: left;
  margin: 0 !important;
  padding: 0;
  clear: left; }

.below-main-article-left .widget .showexcerpt img,
.below-main-article-right .widget .showexcerpt img {
  width: 100%;
  float: left;
  margin: 0 !important;
  top: 0 !important; }

.below-main-article-left .widget p.readmore,
.below-main-article-right .widget p.readmore {
  float: right; }

.type-story .entry-content img {
  width: 30%;
  float: right;
  margin: 0 0 1em 1em; }

/* Home Categories Widget Area */
#homepage_filters .filter_check {
  position: absolute;
  left: -9999px; }

#homepage_filters label {
  border: 1px solid #FFFFFF;
  margin: 0 6px 24px 0;
  padding: 4px 6px;
  background-color: transparent;
  display: inline-block; }

#homepage_filters label:hover {
  border: 1px solid #6a1f74;
  cursor: pointer; }

#homepage_filters label.active, #homepage_filters label#reset {
  background-color: #6a1f74;
  border: 1px solid #6a1f74;
  color: #FFFFFF; }

#homepage_filter_counter {
  float: right;
  font-size: 2.5em;
  margin-top: -12px; }

.home-flow {
  width: 100%;
  margin: 0; }

.home-flow h2 {
  margin-top: 0 !important; }

.home-flow aside.widget {
  float: left;
  margin: 0 0 24px 0;
  margin: 0 0 1.714285714rem 0;
  margin-right: 2%; }

.main .home-flow aside.widget {
  box-shadow: 0 0 30px #bbb; }

.home-flow aside.widget.thirdelement {
  margin-right: 0; }

.home-2-wide aside.widget {
  width: 49%; }

.home-2-wide aside.widget:nth-of-type(2n+0) {
  margin-right: 0; }

.main.page-template-template-front-page-php .home-2-wide aside.widget {
  background-color: #6a1f74; }

.main.page-template-template-front-page-php .home-2-wide aside.widget,
.main.page-template-template-front-page-php .home-2-wide aside.widget a {
  color: #FFFFFF; }

#main .home-2-wide aside.widget h3 {
  margin-top: 0;
  margin: 0;
  margin: 0;
  margin-bottom: 6px; }

.home-3-wide aside.widget {
  width: 32%;
  background-color: #FFFFFF; }

.page-template-template-front-page-php.main .home-flow.home-3-wide .widget {
  height: 500px; }

.home-3-wide aside.widget:nth-of-type(3n+0) {
  margin-right: 0; }

.home-3-wide.filtered aside.widget:nth-of-type(3n+1) {
  clear: none; }

.home-3-wide aside.widget:nth-of-type(3n+1) {
  clear: left; }

.home-4-wide aside.widget {
  width: 23.5%; }

.home-4-wide aside.widget:nth-of-type(4n+0) {
  margin-right: 0; }

.home-flow aside.widget img {
  width: 100%; }

/* EHU Advanced Text Widget */
.widget_ehu-advanced-text-widget {
  margin-bottom: 2px;
  margin-bottom: 0.14286rem; }

.widget_ehu-advanced-text-widget img {
  display: block;
  height: auto;
  box-shadow: none; }

.widget_ehu-advanced-text-widget.right img {
  width: auto !important;
  max-width: 50% !important;
  float: right;
  margin-left: 6px;
  margin-right: 0; }

.widget_ehu-advanced-text-widget.left img {
  max-width: 50% !important;
  float: left;
  margin-right: 6px; }

.widget_ehu-advanced-text-widget.top img {
  max-width: 100% !important;
  width: 100%; }

.widget_ehu-advanced-text-widget.bottom img {
  max-width: 100% !important;
  width: 100%; }

.widget > p, .widget > ul {
  margin: 6px;
  margin: 0.42857rem; }

.widget h3 {
  padding: 12px 6px;
  padding: 0.85714rem 0.42857rem;
  margin: 0 0 6px 0;
  margin: 0 0 0.42857rem 0;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 3;
  font-weight: 400;
  clear: none !important;
  border: 1px solid rgba(103, 30, 117, 0.12);
  background-color: rgba(242, 235, 243, 0.5);
  line-height: 1.6; }
  .widget h3 .fa-li {
    line-height: 3; }

.widget_ehu-advanced-text-widget h3 i.icon-2x {
  text-decoration: none !important;
  float: left;
  display: inline-block;
  padding: 0 15px 60px 0;
  width: 1.1em; }

#secondary .widget.widget_ehu-advanced-text-widget {
  overflow: auto; }

#secondary .widget.widget_ehu-advanced-text-widget.left p, #secondary .widget.widget_ehu-advanced-text-widget.right p {
  max-width: 50%; }

#secondary .widget.widget_ehu-advanced-text-widget.right img, #secondary .widget.widget_ehu-advanced-text-widget.left img {
  margin: 0 0 0 12px;
  margin: 0 0 0 0.85714rem;
  padding-bottom: 12px;
  padding-bottom: 0.85714rem; }

#secondary .widget.widget_ehu-advanced-text-widget .fa {
  padding-right: 6px;
  padding-right: 0.42857rem;
  color: #671E75; }

#secondary .widget h3 i ~ a {
  display: inline; }

#site-footer .widget_ehu-advanced-text-widget h3 {
  background-color: transparent;
  padding-left: 0;
  padding-left: 0; }

.page-template-template-front-page-php.main .home-flow .widget_ehu-advanced-text-widget {
  border-top: solid 3px #42647F !important; }

.page-template-template-front-page-php.main .home-flow .widget_ehu-advanced-text-widget .channel {
  background-color: #42647F; }

/* News Story Widget */
.page-template-template-front-page-php.main .widget_news-post {
  border-top: solid 3px #A80000 !important; }

.page-template-template-front-page-php.main .widget_news-post .channel {
  background-color: #A80000; }

/* News List Widget */
.page-template-template-front-page-php.main .widget_news-list {
  border-top: solid 3px #A80000 !important; }

.page-template-template-front-page-php.main .widget_news-list img {
  max-width: 120px !important;
  float: left;
  margin: 0 4% 0 8%; }

.page-template-template-front-page-php.main .widget_news-list h4 {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  clear: none;
  margin: 0 !important;
  line-height: 1.33333;
  background-color: transparent;
  text-transform: none;
  font-weight: normal; }
  .page-template-template-front-page-php.main .widget_news-list h4 .fa-li {
    line-height: 1.5; }

.page-template-template-front-page-php.main .widget_news-list > div {
  margin-top: 12px;
  float: left;
  width: 100%; }

.page-template-template-front-page-php.main .widget_event h4 {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  clear: both !important;
  display: inline-block !important;
  font-weight: normal; }
  .page-template-template-front-page-php.main .widget_event h4 .fa-li {
    line-height: 1.5; }

.page-template-template-front-page-php.main .widget_news-list .view-all-news {
  background: #A80000;
  color: #FFFFFF;
  float: right;
  margin-top: 12px;
  margin-right: 10px; }

.page-template-template-front-page-php.main .widget_news-list .view-all-news:hover {
  background: #7C0404; }

/* News Post Widget */
.page-template-template-front-page-php.main .widget_news-story {
  border-top: solid 3px #A80000 !important; }

.page-template-template-front-page-php.main .widget_news-story .channel {
  background-color: #A80000; }

/* Event Widget */
.page-template-template-front-page-php.main .widget_event {
  border-top: solid 3px #458B00 !important; }

.page-template-template-front-page-php.main .widget_event .channel,
.page-template-template-front-page-php.main .widget_peo_event .channel {
  background-color: #458B00; }

/*Department select label on news*/
.department-select-label {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute; }

/* Event List Widget */
.page-template-template-front-page-php.main .widget_event-list {
  border-top: solid 3px #458B00 !important; }

.page-template-template-front-page-php.main .widget_event-list .channel {
  background-color: #458B00; }

.page-template-template-front-page-php.main .widget_event-list img {
  max-width: 120px !important;
  float: left;
  margin: 0 4% 0 8%; }

.page-template-template-front-page-php.main .widget_event-list h4 {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  clear: none;
  margin: 0 !important;
  line-height: 1.33333;
  background-color: transparent;
  text-transform: none;
  font-weight: normal; }
  .page-template-template-front-page-php.main .widget_event-list h4 .fa-li {
    line-height: 1.5; }

.page-template-template-front-page-php.main .widget_event-list > div {
  margin-top: 12px;
  float: left;
  width: 100%; }

.page-template-template-front-page-php.main .widget_event-list .view-all-events {
  background: #458B00;
  color: #FFFFFF;
  float: right;
  margin-top: 12px;
  margin-right: 10px; }

.page-template-template-front-page-php.main .widget_event-list .view-all-events:hover {
  background: #386E03; }

.widget_event-list .datebox {
  display: none; }

#event-location-4 span {
  margin-right: 6px;
  color: #671E75; }

.showimage.widget_event > a {
  position: absolute;
  display: block;
  overflow: hidden;
  right: 0;
  top: calc(100% / 2 - 50px); }

/* Social List Widget */
.page-template-template-front-page-php.main .widget_social-list {
  border-top: solid 3px #5F6EFF !important; }

.page-template-template-front-page-php.main .widget_social-list .channel {
  background-color: #5F6EFF; }

.page-template-template-front-page-php.main .widget_social-list > div {
  margin-top: 12px;
  float: left;
  width: 100%; }

.page-template-template-front-page-php.main .widget_social-list .view-all-social {
  background: #5F6EFF;
  color: #FFFFFF;
  float: right;
  margin-top: 12px;
  margin-right: 10px; }

.page-template-template-front-page-php.main .widget_social-list .view-all-social:hover {
  background: #4F5ACD; }

.page-template-template-front-page-php.main .widget_social-list .social-widget-item-icon {
  float: left;
  margin: 0 4% 0 8%; }

/* Video List Widget */
.page-template-template-front-page-php.main .widget_video-list {
  border-top: solid 3px #FABD1E !important; }

.page-template-template-front-page-php.main .widget_video-list .channel {
  background-color: #FABD1E; }

.page-template-template-front-page-php.main .widget_video-list img {
  max-width: 120px !important;
  float: left;
  margin: 0 4% 0 8%; }

.page-template-template-front-page-php.main .widget_video-list h3 {
  clear: none;
  margin: 0 !important; }

.page-template-template-front-page-php.main .widget_video-list > div {
  margin-top: 12px;
  float: left;
  width: 100%; }

.page-template-template-front-page-php.main .widget_video-list .view-all-video {
  background: #FABD1E;
  color: #FFFFFF;
  float: right;
  margin-top: 12px;
  margin-right: 10px; }

.page-template-template-front-page-php.main .widget_video-list .view-all-video:hover {
  background: #D39F16; }

/* Photo List Widget */
.page-template-template-front-page-php.main .widget_photo-list {
  border-top: solid 3px #6a1f74 !important; }

.page-template-template-front-page-php.main .widget_photo-list .channel {
  background-color: #6a1f74; }

.page-template-template-front-page-php.main .widget_photo-list img {
  max-width: 130px !important;
  float: left;
  margin: 0 0 12px 8%; }

.page-template-template-front-page-php.main .widget_photo-list .view-all-photo {
  background: #6a1f74;
  color: #FFFFFF;
  float: right;
  margin-top: 12px;
  margin-right: 10px; }

.page-template-template-front-page-php.main .widget_photo-list .view-all-photo:hover {
  background: #37113C; }

/* Blog List Widget */
.page-template-template-front-page-php.main .widget_blog-list {
  border-top: solid 3px #FA1ECD !important; }

.page-template-template-front-page-php.main .widget_blog-list .channel {
  background-color: #FA1ECD; }

.page-template-template-front-page-php.main .widget_blog-list img {
  max-width: 120px !important;
  float: left;
  margin: 0 4% 0 8%; }

.page-template-template-front-page-php.main .widget_blog-list h3 {
  clear: none;
  margin: 0 !important; }

.page-template-template-front-page-php.main .widget_blog-list > div {
  margin-top: 12px;
  float: left;
  width: 100%; }

.page-template-template-front-page-php.main .widget_blog-list .view-all-blogs {
  background: #FA1ECD;
  color: #FFFFFF;
  float: right;
  margin-top: 12px;
  margin-right: 10px; }

.page-template-template-front-page-php.main .widget_blog-list .view-all-blogs:hover {
  background: #CD16A8; }

/* PEO Event Widget */
.page-template-template-front-page-php.main .widget_peo_event {
  border-top: solid 3px #458B00 !important; }

.page-template-template-front-page-php.main .widget_peo_event .widget_event {
  border-top: none !important; }

.page-template-template-front-page-php.main .widget_peo_event .other-showings-title {
  padding: 0 8%;
  padding-bottom: 14px; }

/* Embed Widget */
.page-template-template-front-page-php.main .widget_ehu-embed-widget.twitter {
  border-top: solid 3px #4099FF !important; }

.page-template-template-front-page-php.main .widget_ehu-embed-widget.twitter .channel {
  background-color: #4099FF; }

.page-template-template-front-page-php.main .widget_ehu-embed-widget.facebook {
  border-top: solid 3px #3B5998 !important; }

.page-template-template-front-page-php.main .widget_ehu-embed-widget.facebook .channel {
  background-color: #3B5998; }

.page-template-template-front-page-php.main .widget_ehu-embed-widget.youtube {
  border-top: solid 3px #FF3333 !important; }

.page-template-template-front-page-php.main .widget_ehu-embed-widget.youtube .channel {
  background-color: #FF3333; }

.page-template-template-front-page-php.main .widget_ehu-embed-widget.vimeo {
  border-top: solid 3px #33454E !important; }

.page-template-template-front-page-php.main .widget_ehu-embed-widget.vimeo .channel {
  background-color: #33454E; }

.page-template-template-front-page-php.main .widget_ehu-embed-widget.audioboo {
  border-top: solid 3px #B0006D !important; }

.page-template-template-front-page-php.main .widget_ehu-embed-widget.audioboo .channel {
  background-color: #B0006D; }

.page-template-template-front-page-php.main .widget_ehu-embed-widget.instagram {
  border-top: solid 3px #517FA4 !important; }

.page-template-template-front-page-php.main .widget_ehu-embed-widget.instagram .channel {
  background-color: #517FA4; }

.page-template-template-front-page-php.main .widget_ehu-embed-widget.flickr {
  border-top: solid 3px #FF0084 !important; }

.page-template-template-front-page-php.main .widget_ehu-embed-widget.flickr .channel {
  background-color: #FF0084; }

.widget_ehu-embed-widget .embed-container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.widget_ehu-embed-widget.youtube .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

.widget_ehu-embed-widget.audioboo .embed-container iframe {
  height: auto !important; }

.widget_ehu-embed-widget.youtube .embed-container iframe,
.widget_ehu-embed-widget.youtube .embed-container object,
.widget_ehu-embed-widget.youtube .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.widget_ehu-embed-widget .twitter-tweet-rendered {
  border-style: none !important;
  box-shadow: none !important; }

.page-template-template-front-page-php.main .widget_ehu-embed-widget.instagram img {
  height: auto; }

/* Facebook widget from JetPack */
.fb_iframe_widget, .fb_iframe_widget > span, .fb_iframe_widget > span > iframe {
  width: 100% !important; }

/* Twitter widget */
/*.twitter.widget iframe {
    min-width: 0 !important; /* hack to make it smaller without overlap
}*/
/*Getty Images iframe styles*/
.getty.embed.image a {
  color: #444 !important; }

/* Course Search widget */
.widget_ehu-course-search span.channel {
  display: none; }

.widget_ehu-course-search span.category {
  display: none; }

.page-template-template-front-page-php.main .widget_ehu-course-search h3 {
  display: none !important; }

.page-template-template-front-page-php.study .widget_ehu-course-search h3 {
  display: none; }

.page-template.study p {
  word-break: break-word; }

.page-template-template-front-page-php.main .widget_ehu-course-search span.channel {
  display: block;
  background-color: #221e1f; }

.page-template-template-front-page-php.main .home-2-wide .widget_ehu-course-search span.channel {
  display: none; }

.page-template-template-front-page-php.main .widget_ehu-course-search {
  border-top: solid 1px #CCCCCC !important; }

.widget-area .widget_ehu-course-search input {
  width: 90%;
  min-width: 150px;
  -webkit-appearance: none; }

.widget-area .widget_ehu-course-search select {
  width: 100%;
  min-width: 150px; }

.course-search-title {
  padding: 12px 24px;
  padding: 0.85714rem 1.71429rem;
  color: #FFFFFF;
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1;
  margin-bottom: 0 !important; }
  .course-search-title .fa-li {
    line-height: 1; }

.course_search_left {
  width: 50%;
  float: left;
  padding: 12px 24px;
  padding: 0.85714rem 1.71429rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

.course_search_right {
  width: 50%;
  float: left;
  padding: 12px 24px;
  padding: 0.85714rem 1.71429rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

.course_search_left .search, .course_search_right .search {
  width: 10%;
  height: 44px;
  border-radius: 0;
  position: absolute;
  right: 24px;
  top: 12px; }

.atoz-label {
  display: inline-block;
  margin: 36px 0;
  margin: 2.57143rem 0;
  margin-left: 30%; }

.course-atoz-btn {
  float: right;
  display: inline-block;
  padding: 12px;
  padding: 0.85714rem;
  margin: 24px 0;
  margin: 1.71429rem 0;
  background-color: #734b7b;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .course-atoz-btn:hover {
    text-decoration: none !important;
    background-color: #b28cb9; }

.widget-area .widget_ehu-course-search input, .widget-area .widget_ehu-course-search select {
  border: 1px solid #ccc;
  border-radius: 0;
  height: 44px;
  font-family: inherit;
  padding: 6px;
  padding: 0.42857rem;
  color: #757575;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 1%;
  background-color: #FFFFFF; }

.widget_ehu-course-search select {
  cursor: pointer; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #757575; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #757575; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #757575; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #757575; }

#text-3 {
  background: #FFFFFF;
  border: none !important;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333; }
  #text-3 .fa-li {
    line-height: 1.33333; }
  #text-3 li {
    width: 100%;
    height: 25% !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #671E75;
    /*Temporarily hide brs causing line breaks*/ }
    #text-3 li i {
      color: #f2ebf3;
      min-width: 90px;
      text-align: center; }
    #text-3 li a {
      color: #FFFFFF;
      font-size: 20px;
      font-size: 1.42857rem;
      line-height: 1.2;
      float: left;
      line-height: 2.5em; }
      #text-3 li a .fa-li {
        line-height: 1.2; }
    #text-3 li br {
      display: none; }
    #text-3 li:hover {
      background-color: #43144c; }
      #text-3 li:hover > a {
        text-decoration: none; }

/* Text Widget */
.widget_text span.category {
  display: none; }

.page-template-template-front-page-php.main .widget_text .textwidget ul {
  margin-bottom: 0;
  list-style: disc;
  margin-left: 0 !important; }

.page-template-template-front-page-php.main .widget_text .textwidget ul li {
  float: left; }

.page-template-template-front-page-php.main .widget_text h3 {
  display: none; }

.page-template-template-front-page-php.main .widget_text span.channel {
  display: block;
  background-color: #221e1f; }

.page-template-template-front-page-php.main .widget_text {
  border-top: solid 1px #CCCCCC !important; }

.page-template-template-front-page-php.main .home-2-wide .widget_text {
  padding: 0; }

.page-template-template-front-page-php.main .home-2-wide .widget_text span.channel {
  display: none; }

.page-template-template-front-page-php.main .home-2-wide .widget_text ul {
  list-style: none;
  padding: 0; }

.page-template-template-front-page-php.main .home-2-wide .widget_text li {
  font-size: 14px;
  text-align: left;
  margin: auto;
  width: 22%;
  padding-left: 3%; }

.page-template-template-front-page-php.main .home-2-wide .widget_text li:first-of-type {
  /*width: 34%;*/ }

.page-template-template-front-page-php.main .home-2-wide .widget_text li:hover {
  background-color: #221e1f; }

.page-template-template-front-page-php.main .home-2-wide .widget_text li:hover a {
  color: #FFFFFF; }

.page-template-template-front-page-php.main .home-2-wide .widget_text li a {
  padding: 12px 0;
  padding: 0.857142857142857rem 0;
  display: block;
  width: 100%; }

.page-template-template-front-page-php.main .home-2-wide .widget_text li i {
  display: block;
  float: left;
  font-size: 2em;
  line-height: 1.5em;
  padding-right: 7%; }

/* 2-column Text Widget */
.widget_ehu-2-column-widget span.category {
  display: none; }

.page-template-template-front-page-php.main .widget_ehu-2-column-widget h3 {
  display: none; }

.page-template-template-front-page-php.main .widget_ehu-2-column-widget span.channel {
  display: block;
  background-color: #221e1f; }

.page-template-template-front-page-php.main .widget_ehu-2-column-widget {
  border-top: solid 3px #221e1f !important; }

.two-column-left {
  width: 50%;
  float: left; }

.two-column-right {
  width: 50%;
  float: left; }

.widget-area .textwidget ul {
  margin-bottom: 0; }

/* Announcement Widget */
.widget_ehu-announcement-widget .announcement {
  border: 1px solid;
  margin: 0;
  padding: 15px 15px 15px 35px;
  background-repeat: no-repeat;
  background-position: 10px center; }

.widget_ehu-announcement-widget .announcement i {
  font-size: 2em;
  padding-right: 35px;
  float: left; }

.widget_ehu-announcement-widget .blue {
  color: #00529B;
  background-color: #BDE5F8; }

.widget_ehu-announcement-widget .green {
  color: #4F8A10;
  background-color: #DFF2BF; }

.widget_ehu-announcement-widget .amber {
  color: #9F6000;
  background-color: #FEEFB3; }

.widget_ehu-announcement-widget .red {
  color: #D8000C;
  background-color: #FFBABA; }

/* =Widgets
-------------------------------------------------------------- */
.widget-area .widget ul ul {
  margin-left: 12px;
  margin-left: 0.85714rem; }

.widget_rss li {
  margin: 12px 0;
  margin: 0.85714rem 0; }

.widget_recent_entries .post-date,
.widget_rss .rss-date {
  color: #444444;
  font-size: 11px;
  font-size: 0.78571rem;
  line-height: 2.18182;
  margin-left: 12px;
  margin-left: 0.85714rem;
  font-weight: bold; }
  .widget_recent_entries .post-date .fa-li,
  .widget_rss .rss-date .fa-li {
    line-height: 2.18182; }

#wp-calendar {
  margin: 0;
  margin: 0;
  font-size: 13px;
  font-size: 0.92857rem;
  line-height: 1.84615;
  color: #444444;
  width: 100%; }
  #wp-calendar .fa-li {
    line-height: 1.84615; }

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
  text-align: left; }

#wp-calendar #next {
  padding-right: 24px;
  padding-right: 1.71429rem;
  text-align: right; }

.widget_twitter li {
  list-style-type: none; }

.widget_twitter .timesince {
  display: block;
  text-align: right; }

.widget-area #vacancies-article-2 p.line1 a:visited, .widget-area #vacancies-article-2 p.line2 a:visited, .widget-area #vacancies-article-2 p.line1 a:hover, .widget-area #vacancies-article-2 p.line2 a:hover, .widget-area #main-article-chat-2 p.line3 a:hover {
  color: #b28cb9; }

/* =Plugins
----------------------------------------------- */
img#wpstats {
  margin: 0 auto 24px;
  margin: 0 auto 1.71429rem;
  display: none; }

/* RSS Widget */
#main div.home-flow.widget-area aside.widget.widget_rss h3.widget-title a.rsswidget img {
  display: none; }

#main div.home-flow.widget-area aside.widget.widget_rss h3.widget-title {
  background-color: #c7accc;
  font-weight: normal;
  line-height: 8px;
  padding: 3px 6px;
  padding: 0.21429rem 0.42857rem; }

#main div.home-flow.widget-area aside.widget.widget_rss {
  background-color: #f2ebf3; }

#main div.home-flow.widget-area aside.widget.widget_rss ul {
  min-height: 126px; }

#main div.home-flow.widget-area aside.widget.widget_rss ul li {
  padding: 0 6px;
  padding: 0 0.42857rem;
  margin-top: 0 20px;
  margin-top: 0 20px/14pxrem; }

/* Custom Gallery image sizes
------------------------------------------------------*/
div.gallery-size-thumb-16-9 img, div.gallery-size-thumb-3-2 img, div.gallery-size-thumb-square img {
  width: 90%; }

div.gallery-size-thumb-16-9 dd.gallery-caption > a, div.gallery-size-thumb-3-2 dd.gallery-caption > a, div.gallery-size-thumb-square dd.gallery-caption > a {
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  text-decoration: none;
  display: inline; }
  div.gallery-size-thumb-16-9 dd.gallery-caption > a .fa-li, div.gallery-size-thumb-3-2 dd.gallery-caption > a .fa-li, div.gallery-size-thumb-square dd.gallery-caption > a .fa-li {
    line-height: 1.5; }

div.gallery-size-thumb-16-9 dd.gallery-caption, div.gallery-size-thumb-3-2 dd.gallery-caption, div.gallery-size-thumb-square dd.gallery-caption {
  background-color: rgba(242, 235, 243, 0.5);
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5;
  padding: 6px;
  text-align: center;
  border: 1px solid #ddcce0; }
  div.gallery-size-thumb-16-9 dd.gallery-caption .fa-li, div.gallery-size-thumb-3-2 dd.gallery-caption .fa-li, div.gallery-size-thumb-square dd.gallery-caption .fa-li {
    line-height: 1.5; }
  div.gallery-size-thumb-16-9 dd.gallery-caption > a, div.gallery-size-thumb-3-2 dd.gallery-caption > a, div.gallery-size-thumb-square dd.gallery-caption > a {
    font-size: 14px; }
  div.gallery-size-thumb-16-9 dd.gallery-caption:hover > a, div.gallery-size-thumb-3-2 dd.gallery-caption:hover > a, div.gallery-size-thumb-square dd.gallery-caption:hover > a {
    text-decoration: underline; }

div.gallery-size-thumb-caption img.size-thumb-caption {
  width: 90%; }

div.gallery-size-thumbnail-square .gallery-icon img {
  display: inline; }

div.gallery-size-thumbnail-square .gallery-caption {
  text-align: center;
  background-color: #FFFFFF;
  width: 100%; }

div.gallery-size-thumb-cap-right dt {
  width: 108px;
  clear: left;
  margin-right: 12px;
  float: left; }

/* -------------------------------------------------------
img.size-thumb-square, img.size-thumb-3-2, img.size-thumb-16-9 {
  width: 90%;
}
div dd.gallery-caption>a{
  @include fontSize(16px);
  text-decoration: none;
}
div dd.gallery-caption{
  background: $base-color-light05;
  @include fontSize(16px);
  padding: 6px;
}----------------------------------------------------------*/
/* Opening Times
-----------------------------------------------------*/
.op-list-overview .highlighted, span.op-period-time.highlighted, tr.op-row-day.highlighted td, tr.op-row-day.highlighted th {
  color: #19581D; }

table.op-table-overview {
  width: 100%; }

th.op-cell-heading {
  background-color: #eee5f7;
  font-weight: bold;
  padding: 6px;
  padding: 0.42857rem;
  width: 25%; }

td.op-cell-periods {
  padding: 6px;
  padding: 0.42857rem; }

.op-open, .op-closed {
  padding: 6px; }

span.op-closed {
  color: #9F1209; }

.op-open:empty, .op-closed:empty {
  display: none; }

h3.op-open {
  color: green; }

h3.op-closed {
  color: red; }

span.op-next-period {
  padding: 0 6px; }

/* Arts Centre testing */
body.artscentre .textwidget ul, body.artscentre .textwidget p {
  padding-top: 12px;
  padding-top: 0.85714rem;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429; }
  body.artscentre .textwidget ul .fa-li, body.artscentre .textwidget p .fa-li {
    line-height: 1.71429; }
  body.artscentre .textwidget ul li, body.artscentre .textwidget p li {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429; }
    body.artscentre .textwidget ul li .fa-li, body.artscentre .textwidget p li .fa-li {
      line-height: 1.71429; }

/* Timetable and Event plugin mp-timetable
-----------------------------------------------------*/
body.single-mp-event #content p {
  font-size: 18px; }

h3.timeslots-title {
  margin: 12px 0;
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1;
  font-weight: normal; }
  h3.timeslots-title .fa-li {
    line-height: 1; }

p.timeslot {
  margin-bottom: 6px; }

li.event span.post-date {
  color: darkslategrey; }

li.event br {
  display: none; }

.widget_recent_entries ul {
  margin: 0 6px; }

img.event-thumbnail {
  padding-bottom: 12px; }

p.event > a {
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333; }
  p.event > a .fa-li {
    line-height: 1.33333; }

body.single-mp-event nav.nav-single {
  display: none; }

/* External site default style over ride */
.s-la-faq-answer ul li {
  list-style-type: disc; }

.s-la-faq-answer ul, .s-la-faq-answer ol {
  padding-left: 40px; }

/* =Media queries
-------------------------------------------------------------- */
/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

/* Screen width less than 1300 pixels. */
@media screen and (max-width: 1299px) {
  /* Tablet view
   * Show .table classes
   * Show side navigation
   * Hide mega-menu .less menu
  */
  #site-navigation-right .label {
    display: none; } }

/* Screen width less than 1200 pixels. */
@media screen and (max-width: 1199px) {
  /* Tablet view
   * Show .table classes
   * Show side navigation
   * Hide mega-menu .less menu
  */
  #site {
    box-sizing: border-box; }
  #site-navigation-mega section .less {
    display: none; }
  #site-navigation-mega section .more {
    margin: 48px 0 0 0;
    margin: 3.42857rem 0 0 0; }
  #branding {
    margin-top: 6px; } }

/* Screen width less than 960 pixels. */
@media screen and (max-width: 959px) {
  /* Show Mobile Site Navigation
  */
  #site {
    padding: 0;
    clear: both; }
  #main, #tertiary {
    margin-top: 24px;
    padding: 0 12px;
    box-sizing: border-box; }
  #tertiary {
    width: 100%; }
  #site-navigation {
    width: 100%; }
  #site-navigation h1 {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 3;
    background-color: #563c5c;
    font-weight: normal;
    color: #FFFFFF; }
    #site-navigation h1 .fa-li {
      line-height: 3; }
  #site-navigation.menu-open h1 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  #site-navigation h1:before,
  #site-navigation ul li.menu-item-has-children:before {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 3;
    display: block;
    float: right;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    min-width: 60px;
    text-align: center;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d7";
    cursor: pointer; }
    #site-navigation h1:before .fa-li,
    #site-navigation ul li.menu-item-has-children:before .fa-li {
      line-height: 3; }
  #site-navigation.menu-open h1:before,
  #site-navigation li.current-mobile-menu-item.menu-item-has-children:before {
    content: "\f0d8"; }
  #site-navigation ul li {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 3;
    background-color: #563c5c;
    color: #FFFFFF;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
    #site-navigation ul li .fa-li {
      line-height: 3; }
  #site-navigation ul.menu {
    display: none; }
  #site-navigation ul.menu > li:first-of-type {
    display: none; }
  #site-navigation.menu-open ul.menu {
    display: block; }
  #site-navigation h1 a,
  #site-navigation ul li a {
    padding: 0 12px;
    padding: 0 0.85714rem;
    color: #FFFFFF;
    text-decoration: none;
    display: block; }
  #site-navigation h1 a:visited,
  #site-navigation ul li a:visited {
    color: #FFFFFF; }
  #site-navigation ul.sub-menu {
    width: 100%;
    display: none; }
  #site-navigation li.current-mobile-menu-item > ul.sub-menu {
    display: block; }
  #site-navigation li.current-mobile-menu-item {
    background-color: #777; }
  #site-navigation li.current-mobile-menu-item li {
    background-color: #777;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: none; }
  #site-navigation li.current-mobile-menu-item li.current-mobile-menu-item {
    background-color: #888; }
  #site-navigation li.current-mobile-menu-item li.current-mobile-menu-item li {
    background-color: #888;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: none; }
  #site-navigation-left .go {
    display: none; }
  .ehu_go_login {
    width: 100%; }
  .ehu_service_gateways {
    width: 100%; } }

/* Share button width fix for transition between mobile and tablet/desktop screen sizes */
@media screen and (max-width: 851px) {
  footer.entry-meta .show-share {
    display: block;
    width: 100%;
    padding: 10px;
    padding: 0.71429rem;
    background-color: #221E1F;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 1.5;
    margin-top: 24px;
    margin-top: 1.71429rem;
    margin-left: 0px;
    margin-left: 0; }
    footer.entry-meta .show-share .fa-li {
      line-height: 1.5; }
    footer.entry-meta .show-share:hover {
      text-decoration: none;
      background-color: #584e50;
      -webkit-transition: all 0.1s ease-in;
      -moz-transition: all 0.1s ease-in;
      -o-transition: all 0.1s ease-in;
      transition: all 0.1s ease-in; }
    footer.entry-meta .show-share:before {
      margin-right: 5px;
      margin-right: 0.35714rem;
      line-height: 0; }
  .single-post footer.entry-meta .show-share {
    margin-bottom: 0 !important; }
  .single-post footer.entry-meta .sd-sharing-enabled {
    margin: 24px 6px !important; } }

/* Screen width less than 800 pixels. */
@media screen and (max-width: 800px) {
  /* Show Mobile Site Navigation
   * Hide .tablet and .desktop classes
   * Show .mobile classes
  */
  #site-navigation-right .label {
    display: none; }
  #site-navigation-left {
    display: none; }
  #site-footer .widget {
    width: 49%;
    float: left;
    margin-right: 2%; }
  #site-footer .widget:nth-child(3n+3) {
    margin-right: 0;
    width: 100%; }
  #site-footer .widget:nth-child(2n+0) {
    margin-right: 0; }
  #site-footer .widget:nth-child(2n+1) {
    clear: left; }
  #mega-menu-fixed-wrapper {
    display: none; }
  #branding {
    top: 2px;
    position: absolute; }
  .admin-bar #site-header {
    height: 48px;
    position: fixed;
    top: 46px; }
  body {
    margin-top: 96px; }
  #top-nav-wrapper {
    background-color: #221E1F; }
  .course-content-left {
    padding-right: 0; }
  .course-content-right {
    padding-left: 0; }
  .was-helpful {
    padding: 0;
    width: 100%; }
  .was-helpful, span.was-helpful-what-wrong.show {
    width: 100%;
    padding: 0; }
  footer.entry-meta .was-helpful-question {
    display: block; } }

/* Screen width less than 600 pixels. */
@media screen and (max-width: 600px) {
  #site-navigation-right li {
    display: none; }
  #site-navigation-right li.essential {
    display: inline-block; }
  nav.a-z-list ul li {
    display: inline-block;
    width: 48px; }
  body.search .entry-header img {
    display: none; }
  .home-2-wide aside.widget, .home-3-wide aside.widget, .home-4-wide aside.widget {
    clear: none; }
  .home-2-wide aside.widget, .home-3-wide aside.widget, .home-4-wide aside.widget {
    width: 100%;
    margin-right: 0;
    clear: none; }
  .page-template-template-front-page-php.main .home-2-wide .widget_text li {
    padding-left: 2%;
    width: 23%; }
  .entry-content #ez-toc-container {
    display: block;
    background-color: #f2ebf3;
    margin-bottom: 24px;
    margin-bottom: 1.71429rem;
    float: left;
    width: 100%; }
  .entry-content .ez-toc-list {
    float: left;
    width: 100%;
    margin: 24px 0;
    margin: 1.71429rem 0; }
    .entry-content .ez-toc-list a {
      padding: 12px;
      padding: 0.85714rem; }
  .entry-content #ez-toc-container .ez-toc-title {
    padding: 3px 6px;
    padding: 0.21429rem 0.42857rem;
    margin: 0;
    margin: 0;
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 3;
    background-color: #b28cb9;
    color: #671E75;
    text-transform: uppercase;
    font-weight: normal; }
    .entry-content #ez-toc-container .ez-toc-title .fa-li {
      line-height: 3; }
  .ehu_lister_box {
    width: 100%;
    margin-right: 0; }
  #primary #content article .entry-header h1 {
    padding: 24px 0;
    padding: 1.71429rem 0;
    font-size: 24px;
    font-size: 1.71429rem;
    line-height: 1.4; }
    #primary #content article .entry-header h1 .fa-li {
      line-height: 1.4; }
  /* Force location content container 100% width for mobile devices */
  #primary #content {
    width: 100%; }
  #site-footer .footer-search-wrap {
    padding: 48px 24px;
    padding: 3.42857rem 1.71429rem; }
  #site-footer .footer-search-input {
    width: 100%; }
  #site-footer .footer-search-submit {
    right: 0; }
  #site-footer .footer-search-input + i {
    left: 0; }
  .footer-links-col {
    width: 48%;
    margin-right: 2%;
    padding: 0;
    border-left: none; }
    .footer-links-col:nth-child(3n+1) {
      padding-left: 0;
      padding-left: 0;
      border-left: 0; }
    .footer-links-col:last-child {
      margin-bottom: 24px;
      margin-bottom: 1.71429rem; }
  .footer-link {
    padding: 6px 24px;
    padding: 0.42857rem 1.71429rem; }
  .footer-logo-wrap {
    width: 100%;
    text-align: center;
    margin: 24px 0;
    margin: 1.71429rem 0; }
  #site-footer .legal {
    text-align: center;
    display: block; }
  #site-footer .social {
    width: 100%;
    margin: 24px 0 0 0;
    margin: 1.71429rem 0 0 0;
    text-align: center;
    padding: 24px 0;
    padding: 1.71429rem 0;
    border-top: 1px solid rgba(115, 80, 123, 0.5); }
  #site-footer .social li {
    padding-right: 6px;
    padding-right: 0.42857rem; }
    #site-footer .social li i {
      font-size: 28px;
      font-size: 2rem;
      line-height: 1.71429; }
      #site-footer .social li i .fa-li {
        line-height: 1.71429; }
  #ehu-advanced-text-widget-4 {
    width: 100% !important; }
  #ehu-advanced-text-widget-2 {
    width: 100% !important;
    padding: 0; }
  .links-row {
    padding: 0 !important;
    margin: 0;
    border: 0 !important; }
    .links-row:last-of-type {
      padding: 0; }
  /*Hides all menu child links for mobile devices */
  ul.footer-links-col li:nth-child(n+2) {
    display: none; }
  ul.footer-links-col:last-child {
    margin-bottom: 0; }
  /*Selets the first five footer link headers*/
  ul.footer-links-col:nth-child(n+1):nth-child(-n+7) {
    width: 100%; }
    ul.footer-links-col:nth-child(n+1):nth-child(-n+7) .footer-links-header, ul.footer-links-col:nth-child(n+1):nth-child(-n+7) #site-footer h3.widget-title > a, #site-footer ul.footer-links-col:nth-child(n+1):nth-child(-n+7) h3.widget-title > a, ul.footer-links-col:nth-child(n+1):nth-child(-n+7) #site-footer .social-header, #site-footer ul.footer-links-col:nth-child(n+1):nth-child(-n+7) .social-header {
      padding: 12px;
      padding: 0.85714rem;
      margin-bottom: 0;
      border-bottom: 1px solid rgba(115, 80, 123, 0.5); }
    ul.footer-links-col:nth-child(n+1):nth-child(-n+7) span {
      font-size: 24px;
      font-size: 1.71429rem;
      line-height: 1;
      float: right;
      padding: 0 12px;
      padding: 0 0.85714rem; }
      ul.footer-links-col:nth-child(n+1):nth-child(-n+7) span .fa-li {
        line-height: 1; }
    ul.footer-links-col:nth-child(n+1):nth-child(-n+7) a:before {
      content: none; }
  .social-header:before {
    display: none; }
  .view-a-z {
    font-size: 18px;
    font-size: 1.28571rem;
    line-height: 1.33333; }
    .view-a-z .fa-li {
      line-height: 1.33333; }
  .category-visualising-success img {
    width: 100%; } }

@media screen and (max-width: 550px) {
  .alignright {
    min-width: 100%;
    margin-bottom: 24px !important; } }

/* Screen width less than 480 pixels. */
@media screen and (max-width: 480px) {
  .page-template-template-front-page-php.main .home-2-wide .widget_text li {
    padding-left: 4%;
    width: 46%; }
  .course_search_left, .course_search_right {
    width: 100%; }
  #footer-navigation #menu-footer > li {
    width: 100%; }
  .alignright {
    min-width: 100%;
    margin-bottom: 24px !important; } }

/* Screen width less than 400 pixels. */
@media screen and (max-width: 400px) {
  .ehu_service_gateway_box, .staff-service-box {
    width: 48%; } }

@media screen and (min-width: 481px) {
  #footer-navigation #menu-footer > li {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem;
    width: 49%;
    margin-right: 1%;
    display: inline-block;
    float: left; }
    #footer-navigation #menu-footer > li:nth-child(2n+1) {
      clear: left; }
    #footer-navigation #menu-footer > li > a {
      text-transform: uppercase;
      margin-bottom: 12px;
      margin-bottom: 0.85714rem;
      display: block; }
    #footer-navigation #menu-footer > li > a:before {
      content: "";
      background: #d4cbcb;
      float: left;
      position: relative;
      height: 26px;
      width: 1px;
      left: -6px; }
    #footer-navigation #menu-footer > li.menu-footer-location {
      width: 99%; } }

/* Screen wider than 600 pixels. */
@media screen and (min-width: 601px) {
  .author-avatar {
    margin-top: 8px;
    margin-top: 0.57143rem;
    float: left; }
  .author-description {
    float: right;
    width: 80%; }
  #primary .main-column .entry-content, #primary > article, body.has-secondary #primary #content {
    width: 67%;
    float: left;
    clear: both; }
  body.has-secondary #primary #content > article {
    padding-bottom: 48px; }
  #primary .main-column .entry-content.full-width {
    width: 100%; }
  #primary .entry-meta, #primary .entry-header {
    width: 100%;
    box-sizing: border-box; }
  #primary .format-status .entry-header, #primary .format-status .entry-content {
    width: auto;
    clear: left; }
  #primary .entry-meta {
    padding: 12px 0;
    padding: 0.85714rem 0; }
  #primary article {
    clear: both; }
  body.search-results #primary article {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }
  .full-width #primary #content, .full-width #primary .entry-content, .full-width #primary .entry-meta, .full-width #primary #content > article {
    width: 100%; }
  .single-course #primary .entry-content, .single-course #primary .entry-meta {
    width: 100%; }
  #secondary {
    width: 31.5%;
    float: right; }
  #site-header h1,
  #site-header h2 {
    text-align: left; }
  #site-header h1 {
    font-size: 26px;
    font-size: 1.85714rem;
    line-height: 1.84615;
    margin-bottom: 0;
    margin-bottom: 0; }
    #site-header h1 .fa-li {
      line-height: 1.84615; }
  .menu-toggle {
    display: none; }
  #respond form input[type="text"] {
    width: 46.333333333%; }
  #respond form textarea.blog-textarea {
    width: 79.666666667%; }
  .template-front-page #primary,
  .template-front-page article {
    overflow: hidden; }
  .template-front-page.has-post-thumbnail article {
    float: left;
    width: 47.916666667%; }
  .entry-page-image {
    margin-bottom: 0;
    margin-bottom: 0;
    float: right;
    width: 47.916666667%; }
  .template-front-page .widget-area .widget,
  .template-front-page.two-sidebars .widget-area .front-widgets {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem;
    float: left;
    width: 51.875%; }
  .template-front-page .widget-area .widget:nth-child(odd) {
    clear: right; }
  .template-front-page .widget-area .widget:nth-child(even),
  .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
    margin: 0 0 24px;
    margin: 0 0 1.71429rem;
    float: right;
    width: 39.0625%; }
  .template-front-page.two-sidebars .widget,
  .template-front-page.two-sidebars .widget:nth-child(even) {
    float: none;
    width: auto; }
  .commentlist .children {
    margin-left: 48px;
    margin-left: 3.42857rem; }
  /*Footer mq styles*/
  #site-footer .footer-search-wrap {
    width: 100%;
    padding: 48px 24px;
    padding: 3.42857rem 1.71429rem; }
  #site-footer .footer-search-submit {
    right: 26%; }
  #site-footer .footer-search-input + i {
    left: 26%; }
  /*Makes the height of the first links row higher */
  .links-row:first-of-type .footer-links-col {
    min-height: 220px; }
  .footer-links-col {
    width: calc(100% / 3 - 2%);
    min-height: 200px; }
    .footer-links-col:nth-child(4) {
      padding-left: 0;
      border-left: 0; }
    .footer-links-col:nth-child(n+4):nth-child(-n+5) {
      margin-top: 24px; }
  /*Targets the location map*/
  #site-footer .widget:nth-child(2n+1) {
    clear: none;
    width: 48% !important; }
  #site-footer .social {
    width: 100%;
    margin: 24px 0 0 0;
    padding: 24px 0;
    padding: 1.71429rem 0;
    text-align: center;
    border-top: 1px solid rgba(115, 80, 123, 0.5); }
  #site-footer .social-header:before {
    display: none; }
  .links-row:last-of-type {
    padding: 24px 0; }
  .links-row {
    padding: 0;
    margin: 0; }
  .expander {
    display: none;
    pointer-events: none; }
  #footer-navigation #menu-footer > li {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }
    #footer-navigation #menu-footer > li.menu-footer-location {
      width: 49%; } }

/*Careers website adjustments*/
@media screen and (max-width: 600px) {
  @supports (display: grid) {
    .careers div[id*="gallery-"] {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 24px; }
    .careers .gallery-item, .careers .gallery-item img, .careers .gallery-item .gallery-caption {
      width: 100% !important; }
    .careers .gallery-item {
      margin-bottom: 0 !important; }
    .careers .gallery br {
      display: none; } } }

@media screen and (min-width: 601px) and (max-width: 959px) {
  @supports (display: grid) {
    .careers .home-flow {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 24px; }
    .careers aside.widget {
      width: 100% !important; }
    .careers .home-flow aside.widget {
      margin-bottom: 0; }
    .careers #content {
      width: 100% !important; }
    .careers div[id*="gallery-"] {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 24px;
      margin-bottom: 24px !important; }
    .careers div[id*="gallery-"] br {
      display: none; }
    .careers .gallery-item {
      width: 100% !important;
      margin-bottom: 0 !important; }
    .careers .gallery-caption {
      width: 100%; }
    .careers .gallery-icon img {
      width: 100% !important; }
    .careers .has-secondary #primary #content {
      width: 100%; } } }

/* Screen wider than 801 pixels. */
@media screen and (min-width: 801px) {
  #footer-navigation #menu-footer > li {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem;
    width: 19%; }
    #footer-navigation #menu-footer > li:nth-child(2n+1) {
      clear: none; }
    #footer-navigation #menu-footer > li:nth-child(5n+1) {
      clear: left; }
    #footer-navigation #menu-footer > li.menu-footer-location {
      width: 39%; } }

/* Screen wider than 960 pixels. */
@media screen and (min-width: 960px) {
  /* Menu showing on left
   * Mega menu shows in full
   * Widget area underneath left menu
   */
  #site {
    padding: 24px 12px 0; }
  #main {
    padding: 0;
    width: 80%;
    float: right; }
  #site-navigation {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem;
    width: 18%;
    float: left;
    /* Expand sub menu items */ }
    #site-navigation h1 {
      font-size: 14px;
      font-size: 1rem;
      line-height: 3.42857;
      border-bottom: 1px solid #ddcce0;
      display: none; }
      #site-navigation h1 .fa-li {
        line-height: 3.42857; }
    #site-navigation ul.menu > li:first-of-type {
      font-weight: bold; }
    #site-navigation ul li {
      font-size: 14px;
      font-size: 1rem;
      line-height: 2.57143;
      border-bottom: 1px solid #ddcce0; }
      #site-navigation ul li .fa-li {
        line-height: 2.57143; }
    #site-navigation ul ul.sub-menu {
      display: none; }
    #site-navigation a {
      text-decoration: none; }
    #site-navigation a:hover {
      text-decoration: underline; }
    #site-navigation .current-menu-item {
      font-weight: bold; }
    #site-navigation ul.menu > li:first-of-type {
      font-weight: bold; }
    #site-navigation ul li ul.sub-menu li {
      font-weight: normal;
      line-height: normal;
      margin: 12px;
      margin-top: 0; }
    #site-navigation ul li.current-menu-ancestor ul.sub-menu,
    #site-navigation ul li.current-menu-item ul.sub-menu {
      display: block;
      font-weight: bold; }
    #site-navigation ul li ul li {
      border: none;
      margin-left: 12px; }
    #site-navigation ul li.current-menu-item,
    #site-navigation ul li ul.sub-menu li.current-menu-item {
      font-weight: bold; }
  /*footer mq styles*/
  #site-footer .footer-links-col {
    width: 18%;
    min-height: 0; }
  .footer-links-col:nth-child(4) {
    border-left: 1px solid rgba(115, 80, 123, 0.5);
    padding-left: 12px; }
  /* Widget Area */
  .social-header:before {
    content: "";
    background: #d4cbcb;
    float: left;
    position: absolute;
    height: 26px;
    width: 1px;
    left: -6px; }
  #site-footer .widget:nth-child(1) {
    width: 31% !important; }
  #site-footer .widget:nth-child(3n+0) {
    width: 40% !important; }
  .links-row {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; } }

/* Screen wider than 1200 pixels. */
@media screen and (min-width: 1200px) {
  #site {
    padding-top: 24px; }
  .social {
    width: auto !important;
    border-top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    float: right;
    text-align: left !important; } }

/* =Print
----------------------------------------------- */
.showprint {
  display: none; }

@media print {
  body {
    color: #000000;
    background: none !important;
    font-size: 10pt; }
  footer a[rel=bookmark]:link:after,
  footer a[rel=bookmark]:visited:after {
    content: " [" attr(href) "] ";
    /* Show URLs */ }
  a {
    text-decoration: none; }
  .entry-content img,
  .comment-content img,
  .author-avatar img,
  img.wp-post-image {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    box-shadow: none black;
    -webkit-box-shadow: none black;
    -moz-box-shadow: none black;
    -ms-box-shadow: none black; }
  #site {
    clear: both !important;
    display: block !important;
    float: none !important;
    max-width: 100%;
    position: relative !important; }
  #site-header {
    margin-bottom: 72px;
    margin-bottom: 5.14286rem;
    text-align: left; }
  #site-header h1 {
    font-size: 21pt;
    line-height: 1;
    text-align: left; }
  #site-header h2 {
    color: #000000;
    font-size: 10pt;
    text-align: left; }
  #site-header h1 a,
  #site-header h2 a {
    color: #000000; }
  .mobile-entry-header {
    display: none; }
  .author-avatar,
  #colophon,
  #respond,
  .commentlist .comment-edit-link,
  .commentlist .reply,
  .entry-header .comments-link,
  .entry-meta .edit-link a,
  .page-link,
  #primary nav,
  .widget-area,
  img.header-image,
  .main-navigation,
  #site-navigation,
  #site-header,
  #site-footer {
    display: none; }
  .wrapper {
    border-top: none;
    box-shadow: none black;
    -webkit-box-shadow: none black;
    -moz-box-shadow: none black;
    -ms-box-shadow: none black; }
  #primary {
    margin: 0;
    margin: 0;
    width: auto; }
  .entry-header .entry-title,
  .entry-title {
    font-size: 21pt; }
  footer.entry-meta,
  footer.entry-meta a {
    color: #444444;
    font-size: 10pt; }
  .author-description {
    float: none;
    width: auto; }
  /* Comments */
  .commentlist > li.comment {
    background: none;
    position: relative;
    width: auto; }
  .commentlist .avatar {
    height: 39px;
    left: 2.2em;
    top: 2.2em;
    width: 39px; }
  .comments-area article header cite,
  .comments-area article header time {
    margin-left: 50px;
    margin-left: 3.57143rem; }
  .showprint {
    display: block; }
  .noprint {
    display: none; }
  .single-course .accreditationLogo .showprint, .single-course .accreditationLogos .showprint {
    display: inline-block !important; }
  .single-course .accreditationLogo .noprint, .single-course .accreditationLogos .noprint {
    display: none !important; } }

.main.page-template-template-front-page-php #site-navigation {
  display: none; }

.main.page-template-template-front-page-php #main {
  width: 100%;
  float: left; }

.main.page-template-template-front-page-php #secondary {
  display: none; }

.main.page-template-template-front-page-php #primary .main-column .entry-content {
  width: 100%; }

#ehu-homepage-fullscreen-slide-widget-11 .fullscreen a:first-of-type {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1; }

#ehu-homepage-fullscreen-slide-widget-12 .fullscreen a:first-of-type {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1; }

/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.page-template-template-front-page-php.main .home-flow .widget .category {
  display: none; }

.page-template-template-front-page-php.main .home-flow .widget .channel {
  position: static;
  top: 0;
  padding: 0 12px;
  display: block;
  font-size: 16px;
  line-height: 3;
  color: #553a6d;
  background-color: #ddcce0;
  text-transform: uppercase; }

.page-template-template-front-page-php.main .home-flow .widget {
  padding: 0 0 24px;
  border: solid 1px #ddcce0 !important;
  box-shadow: none; }

.page-template-template-front-page-php.main .home-flow.home-2-wide .widget {
  padding: 0;
  color: #FFFFFF; }

.page-template-template-front-page-php.main .widget_news-list img,
.page-template-template-front-page-php.main .widget_event-list img,
.page-template-template-front-page-php.main .widget_video-list img {
  margin-left: 12px; }

.page-template-template-front-page-php.main .home-3-wide .widget input {
  color: #553a6d !important;
  background-color: #ddcce0 !important; }

.page-template-template-front-page-php.main .home-3-wide .widget input:hover {
  background-color: #553a6d !important;
  color: #ddcce0 !important; }

.entry-content .course_search_left ul {
  margin: 0 0 6px 0; }

.page-template-template-front-page-php.main #site .home-2-wide a:hover, .page-template-template-front-page-php.main #site .home-2-wide a:visited {
  color: #FFFFFF; }

.post-type-archive-my_profiles > .entry-title {
  background-color: red; }

/*Scholarships landing page*/
body.scholarships .main-article {
  padding-bottom: 0; }

/***************** my_profiles ********************/
#previous_page_link:hover {
  cursor: pointer; }

#next_page_link:hover {
  cursor: pointer; }

#page_link:hover {
  cursor: pointer; }

#person-tabs > ul {
  list-style: none; }

#person-tabs > ul > li {
  display: inline-block;
  margin: 0;
  margin: 0;
  margin-bottom: 4px;
  margin-bottom: 0.28571rem; }

#person-tabs ul#tabs h2 {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.71429;
  margin: 0;
  margin: 0;
  font-weight: normal; }
  #person-tabs ul#tabs h2 .fa-li {
    line-height: 1.71429; }

#person-tabs > ul > li a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  width: 100%;
  box-sizing: border-box;
  line-height: 3.42857;
  padding-left: 16px;
  padding-left: 1.14286rem;
  padding-right: 16px;
  padding-right: 1.14286rem;
  background-color: #671E75;
  cursor: pointer; }

#person-tabs > ul > li a.active, #person-tabs > ul > li a:hover {
  background-color: #000000;
  color: #FFFFFF; }

#person-tabs > ul > li a:visited {
  color: #FFFFFF; }

#person-tabs > div {
  display: none; }

#person-tabs > div.active {
  display: block; }

#person-tabs h3 {
  clear: none; }

#person-tabs h4.person-module-title {
  padding: 12px;
  padding: 0.85714rem;
  background-color: #fcfcfc;
  color: #444444;
  cursor: pointer; }

#person-tabs h4.person-module-title.open {
  margin-bottom: 0;
  margin-bottom: 0; }

#person-tabs h4.person-module-title::after {
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1;
  content: "\f107";
  font-family: FontAwesome;
  float: right; }
  #person-tabs h4.person-module-title::after .fa-li {
    line-height: 1; }

#person-tabs h4.person-module-title.open::after {
  font-size: 24px;
  font-size: 1.71429rem;
  line-height: 1;
  content: "\f106"; }
  #person-tabs h4.person-module-title.open::after .fa-li {
    line-height: 1; }

#person-tabs h4.person-module-title.open + div.person-module {
  display: block;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

#person-tabs div.person-module {
  padding: 12px 12px 12px 12px;
  padding: 0.85714rem 0.85714rem 0.85714rem 0.85714rem;
  background-color: #fcfcfc;
  display: none; }

#person-tabs div.person-module p {
  margin: 0;
  margin: 0; }

#person-tabs div.person-module + p {
  margin-top: 24px;
  margin-top: 1.71429rem; }

/*Discover person (student) individual profile*/
.person-template-default .discover #content {
  width: 100% !important; }

.person-template-default .discover .profile-head {
  margin-bottom: 24px;
  float: left; }

.person-template-default .discover .profile-title {
  font-size: 4em !important;
  font-family: Helvetica, sans-serif;
  color: #685733 !important;
  border-top: 4px solid #685733 !important;
  font-weight: 700 !important; }

.person-template-default .discover .entry-header {
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.person-template-default .discover .entry-header h2 {
  color: #685733 !important;
  font-family: Helvetica, sans-serif;
  font-weight: normal; }

.person-template-default .discover blockquote {
  margin: 24px;
  margin: 1.71429rem; }

.person-template-default .discover p.discover-logo {
  color: #685733;
  font-size: 3em;
  z-index: 3;
  font-weight: 900;
  line-height: 0.9;
  padding: 1.71429rem;
  font-family: Helvetica;
  display: inline-block;
  border: 2px solid;
  margin-left: -204.55px;
  position: absolute; }
  .person-template-default .discover p.discover-logo .discover-logo {
    color: #685733;
    font-size: 10em;
    z-index: 3;
    font-weight: 900;
    line-height: 0.9;
    padding: 24px;
    padding: 1.71429rem; }
    .person-template-default .discover p.discover-logo .discover-logo span {
      display: block;
      color: #685733;
      font-family: Helvetica, Helvetica Neue, sans-serif; }
  .person-template-default .discover p.discover-logo .dis {
    letter-spacing: .20em; }
  .person-template-default .discover p.discover-logo .er {
    letter-spacing: .1em; }

.person-template-default .discover .wp-post-image {
  margin: 24px 0;
  margin: 1.71429rem 0;
  float: left;
  margin-bottom: 0;
  margin-bottom: 0; }

.person-template-default .discover .profile-quote {
  float: left;
  background-color: #685733;
  padding: 48px 96px;
  padding: 3.42857rem 6.85714rem;
  position: relative;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem;
  font-family: Helvetica, sans-serif; }
  .person-template-default .discover .profile-quote:before {
    content: "\201C";
    position: absolute;
    top: -12px;
    left: 24px;
    font-size: 10em;
    color: #FFFFFF;
    opacity: .2; }
  .person-template-default .discover .profile-quote p {
    color: white;
    font-size: 1.28571rem; }
  .person-template-default .discover .profile-quote .quote {
    font-size: 1.42857rem;
    color: #FFFFFF;
    position: relative;
    margin-bottom: 0; }
  .person-template-default .discover .profile-quote .quote-name {
    margin-top: 12px;
    margin-top: 0.85714rem;
    font-weight: bold;
    font-size: 1.57143rem;
    text-transform: uppercase; }

@media screen and (max-width: 1061px) {
  .person-template-default .discover .entry-header {
    margin-bottom: 0;
    margin-bottom: 0;
    max-width: calc(100% - 145.7px);
    min-height: 124px; }
  .person-template-default .discover .profile-head {
    margin-bottom: 0;
    margin-bottom: 0; }
  .person-template-default .discover .profile-quote {
    padding: 48px 24px !important;
    width: 100%;
    margin-top: -24px; }
    .person-template-default .discover .profile-quote:before {
      top: -26px !important;
      left: calc(50% - 35.3px) !important;
      z-index: 0;
      background-color: #685733;
      line-height: 1;
      padding: 12px;
      padding: 0.85714rem;
      opacity: 1 !important; }
  .person-template-default .discover .quote {
    color: #FFFFFF;
    font-size: 1.28571rem !important;
    margin-bottom: 0 !important;
    padding: 24px 0;
    padding: 1.71429rem 0; }
  .person-template-default .discover .wp-post-image {
    width: 100%;
    margin-top: 24px;
    margin-top: 1.71429rem; }
  .person-template-default .discover .entry-title {
    font-size: 2.5em !important; }
  .person-template-default .discover .entry-header h2 {
    font-size: 1.3em; }
  .person-template-default .discover .discover-logo {
    right: 12px;
    font-size: 2em !important; }
  .person-template-default .discover nav.discover-cta-bar .discover-logo {
    font-size: 1.2em !important; } }

#site .booking-btn {
  background: #671E75;
  display: block;
  min-height: 44px;
  padding: 5px 10px;
  text-align: center;
  color: #FFFFFF !important;
  line-height: 44px;
  font-size: 18px;
  text-decoration: none;
  font-weight: normal; }
  #site .booking-btn:hover {
    background: black;
    color: #FFFFFF !important; }
  #site .booking-btn:visited {
    color: #FFFFFF !important; }

.rev_slider a {
  text-decoration: none; }

/* -------------------------------- */
/* oEmbed News Stories              */
/* -------------------------------- */
article.oembed {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-color: #eeeeee #dddddd #bbbbbb;
  border-width: 1px;
  border-style: solid;
  box-shadow: rgba(0, 0, 0, 0.14902) 0 1px 3px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px;
  padding: 1.71428571rem;
  margin-bottom: 12px;
  margin-bottom: 0.857143rem;
  height: 100%;
  overflow: auto; }

article.oembed div.oembed-img-wrapper {
  float: left;
  padding: 0 24px 0 0;
  padding: 0 1.71428571rem 0 0;
  width: 40%; }

article.oembed h2, article.oembed h3 {
  clear: none;
  margin-top: 0;
  border-top: none;
  padding-top: 0;
  line-height: 1; }

article.oembed p {
  margin: 0; }

article.oembed.event h2 {
  margin-bottom: 0; }

article.oembed.event .event_date {
  font-size: 0.9rem; }

article.oembed.event .location {
  font-size: 0.9rem;
  margin-bottom: 24px; }

/* ---------------------------------
    Oembed Display Options
------------------------------------*/
/* Anything following an oembed that isn't an oembed */
.oembed-container + :not(.oembed-container) {
  clear: both; }

.oembed-img-wrapper {
  width: 100%; }

.oembed-img-wrapper img {
  width: 100%;
  display: block; }

/* OEmbed style - Full Width */
.oembed_full_width .oembed-container {
  width: 100%; }

/* OEmbed style - 2 Col */
.oembed_2_col .oembed-container {
  width: 48%;
  margin-right: 2%;
  float: left; }

.oembed_2_col div.oembed-container:nth-of-type(3) {
  clear: both; }

/* OEmbed style - 3 Col */
.oembed_3_col .oembed-container {
  width: 31%;
  margin-right: 2%;
  float: left; }

/*
.oembed_3_col  div.oembed-container:nth-child(3n+2) {
    margin-right: 0;
    background: orange;
}
*/
.oembed_3_col div.oembed-container:nth-of-type(4) {
  clear: both; }

/* OEmbed style - Grid */
.oembed_grid .oembed-container {
  width: 50%;
  float: left;
  padding: 0;
  border: 0;
  position: relative; }

.oembed_grid article.oembed {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none; }

.oembed_grid .oembed-img-wrapper {
  padding: 0 !important; }

.oembed_grid img {
  display: block;
  /* Hack to fix extra padding at bottom of image because its wrapped in <a> */ }

.oembed_grid .oembed-content {
  position: absolute;
  background-color: black;
  background-color: rgba(0, 0, 0, 0);
  bottom: 0;
  height: 100%;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 30px 0;
  transition: background-color 0.4s ease-out;
  text-shadow: 2px 2px 3px black; }

.oembed_grid .oembed-content:hover {
  background-color: none;
  background-color: rgba(0, 0, 0, 0.3); }

.oembed_grid .oembed-content:hover a {
  text-shadow: 2px 2px 4px black; }

/* Display only the main title - <h2> */
.oembed_grid .oembed-content p,
.oembed_grid .oembed-content ul,
.oembed_grid .oembed-content h3 {
  display: none; }

.oembed_grid .oembed-content h2 {
  display: block; }

.oembed_grid .oembed-content h2 a {
  display: block;
  color: #fff;
  font-weight: 600;
  line-height: 2.1rem; }

/* Oembed Style - Masonry */
.oembed_masonry .oembed-container {
  width: 31%;
  padding: 0;
  border: 0;
  background: #f6f6f6;
  margin-bottom: 20px; }

.oembed_masonry .oembed-container article {
  padding: 0;
  border: 0;
  box-shadow: none;
  border-radius: 0; }

.oembed_masonry .oembed-container .oembed-img-wrapper {
  padding: 0; }

.oembed_masonry .oembed-container .oembed-content {
  padding: 12px 24px 24px;
  clear: both; }

.oembed_masonry .oembed-container article h2 {
  margin-bottom: 5px; }

/*.masonry-width {
    width: 45%;
}*/
/* Oembed Style - Masonry */
/*
Can't do it this way, as the body classes are applied on every page so we lose the sidebar...Will have to be with javascript i guess
#primary {
    width: 100%;
}
#secondary {
    display: none;
}
*/
/* Oembed Style - Masonry image focus */
.oembed_masonry_img .oembed-container {
  width: 48%;
  padding: 0;
  border: 0;
  margin-bottom: 20px;
  background: #f9f9f9; }

.oembed_masonry_img .oembed-container:hover {
  background: black; }

.oembed_masonry_img .oembed-container article {
  padding: 0;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  position: relative; }

.oembed_masonry_img .oembed-container .oembed-img-wrapper {
  padding: 0; }

.oembed_masonry_img .oembed-container .oembed-content {
  position: absolute;
  top: 0; }

.oembed_masonry_img .oembed-container article h2 {
  margin-bottom: 10px; }

/*
 * Issuu oEmbed
 */
.issuuembed {
  max-width: 100%; }

/*
  Steve's CSE hack
 */
.gsc-adBlock {
  display: none !important; }

@media screen and (min-width: 960px) {
  body.page-template-full-width-nonav #main,
  body.page-template-full-width-nonav #primary #content,
  body.page-template-page-full-width #main,
  body.page-template-page-full-width #primary #content {
    width: 100%; }
  body.page-template-full-width-nonav #site-navigation,
  body.page-template-page-full-width #site-navigation {
    display: none; }
  body.single-guide #main {
    width: 100%; }
  body.single-guide #site-navigation {
    display: none; } }

body.page-template-page-full-width #main #primary div#secondary {
  display: none; }

body.page-template-page-full-width #main #primary article.page {
  width: 100%; }

/*
 Deprecate this glob and move module css into the css directory in each module
 import "modules\**\*";
 */
/* Cookie Notice */
#cookie-notice.cookie-notice-visible {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 1000;
  display: block;
  padding-top: 15%; }

#cookie-notice .cookie-notice-container h2 {
  color: #563c5c;
  font-size: 1.6em;
  line-height: 2; }

#cookie-notice {
  min-width: auto !important;
  margin: auto !important; }
  #cookie-notice .cookie-notice-container {
    font-size: 1.2rem;
    background-color: #ffffff;
    text-align: left;
    padding: 48px 36px;
    margin: auto !important;
    width: 60% !important;
    Line-height: 1.5; }
    #cookie-notice .cookie-notice-container a {
      color: #563c5c; }

.cn-button.bootstrap {
  color: #ffffff !important;
  background-color: #006600 !important;
  background-image: none;
  padding: 6px 12px !important;
  float: right;
  font-size: 1em; }

.cn-button.bootstrap:hover {
  color: #006600 !important;
  background-color: #DFFFDF !important;
  background-image: none; }

.cn-button.bootstrap:before {
  content: "\2713 \000A0 \000A0"; }

@media screen and (max-width: 800px) {
  #cookie-notice .cookie-notice-container {
    width: 90% !important; } }

@media screen and (max-width: 600px) {
  #cookie-notice .cookie-notice-container {
    width: 100% !important; } }

/* New Profiles */
.single-person h1.profile-title {
  padding-bottom: 0px !important; }

.single-person h2 {
  font-size: 24px;
  clear: none;
  border-top: none; }

.single-person h3.primary-organisation {
  font-size: 20px; }

.single-person p.secondary-organisations {
  font-size: 18px; }

.single-person p {
  margin-bottom: 12px; }

.single-person .research_profile_image {
  float: right;
  max-width: 100%; }

@media screen and (max-width: 480px) {
  .single-person h1.profile-title {
    font-size: 32px !important;
    padding-bottom: 12px !important; }
  .single-person .research_profile_image {
    float: right;
    width: 100%;
    padding-bottom: 12px; }
  .single-person h2 {
    font-size: 16px;
    clear: both; }
  .single-person h3 {
    font-size: 16px; }
  .single-person p.secondary-organisations {
    font-size: 16px; } }

/* New Profiles List */
.person_list_item {
  border: solid 1px #CCCCCC;
  padding: 12px 6px;
  margin-bottom: 12px; }

.person_list_item h3 {
  font-size: 20px;
  margin: 0; }

.person_list_item h4 {
  font-size: 16px;
  margin: 6px 0; }

/* New Profiles List - Grid Layout */
.ehu_person_list.grid {
  display: -ms-grid;
  display: grid;
  grid-template-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 24px;
  margin-bottom: 24px;
  margin-bottom: 1.71429rem; }

.ehu_person_list.grid .person_list_item {
  float: left;
  grid-column: span 3;
  border: 0;
  padding: 0; }
  .ehu_person_list.grid .person_list_item a {
    text-decoration: none; }

.ehu_person_list.grid .person_list_item h3 {
  margin: 6px 0;
  margin: 0.42857rem 0;
  color: #685733 !important;
  display: block; }

/* New Profiles List - List Layout */
.ehu_person_list.list .person_list_item {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-color: #eeeeee #dddddd #bbbbbb;
  border-width: 1px;
  border-style: solid;
  box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 3px;
  box-sizing: border-box;
  padding: 24px;
  padding: 1.71428571rem;
  margin-bottom: 12px;
  margin-bottom: 0.857143rem; }

.ehu_person_list.list .person_list_item img {
  float: left;
  padding-right: 24px; }

.ehu_person_list.list .person_list_item h3 {
  font-size: 2.14286rem;
  font-size: 30px;
  margin: 0 0 1.71429rem 0;
  margin: 0 0 24px 0;
  clear: none; }

.ehu_person_list.list .person_list_item h4 {
  font-size: 1.71429rem;
  font-size: 24px;
  margin: 0 0 1.71429rem 0;
  margin: 0 0 24px 0;
  clear: none; }

.ehu_person_list.list .person_list_item p {
  font-size: 1.28571rem;
  font-size: 18px;
  clear: none; }

/*Header only!!*/
.page-id-129676 .entry-title {
  font-size: 4em !important;
  color: #685733 !important;
  border-top: 4px solid #685733 !important;
  font-weight: 700 !important;
  font-family: Helvetica, sans-serif; }

.page-id-129676 .entry-content {
  position: relative;
  font-family: Helvetica, sans-serif; }

.page-id-129676 .discover-logo {
  color: #685733;
  font-size: 3em;
  z-index: 3;
  font-weight: 900;
  line-height: 0.9;
  border: 2px solid;
  padding: 1.71429rem;
  font-family: Helvetica;
  display: inline-block;
  margin-left: -204.55px;
  position: absolute;
  top: -124px; }
  .page-id-129676 .discover-logo span {
    display: block;
    color: #685733;
    font-family: Helvetica, Helvetica Neue, sans-serif; }
  .page-id-129676 .discover-logo .dis {
    letter-spacing: .20em; }
  .page-id-129676 .discover-logo .er {
    letter-spacing: .1em; }

.page-id-129676 .person_list_item {
  margin-bottom: 0;
  margin-bottom: 0; }

@media screen and (min-width: 800px) and (max-width: 1060px) {
  .page-id-129676 .ehu_person_list.grid .person_list_item {
    grid-column: span 4 !important; } }

@media screen and (max-width: 1061px) {
  .page-id-129676 .discover-logo {
    margin-left: -204.55px;
    position: absolute;
    right: 0;
    top: -142px;
    font-size: 2em !important; }
  .page-id-129676 .ehu_person_list.grid .person_list_item {
    grid-column: span 6; }
  .page-id-129676 .entry-header {
    max-width: calc(100% - 145.7px);
    min-height: 136px; }
  .page-id-129676 .entry-title {
    font-size: 2.5em !important; } }

.post-type-archive-profile article {
  clear: none !important;
  float: left;
  width: 30%;
  padding: 0 !important;
  margin: 0 2% 0 0 !important;
  border-bottom: none !important;
  overflow: hidden !important; }

.post-type-archive-profile article:nth-of-type(3n+1) {
  clear: left !important; }

.post-type-archive-profile article .entry-header img {
  width: 100%;
  max-width: 100%;
  margin: 0; }

/* Screen width less than 480 pixels. */
@media screen and (max-width: 480px) {
  .post-type-archive-profile article {
    width: 100%; } }

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

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

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

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

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

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge; }

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s; }

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms; }

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms; }

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s; }

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important; } }

@media screen {
  /* INFO BOXES */
  .alert, .info, .note, .warning, .muted {
    border: 1px solid;
    margin: 10px 0px;
    padding: 12px; }
  .alert {
    background-color: #fcf8e3;
    border-color: #f6dca7;
    color: #946A35; }
  .info {
    background-color: #d9edf7;
    border-color: #b3d1ef;
    color: #0E517C; }
  .note {
    background-color: #dff0d8;
    border-color: #c1dea8;
    color: #375535; }
  .warning {
    background-color: #f2dede;
    border-color: #e5bdc4;
    color: #822B28; }
  .muted {
    background-color: #eeeeee;
    border-color: #cfcfcf;
    color: #999999; }
  div.alert p, div.info p, div.note p, div.warning p, div.muted p {
    margin: 0; }
  /* QUOTE */
  .entry-content blockquote.pullquote,
  .comment-content blockquote.pullquote {
    margin: 0 24px 24px 24px;
    margin: 0 1.71429rem 1.71429rem 1.71429rem;
    padding: 24px;
    padding: 1.71429rem;
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2;
    background-color: #f2f2f2;
    font-style: italic;
    border-left: solid 5px #671E75;
    clear: left; }
    .entry-content blockquote.pullquote .fa-li,
    .comment-content blockquote.pullquote .fa-li {
      line-height: 1.2; }
    .entry-content blockquote.pullquote p,
    .comment-content blockquote.pullquote p {
      color: #671E75; }
    .entry-content blockquote.pullquote cite,
    .comment-content blockquote.pullquote cite {
      font-size: 80%;
      color: #454545; }
    .entry-content blockquote.pullquote cite::before,
    .comment-content blockquote.pullquote cite::before {
      content: "- "; }
  .entry-content blockquote.pullquote p:last-child,
  .comment-content blockquote.pullquote p:last-child {
    margin-bottom: 0;
    margin-bottom: 0; }
  .entry-content blockquote.quote-center,
  .comment-content blockquote.quote-center {
    text-align: center; }
  .entry-content blockquote.quote-left,
  .comment-content blockquote.quote-left {
    text-align: left; }
  .entry-content blockquote.quote-right,
  .comment-content blockquote.quote-right {
    text-align: right; }
  /* CTA Button */
  #site .cta-btn {
    background: #671E75;
    display: block;
    min-height: 44px;
    padding: 5px 10px;
    text-align: center;
    color: #FFFFFF !important;
    line-height: 44px;
    font-size: 18px;
    text-decoration: none;
    font-weight: normal;
    clear: both; }
    #site .cta-btn:hover {
      background: black;
      color: #FFFFFF !important; }
    #site .cta-btn:visited {
      color: #FFFFFF !important; }
  #site .cta-purple {
    color: #e0ceef;
    border-color: #8f2fb5;
    background-color: #671E75; }
    #site .cta-purple:hover {
      color: #e2c8f4;
      border-color: #442141;
      background-color: #43144c; }
    #site .cta-purple:visited {
      color: #FFFFFF !important; }
  #site .cta-blue {
    color: #fff;
    border-color: #0445a5;
    background-color: #2980b9; }
    #site .cta-blue:hover {
      border-color: #0c3356;
      background-color: #215d99; }
    #site .cta-blue:visited {
      color: #FFFFFF !important; }
  #site .cta-green {
    color: #fff;
    border-color: #117a6c;
    background-color: #16a085; }
    #site .cta-green:hover {
      border-color: #159b7c;
      background-color: #1abc9c; }
    #site .cta-green:visited {
      color: #FFFFFF !important; }
  #site .cta-red {
    color: #fff;
    border-color: #a50500;
    background-color: #e84533; }
    #site .cta-red:hover {
      border-color: #5e0600;
      background-color: #e85140; }
    #site .cta-red:visited {
      color: #FFFFFF !important; }
  #site .cta-grey {
    color: #fff;
    border-color: #6e787a;
    background-color: #7f8c8d; }
    #site .cta-grey:hover {
      border-color: #5e686b;
      background-color: #697275; }
    #site .cta-grey:visited {
      color: #FFFFFF !important; }
  /* CONTENT BAND */
  #site .content-band {
    padding: 48px;
    font-size: 18px;
    font-weight: lighter; }
    #site .content-band h3 {
      font-size: 24px;
      font-weight: 400;
      color: #333333;
      margin: 0 0 12px 0; }
  #site .pattern {
    background-repeat: repeat;
    background-position: 50% 50%; }
  #site .par-yellow {
    background-color: #fcf8e3;
    border: solid 1px #f6dca7;
    color: #c09853; }
    #site .par-yellow h3 {
      color: #c09853; }
  #site .par-blue {
    background-color: #d9edf7;
    border: solid 1px #b3d1ef;
    color: #0E517C; }
    #site .par-blue h3 {
      color: #0E517C; }
  #site .par-green {
    background-color: #dff0d8;
    border: solid 1px #c1dea8;
    color: #375535; }
    #site .par-green h3 {
      color: #375535; }
  #site .par-red {
    background-color: #f2dede;
    border: solid 1px #e5bdc4;
    color: #822B28; }
    #site .par-red h3 {
      color: #822B28; }
  #site .par-grey {
    background-color: #eeeeee;
    border: solid 1px #cfcfcf;
    color: #4E4E4E; }
    #site .par-grey h3 {
      color: #4E4E4E; }
  #site .parallax {
    background-attachment: fixed;
    text-shadow: 0px 0px 4px #000, -1px -1px #000, 1px 1px #000;
    border: solid 1px grey;
    color: #ffffff; }
    #site .parallax h3 {
      text-shadow: 0px 0px 4px #000, -1px -1px #000, 1px 1px #000;
      color: #ffffff; }
  /* SKILLS BAR */
  .x-skill-bar {
    height: 25px;
    margin-bottom: 1.313em;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    border-radius: 4px; }
  .x-skill-bar .bar {
    overflow: hidden;
    position: relative;
    width: 0%;
    height: 100%;
    float: left;
    border-radius: 4px;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.45); }
  .x-skill-bar .bar .percent {
    position: absolute;
    right: 4px;
    bottom: 4px;
    height: 17px;
    padding: 0 5px;
    font-size: 11px;
    line-height: 17px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
    border-radius: 3px;
    color: #fff;
    /*background-color: #272727;*/
    background-color: rgba(0, 0, 0, 0.35); }
  .red {
    background-color: #ff2a13; }
  .green {
    background-color: #5fb341; }
  .blue {
    background-color: #556fa8; }
  .grey {
    background-color: #222222; }
  .purple {
    background-color: #6e4191; }
  /* COLUMN */
  .ehu-column.last, .ehu-column:last-of-type {
    margin-right: 0; }
  .ehu-column.last::after, .ehu-column:last-of-type::after {
    clear: left; }
  .ehu-column:nth-of-type(1) {
    clear: left; }
  .ehu-column {
    float: left;
    margin-right: 24px; }
  .ehu-column.x-1-2 {
    width: 48%; }
  .ehu-column.x-1-3 {
    width: 30.66666%; }
  .ehu-column.x-1-4 {
    width: 22%; }
  .ehu-column.x-1-5 {
    width: 16.8%; }
  .ehu-column.x-2-3 {
    width: 65.33332%; }
  .ehu-column.x-3-4 {
    width: 74%; }
  .ehu-column.x-2-5 {
    width: 37.6%; }
  .ehu-column.x-3-5 {
    width: 58.4%; }
  .ehu-column.x-4-5 {
    width: 79.2%; } }

/* Events List */
img.related-img {
  float: right;
  margin-bottom: 12px; }

/* Profile Page */
.edit-shortcode-form .field-block {
  padding: 0 0 !important; }

.lp-container {
  overflow: auto;
  clear: left; }

.lp-img {
  float: left;
  min-width: 200px;
  padding: 6px 12px;
  margin-right: 12px;
  height: 100%; }

.lp-content {
  float: left;
  margin-bottom: 6px; }

body.page-template-full-width .lp-content {
  width: 75%; }

body.page-template-default .lp-content {
  width: 60%; }

/* Post by ID Slider */
li.post-by-id h3 a {
  font-size: 16px !important;
  margin: 12px !important; }

div.textwidget div.flexslider ul.slides li.post-by-id h3 {
  line-height: 1.3em;
  background-color: #c7accc;
  width: 100%;
  display: flex;
  padding: 0;
  margin: 0; }

div.textwidget div.flexslider ul.slides li.post-by-id p {
  line-height: 1.7em !important;
  padding-bottom: 12px;
  font-size: 14px !important;
  margin: 0 12px !important; }

div.textwidget div.flexslider {
  width: 100% !important;
  Margin-bottom: 12px; }

div.home-flow li.post-by-id {
  background-color: #f2ebf3 !important; }

div.home-flow div.textwidget li.post-by-id a {
  color: #671E75 !important;
  line-height: 1.3em !important; }

div.home-2-wide div.textwidget div.flexslider {
  width: 100% !important; }

div.home-3-wide div.textwidget div.flexslider {
  width: 150% !important; }

/* Course Info */
p.course-info > img {
  margin-bottom: 12px; }

/* Screen width less than 600 pixels. */
/* Tabs */
@media screen {
  #site .tabs > ul {
    width: 100%;
    float: left;
    list-style: none;
    margin-bottom: 24px;
    margin-bottom: 1.71429rem; }
    #site .tabs > ul li {
      margin: 0;
      margin: 0;
      margin-bottom: 4px;
      margin-bottom: 0.28571rem;
      display: inline-block;
      float: left;
      border-left: 1px solid #fff;
      min-width: 80px; }
      #site .tabs > ul li a {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 12px;
        padding: 0.85714rem;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.71429;
        margin: 0;
        margin: 0;
        line-height: 3.42857;
        text-align: center;
        font-weight: normal;
        border-top: none;
        color: #671E75;
        text-decoration: none;
        display: block;
        width: 100%;
        box-sizing: border-box;
        background-color: #f2ebf3; }
        #site .tabs > ul li a .fa-li {
          line-height: 1.71429; }
        #site .tabs > ul li a:focus[aria-selected=false] {
          outline: 1px dotted #671E75; }
        #site .tabs > ul li a:hover {
          background: #671E75;
          color: #FFFFFF; }
    #site .tabs > ul .active {
      transform: scale(1.1);
      background-color: #671E75;
      perspective: 1000px;
      color: #FFFFFF;
      outline: none;
      font-weight: 700; }
  #site .tabs > div.tab > h2.tab-title.hide {
    display: none; }
  #site .tabs > div {
    display: none; }
  #site .tabs > div.active {
    display: block; }
  #site .tabs.inline-tabs > ul li a {
    line-height: 1.71429; }
  #site .tabs.inline-tabs {
    padding: 12px;
    padding: 0.85714rem;
    border: 1px solid #dee0df;
    background: #f2ebf3 !important;
    clear: both; } }

@media screen and (min-width: 1200px) {
  @supports (display: flex) {
    .courses #site .tabs > ul {
      display: flex;
      flex-flow: wrap; }
    .courses #site .tabs > ul li {
      flex-grow: 1; } } }

@media print {
  #site .tabs > ul {
    display: none; } }

.page-template-template-students-homepage, .page-template-template-staff-homepage {
  /* Share footer */
  /*Target UL after H2 in individual course page (miss out the initial tabbed menu) */ }
  .page-template-template-students-homepage .sharedaddy.sd-sharing-enabled, .page-template-template-staff-homepage .sharedaddy.sd-sharing-enabled {
    margin-top: 24px;
    float: left; }
  .page-template-template-students-homepage .entry-content h2 ~ ul li a, .page-template-template-staff-homepage .entry-content h2 ~ ul li a {
    color: #8b289e !important; }
    .page-template-template-students-homepage .entry-content h2 ~ ul li a:hover, .page-template-template-staff-homepage .entry-content h2 ~ ul li a:hover {
      color: #c058d4 !important; }

@media screen and (min-width: 1201px) {
  .page-template-template-students-homepage .ehu_service_gateway_box:nth-child(4), .page-template-template-students-homepage .staff-service-box:nth-child(4), .page-template-template-staff-homepage .ehu_service_gateway_box:nth-child(4), .page-template-template-staff-homepage .staff-service-box:nth-child(4) {
    margin-right: 0;
    width: 25%; }
  .page-template-template-students-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-students-homepage .staff-service-box:last-of-type, .page-template-template-staff-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-staff-homepage .staff-service-box:last-of-type {
    margin-right: 0; } }

@media screen and (min-width: 801px) and (max-width: 1200px) {
  .page-template-template-students-homepage .ehu_service_gateway_box, .page-template-template-students-homepage .staff-service-box, .page-template-template-staff-homepage .ehu_service_gateway_box, .page-template-template-staff-homepage .staff-service-box {
    width: 33.3%; }
    .page-template-template-students-homepage .ehu_service_gateway_box:nth-child(3), .page-template-template-students-homepage .staff-service-box:nth-child(3), .page-template-template-staff-homepage .ehu_service_gateway_box:nth-child(3), .page-template-template-staff-homepage .staff-service-box:nth-child(3) {
      margin-right: 0 !important; }
  .page-template-template-students-homepage .ehu_lister_box, .page-template-template-staff-homepage .ehu_lister_box {
    min-height: 345px !important; } }

@media screen and (max-width: 800px) {
  .page-template-template-students-homepage .ehu_announcement, .page-template-template-staff-homepage .ehu_announcement {
    margin: 0 5%;
    margin: 0 5%/14pxrem; }
  .page-template-template-students-homepage .ehu_announcements, .page-template-template-students-homepage .ehu_service_gateways, .page-template-template-staff-homepage .ehu_announcements, .page-template-template-staff-homepage .ehu_service_gateways {
    width: calc(100% - 48px);
    margin: 0 24px;
    margin-bottom: 48px !important; }
  .page-template-template-students-homepage .ehu_service_gateway_box, .page-template-template-students-homepage .staff-service-box, .page-template-template-staff-homepage .ehu_service_gateway_box, .page-template-template-staff-homepage .staff-service-box {
    width: 33.3%; }
    .page-template-template-students-homepage .ehu_service_gateway_box:nth-child(3), .page-template-template-students-homepage .staff-service-box:nth-child(3), .page-template-template-staff-homepage .ehu_service_gateway_box:nth-child(3), .page-template-template-staff-homepage .staff-service-box:nth-child(3) {
      margin-right: 0 !important; }
    .page-template-template-students-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-students-homepage .staff-service-box:last-of-type, .page-template-template-staff-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-staff-homepage .staff-service-box:last-of-type {
      margin-right: 0;
      margin-right: 0; }
  .page-template-template-students-homepage .ehu_lister_box, .page-template-template-students-homepage .ehu_lister_box:nth-child(odd), .page-template-template-staff-homepage .ehu_lister_box, .page-template-template-staff-homepage .ehu_lister_box:nth-child(odd) {
    width: calc(100% - 48px);
    margin: 0 24px 24px 24px; }
    .page-template-template-students-homepage .ehu_lister_box ul li a, .page-template-template-students-homepage .ehu_lister_box:nth-child(odd) ul li a, .page-template-template-staff-homepage .ehu_lister_box ul li a, .page-template-template-staff-homepage .ehu_lister_box:nth-child(odd) ul li a {
      padding: 0; }
  .page-template-template-students-homepage .sharedaddy.sd-sharing-enabled, .page-template-template-staff-homepage .sharedaddy.sd-sharing-enabled {
    margin: 5%; }
  .page-id-2517 h1.entry-title, .page-id-3289 h1.entry-title {
    margin: 0 24px;
    margin: 0 24px/14pxrem; }
  .ehu_service_gateway_box a, .staff-service-box a, .staff-service-box a {
    font-size: calc(11px + (14 - 11) * (100vw - 320px) / (800 - 320));
    padding: 24px 6px !important; } }

@media screen and (min-width: 600px) and (max-width: 800px) {
  .ehu_service_gateway_box, .staff-service-box {
    width: 25% !important; } }

/* Screens up to 720px */
@media screen and (max-width: 719px) {
  .page-template-template-students-homepage #main, .page-template-template-staff-homepage #main {
    padding: 0; }
  .page-template-template-students-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-students-homepage .staff-service-box:last-of-type, .page-template-template-staff-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-staff-homepage .staff-service-box:last-of-type {
    width: calc(100% / 3); }
  .page-template-template-students-homepage .rev_slider_wrapper, .page-template-template-staff-homepage .rev_slider_wrapper {
    clear: left; } }

.page-template-page-templatestemplate-students-homepage-php #main {
  width: 100%; }
  .page-template-page-templatestemplate-students-homepage-php #main #primary #content, .page-template-page-templatestemplate-students-homepage-php #main #primary .main-column .entry-content, .page-template-page-templatestemplate-students-homepage-php #main #primary > article {
    width: 100%; }

.page-template-page-templatestemplate-students-homepage-php #site-navigation {
  display: none; }

.page-template-template-students-homepage {
  /*Last lister box*/ }
  .page-template-template-students-homepage .ehu_lister_box:last-of-type {
    padding: 0 24px; }
    .page-template-template-students-homepage .ehu_lister_box:last-of-type h2 {
      margin-left: -24px;
      margin-right: -24px; }

/* Guides boxes */
.ehu_lister_box {
  display: inline-block;
  width: 49%;
  margin-top: 24px;
  float: left;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  line-height: 1.6;
  background-color: rgba(242, 235, 243, 0.3);
  box-sizing: border-box;
  border: 1px solid rgba(222, 224, 223, 0.6);
  min-height: 300px;
  vertical-align: top;
  /*For every odd lister box*/ }
  .ehu_lister_box .fa-li {
    line-height: 1.33333; }
  .ehu_lister_box:nth-child(even) {
    margin-right: 24px;
    width: calc(49% - 2px);
    clear: left; }
  .ehu_lister_box h4 {
    margin: 0; }
  .ehu_lister_box h2 {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
    background-color: #671E75;
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2;
    position: relative;
    /*Target the link within the H2 title*/ }
    .ehu_lister_box h2 .fa-li {
      line-height: 1.2; }
    .ehu_lister_box h2 a {
      text-decoration: none;
      font-weight: 400;
      color: #FFFFFF;
      display: block;
      width: 100%;
      padding: 20px;
      padding: 1.42857rem;
      /*Right chevron*/ }
      .ehu_lister_box h2 a:hover {
        color: #FFFFFF !important;
        text-decoration: none !important; }
      .ehu_lister_box h2 a:after {
        content: "\f054";
        font-family: FontAwesome;
        float: right; }
      .ehu_lister_box h2 a:visited {
        color: #FFFFFF !important; }
  .ehu_lister_box ul {
    float: left;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    /* Lister box view all button */ }
    .ehu_lister_box ul li {
      margin-left: 24px;
      width: 100%;
      float: left;
      /*Targets the a elements within the lister box*/ }
      .ehu_lister_box ul li a {
        text-decoration: none;
        display: block;
        width: 100%; }
        .ehu_lister_box ul li a:hover {
          text-decoration: underline; }
    .ehu_lister_box ul ~ a {
      background: #671E75;
      padding: 10px;
      color: #FFFFFF !important;
      text-decoration: none;
      float: right;
      margin: 0 24px 24px 24px;
      margin: 0 24px 24px 24px/14pxrem;
      /* Chevron right icon */ }
      .ehu_lister_box ul ~ a:hover {
        background: #43144c;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .ehu_lister_box ul ~ a:after {
        content: "\f054";
        font-family: FontAwesome, "Open Sans", Arial, sans-serif;
        margin-left: 10px;
        margin-left: 0.71429rem;
        font-size: 12px;
        font-size: 0.85714rem;
        line-height: 2; }
        .ehu_lister_box ul ~ a:after .fa-li {
          line-height: 2; }

/*Staff service gateway box*/
.page-template-template-staff-homepage .ehu_service_gateway_box, .page-template-template-staff-homepage .staff-service-box {
  width: calc(100% / 5) !important; }
  .page-template-template-staff-homepage .ehu_service_gateway_box a, .page-template-template-staff-homepage .staff-service-box a {
    line-height: normal; }

.ehu_service_gateway_box, .staff-service-box {
  display: inline-block;
  box-sizing: border-box;
  background: #671E75;
  width: calc( 100% / 4);
  float: left;
  padding: 0;
  min-height: 140px;
  position: relative;
  text-align: center;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  border: 1px solid white;
  vertical-align: top; }
  .ehu_service_gateway_box:hover, .staff-service-box:hover {
    background: #200924;
    /*Prevent Chrome text blurring on scale */
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -ms-transform: none; }
  .ehu_service_gateway_box a, .staff-service-box a {
    color: #FFFFFF;
    font-weight: 400;
    height: 100%;
    text-decoration: none;
    display: block;
    padding: 12px;
    padding: 0.85714rem;
    padding-top: 35px;
    padding-top: 2.5rem;
    width: 100%; }
    .ehu_service_gateway_box a:hover, .staff-service-box a:hover {
      color: white !important; }
    .ehu_service_gateway_box a:visited, .staff-service-box a:visited {
      color: #FFFFFF !important; }
    .ehu_service_gateway_box a i, .staff-service-box a i {
      display: block;
      width: 100%;
      margin-bottom: 12px;
      font-size: 28px; }
  .ehu_service_gateway_box h4, .staff-service-box h4 {
    margin: 0;
    height: 140px;
    display: block;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429;
    position: relative; }
    .ehu_service_gateway_box h4 .fa-li, .staff-service-box h4 .fa-li {
      line-height: 1.71429; }
  .ehu_service_gateway_box h2, .staff-service-box h2 {
    margin-top: 0; }

.ehu_announcement {
  clear: left;
  overflow: auto;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .ehu_announcement .fa-li {
    line-height: 1.5; }
  .ehu_announcement .ehu_announcement_box {
    margin-top: 0;
    /* Target i icon */ }
    .ehu_announcement .ehu_announcement_box:before {
      color: #FFFFFF;
      top: 20px; }
  .ehu_announcement .ehu_announcement_close {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429;
    height: 40px;
    width: 40px;
    float: right;
    text-align: right;
    color: #ac322c; }
    .ehu_announcement .ehu_announcement_close .fa-li {
      line-height: 1.71429; }
    .ehu_announcement .ehu_announcement_close:hover {
      color: #FFFFFF;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }

.ehu_announcement_box {
  display: block;
  padding: 24px 30px 24px 70px;
  padding: 24px 30px 24px 70px/14pxrem;
  width: 100%;
  margin: 24px 0;
  margin: 24px 0/14pxrem;
  box-sizing: border-box;
  vertical-align: top;
  color: #FFFFFF;
  background-color: #CD443E;
  position: relative; }
  .ehu_announcement_box h4 {
    margin: 0 !important; }
  .ehu_announcement_box h2 {
    margin-top: 0 !important; }

.ehu_announcement_box:before {
  font-family: FontAwesome;
  content: "\f05a";
  position: absolute;
  font-size: 36px;
  left: 18px;
  top: 6px; }

.ehu_announcement_close {
  position: absolute;
  right: 12px;
  top: 12px; }

.ehu_announcement_close:hover {
  cursor: pointer; }

.student_home_section h2 {
  clear: both; }

section.ehu_announcements {
  display: inline-block;
  margin: 0 24px 24px 0;
  margin: 0 24px 24px 0/14pxrem;
  padding: 0;
  min-height: 453px;
  vertical-align: top;
  width: calc(50% - 24px);
  float: left; }

section.ehu_service_gateways {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  float: left; }

/*
 This glob includes all the module/css/ scss files
 import "modules\**\css\*";
 */
/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1; }
  25%,
  75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out; }

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

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

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

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

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

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge; }

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s; }

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms; }

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms; }

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s; }

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important; } }

.page-template-template-students-homepage, .page-template-template-staff-homepage {
  /* Share footer */
  /*Target UL after H2 in individual course page (miss out the initial tabbed menu) */ }
  .page-template-template-students-homepage .sharedaddy.sd-sharing-enabled, .page-template-template-staff-homepage .sharedaddy.sd-sharing-enabled {
    margin-top: 24px;
    float: left; }
  .page-template-template-students-homepage .entry-content h2 ~ ul li a, .page-template-template-staff-homepage .entry-content h2 ~ ul li a {
    color: #8b289e !important; }
    .page-template-template-students-homepage .entry-content h2 ~ ul li a:hover, .page-template-template-staff-homepage .entry-content h2 ~ ul li a:hover {
      color: #c058d4 !important; }

@media screen and (min-width: 1201px) {
  .page-template-template-students-homepage .ehu_service_gateway_box:nth-child(4), .page-template-template-students-homepage .staff-service-box:nth-child(4), .page-template-template-staff-homepage .ehu_service_gateway_box:nth-child(4), .page-template-template-staff-homepage .staff-service-box:nth-child(4) {
    margin-right: 0;
    width: 25%; }
  .page-template-template-students-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-students-homepage .staff-service-box:last-of-type, .page-template-template-staff-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-staff-homepage .staff-service-box:last-of-type {
    margin-right: 0; } }

@media screen and (min-width: 801px) and (max-width: 1200px) {
  .page-template-template-students-homepage .ehu_service_gateway_box, .page-template-template-students-homepage .staff-service-box, .page-template-template-staff-homepage .ehu_service_gateway_box, .page-template-template-staff-homepage .staff-service-box {
    width: 33.3%; }
    .page-template-template-students-homepage .ehu_service_gateway_box:nth-child(3), .page-template-template-students-homepage .staff-service-box:nth-child(3), .page-template-template-staff-homepage .ehu_service_gateway_box:nth-child(3), .page-template-template-staff-homepage .staff-service-box:nth-child(3) {
      margin-right: 0 !important; }
  .page-template-template-students-homepage .ehu_lister_box, .page-template-template-staff-homepage .ehu_lister_box {
    min-height: 345px !important; } }

@media screen and (max-width: 800px) {
  .page-template-template-students-homepage .ehu_announcement, .page-template-template-staff-homepage .ehu_announcement {
    margin: 0 5%;
    margin: 0 5%/14pxrem; }
  .page-template-template-students-homepage .ehu_announcements, .page-template-template-students-homepage .ehu_service_gateways, .page-template-template-staff-homepage .ehu_announcements, .page-template-template-staff-homepage .ehu_service_gateways {
    width: calc(100% - 48px);
    margin: 0 24px;
    margin-bottom: 48px !important; }
  .page-template-template-students-homepage .ehu_service_gateway_box, .page-template-template-students-homepage .staff-service-box, .page-template-template-staff-homepage .ehu_service_gateway_box, .page-template-template-staff-homepage .staff-service-box {
    width: 33.3%; }
    .page-template-template-students-homepage .ehu_service_gateway_box:nth-child(3), .page-template-template-students-homepage .staff-service-box:nth-child(3), .page-template-template-staff-homepage .ehu_service_gateway_box:nth-child(3), .page-template-template-staff-homepage .staff-service-box:nth-child(3) {
      margin-right: 0 !important; }
    .page-template-template-students-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-students-homepage .staff-service-box:last-of-type, .page-template-template-staff-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-staff-homepage .staff-service-box:last-of-type {
      margin-right: 0;
      margin-right: 0; }
  .page-template-template-students-homepage .ehu_lister_box, .page-template-template-students-homepage .ehu_lister_box:nth-child(odd), .page-template-template-staff-homepage .ehu_lister_box, .page-template-template-staff-homepage .ehu_lister_box:nth-child(odd) {
    width: calc(100% - 48px);
    margin: 0 24px 24px 24px; }
    .page-template-template-students-homepage .ehu_lister_box ul li a, .page-template-template-students-homepage .ehu_lister_box:nth-child(odd) ul li a, .page-template-template-staff-homepage .ehu_lister_box ul li a, .page-template-template-staff-homepage .ehu_lister_box:nth-child(odd) ul li a {
      padding: 0; }
  .page-template-template-students-homepage .sharedaddy.sd-sharing-enabled, .page-template-template-staff-homepage .sharedaddy.sd-sharing-enabled {
    margin: 5%; }
  .page-id-2517 h1.entry-title, .page-id-3289 h1.entry-title {
    margin: 0 24px;
    margin: 0 24px/14pxrem; }
  .ehu_service_gateway_box a, .staff-service-box a, .staff-service-box a {
    font-size: calc(11px + (14 - 11) * (100vw - 320px) / (800 - 320));
    padding: 24px 6px !important; } }

@media screen and (min-width: 600px) and (max-width: 800px) {
  .ehu_service_gateway_box, .staff-service-box {
    width: 25% !important; } }

/* Screens up to 720px */
@media screen and (max-width: 719px) {
  .page-template-template-students-homepage #main, .page-template-template-staff-homepage #main {
    padding: 0; }
  .page-template-template-students-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-students-homepage .staff-service-box:last-of-type, .page-template-template-staff-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-staff-homepage .staff-service-box:last-of-type {
    width: calc(100% / 3); }
  .page-template-template-students-homepage .rev_slider_wrapper, .page-template-template-staff-homepage .rev_slider_wrapper {
    clear: left; } }

.page-template-page-templatestemplate-students-homepage-php #main {
  width: 100%; }
  .page-template-page-templatestemplate-students-homepage-php #main #primary #content, .page-template-page-templatestemplate-students-homepage-php #main #primary .main-column .entry-content, .page-template-page-templatestemplate-students-homepage-php #main #primary > article {
    width: 100%; }

.page-template-page-templatestemplate-students-homepage-php #site-navigation {
  display: none; }

.page-template-template-students-homepage {
  /*Last lister box*/ }
  .page-template-template-students-homepage .ehu_lister_box:last-of-type {
    padding: 0 24px; }
    .page-template-template-students-homepage .ehu_lister_box:last-of-type h2 {
      margin-left: -24px;
      margin-right: -24px; }

/* Guides boxes */
.ehu_lister_box {
  display: inline-block;
  width: 49%;
  margin-top: 24px;
  float: left;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  line-height: 1.6;
  background-color: rgba(242, 235, 243, 0.3);
  box-sizing: border-box;
  border: 1px solid rgba(222, 224, 223, 0.6);
  min-height: 300px;
  vertical-align: top;
  /*For every odd lister box*/ }
  .ehu_lister_box .fa-li {
    line-height: 1.33333; }
  .ehu_lister_box:nth-child(even) {
    margin-right: 24px;
    width: calc(49% - 2px);
    clear: left; }
  .ehu_lister_box h4 {
    margin: 0; }
  .ehu_lister_box h2 {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
    background-color: #671E75;
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2;
    position: relative;
    /*Target the link within the H2 title*/ }
    .ehu_lister_box h2 .fa-li {
      line-height: 1.2; }
    .ehu_lister_box h2 a {
      text-decoration: none;
      font-weight: 400;
      color: #FFFFFF;
      display: block;
      width: 100%;
      padding: 20px;
      padding: 1.42857rem;
      /*Right chevron*/ }
      .ehu_lister_box h2 a:hover {
        color: #FFFFFF !important;
        text-decoration: none !important; }
      .ehu_lister_box h2 a:after {
        content: "\f054";
        font-family: FontAwesome;
        float: right; }
      .ehu_lister_box h2 a:visited {
        color: #FFFFFF !important; }
  .ehu_lister_box ul {
    float: left;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    /* Lister box view all button */ }
    .ehu_lister_box ul li {
      margin-left: 24px;
      width: 100%;
      float: left;
      /*Targets the a elements within the lister box*/ }
      .ehu_lister_box ul li a {
        text-decoration: none;
        display: block;
        width: 100%; }
        .ehu_lister_box ul li a:hover {
          text-decoration: underline; }
    .ehu_lister_box ul ~ a {
      background: #671E75;
      padding: 10px;
      color: #FFFFFF !important;
      text-decoration: none;
      float: right;
      margin: 0 24px 24px 24px;
      margin: 0 24px 24px 24px/14pxrem;
      /* Chevron right icon */ }
      .ehu_lister_box ul ~ a:hover {
        background: #43144c;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .ehu_lister_box ul ~ a:after {
        content: "\f054";
        font-family: FontAwesome, "Open Sans", Arial, sans-serif;
        margin-left: 10px;
        margin-left: 0.71429rem;
        font-size: 12px;
        font-size: 0.85714rem;
        line-height: 2; }
        .ehu_lister_box ul ~ a:after .fa-li {
          line-height: 2; }

/*Staff service gateway box*/
.page-template-template-staff-homepage .ehu_service_gateway_box, .page-template-template-staff-homepage .staff-service-box {
  width: calc(100% / 5) !important; }
  .page-template-template-staff-homepage .ehu_service_gateway_box a, .page-template-template-staff-homepage .staff-service-box a {
    line-height: normal; }

.ehu_service_gateway_box, .staff-service-box {
  display: inline-block;
  box-sizing: border-box;
  background: #671E75;
  width: calc( 100% / 4);
  float: left;
  padding: 0;
  min-height: 140px;
  position: relative;
  text-align: center;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  border: 1px solid white;
  vertical-align: top; }
  .ehu_service_gateway_box:hover, .staff-service-box:hover {
    background: #200924;
    /*Prevent Chrome text blurring on scale */
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -ms-transform: none; }
  .ehu_service_gateway_box a, .staff-service-box a {
    color: #FFFFFF;
    font-weight: 400;
    height: 100%;
    text-decoration: none;
    display: block;
    padding: 12px;
    padding: 0.85714rem;
    padding-top: 35px;
    padding-top: 2.5rem;
    width: 100%; }
    .ehu_service_gateway_box a:hover, .staff-service-box a:hover {
      color: white !important; }
    .ehu_service_gateway_box a:visited, .staff-service-box a:visited {
      color: #FFFFFF !important; }
    .ehu_service_gateway_box a i, .staff-service-box a i {
      display: block;
      width: 100%;
      margin-bottom: 12px;
      font-size: 28px; }
  .ehu_service_gateway_box h4, .staff-service-box h4 {
    margin: 0;
    height: 140px;
    display: block;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429;
    position: relative; }
    .ehu_service_gateway_box h4 .fa-li, .staff-service-box h4 .fa-li {
      line-height: 1.71429; }
  .ehu_service_gateway_box h2, .staff-service-box h2 {
    margin-top: 0; }

.ehu_announcement {
  clear: left;
  overflow: auto;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .ehu_announcement .fa-li {
    line-height: 1.5; }
  .ehu_announcement .ehu_announcement_box {
    margin-top: 0;
    /* Target i icon */ }
    .ehu_announcement .ehu_announcement_box:before {
      color: #FFFFFF;
      top: 20px; }
  .ehu_announcement .ehu_announcement_close {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429;
    height: 40px;
    width: 40px;
    float: right;
    text-align: right;
    color: #ac322c; }
    .ehu_announcement .ehu_announcement_close .fa-li {
      line-height: 1.71429; }
    .ehu_announcement .ehu_announcement_close:hover {
      color: #FFFFFF;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }

.ehu_announcement_box {
  display: block;
  padding: 24px 30px 24px 70px;
  padding: 24px 30px 24px 70px/14pxrem;
  width: 100%;
  margin: 24px 0;
  margin: 24px 0/14pxrem;
  box-sizing: border-box;
  vertical-align: top;
  color: #FFFFFF;
  background-color: #CD443E;
  position: relative; }
  .ehu_announcement_box h4 {
    margin: 0 !important; }
  .ehu_announcement_box h2 {
    margin-top: 0 !important; }

.ehu_announcement_box:before {
  font-family: FontAwesome;
  content: "\f05a";
  position: absolute;
  font-size: 36px;
  left: 18px;
  top: 6px; }

.ehu_announcement_close {
  position: absolute;
  right: 12px;
  top: 12px; }

.ehu_announcement_close:hover {
  cursor: pointer; }

.student_home_section h2 {
  clear: both; }

section.ehu_announcements {
  display: inline-block;
  margin: 0 24px 24px 0;
  margin: 0 24px 24px 0/14pxrem;
  padding: 0;
  min-height: 453px;
  vertical-align: top;
  width: calc(50% - 24px);
  float: left; }

section.ehu_service_gateways {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  float: left; }

.page-template-template-students-homepage, .page-template-template-staff-homepage {
  /* Share footer */
  /*Target UL after H2 in individual course page (miss out the initial tabbed menu) */ }
  .page-template-template-students-homepage .sharedaddy.sd-sharing-enabled, .page-template-template-staff-homepage .sharedaddy.sd-sharing-enabled {
    margin-top: 24px;
    float: left; }
  .page-template-template-students-homepage .entry-content h2 ~ ul li a, .page-template-template-staff-homepage .entry-content h2 ~ ul li a {
    color: #8b289e !important; }
    .page-template-template-students-homepage .entry-content h2 ~ ul li a:hover, .page-template-template-staff-homepage .entry-content h2 ~ ul li a:hover {
      color: #c058d4 !important; }

@media screen and (min-width: 1201px) {
  .page-template-template-students-homepage .ehu_service_gateway_box:nth-child(4), .page-template-template-students-homepage .staff-service-box:nth-child(4), .page-template-template-staff-homepage .ehu_service_gateway_box:nth-child(4), .page-template-template-staff-homepage .staff-service-box:nth-child(4) {
    margin-right: 0;
    width: 25%; }
  .page-template-template-students-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-students-homepage .staff-service-box:last-of-type, .page-template-template-staff-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-staff-homepage .staff-service-box:last-of-type {
    margin-right: 0; } }

@media screen and (min-width: 801px) and (max-width: 1200px) {
  .page-template-template-students-homepage .ehu_service_gateway_box, .page-template-template-students-homepage .staff-service-box, .page-template-template-staff-homepage .ehu_service_gateway_box, .page-template-template-staff-homepage .staff-service-box {
    width: 33.3%; }
    .page-template-template-students-homepage .ehu_service_gateway_box:nth-child(3), .page-template-template-students-homepage .staff-service-box:nth-child(3), .page-template-template-staff-homepage .ehu_service_gateway_box:nth-child(3), .page-template-template-staff-homepage .staff-service-box:nth-child(3) {
      margin-right: 0 !important; }
  .page-template-template-students-homepage .ehu_lister_box, .page-template-template-staff-homepage .ehu_lister_box {
    min-height: 345px !important; } }

@media screen and (max-width: 800px) {
  .page-template-template-students-homepage .ehu_announcement, .page-template-template-staff-homepage .ehu_announcement {
    margin: 0 5%;
    margin: 0 5%/14pxrem; }
  .page-template-template-students-homepage .ehu_announcements, .page-template-template-students-homepage .ehu_service_gateways, .page-template-template-staff-homepage .ehu_announcements, .page-template-template-staff-homepage .ehu_service_gateways {
    width: calc(100% - 48px);
    margin: 0 24px;
    margin-bottom: 48px !important; }
  .page-template-template-students-homepage .ehu_service_gateway_box, .page-template-template-students-homepage .staff-service-box, .page-template-template-staff-homepage .ehu_service_gateway_box, .page-template-template-staff-homepage .staff-service-box {
    width: 33.3%; }
    .page-template-template-students-homepage .ehu_service_gateway_box:nth-child(3), .page-template-template-students-homepage .staff-service-box:nth-child(3), .page-template-template-staff-homepage .ehu_service_gateway_box:nth-child(3), .page-template-template-staff-homepage .staff-service-box:nth-child(3) {
      margin-right: 0 !important; }
    .page-template-template-students-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-students-homepage .staff-service-box:last-of-type, .page-template-template-staff-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-staff-homepage .staff-service-box:last-of-type {
      margin-right: 0;
      margin-right: 0; }
  .page-template-template-students-homepage .ehu_lister_box, .page-template-template-students-homepage .ehu_lister_box:nth-child(odd), .page-template-template-staff-homepage .ehu_lister_box, .page-template-template-staff-homepage .ehu_lister_box:nth-child(odd) {
    width: calc(100% - 48px);
    margin: 0 24px 24px 24px; }
    .page-template-template-students-homepage .ehu_lister_box ul li a, .page-template-template-students-homepage .ehu_lister_box:nth-child(odd) ul li a, .page-template-template-staff-homepage .ehu_lister_box ul li a, .page-template-template-staff-homepage .ehu_lister_box:nth-child(odd) ul li a {
      padding: 0; }
  .page-template-template-students-homepage .sharedaddy.sd-sharing-enabled, .page-template-template-staff-homepage .sharedaddy.sd-sharing-enabled {
    margin: 5%; }
  .page-id-2517 h1.entry-title, .page-id-3289 h1.entry-title {
    margin: 0 24px;
    margin: 0 24px/14pxrem; }
  .ehu_service_gateway_box a, .staff-service-box a, .staff-service-box a {
    font-size: calc(11px + (14 - 11) * (100vw - 320px) / (800 - 320));
    padding: 24px 6px !important; } }

@media screen and (min-width: 600px) and (max-width: 800px) {
  .ehu_service_gateway_box, .staff-service-box {
    width: 25% !important; } }

/* Screens up to 720px */
@media screen and (max-width: 719px) {
  .page-template-template-students-homepage #main, .page-template-template-staff-homepage #main {
    padding: 0; }
  .page-template-template-students-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-students-homepage .staff-service-box:last-of-type, .page-template-template-staff-homepage .ehu_service_gateway_box:last-of-type, .page-template-template-staff-homepage .staff-service-box:last-of-type {
    width: calc(100% / 3); }
  .page-template-template-students-homepage .rev_slider_wrapper, .page-template-template-staff-homepage .rev_slider_wrapper {
    clear: left; } }

.page-template-page-templatestemplate-students-homepage-php #main {
  width: 100%; }
  .page-template-page-templatestemplate-students-homepage-php #main #primary #content, .page-template-page-templatestemplate-students-homepage-php #main #primary .main-column .entry-content, .page-template-page-templatestemplate-students-homepage-php #main #primary > article {
    width: 100%; }

.page-template-page-templatestemplate-students-homepage-php #site-navigation {
  display: none; }

.page-template-template-students-homepage {
  /*Last lister box*/ }
  .page-template-template-students-homepage .ehu_lister_box:last-of-type {
    padding: 0 24px; }
    .page-template-template-students-homepage .ehu_lister_box:last-of-type h2 {
      margin-left: -24px;
      margin-right: -24px; }

/* Guides boxes */
.ehu_lister_box {
  display: inline-block;
  width: 49%;
  margin-top: 24px;
  float: left;
  font-size: 18px;
  font-size: 1.28571rem;
  line-height: 1.33333;
  line-height: 1.6;
  background-color: rgba(242, 235, 243, 0.3);
  box-sizing: border-box;
  border: 1px solid rgba(222, 224, 223, 0.6);
  min-height: 300px;
  vertical-align: top;
  /*For every odd lister box*/ }
  .ehu_lister_box .fa-li {
    line-height: 1.33333; }
  .ehu_lister_box:nth-child(even) {
    margin-right: 24px;
    width: calc(49% - 2px);
    clear: left; }
  .ehu_lister_box h4 {
    margin: 0; }
  .ehu_lister_box h2 {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
    background-color: #671E75;
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 1.2;
    position: relative;
    /*Target the link within the H2 title*/ }
    .ehu_lister_box h2 .fa-li {
      line-height: 1.2; }
    .ehu_lister_box h2 a {
      text-decoration: none;
      font-weight: 400;
      color: #FFFFFF;
      display: block;
      width: 100%;
      padding: 20px;
      padding: 1.42857rem;
      /*Right chevron*/ }
      .ehu_lister_box h2 a:hover {
        color: #FFFFFF !important;
        text-decoration: none !important; }
      .ehu_lister_box h2 a:after {
        content: "\f054";
        font-family: FontAwesome;
        float: right; }
      .ehu_lister_box h2 a:visited {
        color: #FFFFFF !important; }
  .ehu_lister_box ul {
    float: left;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    /* Lister box view all button */ }
    .ehu_lister_box ul li {
      margin-left: 24px;
      width: 100%;
      float: left;
      /*Targets the a elements within the lister box*/ }
      .ehu_lister_box ul li a {
        text-decoration: none;
        display: block;
        width: 100%; }
        .ehu_lister_box ul li a:hover {
          text-decoration: underline; }
    .ehu_lister_box ul ~ a {
      background: #671E75;
      padding: 10px;
      color: #FFFFFF !important;
      text-decoration: none;
      float: right;
      margin: 0 24px 24px 24px;
      margin: 0 24px 24px 24px/14pxrem;
      /* Chevron right icon */ }
      .ehu_lister_box ul ~ a:hover {
        background: #43144c;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .ehu_lister_box ul ~ a:after {
        content: "\f054";
        font-family: FontAwesome, "Open Sans", Arial, sans-serif;
        margin-left: 10px;
        margin-left: 0.71429rem;
        font-size: 12px;
        font-size: 0.85714rem;
        line-height: 2; }
        .ehu_lister_box ul ~ a:after .fa-li {
          line-height: 2; }

/*Staff service gateway box*/
.page-template-template-staff-homepage .ehu_service_gateway_box, .page-template-template-staff-homepage .staff-service-box {
  width: calc(100% / 5) !important; }
  .page-template-template-staff-homepage .ehu_service_gateway_box a, .page-template-template-staff-homepage .staff-service-box a {
    line-height: normal; }

.ehu_service_gateway_box, .staff-service-box {
  display: inline-block;
  box-sizing: border-box;
  background: #671E75;
  width: calc( 100% / 4);
  float: left;
  padding: 0;
  min-height: 140px;
  position: relative;
  text-align: center;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  border: 1px solid white;
  vertical-align: top; }
  .ehu_service_gateway_box:hover, .staff-service-box:hover {
    background: #200924;
    /*Prevent Chrome text blurring on scale */
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -ms-transform: none; }
  .ehu_service_gateway_box a, .staff-service-box a {
    color: #FFFFFF;
    font-weight: 400;
    height: 100%;
    text-decoration: none;
    display: block;
    padding: 12px;
    padding: 0.85714rem;
    padding-top: 35px;
    padding-top: 2.5rem;
    width: 100%; }
    .ehu_service_gateway_box a:hover, .staff-service-box a:hover {
      color: white !important; }
    .ehu_service_gateway_box a:visited, .staff-service-box a:visited {
      color: #FFFFFF !important; }
    .ehu_service_gateway_box a i, .staff-service-box a i {
      display: block;
      width: 100%;
      margin-bottom: 12px;
      font-size: 28px; }
  .ehu_service_gateway_box h4, .staff-service-box h4 {
    margin: 0;
    height: 140px;
    display: block;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429;
    position: relative; }
    .ehu_service_gateway_box h4 .fa-li, .staff-service-box h4 .fa-li {
      line-height: 1.71429; }
  .ehu_service_gateway_box h2, .staff-service-box h2 {
    margin-top: 0; }

.ehu_announcement {
  clear: left;
  overflow: auto;
  font-size: 16px;
  font-size: 1.14286rem;
  line-height: 1.5; }
  .ehu_announcement .fa-li {
    line-height: 1.5; }
  .ehu_announcement .ehu_announcement_box {
    margin-top: 0;
    /* Target i icon */ }
    .ehu_announcement .ehu_announcement_box:before {
      color: #FFFFFF;
      top: 20px; }
  .ehu_announcement .ehu_announcement_close {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.71429;
    height: 40px;
    width: 40px;
    float: right;
    text-align: right;
    color: #ac322c; }
    .ehu_announcement .ehu_announcement_close .fa-li {
      line-height: 1.71429; }
    .ehu_announcement .ehu_announcement_close:hover {
      color: #FFFFFF;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }

.ehu_announcement_box {
  display: block;
  padding: 24px 30px 24px 70px;
  padding: 24px 30px 24px 70px/14pxrem;
  width: 100%;
  margin: 24px 0;
  margin: 24px 0/14pxrem;
  box-sizing: border-box;
  vertical-align: top;
  color: #FFFFFF;
  background-color: #CD443E;
  position: relative; }
  .ehu_announcement_box h4 {
    margin: 0 !important; }
  .ehu_announcement_box h2 {
    margin-top: 0 !important; }

.ehu_announcement_box:before {
  font-family: FontAwesome;
  content: "\f05a";
  position: absolute;
  font-size: 36px;
  left: 18px;
  top: 6px; }

.ehu_announcement_close {
  position: absolute;
  right: 12px;
  top: 12px; }

.ehu_announcement_close:hover {
  cursor: pointer; }

.student_home_section h2 {
  clear: both; }

section.ehu_announcements {
  display: inline-block;
  margin: 0 24px 24px 0;
  margin: 0 24px 24px 0/14pxrem;
  padding: 0;
  min-height: 453px;
  vertical-align: top;
  width: calc(50% - 24px);
  float: left; }

section.ehu_service_gateways {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  float: left; }

/* Toggle Switch */
.switch {
  position: relative;
  display: inline-block;
  width: 160px;
  height: 34px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #671E75;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 76px;
  left: 4px;
  bottom: 4px;
  background-color: #FFFFFF;
  -webkit-transition: .4s;
  transition: .4s; }

.switch .yr2021, .switch .yr2122 {
  position: absolute;
  top: 4px;
  z-index: 1;
  color: #FFFFFF;
  font-size: 16px; }
  .switch .yr2021:hover, .switch .yr2122:hover {
    cursor: pointer; }

.switch .yr2021 {
  left: 10px;
  color: #671E75; }

.switch .yr2122 {
  right: 11px; }

#yr2122 {
  display: none; }

.switch input:checked + .slider {
  background-color: #671E75; }

.switch input:checked + .slider:before {
  -webkit-transform: translateX(76px);
  -ms-transform: translateX(76px);
  transform: translateX(76px);
  -webkit-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear; }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 13px; }

.choose-subjects .dropdown ul {
  display: none; }

/* Share Widget */
.widget_share-post-sidebar .sd-title {
  display: none !important; }

.widget_share-post-sidebar .sd-sharing-enabled {
  display: block !important; }

.widget_share-post-sidebar .sd-content ul:before {
  content: "\f1e0";
  font-family: FontAwesome;
  color: #671E75;
  font-size: 20px;
  vertical-align: middle; }

.widget_share-post-sidebar .sd-content ul {
  margin: 0 !important; }

.widget_share-post-sidebar .sd-content ul li {
  margin: 0 0 0 10px !important;
  padding: 0 !important; }

.widget_share-post-sidebar .sd-content ul li a {
  padding: 6px !important;
  border: 1px solid rgba(103, 30, 117, 0.12) !important; }

.widget_share-post-sidebar .sd-content ul li a:hover {
  border: 1px solid rgba(103, 30, 117, 0.4) !important; }

.widget_share-post-sidebar .sd-content ul li a span,
.widget_share-post-sidebar .sd-content ul li a:before {
  color: #671E75 !important; }

@media screen and (max-width: 1195px) {
  .widget_share-post-sidebar .sd-content ul li {
    margin: 0 0 0 5px !important; }
  .widget_share-post-sidebar .sd-content ul li:first-child {
    margin: 0 0 0 5px !important; } }

@media screen and (max-width: 1135px) {
  .widget_share-post-sidebar .sd-content ul:before {
    content: none; }
  .widget_share-post-sidebar .sd-content ul li:first-child {
    margin: 0 !important; } }

@media screen and (max-width: 1048px) {
  .widget_share-post-sidebar .sd-content ul li {
    margin: 0 0 0 .5% !important; } }

@media screen and (max-width: 1018px) {
  .widget_share-post-sidebar .sd-content ul li:nth-child(2) {
    margin: 0 5px 5px 5px !important; } }

@media screen and (max-width: 800px) {
  .widget_share-post-sidebar {
    display: none; } }

section.archived_message {
  background-color: #FBD8C1;
  padding: 12px;
  border: solid 2px #e45f06;
  margin-bottom: 12px; }

.home.page-id-1051 #site {
  margin-top: 0 !important;
  padding: 0 !important; }

.home.page-id-1051 #site-footer {
  margin-top: 0; }

/*Discover side navigation menu*/
nav.discover-cta-bar {
  font-family: Helvetica, sans-serif;
  overflow: auto;
  position: fixed;
  top: 44vh;
  right: 0;
  background-color: #685733;
  z-index: 98;
  box-shadow: inset 0 2px #54472f45;
  transition: all .3s ease-in-out;
  border-radius: 10px 0 0 10px; }
  nav.discover-cta-bar .container {
    max-width: 1200px;
    max-width: 85.71429rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding-left: 12px;
    padding-left: 0.85714rem;
    transition: background-color .3s ease-in-out; }
    nav.discover-cta-bar .container:hover {
      background-color: #5a4c2c; }
  nav.discover-cta-bar .inner-container {
    background-color: #615130;
    border-left: 1px solid #5a4c2c; }
  nav.discover-cta-bar .discover-logo-wrap {
    position: absolute;
    top: 12px;
    right: 84px; }
  nav.discover-cta-bar .discover-logo {
    font-size: 1.2em !important;
    display: inline-block;
    border: 1px solid;
    float: left;
    padding: 6px !important;
    background-color: #FFFFFF;
    margin-left: auto !important;
    position: relative !important;
    top: auto !important; }
    nav.discover-cta-bar .discover-logo:hover {
      box-shadow: 3px 3px #4d4026; }
  nav.discover-cta-bar .open-day-cta, nav.discover-cta-bar .prospectus-cta, nav.discover-cta-bar .discover-cta {
    position: relative;
    text-decoration: none !important;
    color: #FFFFFF !important;
    display: block;
    padding: 12px 48px 12px 24px;
    padding: 0.85714rem 3.42857rem 0.85714rem 1.71429rem;
    float: left;
    transition: background-color .3s ease-in-out;
    width: 100%; }
    nav.discover-cta-bar .open-day-cta:hover, nav.discover-cta-bar .prospectus-cta:hover, nav.discover-cta-bar .discover-cta:hover {
      background-color: #4d4026 !important; }
    nav.discover-cta-bar .open-day-cta:after, nav.discover-cta-bar .prospectus-cta:after, nav.discover-cta-bar .discover-cta:after {
      content: "";
      border-right: 1px solid #FFFFFF;
      border-top: 1px solid #FFFFFF;
      width: 10px;
      height: 10px;
      transform: rotate(45deg);
      float: right;
      top: 19px;
      right: 24px;
      position: absolute; }
  nav.discover-cta-bar .open-day-cta, nav.discover-cta-bar .prospectus-cta {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  nav.discover-cta-bar .disc-ul-wrap {
    width: 100%;
    display: none;
    margin-top: 78px;
    padding-bottom: 12px;
    padding-bottom: 0.85714rem;
    overflow: auto; }
  nav.discover-cta-bar #discover-btn {
    display: block;
    color: #FFFFFF !important;
    text-decoration: none;
    writing-mode: vertical-rl;
    padding: 12px;
    padding: 0.85714rem;
    margin-left: -12px; }
  @media screen and (max-width: 857px) {
    nav.discover-cta-bar .container {
      padding: 0 0 0 12px !important; } }

.DropDownCalendar .DropDownSection {
  right: -33px; }

.quote-slider {
  font-family: Helvetica;
  width: 100%;
  position: relative;
  padding: 48px 0;
  padding: 3.42857rem 0;
  overflow: auto; }
  .quote-slider .profile-wrap {
    position: relative; }
  .quote-slider .profile-slide a {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 24px;
    position: relative;
    text-decoration: none; }
  .quote-slider img {
    max-width: 100%; }
  .quote-slider .profile-image {
    grid-column: 1/7;
    grid-row: 1;
    margin-top: 48px;
    margin-top: 3.42857rem;
    position: relative; }
  .quote-slider .profile-quote {
    background-color: #685733;
    grid-column: 6/13;
    grid-row: 1;
    padding: 48px;
    padding: 3.42857rem;
    position: relative; }
    .quote-slider .profile-quote:before {
      content: "\201C";
      position: absolute;
      top: 0;
      left: 24px;
      font-size: 4em;
      color: #FFFFFF;
      opacity: .2; }
    .quote-slider .profile-quote p {
      color: white;
      font-size: 16px;
      margin-bottom: 12px;
      margin-bottom: 0.85714rem; }
    .quote-slider .profile-quote .quote {
      font-size: 14px;
      color: #FFFFFF;
      margin-bottom: 12px;
      margin-bottom: 0.85714rem;
      position: relative; }
    .quote-slider .profile-quote .quote-name {
      margin-top: 12px;
      margin-top: 0.85714rem;
      font-weight: bold;
      font-size: 16px;
      text-transform: uppercase; }
  .quote-slider .cta-row-chevron {
    position: absolute;
    right: 12px;
    top: calc(100% / 2 - 10px);
    width: 20px;
    height: 20px;
    border-top: 1px solid #685733;
    border-right: 1px solid #685733;
    transform: rotate(45deg); }
  .quote-slider .slick-prev, .quote-slider .slick-next {
    background-color: #272727;
    border-radius: 0;
    width: 55px;
    height: 55px; }
  .quote-slider .profile-cta {
    display: none;
    padding: 12px 48px 12px;
    padding: 0.85714rem 3.42857rem 0.85714rem;
    background-color: #FFFFFF !important;
    color: #685733 !important;
    text-decoration: none;
    text-align: center;
    position: relative;
    font-size: 1.28571rem;
    float: right; }
    .quote-slider .profile-cta span {
      right: 24px; }
  .quote-slider .faces-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    transition: all .3s ease-in-out;
    background-size: cover;
    background-position: center center; }

#tap-pop-card .pop-card-wrapper {
  bottom: 50px !important; }

.page-template-template-virtual-tour-php #site {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0; }

.page-template-template-virtual-tour-php #site #site-navigation, .page-template-template-virtual-tour-php #site #tertiary {
  display: none; }

.page-template-template-virtual-tour-php #site #main {
  width: 100%;
  float: none;
  max-width: 100%; }

.page-template-template-virtual-tour-php h2.category-title {
  padding-left: 18px; }

.page-template-template-virtual-tour-php #virtual-tour-content {
  margin: 0 auto;
  max-width: 1200px;
  max-width: 85.71429rem;
  overflow: hidden; }

@media screen and (max-width: 959px) {
  .page-template-template-virtual-tour-php #virtual-tour-content {
    margin-top: 24px;
    padding: 0 12px;
    box-sizing: border-box; } }

.page-template-template-virtual-tour-php #main {
  margin-top: 0 !important;
  padding: 0 !important; }

.page-template-template-virtual-tour-php h2 i {
  padding-right: 24px; }

#virtual-tour-scroll-wrapper {
  width: 100vw;
  overflow: auto;
  position: relative;
  text-align: center; }

#virtual-tour-wrapper {
  position: relative;
  min-width: 1024px;
  min-height: 300px;
  background-image: url("/sport/files/2020/11/virtual-tour.jpg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat; }

#virtual-tour-wrapper img {
  visibility: hidden;
  display: block; }

p#virtual-tour-scroll-message {
  display: none;
  text-align: center; }

ul.virtual-tour-markers {
  list-style-type: none; }

.virtual-tour-markers li {
  background-color: #671E75;
  color: #FFFFFF;
  font-weight: bold;
  position: absolute;
  margin: 0;
  white-space: nowrap;
  padding: 6px 12px;
  overflow: auto;
  width: auto;
  border-radius: 10px;
  transition: width 10s;
  cursor: pointer; }
  .virtual-tour-markers li .marker {
    display: inline-block; }
  .virtual-tour-markers li .marker-title {
    padding-left: 6px;
    display: none; }

.virtual-tour-markers li:hover {
  z-index: 999; }
  .virtual-tour-markers li:hover .marker-title {
    display: inline-block; }

.virtual-tour-markers li.marker-right .marker-title {
  padding-left: 0;
  padding-right: 6px; }

.virtual-tour-markers li.highlighted {
  border: solid 1px #671E75 !important;
  color: #671E75 !important;
  background-color: #FFFFFF !important; }

#virtual-tour-list li:hover {
  cursor: pointer; }

.virtual-tour-category-filters li {
  display: inline-block;
  margin: 4px 12px;
  padding: 6px 12px;
  border-radius: 5px;
  color: #FFFFFF; }

.virtual-tour-category-filters li:hover, .virtual-tour-category-filters li.hidden-category {
  background-color: #BBBBBB !important;
  cursor: pointer; }

.virtual-tour-category-filters li i {
  padding-right: 6px; }

.mySubSlides:hover {
  cursor: pointer; }

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black; }

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px; }

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold; }

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer; }

/* Hide the slides by default */
.mySlides {
  display: none;
  overflow: auto; }

.mySubSlides li:hover {
  cursor: pointer; }

.mySlidesRight {
  float: right;
  width: 50%; }
  .mySlidesRight img {
    width: 100%; }

.mySlidesLeft {
  float: left;
  width: 50%;
  padding: 24px 48px; }
  .mySlidesLeft h2 {
    font-size: 30px;
    line-height: 1.2em;
    margin-bottom: 18px; }
  .mySlidesLeft h3 {
    font-size: 16px;
    padding-bottom: 12px; }
  .mySlidesLeft p {
    font-size: 16px;
    padding-bottom: 12px; }
  .mySlidesLeft .mySubSlides li {
    font-size: 16px;
    text-decoration: underline; }

@media screen and (max-width: 1000px) {
  .virtual-tour-markers li.marker-before {
    padding: 0 0 0 26px; }
  .virtual-tour-markers li.marker-after {
    padding: 0 26px 0 0; }
  .virtual-tour-markers li:before, .virtual-tour-markers li:after {
    padding: 0 7px !important;
    width: 26px !important;
    font-size: 20px !important; }
  .virtual-tour-markers li:before {
    margin-left: -26px !important; }
  .virtual-tour-markers li:after {
    margin-left: 0; }
  .mySlidesRight, .mySlidesLeft {
    width: 100% !important;
    clear: both; }
  p#virtual-tour-scroll-message {
    display: block; } }

/* Next & previous buttons */
#site a.prev,
#site a.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #FFFFFF;
  background-color: #000000;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none; }

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px; }

/* On hover, add a black background color with a little bit see-through */
#site a.prev:hover,
#site a.next:hover {
  background-color: rgba(0, 0, 0, 0.6);
  color: #FFFFFF; }

.active,
.demo:hover {
  opacity: 1; }

img.hover-shadow {
  transition: 0.3s; }

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.VOD_LiveChat {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 2rem;
  max-width: 18rem;
  border-radius: 7px;
  border: 2px solid #685733;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  text-decoration: none;
  font-size: 1.5rem;
  color: #000000;
  z-index: 100; }

.VOD_LiveChat:hover {
  border: 2px solid #4E4126; }

.VOD_LiveChat p {
  padding: 1rem; }

.VOD_LiveChat button {
  display: block;
  width: 100vw;
  height: auto;
  margin: 0;
  border-radius: 0;
  border: 0 solid #685733;
  background: #685733;
  padding: 1rem;
  font-size: 1rem;
  color: #ffffff; }

.VOD_LiveChat button span {
  margin-left: 0.5rem; }

.VOD_LiveChat:hover button {
  background: #534528; }

/*# sourceMappingURL=style.css.map */