/* Pure */
html {
  font-family: sans-serif; 
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block; 
  vertical-align: baseline; 
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit; 
  font: inherit; 
  margin: 0; 
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"], 
input[type="reset"],
input[type="submit"] {
  cursor: pointer; 
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; 
  padding: 0; 
}
input[type="search"] {
  box-sizing: content-box;
}
legend {
  border: 0; 
  padding: 0; 
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-style: solid;
  border-width: 1px;
  border-color: #999;
}
td,
th {
  padding: 0.25em 0.5em;
  border-color: #999;
}
.hidden,
[hidden] {
    display: none !important;
}
.pure-img {
    max-width: 100%;
    height: auto;
    display: block;
}
.pure-g {
    letter-spacing: -0.31em; 
    text-rendering: optimizespeed; 
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
	align-content: flex-start;
}
.pure-u {
    display: inline-block;
    transform: scale(1);
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}
.pure-g [class *= "pure-u"] {
    font-family: sans-serif;
}
.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
    display: inline-block;
    transform: scale(1);
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}
.pure-u-1-24 {
    width: 4.1667%;
}
.pure-u-1-12,
.pure-u-2-24 {
    width: 8.3333%;
}
.pure-u-1-8,
.pure-u-3-24 {
    width: 12.5000%;
}
.pure-u-1-6,
.pure-u-4-24 {
    width: 16.6667%;
}
.pure-u-1-5 {
    width: 20%;
}
.pure-u-5-24 {
    width: 20.8333%;
}
.pure-u-1-4,
.pure-u-6-24 {
    width: 25%;
}
.pure-u-7-24 {
    width: 29.1667%;
}
.pure-u-1-3,
.pure-u-8-24 {
    width: 33.3333%;
}
.pure-u-3-8,
.pure-u-9-24 {
    width: 37.5000%;
}
.pure-u-2-5 {
    width: 40%;
}
.pure-u-5-12,
.pure-u-10-24 {
    width: 41.6667%;
}
.pure-u-11-24 {
    width: 45.8333%;
}
.pure-u-1-2,
.pure-u-12-24 {
    width: 50%;
}
.pure-u-13-24 {
    width: 54.1667%;
}
.pure-u-7-12,
.pure-u-14-24 {
    width: 58.3333%;
}
.pure-u-3-5 {
    width: 60%;
}
.pure-u-5-8,
.pure-u-15-24 {
    width: 62.5000%;
}
.pure-u-2-3,
.pure-u-16-24 {
    width: 66.6667%;
}
.pure-u-17-24 {
    width: 70.8333%;
}
.pure-u-3-4,
.pure-u-18-24 {
    width: 75%;
}
.pure-u-19-24 {
    width: 79.1667%;
}
.pure-u-4-5 {
    width: 80%;
}
.pure-u-5-6,
.pure-u-20-24 {
    width: 83.3333%;
}
.pure-u-7-8,
.pure-u-21-24 {
    width: 87.5000%;
}
.pure-u-11-12,
.pure-u-22-24 {
    width: 91.6667%;
}
.pure-u-23-24 {
    width: 95.8333%;
}
.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
    width: 100%;
}
.pure-button {
    display: inline-block;
    transform: scale(1);
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
}
.pure-button {
    font-family: inherit;
    font-size: 100%;
    padding: 0.5em 1em;
    color: #444; 
    color: rgba(0, 0, 0, 0.80); 
    border: 1px solid #999;  
    border: none rgba(0, 0, 0, 0);  
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}
.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.pure-button:focus {
    outline: 0;
}
.pure-button-active,
.pure-button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
    border-color: #000;
}
.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
    border: none;
    background-image: none;
    opacity: 0.40;
    cursor: not-allowed;
    box-shadow: none;
}
.pure-button-hidden {
    display: none;
}
.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
}
.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    box-sizing: border-box;
}
.pure-form input:not([type]) {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}
.pure-form input[type="color"] {
    padding: 0.2em 0.5em;
}
.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
    outline: 0;
    border-color: #129FEA;
}
.pure-form input:not([type]):focus {
    outline: 0;
    border-color: #129FEA;
}
.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
    outline: thin solid #129FEA;
    outline: 1px auto #129FEA;
}
.pure-form .pure-checkbox,
.pure-form .pure-radio {
    margin: 0.5em 0;
    display: block;
}
.pure-form input[type="text"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="week"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}
.pure-form input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}
.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
    background-color: #eee; 
    color: #777; 
    border-color: #ccc;
}
.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
    color: #b94a48;
    border-color: #e9322d;
}
.pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus {
    outline-color: #e9322d;
}
.pure-form select {
    height: 2.25em;
    border: 1px solid #ccc;
    background-color: white;
}
.pure-form select[multiple] {
    height: auto;
}
.pure-form label {
    margin: 0.5em 0 0.2em;
}
.pure-form fieldset {
    margin: 0;
    padding: 0.35em 0 0.75em;
    border: 0;
}
.pure-form legend {
    display: block;
    width: 100%;
    padding: 0.3em 0;
    margin-bottom: 0.3em;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}
.pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked input[type="file"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
    display: block;
    margin: 0.25em 0;
}
.pure-form-stacked input:not([type]) {
    display: block;
    margin: 0.25em 0;
}
.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
    display: inline-block;
    vertical-align: middle;
}
.pure-form-aligned textarea {
    vertical-align: top;
}
.pure-form-aligned .pure-control-group {
    margin-bottom: 0.5em;
}
.pure-form-aligned .pure-control-group label {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 10em;
    margin: 0 1em 0 0;
}
.pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 11em;
}
.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
    border-radius: 2em;
    padding: 0.5em 1em;
}
.pure-form .pure-group fieldset {
    margin-bottom: 10px;
}
.pure-form .pure-group input,
.pure-form .pure-group textarea {
    display: block;
    padding: 10px;
    margin: 0 0 -1px;
    border-radius: 0;
    position: relative;
    top: -1px;
}
.pure-form .pure-group input:focus,
.pure-form .pure-group textarea:focus {
    z-index: 3;
}
.pure-form .pure-group input:first-child,
.pure-form .pure-group textarea:first-child {
    top: 1px;
    border-radius: 4px 4px 0 0;
    margin: 0;
}
.pure-form .pure-group input:first-child:last-child,
.pure-form .pure-group textarea:first-child:last-child {
    top: 1px;
    border-radius: 4px;
    margin: 0;
}
.pure-form .pure-group input:last-child,
.pure-form .pure-group textarea:last-child {
    top: -2px;
    border-radius: 0 0 4px 4px;
    margin: 0;
}
.pure-form .pure-group button {
    margin: 0.35em 0;
}
.pure-form .pure-input-1 {
    width: 100%;
}
.pure-form .pure-input-2-3 {
    width: 66%;
}
.pure-form .pure-input-1-2 {
    width: 50%;
}
.pure-form .pure-input-1-3 {
    width: 33%;
}
.pure-form .pure-input-1-4 {
    width: 25%;
}
.pure-form .pure-help-inline,
.pure-form-message-inline {
    display: inline-block;
    padding-left: 0.3em;
    color: #666;
    vertical-align: middle;
    font-size: 0.875em;
}
.pure-form-message {
    display: block;
    color: #666;
    font-size: 0.875em;
}
.pure-menu {
    box-sizing: border-box;
}
.pure-menu-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
}
.pure-menu-list,
.pure-menu-item {
    position: relative;
}
.pure-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pure-menu-item {
    padding: 0;
    margin: 0;
    height: 100%;
}
.pure-menu-link,
.pure-menu-heading {
    display: block;
    text-decoration: none;
    white-space: nowrap;
}
.pure-menu-horizontal {
    width: 100%;
    white-space: nowrap;
}
.pure-menu-horizontal .pure-menu-list {
    display: inline-block;
}
.pure-menu-horizontal .pure-menu-item,
.pure-menu-horizontal .pure-menu-heading,
.pure-menu-horizontal .pure-menu-separator {
    display: inline-block;
    transform: scale(1);
    vertical-align: middle;
}
.pure-menu-item .pure-menu-item {
    display: block;
}
.pure-menu-children {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    padding: 0;
    z-index: 3;
}
.pure-menu-horizontal .pure-menu-children {
    left: 0;
    top: auto;
    width: inherit;
}
.pure-menu-allow-hover:hover > .pure-menu-children,
.pure-menu-active > .pure-menu-children {
    display: block;
    position: absolute;
}
.pure-menu-has-children > .pure-menu-link:after {
    padding-left: 0.5em;
    content: "\25B8";
    font-size: small;
}
.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
    content: "\25BE";
}
.pure-menu-scrollable {
    overflow-y: scroll;
    overflow-x: hidden;
}
.pure-menu-scrollable .pure-menu-list {
    display: block;
}
.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
    display: inline-block;
}
.pure-menu-horizontal.pure-menu-scrollable {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    padding: .5em 0;
}
.pure-menu-separator {
    background-color: #ccc;
    height: 1px;
    margin: .3em 0;
}
.pure-menu-horizontal .pure-menu-separator {
    width: 1px;
    height: 1.3em;
    margin: 0 .3em ;
}
.pure-menu-heading {
    text-transform: uppercase;
    color: #565d64;
}
.pure-menu-link {
    color: #777;
}
.pure-menu-children {
    background-color: #fff;
}
.pure-menu-link,
.pure-menu-disabled,
.pure-menu-heading {
    padding: .5em 1em;
}
.pure-menu-disabled {
    opacity: .5;
}
.pure-menu-disabled .pure-menu-link:hover {
    background-color: transparent;
}
.pure-menu-active > .pure-menu-link,
.pure-menu-link:hover,
.pure-menu-link:focus {
    background-color: #eee;
}
.pure-menu-selected .pure-menu-link,
.pure-menu-selected .pure-menu-link:visited {
    color: #000;
}
/* -- End Pure */


