@charset "UTF-8";
/* @file
 * This file is a custom file that loads all files. Each non-base layer
 * can be disabled.
 *
 * Do not name this file, "app.scss". If you run a compass update this file can
 * be wiped out with a compass update. By default, when a compass project is
 * created the file will be named app.scss. Thus this file is named,
 * THEMENAME.scss.
 *
 * This application file (THEMENAME.scss) is where all the partials are
 * imported.
 *
 * Theme styles are categorized using SMACSS standards. They utilize
 * categorization of styles into various categories. Those categories are the
 * following:
 *
 * - Base: CSS reset/normalize plus HTML element styling.
 * - Layout: Macro arrangement of a web page, including any grid systems.
 * - Component: Dictate minor layout modules or reusable elements.
 * - State: Describe the appearance of a module in various states.
 * - Theme: Purely visual optional styling (“look-and-feel”) for a component.
 *
 * For more information about this new Drupal css file standard, please review
 * the following:
 * - https://drupal.org/node/1887922
 * - http://smacss.com/
 */
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

script {
  display: none !important; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden; }

.inner-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  *zoom: 1;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .inner-wrap:before, .inner-wrap:after {
    content: " ";
    display: table; }
  .inner-wrap:after {
    clear: both; }

nav.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #333;
  color: #FFF;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative; }
  nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4, nav.tab-bar h5, nav.tab-bar h6 {
    color: #FFF;
    font-weight: bold;
    line-height: 2.8125rem;
    margin: 0; }
  nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4 {
    font-size: 1.125rem; }

section.left-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-right: solid 1px #1a1919;
  box-shadow: 1px 0 0 #4e4e4e;
  left: 0; }

section.right-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-left: solid 1px #4e4e4e;
  box-shadow: -1px 0 0 #1a1919;
  right: 0; }

section.tab-bar-section {
  padding: 0 0.625rem;
  position: absolute;
  text-align: center;
  height: 2.8125rem;
  top: 0; }
  @media only screen and (min-width: 40.063em) {
    section.tab-bar-section {
      text-align: left; } }
  section.tab-bar-section.left {
    left: 0;
    right: 2.8125rem; }
  section.tab-bar-section.right {
    left: 2.8125rem;
    right: 0; }
  section.tab-bar-section.middle {
    left: 2.8125rem;
    right: 2.8125rem; }

a.menu-icon {
  text-indent: 2.1875rem;
  width: 2.8125rem;
  height: 2.8125rem;
  display: block;
  line-height: 2.0625rem;
  padding: 0;
  color: #fff;
  position: relative; }
  a.menu-icon span {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0;
    left: 0.8125rem;
    top: 0.3125rem;
    -webkit-box-shadow: 1px 10px 1px 1px #777, 1px 16px 1px 1px #777, 1px 22px 1px 1px #777;
    box-shadow: 0 10px 0 1px #777, 0 16px 0 1px #777, 0 22px 0 1px #777; }
  a.menu-icon:hover span {
    -webkit-box-shadow: 1px 10px 1px 1px #535353, 1px 16px 1px 1px #535353, 1px 22px 1px 1px #535353;
    box-shadow: 0 10px 0 1px #535353, 0 16px 0 1px #535353, 0 22px 0 1px #535353; }

.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 250px;
  top: 0;
  bottom: 0;
  height: 100%;
  position: absolute;
  overflow-y: auto;
  background: #333;
  z-index: 1001;
  box-sizing: content-box;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }
  .left-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }

.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 250px;
  top: 0;
  bottom: 0;
  height: 100%;
  position: absolute;
  overflow-y: auto;
  background: #333;
  z-index: 1001;
  box-sizing: content-box;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0; }

ul.off-canvas-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  ul.off-canvas-list li label {
    padding: 0.3rem 0.9375rem;
    color: #999;
    text-transform: uppercase;
    font-weight: bold;
    background: #444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
  ul.off-canvas-list li a {
    display: block;
    padding: 0.6666666667rem;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid #262626; }

.move-right > .inner-wrap {
  -webkit-transform: translate3d(250px, 0, 0);
  -moz-transform: translate3d(250px, 0, 0);
  -ms-transform: translate3d(250px, 0, 0);
  -o-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0); }

.move-right a.exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width: 40.063em) {
    .move-right a.exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.move-left > .inner-wrap {
  -webkit-transform: translate3d(-250px, 0, 0);
  -moz-transform: translate3d(-250px, 0, 0);
  -ms-transform: translate3d(-250px, 0, 0);
  -o-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0); }

.move-left a.exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width: 40.063em) {
    .move-left a.exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.csstransforms.no-csstransforms3d .left-off-canvas-menu {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }

.csstransforms.no-csstransforms3d .right-off-canvas-menu {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0); }

.csstransforms.no-csstransforms3d .move-left > .inner-wrap {
  -webkit-transform: translate(-250px, 0);
  -moz-transform: translate(-250px, 0);
  -ms-transform: translate(-250px, 0);
  -o-transform: translate(-250px, 0);
  transform: translate(-250px, 0); }

.csstransforms.no-csstransforms3d .move-right > .inner-wrap {
  -webkit-transform: translate(250px, 0);
  -moz-transform: translate(250px, 0);
  -ms-transform: translate(250px, 0);
  -o-transform: translate(250px, 0);
  transform: translate(250px, 0); }

.no-csstransforms .left-off-canvas-menu {
  left: -250px; }

.no-csstransforms .right-off-canvas-menu {
  right: -250px; }

.no-csstransforms .move-left > .inner-wrap {
  right: 250px; }

.no-csstransforms .move-right > .inner-wrap {
  left: 250px; }

/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-small-only,
.show-for-medium-down,
.show-for-large-down,
.hide-for-medium,
.hide-for-medium-up,
.hide-for-medium-only,
.hide-for-large,
.hide-for-large-up,
.hide-for-large-only,
.hide-for-xlarge,
.hide-for-xlarge-up,
.hide-for-xlarge-only,
.hide-for-xxlarge-up,
.hide-for-xxlarge-only {
  display: inherit !important; }

.hide-for-small,
.hide-for-small-only,
.hide-for-medium-down,
.show-for-medium,
.show-for-medium-up,
.show-for-medium-only,
.hide-for-large-down,
.show-for-large,
.show-for-large-up,
.show-for-large-only,
.show-for-xlarge,
.show-for-xlarge-up,
.show-for-xlarge-only,
.show-for-xxlarge-up,
.show-for-xxlarge-only {
  display: none !important; }

/* Specific visibility for tables */
table.show-for-small, table.show-for-small-only, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-medium-only, table.hide-for-large, table.hide-for-large-up, table.hide-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only {
  display: table; }

thead.show-for-small, thead.show-for-small-only, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-medium-only, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only {
  display: table-header-group !important; }

tbody.show-for-small, tbody.show-for-small-only, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-medium-only, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only {
  display: table-row-group !important; }

tr.show-for-small, tr.show-for-small-only, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-medium-only, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only {
  display: table-row !important; }

td.show-for-small, td.show-for-small-only,
td.show-for-medium-down td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up,
td.hide-for-xlarge td.hide-for-xlarge-up, td.hide-for-xxlarge-up,
th.show-for-small,
th.show-for-small-only,
th.show-for-medium-down td.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge td.hide-for-xlarge-up,
th.hide-for-xxlarge-up,
td.show-for-medium-down
th.show-for-large-down,
td.hide-for-xlarge
th.hide-for-xlarge-up,
th.show-for-medium-down
th.show-for-large-down,
th.hide-for-xlarge
th.hide-for-xlarge-up {
  display: table-cell !important; }

/* Medium Displays: 641px and up */
@media only screen and (min-width: 40.063em) {
  .hide-for-small,
  .hide-for-small-only,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-medium-up,
  .show-for-medium-only,
  .hide-for-large,
  .hide-for-large-up,
  .hide-for-large-only,
  .hide-for-xlarge,
  .hide-for-xlarge-up,
  .hide-for-xlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge-only {
    display: inherit !important; }
  .show-for-small,
  .show-for-small-only,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-medium-up,
  .hide-for-medium-only,
  .hide-for-large-down,
  .show-for-large,
  .show-for-large-up,
  .show-for-large-only,
  .show-for-xlarge,
  .show-for-xlarge-up,
  .show-for-xlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge-only {
    display: none !important; }
  /* Specific visibility for tables */
  table.hide-for-small, table.hide-for-small-only, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-up, table.show-for-medium-only, table.hide-for-large, table.hide-for-large-up, table.hide-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only {
    display: table; }
  thead.hide-for-small, thead.hide-for-small-only, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-up, thead.show-for-medium-only, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only {
    display: table-header-group !important; }
  tbody.hide-for-small, tbody.hide-for-small-only, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-up, tbody.show-for-medium-only, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only {
    display: table-row-group !important; }
  tr.hide-for-small, tr.hide-for-small-only, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-up, tr.show-for-medium-only, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only {
    display: table-row !important; }
  td.hide-for-small, td.hide-for-small-only, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-up, td.show-for-medium-only, td.hide-for-large, td.hide-for-large-up, td.hide-for-large-only, td.hide-for-xlarge, td.hide-for-xlarge-up, td.hide-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only,
  th.hide-for-small,
  th.hide-for-small-only,
  th.show-for-medium,
  th.show-for-medium-down,
  th.show-for-medium-up,
  th.show-for-medium-only,
  th.hide-for-large,
  th.hide-for-large-up,
  th.hide-for-large-only,
  th.hide-for-xlarge,
  th.hide-for-xlarge-up,
  th.hide-for-xlarge-only,
  th.hide-for-xxlarge-up,
  th.hide-for-xxlarge-only {
    display: table-cell !important; } }

/* Large Displays: 1024px and up */
@media only screen and (min-width: 64.063em) {
  .hide-for-small,
  .hide-for-small-only,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .show-for-large,
  .show-for-large-up,
  .show-for-large-only,
  .hide-for-xlarge,
  .hide-for-xlarge-up,
  .hide-for-xlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge-only {
    display: inherit !important; }
  .show-for-small-only,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-medium-only,
  .hide-for-large,
  .hide-for-large-up,
  .hide-for-large-only,
  .show-for-xlarge,
  .show-for-xlarge-up,
  .show-for-xlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge-only {
    display: none !important; }
  /* Specific visibility for tables */
  table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large, table.show-for-large-up, table.show-for-large-only, table.hide-for-xlarge, table.hide-for-xlarge-up, table.hide-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only {
    display: table; }
  thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large, thead.show-for-large-up, thead.show-for-large-only, thead.hide-for-xlarge, thead.hide-for-xlarge-up, thead.hide-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only {
    display: table-header-group !important; }
  tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large, tbody.show-for-large-up, tbody.show-for-large-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only {
    display: table-row-group !important; }
  tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large, tr.show-for-large-up, tr.show-for-large-only, tr.hide-for-xlarge, tr.hide-for-xlarge-up, tr.hide-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only {
    display: table-row !important; }
  td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large, td.show-for-large-up, td.show-for-large-only, td.hide-for-xlarge, td.hide-for-xlarge-up, td.hide-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only,
  th.hide-for-small,
  th.hide-for-small-only,
  th.hide-for-medium,
  th.hide-for-medium-down,
  th.hide-for-medium-only,
  th.show-for-medium-up,
  th.show-for-large,
  th.show-for-large-up,
  th.show-for-large-only,
  th.hide-for-xlarge,
  th.hide-for-xlarge-up,
  th.hide-for-xlarge-only,
  th.hide-for-xxlarge-up,
  th.hide-for-xxlarge-only {
    display: table-cell !important; } }

/* X-Large Displays: 1441 and up */
@media only screen and (min-width: 90.063em) {
  .hide-for-small,
  .hide-for-small-only,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .show-for-large-up,
  .hide-for-large-only,
  .show-for-xlarge,
  .show-for-xlarge-up,
  .show-for-xlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge-only {
    display: inherit !important; }
  .show-for-small-only,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-medium-only,
  .show-for-large,
  .show-for-large-only,
  .show-for-large-down,
  .hide-for-xlarge,
  .hide-for-xlarge-up,
  .hide-for-xlarge-only,
  .show-for-xxlarge-up,
  .show-for-xxlarge-only {
    display: none !important; }
  /* Specific visibility for tables */
  table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large-up, table.hide-for-large-only, table.show-for-xlarge, table.show-for-xlarge-up, table.show-for-xlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge-only {
    display: table; }
  thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large-up, thead.hide-for-large-only, thead.show-for-xlarge, thead.show-for-xlarge-up, thead.show-for-xlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge-only {
    display: table-header-group !important; }
  tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large-up, tbody.hide-for-large-only, tbody.show-for-xlarge, tbody.show-for-xlarge-up, tbody.show-for-xlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge-only {
    display: table-row-group !important; }
  tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large-up, tr.hide-for-large-only, tr.show-for-xlarge, tr.show-for-xlarge-up, tr.show-for-xlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge-only {
    display: table-row !important; }
  td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large-up, td.hide-for-large-only, td.show-for-xlarge, td.show-for-xlarge-up, td.show-for-xlarge-only, td.hide-for-xxlarge-up, td.hide-for-xxlarge-only,
  th.hide-for-small,
  th.hide-for-small-only,
  th.hide-for-medium,
  th.hide-for-medium-down,
  th.hide-for-medium-only,
  th.show-for-medium-up,
  th.show-for-large-up,
  th.hide-for-large-only,
  th.show-for-xlarge,
  th.show-for-xlarge-up,
  th.show-for-xlarge-only,
  th.hide-for-xxlarge-up,
  th.hide-for-xxlarge-only {
    display: table-cell !important; } }

