@charset "UTF-8"; /*! normalize.css v2.1.3 | MIT License | git.io/normalize */

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

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

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

[hidden], template {
    display: none
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: transparent
}

    a:focus {
        outline: thin dotted
    }

    a:active, a:hover {
        outline: 0
    }

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code, kbd, pre, samp {
    font-family: monospace,serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

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: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

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

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    * html {
        font-size: 100%
    }

html {
    font-size: 16px;
    line-height: 1.5em
}

.responsive-module {
    overflow: hidden;
    *zoom: 1;
    margin: 0 auto;
    max-width: 80em
}

.grid-container {
    padding-top: 1.5em;
    padding-left: 2em;
    padding-right: 2em
}

    .grid-container > h1:first-child, .grid-container > h2:first-child, .grid-container > h3:first-child, .grid-container > h4:first-child, .grid-container > h5:first-child, .grid-container > h6:first-child {
        margin-top: 0
    }

.main-content {
    position: relative;
    z-index: 10
}

nav.main-navigation ul, .footer-main .connect, .gallery .thumbnails, .photo-strip .thumbnails, .scrollhint, .more-paging .more-button a.loading:before, .more-added {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@font-face {
    font-family: "neuzeit";
    src: url(../assets/neuzeitforplymouth-black-webfont.eot);
    src: url(../assets/neuzeitforplymouth-black-webfont.eot?#iefix) format('embedded-opentype'),
	url(../assets/neuzeitforplymouth-black-webfont.woff) format('woff'),
	url(../assets/neuzeitforplymouth-black-webfont.eot) format('embedded-opentype'),
	url(../assets/neuzeitforplymouth-black-webfont.ttf) format('truetype'),
	url(../assets/neuzeitforplymouth-black-webfont.svg) format('svg');
    font-weight: normal
}

@font-face {
    font-family: "neuzeit-light";
    src: url(../assets/neuzeitforplymouth-light-webfont.eot);
    src: url(../assets/neuzeitforplymouth-light-webfont.eot?#iefix) format('embedded-opentype'),
	url(../assets/neuzeitforplymouth-light-webfont.woff) format('woff'),
	url(../assets/neuzeitforplymouth-light-webfont.eot) format('embedded-opentype'),
	url(../assets/neuzeitforplymouth-light-webfont.ttf) format('truetype'),
	url(../assets/neuzeitforplymouth-light-webfont.svg) format('svg');
    font-weight: normal
}

@font-face {
    font-family: "neuzeit-regular";
    src: url(../assets/neuzeitforplymouth-regular-webfont.eot);
    src: url(../assets/neuzeitforplymouth-regular-webfont.eot?#iefix) format('embedded-opentype'),
	url(../assets/neuzeitforplymouth-regular-webfont.woff) format('woff'),
	url(../assets/neuzeitforplymouth-regular-webfont.eot) format('embedded-opentype'),
	url(../assets/neuzeitforplymouth-regular-webfont.ttf) format('truetype'),
	url(../assets/neuzeitforplymouth-regular-webfont.svg) format('svg');
    font-weight: normal
}

@font-face {
    font-family: "neuzeit-bold";
    src: url(../assets/neuzeitforplymouth-bold-webfont.eot);
    src: url(../assets/neuzeitforplymouth-bold-webfont.eot?#iefix) format('embedded-opentype'),
	url(../assets/neuzeitforplymouth-bold-webfont.woff) format('woff'),
	url(../assets/neuzeitforplymouth-bold-webfont.eot) format('embedded-opentype'),
	url(../assets/neuzeitforplymouth-bold-webfont.ttf) format('truetype'),
	url(../assets/neuzeitforplymouth-bold-webfont.svg) format('svg');
    font-weight: normal
}

@font-face {
    font-family: "neuzeit-italic";
    src: url(../assets/neuzeitforplymouth-italic-webfont.eot);
    src: url(../assets/neuzeitforplymouth-italic-webfont.eot?#iefix) format('embedded-opentype'),
	url(../assets/neuzeitforplymouth-italic-webfont.woff) format('woff'),
	url(../assets/neuzeitforplymouth-italic-webfont.eot) format('embedded-opentype'),
	url(../assets/neuzeitforplymouth-italic-webfont.ttf) format('truetype'),
	url(../assets/neuzeitforplymouth-italic-webfont.svg) format('svg');
    font-weight: normal
}

@font-face {
    font-family: "icon-webfont";
    src: url(../assets/icon-webfont.eot);
        src: url(../assets/icon-webfont.eot?#iefix) format('embedded-opentype'),
        url(../assets/icon-webfont.woff) format('woff'),
        url(../assets/icon-webfont.eot) format('embedded-opentype'),
        url(../assets/icon-webfont.ttf) format('truetype'),
        url(../assets/icon-webfont.svg) format('svg');
    font-weight: normal
}

form fieldset {
    padding: 0;
    margin: 0;
    border: 0 none
}

legend {
    clear: both;
    font-family: "neuzeit-bold","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.25em;
    font-weight: normal;
    padding: 0;
    margin: 1em 0;
    color: #626262
}

label {
    display: block;
    font-weight: normal;
    text-transform: none;
    vertical-align: baseline;
    margin-right: .75em;
    margin-bottom: .25em;
    color: #626262;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    label:last-child {
        margin-bottom: 1em
    }

.jsenabled .help {
    display: none
}

input, textarea, select {
    display: block;
    width: 100%;
    font-family: inherit;
    font-size: 1em;
    margin-bottom: 1em;
    padding: .75em 2em;
    color: #222;
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    box-shadow: none;
    outline: 0
}

    input:valid, input:invalid, textarea:valid, textarea:invalid, select:valid, select:invalid {
        outline: 0;
        box-shadow: none
    }

    input:focus, textarea:focus, select:focus {
        border-color: #5391ca
    }

    input::-webkit-input-placeholder {
        color: #a2a2a2
    }

    input::-moz-placeholder {
        color: #a2a2a2
    }

    input:-ms-input-placeholder {
        color: #a2a2a2
    }

    input::placeholder {
        color: #a2a2a2
    }

    input[type="checkbox"], input[type="radio"] {
        clear: left;
        display: inline-block;
        width: auto;
        vertical-align: baseline;
        padding: 0;
        margin: .25em;
        background-color: transparent;
        border: 0 none
    }

textarea {
    min-height: 6em
}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea, select:valid, select:invalid {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

select:valid, select:invalid {
    text-indent: 1px;
    text-overflow: "";
    background: #f9f9f9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA8BAMAAADml+XTAAAAGFBMVEWox+Xs8/lblM6Mtd3J2+9toNP///9Tj8z+Q0+kAAAAS0lEQVQ4y2MoxwIYRgVHBdEFS9KAIAVNsBQkmIqu3Q0o6I4uGAYUDEcXLEhLS8CwvUgsTQjTSWxp7JiCiolYHF+cjM1H7KOxOcIFAdSpKTPVZfIoAAAAAElFTkSuQmCC) no-repeat 100% 50%;
    padding-right: 45px
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

select::-ms-expand {
    display: none
}

@-moz-document url-prefix() {
    div.moz-select {
        position: relative
    }

        div.moz-select:after {
            content: "";
            position: absolute;
            right: 1px;
            bottom: 1px;
            width: 40px;
            height: 2.935em;
            background: #f9f9f9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA8BAMAAADml+XTAAAAGFBMVEWox+Xs8/lblM6Mtd3J2+9toNP///9Tj8z+Q0+kAAAAS0lEQVQ4y2MoxwIYRgVHBdEFS9KAIAVNsBQkmIqu3Q0o6I4uGAYUDEcXLEhLS8CwvUgsTQjTSWxp7JiCiolYHF+cjM1H7KOxOcIFAdSpKTPVZfIoAAAAAElFTkSuQmCC) no-repeat 100% 50%;
            pointer-events: none
        }
}

optgroup {
    font-weight: bold;
    font-style: normal;
    padding: 0 1em
}

option {
    padding: 0 1em
}

input[type="submit"], button {
    font-family: inherit;
    font-size: 1em;
    width: auto;
    min-width: 12em;
    padding: .75em 0;
    margin: 0 0 .75em 0;
    color: white;
    background-color: #5391ca;
    border: 0 none;
    outline: 0;
    cursor: pointer
}

    input[type="submit"]:hover, button:hover {
        background-color: #255178
    }

input[type="reset"] {
    background-color: #c00
}

    input[type="reset"]:hover {
        background-color: #900
    }

label, input, textarea, select, button {
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

    .required label:after, label.required:after {
        content: "*";
        margin-left: .25em;
        color: #c00
    }

.disabled {
    display: none
}

.jsenabled .error {
    color: #c00
}

    .jsenabled .error label {
        color: #c00
    }

    .jsenabled .error .help {
        display: inline
    }

    .jsenabled .error input, .jsenabled .error textarea, .jsenabled .error select {
        border-color: #c00
    }

label .field_with_errors {
    display: inline
}

#developer-bar {
    background-color: rgba(0,255,0,0.1);
    z-index: 100;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0
}

.is-unfinished {
    display: none;
    opacity: .1
}

body.debug .is-unfinished {
    display: block
}

@media print {
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 2cm .5cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

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

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: "neuzeit-regular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    background: #f3f3f3 none 20px 20px repeat
}

.preview body {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQAgMAAADzfxo+AAAADFBMVEUAAAAAAAAAAAAAAAA16TeWAAAABHRSTlMAHgoVMhnkgQAAAZRJREFUOMudk6FuwzAQht1EBdkUOD5iuLEMV9oLBPS3rTXrLPUFoknlVllBoIcL9wKVBqMV9QEsjQ3tPRap7D+jHvx19993d7a6PqqQEfWYEe98Tmxz5S4j1kupfVRWaAVOEEwzOCxYLGGjZAK2gilEoOPB+wYwTG7mK4DEBucusjhgZWpDQO8JKBzN3Wlg5LW5EmD25FVEy4OHULFYm8pP2UTZaad0INFGJy4+AP6LB98AOyMok6nENkxjNWUWAwYkR32esRFDap9cQuBHNJka7uNqDAw/X5bYeB7IqMSJhxmmjRClKRBqpsSYFiVTwsnX/gt7bPld2iO23Ls2t8BS7FJFGHHx+4rFGXZTakeWdhqy6knE31Qb+FPAPSqOBB8psfhssONPpW2NMwIXn7A1oo1PcEyZ+gae76j7Wli2ui95G7Fr1uFHMVHCmrSbPQBh+QILy5Qmdg+8S0BbdSDKV+wxivOkb/RsOcYxOhb7FHTP5W9QFXs2l3sz0sWQTZWM1GXExqqc6ZgzXeRMQ0Z8UlfHP2YgiQiIFMsLAAAAAElFTkSuQmCC)
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #08c;
    text-decoration: none
}

    a:hover, a:focus {
        color: #005580;
        text-decoration: underline
    }

    a:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 0
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.5;
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 24px;
    margin-bottom: 24px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

p {
    margin: 0 0 12px
}

.lead {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.4
}

@media(min-width:768px) {
    .lead {
        font-size: 24px
    }
}

small, .small {
    font-size: 85%
}

cite {
    font-style: normal
}

.text-muted {
    color: #999
}

.text-primary {
    color: #428bca
}

    .text-primary:hover {
        color: #3071a9
    }

.text-warning {
    color: #c09853
}

    .text-warning:hover {
        color: #a47e3c
    }

.text-danger {
    color: #b94a48
}

    .text-danger:hover {
        color: #953b39
    }

.text-success {
    color: #468847
}

    .text-success:hover {
        color: #356635
    }

.text-info {
    color: #3a87ad
}

    .text-info:hover {
        color: #2d6987
    }

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "neuzeit-regular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    line-height: 1;
    color: inherit
}

    h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: #999
    }

h1, h2, h3 {
    margin-top: 24px;
    margin-bottom: 12px
}

    h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small {
        font-size: 65%
    }

h4, h5, h6 {
    margin-top: 12px;
    margin-bottom: 12px
}

    h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small {
        font-size: 75%
    }

h1, .h1 {
    font-size: 36px
}

h2, .h2 {
    font-size: 30px
}

h3, .h3 {
    font-size: 24px
}

h4, .h4 {
    font-size: 18px
}

h5, .h5 {
    font-size: 16px
}

h6, .h6 {
    font-size: 14px
}

.page-header {
    padding-bottom: 11px;
    margin: 48px 0 24px;
    border-bottom: 1px solid #eee
}

ul, ol {
    margin-top: 0;
    margin-bottom: 12px
}

    ul ul, ul ol, ol ul, ol ol {
        margin-bottom: 0
    }

.list-unstyled, .list-inline {
    padding-left: 0;
    list-style: none
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px
    }

        .list-inline > li:first-child {
            padding-left: 0
        }

dl {
    margin-bottom: 24px
}

dt, dd {
    line-height: 1.5
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media(min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }

        .dl-horizontal dd:before, .dl-horizontal dd:after {
            content: " ";
            display: table
        }

        .dl-horizontal dd:after {
            clear: both
        }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 12px 24px;
    margin: 0 0 24px;
    border-left: 5px solid #eee
}

    blockquote p {
        font-size: 20px;
        font-weight: 300;
        line-height: 1.25
    }

        blockquote p:last-child {
            margin-bottom: 0
        }

    blockquote small {
        display: block;
        line-height: 1.5;
        color: #999
    }

        blockquote small:before {
            content: '\2014 \00A0'
        }

    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eee;
        border-left: 0
    }

        blockquote.pull-right p, blockquote.pull-right small, blockquote.pull-right .small {
            text-align: right
        }

            blockquote.pull-right small:before, blockquote.pull-right .small:before {
                content: ''
            }

            blockquote.pull-right small:after, blockquote.pull-right .small:after {
                content: '\00A0 \2014'
            }

address {
    margin-bottom: 24px;
    font-style: normal;
    line-height: 1.5
}

code, kbd, pre, samp {
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    white-space: nowrap;
    border-radius: 0
}

pre {
    display: block;
    padding: 11.5px;
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 1.5;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: whitesmoke;
    border: 1px solid #ccc;
    border-radius: 0
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

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

    .container:after {
        clear: both
    }

.row {
    margin-left: -15px;
    margin-right: -15px
}

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

    .row:after {
        clear: both
    }

.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: 0
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: 0
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media(min-width:768px) {
    .container {
        width: 750px
    }

    .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: 0
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: 0
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media(min-width:992px) {
    .container {
        width: 970px
    }

    .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: 0
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: 0
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media(min-width:1200px) {
    .container {
        width: 1170px
    }

    .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: 0
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: 0
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

table {
    max-width: 100%;
    background-color: transparent
}

th {
    text-align: left
}

.table {
    width: 100%;
    margin-bottom: 24px
}

    .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.5;
        vertical-align: top;
        border-top: 1px solid #ddd
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
        border-top: 0
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd
    }

    .table .table {
        background-color: #f3f3f3
    }

.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

    .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
        border: 1px solid #ddd
    }

    .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
        border-bottom-width: 2px
    }

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: whitesmoke
}

table col[class*="col-"] {
    float: none;
    display: table-column
}

table td[class*="col-"], table th[class*="col-"] {
    float: none;
    display: table-cell
}

.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th {
    background-color: whitesmoke
}

.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th {
    background-color: #dff0d8
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6
}

.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th {
    background-color: #f2dede
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc
}

.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th {
    background-color: #fcf8e3
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc
}

@media(max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 18px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive > .table {
            margin-bottom: 0
        }

            .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap
            }

        .table-responsive > .table-bordered {
            border: 0
        }

            .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0
            }

            .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0
            }
}

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

.clearfix:after {
    clear: both
}

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

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs, tr.visible-xs, th.visible-xs, td.visible-xs {
    display: none !important
}

@media(max-width:767px) {
    .visible-xs {
        display: block !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .visible-xs.visible-sm {
        display: block !important
    }

    tr.visible-xs.visible-sm {
        display: table-row !important
    }

    th.visible-xs.visible-sm, td.visible-xs.visible-sm {
        display: table-cell !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-xs.visible-md {
        display: block !important
    }

    tr.visible-xs.visible-md {
        display: table-row !important
    }

    th.visible-xs.visible-md, td.visible-xs.visible-md {
        display: table-cell !important
    }
}

@media(min-width:1200px) {
    .visible-xs.visible-lg {
        display: block !important
    }

    tr.visible-xs.visible-lg {
        display: table-row !important
    }

    th.visible-xs.visible-lg, td.visible-xs.visible-lg {
        display: table-cell !important
    }
}

.visible-sm, tr.visible-sm, th.visible-sm, td.visible-sm {
    display: none !important
}

@media(max-width:767px) {
    .visible-sm.visible-xs {
        display: block !important
    }

    tr.visible-sm.visible-xs {
        display: table-row !important
    }

    th.visible-sm.visible-xs, td.visible-sm.visible-xs {
        display: table-cell !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-sm.visible-md {
        display: block !important
    }

    tr.visible-sm.visible-md {
        display: table-row !important
    }

    th.visible-sm.visible-md, td.visible-sm.visible-md {
        display: table-cell !important
    }
}

@media(min-width:1200px) {
    .visible-sm.visible-lg {
        display: block !important
    }

    tr.visible-sm.visible-lg {
        display: table-row !important
    }

    th.visible-sm.visible-lg, td.visible-sm.visible-lg {
        display: table-cell !important
    }
}

.visible-md, tr.visible-md, th.visible-md, td.visible-md {
    display: none !important
}

@media(max-width:767px) {
    .visible-md.visible-xs {
        display: block !important
    }

    tr.visible-md.visible-xs {
        display: table-row !important
    }

    th.visible-md.visible-xs, td.visible-md.visible-xs {
        display: table-cell !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .visible-md.visible-sm {
        display: block !important
    }

    tr.visible-md.visible-sm {
        display: table-row !important
    }

    th.visible-md.visible-sm, td.visible-md.visible-sm {
        display: table-cell !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media(min-width:1200px) {
    .visible-md.visible-lg {
        display: block !important
    }

    tr.visible-md.visible-lg {
        display: table-row !important
    }

    th.visible-md.visible-lg, td.visible-md.visible-lg {
        display: table-cell !important
    }
}

.visible-lg, tr.visible-lg, th.visible-lg, td.visible-lg {
    display: none !important
}

@media(max-width:767px) {
    .visible-lg.visible-xs {
        display: block !important
    }

    tr.visible-lg.visible-xs {
        display: table-row !important
    }

    th.visible-lg.visible-xs, td.visible-lg.visible-xs {
        display: table-cell !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .visible-lg.visible-sm {
        display: block !important
    }

    tr.visible-lg.visible-sm {
        display: table-row !important
    }

    th.visible-lg.visible-sm, td.visible-lg.visible-sm {
        display: table-cell !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-lg.visible-md {
        display: block !important
    }

    tr.visible-lg.visible-md {
        display: table-row !important
    }

    th.visible-lg.visible-md, td.visible-lg.visible-md {
        display: table-cell !important
    }
}

@media(min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

.hidden-xs {
    display: block !important
}

tr.hidden-xs {
    display: table-row !important
}

th.hidden-xs, td.hidden-xs {
    display: table-cell !important
}

@media(max-width:767px) {
    .hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs {
        display: none !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm {
        display: none !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .hidden-xs.hidden-md, tr.hidden-xs.hidden-md, th.hidden-xs.hidden-md, td.hidden-xs.hidden-md {
        display: none !important
    }
}

@media(min-width:1200px) {
    .hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg {
        display: none !important
    }
}

.hidden-sm {
    display: block !important
}

tr.hidden-sm {
    display: table-row !important
}

th.hidden-sm, td.hidden-sm {
    display: table-cell !important
}

@media(max-width:767px) {
    .hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs {
        display: none !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm {
        display: none !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .hidden-sm.hidden-md, tr.hidden-sm.hidden-md, th.hidden-sm.hidden-md, td.hidden-sm.hidden-md {
        display: none !important
    }
}

@media(min-width:1200px) {
    .hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg {
        display: none !important
    }
}

.hidden-md {
    display: block !important
}

tr.hidden-md {
    display: table-row !important
}

th.hidden-md, td.hidden-md {
    display: table-cell !important
}

@media(max-width:767px) {
    .hidden-md.hidden-xs, tr.hidden-md.hidden-xs, th.hidden-md.hidden-xs, td.hidden-md.hidden-xs {
        display: none !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .hidden-md.hidden-sm, tr.hidden-md.hidden-sm, th.hidden-md.hidden-sm, td.hidden-md.hidden-sm {
        display: none !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md {
        display: none !important
    }
}

@media(min-width:1200px) {
    .hidden-md.hidden-lg, tr.hidden-md.hidden-lg, th.hidden-md.hidden-lg, td.hidden-md.hidden-lg {
        display: none !important
    }
}

.hidden-lg {
    display: block !important
}

tr.hidden-lg {
    display: table-row !important
}

th.hidden-lg, td.hidden-lg {
    display: table-cell !important
}

@media(max-width:767px) {
    .hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs {
        display: none !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm {
        display: none !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .hidden-lg.hidden-md, tr.hidden-lg.hidden-md, th.hidden-lg.hidden-md, td.hidden-lg.hidden-md {
        display: none !important
    }
}

@media(min-width:1200px) {
    .hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg {
        display: none !important
    }
}

.visible-print, tr.visible-print, th.visible-print, td.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }

    .hidden-print, tr.hidden-print, th.hidden-print, td.hidden-print {
        display: none !important
    }
}

body {
    -webkit-text-size-adjust: none
}

a {
    color: #08c;
    text-decoration: none
}

    a:hover {
        color: #005580;
        text-decoration: underline
    }

    a img {
        vertical-align: middle
    }

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

img {
    display: block;
    text-decoration: none;
    -ms-interpolation-mode: bicubic
}

    img.plymuni {
        display: none
    }

em {
    font-family: "neuzeit-italic","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal
}

h1, h2, h3 {
    margin: 24px 0 12px 0
}

h4, h5, h6, dt {
    margin: 12px 0
}

p {
    font-size: 1em;
    line-height: 1.5;
    margin: 0 0 12px 0;
    max-width: 600px
}

.breadcrumb .full-width {
    max-width: 100% !important;
    padding: 10px !important;
}

b, strong {
    font-family: "neuzeit-bold","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal
}

h1 {
    line-height: 1.166666667
}

h2 {
    font-family: "neuzeit-bold","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 1.2
}

h3 {
    line-height: 1.25
}

h4 {
    line-height: 1.333333333
}

h5 {
    line-height: 1.5
}

h6 {
    line-height: 1.285714286;
    font-weight: 300;
    text-transform: none
}

dt {
    margin-top: 24px
}

blockquote {
    padding: 12px 24px;
    margin-bottom: 24px;
    border-color: #e0e0e0
}

    blockquote p:last-child {
        margin-bottom: 0
    }

.heading-slate, .heading-black {
    font-size: 1.875em;
    line-height: 1.2
}

.heading-black {
    color: black
}

table.align-right th, table.align-right td {
    text-align: right
}

table.align-center th, table.align-center td, table.align-centre th, table.align-centre td {
    text-align: centre
}

.article-group .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: white
}

.article-group .grid-container {
    padding-left: 1em;
    padding-right: 1em
}

.article-group article {
    padding: 0 1em
}

.article-group .article-group-image-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-size: cover
}

    .article-group .article-group-image-wrapper .event-dates {
        position: absolute;
        z-index: 99;
        top: 12px;
        right: 12px;
        margin: 0;
        opacity: .6;
        -webkit-transition: all .25s linear;
        transition: all .25s linear
    }

    .article-group .article-group-image-wrapper p.time, .article-group .article-group-image-wrapper time {
        display: block;
        font-size: .75em;
        text-align: right
    }

        .article-group .article-group-image-wrapper time.calendar-page {
            display: inline-block;
            padding: 0;
            text-align: center
        }

            .article-group .article-group-image-wrapper time.calendar-page.end {
                margin-left: 1.8em
            }

    .article-group .article-group-image-wrapper:hover, .article-group .article-group-image-wrapper:focus {
        color: #333
    }

        .article-group .article-group-image-wrapper:hover p.event-dates, .article-group .article-group-image-wrapper:focus p.event-dates {
            opacity: 1
        }

.article-group .article-group-row {
    display: inline-block;
    width: 100%
}

.article-group h2 {
    margin: 0 0 .8em .533em
}

.article-group h3 {
    font-size: 1em;
    margin: .5em 0
}

.article-group .tags {
    font-size: .75em
}

.article-group .highlighted {
    max-width: 100%
}

    .article-group .highlighted .tags {
        font-size: .75em;
        color: inherit
    }

    .article-group .highlighted .responsive-module {
        background-color: inherit
    }

iframe {
    border: 0;
    overflow: hidden
}

    iframe::-webkit-scrollbar {
        display: none
    }

@media screen and (min-width:60em) {
    .module-100-100-62 {
        float: left;
        width: 62%
    }
}

@media screen and (min-width:60em) {
    .module-100-100-38 {
        float: left;
        width: 38%
    }
}

@media screen and (min-width:60em) {
    .module-100-100-33 {
        float: left;
        width: 33.33333%
    }
}

@media screen and (min-width:60em) {
    .module-100-100-50 {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:60em) {
    .module-100-100-25 {
        float: left;
        width: 25%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-66-66 {
        float: left;
        width: 66%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-50-38 {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:60em) {
    .module-100-50-38 {
        float: left;
        width: 38%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-50-62 {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:60em) {
    .module-100-50-62 {
        float: left;
        width: 62%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-50-33 {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:60em) {
    .module-100-50-33 {
        float: left;
        width: 33.33333%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-50-66 {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:60em) {
    .module-100-50-66 {
        float: left;
        width: 66.66667%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-50-25 {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:60em) {
    .module-100-50-25 {
        float: left;
        width: 25%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-50-50 {
        float: left;
        width: 50%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-33-33 {
        float: left;
        width: 33%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-33-25 {
        float: left;
        width: 33%
    }
}

@media screen and (min-width:60em) {
    .module-100-33-25 {
        float: left;
        width: 25%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-33-20 {
        float: left;
        width: 33%
    }
}

@media screen and (min-width:60em) {
    .module-100-33-20 {
        float: left;
        width: 20%
    }
}

.module-50-33-33 {
    float: left;
    width: 50%
}

@media screen and (min-width:37.5em) {
    .module-50-33-33 {
        float: left;
        width: 33%
    }
}

.module-50-33-25 {
    float: left;
    width: 50%
}

@media screen and (min-width:37.5em) {
    .module-50-33-25 {
        float: left;
        width: 33%
    }
}

@media screen and (min-width:60em) {
    .module-50-33-25 {
        float: left;
        width: 25%
    }
}

.module-50-33-20 {
    float: left;
    width: 50%
}

@media screen and (min-width:37.5em) {
    .module-50-33-20 {
        float: left;
        width: 33%
    }
}

@media screen and (min-width:60em) {
    .module-50-33-20 {
        float: left;
        width: 20%
    }
}

.module-50-33-16 {
    float: left;
    width: 50%
}

@media screen and (min-width:37.5em) {
    .module-50-33-16 {
        float: left;
        width: 33%
    }
}

@media screen and (min-width:60em) {
    .module-50-33-16 {
        float: left;
        width: 16.66667%
    }
}

@media screen and (min-width:60em) {
    .module-100-100-33 {
        float: left;
        width: 33%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-25-25 {
        float: left;
        width: 25%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-20-20 {
        float: left;
        width: 20%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-16-16 {
        float: left;
        width: 16.66667%
    }
}

@media screen and (min-width:37.5em) {
    .module-100-14-14 {
        float: left;
        width: 14.28571%
    }
}

.module-50-50-50 {
    float: left;
    width: 50%
}

.module-50-50-33 {
    float: left;
    width: 50%
}

@media screen and (min-width:60em) {
    .module-50-50-33 {
        float: left;
        width: 33.33333%
    }
}

.module-50-25-25 {
    float: left;
    width: 50%
}

@media screen and (min-width:37.5em) {
    .module-50-25-25 {
        float: left;
        width: 25%
    }
}

.module-50-50-25 {
    float: left;
    width: 50%
}

@media screen and (min-width:60em) {
    .module-50-50-25 {
        float: left;
        width: 25%
    }
}

.search-for-course-section, .search-for-primo-section, .search-for-pg-course-section {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

    .search-for-course-section .responsive-module, .search-for-primo-section .responsive-module, .search-for-pg-course-section .responsive-module {
        background-color: white;
        border-top: 0 !important
    }

body.debug .search-for-course-section .responsive-module, body.debug .search-for-primo-section .responsive-module, body.debug .search-for-pg-course-section .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.search-for-course-section .grid-container, .search-for-primo-section .grid-container, .search-for-pg-course-section .grid-container {
    padding-bottom: 1.5em
}

.search-for-course-section .search-box, .search-for-primo-section .search-box, .search-for-pg-course-section .search-box {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    overflow: hidden;
    margin-bottom: .75em
}

    .search-for-course-section .search-box input, .search-for-primo-section .search-box input, .search-for-pg-course-section .search-box input {
        width: 100%;
        float: left;
        padding-right: 30px;
        margin-bottom: 0
    }

.search-for-course-section h2:before, .search-for-course-section .search-button:before, .search-for-primo-section h2:before, .search-for-primo-section .search-button:before, .search-for-pg-course-section h2:before, .search-for-pg-course-section .search-button:before {
    font-family: 'icon-webfont';
    content: "B "
}

.search-for-course-section .search-button, .search-for-primo-section .search-button, .search-for-pg-course-section .search-button {
    font-size: 30px;
    padding: 0 12px;
    min-width: 0;
    line-height: 1em;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    border: 0 none;
    background-color: #5391ca
}

.search-for-extra-section {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

    .search-for-extra-section .responsive-module {
        background-color: white;
        border-top: 0 !important
    }

body.debug .search-for-extra-section .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.search-for-extra-section .grid-container {
    padding-bottom: 1.5em
}

.search-for-extra-section .search-box {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    overflow: hidden;
    margin-bottom: .75em
}

    .search-for-extra-section .search-box input {
        width: 100%;
        float: left;
        padding-right: 30px;
        margin-bottom: 0
    }

.search-for-extra-section .search-heading:before, .search-for-extra-section .search-button:before {
    font-family: 'icon-webfont';
    content: "B "
}

.search-for-extra-section .browse-heading:before {
    font-family: 'icon-webfont';
    content: "b "
}

.search-for-extra-section .search-button {
    font-size: 30px;
    padding: 0 12px;
    min-width: 0;
    line-height: 1em;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    border: 0 none;
    background-color: #5391ca
}

.filters label {
    display: inline-block
}

.header-main {
    width: 100%
}

    .header-main:before, .header-main:after {
        content: " ";
        display: table
    }

    .header-main:after {
        clear: both
    }

    .header-main .responsive-module {
        overflow: visible
    }

    .header-main .grid-container {
        position: relative
    }

    .header-main .extended {
        display: none
    }

@media screen and (min-width:37.5em) {
    .header-main .extended {
        display: inline
    }
}

.header-main .logo-container {
    float: left
}

.header-main .home {
    height: 100%;
    display: inline
}

.header-main .logo-small, .header-main .logo-large {
    float: left
}

.header-main .logo-small {
    max-width: 212px;
    width: 100%
}

@media screen and (min-width:37.5em) {
    .header-main .logo-small {
        display: none
    }
}

.header-main .logo-large {
    display: none;
    height: 6em;
    width: 10.25em
}

@media screen and (min-width:37.5em) {
    .header-main .logo-large {
        display: block
    }
}

.header-main .logo-small, .header-main .logo-large {
    margin-top: 25px
}

.header-main .header-tagline {
    background-color: #58585a;
    height: 2.125em;
    float: left;
    margin-top: 7px;
    width: 100%
}

@media screen and (min-width:60em) {
    .header-main .header-tagline {
        display: none
    }
}

.header-main .header-tagline .tagline-link {
    color: white;
    display: table-cell;
    font-weight: bold;
    padding-left: 2em;
    padding-top: .4em;
    text-decoration: underline
}

.header-main .header-tagline-desktop {
    float: left;
    font-size: 1.1em;
    padding-left: 30px;
    padding-top: 76px
}

@media screen and (max-width:60em) {
    .header-main .header-tagline-desktop {
        display: none
    }
}

.header-main .header-tagline-desktop .tagline-link {
    color: #464e54
}

    .header-main .header-tagline-desktop .tagline-link:hover {
        color: #005580
    }

.header-main form {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    clear: left;
    position: relative;
    padding: 0;
    overflow: hidden
}

.header-main .course-finder-input, .header-main .expertise-area-input {
    width: 100%;
    float: left;
    padding-right: 4em;
    margin: 0
}

.header-main button.search-button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    min-width: 3em;
    width: 3em;
    font-weight: normal;
    text-align: center;
    padding: 0;
    margin: 0;
    border: 0 none;
    background-color: #5391ca
}

    .header-main button.search-button span:after {
        position: absolute;
        display: block;
        content: "B";
        font-family: 'icon-webfont';
        font-size: 1.7em;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        line-height: 1.75em;
        color: white;
        background-color: #5391ca
    }

.header-main ul {
    clear: right;
    float: right;
    list-style-type: none;
    padding: 0;
    margin: 20px 0 1em 0
}

.header-main li {
    display: inline-block;
    height: 2em;
    padding: 0;
    margin: 0 0 0 .25em
}

    .header-main li a, .header-main li label {
        display: inline;
        font-size: 1.1em;
        white-space: nowrap;
        vertical-align: bottom;
        margin: 0;
        color: #08c;
        text-decoration: none;
        cursor: pointer
    }

        .header-main li a:before, .header-main li label:before {
            display: inline-block;
            width: 1.4em;
            font-size: 1.25em;
            text-align: center;
            vertical-align: bottom
        }

        .header-main li a:hover, .header-main li a:focus, .header-main li label:hover, .header-main li label:focus {
            color: #005580;
            text-decoration: underline
        }

        .header-main li a strong, .header-main li label strong {
            font-family: "neuzeit-regular","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-weight: normal
        }

@media screen and (max-width:440px) {
    .header-main .logo-small {
        max-width: 100%
    }

    .header-main ul {
        margin-top: 10px
    }
}

@media screen and (min-width:37.5em) {
    .header-main form {
        clear: none;
        float: right;
        width: 50%
    }

    .header-main .logo-small, .header-main .logo-large {
        margin-top: 0
    }

    .header-main li a strong, .header-main li label strong {
        display: inline
    }
}

.search-bar {
    position: relative
}

form.search {
    padding: 0;
    overflow: hidden
}

    form.search label {
        display: none
    }

    form.search input[type='text'] {
        padding: .75em;
        width: 90%
    }

    form.search input[type='submit'] {
        position: absolute;
        top: 0;
        right: 0;
        background: #000;
        border-left: 5px solid #282828
    }

@media screen and (min-width:37.5em) {
    form.search input[type='text'] {
        width: 85%
    }
}

#main_navigation_menu {
    position: absolute;
    margin-left: -9999px
}

.app, .page-notification {
    position: relative;
    width: 100%;
    left: 0;
    -webkit-transition: left .25s ease-out;
    transition: left .25s ease-out;
    overflow: hidden
}

nav.main-navigation {
    min-height: 3.5em;
    background-color: #222
}

    nav.main-navigation .grid-container {
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden
    }

    nav.main-navigation .login-link {
        float: right;
        margin-top: 12.5px;
        padding-right: 10px
    }

    nav.main-navigation .login {
        color: white
    }

    nav.main-navigation .hamburger, nav.main-navigation ul a:link, nav.main-navigation ul a:visited, nav.main-navigation ul a:hover, nav.main-navigation ul a:focus, nav.main-navigation ul a:active {
        display: block;
        font-size: 1;
        text-transform: uppercase;
        line-height: 1em;
        text-decoration: none;
        padding: 1em 2em;
        color: white
    }

    nav.main-navigation ul a:hover, nav.main-navigation ul a:focus, nav.main-navigation ul a:active {
        color: #5391ca;
        background-color: #222
    }

    nav.main-navigation .hamburger {
        position: relative;
        display: inline-block;
        width: 1.5em;
        line-height: 3em;
        padding: 0;
        margin: 0;
        color: #222;
        overflow: hidden;
        cursor: e-resize;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        nav.main-navigation .hamburger:before {
            font-family: 'icon-webfont';
            content: "C"
        }

        nav.main-navigation .hamburger:before {
            font-size: 1.7em;
            font-weight: normal;
            vertical-align: middle;
            padding-right: 6px;
            color: white
        }

        nav.main-navigation .hamburger:after, nav.main-navigation ul {
            display: block;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            list-style-type: none;
            padding: 0;
            margin: 0;
            z-index: 1000
        }

        nav.main-navigation .hamburger:after {
            content: " ";
            display: none
        }

    nav.main-navigation ul {
        font-family: "neuzeit-bold","Helvetica Neue",Helvetica,Arial,sans-serif;
        width: 50%;
        right: auto;
        background-color: #333;
        margin-left: -50%;
        border-right: 1px solid black;
        overflow: auto;
        -webkit-transition: margin-left .25s ease-out;
        transition: margin-left .25s ease-out
    }

    nav.main-navigation li {
        border-bottom: 1px solid black
    }

.show_menu .app, .show_menu .page-notification {
    left: 50%
}

    .show_menu .app nav.main-navigation .hamburger, .show_menu .page-notification nav.main-navigation .hamburger {
        cursor: w-resize
    }

        .show_menu .app nav.main-navigation .hamburger:after, .show_menu .page-notification nav.main-navigation .hamburger:after {
            display: block
        }

    .show_menu .app nav.main-navigation ul, .show_menu .page-notification nav.main-navigation ul {
        margin-left: 0
    }

#main_navigation_menu:checked ~ .app, #main_navigation_menu:checked ~ .page-notification {
    left: 50%
}

    #main_navigation_menu:checked ~ .app nav.main-navigation .hamburger, #main_navigation_menu:checked ~ .page-notification nav.main-navigation .hamburger {
        cursor: w-resize
    }

        #main_navigation_menu:checked ~ .app nav.main-navigation .hamburger:after, #main_navigation_menu:checked ~ .page-notification nav.main-navigation .hamburger:after {
            display: block
        }

    #main_navigation_menu:checked ~ .app nav.main-navigation ul, #main_navigation_menu:checked ~ .page-notification nav.main-navigation ul {
        margin-left: 0
    }

@media screen and (min-width:60em) {
    .app, .page-notification {
        left: 0
    }

    nav.main-navigation .hamburger, nav.main-navigation .hamburger:after {
        position: static;
        display: none
    }

    nav.main-navigation ul {
        position: static;
        display: table;
        width: 50em;
        margin-left: 0;
        background-color: #222;
        border-right: 0 none
    }

    nav.main-navigation li {
        display: table-cell;
        border-bottom: 0 none
    }

    nav.main-navigation ul a:link, nav.main-navigation ul a:visited, nav.main-navigation ul a:hover, nav.main-navigation ul a:focus, nav.main-navigation ul a:active {
        display: inline-block;
        padding: .75em 2em .75em 0
    }
}

.secondary-navigation .responsive-module {
    background-color: white;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    padding-bottom: 1.5em
}

    .secondary-navigation .responsive-module:before, .secondary-navigation .responsive-module:after {
        content: " ";
        display: table
    }

    .secondary-navigation .responsive-module:after {
        clear: both
    }

body.debug .secondary-navigation .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.secondary-navigation ul, .secondary-navigation li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    max-width: none
}

.secondary-navigation .also-in {
    font-size: 20px
}

    .secondary-navigation .also-in a {
        display: inline-block
    }

.secondary-navigation a {
    display: block;
    line-height: 1.25;
    padding: .25em 0
}

.social-sharing {
    list-style-type: none;
    padding-left: 0
}

.alert {
    position: relative
}

    .alert:before {
        font-family: 'icon-webfont';
        content: "G"
    }

.twitter {
    position: relative
}

    .twitter:before {
        font-family: 'icon-webfont';
        content: "t"
    }

.facebook {
    position: relative
}

    .facebook:before {
        font-family: 'icon-webfont';
        content: "f"
    }

.googleplus {
    position: relative
}

    .googleplus:before {
        font-family: 'icon-webfont';
        content: "g"
    }

.linkedin {
    position: relative
}

    .linkedin:before {
        font-family: 'icon-webfont';
        content: "l"
    }

.youtube {
    position: relative
}

    .youtube:before {
        font-family: 'icon-webfont';
        content: "y"
    }

.instagram {
    position: relative
}

    .instagram:before {
        font-family: 'icon-webfont';
        content: "i"
    }

.snapchat {
    position: relative
}

    .snapchat:before {
        font-family: 'icon-webfont';
        content: "Ü"
    }

.pinterest {
    position: relative
}

    .pinterest:before {
        font-family: 'icon-webfont';
        content: "p"
    }

.email {
    position: relative
}

    .email:before {
        font-family: 'icon-webfont';
        content: "/"
    }

.date {
    position: relative
}

    .date:before {
        font-family: 'icon-webfont';
        content: "&"
    }

.time {
    position: relative
}

    .time:before {
        font-family: 'icon-webfont';
        content: "c"
    }

.disability {
    position: relative
}

    .disability:before {
        font-family: 'icon-webfont';
        content: "w"
    }

.tel {
    position: relative
}

    .tel:before {
        font-family: 'icon-webfont';
        content: "0"
    }

.mappin {
    position: relative
}

    .mappin:before {
        font-family: 'icon-webfont';
        content: "("
    }

.visit {
    position: relative
}

    .visit:before {
        font-family: 'icon-webfont';
        content: "A"
    }

.login {
    position: relative
}

    .login:before {
        font-family: 'icon-webfont';
        content: "A"
    }

.globe {
    position: relative
}

    .globe:before {
        font-family: 'icon-webfont';
        content: "<"
    }

.sharing {
    position: relative
}

    .sharing:before {
        font-family: 'icon-webfont';
        content: "S"
    }

.star {
    position: relative
}

    .star:before {
        font-family: 'icon-webfont';
        content: '@'
    }

.course-icon {
    position: relative
}

    .course-icon:before {
        font-family: 'icon-webfont';
        content: '['
    }

.partfulltime {
    position: relative
}

    .partfulltime:before {
        font-family: 'icon-webfont';
        content: '\\'
    }

.placement {
    position: relative
}

    .placement:before {
        font-family: 'icon-webfont';
        content: ']'
    }

.shield {
    position: relative
}

    .shield:before {
        font-family: 'icon-webfont';
        content: '_'
    }

.wheel {
    position: relative
}

    .wheel:before {
        font-family: 'icon-webfont';
        content: '^'
    }

.tickbox {
    position: relative
}

    .tickbox:before {
        font-family: 'icon-webfont';
        content: 'J'
    }

.rss {
    position: relative
}

    .rss:before {
        font-family: 'icon-webfont';
        content: '4';
        color: #e09e33
    }

.link {
    position: relative
}

    .link:before {
        font-family: 'icon-webfont';
        content: "u"
    }

.jobs {
    position: relative
}

    .jobs:before {
        font-family: 'icon-webfont';
        content: ']'
    }

.participate-icon {
    position: relative
}

    .participate-icon:before {
        font-family: 'icon-webfont';
        content: '}'
    }

.record-icon {
    position: relative
}

    .record-icon:before {
        font-family: 'icon-webfont';
        content: 'z'
    }

.lightbulb {
    position: relative
}

    .lightbulb:before {
        font-family: 'icon-webfont';
        content: 'x'
    }

.chart {
    position: relative
}

    .chart:before {
        font-family: 'icon-webfont';
        content: 'É'
    }

.individual {
    position: relative
}

    .individual:before {
        font-family: 'icon-webfont';
        content: '|'
    }

.cost-icon {
    position: relative
}

    .cost-icon:before {
        font-family: 'icon-webfont';
        content: '*'
    }

    .alert:before, .twitter:before, .facebook:before, .googleplus:before, .linkedin:before, .youtube:before, .instagram:before,.snapchat:before, .pinterest:before, .email:before, .date:before, .time:before, .disability:before, .tel:before, .mappin:before, .visit:before, .login:before, .globe:before, .sharing:before, .star:before, .course-icon:before, .partfulltime:before, .placement:before, .shield:before, .wheel:before, .tickbox:before, .jobs:before, .participate-icon:before, .record-icon:before, .lightbulb:before, .chart:before, .individual:before, .cost-icon:before, .rss:before {
        display: inline-block;
        font-size: 1em;
        font-weight: normal;
        width: 1.2em;
        height: 1.2em;
        line-height: 1.1em;
        text-align: center;
        margin-right: .3em
    }

.login:before, .sharing:before {
    height: auto;
    line-height: 1.5;
    margin-right: 0
}

.colour .twitter:before {
    color: #fff;
    background-color: #282828
}

.colour .facebook:before {
    color: #fff;
    background-color: #282828
}

.colour .googleplus:before {
    color: #fff;
    background-color: #282828
}

.colour .linkedin:before {
    color: #fff;
    background-color: #282828
}

.colour .youtube:before {
    color: #fff;
    background-color: #282828
}

.colour .instagram:before {
    color: #fff;
    background-color: #282828
}

.colour .pinterest:before {
    color: #fff;
    background-color: #282828
}

.colour .snapchat:before {
    color: #fff;
    background-color: #282828
}

div.sharing_menu {
    position: relative;
    margin-right: 36px
}

    div.sharing_menu label {
        text-decoration: none !important;
        cursor: default
    }

    div.sharing_menu #sharemenu {
        position: absolute;
        left: -9999px
    }

    div.sharing_menu ul {
        display: none;
        position: absolute;
        top: 1.9em;
        left: 0;
        list-style-type: none;
        padding: .9em 0 1em 0;
        margin: 0;
        background-color: #f3f3f3;
        z-index: 20;
        overflow: hidden
    }

    div.sharing_menu li {
        display: block;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: hidden
    }

    div.sharing_menu a {
        display: block;
        padding: .25em 1em;
        vertical-align: baseline
    }

        div.sharing_menu a:before {
            width: 1.25em
        }

    div.sharing_menu #sharemenu:checked ~ ul, div.sharing_menu:hover ul, div.sharing_menu:focus ul {
        display: block
    }

div.login_menu {
    position: relative
}

    div.login_menu label {
        text-decoration: none !important;
        cursor: default
    }

    div.login_menu #loginmenu {
        position: absolute;
        left: -9999px
    }

    div.login_menu ul {
        display: none;
        position: absolute;
        top: 1.9em;
        left: 0;
        list-style-type: none;
        padding: .9em 0 1em 0;
        margin: 0;
        background-color: #f3f3f3;
        z-index: 20
    }

    div.login_menu li {
        display: block;
        height: auto;
        padding: 0;
        margin: 0
    }

    div.login_menu a {
        display: block;
        padding: .25em 1em;
        vertical-align: baseline
    }

        div.login_menu a:before {
            width: 1.25em
        }

    div.login_menu #loginmenu:checked ~ ul, div.login_menu:hover ul, div.login_menu:focus ul {
        display: block
    }

.footer-main {
    background-color: #282828;
    color: white;
    padding-bottom: 1.5em
}

    .footer-main nav ul, .footer-main nav li {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .footer-main .vcard {
        font-style: normal
    }

        .footer-main .vcard p, .footer-main .vcard .street-address, .footer-main .vcard .locality, .footer-main .vcard .country-name {
            display: block;
            line-height: 1.5em;
            margin: 0
        }

        .footer-main .vcard a:before {
            font-size: 1.3em;
            width: 1em;
            margin-right: .2em
        }

        .footer-main nav a, .footer-main .vcard a {
            display: block;
            color: white;
            text-decoration: none;
            padding: .75em 0;
            margin: 0;
            border-bottom: 1px solid #464e54
        }

            .footer-main nav a:hover, .footer-main nav a:focus, .footer-main nav a:active, .footer-main .vcard a:hover, .footer-main .vcard a:focus, .footer-main .vcard a:active {
                color: white;
                text-decoration: underline
            }

            .footer-main .vcard a.org {
                font-size: 1.2em;
                padding: 0;
                border: 0 none
            }

    .footer-main .connect {
        display: inline-block;
        background-color: #5391ca;
        -webkit-animation: logocolor 60s infinite;
        animation: logocolor 60s infinite
    }

    .footer-main .social-sharing {
        margin: 1.5em 0
    }

        .footer-main .social-sharing li {
            display: block;
            float: left;
            font-size: 1.65em;
            width: 1.55em;
            height: 1.55em;
            padding: 0;
            margin: 1px 1px 0 0;
            overflow: hidden
        }

            .footer-main .social-sharing li a:before {
                width: 100%;
                height: 100%;
                line-height: 1.4
            }

    .footer-main .rss:before {
        color: white
    }

    .footer-main .info {
        padding-top: 0
    }

    .footer-main .social-sharing li:nth-of-type(5) {
        clear: left
    }

@media screen and (min-width:37.5em) {
    .footer-main .info {
        padding-top: 1.5em
    }

    .footer-main .vcard {
        clear: both
    }
}

@media screen and (min-width:60em) {
    .footer-main .vcard {
        clear: none
    }
}

@-webkit-keyframes logocolor {
    from {
        background-color: #5391ca
    }

    10% {
        background-color: #7b77a5
    }

    20% {
        background-color: #a80075
    }

    30% {
        background-color: #c74a8d
    }

    40% {
        background-color: #c1004a
    }

    50% {
        background-color: #e09e33
    }

    60% {
        background-color: #f3d213
    }

    70% {
        background-color: #b4c960
    }

    80% {
        background-color: #9fcac5
    }

    90% {
        background-color: #7fbfd7
    }

    to {
        background-color: #5391ca
    }
}

@keyframes logocolor {
    from {
        background-color: #5391ca
    }

    10% {
        background-color: #7b77a5
    }

    20% {
        background-color: #a80075
    }

    30% {
        background-color: #c74a8d
    }

    40% {
        background-color: #c1004a
    }

    50% {
        background-color: #e09e33
    }

    60% {
        background-color: #f3d213
    }

    70% {
        background-color: #b4c960
    }

    80% {
        background-color: #9fcac5
    }

    90% {
        background-color: #7fbfd7
    }

    to {
        background-color: #5391ca
    }
}

.sidebar a {
    color: white;
    text-decoration: none
}

.hero .responsive-module {
    position: relative;
    margin-bottom: 12px;
    color: white;
    width: 100%
}

.hero img {
    display: none
}

.hero.article .primary, .hero.school .primary {
    display: table;
    width: 100%
}

.hero.article img, .hero.school img {
    display: block;
    width: 100%;
    max-width: 100%
}

.hero.metadata-on-bottom .metadata {
    bottom: 0
}

.hero .primary {
    position: relative;
    background: url(/assets/transparent-1dbfc3bf449392efb5508fbf5a453455.gif) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

    .hero .primary .metadata-not-hero {
        position: relative;
        width: 100%;
        z-index: 11;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
        padding-bottom: 1.5em
    }

        .hero .primary .metadata-not-hero h1, .hero .primary .metadata-not-hero h2, .hero .primary .metadata-not-hero h3, .hero .primary .metadata-not-hero h4, .hero .primary .metadata-not-hero h5 {
            margin-bottom: 0
        }

    .hero .primary .metadata {
        z-index: 11;
        padding-bottom: 1.5em
    }

        .hero .primary .metadata h1, .hero .primary .metadata h2, .hero .primary .metadata h3, .hero .primary .metadata h4, .hero .primary .metadata h5 {
            margin-bottom: 0
        }

        .hero .primary .metadata h6 {
            margin-bottom: 0
        }

        .hero .primary .metadata .hero-heading {
            font-family: "neuzeit-bold","Helvetica Neue",Helvetica,Arial,sans-serif;
            display: block;
            font-size: 1.5em;
            line-height: .9em;
            margin: 0
        }

@media screen and (min-width:37.5em) {
    .hero .primary .metadata .hero-heading {
        font-family: "neuzeit","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 2em;
        text-transform: none
    }
}

@media screen and (min-width:60em) {
    .hero .primary .metadata .hero-heading {
        font-family: "neuzeit","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 3em;
        text-transform: none
    }
}

.hero .primary .metadata .hero-title, .hero .primary .metadata .hero-link {
    border-bottom: 0;
    font-size: 1.125em;
    text-transform: none
}

    .hero .primary .metadata .hero-link a {
        color: white;
        text-decoration: underline
    }

.hero .secondary .module-quote-text {
    font-size: 1.5em;
    line-height: 1.25
}

.hero .secondary .read-article {
    float: right;
    text-decoration: none;
    margin: 0 0 2em 1em;
    color: white;
    position: relative
}

    .hero .secondary .read-article:before {
        font-family: 'icon-webfont';
        content: "N"
    }

    .hero .secondary .read-article:before {
        float: left;
        margin: 0 0 0 -1em
    }

@media screen and (min-width:60em) {
    .reverse .primary {
        float: right
    }
}

@media screen and (min-width:60em) {
    .reverse .secondary {
        float: left
    }
}

.black {
    background-color: black
}

body.debug .black {
    background-color: rgba(0,0,0,0.8)
}

.caption {
    padding: 0 .5em;
    color: #666;
    background-color: #f3f3f3
}

    .caption .inner-caption {
        text-align: left;
        line-height: 1.25
    }

        .caption .inner-caption p {
            max-width: 100%
        }

.small-position-top .metadata {
    width: 100%
}

@media screen and (max-width:37.5em) {
    .small-position-bottom .metadata {
        display: table-footer-group;
        width: 100%
    }

        .small-position-bottom .metadata .hero-heading {
            padding: 24px 32px 0 32px
        }

        .small-position-bottom .metadata .hero-title, .small-position-bottom .metadata .hero-link {
            padding: 0 32px 24px 32px
        }

            .small-position-bottom .metadata .hero-title + .hero-link {
                margin-top: -12px
            }
}

@media screen and (min-width:37.5em) {
    .hero.article .primary, .hero.school .primary {
        display: block
    }

    .hero.article img, .hero.school img {
        display: none
    }

    .hero .primary {
        min-height: 30em
    }

    .medium-position-top-left .metadata {
        top: 0;
        bottom: auto;
        left: 0
    }

    .medium-position-top-right .metadata {
        position: absolute;
        top: 0;
        bottom: auto;
        left: auto;
        right: 0
    }

    .medium-position-bottom-left .metadata {
        position: absolute;
        bottom: 0;
        top: auto;
        left: 0
    }

    .medium-position-bottom-right .metadata {
        position: absolute;
        bottom: 0;
        top: auto;
        left: auto;
        right: 0
    }

    .medium-width-1-3 .metadata {
        width: 33.33%
    }

    .medium-width-1-2 .metadata {
        width: 50%
    }

    .medium-width-2-3 .metadata {
        width: 66.66%
    }

    .medium-width-full .metadata {
        width: 100%
    }

    .medium-position-top-right .caption .inner-caption, .medium-position-bottom-right .caption .inner-caption {
        text-align: right
    }
}

@media screen and (min-width:60em) {
    .large-position-top-left .metadata {
        top: 0;
        bottom: auto;
        left: 0
    }

    .large-position-top-right .metadata {
        position: absolute;
        top: 0;
        bottom: auto;
        left: auto;
        right: 0
    }

    .large-position-bottom-left .metadata {
        position: absolute;
        bottom: 0;
        top: auto;
        left: 0
    }

    .large-position-bottom-right .metadata {
        position: absolute;
        bottom: 0;
        top: auto;
        left: auto;
        right: 0
    }

    .large-width-1-3 .metadata {
        width: 33.33%
    }

    .large-width-1-2 .metadata {
        width: 50%
    }

    .large-width-2-3 .metadata {
        width: 66.66%
    }

    .large-width-full .metadata {
        width: 100%
    }

    .large-position-top-left .caption .inner-caption, .large-position-bottom-left .caption .inner-caption {
        text-align: left
    }

    .large-position-top-right .caption .inner-caption, .large-position-bottom-right .caption .inner-caption {
        text-align: right
    }
}

@media screen and (min-width:80em) {
    .caption {
        padding: 0
    }
}

.case-study {
    max-width: 80em;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

    .case-study .responsive-module {
        border-top: 6px solid #cdcdcd;
        background-color: white
    }

        .case-study .responsive-module .grid-container, .case-study .responsive-module .grid-container-case-study {
            padding: 1.5em 2em 1.5em 2em
        }

@media screen and (min-width:37.5em) {
    .case-study .responsive-module .grid-container, .case-study .responsive-module .grid-container-case-study {
        padding: 1.5em 2em 0 2em
    }
}

.case-study .responsive-module .grid-container-case-study-columns, .case-study .responsive-module .grid-container-text-columns {
    padding: 1.5em 2em 1.5em 2em
}

    .case-study .responsive-module .grid-container-text-columns iframe {
        display: block;
        margin: 0 auto
    }

.case-study .responsive-module h2 {
    margin-top: 0
}

.case-study .responsive-module h4 {
    font-size: 1em;
    margin: 0;
    color: #666
}

.case-study .responsive-module .tags {
    padding-bottom: 0;
    margin-top: .75em;
    font-size: .75em
}

    .case-study .responsive-module .tags a, .case-study .responsive-module .tags a:hover, .case-study .responsive-module .tags a:focus, .case-study .responsive-module .tags li:before {
        color: white
    }

.case-study .case-study-title {
    font-size: 1.375em;
    margin-bottom: 1.125em;
    margin-top: 0
}

.case-study .case-study-image-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-size: cover
}

.case-study .primary {
    width: 100%
}

    .case-study .primary h4 {
        text-align: right
    }

.case-study .case-study-read-article {
    font-size: 1.25em;
    text-decoration: none;
    text-decoration: underline
}

.case-study .primary, .case-study .secondary {
    clear: both
}

@media screen and (min-width:37.5em) {
    .case-study .primary, .case-study .secondary {
        clear: none;
        float: left;
        width: 50%;
        padding-bottom: 1.5em;
        min-height: 22em
    }
}

.case-study-summary {
    font-size: 1.5em;
    line-height: 1.25;
    display: none
}

@media screen and (min-width:60em) {
    .case-study-summary {
        display: block
    }
}

.case-study-quote-text {
    font-size: 20px;
    line-height: 1.25
}

    .case-study-quote-text:before, .case-study-quote-text:after {
        font-size: 2.5em;
        font-family: helveticaneue;
        line-height: .13333em;
        vertical-align: -.4em
    }

.quotes:before {
    content: '“';
    margin-right: .1em
}

.quotes:after {
    content: '”';
    margin-left: .1em
}

.highlighted {
    background-color: #ccc;
    max-width: 100%
}

    .highlighted .responsive-module {
        background-color: inherit
    }

.staff-list .responsive-module {
    background-color: white
}

    .staff-list .responsive-module .headings {
        padding-top: .375em;
        padding-bottom: .375em
    }

        .staff-list .responsive-module .headings .heading-slate {
            margin: 0
        }

.staff-list .res-staff-members {
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .staff-list .res-staff-members .res-staff-member {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 -4px 0 0;
        overflow: hidden
    }

        .staff-list .res-staff-members .res-staff-member a {
            display: block;
            width: 100%
        }

        .staff-list .res-staff-members .res-staff-member img {
            max-height: 256px
        }

        .staff-list .res-staff-members .res-staff-member .title, .staff-list .res-staff-members .res-staff-member .description {
            margin-left: 16px;
            margin-right: 16px;
            white-space: normal;
            text-overflow: ellipsis
        }

        .staff-list .res-staff-members .res-staff-member .title {
            margin-bottom: 0
        }

        .staff-list .res-staff-members .res-staff-member .description {
            margin-top: 0
        }

.call-to-actions {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

    .call-to-actions .call-to-action:last-child {
        border-right: 0 none
    }

    .call-to-actions .call-to-action {
        font-size: 1.125em;
        display: block;
        text-decoration: none;
        text-align: center;
        padding: 7.33333em 0 1.33333em;
        color: white;
        background-color: #5391ca;
        background-position: center 1.5em;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
        line-height: 1.2em;
        outline: 0;
        -webkit-transition: background-color .2s ease-in;
        transition: background-color .2s ease-in
    }

        .call-to-actions .call-to-action:hover, .call-to-actions .call-to-action.is-active {
            background-color: #a1c3e2
        }

    .call-to-actions .cta-icon {
        margin-top: -132px;
        font-family: 'icon-webfont';
        font-size: 5.25em;
        display: block;
        line-height: 1.2em;
        padding-bottom: .1875em
    }

    .call-to-actions .cta-text {
        line-height: 1.2em;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 6px;
        overflow: hidden;
        margin: 0;
        max-width: 100%
    }

.call-to-action-content {
    position: relative;
    display: block;
    width: 100%;
    clear: both
}

    .call-to-action-content .cta-content-container, .call-to-action-content .apply-details-container, .call-to-action-content .open-days-container, .call-to-action-content .download-prospectus-container, .call-to-action-content .admissions-enquiry-container {
        background-color: white;
        padding: 1.5em 2em
    }

body.debug .call-to-action-content .cta-content-container, body.debug .call-to-action-content .apply-details-container, body.debug .call-to-action-content .open-days-container, body.debug .call-to-action-content .download-prospectus-container, body.debug .call-to-action-content .admissions-enquiry-container {
    background-color: rgba(255,255,255,0.8)
}

.call-to-action-content .cta-content-container h2, .call-to-action-content .apply-details-container h2, .call-to-action-content .open-days-container h2, .call-to-action-content .download-prospectus-container h2, .call-to-action-content .admissions-enquiry-container h2 {
    margin-top: 0;
    font-family: 'neuzeit-bold'
}

.call-to-action-content .grid-container {
    background-color: white;
    padding-bottom: 1.5em
}

body.debug .call-to-action-content .grid-container {
    background-color: rgba(255,255,255,0.8)
}

.call-to-action-content-frame {
    width: 100%;
    height: 18.75em
}

.cta-width {
    width: 50%;
    float: left;
    display: inline-block
}

.landing .call-to-actions .responsive-module {
    border-top: 6px solid #cdcdcd
}

.landing .call-to-actions .call-to-action {
    color: #5391ca;
    background-color: white
}

    .landing .call-to-actions .call-to-action .cta-icon {
        font-size: 7em;
        margin-top: -152px;
        padding-bottom: 0
    }

    .landing .call-to-actions .call-to-action .cta-text {
        height: 2.4em;
        white-space: normal;
        padding: 0;
        margin: 0 3%
    }

    .landing .call-to-actions .call-to-action:hover, .landing .call-to-actions .call-to-action.is-active {
        background-color: #2b5e8c
    }

.jsenabled .call-to-actions .call-to-action-content {
    display: none
}

    .jsenabled .call-to-actions .call-to-action-content.open {
        display: block
    }

.page-courses .responsive-module {
    background-color: white;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    padding-bottom: 1.5em
}

    .page-courses .responsive-module:before, .page-courses .responsive-module:after {
        content: " ";
        display: table
    }

    .page-courses .responsive-module:after {
        clear: both
    }

body.debug .page-courses .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.page-courses ul, .page-courses li {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.page-courses li {
    border-bottom: 1px solid #b6b7b9
}

    .page-courses li:nth-child(odd) {
        background-color: #f3f3f3
    }

.page-courses .partner-text {
    padding: .5em
}

.page-courses a {
    display: block;
    line-height: 1.2;
    padding: .5em;
    text-decoration: none;
    overflow: auto
}

    .page-courses a:hover h2, .page-courses a:focus h2 {
        text-decoration: underline
    }

    .page-courses a h2 {
        float: left;
        font-size: 1em;
        margin: 0 1em 0 0
    }

    .page-courses a p {
        clear: left;
        float: left;
        font-size: .85em;
        margin: 0;
        color: #888
    }

@media screen and (min-width:60em) {
    .page-courses a p {
        clear: right;
        float: right;
        line-height: 1.5
    }
}

.full-width-header {
    margin-left: 1em
}

.module-course-list header h2 {
    margin-top: 0
}

.module-course-list p {
    max-width: 100%
}

.module-course-list .res-courses, .module-course-list .related-courses, .module-course-list .res-split-courses {
    list-style-type: none;
    padding: 0;
    margin: 0
}

@media screen and (max-width:37.5em) {
    .module-course-list .induction-link:last-child {
        border-bottom: 1px solid #b6b7b9
    }
}

@media screen and (max-width:37.5em) {
    .module-course-list .induction-container {
        margin-bottom: 0 !important
    }
}

.module-course-list .related-course, .module-course-list .res-course {
    border-bottom: 1px solid #b6b7b9;
    overflow: auto
}

    .module-course-list .related-course:last-child, .module-course-list .res-course:last-child {
        border-bottom: 0
    }

.module-course-list .res-compare-course {
    font-family: 'icon-webfont';
    float: left;
    width: 3em;
    text-align: right;
    margin-left: -3em;
    padding: .75em 0;
    text-decoration: none
}

.module-course-list .progression-route-link {
    display: block;
    padding-top: .375em;
    padding-bottom: .375em;
    text-decoration: none
}

.module-course-list .res-course-link, .module-course-list .related-course-link, .module-course-list .res-course-link-label {
    float: left;
    width: 100%;
    padding: .75em 4em .75em 0;
    text-decoration: none
}

.module-course-list .course-location-link {
    font-weight: bold
}

.module-course-list .res-course-link-label {
    margin-bottom: 0
}

@media screen and (min-width:640px) {
    .split.module-course-list ul {
        counter-reset: section;
        -moz-column-count: 2;
        -moz-column-gap: 4em;
        -webkit-column-count: 2;
        column-count: 2;
        column-gap: 4em
    }

        .split.module-course-list ul li {
            position: relative;
            border-bottom: 1px solid #ccc
        }
}

.course-list:before, .course-list:after {
    content: " ";
    display: table
}

.course-list:after {
    clear: both
}

.course-list .responsive-module {
    background-color: white;
    margin-bottom: .75em;
    padding-bottom: 12px
}

body.debug .course-list .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.course-comparison {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

    .course-comparison .responsive-module {
        border-top: 6px solid #cdcdcd;
        background-color: white;
        padding-bottom: 1.5em
    }

body.debug .course-comparison .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.course-comparison h2 {
    font-family: 'neuzeit-regular';
    font-size: 36px
}

.course-comparison table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin: .2em 0
}

.course-comparison th, .course-comparison td {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    padding: .5em 1em;
    border: 1px solid #888
}

.course-comparison th {
    width: 12em;
    background-color: #cdcdcd
}

    .course-comparison th span:before {
        margin-right: 0;
        color: #888
    }

@media screen and (max-width:37.5em) {
    .course-comparison table, .course-comparison thead, .course-comparison tbody, .course-comparison tr, .course-comparison th, .course-comparison td {
        display: block
    }

    .course-comparison table {
        border-top: 1px solid #888
    }

    .course-comparison tr {
        border: 1px solid #888;
        border-top: 0 none
    }

    .course-comparison th {
        float: left;
        width: 3em;
        padding: .25em 0;
        border: 0 none;
        background-color: transparent;
        white-space: nowrap;
        overflow: hidden
    }

        .course-comparison th span[class]:before {
            width: 100%;
            height: 1em;
            font-size: 2em;
            text-align: center
        }

    .course-comparison td {
        padding: .25em .5em;
        margin-left: 3em;
        border: 0 none;
        border-left: 1px solid #888
    }

        .course-comparison td:nth-of-type(2) {
            background-color: #cdcdcd
        }
}

.career-opportunities-pg {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    background-color: white
}

    .career-opportunities-pg:before, .career-opportunities-pg:after {
        content: " ";
        display: table
    }

    .career-opportunities-pg:after {
        clear: both
    }

body.debug .career-opportunities-pg {
    background-color: rgba(255,255,255,0.8)
}

.career-opportunities-pg .responsive-module {
    border-top: 6px solid #cdcdcd
}

.career-opportunities-pg .res-course-career-opportunities {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.career-opportunities-ug {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

    .career-opportunities-ug:before, .career-opportunities-ug:after {
        content: " ";
        display: table
    }

    .career-opportunities-ug:after {
        clear: both
    }

    .career-opportunities-ug .responsive-module {
        border-top: 6px solid #cdcdcd;
        background-color: white
    }

body.debug .career-opportunities-ug .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.career-opportunities-ug .res-career-opportunities {
    margin: 0 2em
}

.career-opportunities-ug .res-course-career-opportunities-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding-bottom: 1.5em
}

.career-opportunities-header {
    font-family: 'neuzeit-bold';
    font-size: 1.5em
}

.responsive-video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

    .responsive-video-wrapper .responsive-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0
    }

    .responsive-video-wrapper .video-mask, .responsive-video-wrapper .brand {
        position: absolute;
        z-index: 10;
        background: rgba(0,0,0,0.4);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-size: cover
    }

    .responsive-video-wrapper .play {
        font-family: 'icon-webfont';
        font-size: 90px;
        position: absolute;
        display: inline-block;
        text-align: center;
        top: 50%;
        margin-top: -67px;
        width: 100%;
        z-index: 10
    }

        .responsive-video-wrapper .play:before {
            display: none;
            content: 'F';
            color: white;
            color: rgba(255,255,255,0.7);
            text-shadow: 0 0 0 transparent;
            -webkit-transition: all .2s linear;
            transition: all .2s linear
        }

    .responsive-video-wrapper .video-mask:hover .play:before, .responsive-video-wrapper .video-mask:focus .play:before {
        color: white;
        text-shadow: 0 0 5px white
    }

.jsenabled .responsive-video-wrapper .video-mask, .jsenabled .responsive-video-wrapper .brand {
    cursor: pointer
}

.jsenabled .responsive-video-wrapper .play:before {
    display: inline-block
}

.module-accordion-header {
    background-color: white;
    margin: 0;
    padding: 12px 32px;
    cursor: pointer;
    font-family: 'neuzeit-bold';
    font-size: 1.5em;
    line-height: 1.25em;
    max-width: 60em;
    margin: 0 auto;
    border-bottom: 1px solid #e0e0e0;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in
}

    .module-accordion-header .icons {
        font-family: 'icon-webfont';
        margin-right: 16px
    }

    .module-accordion-header .web-icon {
        padding-left: 8px;
        font-family: 'icon-webfont'
    }

.module-accordion-body {
    background-color: white;
    padding-top: 0
}

    .module-accordion-body .accordion-container {
        padding-bottom: 24px
    }

    .module-accordion-body .stage-descriptions {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

        .module-accordion-body .stage-descriptions h5 {
            font-family: "neuzeit-bold","Helvetica Neue",Helvetica,Arial,sans-serif
        }

    .module-accordion-body .subheading {
        font-family: "neuzeit-bold","Helvetica Neue",Helvetica,Arial,sans-serif
    }

    .module-accordion-body .funding-info {
        padding-top: 1.5em
    }

.module-accordion-open .module-accordion-body {
    border-bottom: 1px solid #e0e0e0
}

.module-accordion-open .module-accordion-header .icons:before {
    content: '-'
}

.module-accordion-closed .module-accordion-body {
    border-bottom: 0
}

.module-accordion-closed .module-accordion-header .icons:before {
    content: '+'
}

.module-accordion-closed .module-accordion-header:hover {
    background-color: #e0e0e0
}

#clearing-hotline-accordion .module-accordion-header {
    border-style: solid;
    border-color: #e32438;
    border-width: 5px
}

.module-kis-data {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    background-color: #eaeaea
}

    .module-kis-data .unistats-widget-vertical, .module-kis-data .unistats-widget-horizontal {
        overflow: hidden;
        display: block;
        border: 0;
        margin: 0 auto 1.5em auto
    }

    .module-kis-data .unistats-widget-vertical {
        width: 190px;
        height: 500px
    }

@media screen and (min-width:42.4375em) {
    .module-kis-data .unistats-widget-vertical {
        display: none
    }
}

.module-kis-data .unistats-widget-horizontal {
    display: none;
    height: 150px;
    width: 615px
}

@media screen and (min-width:42.4375em) {
    .module-kis-data .unistats-widget-horizontal {
        display: block
    }
}

.tab-control {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    background-color: white
}

.tab-content-container {
    position: relative;
    margin: 0;
    clear: both
}

.tab-container {
    background-color: #f3f3f3
}

    .tab-container:before, .tab-container:after {
        content: " ";
        display: table
    }

    .tab-container:after {
        clear: both
    }

.tabs {
    display: table;
    list-style-type: none;
    padding: 0 0 0 8px;
    margin: 0
}

.tab {
    font-size: 1.125em;
    line-height: 1.33333;
    display: table-cell;
    line-height: 1;
    padding: 12px 32px;
    margin-bottom: 0;
    color: #08c;
    background-color: #e0e0e0
}

    .tab.checked {
        color: #333
    }

    .tab:hover {
        background-color: #cdcdcd;
        cursor: pointer
    }

.tab-content {
    top: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white
}

    .tab-content .case-study, .tab-content .section-gallery, .tab-content .section-gallery, .tab-content .section-photo-strip {
        margin-bottom: 0
    }

    .tab-content .responsive-module {
        margin-bottom: 0
    }

    .tab-content .hero .responsive-module {
        margin-bottom: 0
    }

    .tab-content .section-photo-strip header.headings, .tab-content .staff-list header.headings {
        display: none
    }

.tab [type=radio] {
    width: 0;
    height: 0;
    opacity: 0
}

.checked {
    background-color: white !important;
    z-index: 2
}

.section-gallery, .section-photo-strip, .section-grid {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

    .section-gallery .responsive-module, .section-photo-strip .responsive-module, .section-grid .responsive-module {
        border-top: 6px solid #cdcdcd;
        background-color: white
    }

        .section-gallery .responsive-module .headings, .section-photo-strip .responsive-module .headings, .section-grid .responsive-module .headings {
            padding-top: .375em;
            padding-bottom: .375em
        }

            .section-gallery .responsive-module .headings .heading-slate, .section-photo-strip .responsive-module .headings .heading-slate, .section-grid .responsive-module .headings .heading-slate {
                margin: 0
            }

    .section-gallery .highlighted, .section-photo-strip .highlighted, .section-grid .highlighted {
        background-color: #ccc;
        max-width: 100%
    }

        .section-gallery .highlighted .responsive-module, .section-photo-strip .highlighted .responsive-module, .section-grid .highlighted .responsive-module {
            background-color: inherit
        }

.gallery {
    background: #333;
    padding: 0
}

    .gallery .main-image-wrapper {
        width: 80%;
        max-width: 42em;
        padding: 12px 0;
        margin: 0 auto
    }

        .gallery .main-image-wrapper .media-container {
            position: relative;
            width: 100%;
            height: 0;
            padding: 56.25% 0 0 0;
            margin: 0 auto;
            overflow: hidden
        }

            .gallery .main-image-wrapper .media-container .responsive-video-wrapper, .gallery .main-image-wrapper .media-container .main-image {
                display: block;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto
            }

            .gallery .main-image-wrapper .media-container img {
                margin: 0 auto
            }

            .gallery .main-image-wrapper .media-container:hover .main-image-details, .gallery .main-image-wrapper .media-container:focus .main-image-details {
                -webkit-transform: translateY(100%);
                -moz-transform: translateY(100%);
                -ms-transform: translateY(100%);
                -o-transform: translateY(100%);
                transform: translateY(100%)
            }

    .gallery .main-image-details {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: auto;
        padding: .5em 1em;
        background-color: white;
        background-color: rgba(255,255,255,0.6);
        -webkit-transition: all .8s ease;
        transition: all .8s ease;
        z-index: 15
    }

    .gallery .image-title, .gallery .image-credits {
        margin: 0;
        line-height: 1.1em
    }

    .gallery .image-title {
        line-height: 1.333333333
    }

    .gallery .thumbnails-wrapper {
        overflow: hidden;
        position: relative
    }

    .gallery .thumbnails-container {
        display: none;
        padding: .75em 2em;
        background: #cdcdcd;
        position: relative;
        z-index: 20
    }

        .gallery .thumbnails-container .button {
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            display: none;
            z-index: 500;
            position: absolute;
            width: 48px;
            height: 48px;
            top: 36px;
            background-color: #e0e0e0;
            background-repeat: no-repeat;
            background-position: center center;
            outline: 0 none
        }

            .gallery .thumbnails-container .button:hover {
                background-color: #5391ca
            }

            .gallery .thumbnails-container .button.previous {
                left: 8px;
                background-image: url(/assets/gallery/arrow-previous-03d696242659494ab354ad6d787ff09f.png)
            }

            .gallery .thumbnails-container .button.next {
                right: 8px;
                background-image: url(/assets/gallery/arrow-next-62ac44ff467d9a7dedd36451b5d33e6e.png)
            }

            .gallery .thumbnails-container .button.active {
                display: block
            }

    .gallery .thumbnails {
        -webkit-transition: all .5s ease-in;
        transition: all .5s ease-in;
        position: relative;
        list-style-type: none;
        left: 0;
        padding: 0;
        margin: 0;
        width: auto;
        white-space: nowrap
    }

        .gallery .thumbnails.touch {
            -webkit-transition: left .2s linear;
            transition: left .2s linear
        }

        .gallery .thumbnails a {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            border: 3px solid transparent;
            outline: 0 none
        }

            .gallery .thumbnails a.active {
                border-color: #5391ca
            }

        .gallery .thumbnails li {
            display: inline-block;
            padding: 0;
            margin: 0
        }

        .gallery .thumbnails img {
            display: block
        }

.grid-gallery ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding: 0 0 1.5em 0;
    margin: 0 2em
}

.grid-gallery li {
    width: 100%;
    border-bottom: 1px solid #b6b7b9
}

    .grid-gallery li a, .grid-gallery li .grid-gallery-container {
        position: relative;
        display: block;
        margin: 0;
        padding: 0
    }

.grid-gallery .title {
    width: 100%;
    font-size: 1em;
    padding: .75em 0;
    margin: 0
}

.grid-gallery .grid-gallery-image-wrapper {
    display: none
}

@media screen and (min-width:37.5em) {
    .grid-gallery ul {
        margin: 0 1.5em
    }

    .grid-gallery li {
        border-bottom: 0 none;
        float: left;
        width: 100%;
        vertical-align: top;
        padding: 0 .5em 1em .5em
    }

    .grid-gallery .grid-gallery-image-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        background-size: cover;
        display: block
    }

    .grid-gallery .title {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: .5em 1em;
        color: white;
        background-color: black;
        background-color: rgba(0,0,0,0.5);
        -webkit-transition: all .25s ease;
        transition: all .25s ease
    }

    .grid-gallery a:hover .title, .grid-gallery a:focus .title {
        padding-bottom: 1em
    }
}

@media screen and (min-width:37.5em) {
    .grid-gallery li {
        width: 50%
    }
}

@media screen and (min-width:60em) {
    .grid-gallery li {
        width: 25%
    }
}

.jsenabled .photo-strip .thumbnails-container {
    overflow: hidden
}

.photo-strip .thumbnails-container {
    background: white;
    position: relative;
    overflow: auto
}

    .photo-strip .thumbnails-container .button {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        display: none;
        position: absolute;
        width: 48px;
        height: 48px;
        top: 192px;
        background-color: #e0e0e0;
        background-repeat: no-repeat;
        background-position: center center
    }

        .photo-strip .thumbnails-container .button:hover {
            background-color: #5391ca
        }

        .photo-strip .thumbnails-container .button.previous {
            left: 8px;
            background-image: url(/assets/gallery/arrow-previous-03d696242659494ab354ad6d787ff09f.png)
        }

        .photo-strip .thumbnails-container .button.next {
            right: 8px;
            background-image: url(/assets/gallery/arrow-next-62ac44ff467d9a7dedd36451b5d33e6e.png)
        }

        .photo-strip .thumbnails-container .button.active {
            display: block
        }

.photo-strip .thumbnails {
    -webkit-transition: left .5s ease-in;
    transition: left .5s ease-in;
    position: relative;
    left: 0;
    padding-left: 0;
    width: auto;
    white-space: nowrap;
    margin-bottom: 0
}

    .photo-strip .thumbnails.touch {
        -webkit-transition: left .2s linear;
        transition: left .2s linear
    }

    .photo-strip .thumbnails .title, .photo-strip .thumbnails .description {
        margin-left: 16px;
        margin-right: 16px;
        white-space: normal
    }

    .photo-strip .thumbnails .title {
        margin-bottom: 0
    }

    .photo-strip .thumbnails .description {
        margin-top: 0
    }

.photo-strip li.thumbnail {
    display: inline-block;
    width: 256px;
    vertical-align: top
}

    .photo-strip li.thumbnail a {
        display: block
    }

    .photo-strip li.thumbnail div {
        position: relative;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 256px;
        overflow: hidden;
        background-color: #464e54
    }

    .photo-strip li.thumbnail img {
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: auto;
        max-width: 240px;
        height: auto;
        max-height: 240px;
        margin: auto
    }

.photo-strip.staff li.thumbnail img {
    max-width: 256px;
    max-height: 256px
}

.document-list .responsive-module, .document-module .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: white
}

.document-list .grid-container, .document-module .grid-container {
    padding-bottom: 1.5em
}

.document-list p, .document-module p {
    display: inline
}

.document-list ul, .document-module ul {
    padding: 0;
    margin: 1em 0;
    list-style-type: none
}

    .document-list ul li, .document-module ul li {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #b6b7b9
    }

@media screen and (min-width:60em) {
    .document-list ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -ms-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 4em;
        -moz-column-gap: 4em;
        -ms-column-gap: 4em;
        -o-column-gap: 4em;
        column-gap: 4em
    }

        .document-list ul li {
            -webkit-column-break-inside: avoid;
            -moz-column-break-inside: avoid;
            column-break-inside: avoid
        }
}

.file-icons a {
    display: block;
    padding: .75em 0;
    margin-left: 2.4em;
    line-height: 1.1;
    position: relative
}

    .file-icons a:before {
        position: absolute;
        display: inline-block;
        font-size: 1.75em;
        margin-left: -1.2em;
        margin-top: -0.3em;
        text-decoration: none
    }

    .file-icons a:before {
        font-family: 'icon-webfont';
        content: "T"
    }

    .file-icons a[href$=".pdf"] {
        position: relative
    }

        .file-icons a[href$=".pdf"]:before {
            font-family: 'icon-webfont';
            content: "U"
        }

        .file-icons a[href$=".pdf"]:before {
            color: #b40000
        }

    .file-icons a[href$=".doc"], .file-icons a[href$=".docx"] {
        position: relative
    }

        .file-icons a[href$=".doc"]:before, .file-icons a[href$=".docx"]:before {
            font-family: 'icon-webfont';
            content: "W"
        }

        .file-icons a[href$=".doc"]:before, .file-icons a[href$=".docx"]:before {
            color: #214383
        }

    .file-icons a[href$=".xls"], .file-icons a[href$=".xlsx"] {
        position: relative
    }

        .file-icons a[href$=".xls"]:before, .file-icons a[href$=".xlsx"]:before {
            font-family: 'icon-webfont';
            content: "X"
        }

        .file-icons a[href$=".xls"]:before, .file-icons a[href$=".xlsx"]:before {
            color: #1b6135
        }

    .file-icons a[href$=".ppt"], .file-icons a[href$=".pptx"] {
        position: relative
    }

        .file-icons a[href$=".ppt"]:before, .file-icons a[href$=".pptx"]:before {
            font-family: 'icon-webfont';
            content: "Y"
        }

        .file-icons a[href$=".ppt"]:before, .file-icons a[href$=".pptx"]:before {
            color: #c3301c
        }

.call-out-group .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: #e0e0e0
}

    .call-out-group .responsive-module .headings {
        padding-top: .375em;
        padding-bottom: .375em
    }

        .call-out-group .responsive-module .headings .heading-slate {
            margin: 0
        }

.call-out-group ul {
    text-align: center;
    padding: 0;
    margin: 0
}

.call-outs-wrapper {
    margin: 0 auto;
    max-width: 60em
}

.call-outs {
    list-style-type: none;
    padding: 0 0 1.5em 0;
    margin: 0
}

    .call-outs li {
        display: inline-block;
        margin: .375em
    }

        .call-outs li a, .call-outs li .call-out-without-link {
            display: block;
            font-size: 1em;
            line-height: 1.2em;
            text-decoration: none;
            padding: .6em 1em .6em 2em;
            margin: 0;
            border-radius: .3em;
            color: white;
            outline: 0;
            text-shadow: 0 0 4px rgba(255,255,255,0);
            -webkit-transition: all 500ms linear;
            transition: all 500ms linear
        }

            .call-outs li a:focus, .call-outs li a:hover, .call-outs li a:active, .call-outs li a.is-active, .call-outs li .call-out-without-link:focus, .call-outs li .call-out-without-link:hover, .call-outs li .call-out-without-link:active, .call-outs li .call-out-without-link.is-active {
                text-shadow: 0 0 4px white
            }

            .call-outs li a span, .call-outs li .call-out-without-link span {
                font-family: 'icon-webfont';
                font-size: 1.5em;
                margin-left: -17px;
                padding-right: 5px
            }

.call-out-title-header {
    padding-bottom: 24px;
    margin-bottom: 12px;
    text-align: center;
    background: transparent url(/assets/icons/icon-arrow-down-white-b3e124407f31e57da8ec8c957ec3be59.png) center bottom no-repeat
}

.call-out-title-text {
    background-color: white;
    margin-bottom: 12px;
    padding: 12px 16px;
    margin: 0
}

.faq-group .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: #e0e0e0
}

    .faq-group .responsive-module .headings {
        padding-top: .375em;
        padding-bottom: .375em
    }

        .faq-group .responsive-module .headings .heading-slate {
            margin: 0
        }

.faqs_wrapper {
    margin: 0 auto;
    max-width: 60em
}

.faq-group ul {
    text-align: center;
    padding: 0;
    margin: 0
}

.faqs {
    list-style-type: none;
    padding: 0 0 1.5em 0;
    margin: 0
}

    .faqs li {
        display: inline-block;
        margin: .375em
    }

        .faqs li a {
            display: block;
            font-size: 1em;
            line-height: 1.2em;
            text-decoration: none;
            padding: .6em 1em .6em 2em;
            margin: 0;
            background: #3c3e6f url(/assets/icons/icon-speech-bubble-white-99753b8d1118c8ea001ec29776543a53.png) 8px center no-repeat;
            border-radius: .3em;
            color: white;
            outline: 0;
            text-shadow: 0 0 4px rgba(255,255,255,0);
            -webkit-transition: all 500ms linear;
            transition: all 500ms linear
        }

            .faqs li a:focus, .faqs li a:hover, .faqs li a:active, .faqs li a.is-active {
                text-shadow: 0 0 4px white
            }

.faq-title-header {
    padding-bottom: 24px;
    margin-bottom: 12px;
    text-align: center;
    background: transparent url(/assets/icons/icon-arrow-down-white-b3e124407f31e57da8ec8c957ec3be59.png) center bottom no-repeat
}

.faq-title-text {
    background-color: white;
    margin-bottom: 12px;
    font-family: 'neuzeit';
    text-transform: none;
    padding: 12px 16px;
    margin: 0
}

.tag-group .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    background-color: #eaeaea
}

.tags, .tags-index {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
    color: #08c
}

    .tags li, .tags-index li {
        display: inline-block;
        padding: 0 2px
    }

        .tags li a, .tags-index li a {
            text-decoration: underline
        }

        .tags li:before, .tags-index li:before {
            content: "#"
        }

.ui-dialog.ui-widget, .ui-dialog .ui-widget, .ui-dialog .ui-corner-all {
    font-family: inherit;
    border: 0 none;
    border-radius: 0
}

.ui-dialog .ui-widget-header {
    background-color: #f3f3f3;
    background-image: none;
    border: 0
}

.ui-dialog .ui-dialog-buttonset .ui-state-default, .ui-dialog .ui-dialog-buttonset .ui-widget-content, .ui-dialog .ui-dialog-buttonset .ui-state-hover {
    border: 0;
    background-image: none
}

.ui-dialog .ui-button.ui-widget {
    border: 0 none;
    background-image: none
}

.page-notification {
    height: auto;
    max-height: 0;
    background-color: #f3f3f3;
    -webkit-transition-property: left,max-height;
    transition-property: left,max-height
}

    .page-notification p {
        max-width: 80em;
        line-height: 1;
        padding: .5em 2em;
        margin: 0 auto
    }

    .page-notification.open {
        max-height: 5em
    }

.scrollhint {
    position: fixed;
    left: 50%;
    right: 0;
    bottom: 10px;
    width: 1.8em;
    height: 1.8em;
    font-family: 'icon-webfont';
    font-size: 2em;
    text-align: center;
    line-height: 1.8em;
    margin: 0 0 0 -0.9em;
    color: white;
    background-color: #222;
    border-radius: 50%;
    cursor: pointer;
    opacity: .6;
    z-index: 999999;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-animation: scrollhint 4s ease 1;
    animation: scrollhint 4s ease 1
}

    .scrollhint:hover, .scrollhint:focus {
        opacity: .8
    }

@-webkit-keyframes scrollhint {
    from {
        opacity: .0;
        bottom: 25px
    }

    70% {
        opacity: .0;
        bottom: 25px
    }

    to {
        opacity: .6;
        bottom: 10px
    }
}

@keyframes scrollhint {
    from {
        opacity: .0;
        bottom: 25px
    }

    70% {
        opacity: .0;
        bottom: 25px
    }

    to {
        opacity: .6;
        bottom: 10px
    }
}

.breadcrumb {
    background-color: white;
    padding-bottom: 1.5em
}

    .breadcrumb a, .breadcrumb span {
        padding: 0 .5em;
        font-weight: normal
    }

.term-dates .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: white;
    padding-bottom: 1.5em
}

.term-dates span:first-child {
    padding: 0 .75em 0 0
}

.term-dates span {
    padding: 0 .75em;
    font-weight: normal
}

.contact-detail {
    max-width: 80em;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

    .contact-detail .responsive-module {
        border-top: 6px solid #cdcdcd;
        background-color: white
    }

        .contact-detail .responsive-module .grid-container, .contact-detail .responsive-module .grid-container-contact-detail {
            padding: 1.5em 2em 1.5em 2em
        }

@media screen and (min-width:37.5em) {
    .contact-detail .responsive-module .grid-container, .contact-detail .responsive-module .grid-container-contact-detail {
        padding: 1.5em 2em 0 2em
    }
}

.contact-detail .responsive-module .grid-container-contact-detail-columns {
    padding: 1.5em 2em 1.5em 2em
}

.contact-detail .responsive-module h2 {
    margin-top: 0
}

.contact-detail .responsive-module h4 {
    font-size: 1em;
    margin: 0;
    color: #666
}

.contact-detail .contact-detail-title {
    font-size: 1.5em;
    margin-bottom: 1em;
    margin-top: 0
}

.contact-detail .contact-detail-description {
    padding-left: 1.7em;
    font-size: 1.2em
}

.contact-detail .contact-detail-group {
    padding-bottom: .8em
}

.contact-detail .contact-detail-image-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-size: cover
}

.contact-detail .primary {
    width: 100%
}

    .contact-detail .primary h4 {
        text-align: right
    }

.contact-detail .primary, .contact-detail .secondary {
    clear: both
}

@media screen and (min-width:37.5em) {
    .contact-detail .primary, .contact-detail .secondary {
        clear: none;
        float: left;
        width: 50%;
        padding-bottom: 1.5em;
        min-height: 22em
    }
}

.contact-detail p {
    margin-left: 2em;
    text-indent: -1em;
    line-height: 1.25em
}

    .contact-detail p:before, .contact-detail p a:before {
        width: 1em;
        margin-right: 0
    }

    .contact-detail p a {
        word-break: break-all
    }

.highlighted {
    background-color: #ccc;
    max-width: 100%
}

    .highlighted .responsive-module {
        background-color: inherit
    }

.googlemap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #ccc
}

    .googlemap img {
        max-width: none
    }

.news-list .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: white;
    padding-bottom: 1.5em
}

.news-list h2 {
    font-size: 1.375em;
    margin: 0
}

.news-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.news-list li {
    border-bottom: 1px solid #b6b7b9
}

    .news-list li:first-child {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBvbHlnb24gcG9pbnRzPSI0LDcgMTQsMCAxNCwxNCIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==) 100% 50% no-repeat
    }

.news-list a {
    display: block;
    line-height: 1.25;
    text-decoration: none;
    padding: .75em 0
}

    .news-list a span {
        display: block;
        font-size: .75em;
        color: #888
    }

.news-list p {
    text-align: right;
    margin: .5em 0
}

.news-list .news-list-image-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-size: cover
}

@media screen and (min-width:37.5em) {
    .news-list .pad {
        padding-right: 2em
    }

    .news-list p {
        margin-bottom: 0
    }
}

.event-list .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: white;
    padding-bottom: 1.5em
}

.event-list h2 {
    font-size: 1.375em;
    margin: 0
}

.event-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.event-list li {
    border-bottom: 1px solid #b6b7b9
}

    .event-list li:first-child {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBvbHlnb24gcG9pbnRzPSI0LDcgMTQsMCAxNCwxNCIgZmlsbD0iIzg4OCIvPjwvc3ZnPg==) 100% 50% no-repeat
    }

.event-list a {
    display: block;
    line-height: 1.25;
    text-decoration: none;
    padding: .75em 0
}

    .event-list a span {
        display: block;
        font-size: .75em;
        color: #888
    }

.event-list p {
    text-align: right;
    margin: .5em 0
}

.event-list .event-list-image-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-size: cover
}

@media screen and (min-width:37.5em) {
    .event-list .pad {
        padding-right: 2em
    }

    .event-list p {
        margin-bottom: 0
    }
}

.filter-control .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: #f3f3f3;
    position: relative;
    padding-bottom: 1em
}

body.debug .filter-control .responsive-module {
    background-color: rgba(243,243,243,0.8)
}

.filter-control .responsive-module:before, .filter-control .responsive-module:after {
    content: " ";
    display: table
}

.filter-control .responsive-module:after {
    clear: both
}

.filter-control input {
    position: absolute;
    margin-left: -9999px
}

.filter-control ul {
    position: static;
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .filter-control ul li {
        float: left;
        width: 2.5em;
        padding: 0;
        margin: 0 3px 3px 0
    }

        .filter-control ul li.noselect {
            display: none
        }

    .filter-control ul label, .filter-control ul span, .filter-control ul a {
        display: block;
        font-weight: normal;
        text-align: center;
        text-decoration: none;
        padding: .5em 0;
        margin: 0;
        color: white;
        background-color: #b6b7b9;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .filter-control ul label {
        background-color: #5391ca;
        cursor: pointer
    }

    .filter-control ul span {
        background-color: #e0e0e0
    }

    .filter-control ul a:hover, .filter-control ul a:focus, .filter-control ul a:active {
        background-color: #888
    }

@media screen and (max-width:37.5em) {
    .filter-control input:empty ~ ul li {
        width: 100%;
        margin: 0
    }

        .filter-control input:empty ~ ul li.noselect {
            display: block
        }

    .filter-control input:empty ~ ul label {
        background: #5391ca url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA8BAMAAADml+XTAAAAGFBMVEWox+Xs8/lblM6Mtd3J2+9toNP///9Tj8z+Q0+kAAAAS0lEQVQ4y2MoxwIYRgVHBdEFS9KAIAVNsBQkmIqu3Q0o6I4uGAYUDEcXLEhLS8CwvUgsTQjTSWxp7JiCiolYHF+cjM1H7KOxOcIFAdSpKTPVZfIoAAAAAElFTkSuQmCC) 100% 50% no-repeat
    }

    .filter-control input:empty ~ ul span, .filter-control input:empty ~ ul a {
        display: none
    }

    .filter-control input:empty:checked ~ ul li {
        width: 2.5em;
        margin: 0 3px 3px 0
    }

    .filter-control input:empty:checked ~ ul label {
        background-image: none
    }

    .filter-control input:empty:checked ~ ul span, .filter-control input:empty:checked ~ ul a {
        display: block
    }
}

@media screen and (min-width:37.5em) {
    .event-dates {
        float: right
    }
}

.event-dates ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 1.5em
}

.event-dates li {
    margin: .5em 0;
    border-bottom: 1px solid #b6b7b9
}

.event-dates p {
    padding-top: 10px
}

.calendar-page {
    position: relative;
    display: inline-block;
    font-size: 1em;
    width: 5.7em;
    height: 5em;
    line-height: 1.5em;
    color: #666;
    background-color: white;
    border: .4em solid #666;
    border-top: 0 none
}

    .calendar-page .day {
        display: block;
        font-family: "neuzeit","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 2em;
        text-align: center;
        letter-spacing: -0.05em;
        margin: .95em 0 0 0
    }

    .calendar-page .month, .calendar-page .event-time {
        position: absolute;
        bottom: 0;
        left: -1px;
        right: -1px;
        text-align: center;
        white-space: nowrap
    }

    .calendar-page .event-time {
        font-size: .85em;
        line-height: 1.1em
    }

    .calendar-page .month {
        top: 0;
        bottom: auto;
        color: white;
        background-color: #666
    }

        .calendar-page .month:before, .calendar-page .month:after {
            content: '\2022';
            font-size: .4em;
            vertical-align: top;
            padding: 0 2px 0 0
        }

        .calendar-page .month:after {
            padding: 0 0 0 2px
        }

    .calendar-page.end {
        margin-left: 1.8em
    }

        .calendar-page.end:before {
            position: absolute;
            top: 0;
            left: -1.15em;
            width: 1em;
            content: '"';
            font-family: 'icon-webfont';
            font-size: 2em;
            text-align: center;
            line-height: 2.5;
            color: #666
        }

.fromto {
    position: absolute;
    left: -9999px
}

.current-events {
    display: block;
    float: right;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    padding: .5em .75em;
    margin: .75em 0 1.5em 0;
    color: white;
    background-color: #666;
    border-radius: .3em;
    outline: 0 none
}

    .current-events:focus, .current-events:hover, .current-events:active {
        text-decoration: none;
        color: white;
        background-color: #a6a6a6
    }

@media screen and (min-width:60em) {
    .related-events-container .calendar td, .related-events-container .calendar th {
        text-align: left;
        vertical-align: top;
        border: 1px solid #e0e0e0;
        padding: 0 1em
    }
}

@media screen and (min-width:60em) {
    .related-events-container .calendar td.wday-0, .related-events-container .calendar td.wday-6, .related-events-container .calendar th.wday-0, .related-events-container .calendar th.wday-6 {
        border-color: #cdcdcd
    }
}

.calendar {
    min-width: 18em
}

@media screen and (min-width:37.5em) {
    .calendar.event {
        clear: right;
        float: right
    }
}

.calendar .calendar-header {
    font-size: 2em;
    text-align: center;
    line-height: 1;
    margin-bottom: 1em;
    white-space: nowrap
}

@media screen and (max-width:37.5em) {
    .calendar .calendar-header {
        font-size: 1.5em;
        margin-bottom: .5em
    }
}

.calendar .calendar-header a {
    font-family: 'icon-webfont';
    text-decoration: none;
    padding: 0
}

    .calendar .calendar-header a.month-prev {
        padding-right: .3em
    }

    .calendar .calendar-header a.month-next {
        padding-left: .3em
    }

.calendar .calendar-event-link {
    padding-bottom: -0.5em;
    line-height: 1
}

@media screen and (max-width:60em) {
    .calendar .calendar-event-link {
        display: none
    }
}

.calendar .calendar-event-time {
    font-size: .8em;
    padding-bottom: -0.5em
}

@media screen and (max-width:60em) {
    .calendar .calendar-event-time {
        display: none
    }
}

.calendar .calendar-event-list {
    display: none
}

@media screen and (max-width:60em) {
    .calendar .calendar-event-list {
        display: block;
        margin-bottom: 1em
    }
}

.calendar .calendar-event-list .related-courses {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.calendar .calendar-event-list .related-course {
    overflow: auto;
    padding-top: 1em
}

    .calendar .calendar-event-list .related-course:last-child {
        border-bottom: 0
    }

    .calendar .calendar-event-list .related-course img {
        float: left;
        margin-right: 1em
    }

.calendar table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: .75em
}

.calendar td {
    color: #888
}

.calendar th, .calendar td {
    width: 14.28571%;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    padding: 0;
    border: 1px solid transparent
}

    .calendar th.wday-0, .calendar th.wday-6, .calendar td.wday-0, .calendar td.wday-6 {
        background-color: #e0e0e0;
        border-color: #e0e0e0
    }

    .calendar th.prev-month, .calendar th.next-month, .calendar td.prev-month, .calendar td.next-month {
        font-size: .75em
    }

    .calendar th.today, .calendar td.today {
        border-color: #333
    }

    .calendar th a, .calendar td a {
        display: block;
        text-decoration: none
    }

    .calendar th .selected, .calendar td .selected {
        color: white;
        background-color: #888
    }

    .calendar th a:hover, .calendar th a:focus, .calendar td a:hover, .calendar td a:focus {
        color: white;
        background-color: #666
    }

.rss-feed {
    margin: 2em 0
}

    .rss-feed .rssHeader {
        font-family: "neuzeit-bold","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 1.875em;
        margin: 0 0 12px 0
    }

    .rss-feed .rssBody ul {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .rss-feed .rssBody li {
        border-bottom: 1px solid #b6b7b9
    }

    .rss-feed .rssBody h4 {
        margin: .75em 0 0 0
    }

    .rss-feed .rssBody a {
        display: block;
        text-decoration: none
    }

    .rss-feed .rssBody div {
        font-size: .75em;
        line-height: 1.25;
        margin: 0;
        color: #888
    }

.more-paging .more-button {
    display: none;
    font-size: 2em;
    width: 5em;
    line-height: 1;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden
}

    .more-paging .more-button a, .more-paging .more-button a:hover, .more-paging .more-button a:focus {
        text-decoration: none
    }

        .more-paging .more-button a:before {
            position: relative;
            float: left;
            font-family: 'icon-webfont';
            content: "r";
            width: 100%;
            text-align: center;
            padding: .25em 0 .4em 0;
            color: white;
            background-color: #b6b7b9
        }

        .more-paging .more-button a:hover:before, .more-paging .more-button a:focus:before {
            background-color: #888
        }

        .more-paging .more-button a.loading:before {
            content: "r";
            color: #888;
            background-color: transparent;
            -webkit-animation: more-loading 1s linear infinite;
            animation: more-loading 1s linear infinite
        }

.more-paging.enabled .button-section {
    display: none
}

.more-paging.enabled .more-button {
    display: block
}

.more-paging.complete .more-button {
    display: none
}

@-webkit-keyframes more-loading {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes more-loading {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.more-added {
    -webkit-animation: more-added .5s linear 1;
    animation: more-added .5s linear 1
}

@-webkit-keyframes more-added {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes more-added {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.text-and-image {
    max-width: 80em;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

    .text-and-image .responsive-module {
        border-top: 6px solid #cdcdcd;
        background-color: white
    }

        .text-and-image .responsive-module .grid-container {
            padding: 1.5em 2em 1.5em 2em
        }

@media screen and (min-width:37.5em) {
    .text-and-image .responsive-module .grid-container {
        padding: 1.5em 2em 0 2em
    }
}

.text-and-image .responsive-module .grid-container-text-and-image-columns, .text-and-image .responsive-module .grid-container-text-columns {
    padding: 1.5em 2em 1.5em 2em
}

    .text-and-image .responsive-module .grid-container-text-columns iframe {
        display: block;
        margin: 0 auto
    }

.text-and-image .responsive-module h2 {
    margin-top: 0
}

.text-and-image .responsive-module h4 {
    font-size: 1em;
    margin: 0;
    color: #666
}

.text-and-image .responsive-module .tags {
    padding-bottom: 0;
    margin-top: .75em;
    font-size: .75em
}

    .text-and-image .responsive-module .tags a, .text-and-image .responsive-module .tags a:hover, .text-and-image .responsive-module .tags a:focus {
        color: white
    }

.text-and-image .text-and-image-title {
    font-size: 1.375em;
    margin-bottom: 1.125em;
    margin-top: 0
}

.text-and-image .text-and-image-image-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-size: cover
}

.text-and-image .primary {
    width: 100%
}

    .text-and-image .primary h4 {
        text-align: right
    }

.text-and-image .text-and-image-read-article {
    font-size: 1.25em;
    text-decoration: none;
    text-decoration: underline
}

.text-and-image .primary, .text-and-image .secondary {
    clear: both
}

@media screen and (min-width:37.5em) {
    .text-and-image .primary, .text-and-image .secondary {
        clear: none;
        float: left;
        width: 50%;
        padding-bottom: 1.5em;
        min-height: 22em
    }
}

.text-and-image-summary {
    font-size: 1.5em;
    line-height: 1.25;
    display: none
}

@media screen and (min-width:60em) {
    .text-and-image-summary {
        display: block
    }
}

.text-and-image-quote-text {
    font-size: 20px;
    line-height: 1.25
}

    .text-and-image-quote-text:before, .text-and-image-quote-text:after {
        font-size: 2.5em;
        font-family: helveticaneue;
        line-height: .13333em;
        vertical-align: -.4em
    }

.quotes:before {
    content: '“';
    margin-right: .1em
}

.quotes:after {
    content: '”';
    margin-left: .1em
}

.highlighted {
    background-color: #ccc;
    max-width: 100%
}

    .highlighted .responsive-module {
        background-color: inherit
    }

.cta-button {
    max-width: 80em;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    width: 100%
}

    .cta-button table {
        width: 100%;
        border-collapse: collapse
    }

    .cta-button td {
        text-align: center;
        width: 50%;
        padding: 0;
        background: white
    }

        .cta-button td.button-container {
            background: #e32438
        }

        .cta-button td img {
            margin: 0 auto
        }

            .cta-button td img.apply-via-ucas-image {
                padding-top: 2em;
                padding-bottom: 2em
            }

        .cta-button td a {
            border: 2px solid white;
            border-radius: 8px;
            padding: 1em;
            background: #e32438;
            color: white;
            text-decoration: none;
            font-weight: bold;
            line-height: 10em;
            -webkit-transition: background-color .2s ease-in;
            transition: background-color .2s ease-in
        }

            .cta-button td a:hover {
                color: black;
                background-color: white
            }

@media screen and (max-width:37.5em) {
    .cta-button td {
        width: 100%;
        display: block
    }
}

.montage {
    display: block;
    width: 100%
}

    .montage .montage--image {
        position: relative;
        float: left;
        border: 1px solid white
    }

    .montage .image-description {
        background-image: url(/assets/montage/transparent-background-375c9a960a1a9151e4614462a8a98660.png);
        position: absolute;
        bottom: 0;
        left: 0;
        color: white;
        font-weight: bold;
        width: 100%;
        padding: 18px;
        -webkit-transition: all .25s ease;
        transition: all .25s ease
    }

        .montage .image-description a {
            color: white;
            text-decoration: underline
        }

    .montage .image-description-top {
        background-image: url(/assets/montage/transparent-background-375c9a960a1a9151e4614462a8a98660.png);
        position: absolute;
        top: 0;
        left: 0;
        color: white;
        font-weight: bold;
        width: 100%;
        padding: 18px;
        -webkit-transition: all .25s ease;
        transition: all .25s ease
    }

        .montage .image-description-top a {
            color: white;
            text-decoration: underline
        }

    .montage .montage--image:hover > .image-description, .montage .montage--image:focus > .image-description {
        padding-bottom: 26px
    }

    .montage .montage--image:hover > .image-description-top, .montage .montage--image:focus > .image-description-top {
        padding-top: 26px
    }

    .montage .montage--dominant-image {
        width: 100%
    }

    .montage .montage--small-image {
        width: 100%
    }

    .montage .montage--50-50-100-image {
        width: 100%
    }

    .montage .montage--25-50-100-image {
        width: 100%
    }

    .montage .montage--33-33-100-image {
        width: 100%
    }

@media screen and (min-width:37.5em) {
    .montage .montage--dominant-image {
        width: 66.666%
    }

    .montage .montage--small-image {
        width: 33.333%
    }

    .montage .montage--50-50-100-image {
        width: 50%
    }

    .montage .montage--25-50-100-image {
        width: 50%
    }

    .montage .montage--33-33-100-image {
        width: 33.333%
    }
}

@media screen and (min-width:60em) {
    .montage .montage--dominant-image {
        width: 50%
    }

    .montage .montage--small-image {
        width: 25%
    }

    .montage .montage--25-50-100-image {
        width: 25%
    }
}

.montage .highlighted .image-description a, .montage .highlighted .image-description a:hover, .montage .highlighted .image-description a:focus, .montage .highlighted .image-description-top a, .montage .highlighted .image-description-top a:hover, .montage .highlighted .image-description-top a:focus {
    color: white
}

.montage + *:not(.montage) {
    margin-top: .75em
}

.poll-thanks {
    padding-bottom: 12px
}

.poll-column .responsive-module {
    border-top: 0 !important
}

.text-box-group .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    background-color: white
}

    .text-box-group .responsive-module .headings {
        padding-top: .375em;
        padding-bottom: .375em
    }

        .text-box-group .responsive-module .headings .heading-slate {
            margin: 0
        }

.text-box-group ul {
    text-align: center;
    padding: 0;
    margin: 0
}

    .text-box-group ul li {
        text-align: left;
        margin-left: 2em
    }

.textbox {
    width: 100%;
    overflow: hidden
}

@media screen and (min-width:37.5em) {
    .fifty {
        width: 50%;
        float: left
    }
}

.borderbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 20px
}

.greybox {
    padding: .5em;
    background-color: #ccc;
    -moz-border-radius: .25em;
    border-radius: .25em;
    text-align: left;
    text-decoration: none;
    float: left;
    width: 100%;
    margin-bottom: 1em
}

    .greybox p {
        max-width: 100%
    }

.hero-title, .module-quote-title {
    border-bottom: 1px solid white
}

.module-summary-text, .module-quote-text {
    font-size: 1.5em;
    line-height: 1.25;
    padding-left: 0;
    padding-right: 0
}

.module-summary-text, .module-quote-text, .case-study-summary {
    margin-bottom: 1.5em
}

.module-quote-text {
    background-color: transparent;
    border-left: 0;
    color: white;
    float: none;
    margin: 0 0 1.5em 0;
    padding: 0;
    width: auto;
    color: white
}

    .module-quote-text:before, .module-quote-text:after {
        font-size: 2.5em;
        font-family: helveticaneue;
        line-height: .13333em;
        vertical-align: -.4em
    }

    .module-quote-text:before {
        content: '“';
        margin-right: .1em
    }

    .module-quote-text:after {
        content: '”';
        margin-left: .1em
    }

.course-accreditations .res-course-accreditations {
    padding-left: 0;
    padding-right: 0;
    list-style-type: none;
    margin: 0 auto;
    padding-top: 1.5em;
    padding-bottom: 1.5em
}

.course-footnote .responsive-module {
    background-color: white;
    margin-bottom: .75em
}

body.debug .course-footnote .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.course-footnote .grid-container {
    padding-bottom: 1.5em
}

.course-accreditations {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

    .course-accreditations .responsive-module {
        border-top: 6px solid #cdcdcd;
        background-color: white
    }

body.debug .course-accreditations .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.course-accreditations .res-course-accreditations:before, .course-accreditations .res-course-accreditations:after {
    content: " ";
    display: table
}

.course-accreditations .res-course-accreditations:after {
    clear: both
}

.course-accreditations .res-course-accreditations li {
    font-size: 1em;
    padding-top: 0;
    padding-bottom: 1em
}

    .course-accreditations .res-course-accreditations li img {
        padding-bottom: .5em
    }

    .course-accreditations .res-course-accreditations li p {
        line-height: 1.25
    }

@media screen and (min-width:37.5em) {
    .course-accreditations .res-course-accreditations li {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-right: -4px
    }
}

.course-accordions .responsive-module {
    border-top: 0
}

.course-accordions .accordion {
    list-style-type: none;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.course-accordions .accordion-expandable, .course-accordions .unexpandable, .course-accordions .course-module-description {
    padding-left: 1em
}

    .course-accordions .accordion-expandable:hover {
        text-decoration: underline
    }

.course-accordions .accordion-expandable {
    outline: 0
}

.course-accordions .ui-icon {
    height: 16px;
    width: 16px;
    background-image: url(/assets/ui-icons_454545_256x240-dc932ae0372be5f07c95f2c6d5c19d2c.png);
    background-repeat: no-repeat;
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -99999px;
    margin-left: -1em;
    margin-top: .25em
}

.course-accordions .code {
    display: block;
    color: #999
}

.course-accordions .ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.course-accordions .ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.course-accordions .course-module-description {
    padding-top: 0;
    padding-bottom: 0;
    clear: left;
    margin-top: -0.5em;
    margin-bottom: 1.5em
}

.course-accordions p {
    max-width: 100%
}

    .course-accordions p.footnote {
        font-family: "neuzeit-italic","Helvetica Neue",Helvetica,Arial,sans-serif;
        margin-top: 2em
    }

@media screen and (min-width:37.5em) {
    .course-accordions .code {
        float: left;
        width: 6em
    }

    .course-accordions .course-module-description {
        margin-left: 6em
    }
}

.module-course-list .intro, .split-module-course-list .intro {
    padding-left: 0;
    padding-right: 0
}

.module-sml {
    max-width: 41.5em;
    margin: 0 auto
}

.inner, .inner-with-clear {
    padding: 0 32px
}

.mandatory-form-label {
    color: red
}

.mandatory-form-field {
    border: 1px solid red !important
}

.related-courses-and-enquiries .responsive-module {
    background-color: white;
    border-top: 6px solid #cdcdcd;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

body.debug .related-courses-and-enquiries .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.related-courses-and-enquiries .responsive-module .courses-enquiries-container {
    margin: 0 2em 1.5em
}

.related-courses-and-enquiries .responsive-module .twitter-mention-button {
    margin: .375em 0
}

.related-courses-and-enquiries .responsive-module h2 {
    font-family: 'neuzeit-bold'
}

.module-course-enquiries dt {
    margin-top: 1.5em
}

.ucas-required {
    margin: 0
}

    .ucas-required dd {
        margin: 0 0 12px 0
    }

        .ucas-required dd:last-child {
            margin-bottom: 0
        }

@media screen and (min-width:37.5em) {
    .mobile-clearing-flash {
        display: none
    }
}

@media screen and (max-width:37.5em) {
    .clearing-flash {
        display: none
    }
}

.clearing-flash, .mobile-clearing-flash {
    font-size: 16pt;
    font-family: "neuzeit-bold","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase
}

    .clearing-flash a, .mobile-clearing-flash a {
        color: white
    }

        .clearing-flash a:hover, .mobile-clearing-flash a:hover {
            text-decoration: none
        }

.clearing-flash {
    float: right;
    margin-top: -25px;
    margin-right: -32px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 150px 150px 0;
    border-color: transparent #e32438 transparent transparent;
    text-align: center
}

    .clearing-flash a {
        display: table;
        margin-top: 30px;
        margin-left: 43px;
        line-height: 20px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.499)
    }

.mobile-clearing-flash {
    padding-left: 32px;
    padding-top: 7px;
    height: 45px;
    background-color: #e32438
}

.campaign {
    padding: .5em;
    margin-bottom: .5em
}

.campaign-image {
    float: left;
    padding-right: 1em
}

.campaign-text h1 {
    margin-top: 0
}

@media screen and (min-width:60em) {
    .campaign {
        display: flex
    }

    .campaign-text {
        width: 80%
    }
}

.schools .responsive-module {
    background-color: white
}

body.debug .schools .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.schools {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

    .schools .grid-container div {
        clear: left;
        overflow: auto;
        padding-bottom: 1em
    }

        .schools .grid-container div h3 {
            margin: 0
        }

@media screen and (min-width:37.5em) {
    .schools .grid-container div img {
        float: left
    }

    .schools .grid-container div h3, .schools .grid-container div p {
        margin-left: 152px
    }
}

.school-courses:before, .school-courses:after {
    content: " ";
    display: table
}

.school-courses:after {
    clear: both
}

.school-courses .responsive-module {
    background-color: white;
    margin-bottom: 12px;
    padding-bottom: 12px
}

body.debug .school-courses .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.school-overview-and-links {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

    .school-overview-and-links .responsive-module {
        background-color: white
    }

body.debug .school-overview-and-links .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.school-overview-and-links .responsive-module .headings h1, .school-overview-and-links .responsive-module .headings h2, .school-overview-and-links .responsive-module .headings h3 {
    margin-top: 0
}

.school-overview-and-links .vcard .grid-container {
    padding-bottom: 1.5em
}

.school-overview-and-links .vcard p {
    margin-bottom: 0
}

.module-school-overview .res-article-body {
    font-size: 1.125em;
    line-height: 1.33333;
    padding-left: 0;
    padding-right: 0
}

.module-school-overview p {
    max-width: 100%
}

@media screen and (min-width:37.5em) {
    .module-school-overview .grid-container {
        padding-bottom: 1.5em
    }
}

.module-school-links {
    font-size: 1.5em;
    line-height: 1.25
}

@media screen and (min-width:37.5em) {
    .module-school-links {
        padding-top: 60px
    }
}

.module-school-links .res-links {
    padding-top: 0;
    padding-bottom: 0;
    list-style-type: none
}

.module-school-links .res-link-item {
    margin-bottom: 1em;
    padding-left: 1.33333em
}

    .module-school-links .res-link-item:last-child {
        margin-bottom: 0
    }

    .module-school-links .res-link-item:before {
        font-family: 'icon-webfont';
        float: left;
        margin-left: -1.33333em
    }

    .module-school-links .res-link-item.facebook:before {
        content: 'f'
    }

    .module-school-links .res-link-item.twitter:before {
        content: 't'
    }

    .module-school-links .res-link-item.open-day:before {
        content: '&'
    }

    .module-school-links .res-link-item.right-arrow:before {
        content: '"'
    }

.module-school-links .res-link {
    display: inline
}

.pagination {
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding: 0
}

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

    .pagination:after {
        clear: both
    }

    .pagination > li {
        float: left;
        margin-bottom: 0
    }

    .pagination li {
        min-width: 1em;
        text-align: center;
        padding-right: 2em
    }

.hidden {
    display: none
}

.article {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

    .article .responsive-module {
        background-color: white
    }

body.debug .article .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.article .responsive-module .res-article-body {
    padding-top: 0;
    padding-bottom: 1.5em;
    max-width: 600px;
    margin: 0 auto
}

    .article .responsive-module .res-article-body.event {
        max-width: 100%
    }

        .article .responsive-module .res-article-body.event p {
            max-width: 100%
        }

    .article .responsive-module .res-article-body h2:first-child {
        margin-top: 0
    }

.article .text-block-image-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-size: cover
}

.author-section .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: white
}

.author {
    max-width: 600px;
    margin: 0 auto 1.5em auto
}

    .author h2, .author p, .author time {
        display: block;
        line-height: 1.2em;
        margin: 0 0 3px 84px
    }

    .author img {
        position: relative;
        float: left;
        max-width: 68px
    }

    .author h2 {
        font-size: 1.2em
    }

    .author .school {
        display: none
    }

.event_subscription {
    clear: right;
    text-align: right;
    line-height: 1.1
}

    .event_subscription a {
        position: relative
    }

        .event_subscription a:before {
            font-family: 'icon-webfont';
            content: "&"
        }

        .event_subscription a:before {
            display: inline-block;
            font-size: 1em;
            font-weight: normal;
            width: 1.2em;
            height: 1.2em;
            line-height: 1.1em;
            text-align: center;
            margin-right: .3em
        }

        .event_subscription a span {
            display: block;
            font-size: .8em
        }

.subscribe {
    clear: right;
    float: right
}

.event-download {
    float: right;
    text-align: right;
    width: 100%;
    margin-bottom: .5em
}

    .event-download a {
        display: inline;
        font-size: 1em;
        white-space: nowrap;
        vertical-align: bottom;
        margin: 0;
        color: #08c;
        cursor: pointer
    }

        .event-download a:before {
            content: '&';
            font-family: 'icon-webfont';
            display: inline-block;
            width: 1.4em;
            font-size: 1.1em;
            text-align: center;
            vertical-align: bottom;
            text-decoration: none
        }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 1.875em;
    height: 0;
    overflow: hidden
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.static-home .grid-container {
    padding-top: 0
}

.static-home img {
    margin-bottom: 2em
}

.article-title-and-summary h1 {
    font-family: "neuzeit","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 48px;
    text-transform: none;
    line-height: 36px
}

.article-title-and-summary .grid-container {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: white
}

@media screen and (max-width:60em) {
    .article-title-and-summary h1 {
        font-size: 36px;
        line-height: 30px
    }
}

.page-courses .interest-areas {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.course-hero {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: 0;
    min-height: 540px
}

    .course-hero .facts-container {
        padding: 0 2em
    }

    .course-hero .course-highlights {
        margin-top: 1.5em;
        padding-bottom: 1.5em;
        color: #333;
        background-color: white;
        background-color: rgba(255,255,255,0.8)
    }

@media screen and (min-width:37.5em) {
    .course-hero .course-highlights {
        margin-bottom: 1.5em
    }
}

.course-hero .school-title {
    font-size: 1.5em;
    font-family: 'neuzeit-light';
    margin: 0;
    border: 0
}

.course-hero .hero-heading {
    color: #222;
    font-family: 'neuzeit',Arial,Helvetica,sans-serif;
    line-height: 1em;
    font-size: 2.25em
}

@media screen and (min-width:60em) {
    .course-hero .hero-heading {
        font-size: 3em
    }
}

.course-hero .hero-heading .course-title {
    text-transform: none
}

.course-hero .overview {
    font-size: 1.125em
}

    .course-hero .overview p {
        line-height: 1.25;
        max-width: 100%
    }

.course-hero .key-facts {
    background-color: white;
    background-color: rgba(255,255,255,0.8);
    padding: 1em;
    margin: 0 0 1.5em 0
}

    .course-hero .key-facts table {
        margin-top: 0;
        margin-bottom: 0
    }

    .course-hero .key-facts tbody:first-child tr:first-child td:first-child {
        margin-top: .5em
    }

    .course-hero .key-facts td {
        display: block
    }

        .course-hero .key-facts td:nth-child(odd) {
            font-family: 'neuzeit-regular';
            font-weight: normal;
            font-size: 1em;
            line-height: 1em;
            margin: 1.5em 0 .25em 0
        }

        .course-hero .key-facts td:nth-child(even) {
            font-family: 'neuzeit-bold';
            font-size: 1.5em;
            line-height: 1em;
            margin: 0
        }

    .course-hero .key-facts .cta-key-fact {
        margin: 0;
        padding: 0
    }

        .course-hero .key-facts .cta-key-fact a {
            border: 2px solid white;
            white-space: nowrap;
            border-radius: 8px;
            color: white;
            text-decoration: none;
            font-weight: bold;
            text-transform: uppercase;
            display: block;
            text-align: center;
            padding-top: 0;
            line-height: 1em;
            padding-bottom: 1em;
            margin-top: 1em;
            -webkit-transition: background-color .2s ease-in;
            transition: background-color .2s ease-in
        }

    .course-hero .key-facts .cta-key-fact--apply-via-ucas .ucas-icon {
        font-family: 'icon-webfont';
        font-size: 3.2em;
        text-transform: none;
        position: relative;
        font-weight: normal;
        top: .29em
    }

    .course-hero .key-facts .cta-key-fact--apply-via-ucas a {
        background-color: #e32438
    }

        .course-hero .key-facts .cta-key-fact--apply-via-ucas a:hover {
            color: #e32438;
            background-color: white;
            border-color: #e32438
        }

    .course-hero .key-facts .cta-key-fact--register-for-open-day {
        margin-top: -1em;
        margin-bottom: 1em
    }

        .course-hero .key-facts .cta-key-fact--register-for-open-day a {
            padding: 1em;
            background-color: #08c
        }

            .course-hero .key-facts .cta-key-fact--register-for-open-day a:hover {
                color: #08c;
                background-color: white;
                border-color: #08c
            }

.course-hero--alternative {
    background-color: white;
    padding: 1em 1em 1.5em
}

@media screen and (min-width:37.5em) {
    .course-hero--alternative {
        background-color: rgba(255,255,255,0.8)
    }
}

.course-hero--alternative .key-facts--alternative {
    margin: 2em 0 1em;
    padding: 0
}

    .course-hero--alternative .key-facts--alternative p {
        font-family: 'neuzeit-bold';
        font-size: 1.2em
    }

    .course-hero--alternative .key-facts--alternative table, .course-hero--alternative .key-facts--alternative td {
        border: 1px solid #b6b7b9
    }

    .course-hero--alternative .key-facts--alternative tr:nth-child(even) {
        background-color: #b6b7b9;
        background-color: rgba(182,183,185,0.4)
    }

    .course-hero--alternative .key-facts--alternative td {
        padding: 8px 6px
    }

        .course-hero--alternative .key-facts--alternative td:nth-child(even) {
            font-family: 'neuzeit-bold';
            width: 75%
        }

        .course-hero--alternative .key-facts--alternative td:nth-child(odd) {
            width: 35%
        }

.course-hero--alternative .cta-key-fact--alternative {
    margin-top: 1em;
    display: inline-block
}

    .course-hero--alternative .cta-key-fact--alternative a {
        border: 2px solid white;
        border-radius: 8px;
        color: white;
        font-size: .8em;
        font-weight: bold;
        line-height: 1em;
        margin-top: 1em;
        padding-bottom: 1em;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap;
        -webkit-transition: background-color .2s ease-in;
        transition: background-color .2s ease-in
    }

@media screen and (min-width:60em) {
    .course-hero--alternative .cta-key-fact--alternative {
        font-size: 1.25em
    }
}

.course-hero--alternative .cta-key-fact--alternative--register-for-open-day {
    margin-bottom: .6em;
    padding-top: .6em
}

    .course-hero--alternative .cta-key-fact--alternative--register-for-open-day a {
        background-color: #08c;
        padding: 1em
    }

        .course-hero--alternative .cta-key-fact--alternative--register-for-open-day a:hover {
            color: #08c;
            background-color: white;
            border-color: #08c
        }

.course-hero--alternative .cta-key-fact--alternative--apply-via-ucas {
    margin-bottom: .8em
}

    .course-hero--alternative .cta-key-fact--alternative--apply-via-ucas .ucas-icon {
        font-family: 'icon-webfont';
        font-size: 3em;
        text-transform: none;
        position: relative;
        font-weight: normal;
        top: .29em
    }

    .course-hero--alternative .cta-key-fact--alternative--apply-via-ucas a {
        background-color: #e32438;
        padding: 1em
    }

        .course-hero--alternative .cta-key-fact--alternative--apply-via-ucas a:hover {
            color: #e32438;
            background-color: white;
            border-color: #e32438
        }

.course-hero--alternative .course-hero--alternative__image {
    margin: 1.5em 0 .3em
}

@media screen and (min-width:37.5em) {
    .course-hero--alternative .course-hero--alternative__image {
        display: none
    }
}

.contact-details {
    margin: 0
}

.course-stage-heading {
    font-family: "neuzeit-bold","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #c1004a;
    border-bottom: 1px solid #000
}

.course-accordions .accordion.course-modules {
    margin-top: .75em
}

.course-accordions {
    padding: .75em 0;
    max-width: 60em;
    margin: 0 auto
}

.downloadable-files {
    list-style-type: none;
    padding: 0;
    margin: 0;
    list-style-type: disc;
    margin-left: 1.125em
}

.course-caption {
    overflow: hidden;
    color: black
}

    .course-caption .caption {
        float: left;
        width: 100%;
        padding: 0 2em 0 2em
    }

        .course-caption .caption p {
            max-width: 100% !important
        }

@media screen and (min-width:37.5em) {
    .course-caption .caption {
        width: 100%;
        padding: 0 .2em 0 .2em
    }

        .course-caption .caption p {
            max-width: 100%
        }
}

@media screen and (min-width:60em) {
    .course-caption .caption {
        width: 100%;
        padding: 0 .2em 0 .2em
    }

        .course-caption .caption p {
            max-width: 100%
        }
}

.research-groups .responsive-module {
    background-color: white;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

body.debug .research-groups .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.research-group-name-list {
    padding-bottom: 1.5em
}

    .research-group-name-list:before, .research-group-name-list:after {
        content: " ";
        display: table
    }

    .research-group-name-list:after {
        clear: both
    }

    .research-group-name-list ul, .research-group-name-list li {
        display: block;
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .research-group-name-list li {
        border-bottom: 1px solid #b6b7b9;
        padding: .5em
    }

        .research-group-name-list li:nth-child(odd) {
            background-color: #f3f3f3
        }

    .research-group-name-list a {
        line-height: 1.2;
        text-decoration: none;
        overflow: auto
    }

        .research-group-name-list a:hover strong, .research-group-name-list a:focus strong {
            text-decoration: underline
        }

        .research-group-name-list a strong {
            float: left;
            margin-right: 1em;
            white-space: nowrap
        }

        .research-group-name-list a span {
            clear: left;
            float: left;
            font-size: .85em;
            color: #888
        }

@media screen and (min-width:37.5em) {
    .research-group-name-list a span {
        clear: right;
        float: right;
        line-height: 1.5
    }
}

.bondi-blue-article {
    background-color: #5391ca;
    color: white
}

    .bondi-blue-article img.full-width {
        width: 100%
    }

.staff-profile .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

.staff-profile .grid-container {
    padding-bottom: 1em;
    background-color: white
}

.staff-profile .profile-container {
    background-color: white
}

    .staff-profile .profile-container ol, .staff-profile .profile-container ul {
        margin-bottom: 1em
    }

.staff-profile .key {
    font-size: 1em;
    float: right;
    padding: .25em .75em;
    background-color: #e0e0e0
}

.staff-profile ol {
    list-style-type: decimal
}

.staff-profile ul {
    list-style-type: disc
}

.staff-profile .contact-list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .staff-profile .contact-list li {
        margin: 0 0 1em 1.5em
    }

        .staff-profile .contact-list li[class]:before, .staff-profile .contact-list li a[class]:before {
            margin-left: -1.5em
        }

.staff-profile .publications .favourite {
    padding: .5em 1em;
    background-color: #e0e0e0
}

.staff-profile .publications span {
    padding: 0 .2em 0 0
}

.staff-profile .publications .journal .journal, .staff-profile .publications .italic {
    font-family: "neuzeit-italic","Helvetica Neue",Helvetica,Arial,sans-serif
}

.staff-profile .publications .publication_date:before {
    content: "("
}

.staff-profile .publications .publication_date:after {
    content: ")"
}

.staff-profile .publications .page_numbers:before {
    content: "pp "
}

.staff-profile .publications .editors:after {
    content: " (ed.) "
}

.staff-profile .research-group-list {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.staff-profile .table tr:first-child td, .staff-profile .table tr:first-child th {
    border-top: 0
}

.staff-profile div.publication_group {
    margin-bottom: 2em
}

.staff-profile span.group_name {
    font-family: "neuzeit-bold","Helvetica Neue",Helvetica,Arial,sans-serif
}

.staff-profile span.subgroup_name {
    font-family: "neuzeit-bold","Helvetica Neue",Helvetica,Arial,sans-serif
}

.staff-profile div.publication, .staff-profile div.publication_subgroup {
    margin-bottom: 1em
}

.staff-profile .chapter .book_title, .staff-profile .name_of_conference, .staff-profile .book .title, .staff-profile .report .title, .staff-profile .software .title, .staff-profile .other .title {
    font-family: "neuzeit-italic","Helvetica Neue",Helvetica,Arial,sans-serif
}

.staff-profile .profile-tab-control {
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-left: .5em
}

    .staff-profile .profile-tab-control li {
        display: table-cell
    }

        .staff-profile .profile-tab-control li label {
            font-size: 1.125em;
            line-height: 1;
            padding: .75em 1em;
            margin: 0;
            color: #08c;
            background-color: #e0e0e0;
            cursor: pointer;
            -webkit-transition: none;
            transition: none
        }

            .staff-profile .profile-tab-control li label:hover, .staff-profile .profile-tab-control li label:focus {
                background-color: #cdcdcd
            }

.staff-profile .profile-tab {
    border-bottom: 1px solid #f3f3f3
}

    .staff-profile .profile-tab h2 {
        font-size: 1.5em;
        line-height: 2;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #f3f3f3
    }

        .staff-profile .profile-tab h2 label {
            padding: 0;
            margin: 0
        }

            .staff-profile .profile-tab h2 label:before {
                font-family: 'icon-webfont';
                content: "O";
                display: inline-block;
                width: 1.3em;
                text-align: center
            }

    .staff-profile .profile-tab .profile-content {
        padding: 1em 2em
    }

        .staff-profile .profile-tab .profile-content :first-child {
            margin-top: 0
        }

        .staff-profile .profile-tab .profile-content h3 {
            font-size: 1.2em
        }

        .staff-profile .profile-tab .profile-content p {
            max-width: 100%
        }

.staff-profile input {
    position: absolute;
    margin-left: -9999px
}

    .staff-profile input ~ .profile-tabs .profile-tab {
        height: auto;
        overflow: hidden
    }

    .staff-profile input#biography:not(:checked) ~ .profile-tabs .biography, .staff-profile input#teaching:not(:checked) ~ .profile-tabs .teaching, .staff-profile input#research:not(:checked) ~ .profile-tabs .research, .staff-profile input#publications:not(:checked) ~ .profile-tabs .publications, .staff-profile input#personal:not(:checked) ~ .profile-tabs .personal {
        height: 3.2em
    }

        .staff-profile input#biography:not(:checked) ~ .profile-tabs .biography label, .staff-profile input#teaching:not(:checked) ~ .profile-tabs .teaching label, .staff-profile input#research:not(:checked) ~ .profile-tabs .research label, .staff-profile input#publications:not(:checked) ~ .profile-tabs .publications label, .staff-profile input#personal:not(:checked) ~ .profile-tabs .personal label {
            cursor: pointer
        }

            .staff-profile input#biography:not(:checked) ~ .profile-tabs .biography label:before, .staff-profile input#teaching:not(:checked) ~ .profile-tabs .teaching label:before, .staff-profile input#research:not(:checked) ~ .profile-tabs .research label:before, .staff-profile input#publications:not(:checked) ~ .profile-tabs .publications label:before, .staff-profile input#personal:not(:checked) ~ .profile-tabs .personal label:before {
                content: "+"
            }

    .staff-profile input#biography:checked ~ .profile-tab-control label[for="biography"], .staff-profile input#teaching:checked ~ .profile-tab-control label[for="teaching"], .staff-profile input#research:checked ~ .profile-tab-control label[for="research"], .staff-profile input#publications:checked ~ .profile-tab-control label[for="publications"], .staff-profile input#personal:checked ~ .profile-tab-control label[for="personal"] {
        background-color: white
    }

.staff-profile.tabcount1 input:empty ~ .profile-tabs .profile-tab h2 {
    display: block
}

    .staff-profile.tabcount1 input:empty ~ .profile-tabs .profile-tab h2 label {
        cursor: default
    }

        .staff-profile.tabcount1 input:empty ~ .profile-tabs .profile-tab h2 label:before {
            content: " "
        }

@media screen and (min-width:37.5em) {
    .staff-profile input:empty ~ .profile-tab-control {
        display: table
    }

    .staff-profile input:empty ~ .profile-tabs .profile-tab {
        display: block;
        height: auto;
        overflow: visible;
        border-bottom: 0 none
    }

        .staff-profile input:empty ~ .profile-tabs .profile-tab h2 {
            display: none
        }

    .staff-profile input#biography:not(:checked) ~ .profile-tabs .biography, .staff-profile input#teaching:not(:checked) ~ .profile-tabs .teaching, .staff-profile input#research:not(:checked) ~ .profile-tabs .research, .staff-profile input#publications:not(:checked) ~ .profile-tabs .publications, .staff-profile input#personal:not(:checked) ~ .profile-tabs .personal {
        display: none
    }
}

@media screen and (min-width:60em) {
    .staff-profile .profile-tab-control li label {
        padding-left: 2em;
        padding-right: 2em
    }
}

.staff-members .responsive-module {
    background-color: white;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

body.debug .staff-members .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.staff-lastname-list {
    padding-bottom: 1.5em
}

    .staff-lastname-list:before, .staff-lastname-list:after {
        content: " ";
        display: table
    }

    .staff-lastname-list:after {
        clear: both
    }

    .staff-lastname-list ul, .staff-lastname-list li {
        display: block;
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .staff-lastname-list li {
        border-bottom: 1px solid #b6b7b9
    }

        .staff-lastname-list li:nth-child(odd) {
            background-color: #f3f3f3
        }

    .staff-lastname-list a {
        display: block;
        line-height: 1.2;
        padding: .5em;
        text-decoration: none;
        overflow: auto
    }

        .staff-lastname-list a:hover strong, .staff-lastname-list a:focus strong {
            text-decoration: underline
        }

        .staff-lastname-list a strong {
            float: left;
            margin-right: 1em;
            white-space: nowrap
        }

        .staff-lastname-list a span {
            clear: left;
            float: left;
            font-size: .85em;
            color: #888
        }

@media screen and (min-width:37.5em) {
    .staff-lastname-list a span {
        clear: right;
        float: right;
        line-height: 1.5
    }
}

.responsive-module h2.experts {
    padding-left: 1em
}

.responsive-module div.experts {
    padding-left: 2em
}

.experts-directory {
    margin-bottom: 4em
}

.no-experts {
    margin: 1em 4em
}

.staff-expert-list {
    padding-bottom: 1.5em
}

    .staff-expert-list:before, .staff-expert-list:after {
        content: " ";
        display: table
    }

    .staff-expert-list:after {
        clear: both
    }

    .staff-expert-list .phone:before {
        font-family: 'icon-webfont';
        content: '0';
        margin-left: -1em;
        padding-right: .5em
    }

    .staff-expert-list .email:before {
        font-family: 'icon-webfont';
        content: '/';
        margin-left: -1.5em
    }

    .staff-expert-list .school:before {
        font-family: 'icon-webfont';
        content: '(';
        margin-left: -1em;
        padding-right: .4em
    }

    .staff-expert-list div {
        padding-left: 2em
    }

    .staff-expert-list img {
        width: 6em;
        margin-bottom: 1em
    }

    .staff-expert-list ul {
        padding-left: 2em
    }

    .staff-expert-list ul, .staff-expert-list li {
        display: block;
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .staff-expert-list li {
        padding-top: 1em;
        border-bottom: 1px solid #b6b7b9
    }

        .staff-expert-list li ul {
            margin: 1em 0
        }

            .staff-expert-list li ul li {
                padding-top: 0;
                padding-left: 2em;
                border-bottom: 0
            }

@media screen and (min-width:37.5em) {
    .staff-expert-list a span {
        clear: right;
        float: right;
        line-height: 1.5
    }
}

.search-container .responsive-module {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd;
    background-color: #f3f3f3;
    position: relative
}

body.debug .search-container .responsive-module {
    background-color: rgba(243,243,243,0.8)
}

.search-container .responsive-module:before, .search-container .responsive-module:after {
    content: " ";
    display: table
}

.search-container .responsive-module:after {
    clear: both
}

.search-form {
    background-color: #f3f3f3;
    position: relative;
    padding-bottom: 1.5em
}

body.debug .search-form {
    background-color: rgba(243,243,243,0.8)
}

.search-form:before, .search-form:after {
    content: " ";
    display: table
}

.search-form:after {
    clear: both
}

@media screen and (min-width:37.5em) {
    .search-form #findcourse {
        padding: 0 1em 3.5em 0
    }

    .search-form #browsecourse {
        padding: 0 0 3.5em 1em
    }

    .search-form .search-button {
        position: absolute;
        bottom: .5em
    }
}

.search-results-section .responsive-module {
    background-color: white;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em;
    border-top: 6px solid #cdcdcd
}

body.debug .search-results-section .responsive-module {
    background-color: rgba(255,255,255,0.8)
}

.search-results-section .search-pages-found {
    padding: .5em;
    background-color: #eaeaea
}

.search-results-section #globalfilters {
    position: absolute;
    margin-left: -9999px
}

.search-results-section .global-filters {
    position: static;
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .search-results-section .global-filters li {
        float: none;
        display: inline-block;
        min-width: 3em;
        padding: 0;
        margin: 0 0 3px 0
    }

        .search-results-section .global-filters li.gap {
            min-width: 1.5em
        }

    .search-results-section .global-filters label, .search-results-section .global-filters a {
        display: block;
        font-weight: normal;
        text-decoration: none;
        padding: .5em 1em;
        margin: 0;
        color: white;
        background-color: #b6b7b9;
        cursor: pointer
    }

        .search-results-section .global-filters a:hover, .search-results-section .global-filters a:focus, .search-results-section .global-filters a:active {
            background-color: #888
        }

    .search-results-section .global-filters label, .search-results-section .global-filters .current a {
        background-color: #5391ca
    }

@media screen and (max-width:37.5em) {
    .search-results-section #globalfilters:empty ~ .global-filters li {
        display: block;
        margin: 0 0 1px 0
    }

    .search-results-section #globalfilters:empty ~ .global-filters label {
        background: #5391ca url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA8BAMAAADml+XTAAAAGFBMVEWox+Xs8/lblM6Mtd3J2+9toNP///9Tj8z+Q0+kAAAAS0lEQVQ4y2MoxwIYRgVHBdEFS9KAIAVNsBQkmIqu3Q0o6I4uGAYUDEcXLEhLS8CwvUgsTQjTSWxp7JiCiolYHF+cjM1H7KOxOcIFAdSpKTPVZfIoAAAAAElFTkSuQmCC) 100% 50% no-repeat
    }

    .search-results-section #globalfilters:empty ~ .global-filters a {
        display: none
    }

    .search-results-section #globalfilters:empty:checked ~ .global-filters a {
        display: block
    }
}

.search-results-section h3 {
    font-size: 1.5em;
    line-height: 1em;
    margin: 1em 0 0 0
}

.search-results-section p {
    line-height: 1.125em;
    margin-bottom: 0;
    color: #888
}

.search-results-section a.search-link {
    display: block;
    line-height: 1.1em;
    color: #383;
    overflow: hidden;
    text-overflow: ellipsis
}

.search-results-section .search-results, .search-results-section .course-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 1.5em
}

.search-results-section .course-link {
    color: #383;
    display: inline;
    word-wrap: break-word
}

.pagination {
    position: static;
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin: 3em 0 0 0
}

    .pagination li {
        float: none;
        display: inline-block;
        min-width: 3em;
        padding: 0;
        margin: 0 0 3px 0
    }

        .pagination li.gap {
            min-width: 1.5em
        }

    .pagination label, .pagination a {
        display: block;
        font-weight: normal;
        text-decoration: none;
        padding: .5em 1em;
        margin: 0;
        color: white;
        background-color: #b6b7b9;
        cursor: pointer
    }

        .pagination a:hover, .pagination a:focus, .pagination a:active {
            background-color: #888
        }

    .pagination label, .pagination .current a {
        background-color: #5391ca
    }

.tag-page-list, .news-article-list, .events-article-list, .section-article-list {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: .75em
}

    .tag-page-list .responsive-module, .news-article-list .responsive-module, .events-article-list .responsive-module, .section-article-list .responsive-module {
        border-top: 6px solid #cdcdcd;
        border-top: 0 none
    }

        .tag-page-list .responsive-module h1, .news-article-list .responsive-module h1, .events-article-list .responsive-module h1, .section-article-list .responsive-module h1 {
            margin: 0 0 1em 0
        }

    .tag-page-list .calendar:before, .tag-page-list .calendar:after, .news-article-list .calendar:before, .news-article-list .calendar:after, .events-article-list .calendar:before, .events-article-list .calendar:after, .section-article-list .calendar:before, .section-article-list .calendar:after {
        content: " ";
        display: table
    }

    .tag-page-list .calendar:after, .news-article-list .calendar:after, .events-article-list .calendar:after, .section-article-list .calendar:after {
        clear: both
    }

@media screen and (min-width:37.5em) {
    .tag-page-list .calendar, .news-article-list .calendar, .events-article-list .calendar, .section-article-list .calendar {
        float: right
    }
}

.tag-page-list .pagination, .news-article-list .pagination, .events-article-list .pagination, .section-article-list .pagination {
    margin: 0 2em
}

.tag-page-list .page-list, .tag-page-list .page-list-section, .news-article-list .page-list, .news-article-list .page-list-section, .events-article-list .page-list, .events-article-list .page-list-section, .section-article-list .page-list, .section-article-list .page-list-section {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    padding: 0 .5em 2em 2em
}

    .tag-page-list .page-list li, .tag-page-list .page-list-section li, .news-article-list .page-list li, .news-article-list .page-list-section li, .events-article-list .page-list li, .events-article-list .page-list-section li, .section-article-list .page-list li, .section-article-list .page-list-section li {
        display: inline-block;
        width: 100%;
        vertical-align: top;
        padding: 0 1.5em 1.5em 0;
        margin: 0 -4px 0 0
    }

        .tag-page-list .page-list li a, .tag-page-list .page-list-section li a, .news-article-list .page-list li a, .news-article-list .page-list-section li a, .events-article-list .page-list li a, .events-article-list .page-list-section li a, .section-article-list .page-list li a, .section-article-list .page-list-section li a {
            position: relative;
            display: block;
            text-decoration: none;
            padding: 6px;
            color: gray;
            background-color: white;
            border: 1px solid #cdcdcd;
            -webkit-transition: all .25s linear;
            transition: all .25s linear
        }

            .tag-page-list .page-list li a h2, .tag-page-list .page-list-section li a h2, .news-article-list .page-list li a h2, .news-article-list .page-list-section li a h2, .events-article-list .page-list li a h2, .events-article-list .page-list-section li a h2, .section-article-list .page-list li a h2, .section-article-list .page-list-section li a h2 {
                font-family: "neuzeit-bold","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 1.25em;
                padding: .25em 0;
                margin: 0
            }

            .tag-page-list .page-list li a p, .tag-page-list .page-list li a time, .tag-page-list .page-list-section li a p, .tag-page-list .page-list-section li a time, .news-article-list .page-list li a p, .news-article-list .page-list li a time, .news-article-list .page-list-section li a p, .news-article-list .page-list-section li a time, .events-article-list .page-list li a p, .events-article-list .page-list li a time, .events-article-list .page-list-section li a p, .events-article-list .page-list-section li a time, .section-article-list .page-list li a p, .section-article-list .page-list li a time, .section-article-list .page-list-section li a p, .section-article-list .page-list-section li a time {
                padding: 0 0 .25em 0;
                margin: 0
            }

                .tag-page-list .page-list li a p.event-dates, .tag-page-list .page-list-section li a p.event-dates, .news-article-list .page-list li a p.event-dates, .news-article-list .page-list-section li a p.event-dates, .events-article-list .page-list li a p.event-dates, .events-article-list .page-list-section li a p.event-dates, .section-article-list .page-list li a p.event-dates, .section-article-list .page-list-section li a p.event-dates {
                    position: absolute;
                    top: 12px;
                    right: 12px;
                    margin: 0;
                    opacity: .6;
                    -webkit-transition: all .25s linear;
                    transition: all .25s linear
                }

                .tag-page-list .page-list li a p.time, .tag-page-list .page-list li a time, .tag-page-list .page-list-section li a p.time, .tag-page-list .page-list-section li a time, .news-article-list .page-list li a p.time, .news-article-list .page-list li a time, .news-article-list .page-list-section li a p.time, .news-article-list .page-list-section li a time, .events-article-list .page-list li a p.time, .events-article-list .page-list li a time, .events-article-list .page-list-section li a p.time, .events-article-list .page-list-section li a time, .section-article-list .page-list li a p.time, .section-article-list .page-list li a time, .section-article-list .page-list-section li a p.time, .section-article-list .page-list-section li a time {
                    display: block;
                    font-size: .75em;
                    text-align: right
                }

                    .tag-page-list .page-list li a time.calendar-page, .tag-page-list .page-list-section li a time.calendar-page, .news-article-list .page-list li a time.calendar-page, .news-article-list .page-list-section li a time.calendar-page, .events-article-list .page-list li a time.calendar-page, .events-article-list .page-list-section li a time.calendar-page, .section-article-list .page-list li a time.calendar-page, .section-article-list .page-list-section li a time.calendar-page {
                        display: inline-block;
                        padding: 0;
                        text-align: center
                    }

                        .tag-page-list .page-list li a time.calendar-page.end, .tag-page-list .page-list-section li a time.calendar-page.end, .news-article-list .page-list li a time.calendar-page.end, .news-article-list .page-list-section li a time.calendar-page.end, .events-article-list .page-list li a time.calendar-page.end, .events-article-list .page-list-section li a time.calendar-page.end, .section-article-list .page-list li a time.calendar-page.end, .section-article-list .page-list-section li a time.calendar-page.end {
                            margin-left: 1.8em
                        }

            .tag-page-list .page-list li a:hover, .tag-page-list .page-list li a:focus, .tag-page-list .page-list-section li a:hover, .tag-page-list .page-list-section li a:focus, .news-article-list .page-list li a:hover, .news-article-list .page-list li a:focus, .news-article-list .page-list-section li a:hover, .news-article-list .page-list-section li a:focus, .events-article-list .page-list li a:hover, .events-article-list .page-list li a:focus, .events-article-list .page-list-section li a:hover, .events-article-list .page-list-section li a:focus, .section-article-list .page-list li a:hover, .section-article-list .page-list li a:focus, .section-article-list .page-list-section li a:hover, .section-article-list .page-list-section li a:focus {
                color: #333
            }

                .tag-page-list .page-list li a:hover p.event-dates, .tag-page-list .page-list li a:focus p.event-dates, .tag-page-list .page-list-section li a:hover p.event-dates, .tag-page-list .page-list-section li a:focus p.event-dates, .news-article-list .page-list li a:hover p.event-dates, .news-article-list .page-list li a:focus p.event-dates, .news-article-list .page-list-section li a:hover p.event-dates, .news-article-list .page-list-section li a:focus p.event-dates, .events-article-list .page-list li a:hover p.event-dates, .events-article-list .page-list li a:focus p.event-dates, .events-article-list .page-list-section li a:hover p.event-dates, .events-article-list .page-list-section li a:focus p.event-dates, .section-article-list .page-list li a:hover p.event-dates, .section-article-list .page-list li a:focus p.event-dates, .section-article-list .page-list-section li a:hover p.event-dates, .section-article-list .page-list-section li a:focus p.event-dates {
                    opacity: 1
                }

@media screen and (min-width:26.25em) {
    .tag-page-list .page-list li, .tag-page-list .page-list-section li, .news-article-list .page-list li, .news-article-list .page-list-section li, .events-article-list .page-list li, .events-article-list .page-list-section li, .section-article-list .page-list li, .section-article-list .page-list-section li {
        width: 50%
    }
}

@media screen and (min-width:37.5em) {
    .tag-page-list .page-list li, .tag-page-list .page-list-section li, .news-article-list .page-list li, .news-article-list .page-list-section li, .events-article-list .page-list li, .events-article-list .page-list-section li, .section-article-list .page-list li, .section-article-list .page-list-section li {
        width: 33.333%
    }
}

@media screen and (min-width:60em) {
    .tag-page-list .page-list li, .tag-page-list .page-list-section li, .news-article-list .page-list li, .news-article-list .page-list-section li, .events-article-list .page-list li, .events-article-list .page-list-section li, .section-article-list .page-list li, .section-article-list .page-list-section li {
        width: 25%
    }
}

@media screen and (min-width:26.25em) {
    .events-article-list .page-list-section li {
        width: 100%
    }
}

@media screen and (min-width:37.5em) {
    .events-article-list .page-list-section li {
        width: 100%
    }
}

@media screen and (min-width:60em) {
    .events-article-list .page-list-section li {
        width: 50%
    }
}

.errorimage {
    position: relative;
    height: 0;
    padding: 80% 0 0 0
}

@media screen and (min-width:37.5em) {
    .errorimage {
        padding-top: 40%
    }
}

.errorimage svg {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.errorimage #connect, .errorimage #error404 {
    display: none
}

.errorimage #spin {
    display: block;
    fill: #717073;
    -webkit-animation: error-spinner 3s linear infinite;
    animation: error-spinner 3s linear infinite
}

.errorimage.error404 #spin {
    display: none
}

.errorimage.error404 #error404 {
    display: block;
    fill: #5391ca;
    -webkit-animation: error-colour 60s linear infinite;
    animation: error-colour 60s linear infinite
}

.errorimage.break #spin {
    display: none
}

.errorimage.break #connect {
    display: block;
    fill: #0194d3
}

@-webkit-keyframes error-spinner {
    from {
        fill: #717073
    }

    50% {
        fill: #0194d3
    }

    to {
        fill: #717073
    }
}

@keyframes error-spinner {
    from {
        fill: #717073
    }

    50% {
        fill: #0194d3
    }

    to {
        fill: #717073
    }
}

@-webkit-keyframes error-colour {
    from {
        fill: #5391ca
    }

    10% {
        fill: #7b77a5
    }

    20% {
        fill: #a80075
    }

    30% {
        fill: #c74a8d
    }

    40% {
        fill: #c1004a
    }

    50% {
        fill: #e09e33
    }

    60% {
        fill: #f3d213
    }

    70% {
        fill: #b4c960
    }

    80% {
        fill: #9fcac5
    }

    90% {
        fill: #7fbfd7
    }

    to {
        fill: #5391ca
    }
}

@keyframes error-colour {
    from {
        fill: #5391ca
    }

    10% {
        fill: #7b77a5
    }

    20% {
        fill: #a80075
    }

    30% {
        fill: #c74a8d
    }

    40% {
        fill: #c1004a
    }

    50% {
        fill: #e09e33
    }

    60% {
        fill: #f3d213
    }

    70% {
        fill: #b4c960
    }

    80% {
        fill: #9fcac5
    }

    90% {
        fill: #7fbfd7
    }

    to {
        fill: #5391ca
    }
}

.extra-curricular-activity-pages .globe, .extra-curricular-activity-pages .participate-icon, .extra-curricular-activity-pages .record-icon, .extra-curricular-activity-pages .lightbulb, .extra-curricular-activity-pages .chart, .extra-curricular-activity-pages .individual, .extra-curricular-activity-pages .cost-icon, .extra-curricular-activity-pages .course-icon, .extra-curricular-activity-pages .time, .extra-curricular-activity-pages .email {
    color: #9fcac5
}

.extra-curricular-activity-pages .neuzeit {
    font-family: 'neuzeit',Arial,Helvetica,sans-serif;
    font-size: 36px;
    line-height: 28px
}

.extra-curricular-activity-pages * {
    margin: 0 auto
}

    .extra-curricular-activity-pages * + * {
        margin-top: 10px
    }

.extra-curricular-activity-pages html, .extra-curricular-activity-pages body {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    margin: 0
}

.extra-curricular-activity-pages body {
    font-family: sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    background-color: #fafafa
}

.extra-curricular-activity-pages h1 {
    font-size: 32px;
    line-height: 40px;
    font-weight: normal
}

    .extra-curricular-activity-pages h1 a {
        color: #fff;
        font-weight: normal
    }

.extra-curricular-activity-pages h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: normal
}

.extra-curricular-activity-pages a {
    color: #08c;
    font-weight: bold
}

.extra-curricular-activity-pages img {
    border: 0;
    text-decoration: none;
    vertical-align: top;
    width: 100%;
    background: url(/assets/Plymouth Extra hero shallow-dec8e60aebb0973c6724d71ed33a2d68.png)
}

.extra-curricular-activity-pages .container {
    max-width: 960px;
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

.extra-curricular-activity-pages .herotext {
    margin: 0;
    background: rgba(0,0,0,0.6);
    padding: 20px;
    position: absolute;
    top: 0;
    color: #fff
}

.extra-curricular-activity-pages .fullw {
    overflow: hidden;
    padding: 0;
    margin: 0
}

    .extra-curricular-activity-pages .fullw img {
        max-width: 960px
    }

.extra-curricular-activity-pages .borderbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 20px
}

.extra-curricular-activity-pages .heroicon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: 'icon',sans-serif;
    font-size: 80px;
    font-weight: normal;
    line-height: 50px;
    color: #fff;
    margin: 0
}

.extra-curricular-activity-pages .theme01 {
    background-color: #9fcac5
}

.extra-curricular-activity-pages .forty {
    width: 40%;
    float: left
}

.extra-curricular-activity-pages .fifty {
    width: 50%;
    float: left
}

.extra-curricular-activity-pages .sixty {
    width: 60%;
    float: left
}

.extra-curricular-activity-pages .back-button {
    padding: 10px;
    background-color: #08c;
    box-shadow: 2px 2px 2px #ccc;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    float: left;
    margin: 0 20px 10px 0
}

@media(max-width:800px) {
    .extra-curricular-activity-pages .container {
        width: auto
    }

    .extra-curricular-activity-pages .forty, .extra-curricular-activity-pages .fifty, .extra-curricular-activity-pages .sixty {
        width: 100%
    }

    .extra-curricular-activity-pages .herotext {
        position: inherit;
        background-color: #666
    }
}

.activities table, .activities td {
    border: 1px solid #b6b7b9;
    margin-bottom: 1em
}

.activities tr:nth-child(even) {
    background-color: #b6b7b9;
    background-color: rgba(182,183,185,0.4)
}

.activities td {
    padding: 8px 6px
}

    .activities td:nth-child(even) {
        font-family: 'neuzeit-bold';
        width: 25%
    }

    .activities td:nth-child(odd) {
        width: 50%
    }

.activities label {
    display: block;
    width: 300px;
    float: left
}

.activities .browse-button {
    float: left;
    clear: left;
    margin-top: 15px
}

.activities .browse-all-button {
    float: right;
    clear: right;
    margin-top: 15px
}
/*
.bondi-blue .header-main .home img {
    background-color: #5391ca
}

.home img {
    background-color: #f3f3f3!important;
}*/
body .header-main a, body .header-main label, .bondi-blue .header-main a, .bondi-blue .header-main label {
    color: #5391ca
}

    body .header-main a:hover, body .header-main a:focus, body .header-main label:hover, body .header-main label:focus, .bondi-blue .header-main a:hover, .bondi-blue .header-main a:focus, .bondi-blue .header-main label:hover, .bondi-blue .header-main label:focus {
        color: #1b5283
    }

body button.search-button, body button.search-button span:after, .bondi-blue button.search-button, .bondi-blue button.search-button span:after {
    background-color: #5391ca;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

    body button.search-button:hover, body button.search-button:focus, .bondi-blue button.search-button:hover, .bondi-blue button.search-button:focus {
        background-color: #80b5e4
    }

        body button.search-button:hover span:after, body button.search-button:focus span:after, .bondi-blue button.search-button:hover span:after, .bondi-blue button.search-button:focus span:after {
            background-color: #80b5e4
        }

body nav.main-navigation a:hover, body nav.main-navigation a:focus, body nav.main-navigation a:active, .bondi-blue nav.main-navigation a:hover, .bondi-blue nav.main-navigation a:focus, .bondi-blue nav.main-navigation a:active {
    color: #80b5e4
}

body .article.hero .responsive-module article, body .article.hero .responsive-module div, body .school.hero .responsive-module article, body .school.hero .responsive-module div, body .course-hero .responsive-module article, body .course-hero .responsive-module div, .bondi-blue .article.hero .responsive-module article, .bondi-blue .article.hero .responsive-module div, .bondi-blue .school.hero .responsive-module article, .bondi-blue .school.hero .responsive-module div, .bondi-blue .course-hero .responsive-module article, .bondi-blue .course-hero .responsive-module div {
    position: relative
}

body .course-stage-heading, .bondi-blue .course-stage-heading {
    color: #5391ca
}

body .call-to-actions .call-to-action, .bondi-blue .call-to-actions .call-to-action {
    color: white;
    background-color: #5391ca
}

    body .call-to-actions .call-to-action:hover, body .call-to-actions .call-to-action:focus, body .call-to-actions .call-to-action:active, body .call-to-actions .call-to-action.is-active, .bondi-blue .call-to-actions .call-to-action:hover, .bondi-blue .call-to-actions .call-to-action:focus, .bondi-blue .call-to-actions .call-to-action:active, .bondi-blue .call-to-actions .call-to-action.is-active {
        background-color: #80b5e4
    }

body.landing .call-to-actions .call-to-action, .bondi-blue.landing .call-to-actions .call-to-action {
    color: #5391ca;
    background-color: white
}

    body.landing .call-to-actions .call-to-action .cta-text, .bondi-blue.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    body.landing .call-to-actions .call-to-action:hover, body.landing .call-to-actions .call-to-action:focus, body.landing .call-to-actions .call-to-action:active, body.landing .call-to-actions .call-to-action.is-active, .bondi-blue.landing .call-to-actions .call-to-action:hover, .bondi-blue.landing .call-to-actions .call-to-action:focus, .bondi-blue.landing .call-to-actions .call-to-action:active, .bondi-blue.landing .call-to-actions .call-to-action.is-active {
        color: #1b5283;
        background-color: white
    }

        body.landing .call-to-actions .call-to-action:hover .cta-text, body.landing .call-to-actions .call-to-action:focus .cta-text, body.landing .call-to-actions .call-to-action:active .cta-text, body.landing .call-to-actions .call-to-action.is-active .cta-text, .bondi-blue.landing .call-to-actions .call-to-action:hover .cta-text, .bondi-blue.landing .call-to-actions .call-to-action:focus .cta-text, .bondi-blue.landing .call-to-actions .call-to-action:active .cta-text, .bondi-blue.landing .call-to-actions .call-to-action.is-active .cta-text {
            color: #005580
        }

body .calendar-page, .bondi-blue .calendar-page {
    color: #5391ca;
    border-color: #5391ca
}

    body .calendar-page.end:before, body .calendar-page .day, body .calendar-page .time, .bondi-blue .calendar-page.end:before, .bondi-blue .calendar-page .day, .bondi-blue .calendar-page .time {
        color: #5391ca
    }

    body .calendar-page .month, .bondi-blue .calendar-page .month {
        background-color: #5391ca
    }

body .calendar a, .bondi-blue .calendar a {
    color: #5391ca
}

    body .calendar a:hover, body .calendar a:focus, .bondi-blue .calendar a:hover, .bondi-blue .calendar a:focus {
        color: #1b5283
    }

body .calendar td a:hover, body .calendar td a:focus, .bondi-blue .calendar td a:hover, .bondi-blue .calendar td a:focus {
    color: white;
    background-color: #5391ca
}

body a.current-events, .bondi-blue a.current-events {
    color: white;
    background-color: #5391ca
}

    body a.current-events:focus, body a.current-events:hover, body a.current-events:active, .bondi-blue a.current-events:focus, .bondi-blue a.current-events:hover, .bondi-blue a.current-events:active {
        color: white;
        background-color: #80b5e4
    }

body.landing .call-to-actions .responsive-module, body .app .responsive-module, .bondi-blue.landing .call-to-actions .responsive-module, .bondi-blue .app .responsive-module {
    border-color: #5391ca
}

body .highlighted, .bondi-blue .highlighted {
    color: white;
    background-color: #5391ca
}

    body .highlighted a, body .highlighted a:hover, body .highlighted a:focus, .bondi-blue .highlighted a, .bondi-blue .highlighted a:hover, .bondi-blue .highlighted a:focus {
        color: white
    }

body .responsive-module.light, body .light, body .light a, .bondi-blue .responsive-module.light, .bondi-blue .light, .bondi-blue .light a {
    color: white;
    background-color: #80b5e4
}

    body .responsive-module.light a:hover, body .light a:hover, body .light a a:hover, .bondi-blue .responsive-module.light a:hover, .bondi-blue .light a:hover, .bondi-blue .light a a:hover {
        color: white
    }

body .responsive-module.medium, body .medium, body .medium a, .bondi-blue .responsive-module.medium, .bondi-blue .medium, .bondi-blue .medium a {
    color: white;
    background-color: #5391ca
}

    body .responsive-module.medium a:hover, body .medium a:hover, body .medium a a:hover, .bondi-blue .responsive-module.medium a:hover, .bondi-blue .medium a:hover, .bondi-blue .medium a a:hover {
        color: white
    }

body .responsive-module.dark, body .dark, body .dark a, .bondi-blue .responsive-module.dark, .bondi-blue .dark, .bondi-blue .dark a {
    background-color: #1b5283;
    color: white
}

    body .responsive-module.dark a:hover, body .dark a:hover, body .dark a a:hover, .bondi-blue .responsive-module.dark a:hover, .bondi-blue .dark a:hover, .bondi-blue .dark a a:hover {
        color: #d9d9d9
    }

body .small-colour-none .metadata, .bondi-blue .small-colour-none .metadata {
    color: #333;
    background-color: #f3f3f3
}

body .small-colour-light .metadata, .bondi-blue .small-colour-light .metadata {
    color: white;
    background-color: #80b5e4
}

body .small-colour-medium .metadata, .bondi-blue .small-colour-medium .metadata {
    color: white;
    background-color: #5391ca
}

body .small-colour-dark .metadata, .bondi-blue .small-colour-dark .metadata {
    color: white;
    background-color: #1b5283
}

@media screen and (min-width:37.5em) {
    body .medium-colour-none .metadata, .bondi-blue .medium-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    body .medium-colour-light .metadata, .bondi-blue .medium-colour-light .metadata {
        color: white;
        background-color: #80b5e4;
        background: rgba(128,181,228,0.7)
    }

    body .medium-colour-medium .metadata, .bondi-blue .medium-colour-medium .metadata {
        color: white;
        background-color: #5391ca;
        background: rgba(83,145,202,0.7)
    }

    body .medium-colour-dark .metadata, .bondi-blue .medium-colour-dark .metadata {
        color: white;
        background-color: #1b5283;
        background: rgba(27,82,131,0.7)
    }
}

@media screen and (min-width:60em) {
    body .large-colour-none .metadata, .bondi-blue .large-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    body .large-colour-light .metadata, .bondi-blue .large-colour-light .metadata {
        color: white;
        background-color: #80b5e4;
        background: rgba(128,181,228,0.7)
    }

    body .large-colour-medium .metadata, .bondi-blue .large-colour-medium .metadata {
        color: white;
        background-color: #5391ca;
        background: rgba(83,145,202,0.7)
    }

    body .large-colour-dark .metadata, .bondi-blue .large-colour-dark .metadata {
        color: white;
        background-color: #1b5283;
        background: rgba(27,82,131,0.7)
    }
}

body .faqs li a, .bondi-blue .faqs li a {
    background-color: #1b5283
}

    body .faqs li a:hover, body .faqs li a:focus, body .faqs li a:active, body .faqs li a.is-active, .bondi-blue .faqs li a:hover, .bondi-blue .faqs li a:focus, .bondi-blue .faqs li a:active, .bondi-blue .faqs li a.is-active {
        background-color: #287ac2
    }

body .call-outs li .call-out-without-link, .bondi-blue .call-outs li .call-out-without-link {
    background-color: #1b5283
}

body .call-outs li a, .bondi-blue .call-outs li a {
    background-color: #1b5283
}

    body .call-outs li a:hover, body .call-outs li a:focus, body .call-outs li a:active, body .call-outs li a.is-active, .bondi-blue .call-outs li a:hover, .bondi-blue .call-outs li a:focus, .bondi-blue .call-outs li a:active, .bondi-blue .call-outs li a.is-active {
        background-color: #287ac2
    }

body .gallery, body .photo-strip, .bondi-blue .gallery, .bondi-blue .photo-strip {
    background-color: #1b5283
}

    body .gallery .thumbnails-container .button:hover, body .gallery .thumbnails-container .button:focus, body .gallery .thumbnails-container .button:active, body .photo-strip .thumbnails-container .button:hover, body .photo-strip .thumbnails-container .button:focus, body .photo-strip .thumbnails-container .button:active, .bondi-blue .gallery .thumbnails-container .button:hover, .bondi-blue .gallery .thumbnails-container .button:focus, .bondi-blue .gallery .thumbnails-container .button:active, .bondi-blue .photo-strip .thumbnails-container .button:hover, .bondi-blue .photo-strip .thumbnails-container .button:focus, .bondi-blue .photo-strip .thumbnails-container .button:active {
        background-color: #5391ca
    }

    body .gallery .thumbnails-container a.active, body .photo-strip .thumbnails-container a.active, .bondi-blue .gallery .thumbnails-container a.active, .bondi-blue .photo-strip .thumbnails-container a.active {
        border-color: #5391ca
    }

    body .gallery .thumbnails-container li.thumbnail div, body .photo-strip .thumbnails-container li.thumbnail div, .bondi-blue .gallery .thumbnails-container li.thumbnail div, .bondi-blue .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #1b5283
    }

body .highlighted-article-title-and-summary, body .highlighted-title, .bondi-blue .highlighted-article-title-and-summary, .bondi-blue .highlighted-title {
    background-image: none;
    background: #5391ca
}

body #clockdiv2, .bondi-blue #clockdiv2 {
    color: #5391ca;
    text-align: center
}

    body #clockdiv2 > div, .bondi-blue #clockdiv2 > div {
        padding: .25em;
        border-radius: .25em;
        display: inline-block;
        color: white
    }

body .smalltext2, .bondi-blue .smalltext2 {
    font-size: .6em;
    margin-top: .75em;
    line-height: 1em
}

body #clockdiv2 div > span, .bondi-blue #clockdiv2 div > span {
    padding: 0;
    border-radius: .25em;
    display: inline-block;
    font-size: 1.5em;
    background: white;
    color: #5391ca;
    min-width: 1.5em
}

body .herotext, .bondi-blue .herotext {
    position: inherit;
    background-color: white
}

body .researchtext, .bondi-blue .researchtext {
    position: inherit;
    background-color: none;
    right: 0;
    padding-bottom: .75em
}

body #clockdiv2 > div, .bondi-blue #clockdiv2 > div {
    background-color: #5391ca
}

body .montage .image-description.theme-description-background, body .montage .image-description-top.theme-description-background, .bondi-blue .montage .image-description.theme-description-background, .bondi-blue .montage .image-description-top.theme-description-background {
    background-image: none;
    background: rgba(27,82,131,0.6)
}

    body .montage .image-description.theme-description-background a, body .montage .image-description-top.theme-description-background a, .bondi-blue .montage .image-description.theme-description-background a, .bondi-blue .montage .image-description-top.theme-description-background a {
        color: white
    }

body .highlighted .montage--image, .bondi-blue .highlighted .montage--image {
    border-color: #5391ca
}

body .cta-button--non-ucas td.button-container, .bondi-blue .cta-button--non-ucas td.button-container {
    background: #1b5283
}

body .cta-button--non-ucas td a, .bondi-blue .cta-button--non-ucas td a {
    background: #1b5283
}

    body .cta-button--non-ucas td a:hover, .bondi-blue .cta-button--non-ucas td a:hover {
        background-color: white
    }

body .campaign, .bondi-blue .campaign {
    background: #5391ca
}

    body .campaign .campaign-text, .bondi-blue .campaign .campaign-text {
        color: white
    }

        body .campaign .campaign-text h1, .bondi-blue .campaign .campaign-text h1 {
            color: white
        }

        body .campaign .campaign-text a, .bondi-blue .campaign .campaign-text a {
            color: white
        }

.brilliant-rose .header-main .home img {
    background-color: #c74a8d
}

.brilliant-rose .header-main a, .brilliant-rose .header-main label {
    color: #c74a8d
}

    .brilliant-rose .header-main a:hover, .brilliant-rose .header-main a:focus, .brilliant-rose .header-main label:hover, .brilliant-rose .header-main label:focus {
        color: #811850
    }

.brilliant-rose button.search-button, .brilliant-rose button.search-button span:after {
    background-color: #c74a8d;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

    .brilliant-rose button.search-button:hover, .brilliant-rose button.search-button:focus {
        background-color: #e378b0
    }

        .brilliant-rose button.search-button:hover span:after, .brilliant-rose button.search-button:focus span:after {
            background-color: #e378b0
        }

.brilliant-rose nav.main-navigation a:hover, .brilliant-rose nav.main-navigation a:focus, .brilliant-rose nav.main-navigation a:active {
    color: #e378b0
}

.brilliant-rose .article.hero .responsive-module article, .brilliant-rose .article.hero .responsive-module div, .brilliant-rose .school.hero .responsive-module article, .brilliant-rose .school.hero .responsive-module div, .brilliant-rose .course-hero .responsive-module article, .brilliant-rose .course-hero .responsive-module div {
    position: relative
}

.brilliant-rose .course-stage-heading {
    color: #c74a8d
}

.brilliant-rose .call-to-actions .call-to-action {
    color: #333;
    background-color: #c74a8d
}

    .brilliant-rose .call-to-actions .call-to-action:hover, .brilliant-rose .call-to-actions .call-to-action:focus, .brilliant-rose .call-to-actions .call-to-action:active, .brilliant-rose .call-to-actions .call-to-action.is-active {
        background-color: #e378b0
    }

.brilliant-rose.landing .call-to-actions .call-to-action {
    color: #c74a8d;
    background-color: white
}

    .brilliant-rose.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .brilliant-rose.landing .call-to-actions .call-to-action:hover, .brilliant-rose.landing .call-to-actions .call-to-action:focus, .brilliant-rose.landing .call-to-actions .call-to-action:active, .brilliant-rose.landing .call-to-actions .call-to-action.is-active {
        color: #811850;
        background-color: white
    }

        .brilliant-rose.landing .call-to-actions .call-to-action:hover .cta-text, .brilliant-rose.landing .call-to-actions .call-to-action:focus .cta-text, .brilliant-rose.landing .call-to-actions .call-to-action:active .cta-text, .brilliant-rose.landing .call-to-actions .call-to-action.is-active .cta-text {
            color: #005580
        }

.brilliant-rose .calendar-page {
    color: #c74a8d;
    border-color: #c74a8d
}

    .brilliant-rose .calendar-page.end:before, .brilliant-rose .calendar-page .day, .brilliant-rose .calendar-page .time {
        color: #c74a8d
    }

    .brilliant-rose .calendar-page .month {
        background-color: #c74a8d
    }

.brilliant-rose .calendar a {
    color: #c74a8d
}

    .brilliant-rose .calendar a:hover, .brilliant-rose .calendar a:focus {
        color: #811850
    }

.brilliant-rose .calendar td a:hover, .brilliant-rose .calendar td a:focus {
    color: #333;
    background-color: #c74a8d
}

.brilliant-rose a.current-events {
    color: #333;
    background-color: #c74a8d
}

    .brilliant-rose a.current-events:focus, .brilliant-rose a.current-events:hover, .brilliant-rose a.current-events:active {
        color: #333;
        background-color: #e378b0
    }

.brilliant-rose.landing .call-to-actions .responsive-module, .brilliant-rose .app .responsive-module {
    border-color: #c74a8d
}

.brilliant-rose .highlighted {
    color: #333;
    background-color: #c74a8d
}

    .brilliant-rose .highlighted a, .brilliant-rose .highlighted a:hover, .brilliant-rose .highlighted a:focus {
        color: #333
    }

.brilliant-rose .responsive-module.light, .brilliant-rose .light, .brilliant-rose .light a {
    color: #333;
    background-color: #e378b0
}

    .brilliant-rose .responsive-module.light a:hover, .brilliant-rose .light a:hover, .brilliant-rose .light a a:hover {
        color: #595959
    }

.brilliant-rose .responsive-module.medium, .brilliant-rose .medium, .brilliant-rose .medium a {
    color: #333;
    background-color: #c74a8d
}

    .brilliant-rose .responsive-module.medium a:hover, .brilliant-rose .medium a:hover, .brilliant-rose .medium a a:hover {
        color: #595959
    }

.brilliant-rose .responsive-module.dark, .brilliant-rose .dark, .brilliant-rose .dark a {
    background-color: #811850;
    color: white
}

    .brilliant-rose .responsive-module.dark a:hover, .brilliant-rose .dark a:hover, .brilliant-rose .dark a a:hover {
        color: #d9d9d9
    }

.brilliant-rose .small-colour-none .metadata {
    color: #333;
    background-color: #f3f3f3
}

.brilliant-rose .small-colour-light .metadata {
    color: #333;
    background-color: #e378b0
}

.brilliant-rose .small-colour-medium .metadata {
    color: #333;
    background-color: #c74a8d
}

.brilliant-rose .small-colour-dark .metadata {
    color: white;
    background-color: #811850
}

@media screen and (min-width:37.5em) {
    .brilliant-rose .medium-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .brilliant-rose .medium-colour-light .metadata {
        color: #333;
        background-color: #e378b0;
        background: rgba(227,120,176,0.7)
    }

    .brilliant-rose .medium-colour-medium .metadata {
        color: #333;
        background-color: #c74a8d;
        background: rgba(199,74,141,0.7)
    }

    .brilliant-rose .medium-colour-dark .metadata {
        color: white;
        background-color: #811850;
        background: rgba(129,24,80,0.7)
    }
}

@media screen and (min-width:60em) {
    .brilliant-rose .large-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .brilliant-rose .large-colour-light .metadata {
        color: #333;
        background-color: #e378b0;
        background: rgba(227,120,176,0.7)
    }

    .brilliant-rose .large-colour-medium .metadata {
        color: #333;
        background-color: #c74a8d;
        background: rgba(199,74,141,0.7)
    }

    .brilliant-rose .large-colour-dark .metadata {
        color: white;
        background-color: #811850;
        background: rgba(129,24,80,0.7)
    }
}

.brilliant-rose .faqs li a {
    background-color: #811850
}

    .brilliant-rose .faqs li a:hover, .brilliant-rose .faqs li a:focus, .brilliant-rose .faqs li a:active, .brilliant-rose .faqs li a.is-active {
        background-color: #c22478
    }

.brilliant-rose .call-outs li .call-out-without-link {
    background-color: #811850
}

.brilliant-rose .call-outs li a {
    background-color: #811850
}

    .brilliant-rose .call-outs li a:hover, .brilliant-rose .call-outs li a:focus, .brilliant-rose .call-outs li a:active, .brilliant-rose .call-outs li a.is-active {
        background-color: #c22478
    }

.brilliant-rose .gallery, .brilliant-rose .photo-strip {
    background-color: #811850
}

    .brilliant-rose .gallery .thumbnails-container .button:hover, .brilliant-rose .gallery .thumbnails-container .button:focus, .brilliant-rose .gallery .thumbnails-container .button:active, .brilliant-rose .photo-strip .thumbnails-container .button:hover, .brilliant-rose .photo-strip .thumbnails-container .button:focus, .brilliant-rose .photo-strip .thumbnails-container .button:active {
        background-color: #c74a8d
    }

    .brilliant-rose .gallery .thumbnails-container a.active, .brilliant-rose .photo-strip .thumbnails-container a.active {
        border-color: #c74a8d
    }

    .brilliant-rose .gallery .thumbnails-container li.thumbnail div, .brilliant-rose .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #811850
    }

.brilliant-rose .highlighted-article-title-and-summary, .brilliant-rose .highlighted-title {
    background-image: none;
    background: #c74a8d
}

.brilliant-rose #clockdiv2 {
    color: #c74a8d;
    text-align: center
}

    .brilliant-rose #clockdiv2 > div {
        padding: .25em;
        border-radius: .25em;
        display: inline-block;
        color: white
    }

.brilliant-rose .smalltext2 {
    font-size: .6em;
    margin-top: .75em;
    line-height: 1em
}

.brilliant-rose #clockdiv2 div > span {
    padding: 0;
    border-radius: .25em;
    display: inline-block;
    font-size: 1.5em;
    background: white;
    color: #c74a8d;
    min-width: 1.5em
}

.brilliant-rose .herotext {
    position: inherit;
    background-color: white
}

.brilliant-rose .researchtext {
    position: inherit;
    background-color: none;
    right: 0;
    padding-bottom: .75em
}

.brilliant-rose #clockdiv2 > div {
    background-color: #c74a8d
}

.brilliant-rose .montage .image-description.theme-description-background, .brilliant-rose .montage .image-description-top.theme-description-background {
    background-image: none;
    background: rgba(129,24,80,0.6)
}

    .brilliant-rose .montage .image-description.theme-description-background a, .brilliant-rose .montage .image-description-top.theme-description-background a {
        color: white
    }

.brilliant-rose .highlighted .montage--image {
    border-color: #c74a8d
}

.brilliant-rose .cta-button--non-ucas td.button-container {
    background: #811850
}

.brilliant-rose .cta-button--non-ucas td a {
    background: #811850
}

    .brilliant-rose .cta-button--non-ucas td a:hover {
        background-color: white
    }

.brilliant-rose .campaign {
    background: #c74a8d
}

    .brilliant-rose .campaign .campaign-text {
        color: #333
    }

        .brilliant-rose .campaign .campaign-text h1 {
            color: white
        }

        .brilliant-rose .campaign .campaign-text a {
            color: white
        }

.dark-lavendar .header-main .home img {
    background-color: #7b77a5
}

.dark-lavendar .header-main a, .dark-lavendar .header-main label {
    color: #7b77a5
}

    .dark-lavendar .header-main a:hover, .dark-lavendar .header-main a:focus, .dark-lavendar .header-main label:hover, .dark-lavendar .header-main label:focus {
        color: #2d276b
    }

.dark-lavendar button.search-button, .dark-lavendar button.search-button span:after {
    background-color: #7b77a5;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

    .dark-lavendar button.search-button:hover, .dark-lavendar button.search-button:focus {
        background-color: #aaa6d2
    }

        .dark-lavendar button.search-button:hover span:after, .dark-lavendar button.search-button:focus span:after {
            background-color: #aaa6d2
        }

.dark-lavendar nav.main-navigation a:hover, .dark-lavendar nav.main-navigation a:focus, .dark-lavendar nav.main-navigation a:active {
    color: #aaa6d2
}

.dark-lavendar .article.hero .responsive-module article, .dark-lavendar .article.hero .responsive-module div, .dark-lavendar .school.hero .responsive-module article, .dark-lavendar .school.hero .responsive-module div, .dark-lavendar .course-hero .responsive-module article, .dark-lavendar .course-hero .responsive-module div {
    position: relative
}

.dark-lavendar .course-stage-heading {
    color: #7b77a5
}

.dark-lavendar .call-to-actions .call-to-action {
    color: white;
    background-color: #7b77a5
}

    .dark-lavendar .call-to-actions .call-to-action:hover, .dark-lavendar .call-to-actions .call-to-action:focus, .dark-lavendar .call-to-actions .call-to-action:active, .dark-lavendar .call-to-actions .call-to-action.is-active {
        background-color: #aaa6d2
    }

.dark-lavendar.landing .call-to-actions .call-to-action {
    color: #7b77a5;
    background-color: white
}

    .dark-lavendar.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .dark-lavendar.landing .call-to-actions .call-to-action:hover, .dark-lavendar.landing .call-to-actions .call-to-action:focus, .dark-lavendar.landing .call-to-actions .call-to-action:active, .dark-lavendar.landing .call-to-actions .call-to-action.is-active {
        color: #2d276b;
        background-color: white
    }

        .dark-lavendar.landing .call-to-actions .call-to-action:hover .cta-text, .dark-lavendar.landing .call-to-actions .call-to-action:focus .cta-text, .dark-lavendar.landing .call-to-actions .call-to-action:active .cta-text, .dark-lavendar.landing .call-to-actions .call-to-action.is-active .cta-text {
            color: #005580
        }

.dark-lavendar .calendar-page {
    color: #7b77a5;
    border-color: #7b77a5
}

    .dark-lavendar .calendar-page.end:before, .dark-lavendar .calendar-page .day, .dark-lavendar .calendar-page .time {
        color: #7b77a5
    }

    .dark-lavendar .calendar-page .month {
        background-color: #7b77a5
    }

.dark-lavendar .calendar a {
    color: #7b77a5
}

    .dark-lavendar .calendar a:hover, .dark-lavendar .calendar a:focus {
        color: #2d276b
    }

.dark-lavendar .calendar td a:hover, .dark-lavendar .calendar td a:focus {
    color: white;
    background-color: #7b77a5
}

.dark-lavendar a.current-events {
    color: white;
    background-color: #7b77a5
}

    .dark-lavendar a.current-events:focus, .dark-lavendar a.current-events:hover, .dark-lavendar a.current-events:active {
        color: white;
        background-color: #aaa6d2
    }

.dark-lavendar.landing .call-to-actions .responsive-module, .dark-lavendar .app .responsive-module {
    border-color: #7b77a5
}

.dark-lavendar .highlighted {
    color: white;
    background-color: #7b77a5
}

    .dark-lavendar .highlighted a, .dark-lavendar .highlighted a:hover, .dark-lavendar .highlighted a:focus {
        color: white
    }

.dark-lavendar .responsive-module.light, .dark-lavendar .light, .dark-lavendar .light a {
    color: white;
    background-color: #aaa6d2
}

    .dark-lavendar .responsive-module.light a:hover, .dark-lavendar .light a:hover, .dark-lavendar .light a a:hover {
        color: white
    }

.dark-lavendar .responsive-module.medium, .dark-lavendar .medium, .dark-lavendar .medium a {
    color: white;
    background-color: #7b77a5
}

    .dark-lavendar .responsive-module.medium a:hover, .dark-lavendar .medium a:hover, .dark-lavendar .medium a a:hover {
        color: white
    }

.dark-lavendar .responsive-module.dark, .dark-lavendar .dark, .dark-lavendar .dark a {
    background-color: #2d276b;
    color: white
}

    .dark-lavendar .responsive-module.dark a:hover, .dark-lavendar .dark a:hover, .dark-lavendar .dark a a:hover {
        color: #d9d9d9
    }

.dark-lavendar .small-colour-none .metadata {
    color: #333;
    background-color: #f3f3f3
}

.dark-lavendar .small-colour-light .metadata {
    color: white;
    background-color: #aaa6d2
}

.dark-lavendar .small-colour-medium .metadata {
    color: white;
    background-color: #7b77a5
}

.dark-lavendar .small-colour-dark .metadata {
    color: white;
    background-color: #2d276b
}

@media screen and (min-width:37.5em) {
    .dark-lavendar .medium-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .dark-lavendar .medium-colour-light .metadata {
        color: white;
        background-color: #aaa6d2;
        background: rgba(170,166,210,0.7)
    }

    .dark-lavendar .medium-colour-medium .metadata {
        color: white;
        background-color: #7b77a5;
        background: rgba(123,119,165,0.7)
    }

    .dark-lavendar .medium-colour-dark .metadata {
        color: white;
        background-color: #2d276b;
        background: rgba(45,39,107,0.7)
    }
}

@media screen and (min-width:60em) {
    .dark-lavendar .large-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .dark-lavendar .large-colour-light .metadata {
        color: white;
        background-color: #aaa6d2;
        background: rgba(170,166,210,0.7)
    }

    .dark-lavendar .large-colour-medium .metadata {
        color: white;
        background-color: #7b77a5;
        background: rgba(123,119,165,0.7)
    }

    .dark-lavendar .large-colour-dark .metadata {
        color: white;
        background-color: #2d276b;
        background: rgba(45,39,107,0.7)
    }
}

.dark-lavendar .faqs li a {
    background-color: #2d276b
}

    .dark-lavendar .faqs li a:hover, .dark-lavendar .faqs li a:focus, .dark-lavendar .faqs li a:active, .dark-lavendar .faqs li a.is-active {
        background-color: #453ba3
    }

.dark-lavendar .call-outs li .call-out-without-link {
    background-color: #2d276b
}

.dark-lavendar .call-outs li a {
    background-color: #2d276b
}

    .dark-lavendar .call-outs li a:hover, .dark-lavendar .call-outs li a:focus, .dark-lavendar .call-outs li a:active, .dark-lavendar .call-outs li a.is-active {
        background-color: #453ba3
    }

.dark-lavendar .gallery, .dark-lavendar .photo-strip {
    background-color: #2d276b
}

    .dark-lavendar .gallery .thumbnails-container .button:hover, .dark-lavendar .gallery .thumbnails-container .button:focus, .dark-lavendar .gallery .thumbnails-container .button:active, .dark-lavendar .photo-strip .thumbnails-container .button:hover, .dark-lavendar .photo-strip .thumbnails-container .button:focus, .dark-lavendar .photo-strip .thumbnails-container .button:active {
        background-color: #7b77a5
    }

    .dark-lavendar .gallery .thumbnails-container a.active, .dark-lavendar .photo-strip .thumbnails-container a.active {
        border-color: #7b77a5
    }

    .dark-lavendar .gallery .thumbnails-container li.thumbnail div, .dark-lavendar .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #2d276b
    }

.dark-lavendar .highlighted-article-title-and-summary, .dark-lavendar .highlighted-title {
    background-image: none;
    background: #7b77a5
}

.dark-lavendar #clockdiv2 {
    color: #7b77a5;
    text-align: center
}

    .dark-lavendar #clockdiv2 > div {
        padding: .25em;
        border-radius: .25em;
        display: inline-block;
        color: white
    }

.dark-lavendar .smalltext2 {
    font-size: .6em;
    margin-top: .75em;
    line-height: 1em
}

.dark-lavendar #clockdiv2 div > span {
    padding: 0;
    border-radius: .25em;
    display: inline-block;
    font-size: 1.5em;
    background: white;
    color: #7b77a5;
    min-width: 1.5em
}