/* Icons Version 2.2 */
@font-face {
	font-family: 'DCSicons';
	src:url('../fonts/dcsicons.eot?9tx4cz');
	src:url('../fonts/dcsicons.eot?9tx4cz#iefix') format('embedded-opentype'),
		url('../fonts/dcsicons.ttf?9tx4cz') format('truetype'),
		url('../fonts/dcsicons.woff?9tx4cz') format('woff'),
		url('../fonts/dcsicons.svg?9tx4cz#DCSicons') format('svg');
	font-weight: normal;
	font-style: normal;
        font-display: swap;
}
.dcs-icon {
    /* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'DCSicons' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.dcs-icon-calendar:before {
	content: "\f073";
}
.dcs-icon-calendar-o:before {
	content: "\f133";
}
.dcs-icon-clock-o:before {
	content: "\f017";
}
.dcs-icon-envelope-o:before {
	content: "\f003";
}
.dcs-icon-envelope:before {
	content: "\f0e0";
}
.dcs-icon-envelope-square:before {
	content: "\f199";
}
.dcs-icon-cancel-small:before {
	content: "\f00d";
}
.dcs-icon-research-1:before {
	content: "\e603";
}
.dcs-icon-data-analysis:before {
	content: "\e603";
}
.dcs-icon-graduation-cap:before {
	content: "\f19d";
}
.dcs-icon-mortar-board:before {
	content: "\f19d";
}
.dcs-icon-info-circle:before {
	content: "\f05a";
}
.dcs-icon-bright-4:before {
	content: "\e600";
}
.dcs-icon-highlights:before {
	content: "\e600";
}
.dcs-icon-teacher-41:before {
	content: "\e601";
}
.dcs-icon-seminars:before {
	content: "\e601";
}
.dcs-icon-external-link:before {
	content: "\f08e";
}
.dcs-icon-edit:before {
	content: "\f044";
}
.dcs-icon-pencil-square-o:before {
	content: "\f044";
}
.dcs-icon-phone:before {
	content: "\f095";
}
.dcs-icon-fax:before {
	content: "\f1ac";
}
.dcs-icon-twitter:before {
	content: "\f099";
}
.dcs-icon-facebook-square:before {
	content: "\f082";
}
.dcs-icon-calendar2:before {
	content: "\e953";
}
.dcs-icon-clock:before {
	content: "\e94e";
}
.dcs-icon-clock2:before {
	content: "\e94f";
}
.dcs-icon-mail:before {
	content: "\ea83";
}
.dcs-icon-mail2:before {
	content: "\ea84";
}
.dcs-icon-mail3:before {
	content: "\ea85";
}
.dcs-icon-mail4:before {
	content: "\ea86";
}
.dcs-icon-cancel-small-16:before {
	content: "\e36b";
}
.dcs-icon-cancel:before {
	content: "\ea0f";
}
.dcs-icon-cancel-circle:before {
	content: "\ea0d";
}
.dcs-icon-arrow-up-left:before {
	content: "\ea31";
}
.dcs-icon-arrow-up:before {
	content: "\ea32";
}
.dcs-icon-arrow-up-right:before {
	content: "\ea33";
}
.dcs-icon-arrow-down-right:before {
	content: "\ea35";
}
.dcs-icon-arrow-down:before {
	content: "\ea36";
}
.dcs-icon-arrow-down-left:before {
	content: "\ea37";
}
.dcs-icon-arrow-left:before {
	content: "\ea38";
}
.dcs-icon-arrow-right:before {
	content: "\ea34";
}
.dcs-icon-arrow-up-left2:before {
	content: "\ea39";
}
.dcs-icon-arrow-up2:before {
	content: "\ea3a";
}
.dcs-icon-arrow-up-right2:before {
	content: "\ea3b";
}
.dcs-icon-arrow-down-right2:before {
	content: "\ea3d";
}
.dcs-icon-arrow-down2:before {
	content: "\ea3e";
}
.dcs-icon-arrow-down-left2:before {
	content: "\ea3f";
}
.dcs-icon-arrow-left2:before {
	content: "\ea40";
}
.dcs-icon-arrow-right2:before {
	content: "\ea3c";
}
.dcs-icon-circle-right:before {
	content: "\ea42";
}
.dcs-icon-circle-left:before {
	content: "\ea44";
}
.dcs-icon-circle-up:before {
	content: "\ea41";
}
.dcs-icon-circle-down:before {
	content: "\ea43";
}
.dcs-icon-home:before {
	content: "\e900";
}
.dcs-icon-info-circle2:before {
	content: "\ea0c";
}
.dcs-icon-user:before {
	content: "\e971";
}
.dcs-icon-users:before {
	content: "\e972";
}
.dcs-icon-newspaper:before {
	content: "\e904";
}
.dcs-icon-bullhorn:before {
	content: "\e91a";
}
.dcs-icon-book:before {
	content: "\e91f";
}
.dcs-icon-books:before {
	content: "\e920";
}
.dcs-icon-bubble:before {
	content: "\e96b";
}
.dcs-icon-bubbles:before {
	content: "\e96c";
}
.dcs-icon-bubbles2:before {
	content: "\e96d";
}
.dcs-icon-bubble2:before {
	content: "\e96e";
}
.dcs-icon-bubbles3:before {
	content: "\e96f";
}
.dcs-icon-bubbles4:before {
	content: "\e970";
}
.dcs-icon-search:before {
	content: "\e986";
}
.dcs-icon-folder-download:before {
	content: "\e933";
}
.dcs-icon-box-add:before {
	content: "\e95e";
}
.dcs-icon-download:before {
	content: "\e960";
}
.dcs-icon-download3:before {
	content: "\e9c7";
}
.dcs-icon-file-text:before {
	content: "\e922";
}
.dcs-icon-profile:before {
	content: "\e923";
}
.dcs-icon-file-empty:before {
	content: "\e924";
}
.dcs-icon-files-empty:before {
	content: "\e925";
}
.dcs-icon-file-text2:before {
	content: "\e926";
}
.dcs-icon-file-zip:before {
	content: "\e92b";
}
.dcs-icon-file-pdf:before {
	content: "\eada";
}
.dcs-icon-file-excel:before {
	content: "\eadd";
}
.dcs-icon-file-word:before {
	content: "\eadc";
}
.dcs-icon-file-openoffice:before {
	content: "\eadb";
}
.dcs-icon-libreoffice:before {
	content: "\eade";
}
.dcs-icon-phone2:before {
	content: "\e942";
}
.dcs-icon-video-camera:before {
	content: "\e902";
}
.dcs-icon-volume-high:before {
	content: "\e903";
}
.dcs-icon-lock:before {
	content: "\e905";
}
.dcs-icon-location:before {
	content: "\e901";
}
.dcs-icon-folder-plus:before {
	content: "\e906";
}
.dcs-icon-cog:before {
	content: "\e907";
}
.dcs-icon-cogs:before {
	content: "\e908";
}
.dcs-icon-eye:before {
	content: "\e909";
}
.dcs-icon-exit:before {
	content: "\e90a";
}

/* -- End Icons */

/* Base styling */
html,
.pure-g [class *= "pure-u"] {
    font-family: Arial, Helvetica, sans-serif;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
html {
    color: #333;
}
body {
    quotes: '\201c' '\201d'; /* Define quotes to inject dynamically */
    background-color: #c6cacd;
}
#page {
    background-color: #fff;
}
/* -- End Base */

/* Text elements */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #2C4559;
}

h1 {
    font-size: 2em;
}
.tpl-news-page h1,
.tpl-testimonial-page h1,
.tpl-staff-page h1,
.tpl-student-page h1 {
    margin-bottom: 0;
}
h2 {
    font-size: 1.5em;
}
h2#filter-control-trigger {
    font-size: 1em;
    margin:0;
    padding: 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.75em;
    padding: 0.3em 0;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1.125em;
}
h5, h6 {
    font-size: 1em;
    font-weight: 700;
}
/* -- End Text elements */