/* XX-Large Displays: 1920 and up */
@media only screen and (min-width: 120.063em) {
  .hide-for-small,
  .hide-for-small-only,
  .hide-for-medium,
  .hide-for-medium-down,
  .hide-for-medium-only,
  .show-for-medium-up,
  .show-for-large-up,
  .hide-for-large-only,
  .hide-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xxlarge-up,
  .show-for-xxlarge-only {
    display: inherit !important; }
  .show-for-small-only,
  .show-for-medium,
  .show-for-medium-down,
  .show-for-medium-only,
  .show-for-large,
  .show-for-large-only,
  .show-for-large-down,
  .hide-for-xlarge,
  .show-for-xlarge-only,
  .hide-for-xxlarge-up,
  .hide-for-xxlarge-only {
    display: none !important; }
  /* Specific visibility for tables */
  table.hide-for-small, table.hide-for-small-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.show-for-medium-up, table.show-for-large-up, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-up, table.show-for-xxlarge-only {
    display: table; }
  thead.hide-for-small, thead.hide-for-small-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.show-for-large-up, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-up, thead.show-for-xxlarge-only {
    display: table-header-group !important; }
  tbody.hide-for-small, tbody.hide-for-small-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.show-for-large-up, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge-only {
    display: table-row-group !important; }
  tr.hide-for-small, tr.hide-for-small-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.show-for-large-up, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-up, tr.show-for-xxlarge-only {
    display: table-row !important; }
  td.hide-for-small, td.hide-for-small-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.show-for-medium-up, td.show-for-large-up, td.hide-for-xlarge-only, td.show-for-xlarge-up, td.show-for-xxlarge-up, td.show-for-xxlarge-only,
  th.hide-for-small,
  th.hide-for-small-only,
  th.hide-for-medium,
  th.hide-for-medium-down,
  th.hide-for-medium-only,
  th.show-for-medium-up,
  th.show-for-large-up,
  th.hide-for-xlarge-only,
  th.show-for-xlarge-up,
  th.show-for-xxlarge-up,
  th.show-for-xxlarge-only {
    display: table-cell !important; } }

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }
  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table; }
  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }
  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }
  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }
  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }

@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }
  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table; }
  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }
  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }
  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }
  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-touch {
  display: table; }

.touch table.show-for-touch {
  display: table; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Each individual part that can be added in */
.admin-menu .fixed {
  top: 1.8125rem; }

#status-messages.reveal-modal .alert-box {
  margin-bottom: 0; }

.reveal-modal {
  z-index: 999; }

.item-list .pager {
  clear: none; }

.item-list .pager li {
  padding: 0;
  margin: 0;
  display: inline-block; }

/*
 * Foundation Icons v 3.0
 * Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3
 * MIT License
 */
