/*! normalize.css v2.1.3 | 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/10. 2. Remove excess padding in IE 8/9/10. */
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; }

meta.foundation-mq-small { font-family: "only screen and (min-width: 960px)"; width: 960px; }

meta.foundation-mq-medium { font-family: "only screen and (min-width:1280px)"; width: 1280px; }

meta.foundation-mq-large { font-family: "only screen and (min-width:1440px)"; width: 1440px; }

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

html, body { background: transparent; font-size: 100%; }

body { color: #222; padding: 0; margin: 0; font-family: "Roboto", sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; }

a:hover { cursor: pointer; }

img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }

.left { float: left !important; }

.right { float: right !important; }

.text-left { text-align: left !important; }

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

.text-center { text-align: center !important; }

.text-justify { text-align: justify !important; }

.hide { display: none; }

.antialiased { -webkit-font-smoothing: antialiased; }

img { display: inline-block; vertical-align: middle; }

textarea { height: auto; min-height: 50px; }

select { width: 100%; }

/* Grid HTML Classes */
.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 77.5em; *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row.collapse > .column, .row.collapse > .columns { position: relative; padding-left: 0; padding-right: 0; float: left; }
.row.collapse .row { margin-left: 0; margin-right: 0; }
.row .row { width: auto; margin-left: -20px; margin-right: -20px; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; }
.row .row:before, .row .row:after { content: " "; display: table; }
.row .row:after { clear: both; }
.row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; }
.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }
.row .row.collapse:after { clear: both; }

.column, .columns { position: relative; padding-left: 20px; padding-right: 20px; width: 100%; float: left; }

@media only screen { .column, .columns { position: relative; padding-left: 20px; padding-right: 20px; float: left; }
  .small-1 { position: relative; width: 8.33333%; }
  .small-2 { position: relative; width: 16.66667%; }
  .small-3 { position: relative; width: 25%; }
  .small-4 { position: relative; width: 33.33333%; }
  .small-5 { position: relative; width: 41.66667%; }
  .small-6 { position: relative; width: 50%; }
  .small-7 { position: relative; width: 58.33333%; }
  .small-8 { position: relative; width: 66.66667%; }
  .small-9 { position: relative; width: 75%; }
  .small-10 { position: relative; width: 83.33333%; }
  .small-11 { position: relative; width: 91.66667%; }
  .small-12 { position: relative; width: 100%; }
  .small-offset-0 { position: relative; margin-left: 0%; }
  .small-offset-1 { position: relative; margin-left: 8.33333%; }
  .small-offset-2 { position: relative; margin-left: 16.66667%; }
  .small-offset-3 { position: relative; margin-left: 25%; }
  .small-offset-4 { position: relative; margin-left: 33.33333%; }
  .small-offset-5 { position: relative; margin-left: 41.66667%; }
  .small-offset-6 { position: relative; margin-left: 50%; }
  .small-offset-7 { position: relative; margin-left: 58.33333%; }
  .small-offset-8 { position: relative; margin-left: 66.66667%; }
  .small-offset-9 { position: relative; margin-left: 75%; }
  .small-offset-10 { position: relative; margin-left: 83.33333%; }
  [class*="column"] + [class*="column"]:last-child { float: right; }
  [class*="column"] + [class*="column"].end { float: left; }
  .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } }
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 960px) { .large-1 { position: relative; width: 8.33333%; }
  .large-2 { position: relative; width: 16.66667%; }
  .large-3 { position: relative; width: 25%; }
  .large-4 { position: relative; width: 33.33333%; }
  .large-5 { position: relative; width: 41.66667%; }
  .large-6 { position: relative; width: 50%; }
  .large-7 { position: relative; width: 58.33333%; }
  .large-8 { position: relative; width: 66.66667%; }
  .large-9 { position: relative; width: 75%; }
  .large-10 { position: relative; width: 83.33333%; }
  .large-11 { position: relative; width: 91.66667%; }
  .large-12 { position: relative; width: 100%; }
  .row .large-offset-0 { position: relative; margin-left: 0%; }
  .row .large-offset-1 { position: relative; margin-left: 8.33333%; }
  .row .large-offset-2 { position: relative; margin-left: 16.66667%; }
  .row .large-offset-3 { position: relative; margin-left: 25%; }
  .row .large-offset-4 { position: relative; margin-left: 33.33333%; }
  .row .large-offset-5 { position: relative; margin-left: 41.66667%; }
  .row .large-offset-6 { position: relative; margin-left: 50%; }
  .row .large-offset-7 { position: relative; margin-left: 58.33333%; }
  .row .large-offset-8 { position: relative; margin-left: 66.66667%; }
  .row .large-offset-9 { position: relative; margin-left: 75%; }
  .row .large-offset-10 { position: relative; margin-left: 83.33333%; }
  .row .large-offset-11 { position: relative; margin-left: 91.66667%; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }
  .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; }
  .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } }
/* Foundation Visibility HTML Classes */
.show-for-small, .show-for-medium-down, .show-for-large-down { display: inherit !important; }

.show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; }

.hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; }

.hide-for-small, .hide-for-medium-down, .hide-for-large-down { display: none !important; }

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

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

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

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

td.show-for-small, 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, th.show-for-small, th.show-for-medium-down, th.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 { display: table-cell !important; }

/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 960px) { .show-for-medium, .show-for-medium-up { display: inherit !important; }
  .show-for-small { display: none !important; }
  .hide-for-small { display: inherit !important; }
  .hide-for-medium, .hide-for-medium-up { display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-medium, table.show-for-medium-up, table.hide-for-small { display: table; }
  thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { display: table-header-group !important; }
  tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { display: table-row-group !important; }
  tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { display: table-row !important; }
  td.show-for-medium, td.show-for-medium-up, td.hide-for-small, th.show-for-medium, th.show-for-medium-up, th.hide-for-small { display: table-cell !important; } }
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 1280px) { .show-for-large, .show-for-large-up { display: inherit !important; }
  .show-for-medium, .show-for-medium-down { display: none !important; }
  .hide-for-medium, .hide-for-medium-down { display: inherit !important; }
  .hide-for-large, .hide-for-large-up { display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { display: table; }
  thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { display: table-header-group !important; }
  tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { display: table-row-group !important; }
  tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { display: table-row !important; }
  td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, th.show-for-large, th.show-for-large-up, th.hide-for-medium, th.hide-for-medium-down { display: table-cell !important; } }
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 1440px) { .show-for-xlarge { display: inherit !important; }
  .show-for-large, .show-for-large-down { display: none !important; }
  .hide-for-large, .hide-for-large-down { display: inherit !important; }
  .hide-for-xlarge { display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { display: table; }
  thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { display: table-header-group !important; }
  tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { display: table-row-group !important; }
  tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { display: table-row !important; }
  td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, th.show-for-xlarge, th.hide-for-large, th.hide-for-large-down { 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 visilbity 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 visilbity 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 visilbity 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 visilbity 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; }

p.lead { font-size: 1.21875em; line-height: 1.6; }

.subheader { line-height: 1.4; color: #6f6f6f; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; }

/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; }

/* Default Link Styles */
a { text-decoration: underline; line-height: inherit; }
a img { border: none; }

/* Default paragraph styles */
p { font-family: inherit; font-weight: normal; font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; text-rendering: optimizeLegibility; }
p aside { font-size: 0.875em; line-height: 1.35; font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 { font-family: "Roboto", sans-serif; font-weight: bold; font-style: normal; color: #222; text-rendering: optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; }

/* Helpful Typography Defaults */
em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #7f0a0c; }

/* Lists */
ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; }

ul, ol { margin-left: 0; }
ul.no-bullet, ol.no-bullet { margin-left: 0; }

/* Unordered Lists */
ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ }
ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }
ul.square { list-style-type: square; }
ul.circle { list-style-type: circle; }
ul.disc { list-style-type: disc; }
ul.no-bullet { list-style: none; }

/* Ordered Lists */
ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; }

/* Definition Lists */
dl dt { margin-bottom: 0.3em; font-weight: bold; }
dl dd { margin-bottom: 0.75em; }

/* Abbreviations */
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px dotted #ddd; cursor: help; }

abbr { text-transform: none; }

/* Blockquotes */
blockquote { margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 0.875em; color: #555555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555555; }

blockquote, blockquote p { line-height: 1.6; color: #6f6f6f; }

/* Microformats */
.vcard { display: inline-block; margin: 0 0 1.25em 0; border: 1px solid #ddd; padding: 0.625em 0.75em; }
.vcard li { margin: 0; display: block; }
.vcard .fn { font-weight: bold; font-size: 0.9375em; }

.vevent .summary { font-weight: bold; }
.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; }

@media only screen and (min-width: 960px) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
  h1 { font-size: 2.75em; }
  h2 { font-size: 2.3125em; }
  h3 { font-size: 1.6875em; }
  h4 { font-size: 1.4375em; } }
/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only { display: none !important; }

@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; /* h5bp.com/t */ }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .hide-on-print { display: none !important; }
  .print-only { display: block !important; }
  .hide-for-print { display: none !important; }
  .show-for-print { display: inherit !important; } }