/* .cpy: Text to be read is wrapped with this */
.cpy {
    line-height: 1.5;
}
.cpy h1 {
/*    margin: 0.75em 0;  CHANGED 2020*/
    margin: 0.5em 0;
}
.cpy h2 {
    margin: 1.5em 0 0.8em 0;
}
.cpy h3 {
    margin: 0.5em 0 0.5em 0;
}
.cpy h4 {
    margin: 0.5em 0 00 0;
}
.cpy h1, .cpy h2, .cpy h3, .cpy h4, .cpy h5, .cpy h6 {
    line-height: 1.2;
}
.cpy p,
.cpy ul,
.cpy ol {
    margin: 1em 0 1.25em 0;
    /* max-width: 60em; restrict long lines of readable text */
}
.cpy ol,
.cpy ul {
    padding-left: 1.625em;
}
.cpy ol {
    list-style-type: decimal; /* Standard numbers, change if desired */
}
.cpy ol ol {
    list-style-type: lower-alpha; /* lowercase letters, change if desired */
}
.cpy li {
    margin-bottom: 0.75em;
}
.cpy .panel h1,
.cpy .panel h2,
.section-link h2 {
    margin: 0;
    line-height: 1;
}
.panel-nav .cpy ul {
    padding-left: 0;
}
/* -- End .cpy */

/* Guttering */
#content-start {
    clear: both;
}
.content-body {
    padding: 0 1em 0 1em;
}
.tpl-home .content-body {
    padding: 0 0 1em 1em;
}
.home-intro {
    margin: 1em 1em 1em 0;
    padding-bottom: 0;
}
.home-panels .panel {
    margin-right: 1em;
}
.footer .pure-g-gutter {
    padding: 0 1em;
}
.section-links {

}
.application-links .unstyled {
    margin-top: 1em;
}
.panel {
    margin-bottom: 1em;
}

.page-supplement {
    padding-bottom: 1em;
}
.page-supplement .panel {
    margin: 1em;
}

/* -- End Guttering */

/* Links */
a:link {
    color: #4F82AD;
}
a:visited {
    color: #51718D;
}
a:hover, a:focus {
    color: #327EBE;
}
a:active {
    color: #327EBE;
}

.branding a,
.course-section-title a,
.panel a,
.section-link a,
.linked-list a {
    text-decoration: none;
}
.course-section-title a:link,
.course-section-title a:visited,
.course-section-title a:active {
    color: #2C4559;
    outline: none 0;
}
.course-section-title a:hover {
    outline: none 0;
    color: #4F82AD;
}

.branding a:link,
.branding a:visited,
.branding a:hover,
.branding a:focus,
.branding a:active,
.panel h1 a,
.panel h2 a,
.panel h3 a,
.panel h4 a,
.panel h5 a,
.panel h6 a,
.section-link a {
    color: inherit;
}
/* -- End Links */