.dark-lavendar .herotext {
    position: inherit;
    background-color: white
}

.dark-lavendar .researchtext {
    position: inherit;
    background-color: none;
    right: 0;
    padding-bottom: .75em
}

.dark-lavendar #clockdiv2 > div {
    background-color: #7b77a5
}

.dark-lavendar .montage .image-description.theme-description-background, .dark-lavendar .montage .image-description-top.theme-description-background {
    background-image: none;
    background: rgba(45,39,107,0.6)
}

    .dark-lavendar .montage .image-description.theme-description-background a, .dark-lavendar .montage .image-description-top.theme-description-background a {
        color: white
    }

.dark-lavendar .highlighted .montage--image {
    border-color: #7b77a5
}

.dark-lavendar .cta-button--non-ucas td.button-container {
    background: #2d276b
}

.dark-lavendar .cta-button--non-ucas td a {
    background: #2d276b
}

    .dark-lavendar .cta-button--non-ucas td a:hover {
        background-color: white
    }

.dark-lavendar .campaign {
    background: #7b77a5
}

    .dark-lavendar .campaign .campaign-text {
        color: white
    }

        .dark-lavendar .campaign .campaign-text h1 {
            color: white
        }

        .dark-lavendar .campaign .campaign-text a {
            color: white
        }