/** _colors.scss  SASS colour variables  */
/** _mixins.scss  */
/** _font.scss - SCSS Fonts for the Dynamics of Language  website  */
@font-face { font-family: 'RobotoBlack'; src: url("../fonts/Roboto-Black.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'RobotoBold'; src: url("../fonts/Roboto-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'RobotoLight'; src: url("../fonts/Roboto-Light.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'RobotoMedium'; src: url("../fonts/Roboto-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'RobotoRegular'; src: url("../fonts/Roboto-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
/** _map.scss - SCSS for the Google Maps integration in the Dynamics of Language website  */
#map { margin-top: 2em; padding-bottom: 100%; }
#map:before { content: url(../images/transparentpin.png); position: absolute; overflow: hidden; height: 0; }
#map:before { content: url(../images/pin2x.png); position: absolute; overflow: hidden; height: 0; }
#map img { max-width: none; }
#map p.map-loading { margin: 20px; font-family: 'RobotoBold', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
#map .custom-controls { padding-top: 20px; padding-left: 20px; }
#map .custom-controls .custom-map-zoom-out, #map .custom-controls .custom-map-zoom-in { box-sizing: border-box; -moz-box-sizing: border-box; position: relative; display: block; width: 30px; height: 30px; vertical-align: middle; text-indent: 30px; white-space: nowrap; border: none; cursor: pointer; background-image: url(../images/icon-contract.png); background-position: 50% 50%; background-repeat: no-repeat; background-color: #CE5730; outline: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#map .custom-controls .custom-map-zoom-out:hover, #map .custom-controls .custom-map-zoom-in:hover, #map .custom-controls .custom-map-zoom-out:focus, #map .custom-controls .custom-map-zoom-in:focus { background-color: #d7774e; }
#map .custom-controls .custom-map-zoom-in { margin-bottom: 1px; background-image: url(../images/icon-expand.png); }
#map img[src$="pin2x.png"] { width: 28px !important; height: 38px !important; margin-left: 14px !important; margin-top: 38px !important; }

#map_control_container { padding: 1.8em 20px 20px; background-color: #ebebeb; }
#map_control_container button { -webkit-appearance: none; -moz-appearance: none; -ie-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; display: inline-block; width: auto; height: 2em; text-indent: auto; white-space: nowrap; overflow: hidden; display: block; border: none; background: none; color: brown; margin: 0 0 0.8em; white-space: normal; height: auto; text-align: left; outline: none; }
#map_control_container button:focus { outline: dotted; outline-color: black; outline-width: 1px; }
#map_control_container button.active span:after { content: ''; display: block; position: absolute; top: 0; left: 100%; width: 5px; height: 5px; background: #CE5730; }
#map_control_container button span { position: relative; display: inline-block; padding-right: 5px; }

/* 

	Table of Contents
	- - - - - - - - -
	Typography
	Wrapper and Page
	Main
	Media Queries
	Print
	Font-face
	- - - - - - - - - 
*/
/* #Typography 

	Drop your basic typography definitions here.

*/
/* #Wrapper and Page 

	General document styles here.

*/
/* #Main

	The rest of the project meat should go here.

*/
html { background-color: #f5f5f5; }

pre { font-size: 14px; }

#old { position: fixed; z-index: 1; top: 0; width: 100%; padding: 1em; color: #000; background: yellow; }
#old p { margin: 0; padding: 10px; }
#old a { text-decoration: underline; }

.skiplink { position: absolute; z-index: 20; top: -2em; left: 0; right: 0; line-height: 2; font-size: 1.25em; font-weight: 600; text-align: center; text-decoration: none; white-space: nowrap; color: #fff; background: #CE5730; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.skiplink:focus { top: 0; outline: none; color: #fff; }

.offscreen { position: absolute; top: -10000px; left: 0; }

/* The .expandable-control, .expandable-open and .expandable-close classes are applied via global.js jQuery with the custom .expandable plugin. This effectively takes the queried elements and turns them into expandable/collapsible controls. They are utiilise primarily for the smallscreen/mobile CSS media querie for the expandable section in the mobile nav (for in-page # targets to .flyout menus), in the emerency contact, the .accordion (info relating the .map) and for making the required sections in the footer expandable. The desktop view also utilises this for the .accordion. */
.ui-collapsible.ui-collapsible-open [data-collapse="content"] { display: block; }
.ui-collapsible.ui-collapsible-close > [data-collapse="content"] { display: none; }
.ui-collapsible[data-discrete] [data-collapse="control"] { padding-right: 50px; }
.ui-collapsible[data-discrete] [data-collapse="control"]:hover, .ui-collapsible[data-discrete] [data-collapse="control"]:focus { text-decoration: underline; }
.ui-collapsible [data-collapse="control"] { box-sizing: border-box; -moz-box-sizing: border-box; position: relative; z-index: 2; display: block; width: inherit; margin: 0; padding: 0 20px; text-align: left; text-decoration: none; border: none; cursor: pointer; outline: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ie-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.ui-collapsible [aria-controls]:after { content: ''; position: absolute; width: 20px; height: 20px; top: 50%; right: 20px; margin-top: -10px; background-image: url(../images/plus.svg); background-position: 0 0; background-repeat: no-repeat; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ie-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.ui-collapsible [aria-controls]:hover, .ui-collapsible [aria-controls]:focus { text-decoration: none; z-index: 1; }
.ui-collapsible [aria-controls][aria-expanded="true"] { z-index: 1; }
.ui-collapsible [aria-controls][aria-expanded="true"]:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ie-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); background-image: url(../images/arrow-right.svg); background-position: 0 0; background-repeat: no-repeat; }
.ui-collapsible .ui-collapse-discrete { top: 0; right: 0; bottom: 0; position: absolute; width: 40px; white-space: nowrap; text-indent: 40px; overflow: hidden; display: block; border-left: 1px solid #fff; background-color: inherit; outline: none; }
.ui-collapsible .ui-collapse-discrete:focus { background-color: #d7774e; }
.ui-collapsible .ui-collapse-discrete:after { right: 10px; }

#header { background: #fff; }
.members #header { color: #fff; background: #000; }
#header .login { position: static; min-height: 40px; max-width: 281px; margin-right: -1px; padding: 1.1em 0.9em; font-family: 'RobotoMedium', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size: 0.875em; color: #fff; background: #444; border-bottom: 1px solid #000; }
#header .login a { color: #ebebeb; font-weight: 300; -webkit-transition: color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out; -ie-transition: color 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; }
#header .login a:hover, #header .login a:focus { color: #fff; }
#header .login ~ #social { top: auto; bottom: 0; }

#content { background: #fff; }

#supporters { padding: 44px 0 40px; background-color: #f5f5f5; }
#supporters ul { display: block; margin: 0; padding-bottom: 55px; list-style: none; border-bottom: 2px dotted #000; }
#supporters ul:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
#supporters ul > li { display: block; }
#supporters ul > li > a { display: block; }
#supporters ul > li > a > img { display: block; margin: 0 auto; }
#supporters ul > li ~ li { display: inline-block; float: left; width: 50%; margin-top: 2.4em; }
#supporters ul > li ~ li > a > img { width: auto; max-height: 60px; }
#supporters ul > li:first-child + li { padding-right: 10px; }
#supporters ul > li:first-child + li + li { padding-left: 10px; text-align: right; }
#supporters ul > li:first-child + li + li + li { padding-right: 10px; }
#supporters ul > li:first-child + li + li + li + li { padding-left: 10px; text-align: right; }

#newsletter { color: #fff; background: #000; padding: 2.5em 0; }
#newsletter .errorList { margin: 0 0 30px; color: #c10000; border: 1px solid #c10000; }
#newsletter .errorList .errorListTitle { padding: 10px 20px; color: white; background: #c10000; }
#newsletter .errorList ul { margin: 0; padding: 10px 0 10px 40px; }
#newsletter .errorList ul li { color: white; }
#newsletter .newsletter-wrapper { display: block; }
#newsletter h2 { margin: 0; font-weight: 400; font-size: 1.5em; color: #fff; text-transform: lowercase; }
#newsletter .CMSForm { margin: 0; }
#newsletter form > .mc-field-group { margin: 1em 0; display: flex; flex-direction: row; }
#newsletter form label { display: block; width: 52px; margin-top: 5px; font-family: 'RobotoMedium', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
#newsletter form input[type="email"], #newsletter form input[type="text"] { flex: 1; -webkit-appearance: none; -moz-appearance: none; -ie-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; display: block; font-family: 'RobotoMedium', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; color: #fff; border: 0; border-bottom: 1px solid #fff; background: none; outline: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#newsletter form input[type="email"]:hover, #newsletter form input[type="text"]:hover { background-color: #444; }
#newsletter form input[type="email"]:focus, #newsletter form input[type="text"]:focus { background-color: #666; }
#newsletter form input[type="email"], #newsletter form input[type="text"] { width: 100%; }
#newsletter form .field-wrapper { position: relative; display: inline-block; height: 30px; margin: 1em 0 0; }
#newsletter form .field-wrapper:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 10px; background-image: url(../images/subscribe-start.gif); background-position: 0 0; background-repeat: no-repeat; }
#newsletter form .field-wrapper:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 10px; background-image: url(../images/subscribe-end.gif); background-position: 0 0; background-repeat: no-repeat; }
#newsletter form .fieldItem { flex: 1; display: flex; flex-direction: row; align-items: baseline; margin-top: 10px; margin-bottom: 10px; }
#newsletter form .fieldItem .fieldItemInput { flex: 1; }
#newsletter form [type="submit"] { -webkit-appearance: none; -moz-appearance: none; -ie-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; display: inline-block; margin: 0 0.6em; border: none; font-family: 'RobotoRegular', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size: 1.42857em; border: 0; text-decoration: underline; color: #fff; background: none; }

#footer { padding-bottom: 40px; }
#footer a { color: #000; }
#footer ul { display: block; margin: 0; list-style: none; }
#footer ul > li { display: block; }
#footer ul > li > a { display: block; margin: 1em 0; font-weight: 200; }
#footer p { margin: 20px 0 0; font-weight: 200; }
#footer p span { display: inline-block; }
#footer p > a.cre8ive { display: inline-block; width: 112px; height: 21px; margin: 0; text-indent: 200px; overflow: hidden; background-image: url(../images/mobile-cre8ive.png); background-position: 0 0; background-repeat: no-repeat; }

#logo { display: block; margin: 18px auto; max-width: 100%; overflow: hidden; white-space: nowrap; }

#mobilenavopen { float: left; display: inline-block; width: 46px; height: 40px; text-indent: 46px; margin-right: 1px; overflow: hidden; background-image: url(../images/mobile-menu.gif); background-position: 50% 50%; background-repeat: no-repeat; background-color: #000; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ie-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
#mobilenavopen.open { background-color: #CE5730; }
#mobilenavopen.open:hover, #mobilenavopen.open:focus { background-color: #CE5730; }
.members #mobilenavopen { background-color: #444; }

#mobilesearchopen { float: left; display: inline-block; width: 46px; height: 40px; text-indent: 46px; margin-right: 1px; overflow: hidden; background-image: url(../images/mobile-search.png); background-position: 50% 50%; background-repeat: no-repeat; background-color: #000; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ie-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
#mobilesearchopen.open { background-color: #CE5730; }
#mobilesearchopen.open:hover, #mobilesearchopen.open:focus { background-color: #CE5730; }
.members #mobilesearchopen { background-color: #444; }

#search { display: none; clear: both; border: none; margin: 60px 0 20px; position: relative; }
#search.open, #search:target { display: block; }
#search > form { position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#search > form.open { width: 100%; }
#search > form label[for="q"] { display: none; font-family: 'RobotoMedium', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
#search > form #q { -webkit-appearance: none; -moz-appearance: none; -ie-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'RobotoMedium', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; display: block; width: 100%; line-height: 40px; padding: 0 .4em; color: #000; background-color: #fff; border: none; border-left: 2px solid black; outline: none; }
#search > form [type="submit"] { position: absolute; z-index: -1; width: 0; top: 0; right: 0; }

/*.viewsearch {
	display: none;
}
*/
#social { display: block; position: absolute; top: 0; left: 114px; }
#social > ul { display: inline-block; list-style: none; margin: 0; }
#social > ul > li { display: inline-block; vertical-align: top; font-size: 0; }
#social > ul > li.social-twitter > a { background-image: url(../images/mobile-twitter.png); background-position: 50% 50%; background-repeat: no-repeat; }
#social > ul > li.social-facebook > a { background-image: url(../images/mobile-facebook.png); background-position: 50% 50%; background-repeat: no-repeat; }
#social > ul > li.social-flickr > a { background-image: url(../images/mobile-flickr.png); background-position: 50% 50%; background-repeat: no-repeat; }
#social > ul > li.social-itunes > a { width: 90px; background-image: url(../images/mobile-itunes.png); background-position: 50% 50%; background-repeat: no-repeat; }
.members #social > ul > li a { background-color: #444; }
#social > ul > li a { display: inline-block; width: 46px; height: 40px; text-indent: 46px; margin-right: 1px; white-space: nowrap; background-color: #000; color: #0079A5; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#social > ul > li a.open { background-color: #CE5730; }

.viewsocialmedia { display: none; }

#nav { display: none; color: #fff; background-color: #fff; }
.members #nav { background-color: #ebebeb; }
#nav:target { display: block; }
#nav .topnavigation { display: block; list-style: none; margin: 0; margin-right: -1px; background-color: #CE5730; font-family: 'RobotoLight', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; border-top: 10px solid #CE5730; }
#nav .topnavigation > li > a { color: #fff; }
#nav .topnavigation > li.has-children > ul { background-color: #e8b8a5; }
#nav .topnavigation > li.has-children > ul > li.active { background-color: #f0d2c5; }
#nav .topnavigation > li.has-children > ul > li > ul { border-top: 1px solid #fff; }
#nav .topnavigation:before { content: ''; position: absolute; display: block; background-image: url(../images/plus.svg); background-position: 0 0; background-repeat: no-repeat; width: 0; height: 0; }
#nav .topnavigation:after { content: ''; position: absolute; display: block; background-image: url(../images/arrow-right.svg); background-position: 0 0; background-repeat: no-repeat; width: 0; height: 0; }
#nav .topnavigation ul { margin: 0; list-style: none; }
#nav .topnavigation li { margin: 0; }
#nav .topnavigation li.active > a { color: #fff; background-color: #000; }
#nav .topnavigation li ~ li { border-top: 1px solid #fff; }
#nav .topnavigation a { display: block; color: #000; text-decoration: none; padding: .5em 1.42em; }
#nav .topnavigation a:hover, #nav .topnavigation a:focus { text-decoration: underline; }

#subnav { display: none; font-family: 'RobotoMedium', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

.mainbar { margin-bottom: 2em; }
.mainbar h1 { margin-top: 1em; }
.mainbar h2.h1 { display: none; }

.social-media, .twitter, .youtube-playlist, .soundcloud { margin-left: -20px; margin-right: -20px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; padding-top: 35px; padding-bottom: 40px; background-color: #f5f5f5; }
.social-media h2, .twitter h2, .youtube-playlist h2, .soundcloud h2 { font-size: 1.42857em; font-weight: 200; margin-top: 0; color: #000; }
.social-media h2 > a, .twitter h2 > a, .youtube-playlist h2 > a, .soundcloud h2 > a, .social-media h2 > a:visited, .twitter h2 > a:visited, .youtube-playlist h2 > a:visited, .soundcloud h2 > a:visited { color: #000; }
.social-media a, .twitter a, .youtube-playlist a, .soundcloud a { color: #000; text-decoration: none; font-weight: 200; }
.social-media a:hover, .twitter a:hover, .youtube-playlist a:hover, .soundcloud a:hover, .social-media a:focus, .twitter a:focus, .youtube-playlist a:focus, .soundcloud a:focus { text-decoration: underline; }
.social-media .view-full-playlist, .twitter .view-full-playlist, .youtube-playlist .view-full-playlist, .soundcloud .view-full-playlist { text-align: right; }

.twitter a.twitter-follow { position: relative; display: inline-block; margin: .8em 0 0; padding: .4em .8em; font-weight: bold; font-size: 0.875em; font-family: 'RobotoMedium', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; color: #000; border: 1px solid gainsboro; border-radius: 4px; -webkit-transition: background 0.15s ease-in-out; -moz-transition: background 0.15s ease-in-out; -ie-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; background: -webkit-linear-gradient(top, white, #f5f5f5); background: -moz-linear-gradient(top, white, #f5f5f5); background: -ms-linear-gradient(top, white, #f5f5f5); background: -o-linear-gradient(top, white, #f5f5f5); background: linear-gradient(top, white, #f5f5f5); }
.twitter a.twitter-follow:before { content: ''; display: inline-block; background-image: url(../images/twitter-follow.png); background-position: 0 0; background-repeat: no-repeat; width: 20px; height: 20px; margin-right: .6em; vertical-align: middle; }
.twitter a.twitter-follow:hover, .twitter a.twitter-follow:focus { color: #000; text-decoration: none; background: -webkit-linear-gradient(top, #fff, white); background: -moz-linear-gradient(top, #fff, white); background: -ms-linear-gradient(top, #fff, white); background: -o-linear-gradient(top, #fff, white); background: linear-gradient(top, #fff, white); }
.twitter > ul { list-style: none; display: block; margin: 0; }
.twitter > ul > li { display: block; position: relative; margin: 1.4em 0; padding: 0 0 0 2.5em; }
.twitter > ul > li:first-child { padding-top: 0; border: none; }
.twitter > ul > li:before { content: ''; display: block; position: absolute; top: 8px; left: 0; width: 20px; height: 16px; background-image: url(../images/mobile-twitter-logo.png); background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; }
.twitter > ul > li p { margin: 0; }
.twitter > ul > li a { text-decoration: underline; color: #0079A5; }
.twitter > ul > li > ul { list-style: none; margin-top: 1.4em; }
.twitter > ul > li > ul > li { display: inline-block; margin: 0 .6em 0 0; }
.twitter > ul > li > ul > li > a { display: inline-block; -webkit-appearance: none; -moz-appearance: none; -ie-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; display: inline-block; width: 16px; height: 17px; text-indent: 16px; white-space: nowrap; overflow: hidden; }
.twitter > ul > li > ul > li > a.twitter-reply { width: 19px; text-indent: 19px; background-image: url(../images/twitter-reply.png); background-position: 0 0; background-repeat: no-repeat; }
.twitter > ul > li > ul > li > a.twitter-retweet { width: 25px; text-indent: 25px; background-image: url(../images/twitter-retweet.png); background-position: 0 0; background-repeat: no-repeat; }
.twitter > ul > li > ul > li > a.twitter-favourite { width: 17px; text-indent: 17px; background-image: url(../images/twitter-favourite.png); background-position: 0 0; background-repeat: no-repeat; }

.embedded-video { display: block; margin: 0 0 2.5em; }
.embedded-video iframe { display: block; width: 100%; height: 280px; }

.youtube-playlist iframe { display: block; width: 100%; margin: 0; padding: 0; }
.youtube-playlist .youtube-player { position: relative; background: black; }
.youtube-playlist .youtube-player .youtube-poster { -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; color: white; background: bg("video-poster.jpg", 50% 50%); background-size: cover; }
.youtube-playlist .youtube-player .youtube-poster:hover, .youtube-playlist .youtube-player .youtube-poster:focus { text-decoration: none; }
.youtube-playlist .youtube-player .youtube-poster:before { content: ''; position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255, 0, 0, 0.9); }
.youtube-playlist .youtube-player .youtube-poster > span { display: block; position: relative; z-index: 2; }
.youtube-playlist .youtube-player .youtube-poster > span:first-child { font-size: 3em; }
.youtube-playlist .youtube-player .youtube-poster > span:nth-child(2) { margin-top: 40px; text-transform: uppercase; font-size: 1.125em; font-weight: 600; color: black; letter-spacing: 3px; }
.youtube-playlist .youtube-player .youtube-poster > span:nth-child(2):before { content: 'Play'; display: inline-block; margin-right: 30px; }
.youtube-playlist .youtube-player .youtube-poster > span:nth-child(2):after { content: 'Now'; display: inline-block; margin-left: 30px; }
.youtube-playlist .youtube-player iframe { display: block; }
.youtube-playlist .youtube-videos { margin: 0; padding: 0; }
.youtube-playlist .youtube-videos > .youtube-video { margin-bottom: 25px; border-bottom: 2px dotted black; }
.youtube-playlist .youtube-videos > .youtube-video > a { display: block; color: black; }
.youtube-playlist .youtube-videos > .youtube-video > a:hover, .youtube-playlist .youtube-videos > .youtube-video > a:focus { text-decoration: none; }
.youtube-playlist .youtube-videos > .youtube-video > a:hover .youtube-video-image:after, .youtube-playlist .youtube-videos > .youtube-video > a:focus .youtube-video-image:after { opacity: 0; }
.youtube-playlist .youtube-videos > .youtube-video .youtube-video-image { position: relative; height: 0; padding-bottom: 56.25%; }
.youtube-playlist .youtube-videos > .youtube-video .youtube-video-image:before { content: ''; position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0; background-image: url(../images/block-video-play-small.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: 25%; }
.youtube-playlist .youtube-videos > .youtube-video .youtube-video-image:after { content: ''; display: block; position: absolute; z-index: 1; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.youtube-playlist .youtube-videos > .youtube-video .youtube-video-image img { display: block; width: 100%; }
.youtube-playlist .youtube-videos > .youtube-video .youtube-video-info { padding: 15px 0; }
.youtube-playlist .youtube-videos > .youtube-video .youtube-video-info h3 { margin: 0; font-size: 1em; line-height: 1.35; }
.youtube-playlist .youtube-videos > .youtube-video .youtube-video-info p { margin: 10px 0 0; font-size: 0.875em; color: inherit; }
.youtube-playlist .youtube-videos > .youtube-video .youtube-video-info p span { display: block; }
.youtube-playlist .youtube-videos > .youtube-video .youtube-video-info p span:before { content: '\2022'; display: inline-block; padding: 0 4px; }
.youtube-playlist .youtube-videos > .youtube-video .youtube-video-info p ~ p { margin-top: 5px; }

.soundcloud iframe { display: block; width: 100%; margin: 0 0 25px; padding: 0; }

.archive-link { display: block; width: 280px; height: 80px; margin: 0 0 2.5em; text-indent: 280px; overflow: hidden; background-image: url(../images/mobile-archive.png); background-position: 0 0; background-repeat: no-repeat; }

#highlights { position: relative; margin-left: -20px; margin-right: -20px; margin-bottom: 1.5em; color: #fff; background: #f5f5f5; }
#highlights > p { position: absolute; left: 12px; bottom: 12px; margin: 0; line-height: 1.1em; font-size: 2.4em; color: #fff; }
#highlights ul > li:before { display: none; }
#highlights .flexslider { position: relative; height: inherit; opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ie-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
#highlights .flexslider .slides { display: block; list-style: none; margin: 0; }
#highlights .flexslider .slides > li { display: block; margin: 0; }
#highlights .flexslider .slides > li.highlight-color-teal { background-color: #009dad; }
#highlights .flexslider .slides > li.highlight-color-olive { background-color: #a79437; }
#highlights .flexslider .slides > li.highlight-color-maroon { background-color: #931c2b; }
#highlights .flexslider .slides > li.highlight-color-ochre { background-color: #d67636; }
#highlights .flexslider .slides > li > div { position: relative; overflow: hidden; height: 190px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
#highlights .flexslider .slides > li > div img { display: block; width: 100%; }
#highlights .flexslider .slides > li .highlights-text { position: absolute; z-index: 1; top: 30px; left: 20px; right: 20px; margin: 0; color: #fff; }
#highlights .flexslider .slides > li .highlights-text .message { margin: 0; padding: 20px 30px; font-family: 'RobotoMedium', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; border-left: 2px solid #fff; border-right: 2px solid #fff; }
#highlights .flexslider .slides > li .highlights-text .message:before { content: ''; position: absolute; bottom: 100%; left: 0; height: 2px; width: 30px; background-color: #fff; }
#highlights .flexslider .slides > li .highlights-text .message:after { content: ''; position: absolute; bottom: 100%; right: 0; height: 2px; width: 30px; background-color: #fff; }
#highlights .flexslider .slides > li .highlights-text .message > span:before { content: ''; position: absolute; top: 100%; right: 0; height: 2px; width: 30px; background-color: #fff; }
#highlights .flexslider .slides > li .highlights-text .message > span:after { content: ''; position: absolute; top: 100%; left: 0; height: 14px; width: 78px; background-image: url(../images/highlight-callout-bottom-small-light.png); background-position: 0 0; background-repeat: no-repeat; }
#highlights .flexslider .slides > li .highlights-text .quote { display: none; font-family: 'RobotoMedium', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
#highlights .flexslider .slides > li a { display: block; height: 100%; }
#highlights .flexslider .slides > li .slide-image span { position: absolute; top: -10000px; left: 0; }
#highlights .flexslider .slides > li .highlights-longimage .copy { width: 50%; }
#highlights .flexslider .slides > li .highlights-textimage .img { position: absolute; left: 22px; top: 79px; font-size: 0; }
#highlights .flexslider .slides > li .highlights-textimage .img:after { content: ''; position: absolute; display: block; top: 100%; left: 0; right: 0; height: 15px; background-size: 100% 100%; }
#highlights .flexslider .slides > li .highlights-textimage .copy { position: absolute; left: 20px; right: 20px; top: 80px; }
#highlights .flexslider .flex-direction-nav { display: none; }
#highlights .flexslider .flex-control-paging { display: none; position: absolute; z-index: 2; left: auto; right: 64px; bottom: 30px; margin: 0; line-height: 5px; }
#highlights .flexslider .flex-control-paging > li { display: inline-block; position: relative; width: 5px; height: 5px; margin: 0 0 0 15px; }
#highlights .flexslider .flex-control-paging > li > a { position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; margin: 0; width: auto; height: auto; background: #fff; text-indent: -9999px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#highlights .flexslider .flex-control-paging > li > a.flex-active { background: #000; cursor: default; }
#highlights .flexslider .flex-pauseplay { display: none; position: absolute; z-index: 3; right: 30px; bottom: 30px; }
#highlights .flexslider .flex-pauseplay > a { display: block; width: 5px; height: 5px; text-indent: 15px; overflow: hidden; -webkit-transition: none 0.2s ease-in-out; -moz-transition: none 0.2s ease-in-out; -ie-transition: none 0.2s ease-in-out; -o-transition: none 0.2s ease-in-out; transition: none 0.2s ease-in-out; }
#highlights .flexslider .flex-pauseplay > a:before { display: none; }
#highlights .flexslider .flex-pauseplay > a.flex-play { border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #f5f5f5; }
#highlights .flexslider .flex-pauseplay > a.flex-pause { border-left: 2px solid #fff; border-right: 2px solid #fff; }
#highlights .highlight-tabset { clear: both; display: block; font-family: 'RobotoMedium', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
#highlights .highlight-tabset > ul { display: block; list-style: none; margin: 0; }
#highlights .highlight-tabset > ul > li { display: block; margin: 0; }
#highlights .highlight-tabset > ul > li.highlight-tabset-color-teal { background-color: #1B4F57; }
#highlights .highlight-tabset > ul > li.highlight-tabset-color-olive { background-color: #8A7B2B; }
#highlights .highlight-tabset > ul > li.highlight-tabset-color-maroon { background-color: #760D1E; }
#highlights .highlight-tabset > ul > li.highlight-tabset-color-ochre { background-color: #CE5730; }
#highlights .highlight-tabset > ul > li > a { position: relative; display: block; height: 40px; line-height: 40px; padding-left: 20px; padding-right: 20px; text-decoration: none; color: #fff; }
#highlights .highlight-tabset > ul > li > a:before { content: ''; display: block; position: absolute; top: 50%; right: 20px; width: 10px; height: 17px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ie-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-image: url(../images/arrow-right.png); background-position: 0 0; background-repeat: no-repeat; }
#highlights .highlight-tabset > ul > li > a:hover, #highlights .highlight-tabset > ul > li > a:focus { text-decoration: underline; }

.main { padding-top: 1.4em; }
.main .publications-forms { margin-bottom: 2em; }
.main .publications-forms h2 { margin-top: 0; color: #000; }
.main .publications-forms .field { display: block; }
.main .publications-forms .field > label { width: auto; color: #444; }
.main .publications-forms form ~ form { border-top: 1px solid white; }
.main .publications-forms form input[type="submit"] { margin-left: auto; display: block; }
.main form .field > label { display: block; vertical-align: top; line-height: 30px; padding-right: 0.2em; }
.main form input[type="text"], .main form input[type="search"], .main form input[type="email"], .main form input[type="image"], .main form input[type="password"], .main form input[type="file"], .main form input.text, .main form textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ie-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; display: block; display: inline-block; width: 100%; height: 30px; line-height: 30px; margin-bottom: .5em; padding: .4em .4em; *padding-left: 0; *padding-right: 0; border: 1px solid #808080; font-weight: normal; background-color: #fff; outline: none; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -ie-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
.main form input[type="text"]:hover, .main form input[type="text"]:focus, .main form input[type="search"]:hover, .main form input[type="search"]:focus, .main form input[type="email"]:hover, .main form input[type="email"]:focus, .main form input[type="image"]:hover, .main form input[type="image"]:focus, .main form input[type="password"]:hover, .main form input[type="password"]:focus, .main form input[type="file"]:hover, .main form input[type="file"]:focus, .main form input.text:hover, .main form input.text:focus, .main form textarea:hover, .main form textarea:focus { border-color: #CE5730; }
.main form select { box-sizing: border-box; -moz-box-sizing: border-box; display: block; width: 100%; height: 30px; line-height: 30px; margin: 0; margin-bottom: .5em; padding: 0 0 0 .4em; border: 1px solid #808080; font-weight: normal; outline: none; }
.appearance-supported .main form select { -webkit-appearance: none; -moz-appearance: none; -ie-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; padding-right: 1.8em; background-image: url(../images/select.svg); background-position: 100% 2px; background-repeat: no-repeat; background-color: #fff; background-size: 1.6em auto; }
.main form select:focus { background-position: 100% -23px; border-color: #CE5730; }
.main form input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; -ie-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; display: inline-block; min-height: 30px; height: 30px; padding: 2px 10px 0; text-align: center; vertical-align: top; font-size: 1em; text-transform: uppercase; color: #fff; background-color: #CE5730; border: none; border-radius: 0; cursor: pointer; outline: none; -webkit-transition: background 0.1s ease-in-out; -moz-transition: background 0.1s ease-in-out; -ie-transition: background 0.1s ease-in-out; -o-transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out; }
.main form input[type="submit"]:hover, .main form input[type="submit"]:focus { text-decoration: none; background-color: #a54626; }

.homepage h1 { position: absolute; top: -10000px; left: 0; }

.banner-image { position: relative; }
.banner-image .banner-caption { position: absolute; bottom: 0; left: 0; right: 0; color: #f5f5f5; background: #444; background: rgba(0, 0, 0, 0.75); text-align: right; padding: 10px 30px; margin: 0; }
.banner-image .link-full { display: block; position: absolute; right: auto; left: 20px; bottom: 20px; width: 46px; height: 46px; font-size: 0; background-image: url(../images/mobile-search-2x.png); background-position: 50% 50%; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.65); background-size: 70% 70%; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -ie-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
.banner-image .link-full:hover, .banner-image .link-full:focus { background-color: rgba(0, 0, 0, 0.85); }

.news-listing .news-item { margin: 1.875em 0; }
.news-listing .news-item:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.news-listing .news-item > a { display: block; float: left; margin-top: 0.4em; }
.news-listing .news-item > a > img { display: block; width: 80px; }
.news-listing .news-item > p { margin-left: 100px; font-size: 1.14286em; }
.news-listing .news-item .news-summary { font-family: 'RobotoMedium', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
.news-listing .news-item .news-summary a { text-decoration: none; color: #000; -webkit-transition: none 0.2s ease-in-out; -moz-transition: none 0.2s ease-in-out; -ie-transition: none 0.2s ease-in-out; -o-transition: none 0.2s ease-in-out; transition: none 0.2s ease-in-out; }
.news-listing .news-item .news-summary a:hover, .news-listing .news-item .news-summary a:focus { text-decoration: underline; }
.news-listing .news-item .news-summary a:visited { color: #000; }
.news-listing .news-item .news-tags { margin-bottom: 0; }
.news-listing .news-item ~ .news-item { padding-top: 1.875em; border-top: 2px dotted #000; }

.article .meta { margin: 1em 0 2em; }
.article .news-tags { font-size: 0.85714em; }

.page-listing .page-item { margin: 1.875em 0; }
.page-listing .page-item > a { display: block; float: left; margin-top: 0.4em; }
.page-listing .page-item > a > img { display: block; width: 80px; }
.page-listing .page-item .page-summary { margin-left: 100px; }
.page-listing .page-item .page-summary > a, .page-listing .page-item .page-summary > a:visited { color: #000; }
.page-listing .page-item .page-summary h3 { margin-top: 0; }
.page-listing .page-item .news-tags { clear: both; margin-bottom: 0; font-weight: 400; }
.page-listing .page-item ~ .page-item { padding-top: 1.875em; border-top: 2px dotted #000; }

.main .publications-listing { margin-bottom: 1.875em; }
.main .publications-listing .bibliography { font-size: 1.25em; }
.taglisting .main .publications-listing { margin-bottom: 0; }
.taglisting .main .publications-listing > ul > li ~ li, .taglisting .main .publications-listing > ol > li ~ li { padding-top: 1.875em; }
.main .publications-listing > ul, .main .publications-listing > ol { list-style: none; margin: 0; padding: 0; }
.main .publications-listing > ul > li, .main .publications-listing > ol > li { margin: 1.875em 0; }
.main .publications-listing > ul > li ~ li, .main .publications-listing > ol > li ~ li { padding-top: 1.875em; border-top: 2px dotted #000; }
.main .publications-listing > ul > li p.publication-title a, .main .publications-listing > ol > li p.publication-title a { text-decoration: none; color: #000; }
.main .publications-listing > ul > li p.publication-title a:hover, .main .publications-listing > ul > li p.publication-title a:focus, .main .publications-listing > ol > li p.publication-title a:hover, .main .publications-listing > ol > li p.publication-title a:focus { text-decoration: underline; }
.main .publications-listing .publications-tags { clear: both; margin-bottom: 0; font-weight: 400; }

.view-all a { display: block; margin-bottom: 2em; color: #000; font-family: 'RobotoMedium', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size: 1.429em; }
.view-all a:visited { color: #000; }

a.back-link { display: inline-block; margin: 1.4em 0 1em; color: #000; font-size: 1.25em; font-family: 'RobotoMedium', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; line-height: 28px; height: 32px; border: 1px solid transparent; }
a.back-link:hover { border-color: #808080; }
a.back-link:visited { color: #000; }
a.back-link:before { content: url(../images/listing-start.gif); display: inline-block; margin-right: 1em; vertical-align: middle; }
a.back-link:after { content: url(../images/listing-end.gif); display: inline-block; margin-left: 1em; vertical-align: middle; }

.pagination { margin: 2.75em 0 0; font-size: 1.125em; }
.pagination > a, .pagination > span { -webkit-appearance: none; -moz-appearance: none; -ie-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; display: inline-block; padding: 0 .8em; text-align: center; }
.pagination > a.page-num ~ .page-num, .pagination > span.page-num ~ .page-num { border-left: 1px solid #000; }
.pagination > a.page-prev, .pagination > a.page-next, .pagination > span.page-prev, .pagination > span.page-next { position: relative; top: 1px; margin: 0; padding: 0; border: none; width: 8px; height: 14px; display: inline-block; overflow: hidden; white-space: nowrap; text-indent: 8px; }
.pagination > a.page-prev, .pagination > span.page-prev { margin-right: .3em; }
.pagination > a.page-next, .pagination > span.page-next { margin-left: .3em; }
.pagination > a { -webkit-transition: none 0.2s ease-in-out; -moz-transition: none 0.2s ease-in-out; -ie-transition: none 0.2s ease-in-out; -o-transition: none 0.2s ease-in-out; transition: none 0.2s ease-in-out; text-decoration: none; color: #000; }
.pagination > a:visited { color: #000; }
.pagination > a.current:visited, .pagination > a.selected:visited { color: #CE5730; }
.pagination > a.current, .pagination > a.selected, .pagination > a:hover, .pagination > a:focus { text-decoration: underline; color: #CE5730; }
.pagination > a.page-prev { background-image: url(../images/pagination-prev.png); background-position: 0 0; background-repeat: no-repeat; }
.pagination > a.page-prev:hover, .pagination > a.page-prev:focus { background-image: url(../images/pagination-prev-invite.png); }
.pagination > a.page-next { background-image: url(../images/pagination-next.png); background-position: 0 0; background-repeat: no-repeat; }
.pagination > a.page-next:hover, .pagination > a.page-next:focus { background-image: url(../images/pagination-next-invite.png); }
.pagination > span.page-prev { background-image: url(../images/pagination-prev-inactive.png); background-position: 0 0; background-repeat: no-repeat; }
.pagination > span.page-next { background-image: url(../images/pagination-next-inactive.png); background-position: 0 0; background-repeat: no-repeat; }

.call-to-action { display: block; position: relative; min-height: 90px; margin-bottom: 60px; padding: 34px 36px 20px; text-decoration: none; color: #000; border-right: 4px solid #000; border-left: 4px solid #000; }
.call-to-action:visited { color: #000; }
.call-to-action:hover, .call-to-action:focus { color: #000; background-color: #f5f5f5; }
.call-to-action:after { content: ''; display: block; position: absolute; bottom: 0; left: 72px; width: 36px; height: 4px; background-color: #000; }
.call-to-action:before { content: ''; display: block; position: absolute; bottom: -36px; left: 36px; width: 51px; height: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ie-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ie-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; background-color: #000; }
.call-to-action.desktop-only { display: none; }
.call-to-action.mobile-only { display: block; }
.call-to-action h2 { margin-top: 0; text-transform: uppercase; font-size: 1.42857em; color: #000; }
.call-to-action h2.call-to-action-no-title { margin: 0; overflow: hidden; height: 0; }
.call-to-action h2:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 36px; height: 4px; background-color: #000; }
.call-to-action h2:before { content: ''; display: block; position: absolute; top: 0; right: 0; width: 36px; height: 4px; background-color: #000; }
.call-to-action h2 > span:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 36px; height: 4px; background-color: #000; }
.call-to-action h2 > span:before { content: ''; display: block; position: absolute; bottom: 0; right: 0; width: 36px; height: 4px; background-color: #000; }
.call-to-action > img { margin-bottom: 1em; }
.call-to-action .call-to-action-link { font-family: 'RobotoMedium', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-decoration: underline; }

.tag-listing-heading span { position: relative; top: -.2em; padding: 0 0.4em; font-size: 0.55em; color: white; background: #CE5730; }

.custom-block-captioned-image { margin: 2.5em 0; }
.custom-block-captioned-image a { display: block; }
.custom-block-captioned-image img { display: block; }
.custom-block-captioned-image p { margin: .5em 0 0; color: #444; }

.custom-block-tags { margin-left: -20px; margin-right: -20px; padding: 2.5em 20px; background-color: #CE5730; color: #fff; }
.custom-block-tags h2 { color: #fff; margin-top: 0; }
.custom-block-tags > ul { display: block; list-style: none; margin: 0; }
.custom-block-tags > ul > li { display: block; margin-bottom: 1.2em; line-height: 1.712em; }
.custom-block-tags > ul > li > a { display: block; padding-left: 35px; color: #fff; text-decoration: underline; background-image: url(../images/tag.gif); background-position: 0 0.25em; background-repeat: no-repeat; }
.custom-block-tags > ul > li > a:hover, .custom-block-tags > ul > li > a:focus { text-decoration: none; }

.custom-block-related-content, .custom-block-quicklinks { margin-left: -20px; margin-right: -20px; padding: 2.5em 20px; background-color: #7f7f7f; color: #fff; }
.custom-block-related-content h2, .custom-block-quicklinks h2 { color: #fff; margin-top: 0; }
.custom-block-related-content > ul, .custom-block-quicklinks > ul { display: block; list-style: none; margin: 0; }
.custom-block-related-content > ul > li, .custom-block-quicklinks > ul > li { display: block; margin-bottom: 1.2em; line-height: 1.712em; }
.custom-block-related-content > ul > li > a, .custom-block-quicklinks > ul > li > a { display: block; padding-left: 35px; color: #fff; text-decoration: underline; background-image: url(../images/document.png); background-position: 0 0.25em; background-repeat: no-repeat; }
.custom-block-related-content > ul > li > a:hover, .custom-block-quicklinks > ul > li > a:hover, .custom-block-related-content > ul > li > a:focus, .custom-block-quicklinks > ul > li > a:focus { text-decoration: none; }

.custom-block-quicklinks > ul > li > a { background-image: url(../images/chainlink.png); }

.custom-block-profile { position: relative; margin: 2em 0; padding-top: 2em; border-top: 2px dotted #000; }
.custom-block-profile.custom-block-profile-first { padding-top: 0; border: none; }
.custom-block-profile.expanded .custom-block-profile-expand-collapse:after { background-image: url(../images/expanded.gif); }
.custom-block-profile .custom-block-profile-image { float: left; max-width: 86px; margin-bottom: 1em; }
.custom-block-profile .custom-block-profile-image + div { margin-left: 110px; }
.custom-block-profile h2 { margin-top: 0; margin-bottom: 0.5em; font-size: 1.142em; color: #000; }
.custom-block-profile ul.meta { padding-left: 0; }
.custom-block-profile ul.meta > li:before { display: none; }
.custom-block-profile p { clear: both; }
.custom-block-profile .custom-block-profile-details { clear: both; }
.custom-block-profile .custom-block-profile-details ol { list-style: none; padding-left: 0; }
.custom-block-profile .custom-block-profile-expand-collapse { position: relative; display: inline-block; margin-top: 1em; line-height: 28px; color: #000; text-decoration: none; }
.custom-block-profile .custom-block-profile-expand-collapse:after { content: ''; width: 60px; height: 30px; display: block; position: absolute; top: 0; left: 100px; background-image: url(../images/collapsed.gif); background-position: 0 0; background-repeat: no-repeat; }
.custom-block-profile .custom-block-profile-expand-collapse:hover, .custom-block-profile .custom-block-profile-expand-collapse:focus { color: #000; }

.error { color: #CE5730; }

.change-password th, .change-password td { padding-bottom: 10px; vertical-align: top; }
.change-password th { font-weight: normal; text-align: left; }
.change-password label { display: inline-block; margin-top: 4px; margin-right: 12px; white-space: nowrap; line-height: 1.25em; }
.change-password input[type="password"] { width: 100%; }
.change-password input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; -ie-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; display: inline-block; min-height: 30px; height: 30px; padding: 2px 10px 0; text-align: center; vertical-align: top; font-size: 1em; text-transform: uppercase; color: #fff; background-color: #CE5730; border: none; border-radius: 0; cursor: pointer; outline: none; -webkit-transition: background 0.1s ease-in-out; -moz-transition: background 0.1s ease-in-out; -ie-transition: background 0.1s ease-in-out; -o-transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out; }
.change-password input[type="submit"]:hover, .change-password input[type="submit"]:focus { text-decoration: none; background-color: #a54626; }

.CMSForm { margin-bottom: 2em; }

.cmsloginform { margin-bottom: 2em; }

.landingNavigation .item ul.subnav { margin-top: 0.8em !important; }
.landingNavigation .item ul.subnav li { display: block; margin: 0.4em 0px; padding: 0; font-size: 1em; }

.CMSSearchResults form.CMSSearchBox { padding: 0; }
.CMSSearchResults form.CMSSearchBox .CMSSearchSubmit { margin: 0; }
.CMSSearchResults p.CMSResultsNoResults { color: #000; }

@media only screen and (max-width: 959px) { body { font-size: 14px; }
  body:before { content: 'mobile'; display: block; height: 0; overflow: hidden; }
  .main h1 { font-size: 2em; } }
@media only screen and (min-width: 960px) { /** _small.scss - for desktop - min small size    */
  .mainbar #map { margin-left: -2.5em; margin-right: -2.5em; }
  #map_control_container { margin-left: -2.5em; margin-right: -2.5em; }
  .columns.collapse { padding-left: 0; padding-right: 0; }
  #header .login { position: absolute; top: 0; right: 19px; min-height: 0; max-width: none; padding: 0.7em; border: none; }
  #header .login ~ #social { top: 0; }
  #footer { padding: 60px 0 50px; }
  #footer ul { margin-bottom: 0; }
  #footer ul > li { display: inline-block; margin-right: 52px; }
  #footer ul > li > a { display: inline-block; margin: 0; }
  #footer p { margin: 0; }
  #footer p span { display: inline; }
  #footer p > a.cre8ive { display: inline-block; margin-top: 0; margin-left: 18px; margin: 0; height: 16px; vertical-align: top; position: relative; top: 4px; width: 86px; background-image: url(../images/cre8ive.png); background-position: 0 0; background-repeat: no-repeat; }
  #footer > .row .columns + .columns { text-align: right; }
  #logo { margin-top: 50px; margin-bottom: 50px; }
  #supporters { padding: 57px 0; }
  #supporters ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #supporters ul > li:first-child { text-align: left; }
  #supporters ul > li:first-child > a { padding-left: 0; }
  #supporters ul > li:first-child + li { padding-right: 0; }
  #supporters ul > li:first-child + li + li { padding-left: 0; text-align: left; }
  #supporters ul > li:first-child + li + li + li { padding-right: 0; }
  #supporters ul > li:first-child + li + li + li + li { padding-left: 0; }
  #supporters ul > li:last-child { text-align: right; }
  #supporters ul > li:last-child > a { padding-right: 0; }
  #supporters ul > li > a { padding: 0 1em; }
  #supporters ul > li > a > img { min-height: 0; max-height: none; }
  #supporters ul > li ~ li { display: table-cell; float: none; width: auto; margin: 0; }
  #supporters ul > li ~ li > a > img { height: auto; min-height: 0; max-height: none; }
  #newsletter .newsletter-wrapper { /*
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-end;
*/ }
  #newsletter .errorList { margin: 0 0 30px; color: #c10000; border: 1px solid #c10000; }
  #newsletter .errorList .errorListTitle { padding: 10px 20px; color: white; background: #c10000; }
  #newsletter .errorList ul { margin: 0; padding: 10px 0 10px 40px; }
  #newsletter .errorList ul li { color: white; }
  #newsletter h2 { font-weight: 500; font-size: 1.25em; text-transform: uppercase; margin-right: 2em; margin-bottom: 2px; }
  #newsletter .CMSForm { margin: 0; }
  #newsletter form > .mc-field-group { flex: 1; margin: 0; margin-right: 2em; }
  #newsletter form > .mc-field-group.last { margin-right: 0; }
  #newsletter form label { font-size: 1.25em; font-weight: 500; margin-right: .6em; }
  #newsletter form input[type="email"], #newsletter form input[type="text"] { width: 100%; }
  #newsletter form [type="submit"] { width: auto; }
  #newsletter form .field-wrapper { margin-top: 0; }
  #newsletter form .formFields { display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; }
  #newsletter form .formFields > h2, #newsletter form .formFields > div { margin: 0; }
  #newsletter form .formFields > h2 { white-space: nowrap; margin-right: 2em; }
  #newsletter form .formFields .fieldItem { flex: 1; display: flex; flex-direction: row; align-items: baseline; margin-right: 2em; }
  #newsletter form .formFields .fieldItem .fieldItemInput { flex: 1; }
  #mobilenavopen, #mobilesearchopen { display: none; }
  #search { display: block; position: absolute; top: 100px; right: 274px; margin: 0; }
  .members #search > form #q { color: #fff; border-bottom-color: #fff; }
  .members #search > form .field-wrapper:before { background-image: url(../images/search-start-members.gif); }
  .members #search > form .field-wrapper:after { background-image: url(../images/search-end-members.gif); }
  #search > form { top: 1px; }
  #search > form ::-webkit-input-placeholder { color: transparent; }
  #search > form :-moz-placeholder { color: transparent; opacity: 1; }
  #search > form ::-moz-placeholder { color: transparent; opacity: 1; }
  #search > form :-ms-input-placeholder { color: transparent; }
  #search > form label[for="q"] { position: static; display: inline-block; top: 12px; right: 100%; margin-right: 4px; cursor: pointer; }
  #search > form #q { -webkit-appearance: none; -moz-appearance: none; -ie-appearance: none; -o-appearance: none; appearance: none; border-radius: 0; box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block; width: 100px; line-height: 22px; padding: 0; font-family: 'RobotoRegular', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; color: #000; border: 0; border-bottom: 1px solid #000; background: none; outline: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  #search > form .field-wrapper { position: relative; display: inline-block; width: 190px; height: 30px; line-height: 30px; margin: 0; padding: 0 15px; }
  #search > form .field-wrapper:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 10px; background-image: url(../images/search-start.gif); background-position: 0 0; background-repeat: no-repeat; }
  #search > form .field-wrapper:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 10px; background-image: url(../images/search-end.gif); background-position: 0 0; background-repeat: no-repeat; }
  #search > form [type="submit"] { position: static; position: absolute; top: -10000px; left: 0; }
  #social { left: auto; right: 0; margin-top: 100px; }
  #social > ul { display: block; list-style: none; margin: 0; }
  #social > ul > li { display: inline-block; font-size: 0; }
  #social > ul > li.social-twitter > a { width: 32px; background-image: url(../images/twitter.png); background-position: 0 0; background-repeat: no-repeat; background-color: transparent; }
  #social > ul > li.social-facebook > a { width: 32px; background-image: url(../images/facebook.png); background-position: 0 0; background-repeat: no-repeat; background-color: transparent; }
  #social > ul > li.social-flickr > a { width: 32px; background-image: url(../images/flickr.png); background-position: 0 0; background-repeat: no-repeat; background-color: transparent; }
  #social > ul > li.social-itunes > a { width: 69px; background-image: url(../images/itunes.png); background-position: 0 0; background-repeat: no-repeat; background-color: transparent; }
  .members #social > ul > li.social-twitter > a { background-image: url(../images/twitter-members.png); }
  .members #social > ul > li.social-facebook > a { background-image: url(../images/facebook-members.png); }
  .members #social > ul > li.social-flickr > a { background-image: url(../images/flickr-members.png); }
  .members #social > ul > li.social-itunes > a { background-image: url(../images/itunes-members.png); }
  .members #social > ul > li a { background-color: #000; }
  .members #social > ul > li a:hover, .members #social > ul > li a:focus { background-color: #444; }
  #social > ul > li a { background-color: #f5f5f5; text-indent: 36px; height: 32px; margin-right: 19px; overflow: hidden; white-space: nowrap; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  #social > ul > li a:hover, #social > ul > li a:focus { background-color: #fff; }
  #nav { display: block; position: relative; z-index: 1; padding: 0.875em 0; color: #fff; background-color: #000; }
  .members #nav { background-color: #f5f5f5; }
  .members #nav .topnavigation > li > a { color: #000; border-left-color: #000; }
  #nav .topnavigation { display: block; display: table; width: 100%; margin: 0; font-family: 'RobotoMedium', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; border: none; background: none; }
  #nav .topnavigation > li { display: inline-block; display: table-cell; min-height: 50px; margin: 0; vertical-align: middle; text-align: center; border: none; }
  #nav .topnavigation > li:first-child > a { border-left: none; padding-left: 0; }
  #nav .topnavigation > li.last > a { padding-right: 0; }
  #nav .topnavigation > li.active > a { color: #CE5730; background: transparent; }
  #nav .topnavigation > li.active > a > span:after { content: ''; display: block; position: absolute; top: 0; left: 100%; width: 5px; height: 5px; margin-left: 0.25em; background: #CE5730; }
  #nav .topnavigation > li > a { display: block; padding: 0 1em; line-height: 1.25em; font-size: 1.25em; text-decoration: none; color: #fff; border-left: 2px solid #fff; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ie-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
  #nav .topnavigation > li > a:hover, #nav .topnavigation > li > a:focus { color: #CE5730; }
  #nav .topnavigation > li > a:hover > span, #nav .topnavigation > li > a:focus > span { text-decoration: underline; }
  #nav .topnavigation > li > a > span { position: relative; }
  #nav .topnavigation > li > ul { display: none; }
  #nav .topnavigation li ~ li { border-top: none; }
  #subnav { display: block; position: relative; z-index: 1; font-size: 1.143em; margin-bottom: 0; }
  #subnav a { text-decoration: none; color: #fff; }
  #subnav a:focus { text-decoration: underline; }
  #subnav h2 { position: relative; margin: 0; padding: 22px 50px 22px 30px; font-size: 1.375em; font-weight: 500; color: #fff; background-color: #CE5730; }
  #subnav h2:after { content: ''; display: block; position: absolute; width: 17px; height: 10px; top: 50%; right: 20px; margin-top: -5px; background-image: url(../images/arrow-down.png); background-position: 0 0; background-repeat: no-repeat; }
  #subnav ul { list-style: none; margin: 0; padding: 0; background-color: #d7774e; }
  #subnav ul > li { display: block; position: relative; margin: 0; border-top: 2px solid #fff; }
  #subnav ul > li.active { background-color: #000; border-top-color: #000; }
  #subnav ul > li.active > a { position: relative; margin-bottom: -2px; border-bottom: 2px solid black; z-index: 1; }
  #subnav ul > li.active > a:after { content: ''; display: block; position: absolute; width: 10px; height: 17px; top: 50%; right: 24px; margin-top: -10px; background-image: url(../images/arrow-right.png); background-position: 0 0; background-repeat: no-repeat; }
  #subnav ul > li.active > a:hover, #subnav ul > li.active > a:focus { background-color: #000; }
  #subnav ul > li > a { display: block; padding: 15px 50px 15px 30px; font-weight: 500; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ie-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
  #subnav ul > li > a:hover, #subnav ul > li > a:focus { background-color: #CE5730; }
  #subnav ul > li li a { padding-left: 45px; }
  #subnav ul > li li li a { padding-left: 60px; }
  #subnav .ui-collapsible [data-collapse="control"] { padding-right: 65px; }
  #subnav .ui-collapsible [data-collapse="control"]:after { display: none; }
  #subnav .ui-collapsible .ui-collapse-discrete { width: 55px; text-indent: 60px; }
  #subnav .ui-collapsible .ui-collapse-discrete:after { right: 18px; }
  #subnav .ui-collapsible .ui-collapse-discrete:focus { background-color: transparent; outline: 1px dotted #000; }
  .mainbar { margin-bottom: 0; padding: 2.5em; background-color: #f5f5f5; }
  .mainbar a { color: #1B4F57; }
  .mainbar a:visited { color: #1B4F57; }
  .mainbar a:hover, .mainbar a:focus { color: #00B0ED; }
  .mainbar h1 { margin-top: 0; }
  .mainbar h2 { color: #000; }
  .mainbar h2.h1 { display: block; }
  .mainbar select { width: auto; }
  .social-media, .twitter, .youtube-playlist, .soundcloud { margin: 0 0 2.5em; padding: 2.25em 30px; }
  .social-media h2, .twitter h2, .youtube-playlist h2, .soundcloud h2 { position: relative; font-size: 1.5em; font-weight: 500; }
  .social-media h2:before, .twitter h2:before, .youtube-playlist h2:before, .soundcloud h2:before { content: ''; display: block; position: absolute; top: 5px; right: 0; width: 24px; height: 24px; background-size: contain; }
  .social-media > ul, .twitter > ul, .youtube-playlist > ul, .soundcloud > ul { font-size: 0.875em; }
  .social-media > ul > li, .twitter > ul > li, .youtube-playlist > ul > li, .soundcloud > ul > li { padding: 0; }
  .social-media > ul > li:before, .twitter > ul > li:before, .youtube-playlist > ul > li:before, .soundcloud > ul > li:before { display: none; }
  .twitter h2:before { background-image: url(../images/twitter-logo.png); background-position: 0 0; background-repeat: no-repeat; height: 20px; }
  .twitter h2 > a { font-weight: 500; }
  .youtube-playlist h2:before { background-image: url(../images/youtube-logo.png); background-position: 0 0; background-repeat: no-repeat; }
  .soundcloud h2:before { background-image: url(../images/soundcloud-logo.png); background-position: 0 0; background-repeat: no-repeat; }
  .archive-link { width: 268px; height: 190px; max-width: 100%; text-indent: 268px; background-image: url(../images/archive.png); background-position: 0 0; background-repeat: no-repeat; background-size: contain; }
  #highlights { margin-left: 0; margin-right: 0; margin-bottom: 5em; height: 400px; height: auto; background: #f5f5f5; }
  #highlights:hover .flexslider .flex-direction-nav .flex-prev, #highlights:hover .flexslider .flex-direction-nav .flex-next { opacity: .6; }
  #highlights > p { left: 56px; bottom: 45px; font-size: 3.75em; }
  #highlights .flexslider { width: 100%; }
  #highlights .flexslider .slides > li > div { height: 420px; background-position: 50% 100%; background-size: cover; }
  #highlights .flexslider .slides > li > div.highlights-mirrored .highlights-text { left: 50%; right: 8%; padding-left: 50px; }
  #highlights .flexslider .slides > li .highlights-text { top: 40px; left: 8%; right: 54%; }
  #highlights .flexslider .slides > li .highlights-text .message { margin-bottom: 2em; padding: 0; font-size: 1.25em; border: none; }
  #highlights .flexslider .slides > li .highlights-text .message:before, #highlights .flexslider .slides > li .highlights-text .message:after, #highlights .flexslider .slides > li .highlights-text .message > span:before, #highlights .flexslider .slides > li .highlights-text .message > span:after { display: none; }
  #highlights .flexslider .slides > li .highlights-text .quote { display: block; position: relative; font-size: 2.1875em; line-height: 1.2em; padding: 20px 35px; border-left: 5px solid #fff; border-right: 5px solid #fff; }
  #highlights .flexslider .slides > li .highlights-text .quote:before { content: ''; position: absolute; bottom: 100%; left: -5px; height: 5px; width: 40px; background-color: #fff; }
  #highlights .flexslider .slides > li .highlights-text .quote:after { content: ''; position: absolute; bottom: 100%; right: -5px; height: 5px; width: 40px; background-color: #fff; }
  #highlights .flexslider .slides > li .highlights-text .quote > span:before { content: ''; position: absolute; top: 100%; left: -5px; height: 5px; width: 40px; background-color: #fff; }
  #highlights .flexslider .slides > li .highlights-text .quote > span:after { content: ''; position: absolute; top: 100%; right: -5px; height: 35px; width: 106px; background-image: url(../images/highlight-callout-bottom-light.png); background-position: 0 0; background-repeat: no-repeat; }
  #highlights .flexslider .slides > li .slide-image { height: auto; }
  #highlights .flexslider .flex-direction-nav { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; list-style: none; margin: 0; }
  #highlights .flexslider .flex-direction-nav .flex-prev, #highlights .flexslider .flex-direction-nav .flex-next { position: absolute; top: 0; bottom: 0; width: 45px; text-indent: 80px; white-space: nowrap; overflow: hidden; background: #000; background: rgba(0, 0, 0, 0.6); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  #highlights .flexslider .flex-direction-nav .flex-prev:before, #highlights .flexslider .flex-direction-nav .flex-next:before { content: ''; display: block; position: absolute; width: 100%; height: 100%; }
  #highlights .flexslider .flex-direction-nav .flex-prev:focus, #highlights .flexslider .flex-direction-nav .flex-prev:hover, #highlights .flexslider .flex-direction-nav .flex-next:focus, #highlights .flexslider .flex-direction-nav .flex-next:hover { opacity: 1; }
  #highlights .flexslider .flex-direction-nav .flex-prev { left: 0; }
  #highlights .flexslider .flex-direction-nav .flex-prev:before { background-image: url(../images/control-prev.png); background-position: 45% 50%; background-repeat: no-repeat; }
  #highlights .flexslider .flex-direction-nav .flex-next { right: 0; }
  #highlights .flexslider .flex-direction-nav .flex-next:before { background-image: url(../images/control-next.png); background-position: 55% 50%; background-repeat: no-repeat; }
  #highlights .flexslider .flex-control-paging { display: block; }
  #highlights .flexslider .flex-pauseplay { display: block; }
  #highlights .highlight-tabset { z-index: 100; position: relative; margin-left: 0; margin-right: 0; background: #000; font-size: 2em; }
  #highlights .highlight-tabset > ul { display: table; width: 100%; }
  #highlights .highlight-tabset > ul > li { display: table-cell; width: 25%; height: 140px; vertical-align: middle; text-align: center; }
  #highlights .highlight-tabset > ul > li.active > a > span:after { content: ''; display: block; position: absolute; top: 0; left: 100%; width: 5px; height: 5px; margin-left: 0.25em; background: #fff; }
  #highlights .highlight-tabset > ul > li > a { display: table-cell; width: inherit; height: inherit; vertical-align: middle; line-height: 1em; text-align: center; }
  #highlights .highlight-tabset > ul > li > a:before { display: none; }
  #highlights .highlight-tabset > ul > li > a:hover > span, #highlights .highlight-tabset > ul > li > a:focus > span { text-decoration: underline; }
  #highlights .highlight-tabset > ul > li > a > span { display: inline-block; position: relative; text-align: center; }
  .main { padding: 3.125em 0 5em; }
  .main .publications-h1 { position: absolute; top: -10000px; left: 0; }
  .main .publications-forms { margin-bottom: 0; padding: 2.5em 1em; background-color: #f5f5f5; }
  .main .publications-forms .field { display: block; }
  .main .publications-forms .field > label { display: block; }
  .main form ~ form { margin-top: 1.2em; padding-top: 1.2em; }
  .main form .field > label { display: inline-block; }
  .banner-image .link-full { left: auto; right: 20px; }
  .news a { color: #CE5730; }
  .news a:hover, .news a:focus { color: #a54626; }
  .news .news-listing ~ .news-item { padding-top: 1.875em; border-top: 2px dotted #000; }
  .article h1 { text-transform: none; font-size: 2.1875em; margin-bottom: 0.85714em; }
  .article h2 { color: #CE5730; }
  .article a, .article a:visited { color: #CE5730; }
  .news-listing .news-item { border: none; }
  .news-listing .news-item > a { margin-top: 0; margin-right: 1em; }
  .news-listing .news-item > a > img { width: auto; }
  .news-listing .news-item > p { margin-left: 166px; font-weight: 300; }
  .news-listing .news-item .news-tags { font-size: 0.875em; }
  .page-listing .page-item { margin: 1.875em 0; }
  .page-listing .page-item > a > img { width: auto; }
  .page-listing .page-item .page-summary { margin-left: 166px; }
  .page-listing .page-item .news-tags { font-size: 0.875em; }
  .publications-listing .publications-tags { font-size: 0.875em; }
  .view-all { margin: 1.875em 0 2.5em; text-align: right; }
  .view-all > a { font-size: 1.5em; color: #000; }
  a.back-link { margin-top: 0; }
  a.back-link:visited { color: #000; }
  .call-to-action { margin-bottom: 40px; padding: 44px 36px 30px; border-left-width: 5px; border-right-width: 5px; }
  .call-to-action:after { height: 5px; }
  .call-to-action:before { height: 5px; }
  .call-to-action.desktop-only { display: block; }
  .call-to-action.mobile-only { display: none; }
  .call-to-action h2 { font-size: 1.5em; }
  .call-to-action h2:after, .call-to-action h2 > span:after { height: 4px; }
  .call-to-action h2:before, .call-to-action h2 > span:before { height: 5px; }
  .custom-block-captioned-image { margin-top: 0; }
  .custom-block-tags { margin: 0 0 2.5em; padding: 1.875em; }
  .custom-block-tags > ul > li { line-height: 1.5em; }
  .custom-block-related-content, .custom-block-quicklinks { margin: 0 0 2.5em; padding: 1.875em; }
  .custom-block-related-content > ul > li, .custom-block-quicklinks > ul > li { line-height: 1.5em; }
  .custom-block-profile .custom-block-profile-image { max-width: none; margin-right: 0; }
  .custom-block-profile .custom-block-profile-image + div { margin-left: 160px; }
  .custom-block-profile h3 { font-size: 1.5em; color: #CE5730; }
  .CMSForm { margin-bottom: 0; }
  .cmsloginform { margin-bottom: 0; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) { ul > li:before { background-image: url(../images/pagination-next-invite-2x.png); background-size: 8px 14px; }
  #mobilenavopen { background-image: url(../images/mobile-menu-2x.gif); background-size: 27px 22px; }
  #mobilesearchopen { background-image: url(../images/mobile-search-2x.png); background-size: 23px 23px; }
  #subnav h2:after { background-image: url(../images/arrow-down-2x.png); background-size: 17px 10px; }
  #subnav ul > li > a:after { background-image: url(../images/arrow-right-2x.png); background-size: 10px 17px; }
  #footer p a.cre8ive { background-image: url(../images/cre8ive-2x.png); background-size: contain; }
  #social > ul > li.social-twitter > a { background-image: url(../images/mobile-twitter-2x.png); background-size: 21px 18px; }
  #social > ul > li.social-facebook > a { background-image: url(../images/mobile-facebook-2x.png); background-size: 13px 25px; }
  #social > ul > li.social-flickr > a { background-image: url(../images/mobile-flickr-2x.png); background-size: 27px 12px; }
  #social > ul > li.social-itunes > a { background-image: url(../images/mobile-itunes-2x.png); background-size: 60px auto; }
  #social > ul > li.social-itunes-u > a { background-image: url(../images/mobile-itunes-u-2x.png); background-size: 29px 20px; }
  .archive-link { background-image: url(../images/mobile-archive-2x.png); background-size: 280px 80px; }
  .twitter > ul > li:before { background-image: url(../images/mobile-twitter-logo-2x.png); background-size: 20px 16px; }
  .twitter > ul > li > ul > li > a.twitter-reply { background-image: url(../images/twitter-reply-2x.png); background-size: 19px 15px; }
  .twitter > ul > li > ul > li > a.twitter-retweet { background-image: url(../images/twitter-retweet-2x.png); background-size: 25px 15px; }
  .twitter > ul > li > ul > li > a.twitter-favourite { background-image: url(../images/twitter-favourite-2x.png); background-size: 17px 15px; }
  .twitter a.twitter-follow:before { background-image: url(../images/twitter-follow-2x.png); background-size: 20px 20px; }
  .custom-block-tags > ul > li > a { background-image: url(../images/tag-2x.gif); background-size: 20px 20px; }
  .custom-block-related-content > ul > li > a, .custom-block-quicklinks > ul > li > a { background-image: url(../images/document-2x.png); background-size: 20px 20px; }
  .custom-block-quicklinks > ul > li > a { background-image: url(../images/chainlink-2x.png); background-size: 20px 20px; }
  .custom-block-profile .custom-block-profile-expand-collapse:after { background-image: url(../images/collapsed-2x.gif); background-size: 58px 28px; }
  .custom-block-profile.expanded .custom-block-profile-expand-collapse:after { background-image: url(../images/expanded-2x.gif); } }
@media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 960px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 960px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 960px) and (min-device-pixel-ratio: 2) { #search > form .field-wrapper:before { background-image: url(../images/search-start-2x.gif); background-size: contain; }
  #search > form .field-wrapper:after { background-image: url(../images/search-end-2x.gif); background-size: contain; }
  #social > ul > li.social-twitter > a { background-image: url(../images/twitter-2x.png); background-size: contain; }
  #social > ul > li.social-facebook > a { background-image: url(../images/facebook-2x.png); background-size: contain; }
  #social > ul > li.social-flickr > a { background-image: url(../images/flickr-2x.png); background-size: contain; }
  #social > ul > li.social-itunes > a { background-image: url(../images/itunes-2x.png); background-size: contain; }
  .archive-link { background-image: url(../images/archive-2x.png); background-size: contain; }
  .members #search > form .field-wrapper:before { background-image: url(../images/search-start-members-2x.gif); background-position: contain; background-repeat: no-repeat; }
  .members #search > form .field-wrapper:after { background-image: url(../images/search-end-members-2x.gif); background-position: contain; background-repeat: no-repeat; }
  .members #social > ul > li.social-twitter > a { background-image: url(../images/twitter-members-2x.png); background-size: contain; }
  .members #social > ul > li.social-facebook > a { background-image: url(../images/facebook-members-2x.png); background-size: contain; }
  .members #social > ul > li.social-flickr > a { background-image: url(../images/flickr-members-2x.png); background-size: contain; }
  .members #social > ul > li.social-itunes > a { background-image: url(../images/itunes-members-2x.png); background-size: contain; } }
@media only print { /** _print.css - print styling - styling for the ACVL website.  */
  /** _colors.scss  SASS colour variables  */
  /** _mixins.scss  */
  /** _font.scss - SCSS Fonts for the Dynamics of Language  website  */
  @font-face { font-family: 'RobotoBlack'; src: url("../fonts/Roboto-Black.ttf") format("truetype"); font-weight: normal; font-style: normal; }
  @font-face { font-family: 'RobotoBold'; src: url("../fonts/Roboto-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
  @font-face { font-family: 'RobotoLight'; src: url("../fonts/Roboto-Light.ttf") format("truetype"); font-weight: normal; font-style: normal; }
  @font-face { font-family: 'RobotoMedium'; src: url("../fonts/Roboto-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; }
  @font-face { font-family: 'RobotoRegular'; src: url("../fonts/Roboto-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
  a[href]:after { display: inline-block; margin: 10px 0; font-size: .8em; font-style: italic; color: #444; }
  header, footer, aside, hgroup, figure, figcaption, section, article { display: block; }
  /* elements/content not to print */
  #mobilenavopen, form, #sidebar, #utils, #nav, #highlights, .tag-filter-select, .more-link, .pagination, .get-in-touch, .back, .news .back, .read-more, #supporters, #newsletter, #calltoaction, #footer { display: none; }
  body { margin: 0; padding: 0; font-family: 'RobotoRegular', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
  a { text-decoration: underline; }
  table { border-collapse: collapse; width: 100%; margin-bottom: 20px; }
  table caption { color: #444; }
  table th, table td { padding: 20px; text-align: left; }
  table thead th { color: #fff; background: #000; border-bottom: 1px solid #000; }
  table tbody td { border-bottom: 1px solid #444; }
  blockquote { margin-left: 0; padding-left: 20px; border: none; border-left: 1px solid #444; }
  blockquote p { color: #444; font-style: italic; }
  blockquote cite:before { content: '\2014'; margin-right: 5px; color: #000; }
  #page { padding-left: 20px; padding-right: 20px; }
  #header { min-height: 0; }
  #logo { display: block; width: 222px; height: auto; margin: 40px 0 0 5px; padding: 0; text-indent: 0; background: none; border: none; }
  #logo:after { display: none; }
  .banner-image { margin-bottom: 40px; }
  .main { padding-top: 0; }
  .main .UIHTMLContent { overflow-x: inherit; }
  .main #news .news-feature { min-height: 0; }
  .custom-block-calltoaction { padding: 0; }
  .custom-block-calltoaction img { margin: 0; } }

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