/* Utility classes */
.callout {
    padding: 1em;
    background-color: #eee;
    margin-bottom: 2em;
}
.search-form.callout {
    margin-bottom: 0.5em;
    padding-top: 0.35em;
    padding-bottom: 0.25em;
}
ul.unstyled {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
ul.unstyled ul {
    list-style-type: none;
    margin: 0.25em 0 0 0;
}

.job-search-topics ul.unstyled {
    margin-top: 0;
    margin-bottom: 0;
}
.job-search-topics ul.unstyled li {
    padding-top: 0.5em;
}

ul.action-list { 
    padding-left:1.5em; 
    list-style:none; 
}

ul.action-list li:before {    
	font-family: 'DCSicons';
    content: "\ea34\00a0";
    margin:0 0 0 -1.25em;
    color: #4f82ad;
    vertical-align: bottom;
}

.action-list li {
    margin-bottom: 1em;
}
.cpy .unstyled li {
    margin-bottom: 0.25em;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}

.clear-all {
    clear: both;
}
.page-summary {
    color: #666;
    font-size: 1.125em;
    font-style: italic;
}
.tagline {
    font-style: italic;
}
.cpy .tagline {
    margin-top: 0;
}
.gt48-only {
    display: none;
}
.lt48-only {
    display: block;
}
.def-inline.lt48-only {
    display: inline;
}
dl.unstyled {
    margin: 1em 0;
    padding: 0;
}
.unstyled dt {
    font-weight: 700;
    margin: 0.5em 0 0 0;
    padding: 0;
}
.unstyled dd {
    margin: 0;
    padding: 0;
}
/* -- End Utility classes */

/* Toggler */
.expand-toggle {
    display: block;
    position: relative;
    outline: 0;
    float: left;
    height: 1em;
    width: 1.666666666em;
    font-size: 1em;
}
.expand-toggle .bar {
    background-color:#2c4559;
    display:block;
    width:1em;
    height:0.125em;
    border-radius:100px;
    position:absolute;
    top:50%;
    right:auto;
    left: 0.125em;
    margin-top: -0.0675em;
    transition:all 0.5s;
}
.course-section-title .expand-toggle .bar {
    right:0;
    left: auto;
}
.course-section-title .expand-toggle {
    width: 1.25em;
    height:1.2em;
    float: right;
}
.panel-inpagenav .expand-toggle .bar {
    background-color: #4F82AD;
}

.closed .expand-toggle .bar:first-child{
    transform:rotate(90deg);
}

/* -- End Toggler */

/* Image stuff - a work in progress... */
figure, figcaption {
    margin: 0;
    padding: 0;
}
figcaption {
    font-size: 0.875em;
    color: #999;
    font-style: italic;
}
.align_left {
    float: left;
}
.align_right {
    float: right;
}
.align_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
figure.align_right,
figure.align_left,
figure.align_center {
    width: 100%;
    float: none;
    margin: 1em 0;
}
/* Images in figures, always block fillers */
img.align_right,
img.align_left,
img.align_center,
figure.align_right img,
figure.align_left img,
figure.align_center img {
    height: auto;
    display: block;
    max-width: 100%;
    float: none;
	margin-left: auto;
	margin-right: auto;
}
img.align_right,
img.align_left,
img.align_center {
    margin: 1em 0;
}
img.align_center {
    margin: 1em auto;
}
.page-image {
    width: 100%;
    margin: 1em 0;
}
.page-image img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.gallery {
    margin-bottom: 1em;
    clear: both;
}
.gallery-image {
    padding: 0.2em;
    text-align: center;
}
.gallery-image img {
    margin: 0 auto;
}
.gallery a {
    text-decoration: none;
}

/* -- End Image stuff... */


/* Table-like display (aggregations, listings) */
.fake-table {
    /* border-top: 1px solid #ccc; NB: Cant be done globally...  */
}
.panel .fake-table {
    border-top-width: 0;
}
.fake-table.listing {
    padding-top: 1em;
}
.fake-table .item {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
}
.fake-table.listing .item {
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
}
.fake-table .item.last {
    border-bottom-width: 0;
    padding-bottom: 0;
    /*margin-bottom: 0;*/
}
.fake-table h2 {
    font-size: 1.25em;
    margin: 0;
    padding: 0;
}
.fake-table.listing h2,
.fake-table.listing h3 {
    font-size: 1em;
    margin: 0;
    padding: 0;
}
.fake-table p {
    margin: 0.5em 0 0 0;
    padding: 0;
}
.fake-table.listing p {
    margin: 0;
}

.fake-table .pure-g-gutter {
    padding: 0.5em 0 0 0;
}
.fake-table .pure-g-gutter.image-wrap {
    padding: 0.5em 0.5em 0 0;
}
.unstyled .fake-table {
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
}
.unstyled .fake-table:last-child {
    padding-bottom: 0;
    border-bottom-width: 0;
    margin-bottom: 0;
}
.unstyled .fake-table .item {
    padding-bottom: 0em;
    border-bottom-width: 0;
    margin-bottom: 0;
    vertical-align: middle;
}
/* -- End Table-like display */

/* Panels - bodyless */
.section-link {
    background-color: #4f82ad;
    padding: 1em;
    margin-bottom: 1em;
    color: #fff;
}
.section-link h2,
.section-link .post-icon {
    font-size: 1.25em;
    color: #fff;
}
.section-link .post-icon {
    float: right;
}
/* -- End Panels - bodyless */

/* Panels */
.panel-header {
    background-color: #818181; /* default is sludgy grey */
    color: #fff;
    padding: 1em;
    font-size: 1em;
}
.panel-header > h1,
.panel-header > h2,
.panel-header > h3,
.panel-header > h4,
.panel-header > a {
    padding: 0;
    margin: 0;
    font-size: 1.25em;
}
.panel .panel-header h1,
.panel .panel-header h2,
.panel .panel-header h3 {
    color: #fff;
}
.panel-inpagenav .panel-header {
    cursor: pointer;
}
.panel-inpagenav .panel-header h1,
.panel-inpagenav .panel-header h2 {
    color: #4F82AD;
    font-size: 1em;
}
.panel-plain .panel-header h1,
.panel-plain .panel-header h2,
.panel-actions .panel-header h2,
.panel-actions .panel-header h1 {
    color: #2c4559;
}

.panel-content {
    padding: 0 1em;
    border: 1px solid #ccc;
    border-top-width: 0;
    overflow: hidden; /* Stops p margin pushing panel header up */
}
.panel-nav .panel-content,
.secondary-panel .panel-content {
    padding: 0;
}
.secondary-panel .panel-content.cpy {
    padding: 0 1em;
}

/* PANEL COLOURS*/
/*
panel-primary = Mid blue
panel-supplement = Petrol blue
panel-contrast = Dark green
panel-highlight = Orange
panel-info = Maroon
panel-sub-highlight = Curry
panel-listing = Steel grey
panel-plain = White, grey borders
panel-actions = pale blue/grey
*/
.panel-supplement .panel-header { 
    background-color: #436885; /* Darker blue */
}

.panel-primary .panel-header { 
    background-color: #4f82ad; /* Mid-blue */
    /* Also used by .section-link */
}

.panel-contrast .panel-header { 
    background-color: #00673c; /* Dk green */
}

.panel-highlight .panel-header {
    background-color: #c8872b; /* Orange */
}
.panel-info .panel-header { 
    background-color: #592b45; /* Maroon */ /* sludgy: 724b61 */
}
.panel-sub-highlight .panel-header { 
    background-color: #adac4f; /* Curry */
}
.panel-listing .panel-header { 
    background-color: #6e7e8b; /* Steel grey */
}
.panel-plain .panel-header { 
    background-color: #fff; /* White */
    border: 1px solid #ccc;
}
.panel-actions .panel-header {
    background-color: #d9e0e6; /* Pale blue */
}
/* END PANEL COLOURS */

.course-actions {
    border: 1px solid #ccc;
    background-color: #fff;
}
.course-actions .panel-content {
    border-width: 0;
}
.course-nav-is-fixed #course-actions-fixed a {
    background-color: #fff;
    background-color: #9a0034;
    cursor: pointer;
    color: #fff;
    display: block;
    font-size: 1.25em;
    padding: 0.8em;
    text-decoration: none;
}
#course-actions {
    clear: both;
}
.course-nav-is-fixed #course-actions-fixed .panel-content {
    padding-bottom: 1em;
}
.panel-footer {
    clear: both;
    border-top: 1px solid #ccc;
    padding-top: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.panel-footer a {
    display: block;
}
.panel-footer a .dcs-icon {
    float: left;
    margin-top: 0.25em;
    margin-right: 0.5em;
}
.cpy .panel-footer p {
    margin: 0;
    padding: 0;
}
.section-panels {
    margin-top: 1.5em;
}
.section-panels .section-link, 
.section-panels .panel {
    margin-left: 0;
    margin-right: 0;
}
/* -- End Panels */

/* Feature panel: panel with image & stuff */
.panel-feature .cpy {
    padding-top: 1em;
}
.panel-feature h2 {
    margin-top: 0;
    margin-bottom: 0;
}
.panel-feature img {
    margin: 0 auto;
}
.panel-feature p {
    margin-top: 0;
    margin-bottom: 0;
}
.panel-feature .text-wrap {
    padding: 1em 0 0 0;
    padding-top: 1em;
    text-align: center;
}
.panel-feature .testimonial-quotation {
    clear: both;
    font-size: 1.125em;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}
/* -- End feature panel */


/* Header and Branding */
.header {
    background-color: #d9e0e6;
}
.bbk-branding {
    width: 6em;
    margin: 0 0 0.25em 1em;
    float: right;
}
.dcs-branding {
    font-weight: normal;
    margin: 0;
    color: #000;
    padding: 0.5em 0 0.5em 1em;
    font-size: 0.875em;
}
.dcs-branding span:first-child {
    font-size: 1em;
}
.dcs-branding span {
    font-size: 1.5em;
    display: block;
}

/* -- End Header and Branding */


/* Utility links */
a.focus-only {
    position: absolute;
    left: -10000px;
    padding: 0.25em;
    background-color: #000;
    color: #d4d4d4;
}
a.focus-only:focus {
    left: 0;
    top: 0;
    background-color: #4e5962;
    color: #fff;
}
#header-bar {
}
.util-links {

    float: right;
    width: auto;
    background-color: #4e5962;
    line-height: 1;
}
.nav-links .util-links {
    background-color: #4e5962;
    float: none;
    margin-right: 0;
}
.util-links ul {
    font-size: 1em;
}
.util-links .pure-menu-link {
    color: #c6cacd;
}
.util-links .pure-menu-active > .pure-menu-link,
.util-links .pure-menu-link:hover,
.util-links .pure-menu-link:focus {
    background-color: #436885;
}
.util-links .dcs-icon {
    vertical-align: middle;
}
/* -- End Utility links */