.deep-orange .header-main .home img {
    background-color: #e09e33
}

.deep-orange .header-main a, .deep-orange .header-main label {
    color: #e09e33
}

    .deep-orange .header-main a:hover, .deep-orange .header-main a:focus, .deep-orange .header-main label:hover, .deep-orange .header-main label:focus {
        color: #926011
    }

.deep-orange button.search-button, .deep-orange button.search-button span:after {
    background-color: #e09e33;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

    .deep-orange button.search-button:hover, .deep-orange button.search-button:focus {
        background-color: #f0bb65
    }

        .deep-orange button.search-button:hover span:after, .deep-orange button.search-button:focus span:after {
            background-color: #f0bb65
        }

.deep-orange nav.main-navigation a:hover, .deep-orange nav.main-navigation a:focus, .deep-orange nav.main-navigation a:active {
    color: #f0bb65
}

.deep-orange .article.hero .responsive-module article, .deep-orange .article.hero .responsive-module div, .deep-orange .school.hero .responsive-module article, .deep-orange .school.hero .responsive-module div, .deep-orange .course-hero .responsive-module article, .deep-orange .course-hero .responsive-module div {
    position: relative
}

.deep-orange .course-stage-heading {
    color: #e09e33
}

.deep-orange .call-to-actions .call-to-action {
    color: #333;
    background-color: #e09e33
}

    .deep-orange .call-to-actions .call-to-action:hover, .deep-orange .call-to-actions .call-to-action:focus, .deep-orange .call-to-actions .call-to-action:active, .deep-orange .call-to-actions .call-to-action.is-active {
        background-color: #f0bb65
    }

.deep-orange.landing .call-to-actions .call-to-action {
    color: #e09e33;
    background-color: white
}

    .deep-orange.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .deep-orange.landing .call-to-actions .call-to-action:hover, .deep-orange.landing .call-to-actions .call-to-action:focus, .deep-orange.landing .call-to-actions .call-to-action:active, .deep-orange.landing .call-to-actions .call-to-action.is-active {
        color: #926011;
        background-color: white
    }

        .deep-orange.landing .call-to-actions .call-to-action:hover .cta-text, .deep-orange.landing .call-to-actions .call-to-action:focus .cta-text, .deep-orange.landing .call-to-actions .call-to-action:active .cta-text, .deep-orange.landing .call-to-actions .call-to-action.is-active .cta-text {
            color: #005580
        }

.deep-orange .calendar-page {
    color: #e09e33;
    border-color: #e09e33
}

    .deep-orange .calendar-page.end:before, .deep-orange .calendar-page .day, .deep-orange .calendar-page .time {
        color: #e09e33
    }

    .deep-orange .calendar-page .month {
        background-color: #e09e33
    }

.deep-orange .calendar a {
    color: #e09e33
}

    .deep-orange .calendar a:hover, .deep-orange .calendar a:focus {
        color: #926011
    }

.deep-orange .calendar td a:hover, .deep-orange .calendar td a:focus {
    color: #333;
    background-color: #e09e33
}

.deep-orange a.current-events {
    color: #333;
    background-color: #e09e33
}

    .deep-orange a.current-events:focus, .deep-orange a.current-events:hover, .deep-orange a.current-events:active {
        color: #333;
        background-color: #f0bb65
    }

.deep-orange.landing .call-to-actions .responsive-module, .deep-orange .app .responsive-module {
    border-color: #e09e33
}

.deep-orange .highlighted {
    color: #333;
    background-color: #e09e33
}

    .deep-orange .highlighted a, .deep-orange .highlighted a:hover, .deep-orange .highlighted a:focus {
        color: #333
    }

.deep-orange .responsive-module.light, .deep-orange .light, .deep-orange .light a {
    color: #333;
    background-color: #f0bb65
}

    .deep-orange .responsive-module.light a:hover, .deep-orange .light a:hover, .deep-orange .light a a:hover {
        color: #595959
    }

.deep-orange .responsive-module.medium, .deep-orange .medium, .deep-orange .medium a {
    color: #333;
    background-color: #e09e33
}

    .deep-orange .responsive-module.medium a:hover, .deep-orange .medium a:hover, .deep-orange .medium a a:hover {
        color: #595959
    }

.deep-orange .responsive-module.dark, .deep-orange .dark, .deep-orange .dark a {
    background-color: #926011;
    color: white
}

    .deep-orange .responsive-module.dark a:hover, .deep-orange .dark a:hover, .deep-orange .dark a a:hover {
        color: #d9d9d9
    }

.deep-orange .small-colour-none .metadata {
    color: #333;
    background-color: #f3f3f3
}

.deep-orange .small-colour-light .metadata {
    color: #333;
    background-color: #f0bb65
}

.deep-orange .small-colour-medium .metadata {
    color: #333;
    background-color: #e09e33
}

.deep-orange .small-colour-dark .metadata {
    color: white;
    background-color: #926011
}

@media screen and (min-width:37.5em) {
    .deep-orange .medium-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .deep-orange .medium-colour-light .metadata {
        color: #333;
        background-color: #f0bb65;
        background: rgba(240,187,101,0.7)
    }

    .deep-orange .medium-colour-medium .metadata {
        color: #333;
        background-color: #e09e33;
        background: rgba(224,158,51,0.7)
    }

    .deep-orange .medium-colour-dark .metadata {
        color: white;
        background-color: #926011;
        background: rgba(146,96,17,0.7)
    }
}

@media screen and (min-width:60em) {
    .deep-orange .large-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .deep-orange .large-colour-light .metadata {
        color: #333;
        background-color: #f0bb65;
        background: rgba(240,187,101,0.7)
    }

    .deep-orange .large-colour-medium .metadata {
        color: #333;
        background-color: #e09e33;
        background: rgba(224,158,51,0.7)
    }

    .deep-orange .large-colour-dark .metadata {
        color: white;
        background-color: #926011;
        background: rgba(146,96,17,0.7)
    }
}

.deep-orange .faqs li a {
    background-color: #926011
}

    .deep-orange .faqs li a:hover, .deep-orange .faqs li a:focus, .deep-orange .faqs li a:active, .deep-orange .faqs li a.is-active {
        background-color: #d78d19
    }

.deep-orange .call-outs li .call-out-without-link {
    background-color: #926011
}

.deep-orange .call-outs li a {
    background-color: #926011
}

    .deep-orange .call-outs li a:hover, .deep-orange .call-outs li a:focus, .deep-orange .call-outs li a:active, .deep-orange .call-outs li a.is-active {
        background-color: #d78d19
    }

.deep-orange .gallery, .deep-orange .photo-strip {
    background-color: #926011
}

    .deep-orange .gallery .thumbnails-container .button:hover, .deep-orange .gallery .thumbnails-container .button:focus, .deep-orange .gallery .thumbnails-container .button:active, .deep-orange .photo-strip .thumbnails-container .button:hover, .deep-orange .photo-strip .thumbnails-container .button:focus, .deep-orange .photo-strip .thumbnails-container .button:active {
        background-color: #e09e33
    }

    .deep-orange .gallery .thumbnails-container a.active, .deep-orange .photo-strip .thumbnails-container a.active {
        border-color: #e09e33
    }

    .deep-orange .gallery .thumbnails-container li.thumbnail div, .deep-orange .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #926011
    }

