/*
Running Squiz Matrix
Developed by Squiz - http://www.squiz.net
Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
Page generated: 16 June 2020 13:37:34
*/
/**
* version: 0.0.1
* file: main.css
* author: Squiz America
* updated: 22-01-2015 15:32
*
* Table of Contents
*
* - Reset
* - Utilities
* - General
* - Modules
* accordion
* back-to-top
* body-link-list
* breadcrumb
* carousel
* course-details-content
* course-details-header
* course-search-form-results-page
* course-search-main
* course-search-widget
* course-search
* filter-courses-context
* filter-courses
* fonts
* footer
* form
* global-search
* graduate-story
* home-breakthrough
* home-section-events
* home-section-news
* home-section-research
* home-section-social
* home-section-uc-life
* home-section
* home-video
* landing-page-carousel
* landing-page-colours
* landing-page-intro
* logo
* media-card
* menu
* mini-form
* mobile-contactus-maps-links
* news-item-content
* news-list
* page-elements
* pagination
* parallax
* research-header
* right-col
* sharing-buttons
* sub-navigation
* tabs
* templates-layout
* top-banner
* twitter-feed
* video-with-description
*/
.sr-only, .screen-hide, .skip-links__link, .visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.focusable.sr-only:active, .visuallyhidden:active, .focusable.sr-only:focus, .skip-links__link:focus, .visuallyhidden:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.home-section__events-list, .call-to-action__list, .home-section__social-links-list, .tabs__tab-list, .sub-nav__group, .skip-links__list, .nav-menu, .accessible-megamenu {
list-style: none;
margin: 0;
padding: 0;
}
.carousel-mini .carousel__item-text, .course-details-table__th, .course-details-table__td, .course-details-table__th, .collapsible-section__show, .course-search, .course-search__field, .course-search__submit, .course-search-widget__title, .course-search-widget__field, .course-search-widget__submit, .course-search, .course-search__field, .course-search__submit, .news-listing .filter-courses fieldset, .news-detail .filter-courses fieldset, .graduate-story__more, .home-section__social-group-item, .landing-page-carousel .carousel-top__item-text, .landing-page-intro, .landing-page-intro__button, .mini-form__input, .mini-form .styled-button, .research-header__teaser-content, .research-header__teaser-h, .research-header__nav, .research-header__nav-item, .ask-uc_link, .landing-page .related-links, .feature-item .styled-button, .home-section__carousel-mini-wrap .home-section__intro-text, .home-section__carousel-mini-wrap .carousel-mini, .carousel-mini .carousel__item-img, .carousel-mini .carousel__item-text, .carousel .carousel__item-text, .home-section__social-links-list, .landing-page-carousel .slick-dots li, .no-js .sub-nav, .accessible-megamenu-panel, .sub-mega-nav, .home-section__events-upcoming {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.no-js .course-search__inputs, .no-js .course-search__inputs, .no-js .sub-nav__group-container, .no-flexbox .course-search__inputs, .no-flexbox .course-search__inputs, .no-flexbox .sub-nav__group-container {
display: table;
border-collapse: separate;
}
.flexbox .course-search__inputs, .flexbox .course-search__inputs, .flexbox .sub-nav__group-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.landing-page--campaign .landing-page-carousel .carousel-top__item-more-link, .news-listing .landing-page-carousel .carousel-top__item-more-link {
color: transparent;
border: 0;
overflow: hidden;
}
.no-rgba .landing-page--campaign .landing-page-carousel .carousel-top__item-more-link, .no-rgba .news-listing .landing-page-carousel .carousel-top__item-more-link {
text-indent: 9999em;
}
.landing-page--campaign .landing-page-carousel .carousel-top__item-more-link:before, .news-listing .landing-page-carousel .carousel-top__item-more-link:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.clearfix, .course-details-header, .media-card, .research-header__nav-list, .widgets-group, .landing-page-intro, .landing-page-intro__inner, .news-list__item {
*zoom: 1;
}
.clearfix:before, .course-details-header:before, .media-card:before, .research-header__nav-list:before, .widgets-group:before, .landing-page-intro:before, .landing-page-intro__inner:before, .news-list__item:before, .clearfix:after, .course-details-header:after, .media-card:after, .research-header__nav-list:after, .widgets-group:after, .landing-page-intro:after, .landing-page-intro__inner:after, .news-list__item:after {
content: '';
display: table;
line-height: 0;
}
.clearfix:after, .course-details-header:after, .media-card:after, .research-header__nav-list:after, .widgets-group:after, .landing-page-intro:after, .landing-page-intro__inner:after, .news-list__item:after {
clear: both;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav:before, .nav:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.nav:after {
clear: both;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li.disabled > a {
color: #999999;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
color: #999999;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #eeeeee;
border-color: #428bca;
}
.nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret {
border-top-color: #2a6596;
border-bottom-color: #2a6596;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #555555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #fff;
background-color: #428bca;
}
.nav-pills > li.active > a .caret, .nav-pills > li.active > a:hover .caret, .nav-pills > li.active > a:focus .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified, .nav-tabs.nav-justified {
width: 100%;
}
.nav-justified > li, .nav-justified > .nav-tabs.nav-justified {
float: none;
}
.nav-justified > li > a, .nav-justified > li > .nav-tabs.nav-justified {
text-align: center;
margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu, .nav-justified > .dropdown .nav-tabs.nav-justified {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li, .nav-justified > .nav-tabs.nav-justified {
display: table-cell;
width: 1%;
}
.nav-justified > li > a, .nav-justified > li > .nav-tabs.nav-justified {
margin-bottom: 0;
}
}
.nav-tabs-justified, .nav-tabs.nav-justified, .nav-tabs.nav-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs-justified > li > .nav-tabs.nav-justified, .nav-tabs-justified > li > .nav-tabs.nav-justified {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > .nav-tabs.nav-justified, .nav-tabs-justified > .active > .nav-tabs.nav-justified, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > .nav-tabs.nav-justified, .nav-tabs-justified > .active > .nav-tabs.nav-justified, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > .nav-tabs.nav-justified, .nav-tabs-justified > .active > .nav-tabs.nav-justified {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a, .nav-tabs-justified > li > .nav-tabs.nav-justified, .nav-tabs-justified > li > .nav-tabs.nav-justified {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > .nav-tabs.nav-justified, .nav-tabs-justified > .active > .nav-tabs.nav-justified, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > .nav-tabs.nav-justified, .nav-tabs-justified > .active > .nav-tabs.nav-justified, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > .nav-tabs.nav-justified, .nav-tabs-justified > .active > .nav-tabs.nav-justified {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav .caret {
border-top-color: #428bca;
border-bottom-color: #428bca;
}
.nav a:hover .caret {
border-top-color: #2a6596;
border-bottom-color: #2a6596;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-body:before, .panel-body:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.panel-body:after {
clear: both;
}
.panel > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item {
border-width: 1px 0;
}
.panel > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel > .list-group .list-group-item:last-child {
border-bottom: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.panel > .table, .panel > .table-responsive {
margin-bottom: 0;
}
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive {
border-top: 1px solid #ddd;
}
.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:last-child > th, .panel > .table-bordered > thead > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > thead > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
}
.panel-title > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
overflow: hidden;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading > .dropdown .caret {
border-color: #333333 transparent;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #428bca;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #428bca;
border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
border-top-color: #428bca;
}
.panel-primary > .panel-heading > .dropdown .caret {
border-color: #fff transparent;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #428bca;
}
.panel-success {
border-color: #d7e9c6;
}
.panel-success > .panel-heading {
color: #468847;
background-color: #dff0d8;
border-color: #d7e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
border-top-color: #d7e9c6;
}
.panel-success > .panel-heading > .dropdown .caret {
border-color: #468847 transparent;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #d7e9c6;
}
.panel-warning {
border-color: #faeacc;
}
.panel-warning > .panel-heading {
color: #c09853;
background-color: #fcf8e3;
border-color: #faeacc;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
border-top-color: #faeacc;
}
.panel-warning > .panel-heading > .dropdown .caret {
border-color: #c09853 transparent;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #faeacc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #b94a48;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading > .dropdown .caret {
border-color: #b94a48 transparent;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #ebccd1;
}
.panel-info {
border-color: #bce9f1;
}
.panel-info > .panel-heading {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce9f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
border-top-color: #bce9f1;
}
.panel-info > .panel-heading > .dropdown .caret {
border-color: #3a87ad transparent;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #bce9f1;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
}
/*
--------------------
Reset (normalize.css)
--------------------
*/
/*! normalize.css v2.1.0 | 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] {
display: none;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active, a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.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 #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.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"] {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-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;
}
/*
--------------------
Utilities
--------------------
*/
.hidden {
display: none !important;
visibility: hidden;
}
.invisible {
visibility: hidden;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 1em;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.u-hide-on-mobile-only {
display: none;
}
@media (min-width: 37.5em) {
.u-hide-on-mobile-only {
display: inline;
}
}
.u-show-on-mobile-only, .course-search-widget__h {
display: inherit;
}
@media (min-width: 37.5em) {
.u-show-on-mobile-only, .course-search-widget__h {
display: none;
}
}
/*
--------------------
General
--------------------
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
html, body {
height: 100%;
}
body {
margin: 0;
padding: 0;
font-size: 1em;
line-height: 1.4;
position: relative;
}
img {
max-width: 100%;
height: auto; /* 31 Jan 2020 - Jason.Zhang */
}
hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: solid 1px #e0e0e0;
clear: both;
display: block;
height: 0;
margin-bottom: 2.125rem;
}
blockquote {
color: #009abc;
font-size: 1.4375rem;
line-height: 1.875rem;
margin: 2.5rem 0 2.8125rem;
padding: 0 1.5rem 0 1.6875rem;
position: relative;
}
blockquote p:last-child {
margin-bottom: 0;
}
blockquote:before, blockquote:after {
background: transparent center center no-repeat;
background-size: contain;
content: '';
display: block;
height: 0.96875rem;
position: absolute;
width: 1.125rem;
}
blockquote:before {
background-image: url('/config/designs/header-squiz/main.css/quote-tl.svg');
left: 0;
top: 0;
}
blockquote:after {
background-image: url('/config/designs/header-squiz/main.css/quote-br.svg');
bottom: 0.875rem;
right: 0;
}
/**/
cite {
font-style: italic;
color: #000;
font-size: 14px;
display: block;
margin-top: 5px;
}
cite:before {
content: "\2014 \2009";
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
@-ms-viewport {
width: device-width;
}
@page {
margin: 0.5cm;
}
.header {
position: relative;
background: #fff;
z-index: 3;
}
.header__wrap {
position: relative;
}
.skip-links {
position: relative;
z-index: 1;
max-width: 1220px;
margin: 0 auto;
}
.skip-links a {
color: #036f9d;
}
/*
--------------------
Modules
--------------------
*/
/*
** Global styles in between tablet and full screen
*/
@media screen and (min-width: 961px) and (max-width: 1220px) {
.primary-nav-wrapper-outer {
width: 100%;
padding: 0;
}
.megamenu .megamenu-content {
width: 96%;
min-height: 300px;
}
header {
padding: 0;
}
.inside .main {
max-width: 1220px;
margin: 0 auto;
padding: 0;
}
.landing-page-carousel {
top: 12% !important;
}
}
@media screen and (min-width: 961px) and (max-width: 1010px) {
.home-section__uc-life .carousel {
overflow: hidden;
}
}
@media screen and (min-width: 1220px) {
/* Move carousel under the header and menu */
.primary-nav-wrapper-outer {
width: 908px;
padding: 0.8em 0 0;
}
.megamenu .megamenu-content {
width: 1184px;
margin-left: -312px;
box-sizing:content-box;
}
header {
padding: 1.5em 0 0;
}
.header__wrap header {
/*padding: 0;*/
}
.carousel-top {
display: block;
position: relative;
margin-top: -130px;
overflow: hidden;
width: 100%;
}
.home-video {
position: relative;
margin-top: -250px;
}
.global-search {
max-width: 73%;
}
.global-search.active {
padding-left: 308px;
}
}
/*-- module:accordion --*/
.panel-group .panel {
border: 0;
border-radius: 0;
box-shadow: none;
}
.panel-group .panel-heading {
padding: 0;
color: #ffffff;
border-radius: 0;
}
.panel-group .panel-title {
margin: 0;
font-size: 1.2em;
}
.panel-group .panel-title a, .panel-group .panel-title a:hover {
color: #ffffff;
display: block;
padding: 0.3em 0.5em;
text-decoration: none;
background-color: #036f9d;
position: relative;
}
.panel-group .panel-title a:after, .panel-group .panel-title a:hover:after {
display: block;
/** Sprite: chevron-arrow-white-down (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -96px -192px;
background-size: 144px 336px;
width: 9px;
height: 9px;
content: '';
position: absolute;
right: 15px;
top: 35%;
}
.lt-ie9 .panel-group .panel-title a:after, .lt-ie9 .panel-group .panel-title a:hover:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -96px -192px;
width: 9px;
height: 9px;
}
.panel-group .panel-title a.collapsed {
color: #323232;
display: block;
padding: 0.3em 0.5em;
text-decoration: none;
background-color: #efefef;
position: relative;
}
.panel-group .panel-title a.collapsed:after {
display: block;
/** Sprite: chevron-arrow-black (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -48px -144px;
background-size: 144px 336px;
width: 8px;
height: 9.5px;
content: '';
position: absolute;
right: 15px;
top: 35%;
}
.lt-ie9 .panel-group .panel-title a.collapsed:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -144px;
width: 8px;
height: 9.5px;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
border-top: 0 !important;
padding: 1em;
}
/*-- module:back-to-top --*/
.back-to-top {
overflow: hidden;
margin: 1em 0;
clear: both;
}
.back-to-top__link {
background-color: #036f9d;
display: block;
float: right;
clear: both;
height: 35px;
width: 35px;
text-indent: -9999px;
position: relative;
}
.back-to-top__link:before {
display: block;
/** Sprite: chevron-arrow-white-up (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -120px -192px;
background-size: 144px 336px;
width: 9px;
height: 9px;
content: '';
display: inline-block;
position: absolute;
left: 38%;
top: 38%;
}
.lt-ie9 .back-to-top__link:before {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -120px -192px;
width: 9px;
height: 9px;
}
/*-- module:body-link-list --*/
.body-link-list {
background: #f0f0f0;
margin: 0;
padding: 1.375rem 0 1.375rem 1.125rem;
}
.body-link-list__list {
list-style: none;
margin: 0;
padding: 0;
}
.h3.body-link-list__h {
margin-bottom: 0.875rem;
margin-top: 0;
}
.body-link-list__item {
line-height: 1.25rem;
padding: 0.5rem 0;
}
.body-link-list__item a {
font-size: 15px;
font-size: 0.9375rem;
color: #036f9d;
display: inline-block;
line-height: 1.25rem;
padding-right: 15px;
position: relative;
text-decoration: none;
}
.body-link-list__item a:after {
display: block;
/** Sprite: small-blue-arrow-right (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -120px -168px;
background-size: 144px 336px;
width: 8.5px;
height: 10.5px;
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -5.25px;
}
.lt-ie9 .body-link-list__item a:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -120px -168px;
width: 8.5px;
height: 10.5px;
}
.body-link-list__item a:hover {
text-decoration: underline;
}
/*-- module:breadcrumb --*/
.breadcrumb {
margin: 0;
padding: 0;
overflow: hidden;
}
.breadcrumb li {
float: left;
display: inline-block;
list-style: none;
color: #8c8c8c;
font-size: 11.2px;
font-size: 0.7rem;
}
.breadcrumb li:after {
content: '\007c';
padding: 0 0.3em;
}
.breadcrumb li:last-child:after {
content: '';
}
.breadcrumb li:last-child {
color: #036f9d;
}
.breadcrumb a {
text-decoration: underline;
color: #8c8c8c;
}
.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus {
text-decoration: underline;
}
/*-- module:carousel --*/
.slick-list {
position: relative;
overflow: hidden;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-list, .slick-track, .slick-slide, .slick-slide img {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
zoom: 1;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.carousel-top {
overflow: hidden;
position: relative;
font-family: 'latoregular', serif;
}
.carousel-top img {
width: 150%;
}
.carousel-top .slick-dots {
top: 0;
right: 0;
list-style: none;
padding: 0;
margin: 0;
position: absolute;
}
.carousel-top .slick-dots li {
display: inline-block;
margin-right: 1em;
margin-top: 0.8em;
}
.carousel-top li .slide-nav {
width: 14px;
height: 14px;
border-radius: 14px;
border: 0;
background-color: rgba(255, 255, 255, 0.5);
text-indent: -9999px;
padding: 0;
}
.carousel-top .slick-active .slide-nav {
background-color: #fff;
}
.carousel-top .controls-description {
display: none;
}
.carousel-top .carousel-top__item {
position: relative;
}
.carousel-top .carousel-top__item-description {
overflow: hidden;
max-width: 100%;
}
.carousel-top .next-previous-buttons {
display: none;
}
.carousel-top .carousel-top__item-text {
background-color: rgba(0, 0, 0, 0.7);
bottom: 2em;
color: #fff;
display: inline-block;
margin-left: 1.2em;
overflow: hidden;
padding: 0.6em 0.8em;
position: absolute;
width: 70%;
max-width: 100%;
border-top: 4px solid #009abc;
}
.carousel-top .carousel-top__item-title {
margin: 0;
font-size: 24px;
font-size: 1.5rem;
color: #ffffff;
font-family: "Verlag A", "Verlag B", sans-serif;
}
.carousel-top .carousel-top__item-text p {
padding: 0.6em 0 0.8em;
margin: 0;
font-size: 14.4px;
font-size: 0.9rem;
line-height: 1.1em;
display: block;
}
.carousel-top .carousel-top__item-more-link {
text-transform: uppercase;
color: #ffffff;
background-color: #036f9d;
text-decoration: none;
padding: 0.3em 0.7em;
display: inline-block;
}
.carousel-top .carousel-top__item-more-link:hover {
text-decoration: underline;
}
.carousel {
position: relative;
width: 100%;
}
.carousel .carousel__item {
float: left;
width: 100%;
}
.carousel .carousel__item-text {
font-family: 'latoregular', serif;
text-align: center;
font-size: 20.8px;
font-size: 1.3rem;
font-weight: normal;
}
.carousel .carousel__item-text-inner {
border: 1px solid #036f9d;
margin: 5px;
padding: 5px;
}
.carousel .carousel__item-title {
color: #036f9d;
margin: 0;
padding: 0 0 0.5em 0;
}
.carousel .carousel__item-description {
display: none;
}
.carousel .carousel__item-more-link {
text-decoration: none;
display: none;
}
.carousel .carousel__item-more-link, .carousel .carousel__item-more-link:visited {
color: #036f9d;
}
.carousel .carousel__item-more-link:after {
content: ' +';
}
.carousel .carousel__item-more-link.expanded:after {
content: ' -';
}
.carousel .carousel__item-more-link:hover, .carousel .carousel__item-more-link:focus {
text-decoration: underline;
color: #000000;
}
.carousel .slick-next, .carousel .slick-prev {
font-size: 0;
border: 0;
background: transparent;
position: absolute;
top: 45%;
display: block;
text-align: center;
margin-top: -67.5px;
}
.carousel .slick-next {
/** Sprite: chevron-arrow-white-next-lg (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -120px -0px;
background-size: 144px 336px;
width: 24px;
height: 67.5px;
right: 15px;
}
.lt-ie9 .carousel .slick-next {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -120px -0px;
width: 24px;
height: 67.5px;
}
.carousel .slick-prev {
left: 15px;
/** Sprite: chevron-arrow-white-prev-lg (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -96px -0px;
background-size: 144px 336px;
width: 24px;
height: 67.5px;
}
.lt-ie9 .carousel .slick-prev {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -96px -0px;
width: 24px;
height: 67.5px;
}
.carousel .carousel__controls {
display: none;
}
.carousel-mini {
position: relative;
margin: 0 auto;
}
.carousel-mini .carousel__list {
margin: 0 auto;
max-width: 75%;
}
.carousel-mini .carousel__item-description {
display: none;
}
.carousel-mini .carousel__item-img img {
width: 100%;
}
.carousel-mini .carousel__item-title {
margin: 0;
padding: 0;
text-transform: uppercase;
color: #ffffff;
}
.carousel-mini .carousel__item-text {
text-align: center;
background: #003E56;
background-image: -webkit-linear-gradient(bottom, #003E56 0%, #000E15 77%);
background-image: -webkit-linear-gradient(top, #003E56 0%, #000E15 77%);
background-image: linear-gradient(to bottom, #003E56 0%, #000E15 77%);
color: #fff;
padding: 10px;
border: 13px solid #036f9d;
}
.carousel-mini .carousel__item-text a {
font-family: 'latoregular', sans-serif;
font-size: 18px;
font-size: 1.125rem;
color: #036f9d;
}
.carousel-mini .carousel__item-text a:after {
content: '\FF1E';
}
.carousel-mini .slick-next, .carousel-mini .slick-prev {
font-size: 0;
border: 0;
background: transparent;
position: absolute;
top: 50%;
display: block;
width: 48px;
text-align: center;
margin-top: -48px;
}
.carousel-mini .slick-next {
/** Sprite: chevron-arrow-blue-next (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -72px -0px;
background-size: 144px 336px;
width: 24px;
height: 39px;
right: 0;
}
.lt-ie9 .carousel-mini .slick-next {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -72px -0px;
width: 24px;
height: 39px;
}
.carousel-mini .slick-prev {
left: 0;
/** Sprite: chevron-arrow-blue-prev (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -48px -0px;
background-size: 144px 336px;
width: 24px;
height: 39px;
}
.lt-ie9 .carousel-mini .slick-prev {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -0px;
width: 24px;
height: 39px;
}
.carousel--generic {
margin-top: 2.125rem;
}
.carousel--generic .next-previous-buttons-wrapper {
position: absolute;
top: 30%;
width: 96%;
padding: 0 2%;
left: 0;
}
.carousel--generic .next-previous-buttons {
max-width: 1220px;
margin: 0 auto;
display: block;
position: relative;
}
.carousel--generic .slick-next, .carousel--generic .slick-prev {
background: transparent;
border: 0;
height: 48px;
margin-top: -24px;
padding: 0;
position: absolute;
text-indent: -9999px;
top: 50%;
width: 48px;
}
.carousel--generic .slick-next {
right: 0.875rem;
}
.carousel--generic .slick-next:after {
display: block;
/** Sprite: slider-top-right-icon (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -48px -264px;
background-size: 144px 336px;
width: 48px;
height: 48px;
content: '';
right: 0;
top: 0;
position: absolute;
}
.lt-ie9 .carousel--generic .slick-next:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -264px;
width: 48px;
height: 48px;
}
.carousel--generic .slick-prev {
left: 0.875rem;
}
.carousel--generic .slick-prev:after {
display: block;
/** Sprite: slider-top-left-icon (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -0px -264px;
background-size: 144px 336px;
width: 48px;
height: 48px;
content: '';
left: 0;
top: 0;
position: absolute;
}
.lt-ie9 .carousel--generic .slick-prev:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -0px -264px;
width: 48px;
height: 48px;
}
/*-- module:course-details-content --*/
/*
.course-details .apply {
float: none;
width: 100%;
}
*/
.course-details .right-col .course-search-widget {
display: none;
}
.course-details-table {
margin-bottom: 3.2em;
}
.course-details-table__th, .course-details-table__td {
padding: 1.28em 0.8em;
vertical-align: top;
}
.course-details-table__th {
background: transparent;
color: #000;
font-family: 'latobold', sans-serif;
width: 43.75%;
}
.course-details-table__tr:nth-child(odd) {
background: #efefef;
}
.course-details-table__tr:nth-child(even) {
background: transparent;
}
.course-info-table td {
vertical-align: top;
}
.collapsible-section__summary {
position: relative;
}
.collapsible-section__details {
display: none;
}
.collapsible-section__summary:target ~ .collapsible-section__details, .collapsible-section__details.is-visible {
display: inherit;
}
.collapsible-section__show {
font-size: 12.5px;
font-size: 0.78125rem;
background: #efefef;
color: #000;
display: block;
font-family: latobold, sans-serif;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.collapsible-section__show, .collapsible-section__details {
padding: 0.3em 0.72em;
}
.collapsible-section__show.is-expanded {
background: #036f9d;
color: #fff;
}
.collapsible-section__hide {
bottom: 0;
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.collapsible-section__summary:target .collapsible-section__hide {
display: inherit;
}
.course-enquiries__label {
font-family: latobold, sans-serif;
font-weight: bold;
}
.course-enquiries__info {
margin-bottom: 0.72em;
margin-left: 1.44em;
}
/*-- module:course-details-header --*/
.course-details-header__img-bg {
background: url('/__data/assets/image/0019/1010089/breakthrough-small.jpg') center center no-repeat;
background-size: cover;
height: 0;
padding-top: 32.70491%;
margin: -1.78125rem -8.15534% 0;
}
.course-details-header .course-search-widget {
padding: 0;
background: transparent;
}
.course-details-header .course-search-widget__h {
margin: -1.5rem 0 0;
background: #036f9d;
padding: 1.125rem 0;
z-index: 1;
}
.course-details-header .course-search-widget__form {
background: #009abc;
padding: 0.9375rem;
margin-top: 0.4375rem;
}
.faculty {
float: left;
}
.faculty__link {
font-size: 0.6875rem;
line-height: 1.25rem;
}
.sharing-buttons {
float: right;
}
/*-- module:course-search-form-results-page --*/
.course-searches .course-search-widget__title {
font-size: 19.2px;
font-size: 1.2rem;
font-family: "latobold", sans-serif;
margin-bottom: 0.8em;
display: inline-block;
}
.course-searches .course-search-widget {
margin-top: 0;
}
.course-searches .filter-context-text {
color: #fff;
margin-top: 0.8em;
font-size: 12.8px;
font-size: 0.8rem;
}
.course-searches .course-search__field {
margin-right: 0;
}
/*-- module:course-search-main --*/
.course-search {
background: #009abc;
padding: 12px;
margin: 20px;
color: #fff;
}
.course-search label {
font-weight: normal;
}
.course-search__title {
color: #fff;
font-family: "Verlag A", "Verlag B", sans-serif;
padding: 0;
margin: 0;
line-height: 48px;
font-size: 24px;
font-size: 1.5rem;
}
.course-search__filter {
border: 0;
padding: 0;
margin: 0;
}
.course-search__inputs {
width: 100%;
}
.flexbox .course-search__submit {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.no-js .course-search__submit, .no-flexbox .course-search__submit {
display: table-cell;
vertical-align: top;
}
.no-js .course-search__submit, .no-flexbox .course-search__submit {
vertical-align: middle;
}
.flexbox .course-search__field {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.no-js .course-search__field, .no-flexbox .course-search__field {
display: table-cell;
vertical-align: top;
}
.course-search__field.placeholder {
color: #ededed;
}
.course-search__field::-webkit-input-placeholder {
color: white;
}
.course-search__field:-moz-placeholder {
color: white;
}
.course-search__field::-moz-placeholder {
color: white;
}
.course-search__field:-ms-input-placeholder {
color: white;
}
.course-search__field {
padding-left: 22px;
width: 100%;
font-family: 'latoregular', serif;
font-size: 1.125em;
text-decoration: none;
margin-right: 6px;
}
.course-search__field, .course-search__submit {
color: #fff;
border: 0;
height: 48px;
width: 48px;
background: #036f9d;
position: relative;
-webkit-transition: background 0.5s ease;
transition: background 0.5s ease;
}
.course-search__field:hover, .course-search__field:focus, .course-search__submit:hover, .course-search__submit:focus {
background: #012939;
}
.course-search__submit {
font-size: 0;
}
.course-search__submit:after {
display: block;
/** Sprite: magnifying-glass (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -0px -0px;
background-size: 144px 336px;
width: 24px;
height: 23px;
content: '';
left: 12px;
top: 30%;
position: absolute;
}
.lt-ie9 .course-search__submit:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -0px -0px;
width: 24px;
height: 23px;
}
.course-search__options {
overflow: hidden;
line-height: 48px;
}
.course-search__filter {
float: left;
}
.course-search__browse-button {
float: right;
text-decoration: none;
text-transform: uppercase;
font-family: 'latobold', serif;
}
.course-search__browse-button, .course-search__browse-button:visited {
color: #fff;
}
.course-search__browse-button:hover {
text-decoration: underline;
}
.no-rhs {
width: 73% !important;
}
.full {
width: auto;
}
/*-- module:course-search-widget --*/
.course-search-widget {
background: #009abc;
padding: 0.9375rem;
margin-bottom: 1.28125rem;
}
.course-search-widget__h {
margin: 0;
}
.course-search-widget__toggle {
font-size: 13px;
font-size: 0.8125rem;
color: #fff;
display: block;
font-family: latobold, sans-serif;
line-height: 0.75rem;
padding: 0 1.23077em;
position: relative;
}
.course-search-widget__chevron {
/** Sprite: chevron-arrow-white (scale: 1) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -48px -0px;
background-size: 288px 672px;
width: 14px;
height: 18px;
right: 1.23077em;
right: calc(16em / 13);
display: block;
margin-top: -9px;
position: absolute;
top: 50%;
}
.lt-ie9 .course-search-widget__chevron {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -24px -0px;
width: 7px;
height: 9px;
}
.course-search-widget__title {
line-height: 1.11111em;
line-height: calc(20em / 18);
font-size: 18px;
font-size: 1.125rem;
color: #fff;
font-weight: bold;
margin: 0;
}
.course-search-widget__filter {
border: 0;
margin: 0;
padding: 0.1875em 0 0.375em;
}
.course-search-widget__filter label, .course-search-widget__filter input {
font-size: 12.5px;
font-size: 0.78125rem;
}
.course-search-widget__filter label {
color: #fff;
display: inline-block;
font-family: lato, sans-serif;
line-height: 1;
padding-left: 0.25em;
padding-right: 1.75em;
}
.course-search-widget__inputs {
position: relative;
}
.course-search-widget__field, .course-search-widget__submit {
height: 2.8em;
height: calc(35em / 12.5);
font-size: 12.5px;
font-size: 0.78125rem;
-webkit-transition: background 0.5s ease;
transition: background 0.5s ease;
background: #036f9d;
border: 0;
}
.course-search-widget__field:hover, .course-search-widget__field:focus, .course-search-widget__submit:hover, .course-search-widget__submit:focus {
background: #012939;
}
.course-search-widget__field {
color: #fff;
padding-left: 0.5em;
position: relative;
width: 100%;
padding-right: 2.8em;
padding-right: calc(35em / 12.5);
}
.course-search-widget__field::-webkit-input-placeholder {
color: white;
}
.course-search-widget__field:-moz-placeholder {
color: white;
}
.course-search-widget__field::-moz-placeholder {
color: white;
}
.course-search-widget__field:-ms-input-placeholder {
color: white;
}
.course-search-widget__submit {
width: 2.8em;
width: calc(35em / 12.5);
padding: 0.68em;
position: absolute;
right: 0;
text-indent: -99em;
overflow: hidden;
top: 0;
}
.course-search-widget__submit::after {
height: 1.44em;
height: calc(18em / 12.5);
margin-top: -0.72em;
margin-top: calc(-9em / 12.5);
right: 0.68em;
right: calc(8.5em / 12.5);
width: 1.44em;
width: calc(18em / 12.5);
background-image: url('/config/designs/header-squiz/main.css/search-icon.svg');
background-position: center center;
background-repeat: no-repeat;
content: ' ';
position: absolute;
top: 50%;
}
.no-svg .course-search-widget__submit::after {
background-image: url('/__data/assets/image/0011/1010090/search-icon.png');
}
.course-search-widget--arts {
margin-top: 1.875rem;
}
.course-search-widget--arts .course-search-widget__h {
font-size: 24px;
font-size: 1.5rem;
color: #fff;
font-family: "Verlag A", "Verlag B", sans-serif;
line-height: 1;
margin: 0.25rem 0 0.75rem;
}
.course-search-widget--arts .course-search-widget__field {
height: 2.75rem;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.125rem;
}
.course-search-widget--arts .course-search-widget__submit {
border-left: 0.15625rem solid #009abc;
height: 2.75rem;
width: 2.53125rem;
}
.lt-ie10 .course-search-widget--arts .course-search-widget__submit {
border-width: 0;
}
.course-search-widget--arts .course-search-widget__submit::after {
height: 1.25rem;
width: 1.3125rem;
}
/*-- module:course-search --*/
.course-search {
background: #009abc;
padding: 12px;
margin: 20px;
color: #fff;
}
.course-search label {
font-weight: normal;
}
.course-search__title {
color: #fff;
font-family: "Velag A","Verlag B",sans-serif
padding: 0;
margin: 0;
line-height: 48px;
font-size: 24px;
font-size: 1.5rem;
}
.course-search__filter {
border: 0;
padding: 0;
margin: 0;
}
.course-search__inputs {
width: 100%;
}
.flexbox .course-search__submit {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.no-js .course-search__submit, .no-flexbox .course-search__submit {
display: table-cell;
vertical-align: top;
}
.no-js .course-search__submit, .no-flexbox .course-search__submit {
vertical-align: middle;
}
.flexbox .course-search__field {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.no-js .course-search__field, .no-flexbox .course-search__field {
display: table-cell;
vertical-align: top;
}
.course-search__field.placeholder {
color: #ededed;
}
.course-search__field::-webkit-input-placeholder {
color: white;
}
.course-search__field:-moz-placeholder {
color: white;
}
.course-search__field::-moz-placeholder {
color: white;
}
.course-search__field:-ms-input-placeholder {
color: white;
}
.course-search__field {
padding-left: 22px;
width: 100%;
font-family: 'latoregular', serif;
font-size: 1.125em;
text-decoration: none;
margin-right: 6px;
}
.course-search__field, .course-search__submit {
color: #fff;
border: 0;
height: 48px;
width: 48px;
background: #036f9d;
position: relative;
-webkit-transition: background 0.5s ease;
transition: background 0.5s ease;
}
.course-search__field:hover, .course-search__field:focus, .course-search__submit:hover, .course-search__submit:focus {
background: #012939;
}
.course-search__submit {
font-size: 0;
}
.course-search__submit:after {
display: block;
/** Sprite: magnifying-glass (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -0px -0px;
background-size: 144px 336px;
width: 24px;
height: 23px;
content: '';
left: 12px;
top: 30%;
position: absolute;
}
.lt-ie9 .course-search__submit:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -0px -0px;
width: 24px;
height: 23px;
}
.course-search__options {
overflow: hidden;
line-height: 48px;
}
.course-search__filter {
float: left;
}
.course-search__browse-button {
float: right;
text-decoration: none;
text-transform: uppercase;
font-family: 'latobold', serif;
}
.course-search__browse-button, .course-search__browse-button:visited {
color: #fff;
}
.course-search__browse-button:focus {
outline-offset: -1px;
}
.course-search__browse-button:hover {
text-decoration: underline;
}
/*-- module:filter-courses-context --*/
.course-search-results__item {
margin-left: 20px;
margin-right: 20px;
}
.course-search-results__item h4 {
color: #036f9d;
}
.course-search-results__item p {
margin-bottom: 3px;
margin-top: 10px;
}
.course-search-results__item a {
text-decoration: underline;
}
.course-search-results__item .web-url {
margin-top: 30px;
text-decoration: none;
}
/*-- module:filter-courses --*/
.filter-courses {
font-family: "latoregular", sans-serif;
margin-top: 0.8em;
}
.filter-courses ul {
padding: 0;
list-style-type: none;
margin: 0 0 1em;
}
.filter-courses li {
margin: 0.8em 0;
padding: 0;
}
.filter-courses .filter-courses__title {
position: relative;
text-decoration: none;
background-color: #036f9d;
color: #fff;
display: block;
padding: 1em 1.1em;
margin-bottom: 1em;
font-family: "latobold", sans-serif;
font-size: 13.6px;
font-size: 0.85rem;
}
.filter-courses .filter-courses__title:after {
display: block;
/** Sprite: chevron-arrow-white (scale: 0.7) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -33.6px -0px;
background-size: 201.6px 470.4px;
width: 9.8px;
height: 12.6px;
content: '';
}
.lt-ie9 .filter-courses .filter-courses__title:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -24px -0px;
width: 7px;
height: 9px;
}
.filter-courses .filter-courses__title.active:after {
display: block;
/** Sprite: chevron-arrow-white-down (scale: 0.7) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -134.4px -268.8px;
background-size: 201.6px 470.4px;
width: 12.6px;
height: 12.6px;
content: '';
}
.lt-ie9 .filter-courses .filter-courses__title.active:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -96px -192px;
width: 9px;
height: 9px;
}
.filter-courses .filter-courses__title:after {
position: absolute;
content: "";
display: block;
right: 20px;
top: 40%;
height: 13px;
width: 13px;
background-position: 100 0%;
}
.filter-courses .filter-courses__title:hover {
cursor: pointer;
}
.filter-courses fieldset {
padding: 0.5em 1em 0;
}
.filter-courses fieldset legend {
font-family: "latobold", sans-serif;
font-size: 12.8px;
font-size: 0.8rem;
}
.news-listing .filter-courses fieldset,
.news-detail .filter-courses fieldset {
float: left;
width: 50%;
padding-top: 0;
}
.news-listing .filter-courses fieldset legend,
.news-detail .filter-courses fieldset legend {
position: relative;
top: 0.75rem;
}
.filter-courses__form {
overflow: hidden;
}
.filter-courses__clear {
color: #fff;
text-decoration: none;
background-color: #009abc;
padding: 0.8em 1.2em;
font-size: 12.8px;
font-size: 0.8rem;
text-decoration: none;
display: block;
}
.filter-courses__clear:before {
display: block;
/** Sprite: cross-icon (scale: 0.6) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -144px -259.2px;
background-size: 172.8px 403.2px;
width: 10.8px;
height: 10.8px;
content: '';
}
.lt-ie9 .filter-courses__clear:before {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -120px -216px;
width: 9px;
height: 9px;
}
.filter-courses__clear:before {
margin-right: 10px;
position: relative;
float: left;
margin-top: 2px;
}
.filter-courses__clear:hover {
text-decoration: none;
}
/*-- module:fonts --*/
@font-face {
font-family: 'verlagbold';
src: url('/config/designs/header-squiz/main.css/Verlag-Bold/.eot') format('embedded-opentype'), url('/config/designs/header-squiz/main.css/Verlag-Bold.otf') format('opentype'),
url('/config/designs/header-squiz/main.css/Verlag-Bold.woff') format('woff'), url('/config/designs/header-squiz/main.css/Verlag-Bold.ttf') format('truetype'), url('/config/designs/header-squiz/main.css/Verlag-Bold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'verlagbook';
src: url('/config/designs/header-squiz/main.css/verlag_book-webfont.eot');
src: url('/config/designs/header-squiz/main.css/verlag_book-webfont/.eot') format('embedded-opentype'), url('/config/designs/header-squiz/main.css/verlag_book-webfont.woff2') format('woff2'), url('/config/designs/header-squiz/main.css/verlag_book-webfont.woff') format('woff'), url('/config/designs/header-squiz/main.css/verlag_book-webfont.ttf') format('truetype'), url('/config/designs/header-squiz/main.css/verlag_book-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latobold';
src: url('/config/designs/header-squiz/main.css/lato-bold-webfont.eot');
src: url('/config/designs/header-squiz/main.css/lato-bold-webfont/.eot') format('embedded-opentype'), url('/config/designs/header-squiz/main.css/lato-bold-webfont.woff2') format('woff2'), url('/config/designs/header-squiz/main.css/lato-bold-webfont.woff') format('woff'), url('/config/designs/header-squiz/main.css/lato-bold-webfont.ttf') format('truetype'), url('/config/designs/header-squiz/main.css/lato-bold-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latoblack';
src: url('/__data/assets/file/0016/1008250/lato-black-webfont/v/0.1.2.eot');
src: url('/__data/assets/file/0016/1008250/lato-black-webfont/v/0.1.2.eot') format('embedded-opentype'), url('/__data/assets/file/0020/1008254/lato-black-webfont/v/0.1.2.woff2') format('woff2'), url('/__data/assets/file/0019/1008253/lato-black-webfont/v/0.1.2.woff') format('woff'), url('/__data/assets/file/0018/1008252/lato-black-webfont/v/0.1.2.ttf') format('truetype'), url('/config/designs/header-squiz/main.css/lato-black-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'latoregular';
src: url('/__data/assets/file/0016/1008250/lato-black-webfont/v/0.1.2.eot');
src: url('/__data/assets/file/0016/1008250/lato-black-webfont/v/0.1.2.eot') format('embedded-opentype'), url('/__data/assets/file/0020/1008254/lato-black-webfont/v/0.1.2.woff2') format('woff2'), url('/__data/assets/file/0019/1008253/lato-black-webfont/v/0.1.2.woff') format('woff'), url('/__data/assets/file/0018/1008252/lato-black-webfont/v/0.1.2.ttf') format('truetype'), url('/config/designs/header-squiz/main.css/lato-black-webfont.svg') format('svg');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'latoregular';
src: url('/config/designs/header-squiz/main.css/lato-regular-webfont.eot');
src: url('/config/designs/header-squiz/main.css/lato-regular-webfont/.eot') format('embedded-opentype'), url('/config/designs/header-squiz/main.css/lato-regular-webfont.woff2') format('woff2'), url('/config/designs/header-squiz/main.css/lato-regular-webfont.woff') format('woff'), url('/config/designs/header-squiz/main.css/lato-regular-webfont.ttf') format('truetype'), url('/config/designs/header-squiz/main.css/lato-regular-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/*-- module:footer --*/
img.banner {
display: block;
width: 100%;
line-height: 0;
}
.footer-nav {
max-width: 1220px;
margin: 0 auto;
width: 100%;
overflow: hidden;
}
.footer-links-group {
width: 100%;
}
.footer-links-group h3 {
border-bottom: 1px solid #dbdbdb;
font-size: 1em;
margin: 0;
padding: 1em 1.2em;
color: #036f9d;
text-decoration: none;
font-family: "Velag A","Verlag B",sans-serif
font-size: 1.05em;
color: #036f9d;
display: block;
}
.footer-links-group h3:after {
height: 0;
width: 0;
content: ' ';
border-style: solid;
border-width: 10px 10px 10px 10px;
border-color: #036f9d transparent transparent transparent;
float: right;
margin-top: 0.5em;
}
.footer-links-group h3:hover, .footer-links-group h3:focus {
background-color: #f1f1f1;
cursor: pointer;
}
.footer-links-group ul {
display: none;
margin: 0;
}
.footer-links-group.active ul {
display: block;
border-bottom: 1px solid #dbdbdb;
padding: 1em 1.3em;
background-color: #f9f9f9;
}
.footer-links-group.active h3 a {
background-color: #f1f1f1;
}
.footer-links-group.active li {
margin: 1em 0;
}
.footer-links-group li {
list-style: none;
font-family: 'latobold', sans-serif;
font-size: 1.063em;
color: #036f9d;
}
.footer-links-group li a {
font-weight: 300;
font-family: 'latoregular', sans-serif;
font-size: 1em;
color: #036f9d;
text-decoration: none;
}
.footer-links-group li a:hover {
text-decoration: underline;
}
.social-icons {
padding: 1em 0;
text-align: center;
}
.social-icons a {
display: inline-block;
padding: 0 1.2em;
height: 35px;
text-indent: -9999px;
position: relative;
margin: 0 5%;
}
.social-icons a:after {
position: absolute;
top: 20%;
}
.social-icons a.facebook:after {
display: block;
/** Sprite: facebook-black (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -72px -120px;
background-size: 144px 336px;
width: 13.5px;
height: 24px;
content: '';
left: 13px;
}
.lt-ie9 .social-icons a.facebook:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -72px -120px;
width: 13.5px;
height: 24px;
}
.social-icons a.twitter:after {
display: block;
/** Sprite: twitter-black (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -48px -72px;
background-size: 144px 336px;
width: 24px;
height: 18px;
content: '';
left: 8px;
}
.lt-ie9 .social-icons a.twitter:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -72px;
width: 24px;
height: 18px;
}
.social-icons a.instagram:after {
display: block;
/** Sprite: instagram-black (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -72px -72px;
background-size: 144px 336px;
width: 23px;
height: 23px;
content: '';
left: 7px;
}
.lt-ie9 .social-icons a.instagram:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -72px -72px;
width: 23px;
height: 23px;
}
.social-icons a.youtube:after {
display: block;
/** Sprite: youtube-black (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -96px -120px;
background-size: 144px 336px;
width: 36px;
height: 25px;
content: '';
left: 2px;
}
.lt-ie9 .social-icons a.youtube:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -96px -120px;
width: 36px;
height: 25px;
}
/* Footer notice and copyright */
.quick-links {
list-style: none;
margin: 0 1.2em;
overflow: hidden;
padding: 0;
display: block;
}
.quick-links li {
list-style: none;
margin-left: 0;
margin-bottom: 10px;
}
.quick-links li a {
font-family: 'latobold', serif;
font-size: 1.1em;
text-decoration: none;
color: #575757;
padding: 0.5em 0;
display: block;
outline-offset: -1px;
}
.quick-links li a:hover, .quick-links li a:active, .quick-links li a:focus {
color: #000000;
text-decoration: underline;
}
.copyright-wrapper {
width: 100%;
clear: both;
overflow: hidden;
background: #f5f5f5;
padding-top: 1em;
}
.copyright {
font-family: 'latoregular', serif;
font-size: 1.1em;
color: #595a5c;
margin: 0 1.2em 1em;
}
.copyright a {
color: #036f9d;
}
.copyright p {
margin: 0 0 0.5em;
}
/*-- module:form --*/
/*
----------------------------------------
Generic Forms
----------------------------------------
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
.field_set {
margin-bottom: 10px;
padding: 5px 0;
}
.field_set:before, .field_set:after {
content: '';
display: table;
}
.field_set:after {
clear: both;
}
.field_set label, .field_set span.label {
color: #2B2B2B;
display: inline-block;
font-weight: normal;
padding: 9px 0;
margin-right: 10px;
text-align: left;
width: 90%;
}
.field_set input[type="text"] {
color: #666;
display: block;
float: left;
width: 96%;
border: 1px solid #d8d8d8;
padding: 8px 2%;
margin: 0 5px 0 0;
}
.field_set input[type="text"]:focus {
border: 1px solid #a1a1a1;
box-shadow: 0 0 4px #999;
}
.field_set select {
float: left;
margin: 2px 10px 0 2px;
color: #666;
width: 95%;
}
.field_set select option {
color: #666;
}
.field_set textarea {
color: #666;
display: block;
float: left;
width: 96%;
border: 1px solid #d8d8d8;
padding: 8px 2%;
margin: 0.2em 0 0;
resize: vertical;
min-height: 100px;
}
.field_set textarea:focus {
border: 1px solid #a1a1a1;
}
.field_set.required label::after {
content: " *";
}
span.required_label {
clear: both;
color: #666;
display: block;
font-size: 0.9em;
padding-top: 3px;
}
.field_set.select span.required_label {
padding-top: 0;
}
.error_label {
color: #CC0000;
display: block;
float: left;
padding: 5px 0;
width: 100%;
}
.field_set ul {
float: left;
padding: 0;
margin: 0;
}
.field_set ul li {
background: none;
margin: 0;
overflow: hidden;
padding: 0.6em 0.3em;
}
.field_set ul li input, .field_set ul li label {
width: auto;
}
.field_set ul li label {
margin: 0 0 0 0.3em;
padding: 0;
}
.field_set input[type="checkbox"], .field_set input[type="radio"] {
display: inline-block;
padding: 0;
float: none;
}
.field_set input[type="submit"], .field_set button[type="submit"] {
border: 0;
display: inline-block;
padding: 0.6em 1.2em;
border: 3px solid #036f9d;
text-decoration: none;
color: #036f9d;
text-transform: uppercase;
background-color: #ffffff;
border-radius: 0;
}
.field_set input[type="submit"]:hover, .field_set button[type="submit"]:hover {
background-color: #036f9d;
text-decoration: none;
color: #ffffff;
}
.field_set.quarter-width input[type="text"] {
width: 25%;
}
.field_set.quarter-width select {
width: 25%;
}
/* Styled checkboxes */
.styled-checkboxes li {
position: relative;
}
.styled-checkboxes input[type=checkbox] {
position: absolute;
z-index: -1000;
left: -1000px;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.styled-checkboxes input[type=checkbox] + label {
display: inline-block;
font-size: 12.8px;
font-size: 0.8rem;
vertical-align: middle;
cursor: pointer;
position: relative;
}
.styled-checkboxes input[type=checkbox]:checked + label:before {
content: '';
display: inline-block;
margin-right: 5px;
/** Sprite: checkbox-icon-checked (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -96px -216px;
background-size: 144px 336px;
width: 14.5px;
height: 14.5px;
}
.lt-ie9 .styled-checkboxes input[type=checkbox]:checked + label:before {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -96px -216px;
width: 14.5px;
height: 14.5px;
}
.styled-checkboxes input[type="checkbox"]:checked:focus + label:before, .styled-checkboxes input[type="checkbox"]:not(:checked):focus + label:before {
border: 1px dotted #dff6ff;
}
.styled-checkboxes label {
padding-left: 1.2em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.styled-checkboxes label:before {
content: '';
display: inline-block;
margin-right: 0.3em;
margin-left: -1.2em;
/** Sprite: checkbox-icon (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -96px -240px;
background-size: 144px 336px;
width: 14.5px;
height: 14.5px;
}
.lt-ie9 .styled-checkboxes label:before {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -96px -240px;
width: 14.5px;
height: 14.5px;
}
/*-- module:global-search --*/
.global-search {
position: absolute;
bottom: 0;
right: 0;
overflow: hidden;
height: 45px;
}
.global-search__form input[type="search"] {
-webkit-appearance: none;
}
.global-search__form {
position: relative;
background-color: #006c91;
overflow: hidden;
padding: 0;
display: inline-block;
overflow: hidden;
width: 0;
-webkit-transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
-webkit-transform: translate3d(-110%, 0, 0);
transform: translate3d(-110%, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
}
.global-search__query {
float: left;
margin: 0.7em 0 0 0.8em;
display: inline-block;
border: 0;
padding: 0.1em 0.4em 0;
outline: none;
background-color: transparent;
color: #fff;
border-left: 1px solid #fff;
outline: none;
border-radius: 0;
}
.flexbox .global-search__query {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.no-js .global-search__query, .no-flexbox .global-search__query {
display: table-cell;
vertical-align: top;
}
.global-search__query::-webkit-input-placeholder {
color: white;
}
.global-search__query:-moz-placeholder {
color: white;
}
.global-search__query::-moz-placeholder {
color: white;
}
.global-search__query:-ms-input-placeholder {
color: white;
}
.global-search.active {
width: 100%;
}
.no-js .global-search.active, .no-flexbox .global-search.active {
display: table;
border-collapse: separate;
}
.flexbox .global-search.active {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
box-sizing:border-box;
}
.global-search.active .global-search__form {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
}
.flexbox .global-search.active .global-search__form {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.no-js .global-search.active .global-search__form, .no-flexbox .global-search.active .global-search__form {
display: table-cell;
vertical-align: top;
}
.global-search__submit-button {
width: 50px;
height: 46px;
outline: none;
border: 0;
float: right;
background: transparent;
display: inline-block;
padding: 0 0 0 13px;
z-index: 999;
}
.flexbox .global-search__submit-button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.no-js .global-search__submit-button, .no-flexbox .global-search__submit-button {
display: table-cell;
vertical-align: top;
}
.global-search__submit-button:before {
display: block;
/** Sprite: magnifying-glass (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -0px -0px;
background-size: 144px 336px;
width: 24px;
height: 23px;
content: '';
margin-top: 0;
margin-left: 0px;
}
.lt-ie9 .global-search__submit-button:before {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -0px -0px;
width: 24px;
height: 23px;
}
.global-search__submit-button:focus {
background-color: transparent;
outline: 1px dotted #ccc;
outline-offset: -1px;
}
.global-search__toggle-link {
width: 50px;
height: 46px;
outline: none;
background: transparent;
display: inline-block;
z-index: 999;
background-color: #036f9d;
position: relative;
float: right;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.global-search__toggle-link:before {
display: block;
/** Sprite: magnifying-glass (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -0px -0px;
background-size: 144px 336px;
width: 24px;
height: 23px;
content: '';
position: absolute;
top: 23%;
left: 25%;
}
.lt-ie9 .global-search__toggle-link:before {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -0px -0px;
width: 24px;
height: 23px;
}
.global-search__toggle-link:focus {
outline: 1px dotted #cccccc;
outline-offset: -1px;
}
.global-search.active .global-search__toggle-link:before {
display: block;
/** Sprite: search-close (scale: 0.4) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -38.4px -172.8px;
background-size: 115.2px 268.8px;
width: 28px;
height: 24px;
content: '';
position: absolute;
top: 23%;
left: 22%;
}
.lt-ie9 .global-search.active .global-search__toggle-link:before {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -216px;
width: 35px;
height: 30px;
}
/*-- module:graduate-story --*/
.graduate-story {
padding-top: 1.875rem;
}
.graduate-story .graduate-story__h {
font-size: 18px;
font-size: 1.125rem;
clear: both;
color: #036f9d;
line-height: 1.25rem;
}
.graduate-story__fig {
margin-bottom: 1.25rem;
margin-top: 1rem;
position: relative;
}
.graduate-story__img-link, .graduate-story__img {
display: block;
}
.graduate-story__cap {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(67%, #000000), color-stop(100%, #000000));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 67%, #000000 100%);
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 67%, #000000 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
/* IE6-8 */
bottom: 0;
font-weight: normal;
left: 0;
padding-bottom: 0.75rem;
position: absolute;
right: 0;
}
.graduate-story__link {
font-size: 12.5px;
font-size: 0.78125rem;
color: #fff;
display: block;
font-family: latoregular, sans-serif;
padding: 1.5rem 0.75rem 0;
text-decoration: none;
}
.graduate-story__link:hover {
text-decoration: underline;
}
.lt-ie10 .graduate-story__link {
-webkit-filter: none;
filter: none;
}
.graduate-story__more {
text-align: center;
width: 100%;
}
/*-- module:home-breakthrough --*/
.breakthrough {
max-width: 1220px;
width: 100%;
margin: 0 auto;
}
/*-- module:home-section-events --*/
.home-section__events-title {
font-family: "Velag A","Verlag B",sans-serif
text-transform: uppercase;
font-size: 28px;
font-size: 1.75rem;
padding: 0;
margin: 0;
}
.home-section__events-featured {
margin: 10px 0;
overflow: hidden;
}
.home-section__events-featured .more-link, .home-section__events-featured .more-link:visited {
color: #036f9d;
}
.home-section__events-featured .more-link:after {
content: ' >';
}
.home-section__events-featured-thumb {
position: relative;
height: 275px;
overflow: hidden;
}
.home-section__events-featured-thumb img, .home-section__events-featured-thumb .home-section__events-featured-date {
position: absolute;
width: 100%;
}
.home-section__events-featured-title {
font-family: "Velag A","Verlag B",sans-serif
color: #036f9d;
font-size: 22.4px;
font-size: 1.4rem;
line-height: 36px;
line-height: 2.25rem;
margin: 0.5em 0;
}
.home-section__events-more-link {
font-family: 'latoregular', sans-serif;
text-transform: uppercase;
font-size: 17.6px;
font-size: 1.1rem;
padding: 0;
margin: 0;
color: #036f9d;
text-transform: uppercase;
}
.home-section__events-featured-date {
top: 5px;
right: 5px;
width: 50px;
max-width: 50px;
text-align: center;
border: 1px solid #036f9d;
}
.home-section__events-featured-date .month {
padding: 4px 0;
display: block;
text-transform: uppercase;
background: #036f9d;
color: #fff;
}
.home-section__events-featured-date .day {
display: block;
background: #fff;
color: #036f9d;
font-size: 28.8px;
font-size: 1.8rem;
}
.home-section__events-item {
margin-top: 15px;
}
.home-section__events-item:first-child {
margin-top: 0;
}
.home-section__events-item-description {
padding: 10px 0;
margin-bottom: 5px;
border-bottom: 1px solid #000;
border-top: 1px dashed #0775a5;
}
.home-section__events-item-date {
font-family: 'latobold', sans-serif;
font-size: 1.125em;
padding: 0;
margin: 0;
color: #036f9d;
}
.landing-page .home-section__events {
margin-top: 2.8125rem;
}
.landing-page .home-section__events-key-dates {
max-width: 100%;
width: 100%;
}
.no-flexbox .landing-page .home-section__events-key-dates {
display: block;
}
/*-- module:home-section-news --*/
.home-section__news .parallax {
overflow: visible;
}
.call-to-action {
width: 100%;
margin-top: -36px;
}
.call-to-action__list {
display: block;
margin: 20px;
}
.call-to-action__list {
background: #036f9d;
}
.call-to-action__link {
border-bottom: 1px solid #7cb2c9;
line-height: 45px;
padding: 0 12px;
font-family: 'latobold', serif;
text-transform: uppercase;
font-size: 18px;
font-size: 1.125rem;
color: #fff;
text-decoration: none;
display: block;
position: relative;
-webkit-transition: background 0.5s ease;
transition: background 0.5s ease;
}
.call-to-action__link:after {
display: block;
/** Sprite: chevron-arrow-white (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -24px -0px;
background-size: 144px 336px;
width: 7px;
height: 9px;
content: '';
position: absolute;
right: 12px;
top: 17px;
}
.lt-ie9 .call-to-action__link:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -24px -0px;
width: 7px;
height: 9px;
}
.call-to-action__link, .call-to-action__link:visited {
color: #fff;
}
.call-to-action__link:hover, .call-to-action__link:focus {
background: #005e86;
text-decoration: none;
}
.call-to-action__item:last-child .call-to-action__link {
border: none;
}
.home-section__news .parallax__layer-background img {
width: 100%;
min-height: 550px;
}
/*-- module:home-section-research --*/
/*-- module:home-section-social --*/
/** Mobile only layout **/
/*
@media (max-width: 37.5em) {
.home-section__social-group {
@include sq-flex-box;
}
.home-section__social-group-item {
@include sq-flex(1);
}
}
*/
.home-section__social-group-item {
max-height: 149px;
height: 149px;
min-width: 50%;
padding: 14px;
position: relative;
overflow: hidden;
background: #000;
}
.home-section__social-group-item, .home-section__social-group-item a, .home-section__social-group-item a:visited {
color: #fff;
}
.home-section__social-group-item.facebook {
background: #036f9d;
}
.home-section__social-group-item:after {
position: absolute;
bottom: 10px;
right: 10px;
}
.home-section__social-group-item.twitter:after {
display: block;
/** Sprite: twitter-white (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -48px -48px;
background-size: 144px 336px;
width: 24px;
height: 17px;
content: '';
bottom: 14px;
}
.lt-ie9 .home-section__social-group-item.twitter:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -48px;
width: 24px;
height: 17px;
}
.home-section__social-group-item.instagram:after {
display: block;
/** Sprite: instagram-white (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -72px -48px;
background-size: 144px 336px;
width: 23px;
height: 23px;
content: '';
}
.lt-ie9 .home-section__social-group-item.instagram:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -72px -48px;
width: 23px;
height: 23px;
}
.home-section__social-group-item.youtube:after {
display: block;
/** Sprite: youtube-bevelled (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -96px -72px;
background-size: 144px 336px;
width: 34px;
height: 34px;
content: '';
}
.lt-ie9 .home-section__social-group-item.youtube:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -96px -72px;
width: 34px;
height: 34px;
}
.home-section__social-group-item.facebook:after {
display: block;
/** Sprite: facebook-white (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -72px -96px;
background-size: 144px 336px;
width: 12px;
height: 24px;
content: '';
right: 8px;
}
.lt-ie9 .home-section__social-group-item.facebook:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -72px -96px;
width: 12px;
height: 24px;
}
.home-section__social-group-item.gallery:after {
display: block;
/** Sprite: gallery-white (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -48px -96px;
background-size: 144px 336px;
width: 23px;
height: 20px;
content: '';
}
.lt-ie9 .home-section__social-group-item.gallery:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -96px;
width: 23px;
height: 20px;
}
.home-section__social-group-item-text {
margin: 0;
padding: 0;
font-family: 'latoregular', sans-serif, arial;
font-size: 1.1em;
line-height: 1.2em;
}
.home-section__social-group-link {
display: inline-block;
*display: inline;
zoom: 1;
-webkit-transition: border-color 0.5s ease;
transition: border-color 0.5s ease;
text-decoration: none;
border-bottom: 3px solid;
border-color: #009abc;
padding-bottom: 3px;
position: absolute;
bottom: 14px;
}
.home-section__social-group-link:hover {
border-color: #fff;
}
.home-section__social-group-item-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.home-section__social-group-item img {
width: 100%;
}
.home-section__social-links {
background: #fff;
width: 100%;
font-family: 'latobold', sans-serif;
text-transform: uppercase;
font-size: 16px;
font-size: 1rem;
font-weight: 600;
overflow: hidden;
}
.home-section__social-links-link {
text-decoration: none;
display: block;
font-size: 0.75em;
border-bottom: 1px solid #dbdbdb;
padding: 10px 30px;
}
.home-section__social-links-link:after {
display: block;
/** Sprite: chevron-arrow-black (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -48px -144px;
background-size: 144px 336px;
width: 8px;
height: 9.5px;
content: '';
-webkit-transition: margin-right 0.5s ease;
transition: margin-right 0.5s ease;
float: right;
margin-right: 0;
padding-left: 5px;
}
.lt-ie9 .home-section__social-links-link:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -144px;
width: 8px;
height: 9.5px;
}
.home-section__social-links-link:hover:after {
margin-right: -2%;
}
.home-section__social-links-link, .home-section__social-links-link:visited {
color: #000;
}
/*-- module:home-section-uc-life --*/
.home-section__uc-life .carousel {
margin: 10px 0;
}
/*-- module:home-section --*/
.home-section__content {
background: #fff;
}
.home-section__content-wrap {
padding: 20px;
}
.home-section__intro-text {
font-family: 'latoregular', serif;
font-size: 20px;
font-size: 1.25rem;
color: #000;
width: 80%;
overflow: hidden;
text-align: center;
margin: 0 auto;
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.home-section__intro-text a {
display: block;
text-decoration: none;
color: #036f9d;
}
.home-section__intro-text a {
margin-top: 0.5em;
}
.home-section__intro-text a:after {
content: '\FF1E';
padding-left: 0.2em;
text-decoration: none;
}
.home-section__intro-text a:hover, .home-section__intro-text a:hover:after {
color: #000000;
}
.home-section .parallax {
padding-bottom: 80px;
}
.home-section__header {
font-family: 'verlagbook', sans-serif;
text-transform: uppercase;
font-size: 28.8px;
font-size: 1.8rem;
font-weight: 400;
padding: 0;
margin: 0;
}
.home-section__header-bottom-right {
background: #fff;
padding: 14px;
position: absolute;
bottom: 20px;
right: 20px;
}
.home-section__header-bottom-left {
background: #fff;
padding: 14px;
float: left;
position: absolute;
bottom: 20px;
left: 20px;
}
/*-- module:home-video --*/
.video-wrapper {
position: relative;
background: #000;
}
.inside .video-wrapper {
overflow: hidden;
}
.video-wrapper .video-play-pause {
position: absolute;
z-index: 2;
top: 45%;
left: 45%;
border: 0;
width: 38px;
height: 38px;
outline: none;
background-color: transparent;
padding: 0;
}
.video-wrapper .video-play-pause:after {
display: block;
/** Sprite: video-play (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -0px -168px;
background-size: 144px 336px;
width: 37.5px;
height: 37.5px;
content: '';
}
.lt-ie9 .video-wrapper .video-play-pause:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -0px -168px;
width: 37.5px;
height: 37.5px;
}
.video-wrapper .video-play-pause.paused:after {
display: block;
/** Sprite: video-play (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -0px -168px;
background-size: 144px 336px;
width: 37.5px;
height: 37.5px;
content: '';
}
.lt-ie9 .video-wrapper .video-play-pause.paused:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -0px -168px;
width: 37.5px;
height: 37.5px;
}
.video-wrapper .video-play-pause.playing {
opacity: 0.5;
}
.video-wrapper .video-play-pause.playing:after {
display: block;
/** Sprite: video-pause (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -0px -120px;
background-size: 144px 336px;
width: 37.5px;
height: 37.5px;
content: '';
}
.lt-ie9 .video-wrapper .video-play-pause.playing:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -0px -120px;
width: 37.5px;
height: 37.5px;
}
.home-video {
width: 100% !important;
min-height: 300px;
}
video::-webkit-media-controls-enclosure {
display: none !important;
}
/*-- module:landing-page-carousel --*/
.landing-page-carousel {
margin-left: -8.13953%;
margin-right: -8.13953%;
margin-top: -1em;
overflow: hidden;
position: relative;
}
.landing-page-carousel, .landing-page-carousel .carousel-top {
max-height: 56.25vw;
overflow: hidden;
}
.landing-page-carousel .carousel-top__item-text {
bottom: 1.40625rem;
left: 2.96875%;
margin-left: 0;
padding: 2.1875% 2.8125% 2.8125%;
width: 80.78125%;
}
.landing-page-carousel .carousel-top__item-title {
font-size: 25px;
font-size: 1.5625rem;
line-height: 1;
padding: 0.3125rem 0;
}
.landing-page-carousel .carousel-top__item-text p {
font-size: 12.5px;
font-size: 0.78125rem;
line-height: 1;
margin: 0 0 0.8em;
max-height: 1.5625rem;
overflow: hidden;
padding: 0;
}
.landing-page-carousel .slick-dots li {
margin-top: 0.5em;
}
.landing-page-carousel .carousel-top__item-more-link {
font-size: 12.6px;
font-size: 0.7875rem;
line-height: 1.88;
padding: 0 0.6em;
}
.landing-page--campaign .landing-page-carousel .carousel-top__item-description p, .news-listing .landing-page-carousel .carousel-top__item-description p {
display: none;
}
.landing-page--campaign .landing-page-carousel .carousel-top__item-text, .news-listing .landing-page-carousel .carousel-top__item-text {
bottom: 11.11111%;
left: 3.125%;
width: 93.75%;
}
.landing-page--campaign .landing-page-carousel .carousel-top__item-more-link, .news-listing .landing-page-carousel .carousel-top__item-more-link {
display: block;
background: transparent;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.landing-page--campaign .landing-page-carousel .carousel-top__item-more-link:after, .news-listing .landing-page-carousel .carousel-top__item-more-link:after {
display: block;
/** Sprite: small-white-arrow-next (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -48px -312px;
background-size: 144px 336px;
width: 7px;
height: 9.5px;
content: '';
}
.lt-ie9 .landing-page--campaign .landing-page-carousel .carousel-top__item-more-link:after, .lt-ie9 .news-listing .landing-page-carousel .carousel-top__item-more-link:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -312px;
width: 7px;
height: 9.5px;
}
.landing-page--campaign .landing-page-carousel .carousel-top__item-more-link:after, .news-listing .landing-page-carousel .carousel-top__item-more-link:after {
margin-top: -4.75px;
position: absolute;
right: 3.55872%;
top: 50%;
}
/*-- module:landing-page-colours --*/
.landing-page--arts .carousel-top .carousel-top__item-text, .landing-page--arts .carousel-top .slick-dots li, .landing-page--arts .course-search-widget__submit {
border-color: #ed1651;
}
.landing-page--arts .home-section__events-item-description {
border-top-color: #ed1651;
}
.landing-page--arts .highlight li {
border-color: #d4134a;
}
.landing-page--arts .mobile-menu .megamenu li {
border-color: #f14576;
}
.landing-page--arts .global-search__toggle-link, .landing-page--arts .carousel-top .carousel-top__item-more-link, .landing-page--arts .sub-navigation__mobile-nav-label, .landing-page--arts .back-to-top__link, .landing-page--arts .course-search-widget__field, .landing-page--arts .course-search-widget__submit, .landing-page--arts .sub-navigation__sub-nav-links a, .landing-page--arts .highlight li a, .landing-page--arts .show-mobile-menu.active {
background-color: #002655;
}
.landing-page--arts .primary-nav-wrapper-outer, .landing-page--arts .sub-navigation__section-title, .landing-page--arts .course-search-widget, .landing-page--arts .megamenu, .landing-page--arts .global-search__form, .landing-page--arts .mobile-menu .megamenu a {
background-color: #002655;
}
.landing-page--arts a, .landing-page--arts .coloured-title, .landing-page--arts .blue, .landing-page--arts .related-links a, .landing-page--arts .footer-links-group h3, .landing-page--arts .footer-links-group li a, .landing-page--arts .sub-navigation__sub-nav-links ul a, .landing-page--arts .news-list__pubdate, .landing-page--arts .home-section__events-item-date {
color: #084968;
}
.landing-page--arts .sub-navigation__sub-nav-links > li {
border-color: #d4134a;
}
.landing-page--arts .lvl-3 li a.active {
border-bottom: 1px solid #d4134a;
}
.landing-page--arts .carousel-top li .slide-nav:after, .landing-page--arts .news-list__title-link {
color: #ed1651;
}
.landing-page--arts .styled-button {
border-color: #a50f39;
color: #a50f39;
}
.landing-page--arts .styled-button:hover, .landing-page--arts .styled-button:active, .landing-page--arts .styled-button:focus {
background-color: #a50f39;
}
.landing-page--arts .news-list__more-link:hover, .landing-page--arts .news-list__more-link:focus, .landing-page--arts .news-list__more-link:active {
background-color: #a50f39;
}
.landing-page--arts .sub-navigation__sub-nav-links ul a {
background-color: #f0f0f0;
}
.landing-page--arts .course-search-widget__toggle, .landing-page--arts .ask-uc_link, .landing-page--arts .graduate-story__link, .landing-page--arts .show-mobile-menu, .landing-page--arts .sub-navigation__section-title {
color: #fff;
}
.landing-page--arts .highlight a:hover {
background-color: #fff;
}
.landing-page--arts .mobile-menu a:hover, .landing-page--arts .mobile-menu a:focus, .landing-page--arts .mobile-menu a:active {
background-color: #084968;
}
.landing-page--arts .body-link-list__item a:after, .landing-page--arts .related-links a:after {
display: block;
/** Sprite: small-red-arrow-next (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -24px -312px;
background-size: 144px 336px;
width: 7px;
height: 9.5px;
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -5.25px;
}
.lt-ie9 .landing-page--arts .body-link-list__item a:after, .lt-ie9 .landing-page--arts .related-links a:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -24px -312px;
width: 7px;
height: 9.5px;
}
.landing-page--arts .carousel-top li .slide-nav:after {
display: block;
/** Sprite: small-red-arrow-next (scale: 0.75) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: 0px -468px;
background-size: 216px 504px;
width: 10.5px;
height: 14.25px;
content: '';
}
.lt-ie9 .landing-page--arts .carousel-top li .slide-nav:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -24px -312px;
width: 7px;
height: 9.5px;
}
.landing-page--arts .footer-links-group h3:after {
border-color: #a50f39 transparent transparent;
}
/* college colours */
.landing-page--college .carousel-top .carousel-top__item-text, .landing-page--college .carousel-top .slick-dots li, .landing-page--college .course-search-widget__submit {
border-color: #f7941d;
}
.landing-page--college .home-section__events-item-description {
border-top-color: #f7941d;
}
.landing-page--college .highlight li {
border-color: #F8B768;
}
.landing-page--college .mobile-menu .megamenu li {
border-color: #F7B11D;
}
.landing-page--college .global-search__toggle-link, .landing-page--college .carousel-top .carousel-top__item-more-link, .landing-page--college .sub-navigation__mobile-nav-label, .landing-page--college .back-to-top__link, .landing-page--college .course-search-widget__field, .landing-page--college .course-search-widget__submit, .landing-page--college .sub-navigation__sub-nav-links a, .landing-page--college .highlight li a, .landing-page--college .show-mobile-menu.active {
background-color: #002655;
}
.landing-page--college .primary-nav-wrapper-outer, .landing-page--college .sub-navigation__section-title, .landing-page--college .course-search-widget, .landing-page--college .megamenu, .landing-page--college .global-search__form, .landing-page--college .mobile-menu .megamenu a {
background-color: #002655;
}
.landing-page--college a, .landing-page--college .coloured-title, .landing-page--college .blue, .landing-page--college .related-links a, .landing-page--college .footer-links-group h3, .landing-page--college .footer-links-group li a, .landing-page--college .sub-navigation__sub-nav-links ul a, .landing-page--college .news-list__pubdate, .landing-page--college .home-section__events-item-date {
color: #002655;
}
.landing-page--college .sub-navigation__sub-nav-links > li {
border-color: #00C86A;
}
.landing-page--college .lvl-3 li a.active {
border-bottom: 1px solid #F8B768;
}
.landing-page--college .carousel-top li .slide-nav:after, .landing-page--college .news-list__title-link {
color: #f7941d;
}
.landing-page--college .styled-button {
border-color: #c75300;
color: #c75300;
}
.landing-page--college .styled-button:hover, .landing-page--college .styled-button:active, .landing-page--college .styled-button:focus {
background-color: #c75300;
}
.landing-page--college .news-list__more-link:hover, .landing-page--college .news-list__more-link:focus, .landing-page--college .news-list__more-link:active {
background-color: #c75300;
}
.landing-page--college .sub-navigation__sub-nav-links ul a {
background-color: #f0f0f0;
}
.landing-page--college .course-search-widget__toggle, .landing-page--college .ask-uc_link, .landing-page--college .graduate-story__link, .landing-page--college .show-mobile-menu, .landing-page--college .sub-navigation__section-title {
color: #fff;
}
.landing-page--college .highlight a:hover {
background-color: #fff;
}
.landing-page--college .mobile-menu a:hover, .landing-page--college .mobile-menu a:focus, .landing-page--college .mobile-menu a:active {
background-color: #084968;
}
.landing-page--college .body-link-list__item a:after, .landing-page--college .related-links a:after {
display: block;
/** Sprite: small-red-arrow-next (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -40px -322px;
background-size: 144px 336px;
width: 7px;
height: 9.5px;
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -5.25px;
}
.lt-ie9 .landing-page--college .body-link-list__item a:after, .lt-ie9 .landing-page--college .related-links a:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -24px -312px;
width: 7px;
height: 9.5px;
}
.landing-page--college .carousel-top li .slide-nav:after {
display: block;
/** Sprite: small-red-arrow-next (scale: 0.75) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -23px -482px;
background-size: 216px 504px;
width: 10.5px;
height: 14.25px;
content: '';
}
.lt-ie9 .landing-page--college .carousel-top li .slide-nav:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -24px -312px;
width: 7px;
height: 9.5px;
}
.landing-page--college .footer-links-group h3:after {
border-color: #c75300 transparent transparent;
}
/* BGL Colours */
.landing-page--bgl .carousel-top .carousel-top__item-text, .landing-page--bgl .carousel-top .slick-dots li, .landing-page--bgl .course-search-widget__submit {
border-color: #1079bf;
}
.landing-page--bgl .home-section__events-item-description {
border-top-color: #1079bf;
}
.landing-page--bgl .highlight li {
border-color: #118CCC;
}
.landing-page--bgl .mobile-menu .megamenu li {
border-color: #15AAF7;
}
.landing-page--bgl .global-search__toggle-link, .landing-page--bgl .carousel-top .carousel-top__item-more-link, .landing-page--bgl .sub-navigation__mobile-nav-label, .landing-page--bgl .back-to-top__link, .landing-page--bgl .course-search-widget__field, .landing-page--bgl .course-search-widget__submit, .landing-page--bgl .sub-navigation__sub-nav-links a, .landing-page--bgl .highlight li a, .landing-page--bgl .show-mobile-menu.active {
background-color: #002655;
}
.landing-page--bgl .primary-nav-wrapper-outer, .landing-page--bgl .sub-navigation__section-title, .landing-page--bgl .course-search-widget, .landing-page--bgl .megamenu, .landing-page--bgl .global-search__form, .landing-page--bgl .mobile-menu .megamenu a {
background-color: #1079bf;
}
.landing-page--bgl a, .landing-page--bgl .coloured-title, .landing-page--bgl .blue, .landing-page--bgl .related-links a, .landing-page--bgl .footer-links-group h3, .landing-page--bgl .footer-links-group li a, .landing-page--bgl .sub-navigation__sub-nav-links ul a, .landing-page--bgl .news-list__pubdate, .landing-page--bgl .home-section__events-item-date {
color: #0B517F;
}
.landing-page--bgl .sub-navigation__sub-nav-links > li {
border-color: #7cb2c9;
}
.landing-page--bgl .lvl-3 li a.active {
border-bottom: 1px solid #118CCC;
}
.landing-page--bgl .carousel-top li .slide-nav:after, .landing-page--bgl .news-list__title-link {
color: #1079bf;
}
.landing-page--bgl .styled-button {
border-color: #0B517F;
color: #0B517F;
}
.landing-page--bgl .styled-button:hover, .landing-page--bgl .styled-button:active, .landing-page--bgl .styled-button:focus {
background-color: #0B517F;
}
.landing-page--bgl .news-list__more-link:hover, .landing-page--bgl .news-list__more-link:focus, .landing-page--bgl .news-list__more-link:active {
background-color: #0B517F;
}
.landing-page--bgl .sub-navigation__sub-nav-links ul a {
background-color: #f0f0f0;
}
.landing-page--bgl .course-search-widget__toggle, .landing-page--bgl .ask-uc_link, .landing-page--bgl .graduate-story__link, .landing-page--bgl .show-mobile-menu, .landing-page--bgl .sub-navigation__section-title {
color: #fff;
}
.landing-page--bgl .highlight a:hover {
background-color: #fff;
}
.landing-page--bgl .mobile-menu a:hover, .landing-page--bgl .mobile-menu a:focus, .landing-page--bgl .mobile-menu a:active {
background-color: #084968;
}
.landing-page--bgl .body-link-list__item a:after, .landing-page--bgl .related-links a:after {
display: block;
/** Sprite: small-red-arrow-next (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -32px -312px;
background-size: 144px 336px;
width: 7px;
height: 9.5px;
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -5.25px;
}
.lt-ie9 .landing-page--bgl .body-link-list__item a:after, .lt-ie9 .landing-page--bgl .related-links a:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -24px -312px;
width: 7px;
height: 9.5px;
}
.landing-page--bgl .carousel-top li .slide-nav:after {
display: block;
/** Sprite: small-red-arrow-next (scale: 0.75) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -12px -468px;
background-size: 216px 504px;
width: 10.5px;
height: 14.25px;
content: '';
}
.lt-ie9 .landing-page--bgl .carousel-top li .slide-nav:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -24px -312px;
width: 7px;
height: 9.5px;
}
.landing-page--bgl .footer-links-group h3:after {
border-color: #0B517F transparent transparent;
}
/* ESTeM Colours */
.landing-page--estem .carousel-top .carousel-top__item-text, .landing-page--estem .carousel-top .slick-dots li, .landing-page--estem .course-search-widget__submit {
border-color: #00904c;
}
.landing-page--estem .home-section__events-item-description {
border-top-color: #00904c;
}
.landing-page--estem .highlight li {
border-color: #00C86A;
}
.landing-page--estem .mobile-menu .megamenu li {
border-color: #00FF87;
}
.landing-page--estem .global-search__toggle-link, .landing-page--estem .carousel-top .carousel-top__item-more-link, .landing-page--estem .sub-navigation__mobile-nav-label, .landing-page--estem .back-to-top__link, .landing-page--estem .course-search-widget__field, .landing-page--estem .course-search-widget__submit, .landing-page--estem .sub-navigation__sub-nav-links a, .landing-page--estem .highlight li a, .landing-page--estem .show-mobile-menu.active {
background-color: #002655;
}
.landing-page--estem .primary-nav-wrapper-outer, .landing-page--estem .sub-navigation__section-title, .landing-page--estem .course-search-widget, .landing-page--estem .megamenu, .landing-page--estem .global-search__form, .landing-page--estem .mobile-menu .megamenu a {
background-color: #002655;
}
.landing-page--estem a, .landing-page--estem .coloured-title, .landing-page--estem .blue, .landing-page--estem .related-links a, .landing-page--estem .footer-links-group h3, .landing-page--estem .footer-links-group li a, .landing-page--estem .sub-navigation__sub-nav-links ul a, .landing-page--estem .news-list__pubdate, .landing-page--estem .home-section__events-item-date {
color: #00763E;
}
.landing-page--estem .sub-navigation__sub-nav-links > li {
border-color: #7cb2c9;
}
.landing-page--estem .lvl-3 li a.active {
border-bottom: 1px solid #00c86a;
}
.landing-page--estem .carousel-top li .slide-nav:after, .landing-page--estem .news-list__title-link {
color: #00904c;
}
.landing-page--estem .styled-button {
border-color: #00763E;
color: #00763E;
}
.landing-page--estem .styled-button:hover, .landing-page--estem .styled-button:active, .landing-page--estem .styled-button:focus {
background-color: #00763E;
}
.landing-page--estem .news-list__more-link:hover, .landing-page--estem .news-list__more-link:focus, .landing-page--estem .news-list__more-link:active {
background-color: #00763E;
}
.landing-page--estem .sub-navigation__sub-nav-links ul a {
background-color: #f0f0f0;
}
.landing-page--estem .course-search-widget__toggle, .landing-page--estem .ask-uc_link, .landing-page--estem .graduate-story__link, .landing-page--estem .show-mobile-menu, .landing-page--estem .sub-navigation__section-title {
color: #fff;
}
.landing-page--estem .highlight a:hover {
background-color: #fff;
}
.landing-page--estem .mobile-menu a:hover, .landing-page--estem .mobile-menu a:focus, .landing-page--estem .mobile-menu a:active {
background-color: #084968;
}
.landing-page--estem .body-link-list__item a:after, .landing-page--estem .related-links a:after {
display: block;
/** Sprite: small-red-arrow-next (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -24px -322px;
background-size: 144px 336px;
width: 7px;
height: 9.5px;
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -5.25px;
}
.lt-ie9 .landing-page--estem .body-link-list__item a:after, .lt-ie9 .landing-page--estem .related-links a:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -24px -312px;
width: 7px;
height: 9.5px;
}
.landing-page--estem .carousel-top li .slide-nav:after {
display: block;
/** Sprite: small-red-arrow-next (scale: 0.75) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: 0px -482px;
background-size: 216px 504px;
width: 10.5px;
height: 14.25px;
content: '';
}
.lt-ie9 .landing-page--estem .carousel-top li .slide-nav:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -24px -312px;
width: 7px;
height: 9.5px;
}
.landing-page--estem .footer-links-group h3:after {
border-color: #00763E transparent transparent;
}
/* Health colours */
.landing-page--health .carousel-top .carousel-top__item-text, .landing-page--health .carousel-top .slick-dots li, .landing-page--health .course-search-widget__submit {
border-color: #645FAA;
}
.landing-page--health .home-section__events-item-description {
border-top-color: #645FAA;
}
.landing-page--health .highlight li {
border-color: #918AF6;
}
.landing-page--health .mobile-menu .megamenu li {
border-color: #91A2F0;
}
.landing-page--health .global-search__toggle-link, .landing-page--health .carousel-top .carousel-top__item-more-link, .landing-page--health .sub-navigation__mobile-nav-label, .landing-page--health .back-to-top__link, .landing-page--health .course-search-widget__field, .landing-page--health .course-search-widget__submit, .landing-page--health .sub-navigation__sub-nav-links a, .landing-page--health .highlight li a, .landing-page--health .show-mobile-menu.active {
background-color: #002655;
}
.landing-page--health .primary-nav-wrapper-outer, .landing-page--health .sub-navigation__section-title, .landing-page--health .course-search-widget, .landing-page--health .megamenu, .landing-page--health .global-search__form, .landing-page--health .mobile-menu .megamenu a {
background-color: #002655;
}
.landing-page--health a, .landing-page--health .coloured-title, .landing-page--health .blue, .landing-page--health .related-links a, .landing-page--health .footer-links-group h3, .landing-page--health .footer-links-group li a, .landing-page--health .sub-navigation__sub-nav-links ul a, .landing-page--health .news-list__pubdate, .landing-page--health .home-section__events-item-date {
color: #555190;
}
.landing-page--health .sub-navigation__sub-nav-links > li {
border-color: #7cb2c9;
}
.landing-page--health .lvl-3 li a.active {
border-bottom: 1px solid #918af6;
}
.landing-page--health .carousel-top li .slide-nav:after, .landing-page--health .news-list__title-link {
color: #645FAA;
}
.landing-page--health .styled-button {
border-color: #555190;
color: #555190;
}
.landing-page--health .styled-button:hover, .landing-page--health .styled-button:active, .landing-page--health .styled-button:focus {
background-color: #555190;
}
.landing-page--health .news-list__more-link:hover, .landing-page--health .news-list__more-link:focus, .landing-page--health .news-list__more-link:active {
background-color: #555190;
}
.landing-page--health .sub-navigation__sub-nav-links ul a {
background-color: #f0f0f0;
}
.landing-page--health .course-search-widget__toggle, .landing-page--health .ask-uc_link, .landing-page--health .graduate-story__link, .landing-page--health .show-mobile-menu, .landing-page--health .sub-navigation__section-title {
color: #fff;
}
.landing-page--health .highlight a:hover {
background-color: #fff;
}
.landing-page--health .mobile-menu a:hover, .landing-page--health .mobile-menu a:focus, .landing-page--health .mobile-menu a:active {
background-color: #084968;
}
.landing-page--health .body-link-list__item a:after, .landing-page--health .related-links a:after {
display: block;
/** Sprite: small-red-arrow-next (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -32px -322px;
background-size: 144px 336px;
width: 7px;
height: 9.5px;
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -5.25px;
}
.lt-ie9 .landing-page--health .body-link-list__item a:after, .lt-ie9 .landing-page--health .related-links a:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -24px -312px;
width: 7px;
height: 9.5px;
}
.landing-page--health .carousel-top li .slide-nav:after {
display: block;
/** Sprite: small-red-arrow-next (scale: 0.75) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -12px -482px;
background-size: 216px 504px;
width: 10.5px;
height: 14.25px;
content: '';
}
.lt-ie9 .landing-page--health .carousel-top li .slide-nav:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -24px -312px;
width: 7px;
height: 9.5px;
}
.landing-page--health .footer-links-group h3:after {
border-color: #555190 transparent transparent;
}
/*-- module:landing-page-intro --*/
.landing-page-intro {
background: #f0f0f0;
margin-left: -8.13953%;
margin-right: -8.13953%;
padding: 7.1875%;
}
.landing-page-intro h1 {
margin-top: 0.5625rem;
}
.landing-page-intro p {
font-size: 12.5px;
font-size: 0.78125rem;
line-height: 1.44;
}
.landing-page-intro__button {
width: 100%;
}
.coloured-title {
color: #036f9d;
}
.landing-page-intro__col + .landing-page-intro__col {
margin-top: 2.4375rem;
}
.landing-page-intro--campaign {
padding-bottom: 2rem;
}
/*-- module:logo --*/
.uc-logo {
width: 100%;
height: 68px;
/*background: url(/__data/assets/image/0020/1008236/logo.png) 1.5em 50% no-repeat;*/
background:url(/__data/assets/image/0019/1405405/uc_logo_flat.png)1.5em 50% no-repeat;
background-size: 165px auto;
float: left;
text-indent: -9999px;
overflow: hidden;
outline-offset: -1px;
}
.uc-logo--research {
background: url(/config/designs/header-squiz/mysource_files/research-logo.svg) 0.625rem center no-repeat;
background-size: contain;
}
/*-- module:media-card --*/
.media-card__img img {
display: block;
}
/*-- module:menu --*/
.primary-nav-wrapper-outer {
display: block;
background: #002655;
clear: both;
height: 45px;
/*Mobile only */
}
.show-mobile-menu {
color: #fff;
text-decoration: none;
text-transform: uppercase;
padding: 0 1em;
display: inline-block;
position: relative;
padding-left: 80px;
height: 45px;
line-height: 3em;
}
.show-mobile-menu:before {
display: block;
/** Sprite: mobile-menu-icon (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -0px -216px;
background-size: 144px 336px;
width: 37.5px;
height: 22px;
content: '';
display: inline-block;
position: absolute;
margin-left: 25px;
left: 0;
top: 28%;
}
.lt-ie9 .show-mobile-menu:before {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -0px -216px;
width: 37.5px;
height: 22px;
}
.show-mobile-menu:hover {
text-decoration: none;
}
.show-mobile-menu.active:before {
display: block;
/** Sprite: mobile-menu-icon-active (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -48px -216px;
background-size: 144px 336px;
width: 35px;
height: 30px;
content: '';
display: inline-block;
position: absolute;
margin-left: 25px;
left: 0;
top: 18%;
}
.lt-ie9 .show-mobile-menu.active:before {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -216px;
width: 35px;
height: 30px;
}
.primary-nav-wrapper {
display: none;
}
.show-mobile-menu.active {
background: #036f9d;
}
/* Mobile Menu */
.mobile-menu {
width: 13em;
position: absolute;
top: 0;
left: -13em;
z-index: 9998;
display: block;
height: 100%;
overflow: hidden;
overflow: hidden;
overflow-y: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
#page-wrapper {
left: 0px;
}
.mobile-menu-active {
width: 100%;
overflow: hidden;
}
.mobile-menu-active #page-wrapper {
position: relative;
box-shadow: 0 0 10px #333;
z-index: 9999;
overflow: hidden;
height: 100%;
}
.mobile-menu.active {
left: 0;
top: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* Mobile links styles */
.mobile-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.mobile-menu ul li {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
.highlight li {
border-bottom: 1px solid #7cb2c9;
}
.secondary-links.highlight li:last-child {
border-bottom: 0;
}
.secondary-links li a, .mobile-menu .megamenu a {
/* background: #036f9d; */
background: #002655;
display: block;
color: #ffffff;
line-height: 1em;
font-size: 0.8em;
font-family: 'latoregular', serif;
text-decoration: none;
text-transform: uppercase;
display: block;
padding: 1.2em 2em;
}
.normal li {
border-bottom: 1px solid #dbdbdb;
}
.normal li:last-child {
border-bottom: 0;
}
.normal li a {
background: #ffffff;
color: #404041;
}
.mobile-menu .megamenu a {
background-color: #002655;
}
.mobile-menu .megamenu li {
border-bottom: 1px solid #81ceee;
}
.mobile-menu .megamenu li:last-child {
border-bottom: 0;
}
.mobile-menu .megamenu-content {
display: none;
}
.mobile-menu a:hover, .mobile-menu a:focus, .mobile-menu a:active {
background-color: #084968;
color: #ffffff;
}
/*-- module:mini-form --*/
.mini-form {
margin-top: 2.375rem;
}
.right-col .mini-form .mini-form__h {
font-size: 1.5rem;
line-height: 1.625rem;
}
.mini-form__label {
display: block;
font-family: lato, sans-serif;
font-size: 0.9375rem;
font-weight: bold;
line-height: 1.125rem;
margin-bottom: 0.3125rem;
}
.mini-form__input {
background: #fff;
border: solid 1px #d6d6d6;
display: block;
margin-bottom: 1.125rem;
padding: 0.4375rem;
width: 100%;
}
.mini-form .styled-button {
width: 100%;
}
/*-- module:mobile-contactus-maps-links --*/
.mobile-contact-us-maps-links {
overflow: hidden;
}
.mobile-contact-us-maps-links a {
display: block;
width: 50%;
text-align: center;
float: left;
font-family: 'verlagbook', sans-serif;
color: #414042;
font-size: 1.1em;
padding: 0.8em 0;
border-bottom: 1px solid #ebebeb;
text-decoration: none;
}
.mobile-contact-us-maps-links a:last-child {
border-left: 1px solid #ebebeb;
margin-left: -1px;
}
.mobile-contact-us-maps-links a:hover, .mobile-contact-us-maps-links a:focus, .mobile-contact-us-maps-links a:active {
background-color: #ebebeb;
}
/*-- module:news-item-content --*/
.news-item__published {
float: left;
}
.news-item__published:after {
content: ':';
padding-right: 0.75em;
}
/*-- module:news-list --*/
.news-list__h.h1 {
margin-bottom: 1.3125rem;
text-transform: uppercase;
}
.news-list__list {
list-style: none;
margin: 0;
padding: 0;
}
.news-list__item + .news-list__item {
margin-top: 2.5rem;
}
.news-list__title {
font-family: "Verlag A", "Verlag B", sans-serif;
font-weight: 600;
font-size: 18px;
font-size: 1.125rem;
margin-top: 1.3125rem;
}
.news-list__title-link {
color: #009abc;
}
.news-list__img, .news-list__img img {
display: block;
}
.news-list__description {
font-size: 17px;
font-size: 1.0625rem;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 1.40625rem;
max-height: 4.21875rem;
overflow: hidden;
text-overflow: ellipsis;
}
.news-list__description p:last-child {
margin-bottom: 0;
}
.news-list__more-link {
font-size: 17px;
font-size: 1.0625rem;
display: block;
line-height: 1.40625rem;
text-decoration: underline;
text-transform: lowercase;
}
.news-list__more-link:hover, .news-list__more-link:focus, .news-list__more-link:active {
background: #036f9d;
color: #fff;
text-decoration: none;
}
.news-list__more-link:after {
content: ' >';
}
.news-list__pubdate {
font-size: 15px;
font-size: 0.9375rem;
color: #036f9d;
line-height: 1.40625rem;
}
.news-list--longer {
margin-bottom: 3.4375rem;
}
/*-- module:page-elements --*/
.content {
font-size: 12.5px;
font-size: 0.78125rem;
line-height: 1.44em;
line-height: calc(18em / 12.5);
font-family: 'latoregular', sans-serif;
padding: 1em 0;
}
h1, h2, h3, h4, h5, h6 {
color: #000;
font-family: "Verlag A", "Verlag B", sans-serif;
font-weight: normal;
}
h1, .h1 {
font-size: 30px;
font-size: 1.875rem;
line-height: 1;
margin: 1em 0 0.2em;
}
h2, .h2 {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.14583em;
line-height: calc(27.5em / 24);
margin: 0.8em 0 0.25em;
}
h3, .h3 {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.14583em;
line-height: calc(27.5em / 24);
margin: 0.6em 0 0.25em;
}
h4, .h4 {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.125em;
line-height: calc(22.5em / 20);
margin: 0.5em 0 0.3em;
}
.blue {
color: #036f9d;
}
h5, .h5 {
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.16667em;
line-height: calc(17.5em / 15);
color: #000;
font-family: "Velag A","Verlag B",sans-serif
margin: 0.5em 0 0.2em;
text-transform: uppercase;
}
h6, .h6 {
font-size: 12.5px;
font-size: 0.78125rem;
line-height: 1.2em;
line-height: calc(15em / 12.5);
font-family: "Velag A","Verlag B",sans-serif
font-weight: 700;
line-height: 1.2;
margin: 0.4em 0 0.24em;
}
a {
color: #036f9d;
text-decoration: none;
}
a[rel="external"]:after {
display: block;
/** Sprite: external-link (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -48px -120px;
background-size: 144px 336px;
width: 10px;
height: 10px;
content: '';
display: inline-block;
margin: 0 0.2em;
}
.lt-ie9 a[rel="external"]:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -120px;
width: 10px;
height: 10px;
}
a:hover, a:focus, a:active {
text-decoration: underline;
}
p {
margin: 0 0 1em;
}
.image-caption {
overflow: hidden;
position: relative;
width: 100%;
}
.image-caption img {
display: block;
width: 100%;
}
.image-caption p, .image-caption figcaption {
background: rgba(0, 0, 0, 0.5);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(67%, #000000), color-stop(100%, #000000));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 67%, #000000 100%);
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 67%, #000000 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
/* IE6-8 */
bottom: 0;
color: #fff;
display: block;
margin: 0;
padding: 0.5em 2%;
position: absolute;
width: 96%;
}
video {
width: 100%;
}
ul {
padding-left: 1.2em;
}
.styled-list {
padding-left: 0.2em;
list-style: none;
}
.styled-list li {
line-height: 1.5em;
}
.styled-list li:before {
-moz-box-sizing: border-box;
box-sizing: border-box;
content: '';
list-style: none;
border: 1px solid #036f9d;
height: 5px;
width: 5px;
border-radius: 5px;
display: inline-block;
margin-right: 0.5em;
margin-bottom: 0.2em;
}
/* Second level */
.styled-list li ul {
list-style: none;
margin-top: 1em;
padding-left: 2.2em;
}
.styled-list li li:before {
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
border: 0;
content: '\2013';
list-style: none;
color: #036f9d;
height: 5px;
width: 5px;
display: inline-block;
margin-right: 0.5em;
}
/* fad = Faculty of Arts and Design */
.fad .styled-list li:before {
border: 1px solid #A60F3A;
}
.fad .styled-list li li:before {
color: #A60F3A;
border: 0;
}
ol {
padding-left: 1.1em;
}
ol ol {
margin-top: 1em;
padding-left: 2.2em;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 1em;
margin: 1em 0 1.5em;
width: 100%;
}
caption {
background-color: #7c77a0;
border-radius: 4px;
color: #fff;
margin-bottom: 0.7em;
padding: 0.4em;
}
table, th, td {
padding: 0.5em 0.9em;
text-align: left;
vertical-align: top;
/*vertical-align: bottom;*/
}
tr td {
border-bottom: 0;
border-top: 0;
}
td {
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
padding: 0.6em;
}
th {
font-size: 12.5px;
font-size: 0.78125rem;
background-color: #036f9d;
color: #ffffff;
font-weight: normal;
padding: 0.8em 0.6em;
text-align: left;
font-family: 'latobold', sans-serif;
}
table tr:nth-child(even) {
background: #efefef;
}
.styled-button {
font-size: 18px;
font-size: 1.125rem;
border: 0.13889em solid #036f9d;
background: transparent;
color: #036f9d;
display: inline-block;
line-height: 1;
padding: 0.55556em 0.5em;
text-decoration: none;
text-transform: uppercase;
text-align: center;
}
.styled-button:hover, .styled-button:active, .styled-button:focus {
background-color: #036f9d;
color: #fff;
text-decoration: none;
}
/*-- module:pagination --*/
/* Paggination */
.pagination {
font-size: 1em;
overflow: hidden;
}
.pagination .pagination_previous, .pagination .pagination_next {
float: left;
line-height: 2em;
padding: 0px 1em;
color: #036f9d;
display: inline-block;
position: relative;
}
.pagination .next {
border-left: 1px solid #fff;
}
.pagination .pagination_previous:hover, .pagination .pagination_next:hover {
text-decoration: underline;
}
.pagination .pagination_next:after {
display: block;
/** Sprite: small-blue-arrow-right (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -120px -168px;
background-size: 144px 336px;
width: 8.5px;
height: 10.5px;
content: '';
position: absolute;
right: 0;
top: 38%;
}
.lt-ie9 .pagination .pagination_next:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -120px -168px;
width: 8.5px;
height: 10.5px;
}
.pagination .pagination_previous:after {
display: block;
/** Sprite: small-blue-arrow-left (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -96px -168px;
background-size: 144px 336px;
width: 8.5px;
height: 10.5px;
content: '';
position: absolute;
left: 0;
top: 38%;
}
.lt-ie9 .pagination .pagination_previous:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -96px -168px;
width: 8.5px;
height: 10.5px;
}
.pagination ul {
padding: 0;
margin: 0;
float: left;
text-align: center;
}
.pagination ul li {
list-style: none;
float: left;
display: block;
margin: 0 1px;
padding: 0;
}
.pagination ul li a {
text-decoration: none;
display: block;
line-height: 2.2em;
padding: 0px 1em;
background: #ffffff;
color: #000000;
-webkit-transition: background 0.5s ease;
transition: background 0.5s ease;
}
.pagination ul li.current {
background: #036f9d;
line-height: 2.2em;
padding: 0px 1em;
color: #fff;
}
.pagination ul li a:hover {
background: #036f9d;
color: #fff;
text-decoration: none;
}
/*-- module:parallax --*/
.parallax {
position: relative;
min-height: 90px;
overflow: hidden;
}
.parallax__layer {
position: absolute;
z-index: -1;
}
.parallax__layer-background {
width: 100%;
}
/*-- module:research-header --*/
.research-header {
margin: -1em -8.82353% 0;
}
.research-header__teaser {
background: url('/config/designs/header-squiz/mysource_files/young-people-jumping.jpg') center center no-repeat;
background-size: cover;
height: 56.25vw;
position: relative;
}
.research-header__teaser-content {
display: none;
font-family: lato, 'latoregular', sans-serif;
}
.research-header__teaser-h {
background: rgba(0, 0, 0, 0.8);
border-top: solid 0.25rem #009abc;
bottom: 11.11111%;
left: 3.125%;
margin-top: 0;
position: absolute;
right: 3.125%;
}
.research-header__link {
color: #fff;
display: block;
font-family: latoblack, 'Arial Black', sans-serif;
font-size: 1.5625rem;
line-height: 1.75rem;
padding: 0.625rem 4.66667% 0.625rem 3.33333%;
position: relative;
}
.research-header__link:after {
display: block;
/** Sprite: small-white-arrow-next (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -48px -312px;
background-size: 144px 336px;
width: 7px;
height: 9.5px;
content: '';
}
.lt-ie9 .research-header__link:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -312px;
width: 7px;
height: 9.5px;
}
.research-header__link:hover {
color: #009abc;
}
.research-header__link:after {
margin-top: -4.75px;
position: absolute;
right: 4.66667%;
top: 50%;
}
.research-header__teaser-read-more {
background: #036f9d;
color: #fff;
display: inline-block;
font-family: latobold, sans-serif;
line-height: 2;
padding: 0 0.4375rem;
text-transform: uppercase;
}
.research-header__teaser-content p {
margin-bottom: 0.375rem;
}
.research-header__nav-list {
background: #009abc;
color: #fff;
list-style: none;
margin: 0;
padding: 0;
}
.research-header__nav-item {
float: left;
width: 50%;
}
.research-header__nav-item:nth-child(4n+1), .research-header__nav-item:nth-child(4n+2) {
border-bottom: solid 1px #48cafd;
}
.research-header__nav-item:nth-child(2n+1) {
border-right: solid 1px #48cafd;
}
.research-header__nav-link {
color: #fff;
display: inline-block;
font-family: lato, 'latoregular', sans-serif;
font-size: 0.78125rem;
font-weight: bold;
line-height: 0.875rem;
padding: 1.125rem 0 1.125rem 6.25%;
text-transform: uppercase;
}
.research-header__nav-link:after {
display: block;
/** Sprite: small-white-arrow-next (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -48px -312px;
background-size: 144px 336px;
width: 7px;
height: 9.5px;
content: '';
}
.lt-ie9 .research-header__nav-link:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -312px;
width: 7px;
height: 9.5px;
}
.research-header__nav-link:after {
display: inline-block;
margin-left: 0.5em;
}
/*-- module:right-col --*/
.right-col .h4 {
font-size: 1.125rem;
margin-top: 0.625rem;
margin-bottom: 0.375rem;
}
a.enquire, a.apply {
width: 47%;
padding-left: 0;
padding-right: 0;
text-align: center;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a.apply {
float: right;
}
.ask-uc {
position: relative;
margin-top: 1em;
overflow: hidden;
}
.ask-uc__wrapper {
background: url('/config/designs/header-squiz/main_css/ask-uc.jpg') no-repeat 0 0;
background-size: cover;
display: block;
height: 0;
padding-bottom: 82.02677%;
position: relative;
width: 100%;
}
.ask-uc_link {
font-size: 16px;
font-size: 1rem;
background-color: #019edc;
border: 7px solid #036f9d;
bottom: 0.5em;
color: #fff;
display: block;
font-family: Verdana, 'latoregular', sans-serif;
margin: 0 2%;
padding: 0.6em 0;
position: absolute;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 96%;
-webkit-transition: background 0.5s ease;
transition: background 0.5s ease;
}
.ask-uc_link .bolder {
font-weight: bold;
}
.ask-uc_link:hover, .ask-uc_link:focus {
background-color: #036f9d;
text-decoration: none;
}
.uc-map {
min-height: 250px;
width: 100%;
overflow: hidden;
margin-top: 1em;
float: left;
}
.no-flexbox .center-col .uc-map {
display: block;
}
.related-links {
padding-top: 1.875rem;
font-family: 'latoregular', sans-serif;
}
.related-links ul {
margin: 0;
padding: 0;
list-style: none;
}
.related-links li {
line-height: 1.25rem;
padding: 0.5rem 0;
}
.related-links a {
font-size: 15px;
font-size: 0.9375rem;
color: #036f9d;
display: inline-block;
line-height: 1.25rem;
padding-right: 15px;
position: relative;
text-decoration: none;
}
.related-links a:after {
display: block;
/** Sprite: small-blue-arrow-right (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -120px -168px;
background-size: 144px 336px;
width: 8.5px;
height: 10.5px;
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -5.25px;
}
.lt-ie9 .related-links a:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -120px -168px;
width: 8.5px;
height: 10.5px;
}
.related-links a:hover {
text-decoration: underline;
}
.landing-page .related-links {
background: #f0f0f0;
margin-top: 1.875rem;
padding: 1.5rem;
}
.landing-page .related-links h2 {
margin-top: 0;
}
.news-detail .related-links {
clear: left;
}
.feature-item h2.h4 {
font-size: 1.5rem;
}
.feature-item .styled-button {
width: 100%;
}
/*-- module:sharing-buttons --*/
.sharing-buttons__link {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
}
.sharing-buttons__link {
display: inline-block;
}
.sharing-buttons .custom_images {
height: 1.25rem;
}
/*-- module:sub-navigation --*/
.sub-navigation {
margin-top: 1em;
}
.sub-navigation__section-title {
display: block;
}
.sub-navigation-content {
display: none;
}
.sub-navigation__section-title.active, .sub-navigation-content.active {
display: block;
}
.no-js .sub-navigation-content {
display: block;
}
.sub-navigation__mobile-nav-label {
background-color: #036f9d;
display: block;
color: #ffffff;
clear: both;
font-family: 'latobold', sans-serif;
font-size: 1em;
padding: 0.6em 1.2em;
cursor: pointer;
overflow: hidden;
position: relative;
}
.sub-navigation__mobile-nav-label:after, .sub-navigation__mobile-nav-label.active:after {
display: block;
/** Sprite: chevron-arrow-white-down (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -96px -192px;
background-size: 144px 336px;
width: 9px;
height: 9px;
content: '';
}
.lt-ie9 .sub-navigation__mobile-nav-label:after, .lt-ie9 .sub-navigation__mobile-nav-label.active:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -96px -192px;
width: 9px;
height: 9px;
}
.sub-navigation__mobile-nav-label:after, .sub-navigation__mobile-nav-label.active:after {
position: absolute;
right: 1em;
top: 50%;
margin-top: -0.29688rem;
}
.sub-navigation__section-title {
background-color:#999;
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-family: 'latoblack', sans-serif;
padding: 0.5em 1em;
}
.sub-navigation__sub-nav-links {
list-style: none;
padding: 0;
margin: 0;
font-family: 'latoregular', sans-serif;
}
.sub-navigation__sub-nav-links ul {
list-style: none;
padding: 0;
margin: 0;
font-family: 'latoregular', sans-serif;
}
.sub-navigation__sub-nav-links > li {
border-bottom: 1px solid #7cb2c9;
}
.lvl-3 li a.active {
border-bottom: 1px solid #7cb2c9;
}
.sub-navigation__sub-nav-links a {
display: block;
color: #fff;
background-color: #002655;
text-decoration: none;
padding: 0.8em 1.7em 0.8em 1em;
position: relative;
}
.sub-navigation__sub-nav-links a:hover, .sub-navigation__sub-nav-links a:focus {
background-color: #084968;
}
.sub-navigation__sub-nav-links > li > a {
position: relative;
}
.sub-navigation__sub-nav-links > li > a:after {
display: block;
/** Sprite: small-white-arrow-next (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -48px -312px;
background-size: 144px 336px;
width: 7px;
height: 9.5px;
content: '';
}
.lt-ie9 .sub-navigation__sub-nav-links > li > a:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -312px;
width: 7px;
height: 9.5px;
}
.sub-navigation__sub-nav-links > li > a:after {
position: absolute;
right: 1em;
top: 50%;
margin-top: -0.29688rem;
}
.sub-navigation__sub-nav-links > li.active > a:after {
display: block;
/** Sprite: chevron-arrow-white-down (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -96px -192px;
background-size: 144px 336px;
width: 9px;
height: 9px;
content: '';
}
.lt-ie9 .sub-navigation__sub-nav-links > li.active > a:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -96px -192px;
width: 9px;
height: 9px;
}
.sub-navigation__sub-nav-links ul a {
background-color: #f0f0f0;
color: #036f9d;
padding: 0.6em 1.8em;
}
.sub-navigation__sub-nav-links ul a:hover, .sub-navigation__sub-nav-links ul a:focus {
background-color: #084968;
color: #fff;
}
.js-enabled .uber-accordion__target {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.3s ease;
transition: max-height 0.3s ease;
}
.js-enabled .uber-accordion__target.uber-accordion__target-active {
max-height: 100em;
}
.sub-navigation__accordion-expand {
background: rgba(3, 111, 157, 0.8);
border: 0;
color: #fff;
font-size: 0.75rem;
height: 1rem;
margin-top: -0.5rem;
padding: 0 0.1875rem;
position: absolute;
right: 2.0625rem;
top: 50%;
}
.js-enabled .sub-navigation__sub-nav-links > li > a {
padding-right: 5.1875rem;
}
/*-- module:tabs --*/
.content .nav-tabs {
margin: 0;
padding: 0;
background-color: #e8f2f6;
border-bottom: 4px solid #036f9d;
overflow: hidden;
}
.content .nav-tabs li {
border-right: 1px solid #036f9d;
}
.content .nav-tabs li a, .content .nav-tabs li > a:hover, .content .nav-tabs li > a:focus {
padding: 0.5em 1.3em;
border-radius: 0;
border: 0;
color: #000;
margin: 0;
}
.content .nav-tabs li > a:hover {
background-color: #efefef;
}
.content .nav-tabs li.active > a, .content .nav-tabs li.active > a:hover, .content .nav-tabs li.active > a:focus {
background-color: #036f9d;
color: #fff;
border: 0;
}
.tab-content {
padding: 0.8em 0.3em;
}
/*-- module:templates-layout --*/
.inside .main {
outline: none;
padding: 1em 7.5%;
}
.right-col {
clear: right;
}
.landing-page--arts .ask-uc {
float: none;
}
.landing-page--research .uc-map {
float: none;
margin-top: 2.75rem;
}
/*-- module:top-banner --*/
.top-banner {
display: none;
}
/*-- module:twitter-feed --*/
.twitter-feed {
font-family: lato, 'latoregular', sans-serif;
margin-bottom: 2rem;
}
.right-col .twitter-feed .twitter-feed__h {
font-size: 1.5rem;
line-height: 1.625rem;
}
.twitter-feed__tweets {
list-style: none;
margin: 0.9375rem 0 0;
padding: 0;
}
.tweet__permalink {
display: block;
}
/*-- module:video-with-description --*/
.video-with-description__vid {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
width: 100%;
}
.video-with-description__vid iframe, .video-with-description__vid object, .video-with-description__vid embed, .video-with-description__vid video, .video-with-description__vid .video-with-description__vid-wrapper, .video-with-description__vid .mejs-container {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.video-with-description__vid .mejs-container {
height: 100% !important;
}
.video-with-description__vid {
margin-top: 2rem;
}
.video-with-description__description {
margin-top: 0.875rem;
}
.accordion__link:after {
content: '+';
border: 1px solid;
display: inline-block;
*display: inline;
zoom: 1;
margin-left: 1em;
width: 1em;
text-align: center;
}
.accordion__link.uber-accordion__button-active:after {
content: '-';
}
.js-enabled .accordion__target {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.3s ease;
transition: max-height 0.3s ease;
}
.js-enabled .accordion__target.uber-accordion__target-active {
max-height: 100em;
}
.tabs__item {
display: inline-block;
*display: inline;
zoom: 1;
}
.tabs__link {
padding: 0.5em;
border: 1px solid;
border-bottom: 0;
background: #eee;
}
.tabs__link.uber-accordion__button-active {
background: #fff;
}
.js-enabled .tabs__target {
display: none;
}
.js-enabled .tabs__target.uber-accordion__target-active {
display: block;
}
.no-js .uber-accordion__target {
display: none;
}
.no-js .uber-accordion__target:target {
display: block;
}
.sub-nav__group-container {
width: 100%;
}
.sub-nav__group li {
padding: 0.5em;
}
.skip-links__list {
background-color: #ffffff;
}
@media (min-width: 37.5em) {
/*
--------------------
Modules
--------------------
*/
/*-- module:body-link-list --*/
/*-- module:breadcrumb --*/
/*-- module:carousel --*/
/*-- module:course-details-content --*/
/*-- module:course-details-header --*/
/*-- module:course-search-form-results-page --*/
/*-- module:course-search-main --*/
/*-- module:course-search-widget --*/
/*-- module:course-search --*/
/*-- module:filter-courses-context --*/
/*-- module:filter-courses --*/
/*-- module:footer --*/
/*-- module:form --*/
/*-- module:global-search --*/
/*-- module:graduate-story --*/
/*-- module:home-breakthrough --*/
/*-- module:home-section-events --*/
/*-- module:home-section-news --*/
/*-- module:home-section-research --*/
/*-- module:home-section-social --*/
/*-- module:home-section-uc-life --*/
/*-- module:home-section --*/
/*-- module:home-video --*/
/*-- module:landing-page-carousel --*/
/*-- module:landing-page-intro --*/
/*-- module:logo --*/
/*-- module:media-card --*/
/*-- module:menu --*/
/* Hide search bar on mobile menu active */
/*-- module:mini-form --*/
/*-- module:mobile-contactus-maps-links --*/
/*-- module:news-list --*/
/*-- module:page-elements --*/
/*-- module:pagination --*/
/*-- module:parallax --*/
/*-- module:research-header --*/
/*-- module:right-col --*/
/*-- module:sharing-buttons --*/
/*-- module:sub-navigation --*/
/*-- module:templates-layout --*/
/* Global Inside layout */
/*-- module:top-banner --*/
/*-- module:twitter-feed --*/
/*-- module:video-with-description --*/
.no-js .sub-nav, .accessible-megamenu-panel {
position: absolute;
display: block;
visibility: hidden;
top: -9999em;
overflow: hidden;
-khtml-opacity: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: opacity 100ms ease;
transition: opacity 100ms ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
background: #fff;
border: 1px solid #ccc;
padding: 0.5em;
}
.navbar-dropdown .nav > li.nav-item {
position: static;
}
.no-js .nav-item:hover .sub-nav, .no-js .nav-item:focus .sub-nav, .accessible-megamenu-panel.active {
visibility: visible;
top: inherit;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: alpha(opacity=100);
filter: alpha(opacity=100);
z-index: 1001;
}
.sub-mega-nav {
left: 0;
width: 100%;
}
.flexbox .sub-mega-nav .sub-nav__group {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.no-js .sub-mega-nav .sub-nav__group, .no-flexbox .sub-mega-nav .sub-nav__group {
display: table-cell;
vertical-align: top;
}
blockquote:after {
content: none;
}
blockquote p:last-child:after {
background: url('/config/designs/header-squiz/main.css/quote-br.svg') center center no-repeat;
background-size: contain;
bottom: 0.375rem;
content: '';
display: inline-block;
height: 0.96875rem;
padding-left: 1.125rem;
position: relative;
width: 1.125rem;
}
.body-link-list {
padding: 1.1875rem;
}
.body-link-list__list {
-webkit-columns: 2 177px;
-moz-columns: 2 177px;
columns: 2 177px;
-webkit-column-gap: 1.1875rem;
-moz-column-gap: 1.1875rem;
column-gap: 1.1875rem;
}
.body-link-list__item {
display: inline-block;
width: 100%;
}
.body-link-list__h {
margin-bottom: 0.875rem;
margin-top: 0;
}
.breadcrumb li {
font-size: 11.2px;
font-size: 0.7rem;
}
.carousel-top {
max-height: 410px;
}
.carousel-top .carousel-top__item-text {
display: none;
}
.carousel-top .slick-dots {
position: relative;
top: auto;
right: auto;
padding: 0 1.2em;
}
.carousel-top .slick-dots li {
width: 31.5%;
margin-right: 2.25%;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
display: inline-block;
border-top: 4px solid #009abc;
vertical-align: bottom;
}
.carousel-top .slick-dots li:last-child {
margin-right: 0;
width: 32.5%;
}
.carousel-top li .slide-nav {
background-color: transparent;
border: 0;
display: block;
width: 100%;
height: auto;
font-size: 16px;
font-size: 1rem;
padding: 0.5em 3%;
color: #ffffff;
text-align: left;
text-indent: 0;
border-radius: 0;
margin: 0;
font-family: 'latoblack', sans-serif;
position: relative;
}
.carousel-top li .slide-nav:hover, .carousel-top li .slide-nav:active {
outline: none;
}
.carousel-top li .slide-nav:focus {
outline: 1px dotted #cccccc;
}
.carousel-top li .slide-nav {
position: relative;
}
.carousel-top li .slide-nav:after {
display: block;
/** Sprite: small-blue-arrow-left (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -96px -168px;
background-size: 144px 336px;
width: 8.5px;
height: 10.5px;
content: '';
}
.lt-ie9 .carousel-top li .slide-nav:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -96px -168px;
width: 8.5px;
height: 10.5px;
}
.carousel-top li .slide-nav:after {
margin-top: -4px;
position: absolute;
right: 1em;
top: 50%;
-webkit-transform: rotate(90deg);
/* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: rotate(90deg);
/* IE 9 */
transform: rotate(90deg);
/* Firefox 16+, IE 10+, Opera */
}
.carousel-top .slick-active .slide-nav {
background-color: transparent;
font-size: 21.52px;
font-size: 1.345rem;
padding: 0.5em 3% 0.2em;
}
.carousel-top .slick-active .slide-nav:after {
content: none!important;
}
.carousel-top .slick-active {
display: block;
}
.carousel-top .controls-description {
display: none;
width: 94%;
padding: 0;
overflow: hidden;
}
.carousel-top .slick-active .controls-description {
padding: 0 3%;
display: block;
}
.carousel-top .controls-description p {
font-size: 12.8px;
font-size: 0.8rem;
margin: 0 0 0.5em;
padding: 0;
}
.carousel-top .carousel-top__item-more-link {
font-size: 12.8px;
font-size: 0.8rem;
margin-bottom: 10px;
}
.carousel-top .carousel-top__item-more-link:hover {
text-decoration: none;
}
.carousel-top .carousel-top__item-title {
font-size: 1.2em;
}
.carousel-top .nav-controls-wrapper {
position: absolute;
bottom: 3em;
width: 100%;
left: 0;
}
.carousel-top .next-previous-buttons-wrapper {
position: absolute;
top: 30%;
width: 96%;
padding: 0 2%;
left: 0;
z-index: 1;
}
.carousel-top .next-previous-buttons {
max-width: 1220px;
margin: 0 auto;
display: block;
position: relative;
}
.carousel-top .nav-controls {
max-width: 1220px;
margin: 0 auto;
}
.carousel-top .slick-next, .carousel-top .slick-prev {
height: 48px;
width: 48px;
background-color: transparent;
position: absolute;
text-indent: -9999px;
border: 0;
padding: 0;
}
.carousel-top .slick-next {
right: 0;
}
.carousel-top .slick-next:after {
display: block;
/** Sprite: slider-top-right-icon (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -48px -264px;
background-size: 144px 336px;
width: 48px;
height: 48px;
content: '';
right: 0;
top: 0;
position: absolute;
}
.lt-ie9 .carousel-top .slick-next:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -264px;
width: 48px;
height: 48px;
}
.carousel-top .slick-prev {
left: 0;
}
.carousel-top .slick-prev:after {
display: block;
/** Sprite: slider-top-left-icon (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -0px -264px;
background-size: 144px 336px;
width: 48px;
height: 48px;
content: '';
left: 0;
top: 0;
position: absolute;
}
.lt-ie9 .carousel-top .slick-prev:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -0px -264px;
width: 48px;
height: 48px;
}
.home-section__carousel-mini-wrap {
overflow: hidden;
}
.home-section__carousel-mini-wrap .home-section__intro-text {
width: 30%;
float: left;
padding: 0;
margin: 0;
}
.home-section__carousel-mini-wrap .carousel-mini {
width: 70%;
float: left;
}
.carousel-mini {
min-width: 60%;
}
.carousel-mini, .carousel-mini .carousel__item {
width: 50%;
}
.carousel-mini .carousel__item-img, .carousel-mini .carousel__item-text {
float: left;
min-width: 50%;
width: 50%;
height: 179px;
overflow: hidden;
}
.carousel-mini .carousel__item-img img, .carousel-mini .carousel__item-text img {
min-height: 200px;
}
.carousel-mini .slick-next {
right: 15px;
}
.carousel-mini .slick-prev {
left: 15px;
}
.carousel-mini .slick-next, .carousel-mini .slick-prev {
top: 65%;
}
.carousel .carousel__item-more-link {
display: block;
}
.carousel .carousel__item {
position: relative;
}
.carousel .carousel__item-text {
position: absolute;
bottom: 80px;
left: 65px;
right: 65px;
background: #fff;
}
.carousel .carousel__item-text-inner {
padding: 10px 40px;
}
.carousel .carousel__item-description {
display: block;
height: 70px;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14.4px;
font-size: 0.9rem;
line-height: 1.6em;
}
.carousel .carousel__controls {
display: block;
position: absolute;
bottom: 30px;
width: 100%;
text-align: center;
}
.carousel .carousel__play-pause {
font-size: 0;
border: 0;
margin: 0 auto;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
/** Sprite: play-button-white (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -0px -72px;
background-size: 144px 336px;
width: 44px;
height: 44px;
opacity: 0.8;
}
.lt-ie9 .carousel .carousel__play-pause {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -0px -72px;
width: 44px;
height: 44px;
}
.carousel .carousel__play-pause.played {
/** Sprite: pause-button-white (scale: 0.5) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -0px -24px;
background-size: 144px 336px;
width: 44px;
height: 44px;
}
.lt-ie9 .carousel .carousel__play-pause.played {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -0px -24px;
width: 44px;
height: 44px;
}
.carousel .carousel__play-pause:hover {
opacity: 1;
}
.carousel .slick-next, .carousel .slick-prev {
top: 55%;
}
.carousel--generic {
margin-top: 1.5rem;
}
.course-details .content {
float: left;
padding-top: 0;
width: 65.53596%;
}
.course-details .right-col {
clear: none;
width: 31.6825%;
}
.course-details .right-col .course-search-widget {
display: block;
}
/*
.course-details a.apply {
float: none;
width: 100%;
}
*/
.course-details .right-col .widgets-group {
display: block;
}
.course-details .widgets-group__widget {
float: none;
}
.course-details .ask-uc {
background-position: right center;
}
.course-details .uc-map {
margin-left: 0;
width: 100%;
}
.course-details .related-links li {
width: 100%;
}
.course-details-table__th {
background: #fff;
padding-left: 0;
padding-right: 8.28157%;
text-align: right;
width: 22.36025%;
}
.collapsible-section__details {
display: inherit;
}
.collapsible-section__summary:target ~ .collapsible-section__details, .collapsible-section__details.is-visible {
display: inherit;
}
.collapsible-section__show {
background: inherit;
color: inherit;
display: inherit;
font-family: inherit;
font-size: inherit;
}
.collapsible-section__show, .collapsible-section__details {
padding: inherit;
}
.collapsible-section__show.is-expanded {
background: inherit;
color: inherit;
}
.collapsible-section__hide {
bottom: 0;
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.collapsible-section__summary:target .collapsible-section__hide {
display: inherit;
}
.course-enquiries__label {
float: left;
font-family: latobold, sans-serif;
font-weight: normal;
width: 50%;
}
.course-enquiries__info {
margin-bottom: 0.72em;
margin-left: 50%;
}
.top-banner {
display: block;
position: relative;
margin-top: -250px;
z-index: -1;
height: 28.125rem;
overflow: hidden;
width: 100%;
}
.course-details-header {
margin-bottom: 0.46875rem;
}
.faculty {
float: right;
margin-bottom: 0.375rem;
}
.sharing-buttons {
clear: right;
}
.course-details-header__img-bg {
display: none;
}
.course-details-header .course-search-widget {
display: none;
}
.course-searches .course-search__field {
margin-right: 10px;
}
.course-search {
padding: 20px;
}
.course-search-widget {
margin-top: 1.25rem;
}
.course-search-widget--arts {
padding: 1.25rem 5.33881% 1.625rem;
}
.course-search-widget--arts .course-search-widget__title {
font-size: 18px;
font-size: 1.125rem;
display: block;
font-family: Times, serif;
line-height: 1;
margin-bottom: 0.8125rem;
}
.course-search-widget--arts .course-search-widget__field {
font-size: 15px;
font-size: 0.9375rem;
height: 3.125rem;
}
.course-search-widget--arts .course-search-widget__submit {
border-width: 0.375rem;
height: 3.125rem;
width: 4.125rem;
}
.course-search-widget--arts .course-search-widget__submit::after {
background-size: contain;
height: 1.4375rem;
margin-top: -0.71875rem;
right: 1.125rem;
width: 1.5rem;
}
.course-search {
padding: 20px;
}
.filter-courses {
background-color: #036f9d;
}
.filter-courses label, .filter-courses legend {
color: #fff;
}
.filter-courses .filter-courses__title {
background-color: #009abc;
font-size: 15.68px;
font-size: 0.98rem;
}
.filter-courses .filter-courses__title:after {
display: none;
}
.filter-courses .filter-courses__title.active:after {
display: none;
}
.filter-courses .filter-courses__title:hover {
cursor: default;
}
.filter-courses__clear {
margin: 0 0.8em;
}
.filter-courses__form {
display: block !important;
}
.news-listing .filter-courses fieldset,
.news-detail .filter-courses fieldset {
float: none;
padding-top: 0.5em;
width: 100%;
}
.copyright-wrapper {
padding-top: 0;
}
.social-icons a {
margin: 0 2%;
}
.quick-links {
margin-left: 1.2em;
margin-top: 1em;
}
.quick-links li {
float: left;
display: inline-block;
margin-right: 1.5em;
}
.copyright {
margin-left: 1.2em;
}
.content .field_set input[type="text"] {
width: 60%;
}
.content .field_set select {
width: 60%;
}
.content .field_set.full-width input[type="text"] {
width: 95%;
}
.content .field_set.full-width select {
width: 95%;
}
.global-search__form {
height: 45px;
}
.graduate-story__link {
line-height: 1.44em;
line-height: calc(18em / 12.5);
max-height: 2.88em;
max-height: calc(36em / 12.5);
overflow: hidden;
}
.home-section__events-title {
font-size: 42px;
font-size: 2.625rem;
}
.home-section__events-title, .home-section__events-more-link {
float: left;
}
.home-section__events-list, .home-section__events-featured {
padding-top: 20px;
}
.home-section__events-featured-title, .home-section__events-featured-description {
padding-left: 237px;
}
.home-section__events-featured-thumb {
width: 217px;
height: 217px;
float: left;
margin-right: 20px;
}
.home-section__events-featured-title {
font-size: 32px;
font-size: 2rem;
font-weight: 200;
margin-top: 0;
padding-top: 0;
}
.home-section__events-featured, .home-section__events-list {
clear: left;
}
.home-section__events-more-link {
margin-top: 1.375rem;
margin-left: 15px;
}
.home-section__news .parallax {
overflow: visible;
}
.call-to-action {
border-spacing: 20px 10px;
margin-top: -40px;
}
.no-js .call-to-action, .no-flexbox .call-to-action {
display: table;
border-collapse: separate;
}
.flexbox .call-to-action {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.call-to-action__list {
margin-left: 0;
max-width: 318px;
width: 35.5%;
}
.course-search {
margin-right: 2.25%;
width: 70.5%;
}
.home-section__social .home-section__content-wrap {
background: url(/__data/assets/image/0006/1008879/uc_social_background.jpg) repeat 50%;
}
.home-section__social .home-section__content-wrap {
padding: 0 20px;
}
.home-section__social-group-item {
min-height: 200px;
}
.home-section__social-group {
float: left;
}
.home-section__social-group.first {
max-width: 33.333%;
}
.home-section__social-group.second, .home-section__social-group.third {
width: 66.666%;
}
.home-section__social-group.third .home-section__social-group-item {
width: 50%;
float: left;
}
.home-section__social-links-list {
padding: 5px 20px;
width: 100%;
}
.no-js .home-section__social-links-list, .no-flexbox .home-section__social-links-list {
display: table;
border-collapse: separate;
}
.flexbox .home-section__social-links-list {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.flexbox .home-section__social-links-item {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.no-js .home-section__social-links-item, .no-flexbox .home-section__social-links-item {
display: table-cell;
vertical-align: top;
}
.home-section__social-links-item:last-child {
text-align: right;
}
.home-section__social-links-link {
border: 0;
padding: 10px 0px;
}
.home-section__social-links-link:after {
float: none;
display: inline-block;
*display: inline;
zoom: 1;
margin-left: 5px;
}
.home-section__social-links-link:hover:after {
margin-right: 0;
}
.home-section__social-links-link:hover {
text-decoration: underline;
}
.home-section__uc-life .carousel {
max-width: 1280px;
margin: 0 auto;
padding: 10px 0;
}
.home-section .parallax {
padding-bottom: 120px;
}
.home-section__header {
font-size: 54px;
font-size: 3.375rem;
padding: 14px 30px;
}
.home-section__intro-text {
padding: 20px;
}
.video-wrapper .video-play-pause {
top: 50%;
left: 50%;
}
.home-video {
min-height: 450px;
}
.landing-page-carousel {
margin-left: -2.08333%;
margin-right: -2.08333%;
}
.landing-page-carousel .carousel-top {
max-height: 26.375rem;
max-height: 54.94792vw;
}
.landing-page-carousel .slick-dots {
padding: 0 0 0 2.34375%;
}
.landing-page-carousel .slick-dots li {
margin-right: 1.46667%;
width: 31.26667%;
}
.landing-page--campaign .landing-page-carousel .carousel-top__item-more-link, .news-listing .landing-page-carousel .carousel-top__item-more-link {
background: #036f9d;
color: #fff;
display: inline-block;
position: static;
}
.landing-page--campaign .landing-page-carousel .carousel-top__item-more-link:before, .landing-page--campaign .landing-page-carousel .carousel-top__item-more-link:after, .news-listing .landing-page-carousel .carousel-top__item-more-link:before, .news-listing .landing-page-carousel .carousel-top__item-more-link:after {
content: none;
}
.landing-page-intro {
margin-left: -2.08333%;
margin-right: -2.08333%;
padding-left: 5.42741%;
padding-right: 2.44233%;
padding-top: 1.8125rem;
}
.landing-page-intro--campaign {
padding-left: 3.6635%;
}
.landing-page-intro h1 {
margin-bottom: 0.5625rem;
}
.landing-page-intro__main {
float: left;
padding-right: 7.60563%;
width: 67.46479%;
}
.landing-page-intro__content {
-webkit-columns: 2 177px;
-moz-columns: 2 177px;
columns: 2 177px;
-webkit-column-gap: 2.625rem;
-moz-column-gap: 2.625rem;
column-gap: 2.625rem;
}
.landing-page-intro__side-title {
line-height: 1.875rem;
margin-top: 0.5625rem;
}
.landing-page-intro__side {
margin-left: 75.07042%;
width: 24.92958%;
}
.landing-page-intro__col {
float: left;
width: 48.27109%;
}
.landing-page-intro__col:nth-child(2n) {
float: right;
}
.landing-page-intro__col + .landing-page-intro__col {
margin-top: 0;
}
.landing-page-intro--campaign .landing-page-intro__content {
-webkit-columns: 1 1px;
-moz-columns: 1 1px;
columns: 1 1px;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
.landing-page-intro--campaign .landing-page-intro__button {
padding: 0.55556em 3.3125rem;
width: auto;
}
.uc-logo {
background-position: 2em 50%;
background-size: 240px;
height: 116px;
width: 100%;
margin: 0;
}
.uc-logo--research {
background-position: 3.25521% center;
background-size: contain;
}
.media-card {
margin-bottom: 1.25rem;
}
.media-card__content {
float: right;
width: 38.6037%;
}
.media-card__img-link {
display: block;
width: 56.87885%;
}
.media-card__img {
height: auto;
width: 100%;
}
.media-card__h {
margin-top: 0;
}
.media-card__description p:last-child {
margin-bottom: 0;
}
.primary-nav-wrapper-outer {
height: 45px;
/*Mobile/Tablet only */
}
#page-wrapper.mobile-menu-active .global-search, #page-wrapper.mobile-menu-active .main, #page-wrapper.mobile-menu-active .footer {
display: block;
}
.mini-form {
float: left;
margin-bottom: 1.125rem;
margin-top: 0;
width: 42.85714%;
}
.mini-form + .mini-form {
margin-left: 10.76605%;
}
.mobile-contact-us-maps-links {
display: none;
}
.news-list__h.h1 {
font-size: 1.8125rem;
}
.news-list__item {
clear: right;
position: relative;
}
.news-list__img-link {
display: block;
float: right;
width: 24.43532%;
}
.news-list__summary {
margin-right: 25.66735%;
}
.news-list__title {
margin-top: 0;
}
.news-list__description {
-webkit-line-clamp: 4;
max-height: 5.625rem;
}
.news-list--longer {
margin-bottom: 2.25rem;
}
.landing-page .news-list {
margin-top: 2.5rem;
}
.sub-navigation-content {
display: block;
}
.sub-navigation__mobile-nav-label {
display: none;
}
.sub-navigation__section-title {
padding: 0.8em 1em;
}
.parallax {
overflow: hidden;
min-height: 150px;
}
.lt-ie9 .parallax__layer {
display: block;
position: absolute;
}
.parallax__layer-background {
margin: 0 auto;
overflow: hidden;
min-height: 660px;
}
.parallax__layer-background img {
width: 100%;
}
.research-header {
background: url('/config/designs/header-squiz/mysource_files/young-people-jumping-medium.jpg') center center no-repeat;
background-size: cover;
height: 57.2385vw;
margin: 0 -2.44145%;
position: relative;
}
.research-header__teaser {
background: rgba(0, 0, 0, 0.8);
height: auto;
left: 2.34375%;
position: absolute;
top: 58.18182%;
width: 30.59896%;
}
.research-header__teaser-h, .research-header__teaser-content {
padding-left: 4.25532%;
}
.research-header__teaser-h {
background: transparent;
font-size: 1.4375rem;
letter-spacing: -0.5px;
line-height: 1.4375rem;
margin-bottom: 0.1875rem;
padding-top: 0.625rem;
position: static;
}
.research-header__link {
padding: 0;
}
.research-header__link:after {
content: none;
}
.research-header__teaser-content {
color: #fff;
display: block;
font-size: 0.75rem;
line-height: 1;
padding-bottom: 0.5625rem;
padding-right: 4.25532%;
}
.research-header__nav {
position: absolute;
right: 3.64583%;
top: 58.18182%;
width: 25.91146%;
}
.research-header__nav-item:nth-child(1n) {
border-bottom: 0;
border-right: 0;
float: none;
width: 100%;
}
.research-header__nav-item + .research-header__nav-item {
border-top: solid 1px #48cafd;
}
.research-header__nav-link {
padding: 0.65625rem 1.3125rem 0.65625rem 0.75rem;
display: block;
position: relative;
}
.research-header__nav-link:after {
position: absolute;
right: 8.43373%;
top: 50%;
margin-top: -4.75px;
}
.no-js .widgets-group, .no-flexbox .widgets-group {
display: table;
border-collapse: separate;
}
.flexbox .widgets-group {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.flexbox .widgets-group__widget {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.no-js .widgets-group__widget, .no-flexbox .widgets-group__widget {
display: table-cell;
vertical-align: top;
}
.ask-uc_link {
font-size: 24px;
font-size: 1.5rem;
padding: 0.2em 0;
}
.news-listing .ask-uc {
float: right;
width: 47.74127%;
}
.uc-map {
margin-left: 2em;
min-height: auto;
}
.left-col .uc-map {
margin-left: 0;
margin-top: 1.125rem;
}
.related-links {
width: 100%;
}
.related-links li {
display: inline-block;
width: 100%;
}
.news-detail .related-links {
float: right;
margin-top: 1.125rem;
padding-top: 0;
width: 47.84394%;
clear: none;
}
.news-detail .uc-map {
float: left;
margin: 0;
width: 47.84394%;
}
.right-col .feature-item {
margin-bottom: 1em;
width: 48.15195%;
float: left;
}
.landing-page--research .feature-item .styled-button {
width: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.sub-navigation__section-title {
font-size: 11.2px;
font-size: 0.7rem;
}
.sub-navigation__sub-nav-links {
font-size: 10.4px;
font-size: 0.65rem;
}
.inside .main {
width: 96%;
padding: 1em 2%;
max-width: 1220px;
margin: 0 auto;
}
.left-col {
width: 32%;
float: left;
}
.center-col {
float: right;
width: 66%;
}
.right-col {
width: 66%;
float: right;
}
.landing-page .main {
padding: 0 2.34375%;
margin: 0;
width: auto;
}
.landing-page .main-inner {
padding-top: 1.25rem;
}
.landing-page .sub-navigation {
margin-top: 0;
}
.landing-page .center-col {
padding-top: 0;
}
.landing-page .center-col .ask-uc {
margin-top: 0;
width: 38.47737%;
float: left;
}
.landing-page--research .uc-map {
margin-left: 0;
height: 21.125rem;
height: 44.01042vw;
}
.landing-page--research .news-list__h, .landing-page--research .news-list {
margin-top: 0;
}
.landing-page--research .feature-item {
width: 100%;
float: none;
}
.top-banner {
display: none;
}
.video-with-description {
width: 56.99588%;
margin-left: 43.00412%;
}
.video-with-description__description {
margin-top: 0.6875rem;
}
.video-with-description__vid {
margin-top: 0;
}
.right-col .video-with-description {
margin-left: 0;
width: 100%;
clear: left;
}
.no-js .sub-nav, .accessible-megamenu-panel {
position: absolute;
display: block;
visibility: hidden;
top: -9999em;
overflow: hidden;
-khtml-opacity: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-ms-filter: alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: opacity 100ms ease;
transition: opacity 100ms ease;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
background: #fff;
border: 1px solid #ccc;
padding: 0.5em;
}
.navbar-dropdown .nav > li.nav-item {
position: static;
}
.no-js .nav-item:hover .sub-nav, .no-js .nav-item:focus .sub-nav, .accessible-megamenu-panel.active {
visibility: visible;
top: inherit;
-khtml-opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-ms-filter: alpha(opacity=100);
filter: alpha(opacity=100);
z-index: 1001;
}
.sub-mega-nav {
left: 0;
width: 100%;
}
.flexbox .sub-mega-nav .sub-nav__group {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.no-js .sub-mega-nav .sub-nav__group, .no-flexbox .sub-mega-nav .sub-nav__group {
display: table-cell;
vertical-align: top;
}
}
@media (min-width: 60em) {
/*
--------------------
Modules
--------------------
*/
/* Header global */
/*
** Mobile Menu custom media query
** Menu on for screen inbetween tablet and full desktop preview
*/
/*-- module:back-to-top --*/
/*-- module:body-link-list --*/
/*-- module:breadcrumb --*/
/*-- module:carousel --*/
/*-- module:course-details-content --*/
/*-- module:course-search-form-results-page --*/
/*-- module:course-search-widget --*/
/*-- module:filter-courses-context --*/
/*-- module:filter-courses --*/
/*-- module:footer --*/
/*-- module:form --*/
/*-- module:global-search --*/
/*-- module:graduate-story --*/
/*-- module:home-breakthrough --*/
/*-- module:home-section-events --*/
/*-- module:home-section-news --*/
/*-- module:home-section-research --*/
/*-- module:home-section-social --*/
/*-- module:home-section-uc-life --*/
/*-- module:home-section --*/
/*-- module:home-video --*/
/*-- module:landing-page-carousel --*/
/*-- module:landing-page-colours --*/
/*-- module:landing-page-intro --*/
/*-- module:logo --*/
/*-- module:media-card --*/
/*-- module:menu --*/
/*
**Desktop full menu styles
*/
/* First row of menu */
/* Main menu and mega menu */
/*
.has-mega-menu:focus + .megamenu-content,
.megamenu-content:focus {
display: block;
}
*/
/*Mega menu last column */
/*-- module:mini-form --*/
/*-- module:news-item-content --*/
/*-- module:news-list --*/
/*-- module:page-elements --*/
/*-- module:parallax --*/
/*-- module:research-header --*/
/*-- module:right-col --*/
/*-- module:sub-navigation --*/
/*-- module:templates-layout --*/
/*-- module:top-banner --*/
/*-- module:twitter-feed --*/
/*-- module:video-with-description --*/
header {
max-width: 1220px;
/* Max content width: 1220 */
margin: 0 auto;
}
/* IE11 Header Fix NICK */
.header.clearfix {
display: table;
}
.breakthrough {
max-width: 1280px;
width: 100%;
margin: 0 auto;
}
blockquote {
font-size: 1.625rem;
line-height: 2.125rem;
}
blockquote p:last-child:after {
bottom: 0.5625rem;
padding-left: 1.875rem;
}
.back-to-top {
max-width: 1220px;
margin: 0 auto;
margin-top: 1em;
margin-bottom: 1em;
}
.body-link-list {
padding: 1.75rem 1.875rem 1.5rem;
}
.body-link-list__list {
-webkit-columns: 3 233px;
-moz-columns: 3 233px;
columns: 3 233px;
-webkit-column-gap: 1.875rem;
-moz-column-gap: 1.875rem;
column-gap: 1.875rem;
}
.h3.body-link-list__h {
margin-bottom: 0.875rem;
margin-top: 0;
}
.breadcrumb li {
font-size: 14.4px;
font-size: 0.9rem;
}
.carousel-top {
max-height: 770px;
}
.carousel-top .next-previous-buttons-wrapper {
top: 45%;
}
.carousel-top .slick-dots li {
border-width: 5px;
width: 31.8%;
margin-right: 2.2%;
}
.carousel-top .slick-dots li:last-child {
width: 32%;
}
.carousel-top li .slide-nav {
font-size: 22.4px;
font-size: 1.4rem;
}
.carousel-top li .slide-nav:after {
display: block;
/** Sprite: small-blue-arrow-left (scale: 0.75) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -144px -252px;
background-size: 216px 504px;
width: 12.75px;
height: 15.75px;
content: '';
}
.lt-ie9 .carousel-top li .slide-nav:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -96px -168px;
width: 8.5px;
height: 10.5px;
}
.carousel-top li .slide-nav:after {
margin-top: -6.375px;
}
.carousel-top .slick-active .slide-nav {
font-size: 30.4px;
font-size: 1.9rem;
}
.carousel-top .controls-description p {
font-size: 16px;
font-size: 1rem;
}
.carousel-top .carousel-top__item-more-link {
font-size: 14.4px;
font-size: 0.9rem;
}
.carousel-top .slick-next, .carousel-top .slick-prev {
height: 76px;
width: 76px;
}
.carousel-top .slick-next {
right: 0;
}
.carousel-top .slick-next:after {
display: block;
/** Sprite: slider-top-right-icon (scale: 0.8) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -76.8px -422.4px;
background-size: 230.4px 537.6px;
width: 76.8px;
height: 76.8px;
content: '';
right: 0;
top: 0;
position: absolute;
}
.lt-ie9 .carousel-top .slick-next:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -264px;
width: 48px;
height: 48px;
}
.carousel-top .slick-prev {
left: 0;
}
.carousel-top .slick-prev:after {
display: block;
/** Sprite: slider-top-left-icon (scale: 0.8) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -0px -422.4px;
background-size: 230.4px 537.6px;
width: 76.8px;
height: 76.8px;
content: '';
left: 0;
top: 0;
position: absolute;
}
.lt-ie9 .carousel-top .slick-prev:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -0px -264px;
width: 48px;
height: 48px;
}
.carousel-mini .carousel__item-img, .carousel-mini .carousel__item-text {
min-height: 298px;
overflow: hidden;
}
.carousel-mini .carousel__item-img img, .carousel-mini .carousel__item-text img {
min-width: 298px;
}
.carousel-mini .slick-next, .carousel-mini .slick-prev {
top: 54%;
}
.carousel-mini .slick-next {
/** Sprite: chevron-arrow-blue-next (scale: 1) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -144px -0px;
background-size: 288px 672px;
width: 48px;
height: 78px;
}
.lt-ie9 .carousel-mini .slick-next {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -72px -0px;
width: 24px;
height: 39px;
}
.carousel-mini .slick-prev {
/** Sprite: chevron-arrow-blue-prev (scale: 1) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -96px -0px;
background-size: 288px 672px;
width: 48px;
height: 78px;
}
.lt-ie9 .carousel-mini .slick-prev {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -0px;
width: 24px;
height: 39px;
}
.carousel-mini .carousel__item-title {
font-size: 32px;
font-size: 2rem;
}
.carousel-mini .carousel__item-description {
display: block;
}
.carousel .slick-next, .carousel .slick-prev {
height: 70px;
width: 70px;
border-radius: 70px;
background-color: #ffffff;
box-shadow: 0 0 5px #c1c1c1;
}
.carousel .slick-next {
right: 25px;
}
.carousel .slick-next:after {
display: block;
/** Sprite: chevron-arrow-blue-thin-next (scale: 1) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -144px -336px;
background-size: 288px 672px;
width: 24px;
height: 64px;
content: '';
right: 17px;
top: 2px;
position: absolute;
}
.lt-ie9 .carousel .slick-next:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -72px -168px;
width: 12px;
height: 32px;
}
.carousel .slick-prev {
left: 25px;
}
.carousel .slick-prev:after {
display: block;
/** Sprite: chevron-arrow-blue-thin-prev (scale: 1) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -96px -336px;
background-size: 288px 672px;
width: 24px;
height: 64px;
content: '';
left: 17px;
top: 2px;
position: absolute;
}
.lt-ie9 .carousel .slick-prev:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -168px;
width: 12px;
height: 32px;
}
.carousel--generic {
margin-top: 2.75rem;
}
.carousel--generic .slick-next, .carousel--generic .slick-prev {
background: transparent;
box-shadow: none;
height: 76px;
margin-top: -38px;
top: 50%;
width: 76px;
}
.carousel--generic .slick-next {
right: 0.75rem;
}
.carousel--generic .slick-next:after {
display: block;
/** Sprite: slider-top-right-icon (scale: 0.8) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -76.8px -422.4px;
background-size: 230.4px 537.6px;
width: 76.8px;
height: 76.8px;
content: '';
right: 0;
top: 0;
position: absolute;
}
.lt-ie9 .carousel--generic .slick-next:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -48px -264px;
width: 48px;
height: 48px;
}
.carousel--generic .slick-prev {
left: 0.75rem;
}
.carousel--generic .slick-prev:after {
display: block;
/** Sprite: slider-top-left-icon (scale: 0.8) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -0px -422.4px;
background-size: 230.4px 537.6px;
width: 76.8px;
height: 76.8px;
content: '';
left: 0;
top: 0;
position: absolute;
}
.lt-ie9 .carousel--generic .slick-prev:after {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -0px -264px;
width: 48px;
height: 48px;
}
.inside.course-details .content {
margin-left: 0;
width: 76.55738%;
}
.inside.course-details .right-col {
width: 20.32787%;
}
.course-details-table {
padding: 0;
}
.course-details-table__th, .course-details-table__td {
font-size: 16px;
font-size: 1rem;
line-height: 1.5em;
line-height: calc(24em / 16);
padding: 0.5em 1em;
}
.course-details-table__th {
padding-left: 0;
padding-right: 6.20985%;
/*width: 15.52463%; Nick Fixes ie*/
width: 16%;
}
.course-enquiries__label {
width: 32.11991%;
}
.course-enquiries__info {
margin-left: 32.11991%;
}
.course-searches .course-search-widget__title {
font-size: 27.2px;
font-size: 1.7rem;
}
.course-searches .course-search-widget {
margin-top: 1.25em;
}
.course-searches .filter-context-text {
font-size: 17.6px;
font-size: 1.1rem;
}
.course-search-widget {
padding: 1.3125em;
padding: calc(21em / 16);
margin-bottom: 1.375em;
margin-bottom: calc(22em / 16);
}
.course-search-widget__title {
font-size: 27px;
font-size: 1.6875rem;
}
.course-search-widget__filter {
padding-top: 1em;
padding-top: calc(16em / 16);
padding-bottom: 1em;
padding-bottom: calc(16em / 16);
line-height: 1.25em;
line-height: calc(20em / 16);
}
.course-search-widget__filter label, .course-search-widget__filter input {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.11111em;
line-height: calc(20em / 18);
}
.course-search-widget__filter label {
padding-right: 0.5em;
}
.course-search-widget__field, .course-search-widget__submit {
font-size: 18px;
font-size: 1.125rem;
height: 2.77778em;
height: calc(50em / 18);
}
.course-search-widget__submit {
padding-bottom: 0.75em;
padding-bottom: calc(13.5em / 18);
padding-left: 0.5em;
padding-left: calc(9em / 18);
padding-right: 0.94444em;
padding-right: calc(17em / 18);
padding-top: 0.75em;
padding-top: calc(13.5em / 18);
}
.course-search-widget__submit::after {
height: 1.27778em;
height: calc(23em / 18);
width: 1.33333em;
width: calc(24em / 18);
right: 0.94444em;
right: calc(17em / 18);
background-size: contain;
}
.course-search-widget--arts {
max-width: 63.85809%;
clear: left;
}
.filter-courses {
margin-top: 0;
}
.filter-courses .filter-courses__clear {
margin: 0 1.2em;
font-size: 17.6px;
font-size: 1.1rem;
}
.filter-courses .filter-courses__clear:before {
display: block;
/** Sprite: cross-icon (scale: 1) **/
background: transparent url(/__data/assets/image/0004/1008238/spritesx2.png) no-repeat;
background-position: -240px -432px;
background-size: 288px 672px;
width: 18px;
height: 18px;
content: '';
}
.lt-ie9 .filter-courses .filter-courses__clear:before {
background: transparent url(/__data/assets/image/0003/1008237/sprites.png) no-repeat;
background-position: -120px -216px;
width: 9px;
height: 9px;
}
.filter-courses fieldset {
margin: 0.5em 1.3em 0;
}
.filter-courses fieldset legend {
font-size: 17.6px;
font-size: 1.1rem;
}
.filter-courses fieldset input[type=checkbox] + label {
font-size: 16.8px;
font-size: 1.05rem;
}
.filter-courses .filter-courses__title {
font-size: 20.8px;
font-size: 1.3rem;
padding: 0.6em 1em;
line-height: 1.4em;
}
.footer-nav {
max-width: 1220px;
margin: 0 auto;
width: 96%;
}
.footer-links-group {
width: 18%;
padding: 0 1%;
float: left;
margin-top: 2em;
box-sizing:content-box;
}
.footer-links-group h3 {
border: 0;
padding: 0;
font-size: 17.6px;
font-size: 1.1rem;
}
.footer-links-group h3:hover {
text-decoration: none;
background-color: transparent;
cursor: default;
}
.footer-links-group h3:after {
content: '';
border: 0;
}
.footer-links-group ul {
display: block;
margin: 0;
padding: 0;
}
.footer-links-group li, .footer-links-group.active li {
list-style: none;
margin: 0.9em 0;
}
.footer-links-group li a {
color: #036f9d;
text-decoration: none;
font-size: 16px;
font-size: 1rem;
font-family: 'latoregular', serif;
}
.footer-links-group li a:hover {
text-decoration: underline;
}
.footer-links-group.active ul {
border-bottom: 0;
padding: 0;
background-color: transparent;
}
.footer-links-group.active h3 a {
background-color: transparent;
}
.footer-base {
clear: both;
}
.social-icons {
overflow: hidden;
border-top: 1px solid #eeeeee;
margin-top: 3em;
}
.social-icons a {
margin: 0 10px;
}
.quick-links {
float: right;
font-size: 0.9em;
margin-left: 0;
margin-left: 2.2em;
}
.copyright {
font-size: 0.9em;
width: 40%;
float: left;
margin-right: 0;
margin-top: 1.8em;
margin-left: 2.2em;
}
.field_set input[type="checkbox"], .field_set input[type="radio"] {
margin-top: 4px;
}
.global-search {
height: 48px;
background-color: #009abc;
}
.global-search__toggle-link, .global-search__form, .global-search__submit-button {
height: 48px;
}
.graduate-story__h {
font-size: 30px;
font-size: 1.875rem;
margin-bottom: 0.6em;
margin-bottom: calc(18em / 30);
}
.graduate-story__link {
line-height: 1.11111em;
line-height: calc(20em / 18);
max-height: 2.22222em;
max-height: calc(40em / 18);
padding-bottom: 0.11111em;
padding-bottom: calc(2em / 18);
padding-left: 0.94444em;
padding-left: calc(17em / 18);
padding-right: 0.94444em;
padding-right: calc(17em / 18);
font-size: 18px;
font-size: 1.125rem;
letter-spacing: -0.1px;
}
.home-section__events .home-section__content-wrap {
padding: 40px;
max-width: 1140px;
}
.no-js .home-section__events .home-section__content-wrap, .no-flexbox .home-section__events .home-section__content-wrap {
display: table;
border-collapse: separate;
}
.flexbox .home-section__events .home-section__content-wrap {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.home-section__events-key-dates {
max-width: 360px;
}
.flexbox .home-section__events-key-dates {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.no-js .home-section__events-key-dates, .no-flexbox .home-section__events-key-dates {
display: table-cell;
vertical-align: top;
}
.home-section__events-key-dates .home-section__events-title {
float: none;
}
.home-section__events-key-dates .home-section__events-more-link {
float: none;
margin: 0;
}
.home-section__events-upcoming {
padding-right: 20px;
}
.flexbox .home-section__events-upcoming {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.no-js .home-section__events-upcoming, .no-flexbox .home-section__events-upcoming {
display: table-cell;
vertical-align: top;
}
.call-to-action, .home-section__title {
max-width: 1220px;
margin: 0 auto;
}
.course-search {
margin-right: 2.1%;
width: 72.5%;
}
.call-to-action {
margin-top: -45px;
}
.home-section__title-wrapper {
width: 100%;
position: absolute;
bottom: 20px;
}
.home-section__title {
position: relative;
}
.call-to-action__list {
max-width: 379px;
}
.home-section__news .home-section__content {
padding: 20px 0;
}
.home-section__intro-text {
display: table;
min-height: 280px;
}
.home-section__intro-text__content {
display: table-cell;
vertical-align: middle;
}
.home-section__research .home-section__content {
padding: 20px 0;
}
.home-section__social {
font-size: 19.2px;
font-size: 1.2rem;
}
.home-section__social .home-section__social-links-list {
max-width: 1050px;
margin: 0 auto;
}
.home-section__social-group-item {
min-height: 338px;
padding: 20px;
}
.home-section__social-group .home-section__social-group-item:after {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
right: 10px;
bottom: 10px;
}
.home-section__social .home-section__content {
overflow: hidden;
max-width: 1010px;
margin: 0 auto;
background-color: transparent;
}
.home-section__social .home-section__content-wrap {
padding: 0;
margin: 0;
width: 100%;
max-width: 100%;
}
.home-section__uc-life .carousel {
padding: 20px 0;
}
.home-section__intro-text {
max-width: 40%;
}
.home-section__content-wrap {
max-width: 1220px;
margin: 0 auto;
}
.carousel-top .carousel-top__item-title {
font-size: 1.2em;
}
.landing-page .top-banner {
display: none;
}
.landing-page .main, .news-listing .main {
margin-top: 29.875rem;
margin-top: calc(38vw - 8.125rem);
padding-top: 0;
}
.landing-page-carousel {
left: 0;
margin: 0;
position: absolute;
right: 0;
top: 0;
}
.landing-page-carousel .carousel-top {
margin-top: 0;
}
.landing-page-carousel, .landing-page-carousel .carousel-top, .landing-page-carousel .carousel-top__list, .landing-page-carousel .slick-list {
max-height: 38vw;
overflow: hidden;
}
.landing-page-carousel .slick-dots {
padding-left: 0;
}
.news-listing .landing-page-carousel, .news-listing .landing-page-carousel .carousel-top, .news-listing .landing-page-carousel .carousel-top__list, .news-listing .landing-page-carousel .slick-list {
max-height: 38vw;
overflow: hidden;
}
.carousel-top .controls-description p {
font-size: 0.75vw;
line-height: 1.375;
margin-bottom: 0.5vw;
}
.landing-page--campaign .landing-page-carousel .carousel-top__item-more-link, .news-listing .landing-page-carousel .carousel-top__item-more-link {
font-size: 0.875vw;
line-height: 1.92857;
padding: 0 0.5625vw;
}
.landing-page .carousel-top .slick-active .slide-nav {
font-size: 1.675vw;
line-height: 2.125vw;
padding: 0.9375vw 3% 0.375vw;
}
.landing-page-carousel .slick-dots li {
border-width: 0.3125vw;
}
.landing-page .carousel-top .nav-controls-wrapper {
bottom: 3vw;
}
.landing-page--arts .primary-nav-wrapper-outer {
background: #fff;
}
.landing-page--arts .megamenu ul > li:hover > a {
background: #a50f39;
}
.landing-page--college .primary-nav-wrapper-outer {
background: #fff;
}
.landing-page--college .megamenu ul > li:hover > a {
background: #c75300;
}
.landing-page--bgl .primary-nav-wrapper-outer {
background: #fff;
}
.landing-page--bgl .megamenu ul > li:hover > a {
background: #0B517F;
}
.landing-page--estem .primary-nav-wrapper-outer {
background: #fff;
}
.landing-page--estem .megamenu ul > li:hover > a {
background: #00763E;
}
.landing-page--health .primary-nav-wrapper-outer {
background: #fff;
}
.landing-page--health .megamenu ul > li:hover > a {
background: #555190;
}
.landing-page-intro {
margin-left: 0;
margin-right: 0;
padding: 0;
}
.landing-page-intro p {
font-size: 16px;
font-size: 1rem;
}
.landing-page-intro h1 {
margin-bottom: 1.125rem;
}
.landing-page-intro__inner {
margin: 0 auto;
max-width: 76.25rem;
padding-bottom: 2.375rem;
padding-top: 3.125rem;
}
.landing-page-intro__side {
margin-left: 79.83607%;
width: 20.16393%;
}
.landing-page-intro__side-title {
line-height: 3.375rem;
margin-bottom: 1.125rem;
}
.landing-page-intro__main {
padding-right: 3.11475%;
width: 76.72131%;
}
.landing-page-intro__content {
-webkit-columns: 3 233px;
-moz-columns: 3 233px;
columns: 3 233px;
-webkit-column-gap: 2.75rem;
-moz-column-gap: 2.75rem;
column-gap: 2.75rem;
}
.uc-logo {
background-position: 1em 40%;
background-size: 240px;
height: 104px;
/*width: 312px;*/
width: 311px;
float: left;
}
.uc-logo--research {
background-position: center 40%;
}
.media-card {
float: left;
max-width: 68.51441%;
}
.media-card__img-link {
width: 60.03236%;
}
.media-card__content {
width: 36.24595%;
}
.media-card__h.h4 {
margin-top: 0;
}
.primary-nav-wrapper-outer {
background: transparent;
float: right;
clear: none;
height: auto;
}
.primary-nav-wrapper {
display: block;
}
.show-mobile-menu {
display: none;
}
.primary-nav {
float: right;
}
.primary-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.primary-nav a:focus {
outline: 1px dotted #cccccc;
outline-offset: -1px;
}
.highlight {
float: left;
min-width: 244px;
}
.highlight li {
padding: 0;
float: left;
display: block;
border: none;
}
.highlight li a, .normal li a {
/* background: #036f9d; */
background: #414042;
display: block;
float: left;
color: #fff;
line-height: 1em;
font-size: 0.8em;
font-family: 'latobold', sans-serif;
text-decoration: none;
text-transform: uppercase;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline-offset: -1px;
}
.highlight li a {
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
padding: 1.3em 1.5em;
}
.highlight a:hover {
background: #ffffff;
/* color: #3e3d40; */
color: #002655;
}
.normal {
float: left;
width: 660px;
}
.normal li {
border: none;
}
.normal li a {
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
background: #ffffff;
color: #3e3d40;
padding: 1.3em 1.1em;
}
.normal li a:hover {
background: #084968;
color: #ffffff;
}
.has-mega-menu {
position: relative;
}
.megamenu li:hover .has-mega-menu:after {
display: block;
position: absolute;
bottom: 0px;
left: 46%;
height: 0;
width: 0;
content: ' ';
border-style: solid;
border-width: 8px 8px 8px 8px;
border-color: transparent transparent #084968 transparent;
}
.megamenu {
float: left;
/* background: #002655; */
background: #002655;
width: 100%;
position: relative;
}
.megamenu ul {
float: left;
}
.megamenu ul > li {
float: left;
padding-left: 0;
list-style: none;
margin-right: 0;
}
.megamenu ul > li > a {
text-decoration: none;
font-family: 'latobold', sans-serif;
font-size: 1em;
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
color: #ffffff;
padding: 1em 2em;
display: block;
line-height: 1em;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.megamenu ul > li:first-child > a {
padding-left: 1.2em;
}
.megamenu ul > li:hover > a {
background: #036f9d;
}
.megamenu li:hover .menu-arrow {
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #f00;
}
.megamenu .megamenu-content {
position: absolute;
left: 0;
top: 48px;
overflow: hidden;
min-height: 300px;
background: #38373b;
z-index: 999999;
display: none;
padding: 0 2% 1.2em;
}
.megamenu li:hover .megamenu-content {
display: block;
}
.megamenu-content .col {
width: 16%;
float: left;
overflow: hidden;
padding: 0 1%;
}
.megamenu-content a {
color: #fff;
line-height: 1em;
/* text-transform: capitalize; Nick*/
}
.megamenu-content ul > li:first-child > a {
padding-left: 0;
}
.megamenu-content a:hover {
text-decoration: underline;
}
.megamenu li:hover .megamenu-content a {
background: transparent;
}
.megamenu-content .col a.action-link {
text-transform: none;
display: inline-block;
}
.megamenu-content .col > ul {
padding-left: 2%;
}
.megamenu-content .level2 {
float: none;
border-bottom: 1px solid #646464;
line-height: 1.2em;
margin-top: 1em;
}
.megamenu-content .level2 a {
padding: 0.2em 0;
text-decoration: none;
}
.megamenu-content .level2 > a {
display: inline-block;
}
.megamenu-content .col .level3 {
float: none;
padding-top: 0;
margin-top: 2px;
}
.megamenu-content .col .level3 a {
font-weight:bold;
font-family:'Lato',serif;
color: #d9d9da;
font-size: 0.85em;
text-decoration: none;
display: inline-block;
padding: 0;
line-height: 1.3em;
}
.megamenu-content .col .level4 {
margin-top: 0.8em;
}
.megamenu-content .col .level4 a {
font-family: 'latoregular', serif;
font-size: 1em;
text-decoration: none;
display: inline-block;
padding: 0;
color: #d9d9da;
line-height: 1.2em;
}
.megamenu-content .col .level2 a:hover, .megamenu-content .col .level3 a:hover, .megamenu-content .col .level4 a:hover {
text-decoration: underline;
}
.megamenu-content .col.col5 {
width: 26%;
}
.megamenu .links ul {
width: 100%;
}
.megamenu-content .col .links ul li {
float: none;
margin-top: 1em;
}
.megamenu-content .col .links ul li a {
color: #000000;
background: #ffffff;
padding: 1em 1em 1em 1.5em;
display: block;
}
.megamenu-content .col .links ul li a:after {
content: '\003e';
float: right;
padding-left: 1em;
}
.mini-form {
float: none;
margin-top: 2.375rem;
width: 100%;
}
.mini-form + .mini-form {
margin-left: 0;
}
.landing-page--research .feature-item .styled-button {
width: 100%;
}
.news-header-picture {
display: none;
}
.news-detail .top-banner {
height: auto;
margin-top: -9.375rem;
float: left;
}
.news-detail .left-col {
margin-top: -3.5rem;
}
.news-list__h.h1 {
font-size: 2.625rem;
margin-top: 0;
}
.news-list__description {
font-size: 1.125rem;
-webkit-line-clamp: initial;
line-height: 1.875rem;
max-height: initial;
}
.news-list__pubdate {
font-size: 0.875rem;
line-height: 2.5rem;
}
.news-list__img-link {
width: 21.72949%;
}
.news-list__title {
font-size: 1.875rem;
}
.news-list__summary {
margin-right: 23.05987%;
}
.news-list--longer {
margin-bottom: 5.625rem;
}
.content {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1, .h1 {
font-size: 54px;
font-size: 3.375rem;
line-height: 1.01852em;
line-height: calc(55em / 54);
margin: 0.6em 0 0.2em;
}
h2, .h2 {
font-size: 42px;
font-size: 2.625rem;
line-height: 1.07143em;
line-height: calc(45em / 42);
}
h3, .h3 {
font-size: 36px;
font-size: 2.25rem;
line-height: 1.11111em;
line-height: calc(40em / 36);
margin: 0.6em 0 0.2em;
}
h4, .h4 {
font-size: 30px;
font-size: 1.875rem;
line-height: 1.16667em;
line-height: calc(35em / 30);
margin: 0.5em 0 0;
}
h5, .h5 {
color: #000;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.38889em;
line-height: calc(25em / 18);
margin: 0.5em 0 0.2em;
text-transform: uppercase;
}
h6, .h6 {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.38889em;
line-height: calc(25em / 18);
font-weight: 700;
margin: 0.4em 0 0.2em;
}
table {
font-size: 14.4px;
font-size: 0.9rem;
}
td {
font-size: 14.4px;
font-size: 0.9rem;
}
th {
font-size: 14.4px;
font-size: 0.9rem;
}
.parallax {
min-height: 350px;
}
.parallax__layer {
max-height: 760px;
}
.research-header {
background-image: url('/config/designs/header-squiz/mysource_files/young-people-jumping-wide.jpg');
height: 38vw;
left: 0;
margin: 0;
position: absolute;
right: 0;
top: 0;
}
.research-header__teaser {
bottom: 7.40132%;
left: 11.875%;
top: auto;
width: 24.375%;
}
.research-header__teaser-h {
padding-left: 4.61538%;
padding-top: 1.25rem;
}
.research-header__teaser-h, .research-header__link {
font-size: 1.875rem;
line-height: 2.375rem;
}
.research-header__teaser-content {
font-size: 1rem;
line-height: 1.25rem;
padding: 0 4.61538% 1rem;
}
.research-header__teaser-content p {
margin-bottom: 0.75rem;
}
.research-header__teaser-read-more {
line-height: 1.875rem;
}
.research-header__nav {
bottom: 8.55263%;
right: 11.875%;
top: auto;
width: 14.875%;
}
.research-header__nav-link {
font-size: 1.125rem;
line-height: 1.4375rem;
padding: 0.625rem 8.40336% 0.625rem 7.56303%;
}
.right-col {
margin-top: 3.3375rem;
}
a.enquire, a.apply {
margin-bottom: 1em;
width: 100%;
}
.ask-uc_link {
font-size: 32px;
font-size: 2rem;
padding: 0.1em 0;
}
.flexbox .widgets-group {
display: block;
}
.ask-uc {
background-size: auto 100%;
height: 220px;
}
.uc-map {
height: 200px;
margin-left: 0;
}
.related-links li {
display: block;
width: 100%;
}
.related-links a {
font-size: 1rem;
}
.right-col .h4 {
font-size: 1.875rem;
}
.right-col .feature-item {
float: none;
width: 100%;
}
.news-listing .ask-uc {
float: none;
width: 100%;
}
.news-detail .uc-map, .news-detail .related-links {
float: none;
width: 100%;
}
.news-detail .uc-map {
display: block;
}
.news-detail .related-links {
margin-top: 2rem;
}
.sub-navigation {
margin: 0;
}
.sub-navigation__section-title {
font-size: 22.08px;
font-size: 1.38rem;
padding: 0.6em 1em;
}
.sub-navigation__sub-nav-links {
font-size: 17.92px;
font-size: 1.12rem;
}
.sub-navigation__sub-nav-links a {
padding: 0.6em 1.7em 0.6em 1em;
}
.left-col {
float: left;
margin-top: -3.5rem;
width: 24%;
}
.center-col {
float: left;
margin-left: 1.6%;
width: 53%;
}
.right-col {
clear: none;
float: right;
width: 20%;
}
.course-searches .center-col {
width: 74%;
}
.landing-page .left-col {
margin-top: 0;
width: 23.27869%;
}
.landing-page .main {
margin-left: 0;
margin-right: 0;
max-width: 100%;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.landing-page .main-inner {
margin: 0 auto;
max-width: 76.25rem;
padding-top: 2.375rem;
}
.landing-page .center-col {
padding-top: 0;
width: 73.93443%;
margin-left: 2.78689%;
}
.landing-page .center-col .ask-uc {
width: 27.27273%;
margin-left: 4.21286%;
}
.news-listing .left-col, .news-listing .center-col {
margin-top: 0;
}
.news-listing .main {
padding-top: 3.0625rem;
}
.landing-page--research .center-col {
width: 50.65574%;
}
.landing-page--research .right-col {
width: 20.32787%;
}
.landing-page--research .uc-map {
margin-left: 0;
height: 27.0625rem;
height: 27.0625vw;
}
.landing-page--research .course-search-widget--arts {
max-width: 100%;
}
.top-banner-wrap {
position: relative;
top: 0;
}
.top-banner {
display: block;
position: relative;
overflow: hidden;
width: 100%;
margin-top: pxToEM(150);
z-index: -1;
float: left;
/*height: auto; banner height problem*/
}
.top-banner img {
width: 100%;
display: block;
}
.twitter-feed__h {
margin-top: 0;
}
.tweet p {
font-size: 0.875rem;
line-height: 1.25rem;
margin-bottom: 2.25rem;
}
.tweet__permalink {
font-size: 1rem;
line-height: 1.5rem;
}
.video-with-description {
float: right;
margin-left: 4.21286%;
width: 27.38359%;
}
.right-col .video-with-description, .left-col .video-with-description {
width: 100%;
}
.video-with-description__vid {
margin-top: 0;
}
}
@media print {
/**
* uc
* Print CSS
*
* version: 0.0.1
* file: main.css
* author: Squiz America
* change log:
* 22-01-2015 15:32 - First revision
*/
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
}
/*print page*/
.printpage {
background: url('/__data/assets/image/0014/1080302/print-icon-32.png') no-repeat 0 0;
display: block;
float: right;
height: 32px;
width: 32px;
}
/*MyUC Portal Widget*/
.widget {padding: 0 15px 15px; background: url('/__data/assets/image/0006/1080726/myuc-abstract-blue-bg.jpg') no-repeat 0 50%; background-size: cover; height: 100%;}
.widget.myuc-widget {position: relative; display: inline-block; z-index:0;}
.widget.myuc-widget .myuc-widget-overlay {position:absolute; height: 100%; width: 100%; background:rgba(2,157,221,0.7); left: 0; top:0; z-index:-1;}
.myuc-title-title-graphic {height: auto; margin-bottom: 10px; max-width: 170px;}
.btn.btn-reset {margin-top: 20px;}
.submit_btn, .clear_btn {border:none; background: rgba(3,111,157,0.7); color: #fff; padding: 5px 10px;}
.user_inputs {margin-bottom: 10px;}
.user_inputs .field, .password_inputs .field {border:none; background: rgba(3,111,157,0.7); padding: 10px 20px; width: 80%; color: #fff;}
.pass_reset {display: table-cell; height: 20px; padding-top: 10px; vertical-align: middle;}
.lost-password {color: #fff; font-size: 12px;}
.animate {
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.animate:hover{
background: #012939;
}
/* new sub-footer css */
.sub-footer-container{
color: #333;
font-family: Lato;
font-weight: 200;
font-size: 1em;
line-height: 1.1em;
padding-top: 1em;
padding-bottom: 3.25em;
}
.sub-footer-container .footer-links-group h2{
color: #002B3B;
font-weight: 700;
font-size: 1.2em;
font-family:Lato;
line-height: 1.125em;
padding: 1em 1em 1em 0;
}
.sub-footer-container a{
color: #002655
}
.sub-footer-container a:hover{
text-decoration:underline;
}
.sub-footer-container .footer-links-group li{
font-size:1em;
}
.sub-footer-container .footer-links-group li a{
font-family:Lato;
font-weight:400;
font-size:1em;
}
@media(max-width:60em){
.sub-footer-container .footer-links-group h2{
border-bottom: 1px solid #dbdbdb;
margin: 0;
padding: 1em 1.2em;
text-decoration: none;
display: block;
font-size:1em;
}
.sub-footer-container .footer-links-group h2:after {
height: 0;
width: 0;
content: ' ';
border-style: solid;
border-width: 10px 10px 10px 10px;
border-color: #036f9d transparent transparent transparent;
float: right;
margin-top: 0.5em;
}
.sub-footer-container .footer-links-group h2:hover, .footer-links-group h2:focus {
background-color: #f5f5f5;
cursor: pointer;
}
.sub-footer-container .footer-links-group.active h2::after{
border-color:transparent transparent #036f9d transparent;
border-width:0px 10px 10px 10px;
}
}
/*new glboal footer css*/
img[src^="https://secure.adnxs.com/px?"] {
display: none;
}
.global-footer-base{
background-color:#002B3B;
padding-top:3em;
padding-bottom:2em;
}
.global-footer-base .global-footer-text p{
color: #FFFFFF;
font-weight: 100;
font-size: 1em;
line-height: 1.4em;
padding-top: 2em;
font-family:Lato;
}
.global-footer-base .global-footer-text a{
font-family:Lato;
text-decoration:none;
color:#FFFFFF;
}
.global-footer-base .global-footer-text a:hover{
text-decoration:underline;
}
.global-footer-base ul.gf-inline-list-link li{
list-style: none;
display: inline;
margin-right:.5em;
}
.global-footer-base ul.gf-inline-list-link li:not(:last-child):after{
content:'|';
color:#FFFFFF;
margin-left:.5em;
}
.global-footer-base ul.gf-inline-list-link{
padding-left:0;
padding-top:2em;
font-size:1em;
}
.global-footer-base ul.gf-inline-list li{
list-style: none;
display: inline;
margin-right:1.5em;
}
.global-footer-base .gf-logo-footer{
max-width:330px;
width:100%;
}
.global-footer-base .gf-row{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
padding-right: 15px;
padding-left: 15px;
margin-bottom:1em;
}
.global-footer-base .gf-row .gf-col-6{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.global-footer-base .gf-vertical-center{
align-self:center;
-ms-flex-item-align: center;
}
.global-footer-base .gf-social-media-icons-container{
text-align:right;
}
@media(max-width:60em){
.global-footer-base .global-footer-container{
width:96%;
}
.global-footer-base ul.gf-inline-list li{margin-right:0.5rem;}
.global-footer-base .gf-social-icon{
width:30px;
}
.global-footer-base .global-footer-text p{
font-size: 1em;
}
.global-footer-base ul.gf-inline-list-link{
font-size:1em;
}
.global-footer-base ul.gf-inline-list-link li{
margin-right:.5em;
}
.global-footer-base .gf-row .gf-col-6{
max-width: 100%;
text-align: center;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.global-footer-base .gf-social-media-icons-container ul.gf-inline-list{
padding-top:2em;
margin-bottom:0;
}
}
/*uc layout
---------------------------------------------------------*/
.uc--events-featured-date{
max-width:50px;
text-align:center;
border:1px solid #036f9d;
display:inline-block;
line-height:1;
}
.uc--row{
display:flex;
display: -ms-flexbox;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
box-sizing:border-box;
}
.uc--text-center{
text-align:center;
}
.uc--pl-0{
padding-left:0!important;
}
.ud--d-inline-block{
display:inline-block!important;
}
.uc--col-md-8, .uc--col-md-2{
position: relative;
width: 100%;
min-height: 1px;
box-sizing:border-box;
}
@media (min-width: 768px){
.uc--col-md-8{
-webkit-box-flex: 0;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
box-sizing:border-box;
}
.uc--col-md-2{
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
box-sizing:border-box;
}
}