/* Menu CSS */
#primary-nav-bar {
    clear: both;
}
#primary-nav-bar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 1;
}
#primary-nav-bar li {
    margin: 0;
    padding: 0;
}

#primary-nav-bar .util-links {
    display: none; /* Hidden by default */
}
#primary-nav-bar.open .util-links {
    display: block;
}
#primary-nav-bar .level-one {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s;
    background-color:#2c4559;
}
#primary-nav-bar .level-one#nav-1013{
    background-color: pink;
}
#primary-nav-bar.open .level-one {
    max-height: 100em;
}
#primary-nav-bar .level-two {
    background-color:#426886;
}

#primary-nav-bar li#nav-1 .label {
    padding-left: 0.5em;
}
#primary-nav-bar li a {
    display: block;
    padding: 1em;
    color: #e5ecf2;
    text-decoration: none;
}
#primary-nav-bar .level-one > .active > a {
    background-color:#426886;
}
#primary-nav-bar .level-two .active > a {
    font-weight: 700;
}
#primary-nav-bar .level-two li a {
    padding-left: 2em;
}
#primary-nav-bar li a:hover,
#primary-nav-bar li a:focus {
    background-color: #36556E;
}
#primary-nav-bar li.active a:hover,
#primary-nav-bar li.active a:focus {
    background-color: #497394;
}

.menu-toggle{
    display: block;
    width: 100%;
    position: relative;
    background-color: #2c4559;
    border-bottom: 1px solid #36556E;
    outline: 0;
    height:3em;
}
.menu-toggle .label {
    display: block;
    padding: 1em;
    color: #e5ecf2;
    text-decoration: none;
    position:absolute;
    top:50%;
    margin-top: -0.5em;
    left:3.5em;
    padding: 0;
    font-size: 1em;
}

.menu-toggle .bar{
    background-color:#e5ecf2;
    display:block;
    width:1.5em;
    height:0.125em;
    border-radius:100px;
    position:absolute;
    top:1.5em;
    left:1em;
    transition:all 0.5s;
}

.menu-toggle .bar:first-child{
    transform:translateY(-6px);
}
.menu-toggle.x .bar{
    transform:rotate(45deg);
}
.menu-toggle.x .bar:first-child{
    transform:rotate(-45deg);
}
.menu-toggle .bar:nth-child(3){
    transform:translateY(6px);
}
.menu-toggle.x .bar:nth-child(3){
    display: none;
}
/* End menu CSS */

/* Site search */
.search-toggle {
    background-color: #2c4559;
    background-color: #3D5F7A;
    background-color: #213443;
    color: #e5ecf2;
    text-decoration: none;
    padding: 0 1em;
    text-align: center;
    line-height: 3em;
    position: absolute;
    right: 0;
    bottom: -3em;
    z-index: 10000;
    height: 3em;
}
.search-toggle:link,
.search-toggle:visited,
.search-toggle:hover,
.search-toggle:active {
    color: #e5ecf2;
    outline: 0 none;
}
.search-toggle i {
    vertical-align: middle;
    font-style: normal;
}
.search-toggle .label {
    display: none;
}
#header-bar {
    position: relative;
}
.site-search-form {
    display: none;
    clear: both;
    padding: 0 2em 0 1em;
    background-color: #2c4559;
    background-color: #3D5F7A;
    background-color: #213443;
}
.site-search-form h2 {
    color: #fff;
    font-size: 1em;
    margin: 0;
    padding-top: 0.5em;
}
.site-search-form .pure-form legend {
    color: #fff;
    font-size: 1em;
    margin: 0;
    padding: 0.5em 0 0 0;
    border-bottom-width: 0;
}
.content-site-search-form {
    margin-top: 1.5em;
}
.site-search-form .pure-form fieldset {
    padding: 0.5em 0;
}
.search-result-url {
    color: #666;
    font-style: italic;
}
/* -- End Site search */

/* Sidebar menu */
.section-links .pure-menu-link {
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    white-space: normal;
}
.section-links .current,
.section-links .parent {
    font-weight: 700;
}
.section-links .current > a,
.section-links .parent > a {
    background-color: #ddd;
}
/* -- End Sidebar menu */

/* Breadcrumbs */
#breadcrumbs {
    display: none;
}
/* End Breadcrumbs */

/* Footer */
.footer {
    background-color: #4f5962;
    color: #c6cfd7;
    overflow: hidden;
}
.footer p, .footer ul {
    font-size: 0.875em;
}
.footer .contacts {
    overflow: hidden;
}
.legal {
    clear: both;
    background-color: #c6cacd;
    color: #4f5962;
}
.legal p {
    margin: 0;
    padding: 0.5em 1.142857143em;
    font-size: 0.875em;
}
.footer li {
    margin-bottom: 1em;
}
.footer .dcs-icon {
    display: inline-block;
}
.footer a:link,
.footer a:visited,
.footer a:hover,
.footer a:focus,
.footer a:active {
    color: inherit;
    text-decoration: none;
}
/* End Footer */


/* Pagination */
.cpy .MarkupPagerNav,
.MarkupPagerNav {
    clear: both;
    margin: 2em 0 1em 0;
    padding: 0;
    line-height: 1;
}
.MarkupPagerNav li {
	display: inline-block;
	list-style: none;
	margin: 0;
    vertical-align: bottom;
}