.deep-orange .highlighted-article-title-and-summary, .deep-orange .highlighted-title {
    background-image: none;
    background: #e09e33
}

.deep-orange #clockdiv2 {
    color: #e09e33;
    text-align: center
}

    .deep-orange #clockdiv2 > div {
        padding: .25em;
        border-radius: .25em;
        display: inline-block;
        color: white
    }

.deep-orange .smalltext2 {
    font-size: .6em;
    margin-top: .75em;
    line-height: 1em
}

.deep-orange #clockdiv2 div > span {
    padding: 0;
    border-radius: .25em;
    display: inline-block;
    font-size: 1.5em;
    background: white;
    color: #e09e33;
    min-width: 1.5em
}

.deep-orange .herotext {
    position: inherit;
    background-color: white
}

.deep-orange .researchtext {
    position: inherit;
    background-color: none;
    right: 0;
    padding-bottom: .75em
}

.deep-orange #clockdiv2 > div {
    background-color: #e09e33
}

.deep-orange .montage .image-description.theme-description-background, .deep-orange .montage .image-description-top.theme-description-background {
    background-image: none;
    background: rgba(146,96,17,0.6)
}

    .deep-orange .montage .image-description.theme-description-background a, .deep-orange .montage .image-description-top.theme-description-background a {
        color: white
    }