@font-face {
  font-family: "foundation-icons";
  src: url("../fonts/foundation-icons/foundation-icons.eot");
  src: url("../fonts/foundation-icons/foundation-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/foundation-icons/foundation-icons.woff") format("woff"), url("../fonts/foundation-icons/foundation-icons.ttf") format("truetype"), url("../fonts/foundation-icons/foundation-icons.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal; }

.fi-address-book:before,
.fi-alert:before,
.fi-align-center:before,
.fi-align-justify:before,
.fi-align-left:before,
.fi-align-right:before,
.fi-anchor:before,
.fi-annotate:before,
.fi-archive:before,
.fi-arrow-down:before,
.fi-arrow-left:before,
.fi-arrow-right:before,
.fi-arrow-up:before,
.fi-arrows-compress:before,
.fi-arrows-expand:before,
.fi-arrows-in:before,
.fi-arrows-out:before,
.fi-asl:before,
.fi-asterisk:before,
.fi-at-sign:before,
.fi-background-color:before,
.fi-battery-empty:before,
.fi-battery-full:before,
.fi-battery-half:before,
.fi-bitcoin-circle:before,
.fi-bitcoin:before,
.fi-blind:before,
.fi-bluetooth:before,
.fi-bold:before,
.fi-book-bookmark:before,
.fi-book:before,
.fi-bookmark:before,
.fi-braille:before,
.fi-burst-new:before,
.fi-burst-sale:before,
.fi-burst:before,
.fi-calendar:before,
.fi-camera:before,
.fi-check:before,
.fi-checkbox:before,
.fi-clipboard-notes:before,
.fi-clipboard-pencil:before,
.fi-clipboard:before,
.fi-clock:before,
.fi-closed-caption:before,
.fi-cloud:before,
.fi-comment-minus:before,
.fi-comment-quotes:before,
.fi-comment-video:before,
.fi-comment:before,
.fi-comments:before,
.fi-compass:before,
.fi-contrast:before,
.fi-credit-card:before,
.fi-crop:before,
.fi-crown:before,
.fi-css3:before,
.fi-database:before,
.fi-die-five:before,
.fi-die-four:before,
.fi-die-one:before,
.fi-die-six:before,
.fi-die-three:before,
.fi-die-two:before,
.fi-dislike:before,
.fi-dollar-bill:before,
.fi-dollar:before,
.fi-download:before,
.fi-eject:before,
.fi-elevator:before,
.fi-euro:before,
.fi-eye:before,
.fi-fast-forward:before,
.fi-female-symbol:before,
.fi-female:before,
.fi-filter:before,
.fi-first-aid:before,
.fi-flag:before,
.fi-folder-add:before,
.fi-folder-lock:before,
.fi-folder:before,
.fi-foot:before,
.fi-foundation:before,
.fi-graph-bar:before,
.fi-graph-horizontal:before,
.fi-graph-pie:before,
.fi-graph-trend:before,
.fi-guide-dog:before,
.fi-hearing-aid:before,
.fi-heart:before,
.fi-home:before,
.fi-html5:before,
.fi-indent-less:before,
.fi-indent-more:before,
.fi-info:before,
.fi-italic:before,
.fi-key:before,
.fi-laptop:before,
.fi-layout:before,
.fi-lightbulb:before,
.fi-like:before,
.fi-link:before,
.fi-list-bullet:before,
.fi-list-number:before,
.fi-list-thumbnails:before,
.fi-list:before,
.fi-lock:before,
.fi-loop:before,
.fi-magnifying-glass:before,
.fi-mail:before,
.fi-male-female:before,
.fi-male-symbol:before,
.fi-male:before,
.fi-map:before,
.fi-marker:before,
.fi-megaphone:before,
.fi-microphone:before,
.fi-minus-circle:before,
.fi-minus:before,
.fi-mobile-signal:before,
.fi-mobile:before,
.fi-monitor:before,
.fi-mountains:before,
.fi-music:before,
.fi-next:before,
.fi-no-dogs:before,
.fi-no-smoking:before,
.fi-page-add:before,
.fi-page-copy:before,
.fi-page-csv:before,
.fi-page-delete:before,
.fi-page-doc:before,
.fi-page-edit:before,
.fi-page-export-csv:before,
.fi-page-export-doc:before,
.fi-page-export-pdf:before,
.fi-page-export:before,
.fi-page-filled:before,
.fi-page-multiple:before,
.fi-page-pdf:before,
.fi-page-remove:before,
.fi-page-search:before,
.fi-page:before,
.fi-paint-bucket:before,
.fi-paperclip:before,
.fi-pause:before,
.fi-paw:before,
.fi-paypal:before,
.fi-pencil:before,
.fi-photo:before,
.fi-play-circle:before,
.fi-play-video:before,
.fi-play:before,
.fi-plus:before,
.fi-pound:before,
.fi-power:before,
.fi-previous:before,
.fi-price-tag:before,
.fi-pricetag-multiple:before,
.fi-print:before,
.fi-prohibited:before,
.fi-projection-screen:before,
.fi-puzzle:before,
.fi-quote:before,
.fi-record:before,
.fi-refresh:before,
.fi-results-demographics:before,
.fi-results:before,
.fi-rewind-ten:before,
.fi-rewind:before,
.fi-rss:before,
.fi-safety-cone:before,
.fi-save:before,
.fi-share:before,
.fi-sheriff-badge:before,
.fi-shield:before,
.fi-shopping-bag:before,
.fi-shopping-cart:before,
.fi-shuffle:before,
.fi-skull:before,
.fi-social-500px:before,
.fi-social-adobe:before,
.fi-social-amazon:before,
.fi-social-android:before,
.fi-social-apple:before,
.fi-social-behance:before,
.fi-social-bing:before,
.fi-social-blogger:before,
.fi-social-delicious:before,
.fi-social-designer-news:before,
.fi-social-deviant-art:before,
.fi-social-digg:before,
.fi-social-dribbble:before,
.fi-social-drive:before,
.fi-social-dropbox:before,
.fi-social-evernote:before,
.fi-social-facebook:before,
.fi-social-flickr:before,
.fi-social-forrst:before,
.fi-social-foursquare:before,
.fi-social-game-center:before,
.fi-social-github:before,
.fi-social-google-plus:before,
.fi-social-hacker-news:before,
.fi-social-hi5:before,
.fi-social-instagram:before,
.fi-social-joomla:before,
.fi-social-lastfm:before,
.fi-social-linkedin:before,
.fi-social-medium:before,
.fi-social-myspace:before,
.fi-social-orkut:before,
.fi-social-path:before,
.fi-social-picasa:before,
.fi-social-pinterest:before,
.fi-social-rdio:before,
.fi-social-reddit:before,
.fi-social-skillshare:before,
.fi-social-skype:before,
.fi-social-smashing-mag:before,
.fi-social-snapchat:before,
.fi-social-spotify:before,
.fi-social-squidoo:before,
.fi-social-stack-overflow:before,
.fi-social-steam:before,
.fi-social-stumbleupon:before,
.fi-social-treehouse:before,
.fi-social-tumblr:before,
.fi-social-twitter:before,
.fi-social-vimeo:before,
.fi-social-windows:before,
.fi-social-xbox:before,
.fi-social-yahoo:before,
.fi-social-yelp:before,
.fi-social-youtube:before,
.fi-social-zerply:before,
.fi-social-zurb:before,
.fi-sound:before,
.fi-star:before,
.fi-stop:before,
.fi-strikethrough:before,
.fi-subscript:before,
.fi-superscript:before,
.fi-tablet-landscape:before,
.fi-tablet-portrait:before,
.fi-target-two:before,
.fi-target:before,
.fi-telephone-accessible:before,
.fi-telephone:before,
.fi-text-color:before,
.fi-thumbnails:before,
.fi-ticket:before,
.fi-torso-business:before,
.fi-torso-female:before,
.fi-torso:before,
.fi-torsos-all-female:before,
.fi-torsos-all:before,
.fi-torsos-female-male:before,
.fi-torsos-male-female:before,
.fi-torsos:before,
.fi-trash:before,
.fi-trees:before,
.fi-trophy:before,
.fi-underline:before,
.fi-universal-access:before,
.fi-unlink:before,
.fi-unlock:before,
.fi-upload-cloud:before,
.fi-upload:before,
.fi-usb:before,
.fi-video:before,
.fi-volume-none:before,
.fi-volume-strike:before,
.fi-volume:before,
.fi-web:before,
.fi-wheelchair:before,
.fi-widget:before,
.fi-wrench:before,
.fi-x-circle:before,
.fi-x:before,
.fi-yen:before,
.fi-zoom-in:before,
.fi-zoom-out:before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit; }

.fi-address-book:before {
  content: "\f100"; }

.fi-alert:before {
  content: "\f101"; }

.fi-align-center:before {
  content: "\f102"; }

.fi-align-justify:before {
  content: "\f103"; }

.fi-align-left:before {
  content: "\f104"; }

.fi-align-right:before {
  content: "\f105"; }

.fi-anchor:before {
  content: "\f106"; }

.fi-annotate:before {
  content: "\f107"; }

.fi-archive:before {
  content: "\f108"; }

.fi-arrow-down:before {
  content: "\f109"; }

.fi-arrow-left:before {
  content: "\f10a"; }

.fi-arrow-right:before {
  content: "\f10b"; }

.fi-arrow-up:before {
  content: "\f10c"; }

.fi-arrows-compress:before {
  content: "\f10d"; }

.fi-arrows-expand:before {
  content: "\f10e"; }

.fi-arrows-in:before {
  content: "\f10f"; }

.fi-arrows-out:before {
  content: "\f110"; }

.fi-asl:before {
  content: "\f111"; }

.fi-asterisk:before {
  content: "\f112"; }

.fi-at-sign:before {
  content: "\f113"; }

.fi-background-color:before {
  content: "\f114"; }

.fi-battery-empty:before {
  content: "\f115"; }

.fi-battery-full:before {
  content: "\f116"; }

.fi-battery-half:before {
  content: "\f117"; }

.fi-bitcoin-circle:before {
  content: "\f118"; }

.fi-bitcoin:before {
  content: "\f119"; }

.fi-blind:before {
  content: "\f11a"; }

.fi-bluetooth:before {
  content: "\f11b"; }

.fi-bold:before {
  content: "\f11c"; }

.fi-book-bookmark:before {
  content: "\f11d"; }

.fi-book:before {
  content: "\f11e"; }

.fi-bookmark:before {
  content: "\f11f"; }

.fi-braille:before {
  content: "\f120"; }

.fi-burst-new:before {
  content: "\f121"; }

.fi-burst-sale:before {
  content: "\f122"; }

.fi-burst:before {
  content: "\f123"; }

.fi-calendar:before {
  content: "\f124"; }

.fi-camera:before {
  content: "\f125"; }

.fi-check:before {
  content: "\f126"; }

.fi-checkbox:before {
  content: "\f127"; }

.fi-clipboard-notes:before {
  content: "\f128"; }

.fi-clipboard-pencil:before {
  content: "\f129"; }

.fi-clipboard:before {
  content: "\f12a"; }

.fi-clock:before {
  content: "\f12b"; }

.fi-closed-caption:before {
  content: "\f12c"; }

.fi-cloud:before {
  content: "\f12d"; }

.fi-comment-minus:before {
  content: "\f12e"; }

.fi-comment-quotes:before {
  content: "\f12f"; }

.fi-comment-video:before {
  content: "\f130"; }

.fi-comment:before {
  content: "\f131"; }

.fi-comments:before {
  content: "\f132"; }

.fi-compass:before {
  content: "\f133"; }

.fi-contrast:before {
  content: "\f134"; }

.fi-credit-card:before {
  content: "\f135"; }

.fi-crop:before {
  content: "\f136"; }

.fi-crown:before {
  content: "\f137"; }

.fi-css3:before {
  content: "\f138"; }

.fi-database:before {
  content: "\f139"; }

.fi-die-five:before {
  content: "\f13a"; }

.fi-die-four:before {
  content: "\f13b"; }

.fi-die-one:before {
  content: "\f13c"; }

.fi-die-six:before {
  content: "\f13d"; }

.fi-die-three:before {
  content: "\f13e"; }

.fi-die-two:before {
  content: "\f13f"; }

.fi-dislike:before {
  content: "\f140"; }

.fi-dollar-bill:before {
  content: "\f141"; }

.fi-dollar:before {
  content: "\f142"; }

.fi-download:before {
  content: "\f143"; }

.fi-eject:before {
  content: "\f144"; }

.fi-elevator:before {
  content: "\f145"; }

.fi-euro:before {
  content: "\f146"; }

.fi-eye:before {
  content: "\f147"; }

.fi-fast-forward:before {
  content: "\f148"; }

.fi-female-symbol:before {
  content: "\f149"; }

.fi-female:before {
  content: "\f14a"; }

.fi-filter:before {
  content: "\f14b"; }

.fi-first-aid:before {
  content: "\f14c"; }

.fi-flag:before {
  content: "\f14d"; }

.fi-folder-add:before {
  content: "\f14e"; }

.fi-folder-lock:before {
  content: "\f14f"; }

.fi-folder:before {
  content: "\f150"; }

.fi-foot:before {
  content: "\f151"; }

.fi-foundation:before {
  content: "\f152"; }

.fi-graph-bar:before {
  content: "\f153"; }

.fi-graph-horizontal:before {
  content: "\f154"; }

.fi-graph-pie:before {
  content: "\f155"; }

.fi-graph-trend:before {
  content: "\f156"; }

.fi-guide-dog:before {
  content: "\f157"; }

.fi-hearing-aid:before {
  content: "\f158"; }

.fi-heart:before {
  content: "\f159"; }

.fi-home:before {
  content: "\f15a"; }

.fi-html5:before {
  content: "\f15b"; }

.fi-indent-less:before {
  content: "\f15c"; }

.fi-indent-more:before {
  content: "\f15d"; }

.fi-info:before {
  content: "\f15e"; }

.fi-italic:before {
  content: "\f15f"; }

.fi-key:before {
  content: "\f160"; }

.fi-laptop:before {
  content: "\f161"; }

.fi-layout:before {
  content: "\f162"; }

.fi-lightbulb:before {
  content: "\f163"; }

.fi-like:before {
  content: "\f164"; }

.fi-link:before {
  content: "\f165"; }

.fi-list-bullet:before {
  content: "\f166"; }

.fi-list-number:before {
  content: "\f167"; }

.fi-list-thumbnails:before {
  content: "\f168"; }

.fi-list:before {
  content: "\f169"; }

.fi-lock:before {
  content: "\f16a"; }

.fi-loop:before {
  content: "\f16b"; }

.fi-magnifying-glass:before {
  content: "\f16c"; }

.fi-mail:before {
  content: "\f16d"; }

.fi-male-female:before {
  content: "\f16e"; }

.fi-male-symbol:before {
  content: "\f16f"; }

.fi-male:before {
  content: "\f170"; }

.fi-map:before {
  content: "\f171"; }

.fi-marker:before {
  content: "\f172"; }

.fi-megaphone:before {
  content: "\f173"; }

.fi-microphone:before {
  content: "\f174"; }

.fi-minus-circle:before {
  content: "\f175"; }

.fi-minus:before {
  content: "\f176"; }

.fi-mobile-signal:before {
  content: "\f177"; }

.fi-mobile:before {
  content: "\f178"; }

.fi-monitor:before {
  content: "\f179"; }

.fi-mountains:before {
  content: "\f17a"; }

.fi-music:before {
  content: "\f17b"; }

.fi-next:before {
  content: "\f17c"; }

.fi-no-dogs:before {
  content: "\f17d"; }

.fi-no-smoking:before {
  content: "\f17e"; }

.fi-page-add:before {
  content: "\f17f"; }

.fi-page-copy:before {
  content: "\f180"; }

.fi-page-csv:before {
  content: "\f181"; }

.fi-page-delete:before {
  content: "\f182"; }

.fi-page-doc:before {
  content: "\f183"; }

.fi-page-edit:before {
  content: "\f184"; }

.fi-page-export-csv:before {
  content: "\f185"; }

.fi-page-export-doc:before {
  content: "\f186"; }

.fi-page-export-pdf:before {
  content: "\f187"; }

.fi-page-export:before {
  content: "\f188"; }

.fi-page-filled:before {
  content: "\f189"; }

.fi-page-multiple:before {
  content: "\f18a"; }

.fi-page-pdf:before {
  content: "\f18b"; }

.fi-page-remove:before {
  content: "\f18c"; }

.fi-page-search:before {
  content: "\f18d"; }

.fi-page:before {
  content: "\f18e"; }

.fi-paint-bucket:before {
  content: "\f18f"; }

.fi-paperclip:before {
  content: "\f190"; }

.fi-pause:before {
  content: "\f191"; }

.fi-paw:before {
  content: "\f192"; }

.fi-paypal:before {
  content: "\f193"; }

.fi-pencil:before {
  content: "\f194"; }

.fi-photo:before {
  content: "\f195"; }

.fi-play-circle:before {
  content: "\f196"; }

.fi-play-video:before {
  content: "\f197"; }

.fi-play:before {
  content: "\f198"; }

.fi-plus:before {
  content: "\f199"; }

.fi-pound:before {
  content: "\f19a"; }

.fi-power:before {
  content: "\f19b"; }

.fi-previous:before {
  content: "\f19c"; }

.fi-price-tag:before {
  content: "\f19d"; }

.fi-pricetag-multiple:before {
  content: "\f19e"; }

.fi-print:before {
  content: "\f19f"; }

.fi-prohibited:before {
  content: "\f1a0"; }

.fi-projection-screen:before {
  content: "\f1a1"; }

.fi-puzzle:before {
  content: "\f1a2"; }

.fi-quote:before {
  content: "\f1a3"; }

.fi-record:before {
  content: "\f1a4"; }

.fi-refresh:before {
  content: "\f1a5"; }

.fi-results-demographics:before {
  content: "\f1a6"; }

.fi-results:before {
  content: "\f1a7"; }

.fi-rewind-ten:before {
  content: "\f1a8"; }

.fi-rewind:before {
  content: "\f1a9"; }

.fi-rss:before {
  content: "\f1aa"; }

.fi-safety-cone:before {
  content: "\f1ab"; }

.fi-save:before {
  content: "\f1ac"; }

.fi-share:before {
  content: "\f1ad"; }

.fi-sheriff-badge:before {
  content: "\f1ae"; }

.fi-shield:before {
  content: "\f1af"; }

.fi-shopping-bag:before {
  content: "\f1b0"; }

.fi-shopping-cart:before {
  content: "\f1b1"; }

.fi-shuffle:before {
  content: "\f1b2"; }

.fi-skull:before {
  content: "\f1b3"; }

.fi-social-500px:before {
  content: "\f1b4"; }

.fi-social-adobe:before {
  content: "\f1b5"; }

.fi-social-amazon:before {
  content: "\f1b6"; }

.fi-social-android:before {
  content: "\f1b7"; }

.fi-social-apple:before {
  content: "\f1b8"; }

.fi-social-behance:before {
  content: "\f1b9"; }

.fi-social-bing:before {
  content: "\f1ba"; }

.fi-social-blogger:before {
  content: "\f1bb"; }

.fi-social-delicious:before {
  content: "\f1bc"; }

.fi-social-designer-news:before {
  content: "\f1bd"; }

.fi-social-deviant-art:before {
  content: "\f1be"; }

.fi-social-digg:before {
  content: "\f1bf"; }

.fi-social-dribbble:before {
  content: "\f1c0"; }

.fi-social-drive:before {
  content: "\f1c1"; }

.fi-social-dropbox:before {
  content: "\f1c2"; }

.fi-social-evernote:before {
  content: "\f1c3"; }

.fi-social-facebook:before {
  content: "\f1c4"; }

.fi-social-flickr:before {
  content: "\f1c5"; }

.fi-social-forrst:before {
  content: "\f1c6"; }

.fi-social-foursquare:before {
  content: "\f1c7"; }

.fi-social-game-center:before {
  content: "\f1c8"; }

.fi-social-github:before {
  content: "\f1c9"; }

.fi-social-google-plus:before {
  content: "\f1ca"; }

.fi-social-hacker-news:before {
  content: "\f1cb"; }

.fi-social-hi5:before {
  content: "\f1cc"; }

.fi-social-instagram:before {
  content: "\f1cd"; }

.fi-social-joomla:before {
  content: "\f1ce"; }

.fi-social-lastfm:before {
  content: "\f1cf"; }

.fi-social-linkedin:before {
  content: "\f1d0"; }

.fi-social-medium:before {
  content: "\f1d1"; }

.fi-social-myspace:before {
  content: "\f1d2"; }

.fi-social-orkut:before {
  content: "\f1d3"; }

.fi-social-path:before {
  content: "\f1d4"; }

.fi-social-picasa:before {
  content: "\f1d5"; }

.fi-social-pinterest:before {
  content: "\f1d6"; }

.fi-social-rdio:before {
  content: "\f1d7"; }

.fi-social-reddit:before {
  content: "\f1d8"; }

.fi-social-skillshare:before {
  content: "\f1d9"; }

.fi-social-skype:before {
  content: "\f1da"; }

.fi-social-smashing-mag:before {
  content: "\f1db"; }

.fi-social-snapchat:before {
  content: "\f1dc"; }

.fi-social-spotify:before {
  content: "\f1dd"; }

.fi-social-squidoo:before {
  content: "\f1de"; }

.fi-social-stack-overflow:before {
  content: "\f1df"; }

.fi-social-steam:before {
  content: "\f1e0"; }

.fi-social-stumbleupon:before {
  content: "\f1e1"; }

.fi-social-treehouse:before {
  content: "\f1e2"; }

.fi-social-tumblr:before {
  content: "\f1e3"; }

.fi-social-twitter:before {
  content: "\f1e4"; }

.fi-social-vimeo:before {
  content: "\f1e5"; }

.fi-social-windows:before {
  content: "\f1e6"; }

.fi-social-xbox:before {
  content: "\f1e7"; }

.fi-social-yahoo:before {
  content: "\f1e8"; }

.fi-social-yelp:before {
  content: "\f1e9"; }

.fi-social-youtube:before {
  content: "\f1ea"; }

.fi-social-zerply:before {
  content: "\f1eb"; }

.fi-social-zurb:before {
  content: "\f1ec"; }

.fi-sound:before {
  content: "\f1ed"; }

.fi-star:before {
  content: "\f1ee"; }

.fi-stop:before {
  content: "\f1ef"; }

.fi-strikethrough:before {
  content: "\f1f0"; }

.fi-subscript:before {
  content: "\f1f1"; }

.fi-superscript:before {
  content: "\f1f2"; }

.fi-tablet-landscape:before {
  content: "\f1f3"; }

.fi-tablet-portrait:before {
  content: "\f1f4"; }

.fi-target-two:before {
  content: "\f1f5"; }

.fi-target:before {
  content: "\f1f6"; }

.fi-telephone-accessible:before {
  content: "\f1f7"; }

.fi-telephone:before {
  content: "\f1f8"; }

.fi-text-color:before {
  content: "\f1f9"; }

.fi-thumbnails:before {
  content: "\f1fa"; }

.fi-ticket:before {
  content: "\f1fb"; }

.fi-torso-business:before {
  content: "\f1fc"; }

.fi-torso-female:before {
  content: "\f1fd"; }

.fi-torso:before {
  content: "\f1fe"; }

.fi-torsos-all-female:before {
  content: "\f1ff"; }

.fi-torsos-all:before {
  content: "\f200"; }

.fi-torsos-female-male:before {
  content: "\f201"; }

.fi-torsos-male-female:before {
  content: "\f202"; }

.fi-torsos:before {
  content: "\f203"; }

.fi-trash:before {
  content: "\f204"; }

.fi-trees:before {
  content: "\f205"; }

.fi-trophy:before {
  content: "\f206"; }

.fi-underline:before {
  content: "\f207"; }

.fi-universal-access:before {
  content: "\f208"; }

.fi-unlink:before {
  content: "\f209"; }

.fi-unlock:before {
  content: "\f20a"; }

.fi-upload-cloud:before {
  content: "\f20b"; }

.fi-upload:before {
  content: "\f20c"; }

.fi-usb:before {
  content: "\f20d"; }

.fi-video:before {
  content: "\f20e"; }

.fi-volume-none:before {
  content: "\f20f"; }

.fi-volume-strike:before {
  content: "\f210"; }

.fi-volume:before {
  content: "\f211"; }

.fi-web:before {
  content: "\f212"; }

.fi-wheelchair:before {
  content: "\f213"; }

.fi-widget:before {
  content: "\f214"; }

.fi-wrench:before {
  content: "\f215"; }

.fi-x-circle:before {
  content: "\f216"; }

.fi-x:before {
  content: "\f217"; }

.fi-yen:before {
  content: "\f218"; }

.fi-zoom-in:before {
  content: "\f219"; }

.fi-zoom-out:before {
  content: "\f21a"; }

.row {
  max-width: 75rem; }

/* drupal seven resets */
ul, .block ul, .item-list ul {
  margin: 0; }

ul, .block ul, ol {
  margin: 0.5em 0 1em;
  padding: 0 0 0 1.5em; }

p {
  margin: 0.6em 0 1.2em;
  padding: 0; }
  p a {
    text-decoration: underline !important; }
    p a:hover {
      text-decoration: underline !important; }

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  blockquote h2 {
    font-size: 1.4375rem; } }