.MarkupPagerNav li a {
	display: block;
}

.MarkupPagerNav li a {
	padding: 0.5em 0.75em;
	margin-right: 0.5em;
    font-size: 0.875em;
    font-size: 1em;
	text-decoration: none;
	background: #2c4559;
	color: #fff;
}
.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: inline-block;
	margin-right: 0.5em;
    font-size: 0.875em;	
    font-size: 1em;	
    padding:0;
	color: #2c4559;
	background: #fff;
}
.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
	background: #497394;
	color: #fff;
}

/* End Pagination */

/* Home page specific */
.home-intro {
    padding: 1em 0;
    /*padding: 1em; v2*/
    /*background-color: #edf0f3; v2*/
    /*color: #2c4559; 20230808 remove blue*/
    color: #2c4559;
}
.home-intro .pure-g-gutter,
.home-intro .pure-g {
    border-top: 1px solid #BFCBD6;
    border-bottom: 1px solid #BFCBD6;
    padding-top: 1em;
    padding-bottom: 1em;
}

.home-intro .pure-g .pure-g-gutter {
    padding: 0 1em 0 0;
    border-width: 0;
}
.home-intro .intro-media {
}

.home-intro .message {
    /*font-size: 1.125em; v2*/
    font-size: 1em;
}
.home-intro .message strong {
    font-weight: 700;
}

.home-intro .message p {
    margin: 0;
    padding: 0.5em 0;
    line-height: 1.7;
}
.home-intro .message p:first-child {
    padding-top: 0;
}
.home-intro .message p:last-child {
    padding-bottom: 0;
}
.home-intro .pure-g .message p:last-child {
    padding-bottom: 0.5em;
}

/* People */
.person-list-item img {
    margin: 0 auto;
}
.person-photo {
    float: right;
    margin-left: 1em;
}
.person-job {
    font-style: italic;
}
.person-name {
    font-weight: 700;
}
.testimonial-listing .person-job,
.cpy .person-job {
    margin-top: 0;
}
.table-list {
    margin: 1em 0;
    padding: 0;
    overflow: hidden;
}

.table-list dt,
.table-list dd {
    margin: 0;
    padding: 0;
}
.table-list dt {
    font-weight: 700;
}
.table-list dd {
    margin-bottom: 0.75em;
}

/* -- End People */

/* Testimonials */
.testimonial-quotation {
    font-size: 1.5em;
    font-style: italic;
    color: #666;
}
.testimonial-listing .testimonial-quotation {
    font-size: 1em;
    font-style: italic;
    color: inherit;
}
.testimonial-quotation p:before {
    content: open-quote;
}
.testimonial-quotation p:after {
    content: close-quote;
}
.testimonial-listing .person-job {
    font-size: 0.875em;
    color: #666;
}
.fake-table.testimonial-listing .item {
    overflow: hidden;
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
}
.testimonial-listing .text-wrap {
    margin-left: 120px;
    padding-left: 1em;
}
.testimonial-listing .image-wrap {
    width: 120px;
    float: left;
}
.testimonial-listing .image-wrap img {
    display: block;
    margin: 0 auto;
}

/* -- End Testimonials */

/* News */
.news-listing .item {
    margin-bottom: 2em;
}
.news-listing .text-wrap {
    margin-left: 0;
    padding-left: 0;
}
.news-listing .image-wrap {
    width: 100%;
    float: none;
    margin-top: 0.5em;
    display: block;
}
.news-listing .image-wrap img {
    display: block;
    margin: 0 auto;
}
.listing .tagline,
.news-listing .tagline {
    color: #666;
}

/* -- End News */

/* Research */
.research-group-item {

}
.research-group-item img {
    display: block;
    margin: 0 auto;
}
/* -- End Research */

/* Seminars */
.seminar-date {
    font-weight: 700;
}
.seminar-time {
    font-style: italic;
}
.seminar-speaker {
    font-style: italic;
}
/* -- End Seminars */

/* Courses */

.dummy_anchor {    
  display: block;
  height: 3em; /*same height as header*/
  margin-top: -3em; /*same height as header*/
  visibility: hidden;
}

.course-section-title {
    background-color: #d9e0e6;
    cursor: pointer;
}
.course-section h2 {
    margin-top: 0;
}
.course-section-title a {
    padding: 0.5em;
    display: block;
}
.course-section-body {
    padding: 0 0.75em;
}
.course-section-body h1,
.course-section-body h2,
.course-section-body h3,
.course-section-body h4,
.course-section-body h5,
.course-section-body h6,
.course-section-body ol,
.course-section-body ul,
.course-section-body dl,
.course-section-body figure,
.course-section-body p {
    margin-top: 0;
}
.course-section-body > ul {
}
.course-nav-is-fixed #course-actions-fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left:0;
    z-index: 100;
}
.contacts-list {
    
}
.contacts-list .role {
    font-weight: 700;
}
.contacts-list .person {
    margin-left: 0;
    margin-bottom: 0.5em;
}
.application-links {
    
}
.application-links li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
}
.application-links li:last-child {
    border-bottom-width: 0;
    padding-bottom: 0.5em;
    margin-bottom: 0;
}
.application-links li .description {
    padding-bottom: 0.5em;    
}
.application-links li .action {
}
/* -- End Course page */


/* Modules */
.module-list-item {
}
/* -- End Modules */

/* Careers widget */
#job-search-form {
    padding-right: 1em;
}
.job-search-topics {
    margin: 0 0 1em 0;
    padding: 0;
}
.job-search-topics dt,
.job-search-topics dd {
    margin: 0;
    padding: 0;
}
.job-search-topics dt {
    border-bottom: 1px solid #ddd;
    color: #2c4559;
    margin-bottom: 0.3em;
    padding: 1em 0 0.3em 0;
    line-height: 1;
    cursor: pointer;
}
.job-search-topics dd {
}
/* -- End Careers widget */

/* Support */
.support {
    margin: 0;
    padding: 0em 1.25em 0 1.25em;
}
.support > ul {
    margin: 0.2em;
    padding-left: 3.5em;
}
.support > li,
.support > p {
    margin: 0;
    padding: 0;
}
/* End Support */