.deep-orange .highlighted .montage--image {
    border-color: #e09e33
}

.deep-orange .cta-button--non-ucas td.button-container {
    background: #926011
}

.deep-orange .cta-button--non-ucas td a {
    background: #926011
}

    .deep-orange .cta-button--non-ucas td a:hover {
        background-color: white
    }

.deep-orange .campaign {
    background: #e09e33
}

    .deep-orange .campaign .campaign-text {
        color: #333
    }

        .deep-orange .campaign .campaign-text h1 {
            color: white
        }

        .deep-orange .campaign .campaign-text a {
            color: white
        }

.deep-rose .header-main .home img {
    background-color: #a80075
}

.deep-rose .header-main a, .deep-rose .header-main label {
    color: #a80075
}

    .deep-rose .header-main a:hover, .deep-rose .header-main a:focus, .deep-rose .header-main label:hover, .deep-rose .header-main label:focus {
        color: #6d004c
    }

.deep-rose button.search-button, .deep-rose button.search-button span:after {
    background-color: #a80075;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

    .deep-rose button.search-button:hover, .deep-rose button.search-button:focus {
        background-color: #d335a4
    }

        .deep-rose button.search-button:hover span:after, .deep-rose button.search-button:focus span:after {
            background-color: #d335a4
        }

.deep-rose nav.main-navigation a:hover, .deep-rose nav.main-navigation a:focus, .deep-rose nav.main-navigation a:active {
    color: #d335a4
}

.deep-rose .article.hero .responsive-module article, .deep-rose .article.hero .responsive-module div, .deep-rose .school.hero .responsive-module article, .deep-rose .school.hero .responsive-module div, .deep-rose .course-hero .responsive-module article, .deep-rose .course-hero .responsive-module div {
    position: relative
}

.deep-rose .course-stage-heading {
    color: #a80075
}

.deep-rose .call-to-actions .call-to-action {
    color: white;
    background-color: #a80075
}

    .deep-rose .call-to-actions .call-to-action:hover, .deep-rose .call-to-actions .call-to-action:focus, .deep-rose .call-to-actions .call-to-action:active, .deep-rose .call-to-actions .call-to-action.is-active {
        background-color: #d335a4
    }

.deep-rose.landing .call-to-actions .call-to-action {
    color: #a80075;
    background-color: white
}

    .deep-rose.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .deep-rose.landing .call-to-actions .call-to-action:hover, .deep-rose.landing .call-to-actions .call-to-action:focus, .deep-rose.landing .call-to-actions .call-to-action:active, .deep-rose.landing .call-to-actions .call-to-action.is-active {
        color: #6d004c;
        background-color: white
    }

        .deep-rose.landing .call-to-actions .call-to-action:hover .cta-text, .deep-rose.landing .call-to-actions .call-to-action:focus .cta-text, .deep-rose.landing .call-to-actions .call-to-action:active .cta-text, .deep-rose.landing .call-to-actions .call-to-action.is-active .cta-text {
            color: #005580
        }

.deep-rose .calendar-page {
    color: #a80075;
    border-color: #a80075
}

    .deep-rose .calendar-page.end:before, .deep-rose .calendar-page .day, .deep-rose .calendar-page .time {
        color: #a80075
    }

    .deep-rose .calendar-page .month {
        background-color: #a80075
    }

.deep-rose .calendar a {
    color: #a80075
}

    .deep-rose .calendar a:hover, .deep-rose .calendar a:focus {
        color: #6d004c
    }

.deep-rose .calendar td a:hover, .deep-rose .calendar td a:focus {
    color: white;
    background-color: #a80075
}

.deep-rose a.current-events {
    color: white;
    background-color: #a80075
}

    .deep-rose a.current-events:focus, .deep-rose a.current-events:hover, .deep-rose a.current-events:active {
        color: white;
        background-color: #d335a4
    }

.deep-rose.landing .call-to-actions .responsive-module, .deep-rose .app .responsive-module {
    border-color: #a80075
}

.deep-rose .highlighted {
    color: white;
    background-color: #a80075
}

    .deep-rose .highlighted a, .deep-rose .highlighted a:hover, .deep-rose .highlighted a:focus {
        color: white
    }

.deep-rose .responsive-module.light, .deep-rose .light, .deep-rose .light a {
    color: #333;
    background-color: #d335a4
}

    .deep-rose .responsive-module.light a:hover, .deep-rose .light a:hover, .deep-rose .light a a:hover {
        color: #595959
    }

.deep-rose .responsive-module.medium, .deep-rose .medium, .deep-rose .medium a {
    color: white;
    background-color: #a80075
}

    .deep-rose .responsive-module.medium a:hover, .deep-rose .medium a:hover, .deep-rose .medium a a:hover {
        color: white
    }

.deep-rose .responsive-module.dark, .deep-rose .dark, .deep-rose .dark a {
    background-color: #6d004c;
    color: white
}

    .deep-rose .responsive-module.dark a:hover, .deep-rose .dark a:hover, .deep-rose .dark a a:hover {
        color: #d9d9d9
    }

.deep-rose .small-colour-none .metadata {
    color: #333;
    background-color: #f3f3f3
}

.deep-rose .small-colour-light .metadata {
    color: #333;
    background-color: #d335a4
}

.deep-rose .small-colour-medium .metadata {
    color: white;
    background-color: #a80075
}

.deep-rose .small-colour-dark .metadata {
    color: white;
    background-color: #6d004c
}

@media screen and (min-width:37.5em) {
    .deep-rose .medium-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .deep-rose .medium-colour-light .metadata {
        color: #333;
        background-color: #d335a4;
        background: rgba(211,53,164,0.7)
    }

    .deep-rose .medium-colour-medium .metadata {
        color: white;
        background-color: #a80075;
        background: rgba(168,0,117,0.7)
    }

    .deep-rose .medium-colour-dark .metadata {
        color: white;
        background-color: #6d004c;
        background: rgba(109,0,76,0.7)
    }
}

@media screen and (min-width:60em) {
    .deep-rose .large-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .deep-rose .large-colour-light .metadata {
        color: #333;
        background-color: #d335a4;
        background: rgba(211,53,164,0.7)
    }

    .deep-rose .large-colour-medium .metadata {
        color: white;
        background-color: #a80075;
        background: rgba(168,0,117,0.7)
    }

    .deep-rose .large-colour-dark .metadata {
        color: white;
        background-color: #6d004c;
        background: rgba(109,0,76,0.7)
    }
}

.deep-rose .faqs li a {
    background-color: #6d004c
}

    .deep-rose .faqs li a:hover, .deep-rose .faqs li a:focus, .deep-rose .faqs li a:active, .deep-rose .faqs li a.is-active {
        background-color: #ba0081
    }

.deep-rose .call-outs li .call-out-without-link {
    background-color: #6d004c
}

.deep-rose .call-outs li a {
    background-color: #6d004c
}

    .deep-rose .call-outs li a:hover, .deep-rose .call-outs li a:focus, .deep-rose .call-outs li a:active, .deep-rose .call-outs li a.is-active {
        background-color: #ba0081
    }

.deep-rose .gallery, .deep-rose .photo-strip {
    background-color: #6d004c
}

    .deep-rose .gallery .thumbnails-container .button:hover, .deep-rose .gallery .thumbnails-container .button:focus, .deep-rose .gallery .thumbnails-container .button:active, .deep-rose .photo-strip .thumbnails-container .button:hover, .deep-rose .photo-strip .thumbnails-container .button:focus, .deep-rose .photo-strip .thumbnails-container .button:active {
        background-color: #a80075
    }

    .deep-rose .gallery .thumbnails-container a.active, .deep-rose .photo-strip .thumbnails-container a.active {
        border-color: #a80075
    }

    .deep-rose .gallery .thumbnails-container li.thumbnail div, .deep-rose .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #6d004c
    }