blockquote h2:before, blockquote h2:after {
  content: '"'; }

/* layout */
table {
  max-width: 100%; }

.view .pagination-centered {
  clear: left;
  float: left;
  width: 100%;
  margin-bottom: 0; }
  .view .pagination-centered .item-list {
    margin: 1rem auto;
    display: block;
    overflow: hidden; }

.ck-left {
  float: left;
  margin: 0.625rem; }

.ck-right {
  float: right;
  margin: 0.625rem; }

.image-left {
  padding-right: 25px; }

.image-right {
  padding-left: 25px; }

img {
  max-width: 100%; }

body {
  color: #1f1f1b;
  line-height: 1.2; }

h1 {
  font-size: 2.5rem;
  color: #b93436;
  font-weight: 400; }

h2 {
  font-size: 1.875rem;
  color: #147998;
  font-weight: 400; }

h3 {
  font-size: 1.25rem;
  color: #147998;
  font-weight: 400; }

div {
  font-size: 1.25rem; }

.pane-node-body p {
  font-size: 1.25rem; }

.float-left {
  float: left; }

.row.collapse .left-column {
  padding-right: 0.625rem; }

.row.collapse .middle-column {
  padding: 0 0.625rem; }

.pane-image-header-random-select-panel-pane-1, .pane-node-field-header-crop {
  margin-bottom: 1rem; }
  .pane-image-header-random-select-panel-pane-1 .field-content, .pane-node-field-header-crop .field-content {
    text-align: right; }

@media only screen and (min-width: 40.063em) {
  .standard-layout .row.collapse .right-column {
    padding-left: 8.33333%;
    float: left; } }

@media only screen and (min-width: 40.063em) {
  .standard-3-col-layout .row.collapse .middle-column {
    padding-left: 8.33333%;
    float: left; } }

@media only screen and (min-width: 40.063em) {
  .right-column .pane-image-header-random-select-panel-pane-1, .right-column .pane-node-field-header-crop {
    margin-left: -11.8%; } }

.row.top-row .large-12 .large-8, .row.top-row .large-12 .large-4 {
  padding: 0;
  margin: 0; }

.middle-row {
  margin-bottom: 0.625rem; }

@media only screen and (max-width: 40em) {
  .l-main {
    padding: 0 0.625rem; } }

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .l-main {
    padding: 0 0.625rem; } }

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .pane-menu-infomation-about {
    margin-right: 1rem; } }

/* User login */
#user-login {
  width: 37.5rem;
  float: left;
  clear: left;
  display: block;
  overflow: hidden; }

/* social media */
.social-media-box > div > span {
  display: inline-block;
  height: 2.1875rem;
  line-height: 2.1875rem;
  float: left;
  overflow: hidden; }

.social-icon {
  display: inline-block;
  height: 2.1875rem;
  width: 2.1875rem;
  overflow: hidden;
  text-indent: -9999px;
  margin-right: 0.625rem;
  float: left; }

.youtube {
  background: url("../images/social-media-icons.png") no-repeat; }
  @media only screen and (max-width: 40em) {
    .youtube {
      margin-left: 0.5rem; } }

.facebook {
  background: url("../images/social-media-icons.png") no-repeat scroll 40% 0; }

.twitter {
  background: url("../images/social-media-icons.png") no-repeat scroll 70% 0; }

.linkedin {
  background: url("../images/social-media-icons.png") no-repeat scroll 105% 0; }

.instagram {
  background: url("../images/instagram-icon-white.png") no-repeat 100%/100%; }

/* button menu */
ul.menu .button {
  margin-bottom: 0;
  background: transparent;
  box-shadow: none;
  border: none;
  padding: 0; }

.button:focus {
  background: transparent;
  outline: thin dotted !important; }

.button:hover {
  background: transparent; }

.dropdown.button:before {
  content: none; }

.f-dropdown.open:before {
  display: none; }

.f-dropdown.open:after {
  display: none; }

/* misc */
#page-title {
  background: none; }

a:link, a:visited {
  border: medium none;
  color: #137b9a;
  outline: 0 none;
  text-decoration: none; }

a:hover {
  text-decoration: none;
  color: #b93436; }

a:focus {
  outline: thin dotted !important; }

ul.tabs.primary {
  overflow: hidden;
  display: block;
  float: none;
  margin-bottom: 1.25rem; }

ul.menu, .menu-section ul {
  list-style: none;
  margin: 0;
  padding: 0; }

ul.menu li.collapsed, ul.menu li.leaf, ul.menu li.expanded, .menu-section ul li {
  list-style-type: none;
  list-style-image: none; }

ul {
  line-height: 1.2; }

.breadcrumbs {
  padding: 0 0 1.25rem 0; }
  .breadcrumbs a {
    font-size: 1.0625rem;
    color: #6b7780; }
  .breadcrumbs > *:before {
    margin: 0 0.015625rem; }

.inner-wrap {
  background: #666666; }

.page {
  max-width: 100rem;
  background: #ffffff;
  margin: 0 auto; }

.quote-large:before {
  content: '"'; }

.quote-large:after {
  content: '"'; }

/* global slick */
.slick-initialized .slick-next {
  right: 0.625rem;
  background: url("../images/next-arrow.png") no-repeat;
  height: 3.8125rem;
  width: 2.5625rem;
  background-size: 100% 100%; }
  .slick-initialized .slick-next:before {
    content: none; }
  .slick-initialized .slick-next:hover, .slick-initialized .slick-next:focus {
    background: url("../images/next-arrow.png") no-repeat; }

.slick-initialized .slick-prev {
  left: 0.625rem;
  background: url("../images/prev-arrow.png") no-repeat;
  height: 3.8125rem;
  width: 2.5625rem;
  background-size: 100% 100%; }
  .slick-initialized .slick-prev:before {
    content: none; }
  .slick-initialized .slick-prev:hover, .slick-initialized .slick-prev:focus {
    background: url("../images/prev-arrow.png") no-repeat; }

/* global view panes */
.standard-listing .views-row, .view-vacancies .views-row {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 1.25rem;
  padding-bottom: 1rem;
  width: 100%;
  line-height: 120%; }
  .standard-listing .views-row .views-field-field-publishing, .view-vacancies .views-row .views-field-field-publishing {
    color: #959595; }
  .standard-listing .views-row .views-field-title, .view-vacancies .views-row .views-field-title {
    font-size: 1.125rem;
    margin: 0.625rem 0;
    padding-top: 0.125rem;
    width: 100%; }
    .standard-listing .views-row .views-field-title a:after, .view-vacancies .views-row .views-field-title a:after {
      content: ›;
      margin-left: 0.9375rem;
      margin-top: -0.125rem;
      color: #137b9a; }
  .standard-listing .views-row .views-field-field-publishing, .view-vacancies .views-row .views-field-field-publishing {
    color: #959595; }

.view-empty {
  margin-bottom: 0.9375rem; }

.pagination-centered {
  float: left;
  margin: 0 auto 1.875rem auto; }

/* header */
.mobile-menu {
  display: none; }
  @media only screen and (max-width: 40em) {
    .mobile-menu {
      display: block;
      overflow: hidden; }
      .mobile-menu a {
        display: block;
        margin: 1.25rem auto;
        width: 3.125rem;
        height: 2.8125rem;
        overflow: hidden;
        text-indent: -9999px;
        background: url("../images/menu-button.png") no-repeat;
        background-size: 100% 100%; } }

.top-header-column.columns {
  padding: 0;
  margin: 0; }

.top-header {
  background: #fde6e9;
  border-bottom: 0.0625rem solid #b93436; }

.l-header {
  padding-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #b93436;
  margin-bottom: 1.25rem; }
  @media only screen and (max-width: 40em) {
    .l-header {
      padding: 0 0.625rem; } }
  @media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .l-header {
      padding: 0 0.625rem; } }

#mini-panel-topbar_panel .pane-menu-header-menu-1 {
  margin: 0 auto; }
  @media only screen and (max-width: 40em) {
    #mini-panel-topbar_panel .pane-menu-header-menu-1 {
      display: none; } }
  #mini-panel-topbar_panel .pane-menu-header-menu-1 .menu-mlid-2643 {
    position: relative;
    display: block;
    height: 1.75rem; }
    #mini-panel-topbar_panel .pane-menu-header-menu-1 .menu-mlid-2643 a {
      overflow: hidden;
      text-indent: -9999px;
      position: absolute;
      top: 40%;
      height: 0.6875rem;
      width: 0.875rem;
      background: url("../images/home-icon.png") no-repeat center;
      background-size: 100% 100%; }
  #mini-panel-topbar_panel .pane-menu-header-menu-1 li {
    padding: 0.3125rem 0.9375rem 0.3125rem;
    display: block;
    float: left; }
    #mini-panel-topbar_panel .pane-menu-header-menu-1 li:first-child {
      padding-left: 0; }
  #mini-panel-topbar_panel .pane-menu-header-menu-1 a {
    color: #4d4d43;
    line-height: 1.4;
    font-size: 20px; }

.logo-box a {
  margin-top: 0.75rem;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 1.25rem;
  padding-right: 16px; }
  .logo-box a img {
    max-width: 100%; }

#mini-panel-new_header_panel {
  margin-top: 1.25rem; }
  @media only screen and (min-width: 40.063em) and (max-width: 64em) {
    #mini-panel-new_header_panel {
      margin-bottom: 1.25rem; } }
  #mini-panel-new_header_panel .pane-mobilemenu {
    display: none;
    width: 100%; }
    #mini-panel-new_header_panel .pane-mobilemenu .accordion {
      background: #147998;
      float: left;
      overflow: hidden;
      width: 100%;
      padding: 0 0.9375rem 0.9375rem 0.9375rem;
      margin-bottom: 1.25rem; }
    #mini-panel-new_header_panel .pane-mobilemenu .accordion-navigation {
      position: relative;
      display: block;
      overflow: hidden;
      border-bottom: 0.0625rem solid #ffffff; }
    #mini-panel-new_header_panel .pane-mobilemenu .accordion-navigation a {
      background: #147998;
      color: #ffffff; }
      #mini-panel-new_header_panel .pane-mobilemenu .accordion-navigation a:hover {
        background: #147998; }
      #mini-panel-new_header_panel .pane-mobilemenu .accordion-navigation a:nth-child(2) {
        height: 100%; }
    #mini-panel-new_header_panel .pane-mobilemenu .accordion-navigation .content.active a {
      background: #147998;
      color: #ffffff; }
      #mini-panel-new_header_panel .pane-mobilemenu .accordion-navigation .content.active a:hover {
        background: #147998;
        color: #ffffff; }
    #mini-panel-new_header_panel .pane-mobilemenu .plus-minus {
      max-width: 20%; }
    @media only screen and (max-width: 40em) {
      #mini-panel-new_header_panel .pane-mobilemenu {
        width: 100%; } }
    #mini-panel-new_header_panel .pane-mobilemenu .accordion dd > a {
      float: left;
      overflow: hidden; }
      #mini-panel-new_header_panel .pane-mobilemenu .accordion dd > a:nth-child(1) {
        width: 80%; }
      #mini-panel-new_header_panel .pane-mobilemenu .accordion dd > a:nth-child(2) {
        width: 20%; }
    #mini-panel-new_header_panel .pane-mobilemenu .accordion .content.active {
      background: transparent; }
  @media only screen and (max-width: 40em) {
    #mini-panel-new_header_panel .pane-button-main-menu {
      display: none; } }
  #mini-panel-new_header_panel .pane-button-main-menu .f-dropdown:before {
    border-color: transparent transparent #147998; }
  #mini-panel-new_header_panel .pane-button-main-menu .pane-content > li {
    list-style: none;
    float: left;
    width: 50%;
    max-height: 1.875rem; }
    #mini-panel-new_header_panel .pane-button-main-menu .pane-content > li:nth-child(odd) {
      padding-right: 8px; }
    #mini-panel-new_header_panel .pane-button-main-menu .pane-content > li:nth-child(even) {
      padding-left: 8px; }
    #mini-panel-new_header_panel .pane-button-main-menu .pane-content > li > a {
      color: #147998;
      font-size: 1.275rem;
      line-height: 1.875rem;
      text-transform: uppercase; }
  #mini-panel-new_header_panel .pane-button-main-menu .pane-content > li.expanded > a:after {
    content: " " url("../images/menu-arrow-down.png"); }
  #mini-panel-new_header_panel .pane-button-main-menu .pane-content > li.expanded > a.isOpen:after {
    content: " " url("../images/menu-arrow-up.png"); }
  #mini-panel-new_header_panel .pane-button-main-menu .pane-content > li.expanded ul {
    width: 31.25rem;
    max-width: 31.25rem;
    background: #147998;
    padding: 0.5rem 0 2rem 0;
    display: none; }
    #mini-panel-new_header_panel .pane-button-main-menu .pane-content > li.expanded ul.open {
      display: block; }
    #mini-panel-new_header_panel .pane-button-main-menu .pane-content > li.expanded ul li {
      float: left;
      width: 50%;
      padding: 0 0.5rem; }
      #mini-panel-new_header_panel .pane-button-main-menu .pane-content > li.expanded ul li:hover, #mini-panel-new_header_panel .pane-button-main-menu .pane-content > li.expanded ul li:focus {
        background: inherit; }
      #mini-panel-new_header_panel .pane-button-main-menu .pane-content > li.expanded ul li.expanded {
        list-style-image: none;
        list-style-type: none; }
      #mini-panel-new_header_panel .pane-button-main-menu .pane-content > li.expanded ul li.leaf {
        list-style-image: none;
        list-style-type: none; }
      #mini-panel-new_header_panel .pane-button-main-menu .pane-content > li.expanded ul li a {
        text-overflow: ellipsis;
        overflow: hidden;
        color: #ffffff;
        width: 100%;
        border-bottom: 0.0625rem solid #ffffff;
        text-transform: uppercase;
        font-size: 0.875rem;
        white-space: nowrap; }
      #mini-panel-new_header_panel .pane-button-main-menu .pane-content > li.expanded ul li.original-link a {
        background: #ffffff;
        color: #147998; }