/* FAQs */
.faq-list {
    margin: 0;
    padding: 0;
}
.faq-question {
    background-color: #d9e0e6;
    font-size: 1.25em;
    color: #2C4559;
    cursor: pointer;
    margin: 1em 0 0 0;
    padding: 0.75em;
    line-height: 1;
}
.faq-question .text-wrap {
    margin-left: 1.666666666em;
}
.faq-answer {
    margin: 0;
    padding: 1em 1.25em 0 1.25em;
}
.faq-answer > ol,
.faq-answer > ul,
.faq-answer > p {
    margin: 0;
    padding: 0.5em 0 0.5em 0;
}
.faq-answer ol,
.faq-answer ul {
    padding-left: 1.5em;
}
ul ul {
    margin-bottom: 0;
    padding-bottom: 0;
}
/* -- End FAQs */


/* Videos */
.vplayer {
	position: relative;
	height: 0;
}
.vplayer.sixnine {
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px; /*TODO: do we need this for bloomsbury media? */
}
.vplayer.fourthree {
  padding-bottom: 75%;
}
.vplayer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vplayer object,
.vplayer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.chrome_40 {
    padding-top: 40px;
}
/* -- End videos */

/* Experimental fixed primary nav bar... */
/*
.nav-is-fixed #primary-nav-bar {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
}
.nav-is-fixed .search-toggle {
    position: fixed;
    right: 0;
    top: 0;
    bottom: auto;
}
*/

/* Forms */
.fieldset {
    padding: 0.35em 0 0.75em;
}
.pure-form legend {
    display: block;
    border-bottom: 1px solid #ddd;
    color: #2C4559;
}


.pure-button-primary,
.pure-button-selected,
.button-success,
.button-error,
.button-warning,
.button-secondary,
.button-cancel,
a.pure-button-primary,
a.pure-button-selected,
a.button-success,
a.button-error,
a.button-warning,
a.button-secondary,
a.button-cancel {
    color: #fff;
}
.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: #497394;
    background-color: #9A0034;
}
.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}
.button-cancel {
    background: rgb(110, 126, 139); /* this is a grey */
}
.button-xsmall {
    font-size: 68.75%;
}

.button-small {
    font-size: 87.5%;
}

.button-large {
    font-size: 112.5%;
}

.button-xlarge {
    font-size: 125%;
}
.form-filter-links {
    
}
.form-filter-links a {
    margin-bottom: 0.5em;
}
.form-filter-links a {
    margin-bottom: 0.75em;
    display: block;
}
.form-filter-links a:last-child {
    margin-bottom: 0;
}
#filter-control-trigger {
    cursor: pointer;
    line-height: 1;
    margin-top: 0.25em;
}
.active-filter-static {
    font-weight: 700;
    padding-left: 0.5em;
}
/* -- End Forms */

/* Loading graphic */
@keyframes three-quarters-loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.three-quarters-loader:not(:required) {
    animation: three-quarters-loader 1250ms infinite linear;
    border: 4px solid #2c4559;
    border-right-color: transparent;
    border-radius: 8px;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
}
.loader > .load-animation {
    margin-right: 0.25em;
    vertical-align: middle;
}
.loader {
    line-height: 1;
}
/* -- End Loading graphic */


/* Scrollbar fix... mainly for Firefox
 * Ensures scrollbar is displayed, whether needed or not */
html {
    overflow-y: scroll;
}
/* End scrollbar fix */

/* Get out of (float)jail free */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  transform: scale(1); /* ie 6/7 */
}
/* End Get out of (float)jail free */


/* Corridor display styles */
.corridor-display #header-bar,
.corridor-display #breadcrumbs,
.corridor-display .legal,
.corridor-display .footer,
.corridor-display #search-toggle,
.corridor-display #primary-nav-bar,
.corridor-display .util-links
{
    display: none;
}
.corridor-display #header-bar {
    border-bottom: 4px solid #2c4559;
} 
.corridor-display .legal {
    border-top: 4px solid #4f5962;
}
.corridor-display .content-body {
    padding: 0 1em 3em 1em;
}

.corridor-display .bbk-branding {
    width: 5em;
    margin: 0.25em 0 0.25em 1em;
}
.corridor-display .dcs-branding {
    font-weight: 700;
    padding: 0.375em 0 0.25em 1em;
    font-size: 1em;
}
.corridor-display .dcs-branding span:first-child {
    font-size: 1em;
}
.corridor-display .dcs-branding span {
    font-size: 1em;
    display: inline;
}
.corridor-display .content-body h1 {
    margin: 0.25em 0 0.25em 0;
    font-size: 1em;
    font-weight: 700;
    padding: 0.25em 0.25em 0.25em 6em;
    background: #d9e0e6 url(/site/templates/img/birkbeck-logo-colour-330x104.jpg) 0 50% no-repeat;
    background-size: contain;
}
.corridor-display .gallery-image {
    padding: 0.1em;
}
body.corridor-display {
    background-color: #fff;
}

.error {
        color: red;
        background-color: #fff;
        font-weight: bold;
        left: 1em;
        font-size: 100%;

/*remaining code copyright © Donal Fernandes April 2021*/
.accordion {
    background-color: white;
    cursor: pointer;
    padding: 0.5em 1em 0.5em 0.5em;
    text-align: left;
    outline: none;
    font-size: 1.25em;
    transition: 0.4s;
    margin-left: 5%;
    background-color: #D9E0E6;
    color: #000;
}
.accordion.nlm{
    margin-left: 0;
}
.accordionsubheading{
    background-color: #00623A;
    color: #fff;
    padding: 1em;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 1.25em;
}
.accordionheader{
    background-color: #426886;
    color: #000;
    color: #fff;
    padding: 1em;
    text-align: left;
    outline: none;
    font-size: 1.25em;
    transition: 0.4s;
    border-style: groove;
    border: 1px groove #00623A;
}
.accordionselected, .accordion:hover, .accordionheader:hover {
    background-color: #426886;
    color: #fff;
}
.accordionpanel {
    padding: 0 1.25em;
    display: none;
    background-color: white;
    overflow: hidden;
    width: 60%;
    margin-left: 4em;
}
.hidepanel{
    display: none;
}