.deep-rose .highlighted-article-title-and-summary, .deep-rose .highlighted-title {
    background-image: none;
    background: #a80075
}

.deep-rose #clockdiv2 {
    color: #a80075;
    text-align: center
}

    .deep-rose #clockdiv2 > div {
        padding: .25em;
        border-radius: .25em;
        display: inline-block;
        color: white
    }

.deep-rose .smalltext2 {
    font-size: .6em;
    margin-top: .75em;
    line-height: 1em
}

.deep-rose #clockdiv2 div > span {
    padding: 0;
    border-radius: .25em;
    display: inline-block;
    font-size: 1.5em;
    background: white;
    color: #a80075;
    min-width: 1.5em
}

.deep-rose .herotext {
    position: inherit;
    background-color: white
}

.deep-rose .researchtext {
    position: inherit;
    background-color: none;
    right: 0;
    padding-bottom: .75em
}

.deep-rose #clockdiv2 > div {
    background-color: #a80075
}

.deep-rose .montage .image-description.theme-description-background, .deep-rose .montage .image-description-top.theme-description-background {
    background-image: none;
    background: rgba(109,0,76,0.6)
}

    .deep-rose .montage .image-description.theme-description-background a, .deep-rose .montage .image-description-top.theme-description-background a {
        color: white
    }

.deep-rose .highlighted .montage--image {
    border-color: #a80075
}

.deep-rose .cta-button--non-ucas td.button-container {
    background: #6d004c
}

.deep-rose .cta-button--non-ucas td a {
    background: #6d004c
}

    .deep-rose .cta-button--non-ucas td a:hover {
        background-color: white
    }

.deep-rose .campaign {
    background: #a80075
}

    .deep-rose .campaign .campaign-text {
        color: white
    }

        .deep-rose .campaign .campaign-text h1 {
            color: white
        }

        .deep-rose .campaign .campaign-text a {
            color: white
        }

.first-choice-for-health .header-main .home img {
    background-color: #1d968f
}

.first-choice-for-health .header-main a, .first-choice-for-health .header-main label {
    color: #1d968f
}

    .first-choice-for-health .header-main a:hover, .first-choice-for-health .header-main a:focus, .first-choice-for-health .header-main label:hover, .first-choice-for-health .header-main label:focus {
        color: #177b76
    }

.first-choice-for-health button.search-button, .first-choice-for-health button.search-button span:after {
    background-color: #1d968f;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

    .first-choice-for-health button.search-button:hover, .first-choice-for-health button.search-button:focus {
        background-color: #22b1aa
    }

        .first-choice-for-health button.search-button:hover span:after, .first-choice-for-health button.search-button:focus span:after {
            background-color: #22b1aa
        }

.first-choice-for-health nav.main-navigation a:hover, .first-choice-for-health nav.main-navigation a:focus, .first-choice-for-health nav.main-navigation a:active {
    color: #22b1aa
}

.first-choice-for-health .article.hero .responsive-module article, .first-choice-for-health .article.hero .responsive-module div, .first-choice-for-health .school.hero .responsive-module article, .first-choice-for-health .school.hero .responsive-module div, .first-choice-for-health .course-hero .responsive-module article, .first-choice-for-health .course-hero .responsive-module div {
    position: relative
}

.first-choice-for-health .course-stage-heading {
    color: #1d968f
}

.first-choice-for-health .call-to-actions .call-to-action {
    color: white;
    background-color: #1d968f
}

    .first-choice-for-health .call-to-actions .call-to-action:hover, .first-choice-for-health .call-to-actions .call-to-action:focus, .first-choice-for-health .call-to-actions .call-to-action:active, .first-choice-for-health .call-to-actions .call-to-action.is-active {
        background-color: #22b1aa
    }

.first-choice-for-health.landing .call-to-actions .call-to-action {
    color: #1d968f;
    background-color: white
}

    .first-choice-for-health.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .first-choice-for-health.landing .call-to-actions .call-to-action:hover, .first-choice-for-health.landing .call-to-actions .call-to-action:focus, .first-choice-for-health.landing .call-to-actions .call-to-action:active, .first-choice-for-health.landing .call-to-actions .call-to-action.is-active {
        color: #177b76;
        background-color: white
    }

        .first-choice-for-health.landing .call-to-actions .call-to-action:hover .cta-text, .first-choice-for-health.landing .call-to-actions .call-to-action:focus .cta-text, .first-choice-for-health.landing .call-to-actions .call-to-action:active .cta-text, .first-choice-for-health.landing .call-to-actions .call-to-action.is-active .cta-text {
            color: #005580
        }

.first-choice-for-health .calendar-page {
    color: #1d968f;
    border-color: #1d968f
}

    .first-choice-for-health .calendar-page.end:before, .first-choice-for-health .calendar-page .day, .first-choice-for-health .calendar-page .time {
        color: #1d968f
    }

    .first-choice-for-health .calendar-page .month {
        background-color: #1d968f
    }

.first-choice-for-health .calendar a {
    color: #1d968f
}

    .first-choice-for-health .calendar a:hover, .first-choice-for-health .calendar a:focus {
        color: #177b76
    }

.first-choice-for-health .calendar td a:hover, .first-choice-for-health .calendar td a:focus {
    color: white;
    background-color: #1d968f
}

.first-choice-for-health a.current-events {
    color: white;
    background-color: #1d968f
}

    .first-choice-for-health a.current-events:focus, .first-choice-for-health a.current-events:hover, .first-choice-for-health a.current-events:active {
        color: white;
        background-color: #22b1aa
    }

.first-choice-for-health.landing .call-to-actions .responsive-module, .first-choice-for-health .app .responsive-module {
    border-color: #1d968f
}

.first-choice-for-health .highlighted {
    color: white;
    background-color: #1d968f
}

    .first-choice-for-health .highlighted a, .first-choice-for-health .highlighted a:hover, .first-choice-for-health .highlighted a:focus {
        color: white
    }

.first-choice-for-health .responsive-module.light, .first-choice-for-health .light, .first-choice-for-health .light a {
    color: white;
    background-color: #22b1aa
}

    .first-choice-for-health .responsive-module.light a:hover, .first-choice-for-health .light a:hover, .first-choice-for-health .light a a:hover {
        color: white
    }

.first-choice-for-health .responsive-module.medium, .first-choice-for-health .medium, .first-choice-for-health .medium a {
    color: white;
    background-color: #1d968f
}

    .first-choice-for-health .responsive-module.medium a:hover, .first-choice-for-health .medium a:hover, .first-choice-for-health .medium a a:hover {
        color: white
    }

.first-choice-for-health .responsive-module.dark, .first-choice-for-health .dark, .first-choice-for-health .dark a {
    background-color: #177b76;
    color: white
}

    .first-choice-for-health .responsive-module.dark a:hover, .first-choice-for-health .dark a:hover, .first-choice-for-health .dark a a:hover {
        color: #d9d9d9
    }

.first-choice-for-health .small-colour-none .metadata {
    color: #333;
    background-color: #f3f3f3
}

.first-choice-for-health .small-colour-light .metadata {
    color: white;
    background-color: #22b1aa
}

.first-choice-for-health .small-colour-medium .metadata {
    color: white;
    background-color: #1d968f
}

.first-choice-for-health .small-colour-dark .metadata {
    color: white;
    background-color: #177b76
}

@media screen and (min-width:37.5em) {
    .first-choice-for-health .medium-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .first-choice-for-health .medium-colour-light .metadata {
        color: white;
        background-color: #22b1aa;
        background: rgba(34,177,170,0.7)
    }

    .first-choice-for-health .medium-colour-medium .metadata {
        color: white;
        background-color: #1d968f;
        background: rgba(29,150,143,0.7)
    }

    .first-choice-for-health .medium-colour-dark .metadata {
        color: white;
        background-color: #177b76;
        background: rgba(23,123,118,0.7)
    }
}

@media screen and (min-width:60em) {
    .first-choice-for-health .large-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .first-choice-for-health .large-colour-light .metadata {
        color: white;
        background-color: #22b1aa;
        background: rgba(34,177,170,0.7)
    }

    .first-choice-for-health .large-colour-medium .metadata {
        color: white;
        background-color: #1d968f;
        background: rgba(29,150,143,0.7)
    }

    .first-choice-for-health .large-colour-dark .metadata {
        color: white;
        background-color: #177b76;
        background: rgba(23,123,118,0.7)
    }
}

.first-choice-for-health .faqs li a {
    background-color: #177b76
}

    .first-choice-for-health .faqs li a:hover, .first-choice-for-health .faqs li a:focus, .first-choice-for-health .faqs li a:active, .first-choice-for-health .faqs li a.is-active {
        background-color: #23bbb4
    }

.first-choice-for-health .call-outs li .call-out-without-link {
    background-color: #177b76
}

.first-choice-for-health .call-outs li a {
    background-color: #177b76
}

    .first-choice-for-health .call-outs li a:hover, .first-choice-for-health .call-outs li a:focus, .first-choice-for-health .call-outs li a:active, .first-choice-for-health .call-outs li a.is-active {
        background-color: #23bbb4
    }

.first-choice-for-health .gallery, .first-choice-for-health .photo-strip {
    background-color: #177b76
}

    .first-choice-for-health .gallery .thumbnails-container .button:hover, .first-choice-for-health .gallery .thumbnails-container .button:focus, .first-choice-for-health .gallery .thumbnails-container .button:active, .first-choice-for-health .photo-strip .thumbnails-container .button:hover, .first-choice-for-health .photo-strip .thumbnails-container .button:focus, .first-choice-for-health .photo-strip .thumbnails-container .button:active {
        background-color: #1d968f
    }

    .first-choice-for-health .gallery .thumbnails-container a.active, .first-choice-for-health .photo-strip .thumbnails-container a.active {
        border-color: #1d968f
    }

    .first-choice-for-health .gallery .thumbnails-container li.thumbnail div, .first-choice-for-health .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #177b76
    }