/*  search block  */
#edit-search-block-form--2, .form-item-search-block-form .form-text {
  margin-bottom: 0.5rem;
  padding: 0;
  border: none;
  border-bottom: 0.0625rem solid #a6a69c;
  box-shadow: none;
  color: #1f1f1b; }
  @media only screen and (max-width: 40em) {
    #edit-search-block-form--2, .form-item-search-block-form .form-text {
      display: none; } }
  #edit-search-block-form--2:focus, .form-item-search-block-form .form-text:focus {
    background: none; }

#search-block-form .form-submit {
  border: none;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
  padding: 0.5625rem 0.5625rem 0.375rem 0.5625rem;
  background: url("../images/search.png") no-repeat center right;
  border-bottom: 0.0625rem solid #a6a69c;
  border-radius: 0; }
  @media only screen and (max-width: 40em) {
    #search-block-form .form-submit {
      display: none; } }

#edit-submit {
  margin: 0; }

.search-info {
  display: none; }

#edit-basic input {
  max-width: 100%;
  width: 37.5rem; }

/* twitter feed */
.pane-tweets-panel-pane-2 .view.view-tweets .view-content {
  margin-top: 0.9375rem; }

.twitter-content {
  padding: 1rem;
  background: #ffffff; }
  .twitter-content .twitter-message-text {
    font-size: 0.875rem; }
  .twitter-content .twitter-screen-name {
    font-size: 0.875rem;
    font-weight: bold; }
  .twitter-content .twitter-created-time {
    font-size: 0.875rem; }
  .twitter-content .twitter-web-intents {
    font-size: 0.875rem; }

/*  homepage/landing page  */
.homepage .pane-node-body {
  margin: 1.25rem 0; }
  .homepage .pane-node-body p {
    font-size: 1.875rem;
    line-height: 1.2;
    font-family: 'PT Sans Narrow', sans-serif;
    margin-bottom: 0;
    color: #4d4d4d; }
    @media only screen and (max-width: 40em) {
      .homepage .pane-node-body p {
        font-size: 1.1875rem; } }

/* homepage views */
@media only screen and (max-width: 40em) and (orientation: landscape) {
  .news-column, .events-column {
    width: 50%; } }

/* homepage news view */
.pane-list-college-news-panel-pane-1 {
  overflow: hidden;
  padding-right: 0.625rem;
  position: relative;
  background: url("../images/blue-line.png") no-repeat scroll 0 1.125rem;
  margin-bottom: 1.25rem; }
  @media only screen and (max-width: 40em) {
    .pane-list-college-news-panel-pane-1 {
      padding: 0 0.625rem; } }
  .pane-list-college-news-panel-pane-1 .views-row {
    border-bottom: 0.0625rem solid #bdcfe6;
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
    display: block;
    overflow: hidden; }
    @media only screen and (min-width: 64.063em) {
      .pane-list-college-news-panel-pane-1 .views-row {
        height: 15.125rem; } }
    @media only screen and (max-width: 40em) {
      .pane-list-college-news-panel-pane-1 .views-row {
        height: auto; } }
  @media only screen and (max-width: 40em) and (orientation: landscape) {
    .pane-list-college-news-panel-pane-1 .views-row {
      height: 32.4375rem; } }

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
  .pane-list-college-news-panel-pane-1 .views-row {
    height: 27.1875rem; } }

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
  .pane-list-college-news-panel-pane-1 .views-row {
    height: 16.375rem; } }
  .pane-list-college-news-panel-pane-1 .pane-title {
    font-weight: 700;
    font-size: 1.25rem;
    display: inline-block;
    overflow: hidden;
    color: #147998;
    background: #ffffff;
    padding: 0 0.625rem 0 0;
    overflow: hidden;
    margin-bottom: 0.625rem; }
  .pane-list-college-news-panel-pane-1 .view-header {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    overflow: hidden;
    background: #ffffff;
    padding: 0 0 0 0.625rem;
    margin-bottom: 0.625rem; }
    .pane-list-college-news-panel-pane-1 .view-header .more-link {
      font-size: 0.9375rem;
      padding: 0.3125rem;
      border: 0.0625rem solid #7e94ae; }
    .pane-list-college-news-panel-pane-1 .view-header a {
      color: #a6a69c; }
  .pane-list-college-news-panel-pane-1 .views-field-title {
    margin: 0.625rem 0 1.25rem 0; }
    .pane-list-college-news-panel-pane-1 .views-field-title a {
      color: #147998;
      font-size: 1.25rem; }
  .pane-list-college-news-panel-pane-1 .views-field-field-publishing {
    margin-bottom: 1.25rem; }
  .pane-list-college-news-panel-pane-1 .views-field-body p {
    color: #1f1f1b;
    font-size: 1.0625rem;
    margin-bottom: 1.25rem;
    line-height: 1.2; }
  .pane-list-college-news-panel-pane-1 .views-field-field-standard-image {
    margin-left: 1.25rem;
    float: right; }
    @media only screen and (max-width: 40em) {
      .pane-list-college-news-panel-pane-1 .views-field-field-standard-image {
        float: none;
        margin-bottom: 1.25rem;
        margin-left: 0; } }
  .pane-list-college-news-panel-pane-1 .views-field-view-node a {
    margin-bottom: 1.25rem;
    padding: 0.625rem;
    border: 0.0625rem solid #c6262c;
    color: #c6262c;
    float: left;
    clear: left;
    text-transform: uppercase; }

.pmb-button {
  text-align: center;
  margin-top: 1.5625rem; }
  .pmb-button a {
    margin-bottom: 1.25rem;
    padding: 0.625rem;
    border: 0.0625rem solid #c6262c;
    color: #c6262c;
    text-transform: uppercase;
    display: inline-block; }

/* homepage events view */
.pane-list-college-events-panel-pane-1 {
  position: relative;
  background: url("../images/blue-line.png") no-repeat scroll 1rem 0.9375rem;
  padding-left: 0.625rem;
  margin-bottom: 1.25rem;
  overflow: hidden; }
  @media only screen and (max-width: 40em) {
    .pane-list-college-events-panel-pane-1 {
      padding: 0 0.625rem; } }
  .pane-list-college-events-panel-pane-1 .pane-title {
    font-size: 1.25rem;
    font-weight: 700;
    display: inline-block;
    overflow: hidden;
    color: #147998;
    background: #ffffff;
    padding: 0 0.625rem 0 0;
    overflow: hidden;
    margin-bottom: 0.625rem; }
  .pane-list-college-events-panel-pane-1 .view-header {
    height: 16.375rem; }
    @media only screen and (max-width: 40em) {
      .pane-list-college-events-panel-pane-1 .view-header {
        height: auto; } }
  @media only screen and (max-width: 40em) and (orientation: landscape) {
    .pane-list-college-events-panel-pane-1 .view-header {
      height: 12.1875rem; } }

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
  .pane-list-college-events-panel-pane-1 .view-header {
    height: 21.125rem; } }

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
  .pane-list-college-events-panel-pane-1 .view-header {
    height: 16.125rem; } }
    .pane-list-college-events-panel-pane-1 .view-header .more-link-outer {
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      overflow: hidden;
      background: #ffffff;
      padding: 0 0 0 0.625rem; }
      .pane-list-college-events-panel-pane-1 .view-header .more-link-outer .more-link {
        float: right;
        font-size: 0.9375rem;
        padding: 0.3125rem;
        border: 0.0625rem solid #7e94ae;
        margin-bottom: 0.625rem; }
    .pane-list-college-events-panel-pane-1 .view-header a {
      color: #a6a69c; }
    .pane-list-college-events-panel-pane-1 .view-header img {
      margin: 0 auto 1.25rem auto; }
  .pane-list-college-events-panel-pane-1 .views-row {
    border-bottom: 0.0625rem solid #bdcfe6;
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
    height: 6.9375rem;
    display: block;
    overflow: hidden;
    position: relative; }
    @media only screen and (max-width: 40em) {
      .pane-list-college-events-panel-pane-1 .views-row {
        height: auto; } }
  @media only screen and (max-width: 40em) and (orientation: landscape) {
    .pane-list-college-events-panel-pane-1 .views-row {
      height: 26.34375rem; } }

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
  .pane-list-college-events-panel-pane-1 .views-row {
    height: 16.625rem; } }

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
  .pane-list-college-events-panel-pane-1 .views-row {
    height: 9.8125rem; } }
  .pane-list-college-events-panel-pane-1 .event-title {
    margin: 0.3125rem 0;
    display: block; }
    .pane-list-college-events-panel-pane-1 .event-title a {
      font-size: 1.25rem;
      color: #1f1f1b; }
      .pane-list-college-events-panel-pane-1 .event-title a:hover {
        color: #1f1f1b; }
  .pane-list-college-events-panel-pane-1 .event-date {
    float: left;
    height: 3.125rem;
    width: 2.8125rem;
    margin-right: 1.25rem;
    margin-bottom: 3.125rem;
    text-align: center;
    background: #b1212b;
    color: #ffffff;
    text-transform: uppercase; }
    .pane-list-college-events-panel-pane-1 .event-date span {
      display: block;
      overflow: hidden;
      padding: 0.4375rem 0.3125rem;
      font-size: 0.9375rem; }
  .pane-list-college-events-panel-pane-1 .event-body {
    margin: 0.5rem 0;
    font-size: 1.0625rem;
    line-height: 1.2;
    color: #1f1f1b; }
  .pane-list-college-events-panel-pane-1 .event-date2 {
    margin-top: 0.625rem;
    font-size: 1.0625rem;
    color: #1f1f1b; }
  .pane-list-college-events-panel-pane-1 .views-field-view-node {
    bottom: 0.625rem;
    right: 0.625rem;
    position: absolute; }
    .pane-list-college-events-panel-pane-1 .views-field-view-node a {
      height: 0.8125rem;
      width: 0.5rem;
      background: url("../images/eventslinkarrow.png") no-repeat;
      display: block;
      overflow: hidden;
      text-indent: -9999px; }

/* node */
.sidemenu {
  margin-bottom: 1.25rem; }
  @media only screen and (max-width: 40em) {
    .sidemenu {
      display: none; } }
  .sidemenu h2 {
    background: #147998;
    color: #ffffff;
    font-size: 1.0625rem;
    line-height: 2rem;
    margin: 0;
    padding: 0 0.5rem 0 1rem; }
    .sidemenu h2 a {
      color: #ffffff; }
      .sidemenu h2 a:hover, .sidemenu h2 a.active {
        color: #ffffff; }
  .sidemenu ul.menu li {
    margin: 0;
    padding: 0 0.5rem 0 1rem;
    background: #E3E3E3;
    line-height: 2rem; }
    .sidemenu ul.menu li a {
      display: block;
      width: 100%;
      border-bottom: 0.0625rem solid #ffffff; }
  .sidemenu a {
    font-size: 1.0625rem;
    color: #002147; }
    .sidemenu a:hover, .sidemenu a.active {
      color: #b93436; }

.meeting-table-labels {
  padding: 15px;
  background: #147998; }
  .meeting-table-labels .meeting-label {
    display: inline-block;
    vertical-align: middle;
    width: 24%;
    font-weight: bold;
    margin-right: -0.5%;
    color: #fff;
    font-size: 18px; }
    @media only screen and (max-width: 40em) {
      .meeting-table-labels .meeting-label {
        font-size: 12px; } }
    @media only screen and (min-width: 40.063em) and (max-width: 64em) {
      .meeting-table-labels .meeting-label {
        font-size: 12px; } }

.pane-node-field-meeting-table {
  position: relative; }
  .pane-node-field-meeting-table div {
    font-size: 18px; }
  @media only screen and (max-width: 40em) {
    .pane-node-field-meeting-table div {
      font-size: 12px; } }
  @media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .pane-node-field-meeting-table div {
      font-size: 12px; } }
  .pane-node-field-meeting-table .field-collection-container {
    border: 0; }
  .pane-node-field-meeting-table .field-collection-view {
    padding: 15px;
    position: relative;
    border-bottom: 1px solid #D3D7D9; }
    .pane-node-field-meeting-table .field-collection-view:nth-of-type(odd) {
      background: #eee; }
    .pane-node-field-meeting-table .field-collection-view:last-child .field-name-field-popup-image.active .image-popup {
      top: auto;
      bottom: 0; }
    .pane-node-field-meeting-table .field-collection-view .entity-field-collection-item {
      float: none; }
    .pane-node-field-meeting-table .field-collection-view .field-name-field-title {
      width: 25%;
      display: inline-block;
      vertical-align: top;
      margin-right: -0.5%;
      padding-right: 5px; }
    .pane-node-field-meeting-table .field-collection-view .field-collection-container {
      width: 48.5%;
      display: inline-block;
      vertical-align: top;
      margin-right: -0.5%;
      border: 0;
      margin: 0; }
    .pane-node-field-meeting-table .field-collection-view .field-name-field-popup-image {
      width: 25%;
      display: inline-block;
      vertical-align: top;
      margin-right: -0.5%; }
  .pane-node-field-meeting-table .field-name-field-popup-image {
    cursor: pointer; }
    .pane-node-field-meeting-table .field-name-field-popup-image .field-item img {
      transform-origin: top left;
      transition: 0.5s transform; }
      .pane-node-field-meeting-table .field-name-field-popup-image .field-item img:hover {
        transform: scale(1.1); }
    .pane-node-field-meeting-table .field-name-field-popup-image .image-popup {
      transform: translateX(-2000px);
      max-height: 0;
      transition: 0.5s transform; }
    .pane-node-field-meeting-table .field-name-field-popup-image.active .image-popup {
      position: absolute;
      top: 0;
      transform: none;
      left: 0;
      max-height: 500px;
      z-index: 2; }
  .pane-node-field-meeting-table .field-name-field-room-layout .field-collection-view {
    padding: 5px 0;
    background: transparent;
    margin-right: 15px; }
    .pane-node-field-meeting-table .field-name-field-room-layout .field-collection-view:first-child {
      padding: 0 0 5px; }
  .pane-node-field-meeting-table .field-name-field-room-layout .content > .field {
    width: 50%;
    vertical-align: top;
    display: inline-block;
    margin-right: -0.5%; }
  .pane-node-field-meeting-table .field-name-field-room-layout .field-name-field-capacity {
    padding-left: 8px; }

/* news page */
.pane-node-field-publishing {
  margin-bottom: 1.25rem; }

.pane-node-field-standard-image .caption-title, .pane-node-field-gallery-image .caption-title {
  padding: 0.3125rem;
  font-style: italic;
  font-size: 0.8125rem; }

.pane-share-icons .sm-icon {
  display: block;
  float: left;
  height: 1.75rem;
  margin-right: 1.5625rem;
  overflow: hidden;
  text-indent: -999px;
  width: 2.1875rem;
  margin-bottom: 0.625rem; }
  .pane-share-icons .sm-icon.facebook-share {
    background: rgba(0, 0, 0, 0) url("../images/facebook-share.png") no-repeat scroll 0 0/100% 100%; }
  .pane-share-icons .sm-icon.twitter-share {
    background: rgba(0, 0, 0, 0) url("../images/twitter-share.png") no-repeat scroll 0 0/100% 100%; }

.pane-share-icons p {
  margin: 0; }

/* events page */
.pane-node-field-event-date {
  margin-bottom: 1.25rem; }

.pane-node-field-event-location {
  margin-bottom: 1.25rem; }

/* events views */
.pane-list-section-events-panel-pane-2 h3, .pane-list-college-events-panel-pane-2 h3, .pane-list-college-events-panel-pane-3 h3, .pane-list-college-events-panel-pane-4 h3, .pane-list-college-events-panel-pane-5 h3, .pane-list-college-events-panel-pane-6 h3 {
  margin-bottom: 1rem; }

.pane-list-section-events-panel-pane-2 .views-field-field-standard-image, .pane-list-college-events-panel-pane-2 .views-field-field-standard-image, .pane-list-college-events-panel-pane-3 .views-field-field-standard-image, .pane-list-college-events-panel-pane-4 .views-field-field-standard-image, .pane-list-college-events-panel-pane-5 .views-field-field-standard-image, .pane-list-college-events-panel-pane-6 .views-field-field-standard-image {
  margin-right: 1rem; }

.pane-list-section-events-panel-pane-2 .event-image, .pane-list-section-events-panel-pane-2 .views-field-field-standard-image, .pane-list-college-events-panel-pane-2 .event-image, .pane-list-college-events-panel-pane-2 .views-field-field-standard-image, .pane-list-college-events-panel-pane-3 .event-image, .pane-list-college-events-panel-pane-3 .views-field-field-standard-image, .pane-list-college-events-panel-pane-4 .event-image, .pane-list-college-events-panel-pane-4 .views-field-field-standard-image, .pane-list-college-events-panel-pane-5 .event-image, .pane-list-college-events-panel-pane-5 .views-field-field-standard-image, .pane-list-college-events-panel-pane-6 .event-image, .pane-list-college-events-panel-pane-6 .views-field-field-standard-image {
  margin-bottom: 1rem;
  float: left; }

.pane-list-section-events-panel-pane-2 .event-date, .pane-list-college-events-panel-pane-2 .event-date, .pane-list-college-events-panel-pane-3 .event-date, .pane-list-college-events-panel-pane-4 .event-date, .pane-list-college-events-panel-pane-5 .event-date, .pane-list-college-events-panel-pane-6 .event-date {
  margin-bottom: 1rem; }

.pane-list-section-events-panel-pane-2 .event-title, .pane-list-college-events-panel-pane-2 .event-title, .pane-list-college-events-panel-pane-3 .event-title, .pane-list-college-events-panel-pane-4 .event-title, .pane-list-college-events-panel-pane-5 .event-title, .pane-list-college-events-panel-pane-6 .event-title {
  margin-bottom: 1rem; }

.pane-list-section-events-panel-pane-2 .event-body, .pane-list-college-events-panel-pane-2 .event-body, .pane-list-college-events-panel-pane-3 .event-body, .pane-list-college-events-panel-pane-4 .event-body, .pane-list-college-events-panel-pane-5 .event-body, .pane-list-college-events-panel-pane-6 .event-body {
  margin-bottom: 1rem; }

.pane-list-section-events-panel-pane-2 .event-content, .pane-list-college-events-panel-pane-2 .event-content, .pane-list-college-events-panel-pane-3 .event-content, .pane-list-college-events-panel-pane-4 .event-content, .pane-list-college-events-panel-pane-5 .event-content, .pane-list-college-events-panel-pane-6 .event-content {
  margin-bottom: 1rem; }

/* bio page */
.pane-node-field-bio-link {
  margin: 0 0 1.25rem 0; }
  .pane-node-field-bio-link a {
    clear: left;
    float: left; }

.pane-node-field-bio-image {
  margin: 0.625rem -1.25rem;
  display: block;
  overflow: hidden;
  clear: left; }
  .pane-node-field-bio-image img {
    margin: 1.25rem; }

/* staff-profile page */
.pane-node-field-repeating-content {
  max-width: 100%; }
  .pane-node-field-repeating-content .field-name-field-repeating-content-title {
    margin-bottom: 1rem;
    color: #147998;
    font-size: 1.875rem;
    font-weight: 400; }
  .pane-node-field-repeating-content .field-name-field-repeating-content-image {
    float: left;
    margin: 1rem 1rem 1rem 0; }

@media only screen and (max-width: 40em) and (orientation: portrait) {
  .pane-node-field-repeating-content .field-name-field-repeating-content-image {
    width: 100%;
    margin-left: 1rem; } }
    .pane-node-field-repeating-content .field-name-field-repeating-content-image .image-caption {
      margin-top: 1rem;
      font-size: 0.875rem;
      line-height: 1.6; }
  .pane-node-field-repeating-content .field-name-field-video {
    margin-bottom: 1rem; }

.accordion-pane .field-name-field-repeating-content-title {
  margin-bottom: 1rem;
  color: #147998;
  font-size: 1.875rem;
  font-weight: 400; }

.field-collection-view {
  margin: 0; }

.field-name-field-subjects-entity-ref a:not(:last-child):after, .field-name-field-affiliations a:not(:last-child):after, .field-name-field-links-to-research-pages a:not(:last-child):after, .field-name-field-related-pages a:not(:last-child):after {
  content: ', '; }

.accordion-pane {
  margin: 0 0 1rem 0; }

.node-type-profile .pane-node-body .accordion p, .node-type-profile .pane-node-body .accordion div a, .node-type-profile .accordion-pane .accordion p, .node-type-profile .accordion-pane .accordion div a {
  font-size: 1rem; }

.node-type-profile .pane-node-field-repeating-content {
  width: 100%; }

/* blog pages */
.node-type-blog-page img {
  margin: 1rem 0;
  float: left;
  clear: left; }

/* courses page */
.pane-tutors-panel-pane-1 {
  margin-bottom: 1rem; }

/* gallery page */
.node-type-gallery .gallery-item img {
  padding: 1rem;
  background: #e0e0e0; }

.node-type-gallery .slick-list {
  background: #e0e0e0; }

/* featured boxes */
/* normal featured boxes */
.pane-node-field-featured {
  margin-bottom: 0.625rem; }

.grid-featured {
  margin: 0 -0.3125rem; }
  .grid-featured .pane-content > .field-name-field-featured > .field-items > .field-item {
    padding: 0 0.3125rem 0.3125rem 0.3125rem; }

.pane-node-field-featured .field-item:last-child {
  float: left; }

@media only screen and (max-width: 40em) {
  .side-featured-box .field-item {
    margin-bottom: 0.9375rem; }
  .pane-node-field-banner-featured {
    margin-bottom: 0.9375rem; } }

.gallery-carousel-pager {
  display: none; }

.node-featured-box.featured-view.contextual-links-region .view-header {
  top: -2.8125rem; }
  .node-featured-box.featured-view.contextual-links-region .view-header .more-link-outer {
    top: -2.8125rem; }

@media only screen and (max-width: 40em) {
  .feature-box.field-item:not(.not-standard-featured-box) {
    height: auto; } }
  @media only screen and (max-width: 40em) and (orientation: landscape) {
    .feature-box.field-item:not(.not-standard-featured-box) {
      width: 50%; } }

.feature-box .node-featured-box:not(.featured-view), .rotating-gallery {
  position: relative;
  margin-bottom: 0.5rem;
  background: #e0e0e0;
  height: 30rem;
  overflow: hidden; }

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
  .feature-box .node-featured-box:not(.featured-view), .rotating-gallery {
    height: 32.5rem; } }
  .feature-box .node-featured-box:not(.featured-view) .large-12, .rotating-gallery .large-12 {
    padding: 0;
    height: 30rem; }

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
  .feature-box .node-featured-box:not(.featured-view) .large-12, .rotating-gallery .large-12 {
    height: 32.5rem; } }
  .feature-box .node-featured-box:not(.featured-view).contextual-links-region .view-header, .rotating-gallery.contextual-links-region .view-header {
    top: -2.8125rem; }
  .feature-box .node-featured-box:not(.featured-view) .slick-slider, .rotating-gallery .slick-slider {
    margin-bottom: 0; }
  .feature-box .node-featured-box:not(.featured-view) .pane-node-field-featured-box-link, .rotating-gallery .pane-node-field-featured-box-link {
    position: absolute;
    bottom: -1rem;
    max-width: 100%;
    /* height:rem-calc(23);
     width:rem-calc(86); */
    /* background:url('../images/normal-featured-box-read-more.png') no-repeat #e0e0e0; */
    margin: 0 0 0.625rem 0.625rem;
    display: block; }
    .feature-box .node-featured-box:not(.featured-view) .pane-node-field-featured-box-link a, .rotating-gallery .pane-node-field-featured-box-link a {
      margin-bottom: 1.25rem;
      padding: 0.625rem;
      border: 0.0625rem solid #c6262c;
      background: #ffffff;
      color: #c6262c;
      float: left;
      clear: left;
      text-transform: uppercase;
      font-size: 0.9375rem;
      /* position:absolute;
      top:0;
      bottom:0;
      right:0;
      left:0;
      display:block;
      overflow:hidden;
      text-indent:-9999px; */ }
      .feature-box .node-featured-box:not(.featured-view) .pane-node-field-featured-box-link a:after, .rotating-gallery .pane-node-field-featured-box-link a:after {
        content: ' >'; }
  .feature-box .node-featured-box:not(.featured-view).views-widget .pane-node-field-featured-box-title, .rotating-gallery.views-widget .pane-node-field-featured-box-title {
    margin: 1rem 1rem 0 1rem;
    background: #ffffff; }
  .feature-box .node-featured-box:not(.featured-view) .pane-node-field-featured-box-title, .feature-box .node-featured-box:not(.featured-view) .pane-node-title, .rotating-gallery .pane-node-field-featured-box-title, .rotating-gallery .pane-node-title {
    color: #002147;
    font-size: 1.375rem;
    padding: 0.625rem;
    margin: 0;
    text-transform: uppercase;
    overflow: hidden; }
    .feature-box .node-featured-box:not(.featured-view) .pane-node-field-featured-box-title a, .feature-box .node-featured-box:not(.featured-view) .pane-node-title a, .rotating-gallery .pane-node-field-featured-box-title a, .rotating-gallery .pane-node-title a {
      color: #002147; }
  .feature-box .node-featured-box:not(.featured-view) .pane-node-field-featured-box-body, .rotating-gallery .pane-node-field-featured-box-body {
    color: #1f1f1b;
    margin: 0.625rem 0;
    padding: 0 0.625rem 0.625rem 0.625rem;
    margin: 0; }
    @media only screen and (min-width: 40.063em) {
      .feature-box .node-featured-box:not(.featured-view) .pane-node-field-featured-box-body p, .rotating-gallery .pane-node-field-featured-box-body p {
        display: block;
        overflow: hidden; } }
    .feature-box .node-featured-box:not(.featured-view) .pane-node-field-featured-box-body div, .rotating-gallery .pane-node-field-featured-box-body div {
      font-size: 0.90625rem;
      margin: 0.6em 0 1.2em; }
    .feature-box .node-featured-box:not(.featured-view) .pane-node-field-featured-box-body p, .rotating-gallery .pane-node-field-featured-box-body p {
      font-size: 0.90625rem; }
  .feature-box .node-featured-box:not(.featured-view) .views-row, .rotating-gallery .views-row {
    margin: 0 0.9375rem 0.9375rem 0.9375rem; }
    .feature-box .node-featured-box:not(.featured-view) .views-row .views-field-field-publishing, .feature-box .node-featured-box:not(.featured-view) .views-row .views-field-field-event-date, .rotating-gallery .views-row .views-field-field-publishing, .rotating-gallery .views-row .views-field-field-event-date {
      margin-top: 0.9375rem; }
  .feature-box .node-featured-box:not(.featured-view) .more-link, .rotating-gallery .more-link {
    margin-right: 0.9375rem; }
  .feature-box .node-featured-box:not(.featured-view) .pane-node-body, .rotating-gallery .pane-node-body {
    color: #1f1f1b;
    margin: 0.625rem 0;
    padding: 0 0.625rem 0.625rem 0.625rem;
    margin: 0; }
    .feature-box .node-featured-box:not(.featured-view) .pane-node-body p, .rotating-gallery .pane-node-body p {
      font-size: 0.90625rem; }
  .feature-box .node-featured-box:not(.featured-view) .pane-node-field-featured-box-image, .rotating-gallery .pane-node-field-featured-box-image {
    overflow: hidden;
    width: 100%; }
    .feature-box .node-featured-box:not(.featured-view) .pane-node-field-featured-box-image .field-item, .rotating-gallery .pane-node-field-featured-box-image .field-item {
      max-width: 100%; }
    .feature-box .node-featured-box:not(.featured-view) .pane-node-field-featured-box-image img, .rotating-gallery .pane-node-field-featured-box-image img {
      /*  height:rem-calc(170); */ }
  .feature-box .node-featured-box:not(.featured-view) .gallery-item img, .rotating-gallery .gallery-item img {
    /*  height:rem-calc(170); */ }

.slick-track a:focus {
  border: 3px dashed white; }

/* banner boxes */
.node-banner-box {
  position: relative; }
  .node-banner-box .pane-node-field-featured-box-title {
    position: absolute;
    bottom: 0;
    background: url("../images/side-featured-box-arrow.png") no-repeat scroll 95% 50% #147998;
    display: block;
    left: 0;
    right: 0;
    padding: 0.375rem;
    text-transform: uppercase; }
    .node-banner-box .pane-node-field-featured-box-title a {
      color: #ffffff; }
  .node-banner-box .pane-node-field-featured-box-link a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 600;
    display: block;
    overflow: hidden;
    text-indent: -9999px; }
  .node-banner-box .pane-node-field-featured-box-link {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 600; }
    @media only screen and (min-width: 40.063em) {
      .node-banner-box .pane-node-field-featured-box-link {
        background: url("../images/banner-read-more-button.png") no-repeat scroll right bottom; } }
  .node-banner-box .pane-node-field-featured-box-link .slick-track, .node-banner-box .pane-node-field-featured-box-link .slick-list, .node-banner-box .pane-node-field-featured-box-link .slick-initialized {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 600; }
  .node-banner-box .pane-node-field-featured-box-body {
    position: absolute;
    bottom: 0;
    background: rgba(127, 128, 128, 0.5);
    /*  background:url('../images/banner-read-more-button.png') no-repeat scroll right bottom; */
    display: block;
    left: 0;
    right: 0;
    padding: 0.3125rem;
    text-transform: uppercase;
    color: #ffffff;
    z-index: 100; }
    @media only screen and (max-width: 40em) {
      .node-banner-box .pane-node-field-featured-box-body {
        top: 0; } }
    .node-banner-box .pane-node-field-featured-box-body .field-name-field-featured-box-body {
      margin-bottom: 2rem; }
    .node-banner-box .pane-node-field-featured-box-body p {
      margin: 0; }

/* banner slick */
.pane-node-field-banner-featured .slick-slider {
  margin-bottom: 0; }

/* side banner boxes */
.node-side-banner-box {
  position: relative; }
  .node-side-banner-box .pane-node-field-featured-box-link a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    overflow: hidden;
    text-indent: -9999px; }
  .node-side-banner-box .pane-node-field-featured-box-title {
    position: absolute;
    bottom: 0;
    background: url("../images/side-featured-box-arrow.png") no-repeat scroll 95% 50% #147998;
    display: block;
    left: 0;
    right: 0;
    padding: 0.375rem;
    text-transform: uppercase; }
    .node-side-banner-box .pane-node-field-featured-box-title a {
      color: #ffffff; }
  .node-side-banner-box .pane-node-field-featured-box-image .field-item {
    max-width: 100%; }

/* views */
/* widgets views */
.views-widget .pane-node-field-featured-box-title {
  margin: 1rem 1rem 0 1rem;
  background: #ffffff; }

.pane-list-subject-news-panel-pane-7 .view-content, .pane-list-subject-news-panel-pane-2 .view-content {
  margin: 0 1rem;
  background: #ffffff;
  overflow: hidden; }
  .pane-list-subject-news-panel-pane-7 .view-content div, .pane-list-subject-news-panel-pane-2 .view-content div {
    font-size: 1.25rem; }
  @media only screen and (min-width: 40.063em) {
    .pane-list-subject-news-panel-pane-7 .view-content .views-row, .pane-list-subject-news-panel-pane-2 .view-content .views-row {
      height: 9.375rem; } }

.pane-list-subject-news-panel-pane-7 .pager, .pane-list-subject-news-panel-pane-2 .pager {
  margin: 0 1rem;
  background: #ffffff; }

.views-widget .more-link {
  margin: 0 1rem;
  padding: 1rem;
  overflow: hidden;
  background: none repeat scroll 0 0 #ffffff; }
  .views-widget .more-link .pane-content {
    border: 0.0625rem solid #c6262c;
    clear: left;
    color: #c6262c;
    float: right;
    font-size: 0.9375rem;
    margin: 0 0 0 1rem;
    padding: 0.625rem;
    text-transform: uppercase; }
    .views-widget .more-link .pane-content p {
      margin: 0; }

.views-custom-text-field {
  margin-bottom: 0.5rem; }

/* tutors view */
.view-tutors {
  display: block;
  overflow: hidden;
  margin: 0 0.5rem; }
  .view-tutors .view-content {
    border-top: 0.0625rem solid #e0e0e0;
    border-bottom: 0.0625rem solid #e0e0e0;
    overflow: hidden;
    padding: 1rem 0; }
  .view-tutors .views-row {
    float: left;
    display: block;
    overflow: hidden;
    padding: 0 0.5rem;
    margin-bottom: 0.5rem; }
    .view-tutors .views-row .field-content {
      margin-bottom: 0.5rem; }
      .view-tutors .views-row .field-content a {
        text-align: center;
        display: block;
        overflow: hidden; }

/* people view */
.view-list-people {
  margin: 0 -0.625rem; }
  .view-list-people .views-row {
    display: block;
    overflow: hidden;
    float: left;
    width: 12.5rem;
    height: 22.5rem;
    padding: 0 0.625rem; }

/* roll of honour view */
.pane-list-bios-panel-pane-2 .views-view-grid tr .views-field-field-bio-image {
  width: 100%;
  display: block;
  overflow: hidden; }
  .pane-list-bios-panel-pane-2 .views-view-grid tr .views-field-field-bio-image .field-content {
    overflow: hidden;
    text-align: center; }
  .pane-list-bios-panel-pane-2 .views-view-grid tr .views-field-field-bio-image a {
    display: block;
    overflow: hidden;
    width: auto; }

.pane-list-bios-panel-pane-2 .views-view-grid tr .views-field-title {
  margin-top: 1rem;
  width: 100%;
  display: block;
  text-align: center; }

/* views filter */
.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.8rem;
  padding: 0.5rem;
  border: 0.0625rem solid #c6262c;
  color: #c6262c;
  background: none; }

/* archive */
.node-type-archive .field-collection-view, .node-type-archive .field-collection-container {
  border: none; }

.node-type-archive .field-name-field-attachments .file {
  display: block; }

/* staff-profile pages */
.node-type-profile .right-column > .accordion-list > div:first-child dd > a {
  margin-top: 0.5rem;
  padding-top: 1rem;
  border-top: 0.125rem solid #e9c0c1; }

.node-type-profile .pane-entity-field {
  overflow: hidden; }
  .node-type-profile .pane-entity-field.accordion-pane {
    width: 100%; }
    .node-type-profile .pane-entity-field.accordion-pane dl > dd > a {
      padding: 0;
      background: url("../images/menu-arrow-down.png") no-repeat scroll 95% 50% #ffffff;
      border-bottom: 0.125rem solid #e9c0c1; }

.node-type-profile .pane-entity-field.accordion-pane.border-top-first dd > a {
  margin-top: 0.5rem;
  padding-top: 1rem;
  border-top: 0.125rem solid #e9c0c1; }

.node-type-profile .pane-node-field-subjects-entity-ref .field-label {
  color: #147998;
  font-size: 0.875rem;
  line-height: 1.625rem; }

.node-type-profile .pane-node-field-subjects-entity-ref a {
  font-size: 1rem;
  color: #1f1f1b;
  line-height: 1.625rem; }

.node-type-profile .pane-node-field-email .field-label {
  color: #147998;
  font-size: 0.875rem;
  line-height: 1.625rem; }

.node-type-profile .pane-node-field-email a {
  color: #1f1f1b;
  font-size: 1rem;
  line-height: 1.625rem; }

.node-type-profile .pane-node-field-tel .field-name-field-tel {
  font-size: 1rem;
  color: #147998;
  line-height: 1.625rem; }

.node-type-profile .pane-node-field-tel .field-label {
  color: #147998;
  font-size: 0.875rem;
  line-height: 1.625rem; }

.node-type-profile .pane-node-field-tel a {
  color: #1f1f1b;
  font-size: 1rem;
  line-height: 1.625rem; }

.pane-node-field-profile-image {
  padding: 1.25rem;
  background: #e0e0e0; }

/* fellows and staff page */
/* courses view */
.view-courses .view-content {
  overflow: hidden;
  margin: 0 -0.5rem 0.5rem -0.5rem; }

.view-courses .views-row {
  padding: 0 0.25rem;
  margin-bottom: 0.5rem;
  float: left;
  display: block;
  overflow: hidden; }

/*  footer  */
.l-footer {
  background: #147998;
  padding: 1.875rem 0 1.25rem 0;
  overflow: hidden;
  max-width: 100rem;
  margin: 1rem auto 0 auto;
  border: none; }
  @media only screen and (max-width: 40em) {
    .l-footer {
      padding: 0.625rem 0.625rem 0 0.625rem; } }
  @media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .l-footer {
      padding: 0.625rem 0.625rem 0 0.625rem; } }

#mini-panel-new_footer_panel .large-12.collapse.row {
  padding-bottom: 0.625rem; }
  #mini-panel-new_footer_panel .large-12.collapse.row:first-child {
    border-bottom: 0.0625rem solid #fff;
    margin-bottom: 0.625rem; }

@media only screen and (max-width: 40em) {
  .pane-menu-infomation-about {
    margin-bottom: 1rem; } }

.footer {
  margin: 0 auto;
  float: none;
  color: #ffffff; }
  .footer h2, .footer p, .footer a, .footer a:active {
    color: #ffffff; }
  .footer .pane-menu-tree h2 {
    text-transform: uppercase;
    font-size: 1.25rem; }
  .footer .pane-menu-tree li {
    margin: 0; }
    .footer .pane-menu-tree li a {
      color: #c7c2bc;
      font-size: 0.9375rem; }
  .footer .copyright {
    margin-top: 0.125rem;
    float: left; }
    .footer .copyright p {
      color: #c7c2bc;
      font-size: 0.9375rem;
      margin: 0; }
  .footer .uniofoxford {
    display: block;
    float: right;
    overflow: hidden;
    margin-top: 4.6875rem;
    height: 6.8125rem;
    width: 6.8125rem;
    margin-bottom: 0.625rem; }
    .footer .uniofoxford img {
      max-width: 100%; }

.footer-bottom-row {
  border-top: 0.0625rem solid #ffffff;
  padding-top: 0.625rem; }

.footer .footer-bottom {
  margin: 0 auto; }

.pane-menu-bottom-footer-menu {
  display: inline-block; }

#mini-panel-new_footer_panel .menu-name-menu-bottom-footer-menu, #mini-panel-clone_of_new_footer_panel .menu-name-menu-bottom-footer-menu {
  margin-left: 0.625rem;
  margin-top: 0.1875rem; }
  #mini-panel-new_footer_panel .menu-name-menu-bottom-footer-menu li, #mini-panel-clone_of_new_footer_panel .menu-name-menu-bottom-footer-menu li {
    overflow: hidden;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    margin-left: 0.625rem; }
    #mini-panel-new_footer_panel .menu-name-menu-bottom-footer-menu li a, #mini-panel-clone_of_new_footer_panel .menu-name-menu-bottom-footer-menu li a {
      color: #ffffff;
      line-height: 1.2125rem; }
    @media only screen and (max-width: 40em) {
      #mini-panel-new_footer_panel .menu-name-menu-bottom-footer-menu li, #mini-panel-clone_of_new_footer_panel .menu-name-menu-bottom-footer-menu li {
        clear: left;
        margin: 0; } }

/* menu close button */
ul.f-dropdown .menu-close-button {
  height: 1.4375rem;
  width: 2rem;
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 45%;
  margin-top: 0.625rem;
  background: url("../images/menu-close-button.png") no-repeat;
  cursor: pointer; }

/* zurb breadcrumbs css */
.page .breadcrumbs {
  background-color: transparent;
  border: none;
  display: block;
  list-style: outside none none;
  margin-left: 0;
  overflow: hidden;
  padding: 0.5625em 0.875em; }
  @media only screen and (max-width: 40em) {
    .page .breadcrumbs {
      display: none; } }
  .page .breadcrumbs a {
    font-size: 1.0625rem; }

.page .breadcrumbs > * {
  float: left;
  font-size: 0.6875em;
  margin: 0;
  /* text-transform: uppercase; */ }

.page .breadcrumbs > .unavailable:hover, .breadcrumbs > .unavailable:hover a, .breadcrumbs > .unavailable:focus, .breadcrumbs > .unavailable a:focus {
  cursor: default;
  text-decoration: none; }

.page .breadcrumbs > *:focus a, .page .breadcrumbs > *:hover a {
  text-decoration: none; }

.page .breadcrumbs > *:before {
  content: ">";
  margin: 0 0.75em;
  position: relative; }

.page .breadcrumbs > *:first-child:before {
  content: " ";
  margin: 0; }

.breadcrumbs > * a, .breadcrumbs > * span {
  text-transform: none; }

/* media you-tube video */
.media-youtube-video {
  min-height: 50px;
  padding-bottom: 60%;
  position: relative;
  margin: 0 auto 1.25rem auto; }
  .media-youtube-video iframe {
    display: block;
    position: absolute;
    max-width: 100%; }

/* webforms */
.webform-client-form label {
  display: inline-block; }

.webform-client-form .form-text {
  max-width: 20rem;
  display: inline-block; }

.webform-client-form .form-textarea-wrapper {
  max-width: 20rem; }

.webform-client-form .form-select {
  max-width: 20rem; }

/* responsive tables additional css*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  table.responsive:after {
    content: "This table is scrollable *"; } }

/** Admin View **/
.view-admin-content-refresh .views-row {
  margin-bottom: 15px; }

/* Media page */
.node-type-media-page .row.collapse.row-middle .media-youtube-video {
  padding-bottom: 0; }
  .node-type-media-page .row.collapse.row-middle .media-youtube-video iframe {
    position: static;
    margin: 0 auto; }

.node-type-media-page .row.collapse.row-middle .pane-node-body {
  padding-left: 99px; }

.page-node-2805.node-type-media-page .row.collapse.row-middle .pane-node-body {
  padding-left: 0px; }

.page-node-2935.node-type-media-page .row.collapse.row-middle .pane-node-body {
  padding-left: 0px; }

/* Fixes 24th June*/
/* Footer */
.footer-mini-panel > div:first-child {
  border-bottom: 1px solid #ffffff;
  margin-bottom: 0.625rem;
  padding-bottom: 0.625rem; }

.footer-mini-panel .pane-menu-infomation-about {
  margin-bottom: 0.625rem; }

.footer-mini-panel .pane-menu-quick-links {
  margin-bottom: 0.625rem; }

.footer-mini-panel .social-media-box {
  margin-bottom: 0.625rem;
  display: inline-block; }
  .footer-mini-panel .social-media-box span {
    font-size: 1.25rem;
    float: left; }
  .footer-mini-panel .social-media-box p a:nth-child(2) {
    margin-left: 2.5rem; }

/* EU cookie */
#sliding-popup.sliding-popup-bottom {
  background: #ffffff;
  border: 1px solid #696ba3;
  max-width: 26.25rem;
  border-radius: 1.25rem;
  padding-top: 0.625rem;
  right: auto;
  left: 0; }
  #sliding-popup.sliding-popup-bottom .popup-content #popup-text {
    max-width: none; }
    #sliding-popup.sliding-popup-bottom .popup-content #popup-text h2 {
      color: #000000 !important; }
  #sliding-popup.sliding-popup-bottom #popup-buttons {
    max-width: none;
    float: none; }
    #sliding-popup.sliding-popup-bottom #popup-buttons button {
      float: left;
      width: 9.375rem;
      height: 3.125rem;
      border: 1px solid #696ba3;
      background: #147998;
      color: #ffffff;
      text-shadow: none;
      box-shadow: none; }
      #sliding-popup.sliding-popup-bottom #popup-buttons button:hover {
        color: #147998; }

.field-name-field-card-builder {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12.5px;
  margin-right: -12.5px; }
  @media only screen and (max-width: 40em) {
    .field-name-field-card-builder {
      display: block;
      margin-left: 0px;
      margin-right: 0px; } }

.postcard-wrapper {
  margin-bottom: 25px;
  width: calc(50% - 25px);
  margin-left: 12.5px;
  margin-right: 12.5px; }
  .postcard-wrapper:focus {
    outline: thin dotted; }
  @media only screen and (max-width: 40em) {
    .postcard-wrapper {
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
      display: block; } }

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.postcard {
  background-color: transparent;
  width: 100%;
  height: 217px;
  perspective: 1000px;
  /* Remove this if you don't want the 3D effect */ }
  @media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .postcard {
      height: 132px; } }
  @media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
    .postcard {
      height: 180px; } }
  @media only screen and (max-width: 700px) {
    .postcard {
      height: 228px; } }
  @media only screen and (max-width: 700px) and (orientation: landscape) {
    .postcard {
      height: 113px; } }

/* This container is needed to position the front and back side */
.card-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d; }

/* Do an horizontal flip when you move the mouse over the flip box container */
.postcard-wrapper.hover .card-wrapper {
  transform: rotateY(180deg); }

.postcard-wrapper.hover {
  width: 100%;
  height: 450px; }
  .postcard-wrapper.hover .postcard {
    background-color: transparent;
    width: 100%;
    height: 100%;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */ }
  .postcard-wrapper.hover .back-of-card {
    display: block; }
    .postcard-wrapper.hover .back-of-card .left-side {
      height: 100%; }

/* Position the front and back side */
.front-of-card, .back-of-card {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden; }

/* Style the front side (fallback if image is missing) */
.front-of-card {
  background-color: #FDFEF0;
  color: black;
  box-shadow: 10px 10px 10px grey; }
  .front-of-card:hover:after {
    content: '';
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 60px 60px 0;
    border-style: solid;
    border-color: #9d0f57 #FDFEF0;
    box-shadow: -5px 5px 5px grey;
    background: url("../images/next-arrow.png") no-repeat; }

/* Style the back side */
.back-of-card {
  background-color: #FDFEF0;
  color: black;
  transform: rotateY(180deg);
  height: 100%;
  width: 100%;
  box-shadow: 10px 10px 10px 10px grey;
  z-index: 2; }
  .back-of-card .inner-wrapper {
    margin: 12.5px;
    border: 2px solid #9d0f57;
    width: calc(100% - 25px);
    height: calc(100% - 25px);
    display: flex;
    padding: 25px; }
    @media only screen and (min-width: 40.063em) and (max-width: 64em) {
      .back-of-card .inner-wrapper {
        display: block; } }
    @media only screen and (max-width: 40em) {
      .back-of-card .inner-wrapper {
        display: block; } }
    .back-of-card .inner-wrapper .left-side {
      width: 55%;
      padding-right: 50px;
      border-right: 2px solid #9d0f57;
      text-overflow: ellipsis;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media only screen and (max-width: 40em) {
        .back-of-card .inner-wrapper .left-side {
          width: 100%;
          border: none;
          padding: 0px;
          height: auto !important; } }
      @media only screen and (min-width: 40.063em) and (max-width: 64em) {
        .back-of-card .inner-wrapper .left-side {
          width: 100%;
          border: none;
          padding: 0px;
          height: auto !important; } }
      .back-of-card .inner-wrapper .left-side p {
        font-size: 14px;
        text-align: left;
        font-style: italic; }
      .back-of-card .inner-wrapper .left-side h3 {
        color: #9d0f57;
        text-align: left; }
    .back-of-card .inner-wrapper .right-side {
      width: 45%;
      padding-left: 50px;
      position: relative;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media only screen and (max-width: 40em) {
        .back-of-card .inner-wrapper .right-side {
          width: 100%;
          padding: 0px; } }
      @media only screen and (min-width: 40.063em) and (max-width: 64em) {
        .back-of-card .inner-wrapper .right-side {
          width: 100%;
          padding: 0px; } }
      .back-of-card .inner-wrapper .right-side:before {
        content: '';
        background: url("../images/pembroke_shield.png") no-repeat;
        background-repeat: no-repeat;
        width: 60px;
        height: 85px;
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        display: block;
        margin-bottom: 12.5px; }
      .back-of-card .inner-wrapper .right-side .staff, .back-of-card .inner-wrapper .right-side .college, .back-of-card .inner-wrapper .right-side .university {
        font-size: 16px;
        font-style: italic;
        padding-bottom: 5px;
        border-bottom: 2px solid #9d0f57;
        text-align: left;
        padding-top: 5px;
        position: relative;
        top: 35%; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .field-name-field-card-builder {
    display: block;
    flex-wrap: wrap;
    margin-left: -12.5px;
    margin-right: -12.5px; } }
  @media only screen and (-ms-high-contrast: active) and (max-width: 40em), only screen and (-ms-high-contrast: none) and (max-width: 40em) {
    .field-name-field-card-builder {
      display: block;
      margin-left: 0px;
      margin-right: 0px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .postcard-wrapper {
    margin-bottom: 25px;
    width: auto;
    margin-left: 12.5px;
    margin-right: 12.5px; }
    .postcard-wrapper:focus {
      outline: thin dotted; } }
  @media only screen and (-ms-high-contrast: active) and (max-width: 40em), only screen and (-ms-high-contrast: none) and (max-width: 40em) {
    .postcard-wrapper {
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
      display: block; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
  .postcard {
    background-color: transparent;
    width: 100%;
    height: auto;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */ } }
  @media only screen and (-ms-high-contrast: active) and (min-width: 40.063em) and (max-width: 64em), only screen and (-ms-high-contrast: none) and (min-width: 40.063em) and (max-width: 64em) {
    .postcard {
      height: 132px; } }
  @media only screen and (-ms-high-contrast: active) and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape), only screen and (-ms-high-contrast: none) and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
    .postcard {
      height: 180px; } }
  @media only screen and (-ms-high-contrast: active) and (max-width: 700px), only screen and (-ms-high-contrast: none) and (max-width: 700px) {
    .postcard {
      height: 228px; } }
  @media only screen and (-ms-high-contrast: active) and (max-width: 700px) and (orientation: landscape), only screen and (-ms-high-contrast: none) and (max-width: 700px) and (orientation: landscape) {
    .postcard {
      height: 113px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* This container is needed to position the front and back side */
  .card-wrapper {
    position: relative;
    width: auto;
    height: auto;
    text-align: center;
    transition: none;
    transform-style: none; }
  /* Do an horizontal flip when you move the mouse over the flip box container */
  .postcard-wrapper.hover .card-wrapper {
    transform: none; }
  .postcard-wrapper.hover {
    width: 100%;
    height: auto; }
    .postcard-wrapper.hover .postcard {
      background-color: transparent;
      width: 100%;
      height: 100%;
      perspective: 1000px;
      /* Remove this if you don't want the 3D effect */ }
    .postcard-wrapper.hover .back-of-card {
      display: block; }
      .postcard-wrapper.hover .back-of-card .left-side {
        height: 100%; }
  /* Position the front and back side */
  .front-of-card, .back-of-card {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: none;
    /* Safari */
    backface-visibility: none; }
  /* Style the front side (fallback if image is missing) */
  .front-of-card {
    background-color: #FDFEF0;
    color: black;
    box-shadow: 10px 10px 10px grey; }
    .front-of-card:hover:after {
      content: '';
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      border-width: 0 60px 60px 0;
      border-style: solid;
      border-color: #9d0f57 #FDFEF0;
      box-shadow: -5px 5px 5px grey;
      background: url("../images/next-arrow.png") no-repeat; }
  /* Style the back side */
  .back-of-card {
    background-color: #FDFEF0;
    color: black;
    transform: none;
    height: 100%;
    width: 100%;
    box-shadow: 10px 10px 10px 10px grey;
    z-index: 2; }
    .back-of-card .inner-wrapper {
      margin: 12.5px;
      border: none;
      width: calc(100% - 25px);
      height: calc(100% - 25px);
      display: block;
      padding: 25px; } }
    @media only screen and (-ms-high-contrast: active) and (min-width: 40.063em) and (max-width: 64em), only screen and (-ms-high-contrast: none) and (min-width: 40.063em) and (max-width: 64em) {
      .back-of-card .inner-wrapper {
        display: block; } }
    @media only screen and (-ms-high-contrast: active) and (max-width: 40em), only screen and (-ms-high-contrast: none) and (max-width: 40em) {
      .back-of-card .inner-wrapper {
        display: block; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .back-of-card .inner-wrapper .left-side {
        width: 100%;
        padding-right: 0px;
        border-right: none;
        text-overflow: ellipsis;
        overflow: hidden;
        text-overflow: ellipsis; } }
      @media only screen and (-ms-high-contrast: active) and (max-width: 40em), only screen and (-ms-high-contrast: none) and (max-width: 40em) {
        .back-of-card .inner-wrapper .left-side {
          width: 100%;
          border: none;
          padding: 0px;
          height: auto !important; } }
      @media only screen and (-ms-high-contrast: active) and (min-width: 40.063em) and (max-width: 64em), only screen and (-ms-high-contrast: none) and (min-width: 40.063em) and (max-width: 64em) {
        .back-of-card .inner-wrapper .left-side {
          width: 100%;
          border: none;
          padding: 0px;
          height: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .back-of-card .inner-wrapper .left-side p {
          font-size: 14px;
          text-align: left;
          font-style: italic; }
        .back-of-card .inner-wrapper .left-side h3 {
          color: #9d0f57;
          text-align: left; }
      .back-of-card .inner-wrapper .right-side {
        width: 100%;
        padding-left: 0px;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis; } }
      @media only screen and (-ms-high-contrast: active) and (max-width: 40em), only screen and (-ms-high-contrast: none) and (max-width: 40em) {
        .back-of-card .inner-wrapper .right-side {
          width: 100%;
          padding: 0px; } }
      @media only screen and (-ms-high-contrast: active) and (min-width: 40.063em) and (max-width: 64em), only screen and (-ms-high-contrast: none) and (min-width: 40.063em) and (max-width: 64em) {
        .back-of-card .inner-wrapper .right-side {
          width: 100%;
          padding: 0px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .back-of-card .inner-wrapper .right-side:before {
          content: '';
          background: url("../images/pembroke_shield.png") no-repeat;
          background-repeat: no-repeat;
          width: 60px;
          height: 85px;
          position: absolute;
          z-index: 10;
          top: 0;
          right: 0;
          display: block;
          margin-bottom: 12.5px; }
        .back-of-card .inner-wrapper .right-side .staff, .back-of-card .inner-wrapper .right-side .college, .back-of-card .inner-wrapper .right-side .university {
          font-size: 16px;
          font-style: italic;
          padding-bottom: 5px;
          border-bottom: 2px solid #9d0f57;
          text-align: left;
          padding-top: 5px;
          position: relative;
          top: 35%; } }

/*# sourceMappingURL=custom.css.map */