.first-choice-for-health .highlighted-article-title-and-summary, .first-choice-for-health .highlighted-title {
    background-image: none;
    background: #1d968f
}

.first-choice-for-health #clockdiv2 {
    color: #1d968f;
    text-align: center
}

    .first-choice-for-health #clockdiv2 > div {
        padding: .25em;
        border-radius: .25em;
        display: inline-block;
        color: white
    }

.first-choice-for-health .smalltext2 {
    font-size: .6em;
    margin-top: .75em;
    line-height: 1em
}

.first-choice-for-health #clockdiv2 div > span {
    padding: 0;
    border-radius: .25em;
    display: inline-block;
    font-size: 1.5em;
    background: white;
    color: #1d968f;
    min-width: 1.5em
}

.first-choice-for-health .herotext {
    position: inherit;
    background-color: white
}

.first-choice-for-health .researchtext {
    position: inherit;
    background-color: none;
    right: 0;
    padding-bottom: .75em
}

.first-choice-for-health #clockdiv2 > div {
    background-color: #1d968f
}

.first-choice-for-health .montage .image-description.theme-description-background, .first-choice-for-health .montage .image-description-top.theme-description-background {
    background-image: none;
    background: rgba(23,123,118,0.6)
}

    .first-choice-for-health .montage .image-description.theme-description-background a, .first-choice-for-health .montage .image-description-top.theme-description-background a {
        color: white
    }

.first-choice-for-health .highlighted .montage--image {
    border-color: #1d968f
}

.first-choice-for-health .cta-button--non-ucas td.button-container {
    background: #177b76
}

.first-choice-for-health .cta-button--non-ucas td a {
    background: #177b76
}

    .first-choice-for-health .cta-button--non-ucas td a:hover {
        background-color: white
    }

.first-choice-for-health .campaign {
    background: #1d968f
}

    .first-choice-for-health .campaign .campaign-text {
        color: white
    }

        .first-choice-for-health .campaign .campaign-text h1 {
            color: #e5dc1b
        }

        .first-choice-for-health .campaign .campaign-text a {
            color: #e5dc1b
        }

.fresh-green .header-main .home img {
    background-color: #b4c960
}

.fresh-green .header-main a, .fresh-green .header-main label {
    color: #b4c960
}

    .fresh-green .header-main a:hover, .fresh-green .header-main a:focus, .fresh-green .header-main label:hover, .fresh-green .header-main label:focus {
        color: #6e831f
    }

.fresh-green button.search-button, .fresh-green button.search-button span:after {
    background-color: #b4c960;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

    .fresh-green button.search-button:hover, .fresh-green button.search-button:focus {
        background-color: #d2e48b
    }

        .fresh-green button.search-button:hover span:after, .fresh-green button.search-button:focus span:after {
            background-color: #d2e48b
        }

.fresh-green nav.main-navigation a:hover, .fresh-green nav.main-navigation a:focus, .fresh-green nav.main-navigation a:active {
    color: #d2e48b
}

.fresh-green .article.hero .responsive-module article, .fresh-green .article.hero .responsive-module div, .fresh-green .school.hero .responsive-module article, .fresh-green .school.hero .responsive-module div, .fresh-green .course-hero .responsive-module article, .fresh-green .course-hero .responsive-module div {
    position: relative
}

.fresh-green .course-stage-heading {
    color: #b4c960
}

.fresh-green .call-to-actions .call-to-action {
    color: #333;
    background-color: #b4c960
}

    .fresh-green .call-to-actions .call-to-action:hover, .fresh-green .call-to-actions .call-to-action:focus, .fresh-green .call-to-actions .call-to-action:active, .fresh-green .call-to-actions .call-to-action.is-active {
        background-color: #d2e48b
    }

.fresh-green.landing .call-to-actions .call-to-action {
    color: #b4c960;
    background-color: white
}

    .fresh-green.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .fresh-green.landing .call-to-actions .call-to-action:hover, .fresh-green.landing .call-to-actions .call-to-action:focus, .fresh-green.landing .call-to-actions .call-to-action:active, .fresh-green.landing .call-to-actions .call-to-action.is-active {
        color: #6e831f;
        background-color: white
    }

        .fresh-green.landing .call-to-actions .call-to-action:hover .cta-text, .fresh-green.landing .call-to-actions .call-to-action:focus .cta-text, .fresh-green.landing .call-to-actions .call-to-action:active .cta-text, .fresh-green.landing .call-to-actions .call-to-action.is-active .cta-text {
            color: #005580
        }

.fresh-green .calendar-page {
    color: #b4c960;
    border-color: #b4c960
}

    .fresh-green .calendar-page.end:before, .fresh-green .calendar-page .day, .fresh-green .calendar-page .time {
        color: #b4c960
    }

    .fresh-green .calendar-page .month {
        background-color: #b4c960
    }

.fresh-green .calendar a {
    color: #b4c960
}

    .fresh-green .calendar a:hover, .fresh-green .calendar a:focus {
        color: #6e831f
    }

.fresh-green .calendar td a:hover, .fresh-green .calendar td a:focus {
    color: #333;
    background-color: #b4c960
}

.fresh-green a.current-events {
    color: #333;
    background-color: #b4c960
}

    .fresh-green a.current-events:focus, .fresh-green a.current-events:hover, .fresh-green a.current-events:active {
        color: #333;
        background-color: #d2e48b
    }

.fresh-green.landing .call-to-actions .responsive-module, .fresh-green .app .responsive-module {
    border-color: #b4c960
}

.fresh-green .highlighted {
    color: #333;
    background-color: #b4c960
}

    .fresh-green .highlighted a, .fresh-green .highlighted a:hover, .fresh-green .highlighted a:focus {
        color: #333
    }

.fresh-green .responsive-module.light, .fresh-green .light, .fresh-green .light a {
    color: #333;
    background-color: #d2e48b
}

    .fresh-green .responsive-module.light a:hover, .fresh-green .light a:hover, .fresh-green .light a a:hover {
        color: #595959
    }

.fresh-green .responsive-module.medium, .fresh-green .medium, .fresh-green .medium a {
    color: #333;
    background-color: #b4c960
}

    .fresh-green .responsive-module.medium a:hover, .fresh-green .medium a:hover, .fresh-green .medium a a:hover {
        color: #595959
    }

.fresh-green .responsive-module.dark, .fresh-green .dark, .fresh-green .dark a {
    background-color: #6e831f;
    color: white
}

    .fresh-green .responsive-module.dark a:hover, .fresh-green .dark a:hover, .fresh-green .dark a a:hover {
        color: #d9d9d9
    }

.fresh-green .small-colour-none .metadata {
    color: #333;
    background-color: #f3f3f3
}

.fresh-green .small-colour-light .metadata {
    color: #333;
    background-color: #d2e48b
}

.fresh-green .small-colour-medium .metadata {
    color: #333;
    background-color: #b4c960
}

.fresh-green .small-colour-dark .metadata {
    color: white;
    background-color: #6e831f
}

@media screen and (min-width:37.5em) {
    .fresh-green .medium-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .fresh-green .medium-colour-light .metadata {
        color: #333;
        background-color: #d2e48b;
        background: rgba(210,228,139,0.7)
    }

    .fresh-green .medium-colour-medium .metadata {
        color: #333;
        background-color: #b4c960;
        background: rgba(180,201,96,0.7)
    }

    .fresh-green .medium-colour-dark .metadata {
        color: white;
        background-color: #6e831f;
        background: rgba(110,131,31,0.7)
    }
}

@media screen and (min-width:60em) {
    .fresh-green .large-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .fresh-green .large-colour-light .metadata {
        color: #333;
        background-color: #d2e48b;
        background: rgba(210,228,139,0.7)
    }

    .fresh-green .large-colour-medium .metadata {
        color: #333;
        background-color: #b4c960;
        background: rgba(180,201,96,0.7)
    }

    .fresh-green .large-colour-dark .metadata {
        color: white;
        background-color: #6e831f;
        background: rgba(110,131,31,0.7)
    }
}

.fresh-green .faqs li a {
    background-color: #6e831f
}

    .fresh-green .faqs li a:hover, .fresh-green .faqs li a:focus, .fresh-green .faqs li a:active, .fresh-green .faqs li a.is-active {
        background-color: #a2c12e
    }

.fresh-green .call-outs li .call-out-without-link {
    background-color: #6e831f
}

.fresh-green .call-outs li a {
    background-color: #6e831f
}

    .fresh-green .call-outs li a:hover, .fresh-green .call-outs li a:focus, .fresh-green .call-outs li a:active, .fresh-green .call-outs li a.is-active {
        background-color: #a2c12e
    }

.fresh-green .gallery, .fresh-green .photo-strip {
    background-color: #6e831f
}

    .fresh-green .gallery .thumbnails-container .button:hover, .fresh-green .gallery .thumbnails-container .button:focus, .fresh-green .gallery .thumbnails-container .button:active, .fresh-green .photo-strip .thumbnails-container .button:hover, .fresh-green .photo-strip .thumbnails-container .button:focus, .fresh-green .photo-strip .thumbnails-container .button:active {
        background-color: #b4c960
    }

    .fresh-green .gallery .thumbnails-container a.active, .fresh-green .photo-strip .thumbnails-container a.active {
        border-color: #b4c960
    }

    .fresh-green .gallery .thumbnails-container li.thumbnail div, .fresh-green .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #6e831f
    }

.fresh-green .highlighted-article-title-and-summary, .fresh-green .highlighted-title {
    background-image: none;
    background: #b4c960
}

.fresh-green #clockdiv2 {
    color: #b4c960;
    text-align: center
}

    .fresh-green #clockdiv2 > div {
        padding: .25em;
        border-radius: .25em;
        display: inline-block;
        color: white
    }

.fresh-green .smalltext2 {
    font-size: .6em;
    margin-top: .75em;
    line-height: 1em
}

.fresh-green #clockdiv2 div > span {
    padding: 0;
    border-radius: .25em;
    display: inline-block;
    font-size: 1.5em;
    background: white;
    color: #b4c960;
    min-width: 1.5em
}

.fresh-green .herotext {
    position: inherit;
    background-color: white
}

.fresh-green .researchtext {
    position: inherit;
    background-color: none;
    right: 0;
    padding-bottom: .75em
}

.fresh-green #clockdiv2 > div {
    background-color: #b4c960
}

.fresh-green .montage .image-description.theme-description-background, .fresh-green .montage .image-description-top.theme-description-background {
    background-image: none;
    background: rgba(110,131,31,0.6)
}

    .fresh-green .montage .image-description.theme-description-background a, .fresh-green .montage .image-description-top.theme-description-background a {
        color: white
    }

.fresh-green .highlighted .montage--image {
    border-color: #b4c960
}

.fresh-green .cta-button--non-ucas td.button-container {
    background: #6e831f
}

.fresh-green .cta-button--non-ucas td a {
    background: #6e831f
}

    .fresh-green .cta-button--non-ucas td a:hover {
        background-color: white
    }

.fresh-green .campaign {
    background: #b4c960
}

    .fresh-green .campaign .campaign-text {
        color: #333
    }

        .fresh-green .campaign .campaign-text h1 {
            color: white
        }

        .fresh-green .campaign .campaign-text a {
            color: white
        }

.midnight-blue .header-main .home img {
    background-color: #3c3e6f
}

.midnight-blue .header-main a, .midnight-blue .header-main label {
    color: #3c3e6f
}

    .midnight-blue .header-main a:hover, .midnight-blue .header-main a:focus, .midnight-blue .header-main label:hover, .midnight-blue .header-main label:focus {
        color: #131648
    }

.midnight-blue button.search-button, .midnight-blue button.search-button span:after {
    background-color: #3c3e6f;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

    .midnight-blue button.search-button:hover, .midnight-blue button.search-button:focus {
        background-color: #787bb7
    }

        .midnight-blue button.search-button:hover span:after, .midnight-blue button.search-button:focus span:after {
            background-color: #787bb7
        }

.midnight-blue nav.main-navigation a:hover, .midnight-blue nav.main-navigation a:focus, .midnight-blue nav.main-navigation a:active {
    color: #787bb7
}

.midnight-blue .article.hero .responsive-module article, .midnight-blue .article.hero .responsive-module div, .midnight-blue .school.hero .responsive-module article, .midnight-blue .school.hero .responsive-module div, .midnight-blue .course-hero .responsive-module article, .midnight-blue .course-hero .responsive-module div {
    position: relative
}

.midnight-blue .course-stage-heading {
    color: #3c3e6f
}

.midnight-blue .call-to-actions .call-to-action {
    color: white;
    background-color: #3c3e6f
}

    .midnight-blue .call-to-actions .call-to-action:hover, .midnight-blue .call-to-actions .call-to-action:focus, .midnight-blue .call-to-actions .call-to-action:active, .midnight-blue .call-to-actions .call-to-action.is-active {
        background-color: #787bb7
    }

.midnight-blue.landing .call-to-actions .call-to-action {
    color: #3c3e6f;
    background-color: white
}

    .midnight-blue.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .midnight-blue.landing .call-to-actions .call-to-action:hover, .midnight-blue.landing .call-to-actions .call-to-action:focus, .midnight-blue.landing .call-to-actions .call-to-action:active, .midnight-blue.landing .call-to-actions .call-to-action.is-active {
        color: #131648;
        background-color: white
    }

        .midnight-blue.landing .call-to-actions .call-to-action:hover .cta-text, .midnight-blue.landing .call-to-actions .call-to-action:focus .cta-text, .midnight-blue.landing .call-to-actions .call-to-action:active .cta-text, .midnight-blue.landing .call-to-actions .call-to-action.is-active .cta-text {
            color: #005580
        }

.midnight-blue .calendar-page {
    color: #3c3e6f;
    border-color: #3c3e6f
}

    .midnight-blue .calendar-page.end:before, .midnight-blue .calendar-page .day, .midnight-blue .calendar-page .time {
        color: #3c3e6f
    }

    .midnight-blue .calendar-page .month {
        background-color: #3c3e6f
    }

.midnight-blue .calendar a {
    color: #3c3e6f
}

    .midnight-blue .calendar a:hover, .midnight-blue .calendar a:focus {
        color: #131648
    }

.midnight-blue .calendar td a:hover, .midnight-blue .calendar td a:focus {
    color: white;
    background-color: #3c3e6f
}

.midnight-blue a.current-events {
    color: white;
    background-color: #3c3e6f
}

    .midnight-blue a.current-events:focus, .midnight-blue a.current-events:hover, .midnight-blue a.current-events:active {
        color: white;
        background-color: #787bb7
    }

.midnight-blue.landing .call-to-actions .responsive-module, .midnight-blue .app .responsive-module {
    border-color: #3c3e6f
}

.midnight-blue .highlighted {
    color: white;
    background-color: #3c3e6f
}

    .midnight-blue .highlighted a, .midnight-blue .highlighted a:hover, .midnight-blue .highlighted a:focus {
        color: white
    }

.midnight-blue .responsive-module.light, .midnight-blue .light, .midnight-blue .light a {
    color: #333;
    background-color: #787bb7
}

    .midnight-blue .responsive-module.light a:hover, .midnight-blue .light a:hover, .midnight-blue .light a a:hover {
        color: #595959
    }

.midnight-blue .responsive-module.medium, .midnight-blue .medium, .midnight-blue .medium a {
    color: white;
    background-color: #3c3e6f
}

    .midnight-blue .responsive-module.medium a:hover, .midnight-blue .medium a:hover, .midnight-blue .medium a a:hover {
        color: white
    }

.midnight-blue .responsive-module.dark, .midnight-blue .dark, .midnight-blue .dark a {
    background-color: #131648;
    color: white
}

    .midnight-blue .responsive-module.dark a:hover, .midnight-blue .dark a:hover, .midnight-blue .dark a a:hover {
        color: #d9d9d9
    }

.midnight-blue .small-colour-none .metadata {
    color: #333;
    background-color: #f3f3f3
}

.midnight-blue .small-colour-light .metadata {
    color: #333;
    background-color: #787bb7
}

.midnight-blue .small-colour-medium .metadata {
    color: white;
    background-color: #3c3e6f
}

.midnight-blue .small-colour-dark .metadata {
    color: white;
    background-color: #131648
}

@media screen and (min-width:37.5em) {
    .midnight-blue .medium-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .midnight-blue .medium-colour-light .metadata {
        color: #333;
        background-color: #787bb7;
        background: rgba(120,123,183,0.7)
    }

    .midnight-blue .medium-colour-medium .metadata {
        color: white;
        background-color: #3c3e6f;
        background: rgba(60,62,111,0.7)
    }

    .midnight-blue .medium-colour-dark .metadata {
        color: white;
        background-color: #131648;
        background: rgba(19,22,72,0.7)
    }
}

@media screen and (min-width:60em) {
    .midnight-blue .large-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .midnight-blue .large-colour-light .metadata {
        color: #333;
        background-color: #787bb7;
        background: rgba(120,123,183,0.7)
    }

    .midnight-blue .large-colour-medium .metadata {
        color: white;
        background-color: #3c3e6f;
        background: rgba(60,62,111,0.7)
    }

    .midnight-blue .large-colour-dark .metadata {
        color: white;
        background-color: #131648;
        background: rgba(19,22,72,0.7)
    }
}

.midnight-blue .faqs li a {
    background-color: #131648
}

    .midnight-blue .faqs li a:hover, .midnight-blue .faqs li a:focus, .midnight-blue .faqs li a:active, .midnight-blue .faqs li a.is-active {
        background-color: #232885
    }

.midnight-blue .call-outs li .call-out-without-link {
    background-color: #131648
}

.midnight-blue .call-outs li a {
    background-color: #131648
}

    .midnight-blue .call-outs li a:hover, .midnight-blue .call-outs li a:focus, .midnight-blue .call-outs li a:active, .midnight-blue .call-outs li a.is-active {
        background-color: #232885
    }

.midnight-blue .gallery, .midnight-blue .photo-strip {
    background-color: #131648
}

    .midnight-blue .gallery .thumbnails-container .button:hover, .midnight-blue .gallery .thumbnails-container .button:focus, .midnight-blue .gallery .thumbnails-container .button:active, .midnight-blue .photo-strip .thumbnails-container .button:hover, .midnight-blue .photo-strip .thumbnails-container .button:focus, .midnight-blue .photo-strip .thumbnails-container .button:active {
        background-color: #3c3e6f
    }

    .midnight-blue .gallery .thumbnails-container a.active, .midnight-blue .photo-strip .thumbnails-container a.active {
        border-color: #3c3e6f
    }

    .midnight-blue .gallery .thumbnails-container li.thumbnail div, .midnight-blue .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #131648
    }

.midnight-blue .highlighted-article-title-and-summary, .midnight-blue .highlighted-title {
    background-image: none;
    background: #3c3e6f
}

.midnight-blue #clockdiv2 {
    color: #3c3e6f;
    text-align: center
}

    .midnight-blue #clockdiv2 > div {
        padding: .25em;
        border-radius: .25em;
        display: inline-block;
        color: white
    }

.midnight-blue .smalltext2 {
    font-size: .6em;
    margin-top: .75em;
    line-height: 1em
}

.midnight-blue #clockdiv2 div > span {
    padding: 0;
    border-radius: .25em;
    display: inline-block;
    font-size: 1.5em;
    background: white;
    color: #3c3e6f;
    min-width: 1.5em
}

.midnight-blue .herotext {
    position: inherit;
    background-color: white
}

.midnight-blue .researchtext {
    position: inherit;
    background-color: none;
    right: 0;
    padding-bottom: .75em
}

.midnight-blue #clockdiv2 > div {
    background-color: #3c3e6f
}

.midnight-blue .montage .image-description.theme-description-background, .midnight-blue .montage .image-description-top.theme-description-background {
    background-image: none;
    background: rgba(19,22,72,0.6)
}

    .midnight-blue .montage .image-description.theme-description-background a, .midnight-blue .montage .image-description-top.theme-description-background a {
        color: white
    }

.midnight-blue .highlighted .montage--image {
    border-color: #3c3e6f
}

.midnight-blue .cta-button--non-ucas td.button-container {
    background: #131648
}

.midnight-blue .cta-button--non-ucas td a {
    background: #131648
}

    .midnight-blue .cta-button--non-ucas td a:hover {
        background-color: white
    }

.midnight-blue .campaign {
    background: #3c3e6f
}

    .midnight-blue .campaign .campaign-text {
        color: white
    }

        .midnight-blue .campaign .campaign-text h1 {
            color: white
        }

        .midnight-blue .campaign .campaign-text a {
            color: white
        }

.mono .header-main .home img {
    background-color: #747376
}

.mono .header-main a, .mono .header-main label {
    color: #747376
}

    .mono .header-main a:hover, .mono .header-main a:focus, .mono .header-main label:hover, .mono .header-main label:focus {
        color: #222
    }

.mono button.search-button, .mono button.search-button span:after {
    background-color: #747376;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

    .mono button.search-button:hover, .mono button.search-button:focus {
        background-color: #b6b7b9
    }

        .mono button.search-button:hover span:after, .mono button.search-button:focus span:after {
            background-color: #b6b7b9
        }

.mono nav.main-navigation a:hover, .mono nav.main-navigation a:focus, .mono nav.main-navigation a:active {
    color: #b6b7b9
}

.mono .article.hero .responsive-module article, .mono .article.hero .responsive-module div, .mono .school.hero .responsive-module article, .mono .school.hero .responsive-module div, .mono .course-hero .responsive-module article, .mono .course-hero .responsive-module div {
    position: relative
}

.mono .course-stage-heading {
    color: #747376
}

.mono .call-to-actions .call-to-action {
    color: white;
    background-color: #747376
}

    .mono .call-to-actions .call-to-action:hover, .mono .call-to-actions .call-to-action:focus, .mono .call-to-actions .call-to-action:active, .mono .call-to-actions .call-to-action.is-active {
        background-color: #b6b7b9
    }

.mono.landing .call-to-actions .call-to-action {
    color: #747376;
    background-color: white
}

    .mono.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .mono.landing .call-to-actions .call-to-action:hover, .mono.landing .call-to-actions .call-to-action:focus, .mono.landing .call-to-actions .call-to-action:active, .mono.landing .call-to-actions .call-to-action.is-active {
        color: #222;
        background-color: white
    }

        .mono.landing .call-to-actions .call-to-action:hover .cta-text, .mono.landing .call-to-actions .call-to-action:focus .cta-text, .mono.landing .call-to-actions .call-to-action:active .cta-text, .mono.landing .call-to-actions .call-to-action.is-active .cta-text {
            color: #005580
        }

.mono .calendar-page {
    color: #747376;
    border-color: #747376
}

    .mono .calendar-page.end:before, .mono .calendar-page .day, .mono .calendar-page .time {
        color: #747376
    }

    .mono .calendar-page .month {
        background-color: #747376
    }

.mono .calendar a {
    color: #747376
}

    .mono .calendar a:hover, .mono .calendar a:focus {
        color: #222
    }

.mono .calendar td a:hover, .mono .calendar td a:focus {
    color: white;
    background-color: #747376
}

.mono a.current-events {
    color: white;
    background-color: #747376
}

    .mono a.current-events:focus, .mono a.current-events:hover, .mono a.current-events:active {
        color: white;
        background-color: #b6b7b9
    }

.mono.landing .call-to-actions .responsive-module, .mono .app .responsive-module {
    border-color: #747376
}

.mono .highlighted {
    color: white;
    background-color: #747376
}

    .mono .highlighted a, .mono .highlighted a:hover, .mono .highlighted a:focus {
        color: white
    }

.mono .responsive-module.light, .mono .light, .mono .light a {
    color: #333;
    background-color: #b6b7b9
}

    .mono .responsive-module.light a:hover, .mono .light a:hover, .mono .light a a:hover {
        color: #595959
    }

.mono .responsive-module.medium, .mono .medium, .mono .medium a {
    color: white;
    background-color: #747376
}

    .mono .responsive-module.medium a:hover, .mono .medium a:hover, .mono .medium a a:hover {
        color: white
    }

.mono .responsive-module.dark, .mono .dark, .mono .dark a {
    background-color: #222;
    color: white
}

    .mono .responsive-module.dark a:hover, .mono .dark a:hover, .mono .dark a a:hover {
        color: #d9d9d9
    }

.mono .small-colour-none .metadata {
    color: #333;
    background-color: #f3f3f3
}

.mono .small-colour-light .metadata {
    color: #333;
    background-color: #b6b7b9
}

.mono .small-colour-medium .metadata {
    color: white;
    background-color: #747376
}

.mono .small-colour-dark .metadata {
    color: white;
    background-color: #222
}

@media screen and (min-width:37.5em) {
    .mono .medium-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .mono .medium-colour-light .metadata {
        color: #333;
        background-color: #b6b7b9;
        background: rgba(182,183,185,0.7)
    }

    .mono .medium-colour-medium .metadata {
        color: white;
        background-color: #747376;
        background: rgba(116,115,118,0.7)
    }

    .mono .medium-colour-dark .metadata {
        color: white;
        background-color: #222;
        background: rgba(34,34,34,0.7)
    }
}

@media screen and (min-width:60em) {
    .mono .large-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .mono .large-colour-light .metadata {
        color: #333;
        background-color: #b6b7b9;
        background: rgba(182,183,185,0.7)
    }

    .mono .large-colour-medium .metadata {
        color: white;
        background-color: #747376;
        background: rgba(116,115,118,0.7)
    }

    .mono .large-colour-dark .metadata {
        color: white;
        background-color: #222;
        background: rgba(34,34,34,0.7)
    }
}

.mono .faqs li a {
    background-color: #222
}

    .mono .faqs li a:hover, .mono .faqs li a:focus, .mono .faqs li a:active, .mono .faqs li a.is-active {
        background-color: #484848
    }

.mono .call-outs li .call-out-without-link {
    background-color: #222
}

.mono .call-outs li a {
    background-color: #222
}

    .mono .call-outs li a:hover, .mono .call-outs li a:focus, .mono .call-outs li a:active, .mono .call-outs li a.is-active {
        background-color: #484848
    }

.mono .gallery, .mono .photo-strip {
    background-color: #222
}

    .mono .gallery .thumbnails-container .button:hover, .mono .gallery .thumbnails-container .button:focus, .mono .gallery .thumbnails-container .button:active, .mono .photo-strip .thumbnails-container .button:hover, .mono .photo-strip .thumbnails-container .button:focus, .mono .photo-strip .thumbnails-container .button:active {
        background-color: #747376
    }

    .mono .gallery .thumbnails-container a.active, .mono .photo-strip .thumbnails-container a.active {
        border-color: #747376
    }

    .mono .gallery .thumbnails-container li.thumbnail div, .mono .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #222
    }

.mono .highlighted-article-title-and-summary, .mono .highlighted-title {
    background-image: none;
    background: #747376
}

.mono #clockdiv2 {
    color: #747376;
    text-align: center
}

    .mono #clockdiv2 > div {
        padding: .25em;
        border-radius: .25em;
        display: inline-block;
        color: white
    }

.mono .smalltext2 {
    font-size: .6em;
    margin-top: .75em;
    line-height: 1em
}

.mono #clockdiv2 div > span {
    padding: 0;
    border-radius: .25em;
    display: inline-block;
    font-size: 1.5em;
    background: white;
    color: #747376;
    min-width: 1.5em
}

.mono .herotext {
    position: inherit;
    background-color: white
}

.mono .researchtext {
    position: inherit;
    background-color: none;
    right: 0;
    padding-bottom: .75em
}

.mono #clockdiv2 > div {
    background-color: #747376
}

.mono .montage .image-description.theme-description-background, .mono .montage .image-description-top.theme-description-background {
    background-image: none;
    background: rgba(34,34,34,0.6)
}

    .mono .montage .image-description.theme-description-background a, .mono .montage .image-description-top.theme-description-background a {
        color: white
    }

.mono .highlighted .montage--image {
    border-color: #747376
}

.mono .cta-button--non-ucas td.button-container {
    background: #222
}

.mono .cta-button--non-ucas td a {
    background: #222
}

    .mono .cta-button--non-ucas td a:hover {
        background-color: white
    }

.mono .campaign {
    background: #747376
}

    .mono .campaign .campaign-text {
        color: white
    }

        .mono .campaign .campaign-text h1 {
            color: white
        }

        .mono .campaign .campaign-text a {
            color: white
        }

.noir .header-main .home img {
    background-color: black
}

.noir .header-main a, .noir .header-main label {
    color: black
}

    .noir .header-main a:hover, .noir .header-main a:focus, .noir .header-main label:hover, .noir .header-main label:focus {
        color: black
    }

.noir button.search-button, .noir button.search-button span:after {
    background-color: black;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

    .noir button.search-button:hover, .noir button.search-button:focus {
        background-color: black
    }

        .noir button.search-button:hover span:after, .noir button.search-button:focus span:after {
            background-color: black
        }

.noir nav.main-navigation a:hover, .noir nav.main-navigation a:focus, .noir nav.main-navigation a:active {
    color: #d9d9d9
}

.noir .article.hero .responsive-module article, .noir .article.hero .responsive-module div, .noir .school.hero .responsive-module article, .noir .school.hero .responsive-module div, .noir .course-hero .responsive-module article, .noir .course-hero .responsive-module div {
    position: relative
}

.noir .course-stage-heading {
    color: black
}

.noir .call-to-actions .call-to-action {
    color: white;
    background-color: black
}

    .noir .call-to-actions .call-to-action:hover, .noir .call-to-actions .call-to-action:focus, .noir .call-to-actions .call-to-action:active, .noir .call-to-actions .call-to-action.is-active {
        background-color: #666
    }

.noir.landing .call-to-actions .call-to-action {
    color: black;
    background-color: white
}

    .noir.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .noir.landing .call-to-actions .call-to-action:hover, .noir.landing .call-to-actions .call-to-action:focus, .noir.landing .call-to-actions .call-to-action:active, .noir.landing .call-to-actions .call-to-action.is-active {
        color: #4d4d4d;
        background-color: white
    }

        .noir.landing .call-to-actions .call-to-action:hover .cta-text, .noir.landing .call-to-actions .call-to-action:focus .cta-text, .noir.landing .call-to-actions .call-to-action:active .cta-text, .noir.landing .call-to-actions .call-to-action.is-active .cta-text {
            color: #005580
        }

.noir .calendar-page {
    color: black;
    border-color: black
}

    .noir .calendar-page.end:before, .noir .calendar-page .day, .noir .calendar-page .time {
        color: black
    }

    .noir .calendar-page .month {
        background-color: black
    }

.noir .calendar a {
    color: black
}

    .noir .calendar a:hover, .noir .calendar a:focus {
        color: black
    }

.noir .calendar td a:hover, .noir .calendar td a:focus {
    color: white;
    background-color: black
}

.noir a.current-events {
    color: white;
    background-color: black
}

    .noir a.current-events:focus, .noir a.current-events:hover, .noir a.current-events:active {
        color: white;
        background-color: black
    }

.noir.landing .call-to-actions .responsive-module, .noir .app .responsive-module {
    border-color: black
}

.noir .highlighted {
    color: white;
    background-color: black
}

    .noir .highlighted a, .noir .highlighted a:hover, .noir .highlighted a:focus {
        color: white
    }

.noir .responsive-module.light, .noir .light, .noir .light a {
    color: white;
    background-color: black
}

    .noir .responsive-module.light a:hover, .noir .light a:hover, .noir .light a a:hover {
        color: white
    }

.noir .responsive-module.medium, .noir .medium, .noir .medium a {
    color: white;
    background-color: black
}

    .noir .responsive-module.medium a:hover, .noir .medium a:hover, .noir .medium a a:hover {
        color: white
    }

.noir .responsive-module.dark, .noir .dark, .noir .dark a {
    background-color: black;
    color: white
}

    .noir .responsive-module.dark a:hover, .noir .dark a:hover, .noir .dark a a:hover {
        color: #d9d9d9
    }

.noir .small-colour-none .metadata {
    color: #333;
    background-color: #f3f3f3
}

.noir .small-colour-light .metadata {
    color: white;
    background-color: black
}

.noir .small-colour-medium .metadata {
    color: white;
    background-color: black
}

.noir .small-colour-dark .metadata {
    color: white;
    background-color: black
}

@media screen and (min-width:37.5em) {
    .noir .medium-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .noir .medium-colour-light .metadata {
        color: white;
        background-color: black;
        background: rgba(0,0,0,0.7)
    }

    .noir .medium-colour-medium .metadata {
        color: white;
        background-color: black;
        background: rgba(0,0,0,0.7)
    }

    .noir .medium-colour-dark .metadata {
        color: white;
        background-color: black;
        background: rgba(0,0,0,0.7)
    }
}

@media screen and (min-width:60em) {
    .noir .large-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .noir .large-colour-light .metadata {
        color: white;
        background-color: black;
        background: rgba(0,0,0,0.7)
    }

    .noir .large-colour-medium .metadata {
        color: white;
        background-color: black;
        background: rgba(0,0,0,0.7)
    }

    .noir .large-colour-dark .metadata {
        color: white;
        background-color: black;
        background: rgba(0,0,0,0.7)
    }
}

.noir .faqs li a {
    background-color: black
}

    .noir .faqs li a:hover, .noir .faqs li a:focus, .noir .faqs li a:active, .noir .faqs li a.is-active {
        background-color: #4d4d4d
    }

.noir .call-outs li .call-out-without-link {
    background-color: black
}

.noir .call-outs li a {
    background-color: black
}

    .noir .call-outs li a:hover, .noir .call-outs li a:focus, .noir .call-outs li a:active, .noir .call-outs li a.is-active {
        background-color: #4d4d4d
    }

.noir .gallery, .noir .photo-strip {
    background-color: black
}

    .noir .gallery .thumbnails-container .button:hover, .noir .gallery .thumbnails-container .button:focus, .noir .gallery .thumbnails-container .button:active, .noir .photo-strip .thumbnails-container .button:hover, .noir .photo-strip .thumbnails-container .button:focus, .noir .photo-strip .thumbnails-container .button:active {
        background-color: black
    }

    .noir .gallery .thumbnails-container a.active, .noir .photo-strip .thumbnails-container a.active {
        border-color: black
    }

    .noir .gallery .thumbnails-container li.thumbnail div, .noir .photo-strip .thumbnails-container li.thumbnail div {
        background-color: black
    }

.noir .highlighted-article-title-and-summary, .noir .highlighted-title {
    background-image: none;
    background: black
}

.noir #clockdiv2 {
    color: black;
    text-align: center
}

    .noir #clockdiv2 > div {
        padding: .25em;
        border-radius: .25em;
        display: inline-block;
        color: white
    }

.noir .smalltext2 {
    font-size: .6em;
    margin-top: .75em;
    line-height: 1em
}

.noir #clockdiv2 div > span {
    padding: 0;
    border-radius: .25em;
    display: inline-block;
    font-size: 1.5em;
    background: white;
    color: black;
    min-width: 1.5em
}

.noir .herotext {
    position: inherit;
    background-color: white
}

.noir .researchtext {
    position: inherit;
    background-color: none;
    right: 0;
    padding-bottom: .75em
}

.noir #clockdiv2 > div {
    background-color: black
}

.noir .montage .image-description.theme-description-background, .noir .montage .image-description-top.theme-description-background {
    background-image: none;
    background: rgba(0,0,0,0.6)
}

    .noir .montage .image-description.theme-description-background a, .noir .montage .image-description-top.theme-description-background a {
        color: white
    }

.noir .highlighted .montage--image {
    border-color: black
}

.noir .cta-button--non-ucas td.button-container {
    background: black
}

.noir .cta-button--non-ucas td a {
    background: black
}

    .noir .cta-button--non-ucas td a:hover {
        background-color: white
    }

.noir .campaign {
    background: black
}

    .noir .campaign .campaign-text {
        color: white
    }

        .noir .campaign .campaign-text h1 {
            color: white
        }

        .noir .campaign .campaign-text a {
            color: white
        }

.persian-indigo .header-main .home img {
    background-color: #1d347e
}

.persian-indigo .header-main a, .persian-indigo .header-main label {
    color: #1d347e
}

    .persian-indigo .header-main a:hover, .persian-indigo .header-main a:focus, .persian-indigo .header-main label:hover, .persian-indigo .header-main label:focus {
        color: #091a52
    }

.persian-indigo button.search-button, .persian-indigo button.search-button span:after {
    background-color: #1d347e;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

    .persian-indigo button.search-button:hover, .persian-indigo button.search-button:focus {
        background-color: #516abf
    }

        .persian-indigo button.search-button:hover span:after, .persian-indigo button.search-button:focus span:after {
            background-color: #516abf
        }

.persian-indigo nav.main-navigation a:hover, .persian-indigo nav.main-navigation a:focus, .persian-indigo nav.main-navigation a:active {
    color: #516abf
}

.persian-indigo .article.hero .responsive-module article, .persian-indigo .article.hero .responsive-module div, .persian-indigo .school.hero .responsive-module article, .persian-indigo .school.hero .responsive-module div, .persian-indigo .course-hero .responsive-module article, .persian-indigo .course-hero .responsive-module div {
    position: relative
}

.persian-indigo .course-stage-heading {
    color: #1d347e
}

.persian-indigo .call-to-actions .call-to-action {
    color: white;
    background-color: #1d347e
}

    .persian-indigo .call-to-actions .call-to-action:hover, .persian-indigo .call-to-actions .call-to-action:focus, .persian-indigo .call-to-actions .call-to-action:active, .persian-indigo .call-to-actions .call-to-action.is-active {
        background-color: #516abf
    }

.persian-indigo.landing .call-to-actions .call-to-action {
    color: #1d347e;
    background-color: white
}

    .persian-indigo.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .persian-indigo.landing .call-to-actions .call-to-action:hover, .persian-indigo.landing .call-to-actions .call-to-action:focus, .persian-indigo.landing .call-to-actions .call-to-action:active, .persian-indigo.landing .call-to-actions .call-to-action.is-active {
        color: #091a52;
        background-color: white
    }

        .persian-indigo.landing .call-to-actions .call-to-action:hover .cta-text, .persian-indigo.landing .call-to-actions .call-to-action:focus .cta-text, .persian-indigo.landing .call-to-actions .call-to-action:active .cta-text, .persian-indigo.landing .call-to-actions .call-to-action.is-active .cta-text {
            color: #005580
        }

.persian-indigo .calendar-page {
    color: #1d347e;
    border-color: #1d347e
}

    .persian-indigo .calendar-page.end:before, .persian-indigo .calendar-page .day, .persian-indigo .calendar-page .time {
        color: #1d347e
    }

    .persian-indigo .calendar-page .month {
        background-color: #1d347e
    }

.persian-indigo .calendar a {
    color: #1d347e
}

    .persian-indigo .calendar a:hover, .persian-indigo .calendar a:focus {
        color: #091a52
    }

.persian-indigo .calendar td a:hover, .persian-indigo .calendar td a:focus {
    color: white;
    background-color: #1d347e
}

.persian-indigo a.current-events {
    color: white;
    background-color: #1d347e
}

    .persian-indigo a.current-events:focus, .persian-indigo a.current-events:hover, .persian-indigo a.current-events:active {
        color: white;
        background-color: #516abf
    }

.persian-indigo.landing .call-to-actions .responsive-module, .persian-indigo .app .responsive-module {
    border-color: #1d347e
}

.persian-indigo .highlighted {
    color: white;
    background-color: #1d347e
}

    .persian-indigo .highlighted a, .persian-indigo .highlighted a:hover, .persian-indigo .highlighted a:focus {
        color: white
    }

.persian-indigo .responsive-module.light, .persian-indigo .light, .persian-indigo .light a {
    color: #333;
    background-color: #516abf
}

    .persian-indigo .responsive-module.light a:hover, .persian-indigo .light a:hover, .persian-indigo .light a a:hover {
        color: #595959
    }

.persian-indigo .responsive-module.medium, .persian-indigo .medium, .persian-indigo .medium a {
    color: white;
    background-color: #1d347e
}

    .persian-indigo .responsive-module.medium a:hover, .persian-indigo .medium a:hover, .persian-indigo .medium a a:hover {
        color: white
    }

.persian-indigo .responsive-module.dark, .persian-indigo .dark, .persian-indigo .dark a {
    background-color: #091a52;
    color: white
}

    .persian-indigo .responsive-module.dark a:hover, .persian-indigo .dark a:hover, .persian-indigo .dark a a:hover {
        color: #d9d9d9
    }

.persian-indigo .small-colour-none .metadata {
    color: #333;
    background-color: #f3f3f3
}

.persian-indigo .small-colour-light .metadata {
    color: #333;
    background-color: #516abf
}

.persian-indigo .small-colour-medium .metadata {
    color: white;
    background-color: #1d347e
}

.persian-indigo .small-colour-dark .metadata {
    color: white;
    background-color: #091a52
}

@media screen and (min-width:37.5em) {
    .persian-indigo .medium-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .persian-indigo .medium-colour-light .metadata {
        color: #333;
        background-color: #516abf;
        background: rgba(81,106,191,0.7)
    }

    .persian-indigo .medium-colour-medium .metadata {
        color: white;
        background-color: #1d347e;
        background: rgba(29,52,126,0.7)
    }

    .persian-indigo .medium-colour-dark .metadata {
        color: white;
        background-color: #091a52;
        background: rgba(9,26,82,0.7)
    }
}

@media screen and (min-width:60em) {
    .persian-indigo .large-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .persian-indigo .large-colour-light .metadata {
        color: #333;
        background-color: #516abf;
        background: rgba(81,106,191,0.7)
    }

    .persian-indigo .large-colour-medium .metadata {
        color: white;
        background-color: #1d347e;
        background: rgba(29,52,126,0.7)
    }

    .persian-indigo .large-colour-dark .metadata {
        color: white;
        background-color: #091a52;
        background: rgba(9,26,82,0.7)
    }
}

.persian-indigo .faqs li a {
    background-color: #091a52
}

    .persian-indigo .faqs li a:hover, .persian-indigo .faqs li a:focus, .persian-indigo .faqs li a:active, .persian-indigo .faqs li a.is-active {
        background-color: #113097
    }

.persian-indigo .call-outs li .call-out-without-link {
    background-color: #091a52
}

.persian-indigo .call-outs li a {
    background-color: #091a52
}

    .persian-indigo .call-outs li a:hover, .persian-indigo .call-outs li a:focus, .persian-indigo .call-outs li a:active, .persian-indigo .call-outs li a.is-active {
        background-color: #113097
    }

.persian-indigo .gallery, .persian-indigo .photo-strip {
    background-color: #091a52
}

    .persian-indigo .gallery .thumbnails-container .button:hover, .persian-indigo .gallery .thumbnails-container .button:focus, .persian-indigo .gallery .thumbnails-container .button:active, .persian-indigo .photo-strip .thumbnails-container .button:hover, .persian-indigo .photo-strip .thumbnails-container .button:focus, .persian-indigo .photo-strip .thumbnails-container .button:active {
        background-color: #1d347e
    }

    .persian-indigo .gallery .thumbnails-container a.active, .persian-indigo .photo-strip .thumbnails-container a.active {
        border-color: #1d347e
    }

    .persian-indigo .gallery .thumbnails-container li.thumbnail div, .persian-indigo .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #091a52
    }

.persian-indigo .highlighted-article-title-and-summary, .persian-indigo .highlighted-title {
    background-image: none;
    background: #1d347e
}

.persian-indigo #clockdiv2 {
    color: #1d347e;
    text-align: center
}

    .persian-indigo #clockdiv2 > div {
        padding: .25em;
        border-radius: .25em;
        display: inline-block;
        color: white
    }

.persian-indigo .smalltext2 {
    font-size: .6em;
    margin-top: .75em;
    line-height: 1em
}

.persian-indigo #clockdiv2 div > span {
    padding: 0;
    border-radius: .25em;
    display: inline-block;
    font-size: 1.5em;
    background: white;
    color: #1d347e;
    min-width: 1.5em
}

.persian-indigo .herotext {
    position: inherit;
    background-color: white
}

.persian-indigo .researchtext {
    position: inherit;
    background-color: none;
    right: 0;
    padding-bottom: .75em
}

.persian-indigo #clockdiv2 > div {
    background-color: #1d347e
}

.persian-indigo .montage .image-description.theme-description-background, .persian-indigo .montage .image-description-top.theme-description-background {
    background-image: none;
    background: rgba(9,26,82,0.6)
}

    .persian-indigo .montage .image-description.theme-description-background a, .persian-indigo .montage .image-description-top.theme-description-background a {
        color: white
    }

.persian-indigo .highlighted .montage--image {
    border-color: #1d347e
}

.persian-indigo .cta-button--non-ucas td.button-container {
    background: #091a52
}

.persian-indigo .cta-button--non-ucas td a {
    background: #091a52
}

    .persian-indigo .cta-button--non-ucas td a:hover {
        background-color: white
    }

.persian-indigo .campaign {
    background: #1d347e
}

    .persian-indigo .campaign .campaign-text {
        color: white
    }

        .persian-indigo .campaign .campaign-text h1 {
            color: white
        }

        .persian-indigo .campaign .campaign-text a {
            color: white
        }

.raspberry-red .header-main .home img {
    background-color: #c1004a
}

.raspberry-red .header-main a, .raspberry-red .header-main label {
    color: #c1004a
}

    .raspberry-red .header-main a:hover, .raspberry-red .header-main a:focus, .raspberry-red .header-main label:hover, .raspberry-red .header-main label:focus {
        color: #7d0031
    }

.raspberry-red button.search-button, .raspberry-red button.search-button span:after {
    background-color: #c1004a;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

    .raspberry-red button.search-button:hover, .raspberry-red button.search-button:focus {
        background-color: #e03879
    }

        .raspberry-red button.search-button:hover span:after, .raspberry-red button.search-button:focus span:after {
            background-color: #e03879
        }

.raspberry-red nav.main-navigation a:hover, .raspberry-red nav.main-navigation a:focus, .raspberry-red nav.main-navigation a:active {
    color: #e03879
}

.raspberry-red .article.hero .responsive-module article, .raspberry-red .article.hero .responsive-module div, .raspberry-red .school.hero .responsive-module article, .raspberry-red .school.hero .responsive-module div, .raspberry-red .course-hero .responsive-module article, .raspberry-red .course-hero .responsive-module div {
    position: relative
}

.raspberry-red .course-stage-heading {
    color: #c1004a
}

.raspberry-red .call-to-actions .call-to-action {
    color: white;
    background-color: #c1004a
}

    .raspberry-red .call-to-actions .call-to-action:hover, .raspberry-red .call-to-actions .call-to-action:focus, .raspberry-red .call-to-actions .call-to-action:active, .raspberry-red .call-to-actions .call-to-action.is-active {
        background-color: #e03879
    }

.raspberry-red.landing .call-to-actions .call-to-action {
    color: #c1004a;
    background-color: white
}

    .raspberry-red.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .raspberry-red.landing .call-to-actions .call-to-action:hover, .raspberry-red.landing .call-to-actions .call-to-action:focus, .raspberry-red.landing .call-to-actions .call-to-action:active, .raspberry-red.landing .call-to-actions .call-to-action.is-active {
        color: #7d0031;
        background-color: white
    }

        .raspberry-red.landing .call-to-actions .call-to-action:hover .cta-text, .raspberry-red.landing .call-to-actions .call-to-action:focus .cta-text, .raspberry-red.landing .call-to-actions .call-to-action:active .cta-text, .raspberry-red.landing .call-to-actions .call-to-action.is-active .cta-text {
            color: #005580
        }

.raspberry-red .calendar-page {
    color: #c1004a;
    border-color: #c1004a
}

    .raspberry-red .calendar-page.end:before, .raspberry-red .calendar-page .day, .raspberry-red .calendar-page .time {
        color: #c1004a
    }

    .raspberry-red .calendar-page .month {
        background-color: #c1004a
    }

.raspberry-red .calendar a {
    color: #c1004a
}

    .raspberry-red .calendar a:hover, .raspberry-red .calendar a:focus {
        color: #7d0031
    }

.raspberry-red .calendar td a:hover, .raspberry-red .calendar td a:focus {
    color: white;
    background-color: #c1004a
}

.raspberry-red a.current-events {
    color: white;
    background-color: #c1004a
}

    .raspberry-red a.current-events:focus, .raspberry-red a.current-events:hover, .raspberry-red a.current-events:active {
        color: white;
        background-color: #e03879
    }

.raspberry-red.landing .call-to-actions .responsive-module, .raspberry-red .app .responsive-module {
    border-color: #c1004a
}

.raspberry-red .highlighted {
    color: white;
    background-color: #c1004a
}

    .raspberry-red .highlighted a, .raspberry-red .highlighted a:hover, .raspberry-red .highlighted a:focus {
        color: white
    }

.raspberry-red .responsive-module.light, .raspberry-red .light, .raspberry-red .light a {
    color: #333;
    background-color: #e03879
}

    .raspberry-red .responsive-module.light a:hover, .raspberry-red .light a:hover, .raspberry-red .light a a:hover {
        color: #595959
    }

.raspberry-red .responsive-module.medium, .raspberry-red .medium, .raspberry-red .medium a {
    color: white;
    background-color: #c1004a
}

    .raspberry-red .responsive-module.medium a:hover, .raspberry-red .medium a:hover, .raspberry-red .medium a a:hover {
        color: white
    }

.raspberry-red .responsive-module.dark, .raspberry-red .dark, .raspberry-red .dark a {
    background-color: #7d0031;
    color: white
}

    .raspberry-red .responsive-module.dark a:hover, .raspberry-red .dark a:hover, .raspberry-red .dark a a:hover {
        color: #d9d9d9
    }

.raspberry-red .small-colour-none .metadata {
    color: #333;
    background-color: #f3f3f3
}

.raspberry-red .small-colour-light .metadata {
    color: #333;
    background-color: #e03879
}

.raspberry-red .small-colour-medium .metadata {
    color: white;
    background-color: #c1004a
}

.raspberry-red .small-colour-dark .metadata {
    color: white;
    background-color: #7d0031
}

@media screen and (min-width:37.5em) {
    .raspberry-red .medium-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .raspberry-red .medium-colour-light .metadata {
        color: #333;
        background-color: #e03879;
        background: rgba(224,56,121,0.7)
    }

    .raspberry-red .medium-colour-medium .metadata {
        color: white;
        background-color: #c1004a;
        background: rgba(193,0,74,0.7)
    }

    .raspberry-red .medium-colour-dark .metadata {
        color: white;
        background-color: #7d0031;
        background: rgba(125,0,49,0.7)
    }
}

@media screen and (min-width:60em) {
    .raspberry-red .large-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .raspberry-red .large-colour-light .metadata {
        color: #333;
        background-color: #e03879;
        background: rgba(224,56,121,0.7)
    }

    .raspberry-red .large-colour-medium .metadata {
        color: white;
        background-color: #c1004a;
        background: rgba(193,0,74,0.7)
    }

    .raspberry-red .large-colour-dark .metadata {
        color: white;
        background-color: #7d0031;
        background: rgba(125,0,49,0.7)
    }
}

.raspberry-red .faqs li a {
    background-color: #7d0031
}

    .raspberry-red .faqs li a:hover, .raspberry-red .faqs li a:focus, .raspberry-red .faqs li a:active, .raspberry-red .faqs li a.is-active {
        background-color: #ca004f
    }

.raspberry-red .call-outs li .call-out-without-link {
    background-color: #7d0031
}

.raspberry-red .call-outs li a {
    background-color: #7d0031
}

    .raspberry-red .call-outs li a:hover, .raspberry-red .call-outs li a:focus, .raspberry-red .call-outs li a:active, .raspberry-red .call-outs li a.is-active {
        background-color: #ca004f
    }

.raspberry-red .gallery, .raspberry-red .photo-strip {
    background-color: #7d0031
}

    .raspberry-red .gallery .thumbnails-container .button:hover, .raspberry-red .gallery .thumbnails-container .button:focus, .raspberry-red .gallery .thumbnails-container .button:active, .raspberry-red .photo-strip .thumbnails-container .button:hover, .raspberry-red .photo-strip .thumbnails-container .button:focus, .raspberry-red .photo-strip .thumbnails-container .button:active {
        background-color: #c1004a
    }

    .raspberry-red .gallery .thumbnails-container a.active, .raspberry-red .photo-strip .thumbnails-container a.active {
        border-color: #c1004a
    }

    .raspberry-red .gallery .thumbnails-container li.thumbnail div, .raspberry-red .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #7d0031
    }

.raspberry-red .highlighted-article-title-and-summary, .raspberry-red .highlighted-title {
    background-image: none;
    background: #c1004a
}

.raspberry-red #clockdiv2 {
    color: #c1004a;
    text-align: center
}

    .raspberry-red #clockdiv2 > div {
        padding: .25em;
        border-radius: .25em;
        display: inline-block;
        color: white
    }

.raspberry-red .smalltext2 {
    font-size: .6em;
    margin-top: .75em;
    line-height: 1em
}

.raspberry-red #clockdiv2 div > span {
    padding: 0;
    border-radius: .25em;
    display: inline-block;
    font-size: 1.5em;
    background: white;
    color: #c1004a;
    min-width: 1.5em
}

.raspberry-red .herotext {
    position: inherit;
    background-color: white
}

.raspberry-red .researchtext {
    position: inherit;
    background-color: none;
    right: 0;
    padding-bottom: .75em
}

.raspberry-red #clockdiv2 > div {
    background-color: #c1004a
}

.raspberry-red .montage .image-description.theme-description-background, .raspberry-red .montage .image-description-top.theme-description-background {
    background-image: none;
    background: rgba(125,0,49,0.6)
}

    .raspberry-red .montage .image-description.theme-description-background a, .raspberry-red .montage .image-description-top.theme-description-background a {
        color: white
    }

.raspberry-red .highlighted .montage--image {
    border-color: #c1004a
}

.raspberry-red .cta-button--non-ucas td.button-container {
    background: #7d0031
}

.raspberry-red .cta-button--non-ucas td a {
    background: #7d0031
}

    .raspberry-red .cta-button--non-ucas td a:hover {
        background-color: white
    }

.raspberry-red .campaign {
    background: #c1004a
}

    .raspberry-red .campaign .campaign-text {
        color: white
    }

        .raspberry-red .campaign .campaign-text h1 {
            color: white
        }

        .raspberry-red .campaign .campaign-text a {
            color: white
        }

.sea-green .header-main .home img {
    background-color: #9fcac5
}

.sea-green .header-main a, .sea-green .header-main label {
    color: #9fcac5
}

    .sea-green .header-main a:hover, .sea-green .header-main a:focus, .sea-green .header-main label:hover, .sea-green .header-main label:focus {
        color: #34837b
    }

.sea-green button.search-button, .sea-green button.search-button span:after {
    background-color: #9fcac5;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

    .sea-green button.search-button:hover, .sea-green button.search-button:focus {
        background-color: #c0e4e1
    }

        .sea-green button.search-button:hover span:after, .sea-green button.search-button:focus span:after {
            background-color: #c0e4e1
        }

.sea-green nav.main-navigation a:hover, .sea-green nav.main-navigation a:focus, .sea-green nav.main-navigation a:active {
    color: #c0e4e1
}

.sea-green .article.hero .responsive-module article, .sea-green .article.hero .responsive-module div, .sea-green .school.hero .responsive-module article, .sea-green .school.hero .responsive-module div, .sea-green .course-hero .responsive-module article, .sea-green .course-hero .responsive-module div {
    position: relative
}

.sea-green .course-stage-heading {
    color: #9fcac5
}

.sea-green .call-to-actions .call-to-action {
    color: #333;
    background-color: #9fcac5
}

    .sea-green .call-to-actions .call-to-action:hover, .sea-green .call-to-actions .call-to-action:focus, .sea-green .call-to-actions .call-to-action:active, .sea-green .call-to-actions .call-to-action.is-active {
        background-color: #c0e4e1
    }

.sea-green.landing .call-to-actions .call-to-action {
    color: #9fcac5;
    background-color: white
}

    .sea-green.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .sea-green.landing .call-to-actions .call-to-action:hover, .sea-green.landing .call-to-actions .call-to-action:focus, .sea-green.landing .call-to-actions .call-to-action:active, .sea-green.landing .call-to-actions .call-to-action.is-active {
        color: #34837b;
        background-color: white
    }

        .sea-green.landing .call-to-actions .call-to-action:hover .cta-text, .sea-green.landing .call-to-actions .call-to-action:focus .cta-text, .sea-green.landing .call-to-actions .call-to-action:active .cta-text, .sea-green.landing .call-to-actions .call-to-action.is-active .cta-text {
            color: #005580
        }

.sea-green .calendar-page {
    color: #9fcac5;
    border-color: #9fcac5
}

    .sea-green .calendar-page.end:before, .sea-green .calendar-page .day, .sea-green .calendar-page .time {
        color: #9fcac5
    }

    .sea-green .calendar-page .month {
        background-color: #9fcac5
    }

.sea-green .calendar a {
    color: #9fcac5
}

    .sea-green .calendar a:hover, .sea-green .calendar a:focus {
        color: #34837b
    }

.sea-green .calendar td a:hover, .sea-green .calendar td a:focus {
    color: #333;
    background-color: #9fcac5
}

.sea-green a.current-events {
    color: #333;
    background-color: #9fcac5
}

    .sea-green a.current-events:focus, .sea-green a.current-events:hover, .sea-green a.current-events:active {
        color: #333;
        background-color: #c0e4e1
    }

.sea-green.landing .call-to-actions .responsive-module, .sea-green .app .responsive-module {
    border-color: #9fcac5
}

.sea-green .highlighted {
    color: #333;
    background-color: #9fcac5
}

    .sea-green .highlighted a, .sea-green .highlighted a:hover, .sea-green .highlighted a:focus {
        color: #333
    }

.sea-green .responsive-module.light, .sea-green .light, .sea-green .light a {
    color: #333;
    background-color: #c0e4e1
}

    .sea-green .responsive-module.light a:hover, .sea-green .light a:hover, .sea-green .light a a:hover {
        color: #595959
    }

.sea-green .responsive-module.medium, .sea-green .medium, .sea-green .medium a {
    color: #333;
    background-color: #9fcac5
}

    .sea-green .responsive-module.medium a:hover, .sea-green .medium a:hover, .sea-green .medium a a:hover {
        color: #595959
    }

.sea-green .responsive-module.dark, .sea-green .dark, .sea-green .dark a {
    background-color: #34837b;
    color: white
}

    .sea-green .responsive-module.dark a:hover, .sea-green .dark a:hover, .sea-green .dark a a:hover {
        color: #d9d9d9
    }

.sea-green .small-colour-none .metadata {
    color: #333;
    background-color: #f3f3f3
}

.sea-green .small-colour-light .metadata {
    color: #333;
    background-color: #c0e4e1
}

.sea-green .small-colour-medium .metadata {
    color: #333;
    background-color: #9fcac5
}

.sea-green .small-colour-dark .metadata {
    color: white;
    background-color: #34837b
}

@media screen and (min-width:37.5em) {
    .sea-green .medium-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .sea-green .medium-colour-light .metadata {
        color: #333;
        background-color: #c0e4e1;
        background: rgba(192,228,225,0.7)
    }

    .sea-green .medium-colour-medium .metadata {
        color: #333;
        background-color: #9fcac5;
        background: rgba(159,202,197,0.7)
    }

    .sea-green .medium-colour-dark .metadata {
        color: white;
        background-color: #34837b;
        background: rgba(52,131,123,0.7)
    }
}

@media screen and (min-width:60em) {
    .sea-green .large-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .sea-green .large-colour-light .metadata {
        color: #333;
        background-color: #c0e4e1;
        background: rgba(192,228,225,0.7)
    }

    .sea-green .large-colour-medium .metadata {
        color: #333;
        background-color: #9fcac5;
        background: rgba(159,202,197,0.7)
    }

    .sea-green .large-colour-dark .metadata {
        color: white;
        background-color: #34837b;
        background: rgba(52,131,123,0.7)
    }
}

.sea-green .faqs li a {
    background-color: #34837b
}

    .sea-green .faqs li a:hover, .sea-green .faqs li a:focus, .sea-green .faqs li a:active, .sea-green .faqs li a.is-active {
        background-color: #4cb8ad
    }

.sea-green .call-outs li .call-out-without-link {
    background-color: #34837b
}

.sea-green .call-outs li a {
    background-color: #34837b
}

    .sea-green .call-outs li a:hover, .sea-green .call-outs li a:focus, .sea-green .call-outs li a:active, .sea-green .call-outs li a.is-active {
        background-color: #4cb8ad
    }

.sea-green .gallery, .sea-green .photo-strip {
    background-color: #34837b
}

    .sea-green .gallery .thumbnails-container .button:hover, .sea-green .gallery .thumbnails-container .button:focus, .sea-green .gallery .thumbnails-container .button:active, .sea-green .photo-strip .thumbnails-container .button:hover, .sea-green .photo-strip .thumbnails-container .button:focus, .sea-green .photo-strip .thumbnails-container .button:active {
        background-color: #9fcac5
    }

    .sea-green .gallery .thumbnails-container a.active, .sea-green .photo-strip .thumbnails-container a.active {
        border-color: #9fcac5
    }

    .sea-green .gallery .thumbnails-container li.thumbnail div, .sea-green .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #34837b
    }

.sea-green .highlighted-article-title-and-summary, .sea-green .highlighted-title {
    background-image: none;
    background: #9fcac5
}

.sea-green #clockdiv2 {
    color: #9fcac5;
    text-align: center
}

    .sea-green #clockdiv2 > div {
        padding: .25em;
        border-radius: .25em;
        display: inline-block;
        color: white
    }

.sea-green .smalltext2 {
    font-size: .6em;
    margin-top: .75em;
    line-height: 1em
}

.sea-green #clockdiv2 div > span {
    padding: 0;
    border-radius: .25em;
    display: inline-block;
    font-size: 1.5em;
    background: white;
    color: #9fcac5;
    min-width: 1.5em
}

.sea-green .herotext {
    position: inherit;
    background-color: white
}

.sea-green .researchtext {
    position: inherit;
    background-color: none;
    right: 0;
    padding-bottom: .75em
}

.sea-green #clockdiv2 > div {
    background-color: #9fcac5
}

.sea-green .montage .image-description.theme-description-background, .sea-green .montage .image-description-top.theme-description-background {
    background-image: none;
    background: rgba(52,131,123,0.6)
}

    .sea-green .montage .image-description.theme-description-background a, .sea-green .montage .image-description-top.theme-description-background a {
        color: white
    }

.sea-green .highlighted .montage--image {
    border-color: #9fcac5
}

.sea-green .cta-button--non-ucas td.button-container {
    background: #34837b
}

.sea-green .cta-button--non-ucas td a {
    background: #34837b
}

    .sea-green .cta-button--non-ucas td a:hover {
        background-color: white
    }

.sea-green .campaign {
    background: #9fcac5
}

    .sea-green .campaign .campaign-text {
        color: #333
    }

        .sea-green .campaign .campaign-text h1 {
            color: white
        }

        .sea-green .campaign .campaign-text a {
            color: white
        }

.turquoise .header-main .home img {
    background-color: #7fbfd7
}

.turquoise .header-main a, .turquoise .header-main label {
    color: #7fbfd7
}

    .turquoise .header-main a:hover, .turquoise .header-main a:focus, .turquoise .header-main label:hover, .turquoise .header-main label:focus {
        color: #29718c
    }

.turquoise button.search-button, .turquoise button.search-button span:after {
    background-color: #7fbfd7;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

    .turquoise button.search-button:hover, .turquoise button.search-button:focus {
        background-color: #a3d7eb
    }

        .turquoise button.search-button:hover span:after, .turquoise button.search-button:focus span:after {
            background-color: #a3d7eb
        }

.turquoise nav.main-navigation a:hover, .turquoise nav.main-navigation a:focus, .turquoise nav.main-navigation a:active {
    color: #a3d7eb
}

.turquoise .article.hero .responsive-module article, .turquoise .article.hero .responsive-module div, .turquoise .school.hero .responsive-module article, .turquoise .school.hero .responsive-module div, .turquoise .course-hero .responsive-module article, .turquoise .course-hero .responsive-module div {
    position: relative
}

.turquoise .course-stage-heading {
    color: #7fbfd7
}

.turquoise .call-to-actions .call-to-action {
    color: #333;
    background-color: #7fbfd7
}

    .turquoise .call-to-actions .call-to-action:hover, .turquoise .call-to-actions .call-to-action:focus, .turquoise .call-to-actions .call-to-action:active, .turquoise .call-to-actions .call-to-action.is-active {
        background-color: #a3d7eb
    }

.turquoise.landing .call-to-actions .call-to-action {
    color: #7fbfd7;
    background-color: white
}

    .turquoise.landing .call-to-actions .call-to-action .cta-text {
        color: #08c
    }

    .turquoise.landing .call-to-actions .call-to-action:hover, .turquoise.landing .call-to-actions .call-to-action:focus, .turquoise.landing .call-to-actions .call-to-action:active, .turquoise.landing .call-to-actions .call-to-action.is-active {
        color: #29718c;
        background-color: white
    }

        .turquoise.landing .call-to-actions .call-to-action:hover .cta-text, .turquoise.landing .call-to-actions .call-to-action:focus .cta-text, .turquoise.landing .call-to-actions .call-to-action:active .cta-text, .turquoise.landing .call-to-actions .call-to-action.is-active .cta-text {
            color: #005580
        }

.turquoise .calendar-page {
    color: #7fbfd7;
    border-color: #7fbfd7
}

    .turquoise .calendar-page.end:before, .turquoise .calendar-page .day, .turquoise .calendar-page .time {
        color: #7fbfd7
    }

    .turquoise .calendar-page .month {
        background-color: #7fbfd7
    }

.turquoise .calendar a {
    color: #7fbfd7
}

    .turquoise .calendar a:hover, .turquoise .calendar a:focus {
        color: #29718c
    }

.turquoise .calendar td a:hover, .turquoise .calendar td a:focus {
    color: #333;
    background-color: #7fbfd7
}

.turquoise a.current-events {
    color: #333;
    background-color: #7fbfd7
}

    .turquoise a.current-events:focus, .turquoise a.current-events:hover, .turquoise a.current-events:active {
        color: #333;
        background-color: #a3d7eb
    }

.turquoise.landing .call-to-actions .responsive-module, .turquoise .app .responsive-module {
    border-color: #7fbfd7
}

.turquoise .highlighted {
    color: #333;
    background-color: #7fbfd7
}

    .turquoise .highlighted a, .turquoise .highlighted a:hover, .turquoise .highlighted a:focus {
        color: #333
    }

.turquoise .responsive-module.light, .turquoise .light, .turquoise .light a {
    color: #333;
    background-color: #a3d7eb
}

    .turquoise .responsive-module.light a:hover, .turquoise .light a:hover, .turquoise .light a a:hover {
        color: #595959
    }

.turquoise .responsive-module.medium, .turquoise .medium, .turquoise .medium a {
    color: #333;
    background-color: #7fbfd7
}

    .turquoise .responsive-module.medium a:hover, .turquoise .medium a:hover, .turquoise .medium a a:hover {
        color: #595959
    }

.turquoise .responsive-module.dark, .turquoise .dark, .turquoise .dark a {
    background-color: #29718c;
    color: white
}

    .turquoise .responsive-module.dark a:hover, .turquoise .dark a:hover, .turquoise .dark a a:hover {
        color: #d9d9d9
    }

.turquoise .small-colour-none .metadata {
    color: #333;
    background-color: #f3f3f3
}

.turquoise .small-colour-light .metadata {
    color: #333;
    background-color: #a3d7eb
}

.turquoise .small-colour-medium .metadata {
    color: #333;
    background-color: #7fbfd7
}

.turquoise .small-colour-dark .metadata {
    color: white;
    background-color: #29718c
}

@media screen and (min-width:37.5em) {
    .turquoise .medium-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .turquoise .medium-colour-light .metadata {
        color: #333;
        background-color: #a3d7eb;
        background: rgba(163,215,235,0.7)
    }

    .turquoise .medium-colour-medium .metadata {
        color: #333;
        background-color: #7fbfd7;
        background: rgba(127,191,215,0.7)
    }

    .turquoise .medium-colour-dark .metadata {
        color: white;
        background-color: #29718c;
        background: rgba(41,113,140,0.7)
    }
}

@media screen and (min-width:60em) {
    .turquoise .large-colour-none .metadata {
        color: white;
        background-color: transparent
    }

    .turquoise .large-colour-light .metadata {
        color: #333;
        background-color: #a3d7eb;
        background: rgba(163,215,235,0.7)
    }

    .turquoise .large-colour-medium .metadata {
        color: #333;
        background-color: #7fbfd7;
        background: rgba(127,191,215,0.7)
    }

    .turquoise .large-colour-dark .metadata {
        color: white;
        background-color: #29718c;
        background: rgba(41,113,140,0.7)
    }
}

.turquoise .faqs li a {
    background-color: #29718c
}

    .turquoise .faqs li a:hover, .turquoise .faqs li a:focus, .turquoise .faqs li a:active, .turquoise .faqs li a.is-active {
        background-color: #3ca0c6
    }

.turquoise .call-outs li .call-out-without-link {
    background-color: #29718c
}

.turquoise .call-outs li a {
    background-color: #29718c
}

    .turquoise .call-outs li a:hover, .turquoise .call-outs li a:focus, .turquoise .call-outs li a:active, .turquoise .call-outs li a.is-active {
        background-color: #3ca0c6
    }

.turquoise .gallery, .turquoise .photo-strip {
    background-color: #29718c
}

    .turquoise .gallery .thumbnails-container .button:hover, .turquoise .gallery .thumbnails-container .button:focus, .turquoise .gallery .thumbnails-container .button:active, .turquoise .photo-strip .thumbnails-container .button:hover, .turquoise .photo-strip .thumbnails-container .button:focus, .turquoise .photo-strip .thumbnails-container .button:active {
        background-color: #7fbfd7
    }

    .turquoise .gallery .thumbnails-container a.active, .turquoise .photo-strip .thumbnails-container a.active {
        border-color: #7fbfd7
    }

    .turquoise .gallery .thumbnails-container li.thumbnail div, .turquoise .photo-strip .thumbnails-container li.thumbnail div {
        background-color: #29718c
    }

.turquoise .highlighted-article-title-and-summary, .turquoise .highlighted-title {
    background-image: none;
    background: #7fbfd7
}

.turquoise #clockdiv2 {
    color: #7fbfd7;
    text-align: center
}

    .turquoise #clockdiv2 > div {
        padding: .25em;
        border-radius: .25em;
        display: inline-block;
        color: white
    }

.turquoise .smalltext2 {
    font-size: .6em;
    margin-top: .75em;
    line-height: 1em
}

.turquoise #clockdiv2 div > span {
    padding: 0;
    border-radius: .25em;
    display: inline-block;
    font-size: 1.5em;
    background: white;
    color: #7fbfd7;
    min-width: 1.5em
}

.turquoise .herotext {
    position: inherit;
    background-color: white
}

.turquoise .researchtext {
    position: inherit;
    background-color: none;
    right: 0;
    padding-bottom: .75em
}

.turquoise #clockdiv2 > div {
    background-color: #7fbfd7
}

.turquoise .montage .image-description.theme-description-background, .turquoise .montage .image-description-top.theme-description-background {
    background-image: none;
    background: rgba(41,113,140,0.6)
}

    .turquoise .montage .image-description.theme-description-background a, .turquoise .montage .image-description-top.theme-description-background a {
        color: white
    }

.turquoise .highlighted .montage--image {
    border-color: #7fbfd7
}

.turquoise .cta-button--non-ucas td.button-container {
    background: #29718c
}

.turquoise .cta-button--non-ucas td a {
    background: #29718c
}

    .turquoise .cta-button--non-ucas td a:hover {
        background-color: white
    }

.turquoise .campaign {
    background: #7fbfd7
}

    .turquoise .campaign .campaign-text {
        color: #333
    }

        .turquoise .campaign .campaign-text h1 {
            color: white
        }

        .turquoise .campaign .campaign-text a {
            color: white
        }