) * * default (no class) - width 990px, centered, secondary navigation in left column * .fullWidth - full width (990px); hides left and right columns * .fullContentWidth - full width content; for when #pageRightColumn is empty, to save editors time this class is added automatically if detected empty #pageRightColumn * .landingPage - page header with background image * .gatewayPage - extra information in right column, page header without background image * .collegePage * .courseDetailPage * .events * .newsPage * .newsPage.article * .newsPage.archive * .newsPage.events * .newsPage.jobs */ @import url(//fonts.googleapis.com/css?family=Lato:400,700,900,400italic&subset=latin,latin-ext); @font-face { font-family: 'icomoon'; src:url('../fonts/icomoon.eot?-lh5iwq'); src:url('../fonts/icomoon.eot?#iefix-lh5iwq') format('embedded-opentype'), url('../fonts/icomoon.woff?-lh5iwq') format('woff'), url('../fonts/icomoon.ttf?-lh5iwq') format('truetype'), url('../fonts/icomoon.svg?-lh5iwq#icomoon') format('svg'); font-weight: normal; font-style: normal; } /** * Some basics and responsiveness */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } body { padding: 0; margin: 0; font-family: sans-serif; font-size: medium; line-height: 1.5; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; } img { max-width: 100%; height: auto; width: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; } /** * Font sizes */ body { font-family: "Lato", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.50; color: #5e6464;} body.larger { font-size: 20px; } p { font-family: "Lato", sans-serif; font-weight: 400; font-size: 100%; line-height: 1.50; margin: 0 0 1.875em 0; padding: 0; } h1 { font-family: "Lato", sans-serif; font-weight: 900; font-size: 270%; line-height: 1.00; margin: 0 0 1.875em 0; padding: 0; font-variant: small-caps; } h2 { font-family: "Lato", sans-serif; font-weight: 900; font-size: 175%; line-height: 1.07; margin: 0 0 1em 0; padding: 0; text-transform: none; } h3 { font-family: "Lato", sans-serif; font-weight: 700; font-size: 125%; line-height: 1.44; margin: 0 0 0.75em 0; padding: 0; text-transform: none; } h4 { font-family: "Lato", sans-serif; font-weight: 700; font-size: 110%; line-height: 1.30; margin: 0 0 1.1em 0; padding: 0; text-transform: none; } h5 { font-family: "Lato", sans-serif; font-weight: 700; font-size: 110%; line-height: 1.30; margin: 0 0 1.1em 0; padding: 0; text-transform: none; } h6 { font-family: "Lato", sans-serif; font-weight: 700; font-size: 110%; line-height: 1.30; margin: 0 0 1.1em 0; padding: 0; text-transform: none; } dl { margin: 0 0 1em 0; } ul { padding: 0; margin: 0 0 2em 0; } ol { padding: 0; margin: 0 0 2em 0; } ul ul, ol ol { margin: 0.5em 0 0 0; } li { margin: 0 0 0.75em 20px; vertical-align: middle; } input { font-family: "Lato", sans-serif; } iframe { border: none; } .hidden { display: none; } .lcase { text-transform: none; } /** * Default colours */ h1, h2, h3, h4, h5, h6 { color: #05a7ab; } p { color: #5e6464; } a { color: #05a7ab; } ul { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAJ0lEQVQIW2NkAALWFav/g2gQ+B0RysiILACTIEEQq5kwc5BpRqIFAfaeDw6+6XVzAAAAAElFTkSuQmCC'); } /** * Other defaults */ a { transition: border-color 300ms ease 0ms, background 300ms ease 0ms; text-decoration: none; } a span { transition: border-color 300ms ease 0ms, color 300ms ease 0ms; } a:hover { text-decoration: underline; } hr { width: 100%; height: 1px; margin: 0 0 3.1em 0; border: none; border-top: 1px solid #cfcfcf; } blockquote {margin: 10px;} input::-webkit-input-placeholder { font-style: italic; } input:-moz-placeholder { font-style: italic; } input::-moz-placeholder { font-style: italic; } input:-ms-input-placeholder { font-style: italic; } a.viewMore { text-transform: uppercase; font-weight: 800; vertical-align: middle; } a.viewMore::after { content: ' \25bb'; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } a.viewMore:hover { text-decoration: none; } /** * Clearing DIV */ div.bottom { clear: both; } /** * Tables */ table { font-size: inherit; width: 100%; margin: 1.875em 0; border: 1px solid #cfcfcf; border-spacing: 0; } caption { text-align: left; font-size: 125%; font-weight: bold; color: #05a7ab; } th { text-align: left; } th, td { padding: 0.4em; vertical-align: top; } th.money, td.money, td.number { text-align: right; } th.hidden, td.hidden { display: none; } thead th { border-bottom: 2px solid #cfcfcf; } tfoot td { border-top: 1px solid #cfcfcf; font-weight: bold; } /* Global Form Styles */ form { padding: 0; margin: 0 0 1em 0; } form div.form-row { margin: 0 0 1.6em 0; } form div.form-label label { font-weight: bold; margin-bottom: 0.3em; display: block; } form div.form-description { font-weight: bold; } form fieldset { border: none; border-left: 5px solid #f5f5f2; padding: 0 0 0 20px; margin: 0 0 30px 0; } form fieldset h3 { margin-top: 0; } form input[type=text] { border: 1px solid #c4c4c4; font-size: 1em; padding: 10px 10px; } form input:focus { outline: none; border: 1px solid #18a3bd; } form input[type=button], form button, input[type=submit] { border: none; padding: 20px; background: #8ac200; color: #ffffff; text-transform: uppercase; cursor: pointer; font-weight: bold; } div#error-list { display: none; } div#error-list li { color: #ff0000; } div.form-row { position: relative; } div.form-row select + em, div.form-row textarea + em, div.form-row input + em { position: absolute; display: table; bottom: 0; right: -235px; width: 225px; height: 45px; font-style: normal; } div.form-row label.error { display: table-cell !important; vertical-align: middle; line-height: 1.2; padding-left: 30px; color: #ea351d; background: url('../images/form-red-x.png') left center no-repeat; background-size: 20px 20px; } div.form-row label.error.valid { color: #7db900; background-image: url('../images/form-green-ok.png'); } label.custom-radio, label.custom-checkbox { position: relative; padding: 0 0 10px 35px; cursor: pointer; display: block; } input.custom-radio, input.custom-checkbox { opacity: 0.01; position: absolute; } label.custom-radio::before, label.custom-checkbox::before { content: ''; width: 25px; height: 25px; display: block; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: 0 -25px; background-size: 25px 50px; } label.custom-radio::before { background-image: url('../images/radio-buttons.png'); } label.custom-checkbox::before { background-image: url('../images/checkbox-buttons.png'); } input.custom-radio:checked + label.custom-radio::before, input.custom-checkbox:checked + label.custom-checkbox::before { background-position: 0 0 ; } select.hasCustomSelect { z-index: 3; cursor: pointer;} .customSelect { border: 1px solid #cfcfcf; width: 100%; height: 45px; line-height: 45px; padding-left: 10px; position: relative; z-index: 1; cursor: pointer;} .customSelect::after { content: '\f501'; text-indent: 0; display: block; position: absolute; width: 45px; height: 45px; line-height: 48px; color: #ffffff; background: #49b0c6; text-align: center; top: -1px; right: -1px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 2; } .customSelect:hover::after { background: #027f8e; } .customSelect.customSelectOpen::after { content: '\f500'; } .customSelectInner { width: 90% !important; } .customSelectFocus { border: 1px solid #18a3bd; } /** * Messages */ div.onxshop_messages {margin: 1em; border: none; background: black; color: white; background: rgba(0,0,0,0.75); padding: 1em; box-shadow: #000000 5px 5px 30px; clear: both; border-radius: 4px; -moz-border-radius: 7px; -webkit-border-radius: 7px; z-index: 1000; position: relative;} div.onxshop_messages p {margin: 5px 0; line-height: 1; padding: 0; color: white; font-weight: bold; } div.onxshop_messages p.onxshop_ok_msg {} div.onxshop_messages p.onxshop_error_msg {background: transparent url(/share/images/famfamfam_icons/exclamation.png) left top no-repeat; padding: 0 0 0 25px;} /** * Ajax */ .ajaxLoad {width: 128px; height: 128px; background: url(/share/images/ajax-indicator/indicator_verybig.gif) no-repeat;} /** * jGrowl */ div#jGrowl { position: fixed; top: 50px; width: 500px; left: 50%; margin-left: -250px; text-align: center; pointer-events: none; z-index: 9999; } div#jGrowl div.onxshop_messages { margin: 0; padding: 10px 30px; } div#jGrowl div.jGrowl-notification { display: block; position: relative; z-index: 9999; zoom: 1; text-align: left; pointer-events: all; border: none; background: none;} div#jGrowl div.jGrowl-notification.ui-state-highlight { margin: 0 auto 20px auto; display: inline-block; min-width: 260px; } div#jGrowl div.jGrowl-notification p { text-align: left; } div#jGrowl div.jGrowl-close { position: absolute; right: 5px; top: 5px; color: #ffffff; cursor: pointer; z-index: 10000; font-weight: bold; font-size: 16px; line-height: 16px; } div#jGrowl div.jGrowl-closer { background: black; color: white; background: rgba(0,0,0,0.75); width: 100px; margin: 10px auto; border: none; cursor: pointer; text-align: center; pointer-events: all; } @media all and (max-width: 600px) { div#jGrowl { width: 80%; left: 10%; margin-left: 0; } } /** * Default Layouts */ div.node_group-content { margin: 0; } div.columnLayout::after { content: ''; display: block; clear: both; } div.columnOne.ofTwo { width: 50%; margin: 0; float: left; } div.columnTwo.ofTwo { width: 50%; margin: 0; float: left; } div.columnOne.ofThree { width: 31%; margin-right: 3.5%; float: left; } div.columnTwo.ofThree { width: 31%; margin-right: 3.5%; float: left; } div.columnThree.ofThree { width: 31%; float: left; } div.columnOne.ofFour { width: 22.3%; margin-right: 3.6%; float: left; } div.columnTwo.ofFour { width: 22.3%; margin-right: 3.6%; float: left; } div.columnThree.ofFour { width: 22.3%; margin-right: 3.6%; float: left; } div.columnFour.ofFour { width: 22.3%; float: left; } div.pageHeaderWrapper { max-width: 990px; margin: 0 auto; padding: 45px 0 30px; background: #ffffff; color: #5e6464; } div.pageHeaderWrapper h1 { color: #05a7ab; margin: 0.5em 0 0.6em; } div#pageWrapper { max-width: 990px; margin: 0 auto 50px auto; } div#pageContent { width: 480px; margin: 0 30px; } div#pageSide, div#pageRightColumn { width: 225px; } div#pageSide, div#pageContent, div#pageRightColumn { float: left; } /** * Page types */ body.fullContentWidth #pageContent, body.newsPage.newsEvents #pageContent, body.newsPage.events #pageContent, body.newsPage.jobs #pageContent { float: right; width: 735px; margin-right: 0; } body.newsPage.article div.pageHeaderWrapper { padding-bottom: 10px; } body.fullContentWidth div#pageRightColumn, body.newsPage.newsEvents #pageRightColumn, body.newsPage.events #pageRightColumn, body.newsPage.jobs #pageRightColumn { float: left; clear: left; } body.landingPage div#pageContent { width: 735px; margin-right: 0; } body.landingPage div.pageHeader { background: #5c5b57; margin-bottom: 50px; position: relative; min-height: 250px;} body.landingPage div.pageHeader::before { content: ''; position: absolute; width: 100%; height: 100%; background: url('../images/landing_page-header.jpg') center center no-repeat; background-size: cover; opacity: 0.4; display: block; } body.landingPage div.pageHeaderWrapper { padding: 55px 0 0 0 !important; background: transparent; color: #ffffff; position: relative; z-index: 10; } body.landingPage div.pageHeaderWrapper h1 { color: #ffffff; } body.landingPage div#pageRightColumn { display: none; } body.gatewayPage div#pageContent { width: 735px; margin-left: 0; } body.gatewayPage div#pageSide { display: none; } body.courseDetailPage div#pageContent { width: 100%; margin: 0; } body.courseDetailPage div#pageSide, body.courseDetailPage div#pageRightColumn { display: none; } body.courseDetailPage div#pageWrapper { margin-bottom: 0; } body.courseDetailPage div#course_fees h4 { margin: 1em 0 0 0 } body.collegePage div.pageHeader {display: none;} body.schoolPage div.pageHeader {display: none;} body.schoolPage div.content-RTE { max-width: 990px; margin: 100px auto; text-align: center; } body.schoolPage div.content-RTE h3.contentTitle { font-size: 175%; font-weight: 800; line-height: 1.07; text-transform: none;} body.schoolPage div.content-RTE p { margin-top: 0; } body.disciplinePage div#pageContent { width: 735px; margin-right: 0; } body.disciplinePage div.pageHeader { background: #5c5b57; margin-bottom: 50px; position: relative; min-height: 250px;} body.disciplinePage div.pageHeader::before { content: ''; position: absolute; width: 100%; height: 100%; background: url('../images/bg-discipline-page.jpg') center center no-repeat; background-size: cover; opacity: 1; display: block; } body.disciplinePage div.pageHeaderWrapper { padding: 55px 0 0 0; background: transparent; color: #ffffff; position: relative; z-index: 10; } body.disciplinePage div.pageHeaderWrapper h1 { color: #ffffff; } body.disciplinePage div#pageRightColumn { display: none; } body.disciplinePage div.breadcrumb a { color: #ffffff; } body.disciplinePage div.breadcrumb a::after { color: #ffffff; } body.subSite div#contentWrapper { margin: 4% 5% 0 5%; } body.subSite .caption { padding: 2%; } body.subSite div#pageContent { width: 70%; } body.subSite div.pageHeaderWrapper { padding: 0 0 30px 0; } body.subSite div.pageHeaderWrapper .content { padding-left: 2%; } body.fullWidth div.pageHeaderWrapper, body.fullWidth div#pageWrapper { max-width: none; margin: 0; } body.fullWidth div#pageContent { width: 100%; margin: 0; } body.fullWidth div#pageSide, body.fullWidth div#pageRightColumn { display: none; } body.fullWidth div.contentColumn { width: 100%; max-width: 1000px; margin: 0 auto 50px auto; text-align: center; padding: 0 1em; } body.fullWidth div.content-column h1, body.fullWidth div.contentColumn h1 { color: #05a7ab; margin: 95px 0 25px 0; } body.fullWidth div.content-column, body.fullWidth div.contentColumnSimple { width: 100%; max-width: 990px; margin: 0 auto 50px auto; } /** * Header and Navigation */ #header { background: #00a7a9; padding: 0; margin: 1.875em 0 0 0;} #headerWrapper { max-width: 1000px; margin: 0 auto; } #header #search { float: right; margin: 2.5em 0 0 0 ; } #header #search input { height: 2.5em; line-height: 1.5em; font-size: 85%; color: #5e6464; background: #ffffff; width: 170px; padding: .5em 3em .5em 1em; border: none; border-radius: 100px;} #header #search input:focus { outline: none; } #header #search input::-webkit-input-placeholder { color: #05a7ab; font-weight: 700; font-style: normal; } #header #search input::-moz-input-placeholder { color: #05a7ab; font-weight: 700; font-style: normal; } #header #search input:-ms-input-placeholder { color: #05a7ab; font-weight: 700; font-style: normal; } #header #search input:focus::-webkit-input-placeholder { color:transparent; } #header #search input:focus:-moz-placeholder { color:transparent; } #header #search input:focus::-moz-placeholder { color:transparent; } #header #search input:focus:-ms-input-placeholder { color:transparent; } #header #search form { position: relative; width: 170px; margin: 0; padding: 0; } #header #search button { border: none; padding: 0; cursor: pointer; display: block; position: absolute; right: 10px; top: 6px; height: 2em; background: none; outline: 0; } #header #search button span { display: none; } #header #search button::after { content: '\1f50e'; color: #05a7ab; font-size: 24px; line-height: 1; display: block; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #header #search button:focus::after { color: #414545; } body.larger #header #search { display: none; } #header #logo { float: left; margin: 1.6em 0; } #header #logo a { display: block; width: 200px; height: 62px; background: url(../images/logo.png) no-repeat; background-size: 200px 62px; transition: none; } #header #logo a span { display: none; } #revealNavigationButton { display: none; } #navigation ul { margin: 0; list-style: none; } #globalNavigation { position: absolute; top: 77px; width: 600px; left: 50%; margin-left: -280px; text-align: center; } body.larger #globalNavigation { top: 88px; } #globalNavigation ul { margin: 0; padding: 0; line-height: 1em; } #globalNavigation li { display: inline-block; padding: 0; margin: 0; } #globalNavigation a { color: #ffffff; font-size: 81%; padding: 0 1.5em; display: block;} #globalNavigation a:hover { text-decoration: none;} #globalNavigation a::before { content: '\25bb'; font-size: 90%; background: #027f8e; border-radius: 10px; display: block; width: 1.4em; height: 1.4em; float: left; text-align: center; margin-right: 8px; line-height: 1.5; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #globalNavigation h3 { display: none; } #utilityNavigation { background: #005686; width: 100%; text-align: right; height: 1.875em; position: absolute; top: 0; } #utilityNavigation h3 { display: none; } #utilityNavigation a { transition: color 300ms ease 0ms; } #utilityNavigationWrapper { max-width: 1000px; margin: 0 auto; } #utilityNavigationWrapper > ul { margin: 0; padding: 0; text-align: right; display: block; float: right; height: 1.875em; list-style-type: none; border-right: 1px solid #084364; } #utilityNavigationWrapper > ul > li { display: block; margin: 0; padding: 0.1em 0.8em; float: left; vertical-align: middle; border-left: 1px solid #084364; height: 100%; } #utilityNavigationWrapper > ul > li > a { color: #ffffff; font-size: 70%; text-transform: uppercase; text-decoration: none; display: inline-block; width: 100%; height: 100%; } #utilityNavigationWrapper > ul > li:hover { background: #084364; } #utilityNavigationWrapper > ul div.dropdown { display: none; } #utilityNavigation li.accessibility { position: relative; } #utilityNavigation li.accessibility span.smaller { font-size: 90%; } #utilityNavigation li.accessibility span.bigger { font-size: 130%; } #utilityNavigation li.accessibility div.dropdown { display: none; position: absolute; background: #084364; top: 100%; right: -1px; z-index: 160; padding: 3px 10px; } #utilityNavigation li.accessibility:hover div.dropdown { display: block; } #utilityNavigation li.accessibility div.dropdown ul { list-style: none; text-align: center; text-transform: uppercase; min-width: 120px; margin: 0 auto; } #utilityNavigation li.accessibility div.dropdown li { margin: 0; padding: 8px 0; border-bottom: 1px solid #083954; font-size: 70%; } #utilityNavigation li.accessibility div.dropdown li.last { border-bottom: none; } #utilityNavigation li.accessibility div.dropdown span { display: block; color: #b5bfbf; font-size: 143%; } #utilityNavigation li.accessibility div.dropdown a.larger span { font-size: 180%; } #utilityNavigation li.accessibility div.dropdown a { color: #ffffff; display: block; width: 100%; height: 100%; } #utilityNavigation li.accessibility div.dropdown a.contrast span { color: #f7c600; } #utilityNavigation li.accessibility div.dropdown a:hover span, #utilityNavigation li.accessibility div.dropdown a:hover { color: #0096ec; text-decoration: none; } #utilityNavigation li.quick_links { position: relative; } #utilityNavigation li.quick_links div.dropdown { display: none; position: absolute; background: #084364; top: 100%; right: -1px; z-index: 160; } #utilityNavigation li.quick_links:hover div.dropdown { display: table-row; text-align: left; padding: 30px 0 20px 0; } #utilityNavigation li.quick_links div.dropdown div.columnOne { display: table-cell; border-right: 1px solid #083954;} #utilityNavigation li.quick_links div.dropdown div.columnTwo { display: table-cell; } #utilityNavigation li.quick_links div.dropdown div.rowBottom { display: block; margin: 15px 0 0 0; padding: 0 20px; } #utilityNavigation li.quick_links div.dropdown div.columnOne ul, #utilityNavigation li.quick_links div.dropdown div.columnTwo ul { min-width: 200px; padding: 0; margin: 0; } #utilityNavigation li.quick_links div.dropdown div.columnOne li, #utilityNavigation li.quick_links div.dropdown div.columnTwo li { color: #ffffff; font-size: 70%; text-transform: uppercase; margin: 0; padding: 0; } #utilityNavigation li.quick_links div.dropdown div.columnOne h4, #utilityNavigation li.quick_links div.dropdown div.columnTwo h4 { color: #0096ec; text-transform: uppercase; padding: 0 20px 0 20px; margin: 0 0 14px 0; font-size: 70%; font-weight: 800; } #utilityNavigation li.quick_links div.dropdown div.columnOne li a, #utilityNavigation li.quick_links div.dropdown div.columnTwo li a { display: block; padding: 5px 20px; } #utilityNavigation li.quick_links div.dropdown div.rowBottom > ul { display: block; margin: 0; padding: 15px 0 0 0; font-size: 81%; border-top: 1px solid #083954; } #utilityNavigation li.quick_links div.dropdown div.rowBottom > ul > li { display: block; float: left; padding: 0; margin: 0 30px 0 0; } #utilityNavigation li.quick_links div.dropdown div.rowBottom > ul > li a::before { content: '\25bb'; color: #ffffff; font-size: 90%; background: #03344f; border-radius: 10px; display: block; width: 1.4em; height: 1.4em; float: left; text-align: center; margin-right: 8px; line-height: 1.5; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #utilityNavigation li.quick_links div.dropdown div.rowBottom > ul > li.last { float: right; text-align: right; margin-right: 0; } #utilityNavigation li.quick_links div.dropdown a { color: #ffffff; } #utilityNavigation li.quick_links div.dropdown a:hover span, #utilityNavigation li.quick_links div.dropdown a:hover { color: #0096ec; text-decoration: none; } #primaryNavigation { background: #ffffff; margin: 0; position: relative; z-index: 140; } #primaryNavigation::after { content: ''; display: block; background: rgba(0, 0, 0, 0.2); width: 100%; height: 4px; overflow: hidden; position: absolute; bottom: -4px; } #primaryNavigation div.content { max-width: 990px; margin: 0 auto; } #primaryNavigation div.content > ul { display: table; width: auto; height: 6em; font-size: 87.5%; position: relative; z-index: initial; line-height: 1.2; } #primaryNavigation div.content > ul > li { display: table-cell; text-align: left; height: 6em; margin: 0; padding: 0; vertical-align: middle; } #primaryNavigation div.content > ul > li > a { display: table-cell; color: #5e6464; text-transform: uppercase; white-space: normal; margin: 0; height: 6em; position: relative; vertical-align: middle; padding: 0;} #primaryNavigation div.content > ul > li > a { text-decoration: none; } #primaryNavigation div.content > ul > li > a::after { content: ''; opacity: 0; display: block; width: 100%; height: 4px; overflow: hidden; background: #048689; position: absolute; bottom: -4px; z-index: 130; transition: opacity 400ms ease; } #primaryNavigation div.content > ul > li.active > a::after { opacity: 1; } #primaryNavigation div.content > ul > li.current > a::after { background: #05a7ab; opacity: 1; transition: none; } #primaryNavigation li.node_id_1033 > a span { display: block; width: 65px; } #primaryNavigation li.node_id_1034 > a span { display: block; width: 83px; } #primaryNavigation li.node_id_23 > a span { display: block; width: 91px; } #primaryNavigation li.node_id_1118 > a span { display: block; width: 80px; } #primaryNavigation li.node_id_1039 > a span { display: block; width: 75px; } #primaryNavigation li.node_id_1040 > a span { display: block; width: 85px; } #primaryNavigation li.node_id_1041 > a span { display: block; width: 122px; } #primaryNavigation li.node_id_1042 > a span { display: block; width: 100px; } #primaryNavigation li.node_id_1033 > a { width: 107px; } #primaryNavigation li.node_id_1034 > a { width: 125px; } #primaryNavigation li.node_id_23 > a { width: 132px; } #primaryNavigation li.node_id_1118 > a { width: 121px; } #primaryNavigation li.node_id_1039 > a { width: 115px; } #primaryNavigation li.node_id_1040 > a { width: 125px; } #primaryNavigation li.node_id_1041 > a { width: 162px; } #primaryNavigation li.node_id_1042 > a { width: 104px; } #primaryNavigation div.dropdown { display: none; position: absolute; overflow: hidden; z-index: -1; width: 990px; background: #414545; /*box-shadow: 0 2px 30px rgba(0,0,0,0.4);*/ left: 0; padding-top: 0.5em; } #primaryNavigation div.dropdown div.menu { position: relative; width: 525px; padding: 10px 20px 20px 40px; height: auto; float: left; } #primaryNavigation div.dropdown ul { display: block; position: relative; width: 100%; height: auto; -webkit-column-fill: balance; -webkit-column-count: 2; -webkit-column-gap: 40px; -moz-column-count: 2; -moz-column-gap: 40px; column-count: 2; column-gap: 40px; } #primaryNavigation div.dropdown ul::after { content: ''; display: block; position: absolute; bottom: 2px; width: 100%; height: 3px; left: 0; background: #414545; z-index: 120; overflow: hidden; } #primaryNavigation div.dropdown li { width: 100%; height: 72px; display: inline-block; padding: 0; margin: 0; position: relative; } #primaryNavigation div.dropdown li a { color: #ffffff; font-size: 100%; text-transform: uppercase; white-space: normal; padding: 0; margin: 0; display: table; height: 70px; width: 100%;} #primaryNavigation div.dropdown li a span { border-bottom: 1px solid #505454; display: table-cell; vertical-align: middle; height: 70px; width: 100%; } #primaryNavigation div.dropdown a:hover { color: #05a7ab; text-decoration: none;} #primaryNavigation div.dropdown div.info { width: 465px; position: relative; float: left; padding: 2em 0; } #primaryNavigation div.dropdown div.info::after { content: ''; display: block; clear: both; } #primaryNavigation div.dropdown div.thumb { width: 170px; float: left; } #primaryNavigation div.dropdown div.thumb span { display: block; width: 164px; height: 164px; border: 1px solid #505454; border-radius: 200px; padding: 6px; overflow: hidden; } #primaryNavigation div.dropdown div.thumb span.thumb_wrap_inner { width: 150px; height: 150px; border: none; padding: 0; overflow: hidden; } #primaryNavigation div.dropdown div.thumb img { border-radius: 200px; transition: none; } #primaryNavigation div.dropdown div.text { padding: 0 2em 0 1em; width: 295px; float: right; } #primaryNavigation div.dropdown div.text h4 { font-size: 120%; color: #ffffff; margin: 0; } #primaryNavigation div.dropdown div.text p { font-size: 100%; color: #9da6a6; } #primaryNavigation div.dropdown div.text p strong { text-transform: uppercase; color: #05a7ab; } div.breadcrumb { text-transform: uppercase; font-size: 75%; } div.breadcrumb span.chevron { margin-left: 2px; font-size: 68.75%; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.breadcrumb > a, div.breadcrumb > span { margin-right: 5px; } div.breadcrumb span { vertical-align: middle; } div.breadcrumb span.path_delimiter { font-size: 150%; } div.breadcrumb a { color: #5e6464; } div.breadcrumb a:hover { text-decoration: none; } div.breadcrumb a[href="/"]::after { content: '\2302'; font-size: 160%; color: #05a7ab; vertical-align: middle; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.breadcrumb a[href="/"] span { display: none; } body.landingPage div.breadcrumb a, body.landingPage div.breadcrumb a[href="/"]::after { color: #ffffff; text-decoration: none; } #secondaryNavigation a { text-decoration: none; } #secondaryNavigation ul { list-style: none; margin: 0; border-top: 1px solid #cfcfcf; } #secondaryNavigation ul li { border: 1px solid #cfcfcf; border-top: none; padding: 0; margin: 0; } #secondaryNavigation ul li a { color: #5e6464; display: block; padding: 1em; } #secondaryNavigation ul li > span.currentbranch1 a, #secondaryNavigation ul li > span.currentbranch0 a, #secondaryNavigation ul li.open > a, #secondaryNavigation ul li.active > a { background: #f9f7f4; } #secondaryNavigation ul li.active > a { font-weight: 700; color: #05a7ab; } #secondaryNavigation ul li a:hover { color: #05a7ab; } #secondaryNavigation #rootMenuItem { display: none; } #secondaryNavigation ul ul { list-style: none; border-top: none; padding: 0 0 1em 2.1em; font-size: 87.5%; } #secondaryNavigation ul li.open ul, #secondaryNavigation ul li.active ul { background: #f9f7f4; } #secondaryNavigation ul ul li { border: none; color: #05a7ab; padding: 0.3em 0; } #secondaryNavigation ul ul ul { padding: 1em 0 1em 2.1em; font-size: 100%; } #secondaryNavigation ul ul li a { display: inline; padding: 0; } #secondaryNavigation ul ul li a:hover { background: none; color: #05a7ab; } #secondaryNavigation ul ul li.active > a { color: #05a7ab; background: transparent; } #secondaryNavigation ul ul ul { border: none; padding-left: 1em; } #pageSideContent { margin-top: 30px; } div.embededNavigation { margin: 30px 0 15px 0; } div.embededNavigation h3 { font-weight: 700; font-size: 113%; } div.embededNavigation ul { list-style-position: outside; } div.embededNavigation li { color: #05a7ab; padding: 0; margin: 0.3em 0 0.3em 1.1em; } div.embededNavigation a { color: #5e6464; } div.embededNavigationWrapper div.columnOne.ofThree { padding-right: 0; } div.embededNavigationWrapper div.columnTwo.ofThree { padding-right: 0; } div.threeVignettes { margin: 30px auto; } div.threeVignettes div.item { width: 33.33%; height: 220px; float: left; margin: 0 0 1.875em 0;} div.threeVignettes div.item h3 { position: absolute; bottom: 14%; margin: 0; background: #a34a88; color: #ffffff; width: 100%; left: 0; text-align: center; font-size: 100%; font-weight: 400; font-style: italic; padding: 0.5em 0; } div.threeVignettes div.itemWrapper { display: inline-block; position: relative; } div.threeVignettes div.item.col1 { text-align: left; padding: 0 4% 0 0; } div.threeVignettes div.item.col2 { text-align: center; padding: 0 2%; } div.threeVignettes div.item.col3 { text-align: right; padding: 0 0 0 4%; } div.threeVignettes div.item.col1 h3 { background: #a34a88; } div.threeVignettes div.item.col2 h3 { background: #8e3874; } div.threeVignettes div.item.col3 h3 { background: #7d306f; } span.image.roundel, span.image.vignette { border: 1px solid #cfcfcf; border-radius: 100%; display: block; margin: 0 auto; } span.image.roundel span.imageWrapper, span.image.vignette span.imageWrapper { border-radius: 100%; display: block; margin: 5px; overflow: hidden; } span.image.roundel, span.image.vignette img { border-radius: 100%; display: block; width: 100%; max-width: 200px; } article { padding: 0 0 0.8em 0; } article figure, figure { float: left; width: 200px; margin: 0 50px 50px 0; } article figure.right, figure.right { float: right; margin: 0 2px 50px 50px; } figure figcaption { color: #98a2a2; font-size: 87.5%; text-align: center; display: block; margin-top: 1em; } figure span.image.roundel, figure span.image.vignette { width: 202px; display: block; } figure span.image.roundel span.imageWrapper, figure span.image.vignette span.imageWrapper, figure span.image.roundel img, figure span.image.vignette img { width: 190px; } div.accordion { margin: 1.875em 0; } div.accordion > h4 { border-bottom: 1px solid #cfcfcf; position: relative; margin: 0; padding: .9em 2em .9em 1em; cursor: pointer; } div.accordion > h4:after { content: '+'; position: absolute; top: 50%; right: 16px; margin-top: -16px; font-size: 140%; font-weight: 900; } div.accordion > h4.open:after { content: '–'; } div.accordion > h4:first-child, div.accordion > h4.open + div + h4 { border-top: 1px solid #cfcfcf; } div.accordion > div { margin: 0 !important; padding: 1.2em 1em 0 1em; } div.videoYoutube { margin-bottom: 45px; } div.videoYoutubeWrapper { display: table; width: 100%; } div.videoYoutube div.video { width: 69%; display: table-cell; vertical-align: middle; background: #000000; } div.videoYoutube div.video div.videoWrapper { position: relative; padding-bottom: 75% /*4:3 aspect ratio*/; height: 0; overflow: hidden; } div.videoYoutube div.video iframe, div.videoYoutube div.video object, div.videoYoutube div.video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div.videoYoutube div.info { width: 31%; display: table-cell; vertical-align: top; background: #05a7ab; color: #ffffff; padding: 0 1em; } div.videoYoutube div.info h3 { color: #ffffff; margin: 0.6em 0; } div.videoYoutube div.info p { color: #ffffff; margin: 0.6em 0; } div.videoYoutube div.info a { color: #ffffff; text-decoration: none; font-weight: 900; font-size: 110%; } div.videoYoutube.videotabs { margin-bottom: 10px; } div.videoYoutube.videotabs div.info { padding: 1em; } div.videoYoutube.videotabs a.videoLink { display: none; clear: both; overflow: hidden; border-top: 1px solid #0a8e91; padding: 10px 0; font-size: 87.50%; font-weight: 400; } div.videoYoutube.videotabs a.videoLink.visible { display: table; } div.videoYoutube.videotabs a.videoLink:first-child { border-top: none; padding-top: 0; } div.videoYoutube.videotabs a.videoLink.active { font-weight: 900; } div.videoYoutube.videotabs a.videoLink:hover {} div.videoYoutube.videotabs span.videoThumb { float: left; position: relative; width: 72px; height: 55px; } div.videoYoutube.videotabs span.videoThumb img { border: 2px solid #6ddee0; } div.videoYoutube.videotabs span.videoThumb::before { background-image: radial-gradient( circle at top left, #fff, transparent 50% ); opacity: .5; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } div.videoYoutube.videotabs a.videoLink.active span.videoThumb::before { background-image: radial-gradient( circle at top left, #d7edf9, transparent 60% ); opacity: .6; } div.videoYoutube.videotabs a.videoLink.active span.videoThumb::after { content: '\25b9'; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; font-family: 'icomoon'; font-size: 150%; line-height: 58px; text-align: center; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.videoYoutube.videotabs a.videoLink.active span.videoThumb img { border-color: #fff; opacity: .5; } div.videoYoutube.videotabs a.videoLink:hover span.videoThumb img { border-color: #fff; } div.videoYoutube.videotabs span.videoTitle { display: block; padding-left: 13px; width: 125px; text-transform: capitalize; margin-left: 76px; height: 57px; overflow: hidden; line-height: 1.4; } #footerInfo { background: #015788; padding: 93px 0 100px; } #footerInfoWrapper { max-width: 990px; margin: 0 auto; } #footerInfo h3 { color: #ffffff; text-transform: uppercase; margin: 0; font-weight: 900; } #footerInfo p { color: #ffffff; margin: 0.9em 0; } #footerInfo p.fundsLogoWrapper { width: 214px; } #footerInfo a { color: #ffffff; text-decoration: none; } #footerInfo div.columnOne { width: 27.5%; margin-right: 0; margin-left: 0; } #footerInfo div.columnTwo { width: 34.5%; margin-left: 3.5%; border-left: 1px solid #094b70; border-right: 1px solid #094b70; padding-left: 3em; padding-right: 3em; } #footerInfo p.minimap { max-width: 310px; margin-bottom: 0; } #footerInfo p.minimap img { border: 3px solid #fff; } p.contactIcons a { display: block; margin: 0.5em 0; text-transform: uppercase; vertical-align: top; font-weight: 900; font-size: 87.5%; } p.contactIcons a::before { display: inline-block; background: #094b70; width: 1.5em; height: 1.5em; border-radius: 100%; margin-right: 0.5em; text-align: center; line-height: 175%; transition: background-color 400ms ease; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p.contactIcons a:hover::before { background: #ffffff; color: #094b70;} p.contactIcons a.pin::before { content: '\e6d0'; } p.contactIcons a.email::before { content: '\2709'; } p.socialIcons a { display: inline-block; background: #094b70; width: 2.5em; height: 2.5em; border-radius: 100%; margin-right: 0.5em; text-align: center; line-height: 300%; transition: background-color 400ms ease; } p.socialIcons a:last-child { margin-right: 0; } p.socialIcons a:hover { background: #ffffff; } p.socialIcons a:hover::before { color: #094b70; } p.socialIcons a span { display: none; } p.socialIcons a::before { font-size: 160%; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p.socialIcons a.twitter::before { content: '\f611'; } p.socialIcons a.facebook::before { content: '\f610'; } p.socialIcons a.youtube::before { content: '\f630'; } p.socialIcons a.linkedin::before { content: '\f612'; } p.socialIcons a.rss::before { content: '\e310'; } p.socialIcons a.pinterest::before { content: '\f650'; } #copyright { float: none; text-align: center; font-size: 113%; white-space: normal;} #copyright p { margin: 2em 0; } #footerNavigation { background: #414545; text-align: center; padding: 2em 0; } #footerNavigation a { font-weight: 900; color: #ffffff; display: inline-block; text-transform: uppercase; margin: 0; padding: 0; } #footerNavigation a:hover { text-decoration: none; } #footerNavigation a::after { content: '•'; color: #5e6464; display: inline-block; margin: 0 0.5em; } #footerNavigation ul { padding: 0; margin: 0; } #footerNavigation li { display: inline-block; margin: 0; } #footerNavigation li.last a::after { display: none; } /*#footerNavigation li.last a { color: #9ccf00; }*/ div.imageGallery div.controls { text-align: center; } div.imageGallery div.controls > a { color: #ffffff; text-decoration: none; width: 30px; text-align: center; overflow: hidden; padding: 0; margin: 0; } div.imageGallery div.controls > a:hover { color: #05a7ab; } div.imageGallery div.controls > a span { font-size: 140%; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.imageGallery div.controls > a.next { margin-top: 1em; } div.imageGallery div.controls div.pagination { width: 30px; margin: 0; padding: 0; display: inline; } div.imageGallery div.controls div.pagination a { color: #ffffff; font-size: 100%; line-height: 0; overflow: hidden; width: 30px; text-align: center; margin: 0; padding: 0.5em 0; cursor: pointer; } div.imageGallery div.controls div.pagination a:hover { color: #027f8e; border: none; text-decoration: none; } div.imageGallery div.controls div.pagination a.active { color: #05a7ab; border: none; } div.imageGallery div.controls div.pagination a span { font-size: 200%; } div.imageGallery div.controls.whitebg > a, div.imageGallery div.controls.whitebg div.pagination a { color: #b5bfbf; } div.imageGallery div.controls.whitebg > a:hover { color: #05a7ab; } div.imageGallery div.controls.whitebg div.pagination a:hover { color: #027f8e; } div.imageGallery div.controls.whitebg div.pagination a.active { color: #05a7ab; } div.imageGallery.combined { position: relative; margin-bottom: 120px; visibility: hidden; height: 600px; } div.imageGallery.combined .item { width: 100%; display: none; } div.imageGallery.combined .item:first-child { display: block; } div.imageGallery.combined .item img { width: 100%; } div.imageGallery.combined div.controls { position: absolute; top: 40%; right: 20px; z-index: 120; } div.imageGallery.combined div.controls div.pagination, div.imageGallery.combined div.controls div.pagination a { display: block; } div.imageGallery.combined div.caption { position: absolute; bottom: -20px; width: 100%; z-index: 110; } div.imageGallery.combined div.caption .captionWrapper { width: 100%; max-width: 1000px; margin: 0 auto; display: block; text-decoration: none; } div.imageGallery.combined div.caption h2 { color: #ffffff; font-size: 225%; font-weight: 400; padding: 0.7em 1em; margin: 0; float: left; position: relative; top: 10px; clear: both;} div.imageGallery.combined div.caption h2 { background: #88c500; background: -moz-linear-gradient(left, #afd800 0%, #88c500 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#afd800), color-stop(100%,#88c500)); background: -webkit-linear-gradient(left, #afd800 0%,#88c500 100%); background: -o-linear-gradient(left, #afd800 0%,#88c500 100%); background: -ms-linear-gradient(left, #afd800 0%,#88c500 100%); background: linear-gradient(to right, #afd800 0%,#88c500 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd800', endColorstr='#88c500',GradientType=1 ); } div.imageGallery.combined div.caption h2:after { content: ''; display: block; position: absolute; left: 0; bottom: -24px; width: 0; height: 0; border-style: solid; border-width: 0 24px 24px 0; border-color: transparent #588d13 transparent transparent; } div.imageGallery.combined div.caption div.description { background: rgba(87, 90, 92, 0.95); padding: 1.8em 2em 0 2em; float: left; color: #ffffff; width: 535px; margin: 0 0 0 24px; clear: left;} div.imageGallery.combined div.caption div.content { background: rgba(87, 90, 92, 0.95); padding: 0 2em 0 2em; float: left; color: #ffffff; width: 535px; margin: 0 0 0 24px; clear: both;} div.imageGallery.combined div.caption div.content p { font-weight: 900; font-size: 125%; margin-top: 0.5em; text-transform: uppercase; color: #ffffff; } div.imageGallery.combined div.caption div.content p::after { content: ' \25bb'; margin-left: -2px; color: #9CCF00; font-size: 87.5%; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } div.imageGallery.combined div.caption div.content p:hover {color: #9CCF00; } div.imageGallery.horizontal { position: relative; margin-bottom: 100px; } div.imageGallery.horizontal div.item { width: 100%; display: none; overflow: hidden; } div.imageGallery.horizontal div.item:first-child { display: block; } div.imageGallery.horizontal div.item span.image { position: relative; display: block; } div.imageGallery.horizontal div.item span.image::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.62) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.62)), color-stop(20%,rgba(0,0,0,0.62)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.62) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.62) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.62) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.62) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } div.imageGallery.horizontal div.item img { width: 130%; margin-left: -15%; max-width: 130%; } div.imageGallery.horizontal div.controls { width: 100%; position: absolute; bottom: 10px; left: 0; z-index: 120; } div.imageGallery.horizontal div.controls > a span { font-size: 120%; vertical-align: initial; } div.imageGallery.horizontal div.controls div.pagination a span { font-size: 200%; } div.imageGallery.horizontal div.caption { position: absolute; right: 50%; bottom: 50px; z-index: 110; } div.imageGallery.horizontal div.caption .captionWrapper { max-width: 500px; margin: 0; float: left; position: relative; display: block; text-decoration: none;} div.imageGallery.horizontal div.caption p.label { display: none; color: #ffffff; font-size: 70%; text-transform: uppercase; background: #05a7ab; padding: 6px 16px; margin: 0 0 20px 0; } div.imageGallery.horizontal div.caption p.label.nonEmpty { display: inline-block; } div.imageGallery.horizontal div.caption h2 { font-size: 300%; color: #ffffff; padding: 0; margin: 0 0 20px 0; font-weight: 700; } div.imageGallery.horizontal div.caption p { color: #ffffff; } div.imageGallery.horizontal.titleOnly div.item img { width: 100%; margin-left: 0; max-width: 100%; } div.imageGallery.horizontal.titleOnly div.caption { position: absolute; right: 50%; bottom: 50px; z-index: 110; } div.imageGallery.horizontal.titleOnly div.caption h2 { max-width: 500px; color: #ffffff; font-size: 300%; font-weight: 400; padding: 0.7em 1em; margin: 0; float: left; position: relative; } div.imageGallery.horizontal.titleOnly div.caption h2 { background: #027f8e; background: -moz-linear-gradient(left, #05a7ab 0%, #027f8e 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#05a7ab), color-stop(100%,#027f8e)); background: -webkit-linear-gradient(left, #05a7ab 0%,#027f8e 100%); background: -o-linear-gradient(left, #05a7ab 0%,#027f8e 100%); background: -ms-linear-gradient(left, #05a7ab 0%,#027f8e 100%); background: linear-gradient(to right, #05a7ab 0%,#027f8e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05a7ab', endColorstr='#027f8e',GradientType=1 ); } div.imageGallery.horizontal.titleOnly div.caption h2:after { content: ''; display: block; position: absolute; left: 0; bottom: -15px; width: 0; height: 0; border-style: solid; border-width: 0 25px 15px 0; border-color: transparent #056a78 transparent transparent; } div.imageGallery.plain { max-width: 1000px; margin: 0 auto; } div.imageGallery.plain div.item { float: left; } div.imageGallery.plain.features { margin: 4em auto 5em auto; } div.imageGallery.plain.features div.item { width: 25%; } div.imageGallery.plain.features div.itemWrapper { position: relative; } div.imageGallery.plain.features h3 { font-size: 100%; font-weight: 400; color: #05a7ab; position: absolute; z-index: 2; bottom: 0; text-align: center; width: 100%; min-height: 34px; } div.imageGallery.plain.features h3 span { display: inline-block; width: 160px; margin: 0 auto; } div.imageGallery.plain.features p { text-align: center; } div.imageGallery.plain.features .imageWrapper { position: relative; display: block; } div.imageGallery.plain.features .imageWrapper > img.hover { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 300ms ease; } div.imageGallery.plain.features .itemWrapper:hover img.hover { opacity: 1; } div.imageGallery.plain.features .controls { display: none; } div.imageGallery.lightbox { width: 100%; } div.imageGallery.lightbox div.item { width: 20.1%; float: left; padding: 0 0 4px 4px; position: relative; } div.imageGallery.lightbox div.item a { overflow: hidden; display: block; } div.imageGallery.lightbox div.item img { transition: opacity 300ms ease, transform 500ms ease; -webkit-backface-visibility: hidden; } div.imageGallery.lightbox div.item:hover img { opacity: 0.6; transform: scale(1.2, 1.2); transform-origin: 50% 50%; } div.imageGallery.lightbox div.item.main { width: 39.7%; padding: 0; } div.imageGallery.lightbox div.item::after { content: '\1f304'; position: absolute; display: block; bottom: 0.3em; right: 0.3em; color: #ffffff; font-size: 180%; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.imageGallery.lightbox div.item::after { pointer-events: none; } div.imageGallery.lightbox div.item.video::after { content: '\1f4f9';} div.imageGallery.lightbox div.more { text-align: right; text-transform: uppercase; font-weight: 800; padding: 1em 0; clear: both; } div.imageGallery.lightbox div.more a { text-transform: uppercase; font-weight: 800; vertical-align: middle; } div.imageGallery.lightbox div.more a::after { content: ' \25bb'; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } div.imageGallery.lightbox div.more a:hover { text-decoration: none; } div.imageGallery.overlap div.item.image { overflow: hidden; background: #a0a0a0; } div.imageGallery.overlap div.item.article { max-width: 990px; margin: 100px auto; } div.imageGallery.overlap div.item.article article { display: table; vertical-align: middle; padding: 0; } div.imageGallery.overlap div.item.article figure { width: 50%; display: table-cell; vertical-align: middle; text-align: center; margin: 0; float: none; } div.imageGallery.overlap div.item.article div.text { width: 50%; display: table-cell; vertical-align: middle; } div.imageGallery.overlap div.item.article div.text h3 { color: #05a7ab; font-variant: small-caps; font-size: 230%; margin: 0 0 0.8em; line-height: 1.1; font-weight: 900; } div.imageGallery.overlap div.item.article div.text p { margin: 1em 0; } div.imageGallery.background div.item { position: relative; background: #000000; overflow: hidden; } div.imageGallery.background div.item.left div.columnWrapper {width: 50%; float: left;} div.imageGallery.background div.item.right div.columnWrapper {width: 50%; float: right;} div.imageGallery.background div.item span.image { width: 100%; opacity: 0.3; transition: opacity 400ms ease; position: absolute; top: 0; z-index: 10;} div.imageGallery.background div.item span.image img { width: 100%; } div.imageGallery.background div.item:hover span.image { opacity: 0.7; } div.imageGallery.background div.item div.columnLayout { max-width: 990px; margin: 0 auto; position: relative; z-index: 20;} div.imageGallery.background div.item div.columnWrapper { display: table; width: 100%; } div.imageGallery.background div.item div.columnWrapper div.text { display: table-cell; float: none; width: 50%; vertical-align: middle; padding: 95px 0; }div.imageGallery.background div.item h3 { color: #ffffff; text-transform: uppercase; font-size: 200%; margin-top: 0; line-height: 1.2; } div.imageGallery.background div.item div.full { display: none; } div.imageGallery.background div.item div.intro { display: block; } div.imageGallery.background div.item div.intro p::after { content: '...'; } div.imageGallery.background div.item p {color: #ffffff; } div.imageGallery.background div.item div.more { margin-top: 1em; } div.imageGallery.background div.item div.more a { color: #ffffff; text-transform: uppercase; font-weight: 700; } div.imageGallery.background div.item.expanded p { display: block; } div.imageGallery.background div.item.expanded div.intro p::after { content: ''; } div.imageGallery.background div.item.expanded div.more a::after { content: 'Read less -'; } div.imageGallery.background div.item.expanded div.more a span { display: none; } div.imageGallery.flipbook { background: #222222; overflow: hidden;} div.imageGallery.flipbook div.item { width: 25%; float: left; overflow: hidden; transition: width 300ms ease; } div.imageGallery.flipbook div.item span.imageWrapper { display: block; width: 100%; overflow: hidden; position: relative; } div.imageGallery.flipbook div.item img { width: 200%; max-width: none; display: block; margin-left: -50%; transition: all 300ms ease; } div.imageGallery.flipbook div.item span.imageWrapper iframe { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; } div.imageGallery.flipbook div.item.active { width: 50%; } div.imageGallery.flipbook div.item.active img { width: 100%; margin-left: 0; opacity: 0.4; } div.imageGallery.flipbook div.item a { position: relative; display: block; cursor: default; } div.imageGallery.flipbook div.item.active a { cursor: pointer; } div.imageGallery.flipbook div.item .caption { opacity: 0; } div.imageGallery.flipbook div.item.active .caption { opacity: 1; } div.imageGallery.flipbook div.item .caption span { position: absolute; color: #ffffff; width: 200%; left: -50%; text-align: center; } div.imageGallery.flipbook div.item .caption .author { font-size: 162.5%; top: 15%;} div.imageGallery.flipbook div.item .caption .heading { font-size: 375%; top: 20%; } div.imageGallery.flipbook div.item .caption .subtitle { font-size: 150%; top: 77%; } div.imageGallery.flipbook div.item .caption::after { padding-left: 9px; content: ' \25b9'; display: block; width: 110px; height: 110px; position: absolute; margin-left: -55px; transition: color 300ms ease; background: rgba(0,0,0,0.7); border: 3px solid #ffffff; border-radius: 120px; left: 50%; top: 45%; color: #ffffff; line-height: 110px; font-size: 60px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; text-align: center; } div.imageGallery.flipbook div.item.active:hover .caption::after { color: #05a7ab; } div.imageGallery.flipbook div.controls { display: none; } div.footerNews { background: #49b0c6; color: #ffffff; padding: 100px 0; margin: 0; } div.footerNewsWrapper { max-width: 990px; margin: 0 auto; } div.footerNews div.newsItem .newsWrapper { margin-bottom: -1em; } div.footerNews div.newsItem h4 { margin: 1em 0; color: #ffffff; text-transform: none; } div.footerNews div.newsItem p { margin: 1em 0; padding: 0; color: #ffffff; } div.footerNews div.newsItem p.date { margin-top: 0; text-transform: uppercase; letter-spacing: 0.1em; font-size: 87.5%; } div.footerNews div.newsItem a { color: #ffffff; text-decoration: none; text-transform: uppercase; font-weight: 900; } div.footerNews div.newsItem a:hover { text-decoration: underline; } div.footerNews div.controls { display: none; } div.ctaBanner { width: 100%; } div.ctaBannerWrapper { width: 100%; display: table; } div.ctaBanner div.image { width: 70%; display: table-cell; vertical-align: top;} div.ctaBanner div.image img { display: block; width: 100%; } div.ctaBanner div.text { width: 30%; display: table-cell; background: #05a7ab; color: #ffffff; vertical-align: top; position: relative;} div.ctaBanner div.text ul { padding: 0.5em 1em; margin: 0; list-style: disc; } div.ctaBanner div.text li { border-bottom: 1px dashed #0a8e91; padding: 0.7em 0; margin: 0; list-style-position: inside; } div.ctaBanner div.text li:last-child { border: none; } div.ctaBanner div.text a { color: #ffffff; } div.ctaBanner div.text a.ctaButton { background: #9ccf00; display: block; font-weight: 900; text-transform: uppercase; padding: 1em 2em; position: absolute; bottom: 10px; left: -10px; vertical-align: middle;} div.ctaBanner div.text a.ctaButton::before { content: '\2713'; font-size: 150%; line-height: 14px; margin-right: 10px; vertical-align: middle; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.ctaBanner div.text a.ctaButton:hover { background: #7db900; text-decoration: none; } #campusMapBanner { position: relative; margin-bottom: 30px; } #campusMapBanner::before { content: ''; display: block; position: absolute; top: 0; right: 0; width: 26px; height: 26px; border-width: 0 26px 26px 0; border-style: solid; border-color: #6ddee0 #fff; z-index: 15; } #campusMapBanner h3 { padding: 0; margin: 0; color: #ffffff; font-size: 113%; position: absolute; top: 14px; left: 16px; z-index: 10; pointer-events: none; } #campusMapBanner a { color: #ffffff; background: #05a7ab; display: block; padding: 0; text-transform: uppercase; font-weight: 900; font-size: 90%; } #campusMapBanner a:hover { text-decoration: none; } #campusMapBanner a span.map { overflow: hidden; display: block; position: relative; z-index: 5; } #campusMapBanner a span.link { padding: 10px 0 10px 16px; display: block; } #campusMapBanner a span.link::after { content: '\25bb'; float: right; margin: 5px 12px 0 0; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } #campusMapBanner a img { transition: all 1000ms ease; transform: scale(1.01, 1.01); transform-origin: 50% 50%; -webkit-backface-visibility: hidden; display: block; } #campusMapBanner a:hover img { transform: scale(1.6, 1.6); } #eventsWidget { background: #e16d2d; color: #ffffff; position: relative; padding-bottom: 40px; } #eventsWidget::before { content: ''; display: block; position: absolute; top: 0; right: 0; width: 26px; height: 26px; border-width: 0 26px 26px 0; border-style: solid; border-color: #fc965e #fff; z-index: 15; } #eventsWidget h3 { color: #ffffff; margin: 0; padding: 15px 16px 5px; font-size: 113%; } #eventsWidget div.item { margin: 18px auto; display: table; width: 95%; line-height: 1.2; } #eventsWidget div.item div.date { display: table-cell; width: 50px; text-align: center; vertical-align: top; } #eventsWidget div.item div.date span.month { text-transform: uppercase; line-height: 10px; font-size: 90%; font-weight: 900; } #eventsWidget div.item div.date span.day { font-size: 36px; line-height: 28px; font-weight: 900; width: 50px; display: block; text-align: center; } #eventsWidget div.item div.name { display: table-cell; width: auto; padding-left: 10px; vertical-align: top; } #eventsWidget a { color: #ffffff; } #eventsWidget a.more { padding: 10px 0 10px 16px; position: absolute; width: 100%; bottom: 0; color: #ffffff; background: #cf652a; display: block; text-transform: uppercase; font-weight: 800; font-size: 90%; } #eventsWidget a.more:hover { text-decoration: none; } #eventsWidget a.more::after { content: '\25bb'; float: right; margin: 5px 12px 0 0; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } .collegePage.fullWidth div.pageButtons { margin-top: -100px; } div.pageButtons .pageButtonsWrapper { max-width: 1000px; margin: 0 auto; text-align: center; } div.pageButtons ul { list-style: none; padding: 0; margin: 0; } div.pageButtons li { display: inline-block; width: 30%; margin: 30px 1.5%; } div#pageRightColumnWrapper div.pageButtons .pageButtonsWrapper { max-width: 1000px; margin: 0 auto; text-align: center; } div#pageRightColumnWrapper div.pageButtons ul { list-style: none; padding: 0; margin: 0px 0px 30px 0px; } div#pageRightColumnWrapper div.pageButtons li { display: inline-block; width: 100%; margin: 0px 2px 3px 0px; } div.pageButtons a { display: block; padding: 1.2em 0; background: #49b0c6; font-weight: 900; color: #ffffff; text-transform: uppercase; } #secondaryNavigation div.pageButtons { border: none; } #secondaryNavigation div.pageButtons ul { border: none; } #secondaryNavigation div.pageButtons ul li { border: none; margin: 5px 0 0; } #secondaryNavigation div.pageButtons ul li a { color: #ffffff; } div.pageButtons a.howToApply { background: #9ccf00; } div.pageButtons a:hover { background: #027f8e; text-decoration: none; } div.pageButtons a.howToApply:hover { background: #7db900; } div.pageButtons a::before { content: '\2713'; font-size: 150%; line-height: 14px; margin-right: 10px; vertical-align: middle; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.pageButtons a.findCourse::before { content: '\e967'; } div.pageButtons a.researchInfo::before { content: '\2139'; } div.pageButtons a.sharePage::before { content: '\e603'; } div.pageButtons a.printPage::before { content: '\e604'; } div.pageButtons { border-bottom: 1px solid #cfcfcf; } body.courseDetailPage div.pageButtons { clear: left; float: left; width: 225px; margin-bottom: 2em; } body.courseDetailPage div.pageButtons li { display: block; width: auto; margin: 5px 0 0; } body.courseDetailPage div.pageButtons li:first-child { margin-top: 0; } body.newsPage div.pageButtons { clear: left; width: 225px; margin-bottom: 2em; } body.newsPage div.pageButtons li { display: block; width: auto; margin: 5px 0 0; } body.newsPage div.pageButtons li:first-child { margin-top: 0; } #collegeIconNavigation { max-width: 990px; margin: 0 auto; margin-bottom: 50px;} #collegeIconNavigation ul { list-style: none; padding: 0; margin: 0; text-align: center; } #collegeIconNavigation ul::after { content: ''; clear: both; display: block; } #collegeIconNavigation li { display: inline-block; width: 31%; margin: 0 1%; border-bottom: 1px solid #dddddd; position: relative; } #collegeIconNavigation li.item2 { margin-left: 2%; margin-right: 2%; } #collegeIconNavigation a { display: block; width: 90%; height: 170px; margin: 0 5%; padding-top: 116px; text-align: center; } #collegeIconNavigation a:hover { text-decoration: none; } #collegeIconNavigation li a.school_icon::before { content: ''; display: block; width: 70px; height: 70px; position: absolute; top: 30px; left: 50%; margin-left: -35px; background-size: 70px 140px; } /* school_icon used on #collegeIconNavigation and #schoolNavigation */ .school_icon::before, .school_icon.generic::before { background-image: url('../images/nuig_icons_generic.png');} .school_icon.archaeology_geology::before { background-image: url('../images/nuig_icons_archaeology_geology.png');} .school_icon.archaeology_geology2::before { background-image: url('../images/nuig_icons_archaeology_geology_v2.png');} .school_icon.business_economics::before { background-image: url('../images/nuig_icons_business_economics.png');} .school_icon.chemistry::before { background-image: url('../images/nuig_icons_chemistry.png');} .school_icon.education::before { background-image: url('../images/nuig_icons_education.png');} .school_icon.health_sciences::before { background-image: url('../images/nuig_icons_health_sciences.png');} .school_icon.humanities::before { background-image: url('../images/nuig_icons_humanities.png');} .school_icon.languages_literatures_cultures::before { background-image: url('../images/nuig_icons_languages_literatures_cultures.png');} .school_icon.law::before { background-image: url('../images/nuig_icons_law.png');} .school_icon.mathematics::before { background-image: url('../images/nuig_icons_mathematics_v2.png');} .school_icon.medicine::before { background-image: url('../images/nuig_icons_medicine.png');} .school_icon.natural_sciences::before { background-image: url('../images/nuig_icons_natural_sciences.png');} .school_icon.nursing_midwifery::before { background-image: url('../images/nuig_icons_nursing_midwifery.png');} .school_icon.physics::before { background-image: url('../images/nuig_icons_physics.png');} .school_icon.political_science_sociology::before { background-image: url('../images/nuig_icons_political_science_sociology.png');} .school_icon.psychology::before { background-image: url('../images/nuig_icons_psychology.png');} .school_icon.heart::before { background-image: url('../images/nuig_icons_heart.png');} .school_icon.nurse::before { background-image: url('../images/nuig_icons_nurse.png');} .school_icon.calculator::before { background-image: url('../images/nuig_icons_mathematics.png');} .school_icon.shannon::before { background-image: url('../images/nuig_icons_shannon.png');} #collegeIconNavigation li.item.open { background: #05a7ab; margin-bottom: 24px; } body.larger #collegeIconNavigation li.item.open { margin-bottom: 29px; } #collegeIconNavigation li.item::before { content: ''; position: absolute; background: #05a7ab; top: 0; bottom: 0; left: 0; width: 0; z-index: -1; transition: width 250ms ease; } #collegeIconNavigation li.item:hover::before { width: 100%; } #collegeIconNavigation li:hover a, #collegeIconNavigation ul > li.open a { color: #ffffff; } #collegeIconNavigation li:hover a::before, #collegeIconNavigation li.item.open a::before { background-position: 0 -70px; } #collegeIconNavigation li.item.open .disciplines-list { position: absolute; z-index: 5; background: #05a7ab; width: 100%; } #collegeIconNavigation span.disciplines { display: block; text-align: center; text-transform: uppercase; color: #ffffff; font-size: 75%; padding-bottom: 5px; cursor: pointer; } #collegeIconNavigation span.disciplines::after { content: ' \f501'; vertical-align: middle; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #collegeIconNavigation li.item.open span.disciplines::after { content: ' \f500'; } #collegeIconNavigation ul ul { display: none; padding: 1em 0; } #collegeIconNavigation ul ul li { display: block; width: 100%; border: none; text-align: center; } #collegeIconNavigation ul ul li a { height: auto; padding: 0; font-size: 87.5%; line-height: 1.7; } #collegeIconNavigation ul ul li a:hover { text-decoration: underline;} #collegeIconNavigation ul ul li a::before { display: none; } #collegeIconNavigationSingle { background: #05a7ab; color: #ffffff; padding: 100px 0; margin: 100px 0; } #collegeIconNavigationSingleWrapper { max-width: 990px; margin: 0 auto; margin-bottom: 50px;} #collegeIconNavigationSingle div.discipline-image { float: left; width: 50%; position: relative;} #collegeIconNavigationSingle div.discipline-image img { border: 10px solid #ffffff; box-shadow: 1px 1px 3px rgba(0,0,0,0.3); } #collegeIconNavigationSingle div.discipline-image span.caption { position: absolute; top: 48%; left: 0; width: 100%; display: block; text-align: center; font-size: 140%; font-weight: 600; } #collegeIconNavigationSingle div.discipline-list { float: left; width: 50%; padding-left: 16px; } #collegeIconNavigationSingle h3 { font-size: 140%; max-width: 420px; height: 70px; vertical-align: middle; line-height: 1.3; background: url('../images/college_page-single-icon1.png') no-repeat; background-size: 70px 70px; color: #ffffff; font-weight: 800; margin: 0 0 28px 0; padding: 10px 0 0 90px; } #collegeIconNavigationSingle ul { list-style: none; margin: 0; padding: 0; } #collegeIconNavigationSingle ul li { display: block; float: left; width: 45%; height: 76px; margin: 0 5% 0 0; padding: 0; } #collegeIconNavigationSingle ul li a { display: table; color: #ffffff; width: 100%; height: 76px; border-bottom: 1px solid #038b97; } #collegeIconNavigationSingle ul li a:hover { background: #44b9bc; text-decoration: none; } #collegeIconNavigationSingle ul li a span { display: table-cell; vertical-align: middle; height: 100%; padding: 0 8%;} #schoolNavigation { max-width: 990px; margin: 100px auto; text-align: center; } #schoolNavigation h1.school_icon { margin-bottom: 30px; } #schoolNavigation h1.school_icon::before { content: ''; display: block; width: 70px; height: 70px; background-size: 70px 140px; margin: 0 auto 30px auto; } #schoolNavigation h2 { position: relative; background: #ffffff; font-size: 112%; width: 80%; margin: 40px auto 0 auto; } #schoolNavigation h2 a { background: #ffffff; position: relative; z-index: 10; padding: 0 8px; } #schoolNavigation h2 a:hover { text-decoration: none; } #schoolNavigation h2::before { content: ''; display: block; border-top: 1px solid #cfcfcf; position: absolute; width: 100%; top: 50%; z-index: 5; } #schoolNavigation ul { color: #05a7ab; text-align: left; width: 70%; margin: 45px auto 0 auto; -webkit-columns: 3; -moz-columns: 3; columns: 3; } #schoolNavigation ul { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } #schoolNavigation li { margin: 0 0 0 20px; padding: 0; line-height: 2; } #schoolDisciplinesNavigation { background: #05a7ab; color: #ffffff; margin: 100px auto; } #schoolDisciplinesNavigation #schoolDisciplinesNavigationWrapper { max-width: 990px; padding: 100px 0; margin: 0 auto; } #schoolDisciplinesNavigation h2 { color: #ffffff; text-align: center; font-size: 175%; font-weight: 700; margin: 0 0 60px 0; } #schoolDisciplinesNavigation a { color: #ffffff;} #schoolDisciplinesNavigation ul { list-style: none; margin: 0; padding: 0; display: block; width: 100%; } #schoolDisciplinesNavigation li { margin: 0 3% 0 0; padding: 0; display: table-row; float: left; height: 74px; border-bottom: 1px solid #16909c; width: 22.75%; } #schoolDisciplinesNavigation li:nth-child(4n) { margin: 0; } #schoolDisciplinesNavigation li a { display: table; width: 100%; height: 100%; vertical-align: middle; padding: 0 18px; } #schoolDisciplinesNavigation li a span { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } #schoolDisciplinesNavigation li a:hover { background: #44b9bc; text-decoration: none; } #collegePageButtonNavigation { max-width: 1000px; margin: 50px auto 100px auto; } #collegePageButtonNavigationWrapper::after { content: ''; display: block; clear: both; } #collegePageButtonNavigation h3 { display: none; } #collegePageButtonNavigation ul { list-style: none; margin: 0; padding: 0; } #collegePageButtonNavigation li { display: block; float: left; margin: 0; padding: 5px; width: 50%; } #collegePageButtonNavigation a { display: table; width: 100%; background: #f7f5f2; height: 80px; border-bottom: 1px solid #d9d9d8; } #collegePageButtonNavigation a span { display: table-cell; width: 100%; height: 80px; vertical-align: middle; text-align: center; position: relative; } #collegePageButtonNavigation a:hover { background: #05a7ab; color: #ffffff; text-decoration: none; } #collegePageButtonNavigation a span::after { content: '\25bb'; color: #ffffff; background: #05a7ab; display: block; width: 20px; height: 20px; line-height: 22px; text-align: center; text-indent: 1px; border-radius: 100%; position: absolute; right: 30px; top: 50%; margin-top: -10px; font-family: 'icomoon'; font-size: 14px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #collegePageButtonNavigation a:hover span::after { color: #05a7ab; background: #ffffff; } #collegePageWidgets { background: #c5e5eb; padding: 100px 0; } #collegePageWidgetsWrapper { max-width: 990px; margin: 0 auto; } #collegePageWidgets div.widget { background: #ffffff; position: relative; padding-bottom: 60px;} #collegePageWidgets div.featuresWidget.widget { padding-bottom: 30px; } #collegePageWidgets div.widget h3 { font-size: 175%; width: 160px; text-align: center; margin: 0 auto 20px auto; color: #ffffff; padding: 0.5em 0; position: relative; top: -8px; } #collegePageWidgets div.widget h3::before { content: ''; display: block; position: absolute; top: 0; left: -8px; border-width: 8px 8px 0 0; border-style: solid; } #collegePageWidgets div.widget h3::after { content: ''; display: block; position: absolute; top: 0; right: -8px; border-width: 0 8px 8px 0; border-style: solid; } #collegePageWidgets div.newsWidget h3 { background: #4bb3c8; } #collegePageWidgets div.eventsWidget h3 { background: #e16d2d; } #collegePageWidgets div.featuresWidget h3 { background: #a04885; } #collegePageWidgets div.newsWidget h3::before { border-color: #c5e5eb #2c889d;} #collegePageWidgets div.newsWidget h3::after { border-color: #2c889d #c5e5eb;} #collegePageWidgets div.eventsWidget h3::before { border-color: #c5e5eb #bf5920;} #collegePageWidgets div.eventsWidget h3::after { border-color: #bf5920 #c5e5eb;} #collegePageWidgets div.featuresWidget h3::before { border-color: #c5e5eb #7d306f;} #collegePageWidgets div.featuresWidget h3::after { border-color: #7d306f #c5e5eb;} #collegePageWidgets div.widget div.item { margin: 0.2em 1em; padding: 0.8em 0; border-bottom: 1px solid #e5e5e5; clear: both; overflow: hidden; } #collegePageWidgets div.widget div.item > a { color: #5e6464; } #collegePageWidgets div.widget div.item > a:hover { text-decoration: none; } #collegePageWidgets div.widget div.item:last-child { border-bottom: none; } #collegePageWidgets div.widget h4 { margin: 0; padding: 0; font-size: 100%; } #collegePageWidgets div.widget h4 a:hover { text-decoration: none; } #collegePageWidgets div.widget p { margin: 0; padding: 0; } #collegePageWidgets div.widget span.date { color: #05a7ab; font-weight: 700; } #collegePageWidgets div.eventsWidget span.date { display: block; } #collegePageWidgets div.widget span.image { display: block; float: left; border: 1px solid #e5e5e5; padding: 2px; margin: 0 12px 8px 0; } #collegePageWidgets div.widget span.imageWrapper { width: 56px; display: block; } #collegePageWidgets div.widget div.more a { padding: 10px 0 10px 16px; position: absolute; width: 100%; bottom: 0px; color: #ffffff; background: #cf652a; display: block; text-transform: uppercase; font-weight: 900; font-size: 90%; } #collegePageWidgets div.widget div.more a:hover { background: #bf5920; text-decoration: none; } #collegePageWidgets div.newsWidget div.more a { background: #4bb3c8; } #collegePageWidgets div.newsWidget div.more a:hover { background: #2c889d; } #collegePageWidgets div.widget div.more a::after { content: '\25bb'; float: right; margin: 5px 12px 0 0; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } div.tabsWrapper .tabsMenu { float: left; width: 225px; margin-bottom: 2em; } div.tabsWrapper .tabsMenu h3 { display: none; } div.tabsWrapper .tabsMenu a { display: block; padding: 1em; } div.tabsWrapper .tabsMenu a:hover { text-decoration: none; } div.tabsWrapper .tabsMenu ul { list-style: none; margin: 0; border-top: 1px solid #cfcfcf; } div.tabsWrapper .tabsMenu ul li { border: 1px solid #cfcfcf; border-top: none; padding: 0; margin: 0; } div.tabsWrapper .tabsMenu ul li a { color: #5e6464; } div.tabsWrapper .tabsMenu ul li.active > a { font-weight: 700; color: #05a7ab; background: #f9f7f4; } div.tabsWrapper .tabsMenu ul li a:hover { background: #f9f7f4; } div.tabsWrapper .tabsBody { float: right; width: 765px; padding-left: 2em; } div.tabsWrapper .tabsBody > div > h2 { margin-top: 0; } div.caoPoints { display: table; margin-bottom: 45px; width: 100%; font-size: 113%; font-weight: 700; background: #f7f5f2; } div.caoPoints > div { display: table-cell; width: 50%; height: 50px; text-align: center; vertical-align: middle; position: relative; } div.caoPoints .points { color: #fff; background: #c6c0ba; } div.caoPoints .range::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 15px solid #c6c0ba; } div.keyfacts_grid { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; margin-top: 3em; } div.keyfacts_grid .keyfact_row { overflow: hidden; } div.keyfacts_grid .keyfact_row.row1 { border-bottom: 1px solid #e7e7e7; } div.keyfacts_grid .keyfact_cell { float: left; width: 50%; text-align: center; margin: 15px 0; padding: 0 15px; } div.keyfacts_grid .keyfact_cell.cell1 { border-right: 1px solid #e7e7e7; } div.keyfacts_grid .keyfact_cell.cell2 { border-left: 1px solid #e7e7e7; margin-left: -1px; } div.keyfacts_grid .keyfact_cell > * { margin: 10px 0; } div.keyfacts_grid_simple { border: 1px solid #cfcfcf; padding: 10px 10px 5px 10px; } div.keyfacts_grid_simple .cell { float: left; width: 50%; border-bottom: 1px solid #e7e7e7; margin: 0; padding: 20px; height: 90px; overflow: auto; } div.keyfacts_grid_simple .cell h5 { margin: 0; } div.keyfacts_grid_simple .cell p { margin: 0; } div.keyfacts_grid_simple .cell:nth-child(2n+1) { border-right: 1px solid #e7e7e7; } div.keyfacts_grid_simple .cell:nth-child(2n) { padding-left: 30px; } div.keyfacts_grid_simple div.bottom { border: 3px solid #ffffff; width: 100%; height: 1px; overflow: hidden; position: relative; top: -2px; z-index: 10; } div.dataTables_length { display: none; } div.dataTables_filter { background: #49b0c6; padding: 13px 12px; border-radius: 5px; position: relative; } div.dataTables_filter > label > input { width: 100%; background: #ffffff; border: none; padding: 0 62px 0 16px; font-size: 16px; height: 46px; line-height: 46px; } div.dataTables_filter > label > input[type=search] { -moz-appearance: none; -webkit-appearance: none; -webkit-appearance: textfield; } div.dataTables_filter > label #search-button { background: #3D4042; width: 46px; height: 36px; display: block; position: absolute; right: 12px; top: 13px;} div.dataTables_filter > label::after { content: '\1f50e'; background: #3D4042; color: #ffffff; position: absolute; right: 12px; top: 13px; width: 46px; height: 46px; font-size: 24px; line-height: 46px; display: block; text-align: center; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; pointer-events: none;} div.dataTables_paginate a { background: #05a7ab; color: #ffffff; padding: 3px 10px; display: inline-block; text-align: center; cursor: pointer; margin: 0 5px; } div.dataTables_paginate a.current { background: #027f8e; } div.dataTables_paginate a:hover { text-decoration: none; background: #027f8e; } div.dataTables_paginate a.disabled { background: #f0f0f0; color: #c8c8c8; cursor: text; } table.dataTable { border: none; border-collapse: separate; table-layout: fixed; } table.dataTable th { padding: 14px; background: #05a7ab; color: #ffffff; border: none; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; text-transform: none;} table.dataTable td { padding: 14px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } table.dataTable tr:nth-child(2n) td { background: #f9f7f4; border-bottom: 1px solid #dad9d8; } table.dataTable th { cursor: pointer; } table.dataTable th::after { content: ''; color: #ffffff; vertical-align: middle; font-size: 14px; line-height: 1; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } table.dataTable th.sorting_asc::after { /*content: ' \f500'; */} table.dataTable th.sorting_desc::after { /*content: ' \f501'; */} div.dataTables_info {width: 31%; float: left; padding-top: 14px; } div.dataTables_paginate { text-align: right; border-top: 1px solid #cfcfcf; padding-top: 12px; padding-bottom: 60px; } div.column-content:first-child h2:first-child { margin-top: 0; } div.news_3col_grid { padding-bottom: 30px; } div.news_3col_grid::after { content: ''; display: block; clear: both; } div.news_3col_grid a.article_item { display: block; float: left; width: 30.6%; margin-right: 4.1%; } div.news_3col_grid a.article_item:hover { text-decoration: none;} div.news_3col_grid a.article_item:nth-child(3n) { margin-right: 0; } div.news_3col_grid a.article_item h3 { font-size: 112.5%; } div.news_3col_grid a.article_item:hover h3:hover { text-decoration: underline;} div.news_3col_grid a.article_item div.date { display: block; float: none; width: 100%; margin: 10px 0 3px 0; font-style: italic;} div.news_3col_grid a.article_item div.date > span.month, div.news_3col_grid a.article_item div.date > span.day_name, div.news_3col_grid a.article_item div.date > span.day, div.news_3col_grid a.article_item div.date > span.year, div.news_3col_grid a.article_item div.date > span.time { color: #98a2a2; font-size: 87.5%; float: none; display: inline; background: none; font-weight: 400; } div.news_3col_grid a.article_item div.article_image { width: 225px; height: 165px; box-shadow: inset 0 -5px 0 rgba(5,167,171,0.9); background-size: cover; background-repeat: none;} div.article_feature div.article_image { width: 100%; height: auto; background-size: cover; background-repeat: none; margin-bottom: 16px; box-shadow: inset 0 -5px 0 rgba(5,167,171,0.9);} div.article_feature div.article_image::after { content: ''; width: 100%; height: 0; display: block; padding-bottom: 55.78%; } div.article_feature div.date { color: #98a2a2; font-style: italic; font-size: 87.5%; } div.article_feature p { cursor: text; } div.article_feature h3 { font-size: 175%; font-weight: 900; line-height: 1.1; margin-bottom: 16px; } div.article_feature a:hover { text-decoration: none; } div.article_feature h3:hover { text-decoration: underline; } div.seeAllEvents { text-align: right; margin-bottom: 2em; } div.seeAllEvents hr { margin: 0 0 10px 0; } div.seeAllEvents p { margin: 0; } div.seeAllEvents a.more { text-transform: uppercase; font-weight: 800; } div.seeAllEvents a.more::after { content: ' \25bb'; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } div.seeAllEvents a.more:hover { text-decoration: none; } body.events-calendar #content div#pageSide { width: 225px; } body.events-calendar #content div#pageContent { float: right; width: 735px; } body.events-calendar p.view_period_range { float: left; } body.events-calendar p.view_period_switchers { float: right; } body.events-calendar #calendar_box caption { display: none; } body.events-calendar #calendar_box table { border: none; width: 225px; margin: 0; border-collapse: collapse; table-layout: auto; } body.events-calendar #calendar_box tr:first-child th { background: #05a7ab; color: #ffffff; text-align: center; font-size: 16px; padding: 12px 0; border: none; } body.events-calendar #calendar_box tr:nth-child(2) th { background: #f7f5f2; text-align: center; font-size: 12px; color: #5e6464; padding: 8px 0; border: none; } body.events-calendar #calendar_box tr:nth-child(2) th:first-child { border-left: 1px solid #cfcfcf; padding-left: 10px; } body.events-calendar #calendar_box tr:nth-child(2) th:last-child { border-right: 1px solid #cfcfcf; padding-right: 10px; } body.events-calendar #calendar_box th, body.events-calendar #calendar_box td { font-size: 12px; text-align: center; padding: 1px; } body.events-calendar #calendar_box td a { color: #aaaaaa; display: block; padding: 6px 0; margin: 0; background: #ffffff; } body.events-calendar #calendar_box td.thismonth a { color: #5e6464; } body.events-calendar #calendar_box td.today a { background: #05a7ab; color: #ffffff; } body.events-calendar #calendar_box td:first-child { border-left: 1px solid #cfcfcf; padding-left: 10px;} body.events-calendar #calendar_box td:last-child { border-right: 1px solid #cfcfcf; padding-right: 10px;} body.events-calendar #calendar_box tr:last-child td { padding-bottom: 10px; } body.events-calendar #calendar_box tr:first-child th:first-child a, body.events-calendar #calendar_box tr:first-child th:last-child a { color: #05a7ab !important; } body.events-calendar #calendar_box tr:first-child th:first-child a::before { content: '◅'; color: #ffffff !important; position: absolute; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.events-calendar #calendar_box tr:first-child th:last-child a::before { content: '▻'; color: #ffffff !important; position: absolute; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.events-calendar #jumptoform form fieldset { border: none; padding: 0; } body.events-calendar #jumptoform select[name="month"] { width: 90px; margin: 0 5px 0 0; } body.events-calendar #jumptoform select[name="year"] { width: 60px; margin: 0 5px 0 0; } body.events-calendar #jumptoform input[value="Go"] { padding: 10px 20px; margin: 0;} body.events-calendar #view_switchers { margin: 0; background: #49b0c6; color: #ffffff; text-align: center; font-size: 14px; padding: 10px 0; text-transform: capitalize;} body.events-calendar #view_switchers a { color: #ffffff; text-decoration: underline;} body.events-calendar #view_switchers span.delim { color: #2c8ea3; margin: 0 5px; } body.events-calendar #searchoptions { padding: 0; position: relative;} body.events-calendar #searchoptions input { width: 100%; height: 45px; font-size: 100%; padding: 0 30px 0 13px; line-height: 45px; } body.events-calendar #searchoptions form fieldset { border: none; padding: 0; } body.events-calendar #searchoptions { padding-bottom: 30px; } body.events-calendar #searchoptions fieldset { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #cfcfcf; margin-bottom: 30px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body.events-calendar #searchoptions fieldset span.placeholder { display: none; } body.events-calendar #searchoptions fieldset { border: none; margin: 0; padding: 0; } body.events-calendar #searchoptions fieldset legend { display: none; } body.events-calendar #searchoptions fieldset div.subcategory, body.events-calendar #searchoptions fieldset div.category { float: left; margin: 0 6px 6px 0; border: 1px solid #cfcfcf; font-size: 87.5%; padding: 6px 7px; display: block; } body.events-calendar #searchoptions fieldset input[type=checkbox] { width: auto; height: auto; } body.events-calendar #searchoptions fieldset div.submit { position: relative; margin-top: 30px; } body.events-calendar #searchoptions fieldset div.submit input[type=button] { background: #9ccf00; color: #ffffff; font-size: 112.5%; font-weight: 800; border: none; padding: 18px 25px 18px 45px; text-transform: uppercase; cursor: pointer; width: 100%; } body.events-calendar #searchoptions fieldset div.submit input[type=button]:hover { background: #7db900; } body.events-calendar #searchoptions fieldset div.submit::before { content: '\e602'; color: #ffffff; position: absolute; display: block; top: 13px; left: 28px; font-size: 20px; color: #ffffff; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.events-calendar #calendarResults p { display: none; } body.events-calendar #calendarResults table { margin: 0 0 2.5em 0; } div#calendar_events div.eventdate { background: #00A7A9; color: #ffffff; padding: 10px 30px; clear: both; } div#calendar_events div.eventdate a { color: #ffffff; font-weight: 900; } div#calendar_events div.event div.description { display: none; } div#calendar_events dl { overflow-wrap: break-word; word-wrap: break-word; } table.eventlist { border: none; border-collapse: separate;} table.eventlist th { padding: 14px; background: #05a7ab; color: #ffffff; border: none; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } table.eventlist td { padding: 14px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } table.eventlist tr:nth-child(2n) td { background: #f9f7f4; border-bottom: 1px solid #dad9d8; } a.button.share_this { width: 100%; background: #49b0c6; color: #ffffff; display: block; padding: 12px 25px 12px 45px; margin: 0 0 6px 0; font-size: 112.5%; font-weight: 800; text-transform: uppercase; } a.button.print_page { width: 100%; background: #49b0c6; color: #ffffff; display: block; padding: 12px 25px 12px 45px; margin: 0 0 6px 0; font-size: 112.5%; font-weight: 800; text-transform: uppercase; } a.button.share_this:hover { background: #015788; } a.button.print_page:hover { background: #015788; } a.button.share_this::before { content: '\e603'; font-size: 20px; margin-right: 10px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a.button.print_page::before { content: '\e604'; font-size: 20px; margin-right: 10px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.testimonial { padding-top: 35px; } div.testimonial div.image { float: left; width: 170px; } div.testimonial div.image span.imageBorder { width: 140px; height: 140px; display: block; border-radius: 100%; padding: 4px; border: 1px solid #ddd; } div.testimonial div.image span.imageWrapper { width: 130px; height: 130px; display: block; border-radius: 100%; overflow: hidden; } div.testimonial div.image img { border-radius: 100%; width: 130px; height: 130px; } div.testimonial div.text { margin-left: 170px; border-bottom: 1px solid #ddd; padding-bottom: 35px; } div.testimonial div.text h4 { vertical-align: top; margin-top: 0; margin-bottom: 6px; } div.testimonial div.text h4 span { color: #aeb7b7; text-transform: uppercase; font-weight: 400; font-size: 80%; margin-left: 10px; display: inline-block; line-height: 1.6; } div.testimonial div.text a.linkedin { color: #5e6464; } div.testimonial div.text a.linkedin span { color: #399FB8; font-weight: 800; display: inline-block; font-size: 140%; margin-right: 4px; } div.testimonial div.text blockquote { padding: 0; position: relative; text-indent: 30px; margin: 0; } div.testimonial div.text blockquote::before { content: '\201c'; color: #aeb7b7; text-indent: 0; font-family: "Times New Roman", serif; font-size: 50px; line-height: 44px; display: block; position: absolute; left: 0; top: 0; } div.testimonial div.text blockquote::after { content: '\201d'; } div.testimonial:first-of-type { padding-top: 15px; } div.testimonial:last-of-type div.text { border-bottom: none; } body.fullContentWidth div.downloadsWrapper { margin-top: 50px; } div.downloads { clear: both; height: 545px; } div.downloads.with_pagination { height: 688px; } div.downloadsWrapper { position: absolute; width: 100%; background: #a6d0d8; padding: 100px 0; left: 0; overflow: hidden; } div.downloads h3 { text-align: center; color: #ffffff; font-size: 28px; margin: 0 0 30px 0; padding: 0;} div.downloads div.downloadListWrapper { overflow: hidden; } div.downloads ul.downloadList { list-style: none; margin: 0; padding: 0; width: auto; float: left; } div.downloads ul.downloadList li { display: block; float: left; width: 310px; height: 275px; margin: 0 15px; overflow: hidden; } div.downloads ul.downloadList li a { display: block; background: #ffffff; height: 275px; position: relative; } div.downloads ul.downloadList li a:hover { text-decoration: none;} div.downloads ul.downloadList li a::after { content: '\e606'; display: block; position: absolute; border-left: 1px solid #e1e6e7; width: 71px; height: 72px; right: 0; bottom: 13px; text-align: center; line-height: 72px; font-size: 30px; color: #05a7ab; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } div.downloads ul.downloadList li div.info { margin: 0 0 0 19px; width: 228px; display: table; } div.downloads ul.downloadList li p { color: #05a7ab; font-size: 16px; line-height: 22px; margin: 0 0 0 19px; width: 228px; display: table-cell; vertical-align: middle; height: 100px;} div.downloads ul.downloadList li span.size { color: #aeb7b7; font-size: 14px; line-height: 24px; margin: 0; display: block; } div.downloads div.downloadPagination { margin: 30px auto 50px auto; text-align: center; font-size: 42px; } div.downloads div.downloadPagination a { color: #ffffff; margin: 0 3px; } div.downloads div.downloadPagination a.prev, div.downloads div.downloadPagination a.next { font-size: 22px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.downloads div.downloadPagination a:hover, div.downloads div.downloadPagination a.active { color: #0b9fa3; text-decoration: none;} body.newsPage div.box h3 { margin-top: 0; } body.newsPage div.box p.icon { margin: 10px -5px 10px 0; } body.newsPage div.box p.icon::before { font-size: 100%; display: block; float: left; width: 26px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.newsPage div.box p.icon.email::before { content: '\2709'; font-size: 120%; vertical-align: top;} body.newsPage div.box p.icon.chain::before { content: '\e607'; font-size: 130%; vertical-align: top;} body.newsPage div.box p.icon.phone::before { content: '\e608'; font-size: 130%; vertical-align: top;} body.newsPage div.box p.icon.twitter::before { content: '\f611'; font-size: 130%; vertical-align: top;} body.newsPage div.box p.icon.facebook::before { content: '\f610'; font-size: 130%; vertical-align: top;} body.newsPage.archive #pageContent { width: 735px; float: right; margin-right: 0; } body.newsPage.archive #pageRightColumnWrapper { float: left; } body.newsPage.archive #secondaryNavigation { display: none; } body.newsPage.archive #pageSide {display: none; } body.newsPage.article #pageContent { width: 735px; margin: 0 30px 0 0; } body.newsPage.article #secondaryNavigation { display: none; } body.newsPage.article #pageSide { display: none; } body.newsPage.article div.article_image { width: 100%; height: auto; background-size: cover; background-repeat: none; } body.newsPage.article div.article_image::after { content: ''; width: 100%; height: 0; display: block; padding-bottom: 55.78%; } body.newsPage.article div.date { float: left; width: 55px; margin-top: 54px; } body.newsPage.article div.date span.month { background: #49b0c6; color: #ffffff; display: block; width: 100%; text-align: center; } body.newsPage.article div.date span.day { background: #49b0c6; color: #ffffff; display: block; width: 100%; text-align: center; font-size: 200%; font-weight: 700; line-height: 1; } body.newsPage.article div.date span.year { background: #49b0c6; color: #ffffff; display: block; width: 100%; text-align: center; margin-top: 2px; } body.newsPage.article div.date span.time { color: #98a2a2; font-size: 85%; font-style: italic; line-height: 1.4; margin-top: 10px; display: block; } body.newsPage.article div.news_article div.article { margin-left: 88px; margin-top: 50px; } body.newsPage.article div.news_article div.article h3 { font-size: 175%; font-weight: 800; line-height: 1.2; } body.newsPage.article div.news_article div.article > p:first-of-type::first-letter { font-size: 52px; color: #b5bfbf; font-weight: 700; float: left; margin: -3px 6px -5px -2px; padding: 0; line-height: 1; } body.newsPage.article div.news_article div.article blockquote { float: left; width: 225px; background: #05a7ab; color: #ffffff; font-size: 175%; line-height: 1.1; font-weight: 900; padding: 50px 35px 47px 16px; margin: 0 -60px 20px 0; position: relative; left: -88px; } body.newsPage.article div.news_article div.article blockquote::before { content: '\201c'; font-family: "Times New Roman", serif; font-size: 50px; line-height: 30px; display: block; position: absolute; margin-top: -26px; } body.newsPage.article div.news_article div.article div.author { background: #f7f5f2; color: #5e6464; padding: 23px 28px; border-bottom: 4px solid #e4e1de; height: 150px; } body.newsPage.article div.news_article div.article div.author span.image { float: left; display: block; border-radius: 100%; overflow: hidden; border: 1px solid #cfcfcf; } body.newsPage.article div.news_article div.article div.author span.image img { float: left; width: 100px !important; height: 100px !important; border-radius: 100%; border: 3px solid #ffffff; } body.newsPage.article div.news_article div.article div.author p { margin: 0; padding: 0; } body.newsPage.article div.news_article div.article div.author p.author_name { font-size: 112.5%; color: #05a7ab; font-weight: 700; margin-left: 155px; padding-top: 12px; } body.newsPage.article div.news_article div.article div.author p.author_dept { margin-left: 155px; font-style: italic; } body.newsPage.article div.news_article div.article div.author p.author_twitter { margin-left: 155px; } body.newsPage.article div.news_article div.article div.author p.author_twitter::before { content: '\f611'; float: left; margin-right: 5px; color: #49b0c6; font-size: 140%; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.2; } body.newsPage.article.showNav #pageSide { display: block; } body.newsPage.article.showNav #secondaryNavigation { display: block; margin-right: 10px; } body.newsPage.article.showNav #pageRightColumn { width: 215px; } body.newsPage.article.showNav div.pageButtons { width: 215px; } body.newsPage div.article_buttons { margin: 60px 0 30px 0; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; height: 60px; } body.newsPage div.article_buttons span { float: left; width: 50%; text-align: center; height: 60px; line-height: 60px; text-transform: uppercase; font-weight: 800; } body.newsPage div.article_buttons a:hover { text-decoration: none; } body.newsPage div.article_buttons span.prev { color: #c4c4c4; border-right: 1px solid #cfcfcf; } body.newsPage div.article_buttons span.next { color: #c4c4c4; } body.newsPage div.article_buttons span.prev::before { content: '\25c5'; font-size: 120%; margin-right: 8px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle;} body.newsPage div.article_buttons span.next::after { content: '\25bb'; font-size: 120%; margin-left: 8px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle;} body.newsPage div.article_buttons a > span.prev, body.newsPage div.article_buttons a > span.next { color: #05a7ab; } body.newsPage div.imgCaption { margin-top:1em; font-size: 87.5%; color: #98a2a2; text-align: center; } div#archiveDatePickerContainer form { background: #49b0c6; padding: 13px 12px; border-radius: 5px; position: relative; margin: 0; } div#archiveDatePickerContainer form input[type=text] { width: 100%; background: #ffffff; border: none; padding: 0 62px 0 16px; font-size: 16px; height: 46px; line-height: 46px; } div#archiveDatePickerContainer form button { border: none; background: #3D4042; color: #ffffff; position: absolute; right: 12px; top: 13px; width: 46px; height: 46px; display: block; cursor: pointer; } div#archiveDatePickerContainer form button::after { content: '\1f50e'; font-size: 24px; line-height: 1; display: block; position: absolute; top: 14px; left: 14px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div#archiveDatePickerContainer div.date_filter { height: 80px; margin-top: 20px; } div#archiveDatePickerContainer #archiveDatePickerLabel { font-weight: bold; width: 16%; float: left; height: 45px; line-height: 45px; } div#archiveDatePickerContainer #archiveDatePicker_dateLists_month { float: left; width: 25%; height: 45px; } div#archiveDatePickerContainer #archiveDatePicker_dateLists_year { float: left; width: 27%; height: 45px; margin-left: 3%; } div#archiveDatePickerContainer #archiveSelectButton { float: right; width: 26%; height: 45px; background: #49b0c6; color: #ffffff; font-size: 18px; font-weight: 900; line-height: 26px; text-transform: uppercase; border: none; cursor: pointer; padding: 0; } div#archiveDatePickerContainer #archiveSelectButton:hover { background: #027f8e; } body.hideNewsSearch div#archiveDatePickerContainer form { display: none; } div.newsList div.section { margin-bottom: 30px; } div.newsList div.section div.image { width: 140px; height: 140px; float: left; position: relative; top: 6px; background-size: cover; background-position: center center; box-shadow: inset 0 -5px 0 rgba(5,167,171,0.9); } div.newsList div.section div.image a { width: 140px; height: 140px; display: block;} div.newsList div.section div.header { margin-left: 160px; } div.newsList div.section div.header h3 { margin: 0; font-size: 112.5%; line-height: 1.3; } div.newsList div.section div.column-content { margin-left: 160px; } div.newsList div.section div.column-content p { margin: 4px 0; } div.newsList div.section p.date { margin: 0 0 4px 160px; font-weight: normal; color: #98a2a2; font-style: italic; padding: 0; font-size: 87.5%; } div.newsList div.section p.date strong { font-weight: normal; } div.newsList div.section::after { content: ''; display: block; clear: both; } div.noticeboardItem { margin-bottom: 30px; } div.noticeboardItem div.image { width: 140px; height: 140px; float: left; position: relative; top: 6px; background-size: cover; background-position: center center; box-shadow: inset 0 -5px 0 rgba(5,167,171,0.9); } div.noticeboardItem div.header { margin-left: 160px; } div.noticeboardItem div.header h3 { margin: 0; font-size: 112.5%; line-height: 1.3; } div.noticeboardItem div.column-content { margin-left: 160px; } div.noticeboardItem div.column-content p { margin: 4px 0; } div.noticeboardItem::after { content: ''; display: block; clear: both; } #OrderProspectus { width: 505px; } #OrderProspectus input[type=text] { width: 100%; } #OrderProspectus div.two-columns > div { width: 50%; float: left; } #OrderProspectus div.two-columns > div:first-child { padding-right: 10px; } #OrderProspectus div.two-columns > div:nth-child(2) { padding-left: 10px; } #OrderProspectus div.two-columns > div.bottom { float: none; } #OrderProspectus div.two-columns.form-row > div.form-inputs { -moz-columns: 2; -webkit-columns: 2; columns: 2;} #OrderProspectus #submitButton { font-size: 112.5%; } #OrderProspectus #submitButton::before { content: '\2713'; font-size: 140%; margin-right: 10px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } #OrderProspectus span#lets-get-started { background: #49b0c6; color: #ffffff; display: block; width: 160px; height: 40px; line-height: 40px; text-align: center; position: absolute; bottom: 0; right: -185px; } #OrderProspectus span#lets-get-started::before { content: ''; display: block; border-style: solid; border-width: 9px 10px 9px 0; border-color: transparent #49b0c6 transparent transparent; position: absolute; left: -10px; top: 10px; } div.box { position: relative; margin-bottom: 2em; padding: 15px 15px 0; background: #a34a88; } div.box::before { content: ''; display: block; position: absolute; z-index: 15; top: 0; right: 0; width: 26px; height: 26px; border-width: 0 26px 26px 0; border-style: solid; border-color: transparent; } div.box h2, div.box h3.contentTitle { margin: 0 0 1em 0; font-size: 112.5%; } div.box h2, div.box h3, div.box li, div.box p, div.box a, div.box .placetext { color: #fff; } div.box .placetext { margin-bottom: 1em; } div.box li { line-height: 1.35; list-style-image: none; } div.box p { line-height: 1.35; margin: 0 0 1.25em; } div.box img { height: auto !important; } div.box.light-green-header { background: #97c2ca; } div.box.light-green-header::before { border-color: #b2d9e0 #fff; } div.box.light-green-header img { border: 2px solid #b2d9e0; margin: 0 0 13px; } div.box.teal { background-color: #39b2b5; } div.box.teal::before { border-color: #6ddee0 #fff; } div.box.purple { background: #a34a88; } div.box.purple::before { border-color: #c668aa #fff; } div.box.purple img { border: 2px solid #c466a8; margin: 0 0 13px; } div.box a.more { display: block; margin: 25px -15px 0; padding: 15px; background: #8e3874; font-size: 90%; font-weight: 900; text-transform: uppercase; } div.box a.more:hover { text-decoration: none; } div.box a.more::after { content: '\25bb'; float: right; margin-top: 5px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } div.box.teal a.more { background: #05a7ab; } div.box.file { background: #97c2ca; } div.box.file::before { border-color: #b2d9e0 #fff; } div.box.file ul { margin: 18px 0 26px; } div.box.file .file_size { display: none; } div.box.list img { border: none; float: left; margin: 0;} div.box.list p { font-size: 87.5%; margin: 0 0 0 67px; padding: 0;} div.box.list div.item { clear: both; padding: 12px 0; } div.box.list div.item:first-of-type { padding-top: 0; } div.box.list div.item:last-of-type { padding-bottom: 0; } .courseDetailPage div.box { clear: left; float: left; width: 225px; } .courseDetailPage div.box.file { margin-bottom: 0; } div.curve_br { background: #97c2ca; padding: 2em 2em 1em 1em; margin: 1em 0; position: relative; } div.curve_br h2 { color: #ffffff; font-size: 1em; } div.curve_br h2::before { content: '\25bb'; float: left; margin: 0 10px 10px 0; width: 22px; height: 22px; line-height: 22px; text-align: center; border-radius: 100%; background: #b2d9e0; font-size: 16px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } div.curve_br a { color: #ffffff; text-decoration: none; } div.curve_br::before { content: ''; display: block; position: absolute; z-index: 15; top: 0; right: 0; width: 26px; height: 26px; border-width: 0 26px 26px 0; border-style: solid; border-color: #b2d9e0 #fff; } div.imageBlock { color: #ffffff; max-width: 100%; width: 100%; margin: 100px 0; padding: 0; display: table; } div.node-imageBlock:last-child div.imageBlock { margin-bottom: 0; } div.imageBlock div.covering_image { display: table-cell; width: 50%; background-size: cover; background-position: center center; background-repeat: no-repeat;} div.imageBlock div.content { display: table-cell; width: 50%; vertical-align: middle; padding: 70px 100px; } div.imageBlock.right div.covering_image { position: relative; left: 50%; } div.imageBlock.right div.content { position: relative; left: -50%; } div.imageBlock p, div.imageBlock a { color: #ffffff; } div.imageBlock h3 { color: #ffffff; font-size: 175%; font-weight: 900; } div.imageBlock h4 { color: #ffffff; font-size: 112.5%; } div.imageBlock.tealBackground { background: #05a7ab; } div.imageBlock.skyBlueBackground { background: #49b0c6; } div.imageBlock.mulberryPurpleBackground { background: #a34a88; } div.highlight_feature { background: #05a7ab; padding: 52px 53px; margin: 2em 0; } div.highlight_feature div.image { float: left; width: 50%; } div.highlight_feature div.image a.imageBorder { border: 5px solid #ffffff; display: block; float: left; } div.highlight_feature div.image a.imageBorder img { display: block; } div.highlight_feature div.text { margin-left: 50%; padding-left: 28px; } div.highlight_feature div.text h2 { color: #ffffff; margin: 0 0 0.6em 0; } div.highlight_feature div.text h4 { color: #ffffff; margin: 0.6em 0; } #pageContent div.highlight_feature div.text h4 + p, div.highlight_feature div.text p { color: #ffffff; margin: 0 0 1.2em 0; } div.highlight_feature div.text p:last-child { margin: 0; } div.highlight_feature div.text a { color: #ffffff; font-weight: 800;} div.job_list { min-height: 800px; } div.job_list div.internal { display: none; } div.job_list div.empty { display: none; } div.job_list.empty div.empty { display: block; } div.job_list.internal div.empty { display: none; } div.job_list.internal div.internal { display: block; } div.job_list div.item { border-left: 4px solid #f7f5f2; padding: 0 0 0 20px; margin-bottom: 30px; } div.job_list div.item p.post_date { margin: 0; color: #98a2a2; font-style: italic; } div.job_list div.item p.closing_date { margin: 0; } div.job_list div.item p.application { margin: 0; } div.job_list div.filter { height: 85px; } div.job_list div.filter div.select { width: 68%; float: left; } div.job_list div.filter select { width: 100%; } div.job_list div.filter button { width: 28%; float: right; background: #49b0c6; color: #ffffff; font-size: 112.5%; font-weight: 900; text-transform: uppercase; font-family: Lato, Arial, sans-serif; text-align: center; border: none; height: 45px; line-height: 45px; cursor: pointer; } div.grid { width: 100%; padding: 0; margin: 2em auto; max-width: 1000px; } div.grid div.item { position: relative; float: left; } div.grid div.item.last { float: right; } div.grid div.item a { display: block; } div.grid div.item a:hover div.overlay { opacity: 1; } div.grid div.item div.overlay { opacity: 0; display: block; background: rgba(34, 34, 34, 0.9); position: absolute; top: 0; width: 100%; height: 100%; text-align: center; -webkit-transition: opacity 600ms ease; -moz-transition: opacity 600ms ease; -ms-transition: opacity 600ms ease; transition: opacity 600ms ease; } div.grid div.item div.overlay > div { display: table; width: 100%; height: 100%; padding-bottom: 30px; } div.grid div.item div.overlay > div > div { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } div.grid div.item div.overlay h3 { color: #ffffff; font-size: 112.5%; margin: 0; padding: 0; line-height: 1; text-transform: capitalize; } div.grid div.item div.overlay h3::after { content: ''; display: block; width: 5px; height: 1px; overflow: hidden; margin: 16px auto; border-bottom: 1px solid #888; transition: width 800ms ease; } div.grid div.item a:hover div.overlay h3::after { width: 70px; } div.grid div.item div.overlay p { color: #ffffff; margin: 0; padding: 0 10%; } div.grid div.item h3.more { font-size: 87.5%; background: #05a7ab; color: #ffffff; text-transform: uppercase; padding: 0 13px; margin: 0; height: 40px; line-height: 40px; text-align: left; position: relative;} div.grid div.item h3.more::after { content: ' \25bb'; display: block; position: absolute; top: 0; right: 13px; height: 40px; line-height: 40px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } div.grid.two_columns div.item { width: 47.5%; } div.grid.two_columns div.item.first { margin-right: 2.5%; } div.grid.two_columns div.item.last { margin-left: 2.5%; } div.grid.three_columns div.item { width: 30%; } div.grid.three_columns div.item.mid { margin: 0 5%; } div.greyPod { background-color: #f7f5f2; padding-bottom: 30px; } div.greyPod::after { content: ''; display: block; clear: both; } div.greyPod h3 { margin: 22px 23px; padding: 0; font-size: 150%; font-weight: 800; line-height: 1.2; } div.greyPod p { margin: 22px 23px; padding: 0; } div.greyPod div.cta_links p { margin: 10px 23px; padding: 0; font-size: 87.5%; text-transform: uppercase; font-weight: 800; } div.greyPod div.cta_links p a::after { content: '\25bb'; display: inline-block; text-align: right; width: 16px; margin-right: -16px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } div.columnOne.ofTwo.greyPod, div.columnTwo.ofTwo.greyPod { margin-bottom: 0px; } div.columnOne.ofThree.greyPod, div.columnTwo.ofThree.greyPod, div.columnThree.ofThree.greyPod { margin-bottom: 50px; } div.columnOne.ofTwo.greyPod { margin-right: 1.75%; width: 48.25%; } div.columnTwo.ofTwo.greyPod { margin-left: 1.75%; width: 48.25%; } body.contrast, body.contrast #primaryNavigation, body.contrast #header #search input, body.contrast div.pageHeaderWrapper, body.contrast div.imageGallery.combined div.caption h2, body.contrast #collegePageWidgets div.widget { background: #000; } body.contrast #utilityNavigation, body.contrast #footerInfo { background: #222; } body.contrast #header, body.contrast #primaryNavigation div.dropdown, body.contrast #secondaryNavigation ul li.active > a, body.contrast #secondaryNavigation ul li a:hover, body.contrast div.tabsWrapper .tabsMenu ul li.active > a, body.contrast div.tabsWrapper .tabsMenu ul li a:hover, body.contrast div.footerNews, body.contrast p.socialIcons a, body.contrast p.contactIcons a::before, body.contrast div.videoYoutube div.info, body.contrast #collegePageWidgets, body.contrast #collegePageButtonNavigation a { background: #333; } body.contrast, body.contrast p, body.contrast h1, body.contrast h2, body.contrast h3, body.contrast h4, body.contrast h5, body.contrast h6, body.contrast #primaryNavigation div.dropdown .text > *, body.contrast div.pageHeaderWrapper, body.contrast a:hover, body.contrast #header #search input, body.contrast #header #search button:hover::after, body.contrast p.contactIcons a:hover::before, body.contrast p.socialIcons a:hover::before, body.contrast figure figcaption, body.contrast div.accordion > h4:hover { color: yellow !important; } body.contrast a, body.contrast #header #search button::after, body.contrast div.breadcrumb, body.contrast.landingPage div.breadcrumb a, body.contrast.landingPage div.breadcrumb a[href="/"]::after, body.contrast div.accordion > h4 { color: #00ffff !important; } body.contrast.landingPage div.pageHeaderWrapper { background: transparent; } div.twoColumnArticlePodsAsymmetric { max-width: 990px; margin: 0 auto 60px auto; } div.twoColumnArticlePodsAsymmetric::after { content: ''; display: block; clear: both; } div.twoColumnArticlePodsAsymmetric div.leftColumn { width: 65%; float: left; } div.twoColumnArticlePodsAsymmetric div.rightColumn { width: 31%; float: right; } div.twoColumnArticlePodsAsymmetric div.leftColumn div.articlePod::after { content: ''; display: block; border-bottom: 1px solid #cfcfcf; margin: 40px 0 10px 0;} div.twoColumnArticlePodsAsymmetric div.leftColumn div.articlePod:last-child::after { display: none; } div.twoColumnArticlePods { max-width: 990px; margin: 0 auto 30px auto; } div.twoColumnArticlePods::after { content: ''; display: block; clear: both; } div.threeColumnArticlePods { max-width: 990px; margin: 0 auto 100px auto; } div.threeColumnArticlePods::after { content: ''; display: block; clear: both; } div.articlePod { padding-bottom: 20px; } div.articlePod h2 { margin-top: 40px; } div.articlePod h3 { margin-top: 20px; } div.articlePod img { border-bottom: 5px solid #1bacb0; } div.articlePod p.more { margin: 10px 0; padding: 0; font-size: 87.5%; text-transform: uppercase; font-weight: 800; } div.articlePod p.more a::after { content: '\25bb'; display: inline-block; text-align: right; width: 16px; margin-right: -16px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } div.twoColumnArticlePods div.articlePod.columnOne.ofTwo { margin-right: 1.75%; width: 48.25%; } div.twoColumnArticlePods div.articlePod.columnTwo.ofTwo { margin-left: 1.75%; width: 48.25%; } div.promoBox { background: #05a7ab; color: #ffffff; margin-bottom: 30px; overflow: hidden; position: relative;} div.promoBox::before { content: ''; display: block; position: absolute; z-index: 15; top: 0; right: 0; width: 26px; height: 26px; border-width: 0 26px 26px 0; border-style: solid; border-color: transparent; } div.promoBox h2, div.promoBox h3, div.promoBox a, div.promoBox p { color: #ffffff; } div.promoBox h3 { font-size: 112.5%; font-weight: 800; margin-bottom: 12px; } div.promoBox p { margin-bottom: 16px; } div.promoBox p.more a { font-weight: 800; text-transform: uppercase; } div.promoBox p.button { position: absolute; top: 58px; right: 85px; } div.promoBox p.button a { display: inline-block; padding: 10px 40px; font-size: 87.5%; font-weight: 800; text-transform: uppercase; background: #ffffff; color: #05a7ab;} div.promoBox p.button a:hover { text-decoration: none; } div.promoBox.tall p.button { position: static; } div.promoBox::after { content: ''; display: block; clear: both; } div.promoBox div.image { width: 40%; margin: 7% 5% 7% 5%; float: left; } div.promoBox div.image img { border: 4px solid #b2d9e0; position: relative; top: 6px; } div.promoBox div.text { margin: 5% 45% 5% 5%; width: 55%; } div.promoBox.tall div.text { margin: 7% 5% 7% 50%; width: 45%; } div.promoBox.main { border-bottom: none; } div.promoBox.main div.image { width: 42%; margin: 7% 5% 7% 7%; } div.promoBox.main div.image img { border: 4px solid #ffffff; } div.promoBox.main div.text { margin: 7% 7% 7% 54%; width: 39%; } div.promoBox.main::before { display: none; } div.promoBox::before { border-color: #6ddee0 #ffffff; } div.promoBox { border-bottom: 5px solid #027f8e; } div.promoBox.blue::before { border-color: #5bcbe3 #ffffff; } div.promoBox.blue { background-color: #49b0c6; border-bottom: 5px solid #2f94b0; } div.promoBox.blue div.image img { border-color: #5bcbe3; } div.promoBox.blue p.button a { color: #49b0c6;} div.promoBox.purple::before { border-color: #c668aa #ffffff; } div.promoBox.purple { background-color: #a34a88; border-bottom: 5px solid #852f68; } div.promoBox.purple div.image img { border-color: #c668aa; } div.promoBox.purple p.button a { color: #a34a88;} div.promoBox.lightblue::before { border-color: #b2d9e0 #ffffff; } div.promoBox.lightblue { background-color: #97c2ca; border-bottom: 5px solid #76aeb8; } div.promoBox.lightblue div.image img { border-color: #b2d9e0; } div.promoBox.lightblue p.button a { color: #76aeb8;} div.keyFactsRoundels { margin: 100px auto; max-width: 990px; } div.keyFactsRoundelsWrapper { width: 100%; overflow: hidden; } div.keyFactsRoundelsScroller { width: 3000px; height: 285px; } div.keyFactsRoundels h2 { text-align: center; text-transform: uppercase; margin-bottom: 60px; font-size: 200%; } div.keyFactsRoundels div.roundel { border: 1px solid #cfcfcf; width: 285px; height: 285px; border-radius: 100%; text-align: center; float: left; } div.keyFactsRoundels div.roundel:nth-child(3n+1) { margin: 0 0 0 15px; } div.keyFactsRoundels div.roundel:nth-child(3n+2) { margin: 0 52px 0 53px; } div.keyFactsRoundels div.roundel:nth-child(3n) { margin: 0 15px 0 0;} div.keyFactsRoundels div.roundel:nth-child(3n+1) h3 { color: #49b0c6; } div.keyFactsRoundels div.roundel:nth-child(3n+2) h3 { color: #14aaad; } div.keyFactsRoundels div.roundel:nth-child(3n) h3 { color: #a34a88; } div.keyFactsRoundels div.roundel h3 { font-size: 500%; line-height: 1; font-weight: 900; margin: 70px 0 0 0; padding: 0; } div.keyFactsRoundels div.roundel p { width: 210px; margin: 10px auto 0 auto; } div.keyFactsRoundels div.keyFactsRoundelsPagination { margin: 30px auto 50px auto; text-align: center; font-size: 42px; } div.keyFactsRoundels div.keyFactsRoundelsPagination a { color: #b5bfbf; margin: 0 3px; } div.keyFactsRoundels div.keyFactsRoundelsPagination a.prev, div.keyFactsRoundels div.keyFactsRoundelsPagination a.next { font-size: 22px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.keyFactsRoundels div.keyFactsRoundelsPagination a:hover, div.keyFactsRoundels div.keyFactsRoundelsPagination a.active { color: #0b9fa3; text-decoration: none;} .fullContentWidth div.keyFactsRoundels { margin: 50px auto; } .fullContentWidth div.keyFactsRoundels div.roundel { width: 200px; height: 200px; } .fullContentWidth div.keyFactsRoundels div.roundel:nth-child(3n+1) { margin: 0 0 0 8px; } .fullContentWidth div.keyFactsRoundels div.roundel:nth-child(3n+2) { margin: 0 60px 0 60px; } .fullContentWidth div.keyFactsRoundels div.roundel:nth-child(3n) { margin: 0 7px 0 0;} .fullContentWidth div.keyFactsRoundels div.roundel p { font-size: 87.5%; width: 170px; margin: 2px auto 0 auto; } .fullContentWidth div.keyFactsRoundels div.roundel h3 { font-size: 300%; margin: 50px 0 0 0; } .fullContentWidth div.keyFactsRoundels div.keyFactsRoundelsScroller { height: 200px; } .fullContentWidth div.keyFactsRoundels div.keyFactsRoundelsPagination { margin: 30px auto 00px auto; } div.keyFactsRoundels div.roundel.brief p { font-size: 34px; width: 80%; margin: 2px auto 0 auto; line-height: 1; font-weight: 900; text-transform: uppercase; font-weight: 900; } div.keyFactsRoundels div.roundel.brief p strong { font-size: 18px; margin: 48% 0 0 0; padding: 0; display: block; font-weight: 900; } div.keyFactsRoundels div.roundel.brief:nth-child(3n+1) p { color: #49b0c6; } div.keyFactsRoundels div.roundel.brief:nth-child(3n+2) p { color: #14aaad; } div.keyFactsRoundels div.roundel.brief:nth-child(3n) p { color: #a34a88; } div.staffListItem { border-bottom: 1px solid #cfcfcf; padding: 0 0 32px 0; margin: 0 0 27px 0;} div.staffListItem::after { content: ''; clear: both; display: block; width: 100%; } div.staffListItem div.image { border: 1px solid #cfcfcf; width: 160px; height: 160px; float: left; padding: 5px; margin: 0; position: relative; top: 3px; } div.staffListItem div.text { margin-left: 190px; } div.staffListItem div.text a > img.atSymbol { width: 13px; height: 15px; vertical-align: middle; } div.staffListItem div.text h3 { margin-bottom: 10px; } div.twoColumnText { margin: 0 0 20px 0; -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 2.5em; -moz-column-gap: 2.5em; column-gap: 2.5em;} div.threeColumnTextWhite { background: #ffffff; } div.threeColumnTextTeal { background: #05a7ab; } div.threeColumnTextWhite { padding: 0; margin: 100px 0; text-align: center; } div.threeColumnTextTeal { padding: 100px 0 80px 0; margin: 0; text-align: center; } div.threeColumnTextTeal .contentColumnSimple { margin: 0; } div.threeColumnTextTeal h3 { color: #ffffff; } div.threeColumnTextWhite h3, div.threeColumnTextTeal h3 { font-size: 150%; font-weight: 900; margin-top: 26px; } div.threeColumnTextTeal p { color: #ffffff; } div.threeColumnTextTeal a { color: #ffffff; } div.threeColumnTextWhite p.more a, div.threeColumnTextTeal p.more a { text-transform: uppercase; font-weight: 900; } div.threeColumnTextWhite p.more::after, div.threeColumnTextTeal p.more::after { content: ' \25bb'; color: #ffffff; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } div.threeColumnTextWhite p.more::after { color: #05a7ab; } div.wideScreenTabbedContent { max-width: 990px; margin: 100px auto; text-align: center; } div.wideScreenTabbedContent h2 { margin-bottom: 10px; } div.wideScreenTabbedContent h4 { text-transform: uppercase; font-size: 87.5%; font-weight: 400; margin-top: 10px; } div.wideScreenTabbedContent ul.tabs { display: inline-block; height: 40px; list-style: none; margin: 15px auto 50px auto; padding: 0; } div.wideScreenTabbedContent ul.tabs li { display: block; float: left; height: 40px; line-height: 40px; margin: 0; padding: 0; } div.wideScreenTabbedContent ul.tabs li a { display: block; font-weight: 800; text-transform: uppercase; font-size: 87.5%; height: 40px; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; padding: 0 46px; text-decoration: none; } div.wideScreenTabbedContent ul.tabs li:last-child a { border-right: 1px solid #cfcfcf; } div.wideScreenTabbedContent ul.tabs li a.active { background: #05a7ab; color: #ffffff; border-bottom: 1px solid #05a7ab; border-top: 1px solid #05a7ab; border-left: 1px solid #05a7ab; position: relative; } div.wideScreenTabbedContent ul.tabs li a.active::after { content: ''; display: block; background: #05a7ab; position: absolute; right: -1px; height: 40px; width: 1px; overflow: hidden; top: -1px; } div.wideScreenTabbedContent ul.tabs li:last-child a.active { border-right: 1px solid #05a7ab; } div.wideScreenTabbedContent div.tabContent { text-align: left; display: none; } div.wideScreenTabbedContent div.tabContent.active { display: block; } div.wideScreenTabbedContent div.tabContent p { margin: 0 0 14px 0; } div.wideScreenTabbedContent div.tabContent ul { margin: 8px 0 20px 6px; } div.facebookStream { margin-bottom: 100px; } div.threewide { width: 100%; margin: 0 0 0 -10px; display: table; border-collapse: separate; border-spacing: 10px 0; min-height: 120px; } div.threewide div.third { width: 33.33%; display: table-cell; margin: 0; border: 1px solid #dddddd; border-bottom: 3px solid #05a7ab; } div.threewide div.third div.thirdtop { padding: 10px 10px 8px 10px; } div.threewide div.third div.thirdtop h2 { font-size: 1.1em; margin: 0; } div.threewide div.third div.thirdtop a::after { content: ' \25bb'; font-size: 0.7em; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } div.threewide div.third div.thirdbtm { padding: 8px 10px; } div.threewide div.third div.thirdbtm { font-size: 0.85em; line-height: 1.2; } div.staffmember { border-bottom: 1px solid #cfcfcf; margin-bottom: 20px; } div.staffmember img { outline: 1px solid #cfcfcf; border: 3px solid #ffffff; float: left; margin: 0 10px 10px 0; } div.staffmember h4 { margin: 0 0 10px 0; } div.staffmember p { margin: 0 0 20px 0; font-size: 0.85em; } div.staffmember p br { width: 100%; clear: both; } div#accordianplace { border-top: 1px solid #cfcfcf; } div#accordianplace div.expander-link { border-bottom: 1px solid #cfcfcf; } div#accordianplace div.expander-link > h2 { margin: 12px 0; font-size: 1.15em; font-weight: 600;} div#accordianplace div.expander-link > h2 > a { display: block; } div#accordianplace div.expander-link > h2 > a:hover { text-decoration: none; } div#accordianplace div.expander-link > h2 > a::after { content: '+'; float: right; } div#accordianplace div.expander-link > a > img { display: none; } div#accordianplace div.expander-link > a > img { display: none; } div#accordianplace div.expander-content { border-bottom: 1px solid #cfcfcf; padding: 10px 0; display: none; } div#accordianplace div.expander.open div.expander-link > h2 > a::after { content: '-'; } div#miniNewsList:empty::before { content: '[No news items found]'; color: #aaa; margin: 0.2em 1em; } div#miniEventsList:empty::before { content: '[No event items found]'; color: #aaa; margin: 0.2em 1em; } div#miniFeaturesList:empty::before { content: '[No featured items found]'; color: #aaa; margin: 0.2em 1em; } @media only screen and (min-width: 1100px) { div.imageGallery.horizontal.titleOnly div.item span.image, div.imageGallery.horizontal div.item span.image { width: 100%; height: 500px; overflow: hidden;} div.imageGallery.horizontal.titleOnly div.item img, div.imageGallery.horizontal div.item img { width: 1600px; height: 500px; margin: 0; max-width: none; position: absolute; left: 50%; margin-left: -800px; } } @media only screen and (min-width: 1500px) { div.imageGallery.combined .item span.image { width: 100%; height: 680px; display: block; position: relative; background: #333; overflow: hidden;} div.imageGallery.combined .item img { width: 1600px; height: 680px; margin: 0; max-width: none; position: absolute; left: 50%; margin-left: -800px; } } @media only screen and (min-width: 1600px) { div.imageGallery.combined .item img, div.imageGallery.horizontal div.item img, div.imageGallery.horizontal.titleOnly div.item img { width: 100%; height: auto; margin-left: -50%; } } @media only screen and (max-width : 999px) { div.pageHeaderWrapper { padding: 45px 5% 35px !important; } div#pageWrapper { padding: 0 5%; margin-bottom: 0; } div#pageSide, div#pageContent, div#pageRightColumn { float: none; width: 100% !important; margin: 0 0 0 !important; } body.fullWidth div#pageWrapper { padding: 0; margin-bottom: 0; } body.fullWidth div#pageContent { margin-bottom: 0 !important; } body.fullWidth div.contentColumn { padding: 0 5%; } body.fullWidth div.contentColumnSimple { padding: 0 5%; } body.landingPage div.pageHeader { margin: 0; } body.landingPage div.pageHeader::before { position: static; height: 160px; opacity: 0.9;} body.landingPage div.pageHeaderWrapper { background: #ffffff; color: #5e6464; } body.landingPage div.pageHeaderWrapper h1 { color: #05a7ab; } body.landingPage div.breadcrumb a { color: #5e6464; } body.landingPage div.breadcrumb a[href="/"]::after { color: #05a7ab; } body.schoolPage div.content-RTE { padding: 0 60px;} #header { height: 80px; position: relative; margin: 0; } #header #logo { margin: 13px 0 14px 0; } #header #logo a { width: 170px; height: 53px; background-size: 170px 53px; margin-left: 20px; } #header::after { content: ''; display: block; background: rgba(0, 0, 0, 0.2); width: 100%; height: 4px; overflow: hidden; position: absolute; bottom: -4px; z-index: 120; } #header #search { background: #414545; position: absolute; top: 0; right: 0; left: 100%; height: 80px; margin: 0; float: none; padding: 0; z-index: 150; overflow: hidden; transition: left 300ms ease;} #header #search form { width: auto; min-width: 170px; margin: 25px 2em 0; } #header #search input.text { width: 100%; } #header #search.open { left: 80px;} #secondaryNavigation { width: 100%; float: none; } #secondaryNavigation #rootMenuItem { display: block; border: 1px solid #cfcfcf; background: #ffffff !important; } #secondaryNavigation #rootMenuItem a { padding: 1em 1.5em; display: block; } #secondaryNavigation #rootMenuItem a > span { padding-left: 1em; } #secondaryNavigation #rootMenuItem a::before { content: '\e9a1'; font-size: 30px; line-height: 1; float: left; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #secondaryNavigation ul { border: none; max-height: 0px; overflow: hidden; transition: max-height 750ms ease; } #secondaryNavigation ul.open { max-height: 1200px; transition-duration: 1s; } #secondaryNavigation ul li a { padding: 1em 1.5em; } #secondaryNavigation ul ul { border-top: 1px solid #cfcfcf; padding-top: 1em; } #secondaryNavigation ul ul li a { padding-left: 1.5em; } #secondaryNavigation ul ul ul li a { padding-left: 2.5em; } div#pageRightColumnWrapper { display: block; width: 100%; } div#pageRightColumnWrapper > div.node-item_right, div#pageRightColumnWrapper > div.node-item_left { display: block; float: left; width: 48%; } div#pageRightColumnWrapper > div.node-item_right div.box, div#pageRightColumnWrapper > div.node-item_left div.box { min-height: 330px; padding-bottom: 51px; } div#pageRightColumnWrapper > div.node-item_right div.box a.more, div#pageRightColumnWrapper > div.node-item_left div.box a.more { position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; } div#pageRightColumnWrapper > div.node-item_left { margin-right: 2%; clear: left; } div#pageRightColumnWrapper > div.node-item_right { margin-left: 2%; clear: right; } #revealNavigationButton { display: block; position: absolute; top: 0; left: 100%; transition: left 300ms ease; margin-left: -81px; z-index: 120; border-left: 1px solid #02747f;} #revealNavigationButton a { font-size: 75%; background: #027f8e; text-transform: uppercase; text-decoration: none; color: #ffffff; display: block; width: 80px; height: 80px; text-align: center; position: relative; z-index: 120; border-right: 1px solid #02747f;} #revealNavigationButton a span { display: block; padding-top: 12px; } #revealNavigationButton a::after { content: '\e600'; font-size: 44px; line-height: 30px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #revealNavigationButton.open { left: 0; margin-left: 0; border-left: none;} #revealNavigationButton.open a span { display: none; } #revealNavigationButton.open a::after { content: '\e601'; position: relative; top: 23px; } #revealNavigationButton #darkOverlay { position: fixed; top: 0; left: 0; right: 0; bottom: 100%; opacity: 0; background: rgba(0, 0, 0, 0.4); z-index: 110; overflow: hidden; transition: opacity 300ms ease, bottom 0ms ease 300ms; } #revealNavigationButton.open #darkOverlay { bottom: 1px; opacity: 1; transition: opacity 300ms ease; } html.mobileMenuActive, html.mobileMenuActive body { overflow: hidden; height: 100%; } #navigation { position: fixed; z-index: 140; top: 0; left: 100%; width: 100%; height: 100%; background: #414545; overflow: hidden; transition: left 300ms ease; } #navigation.open { left: 80px; } #navigation.open #navigationWrapper { margin-right: 80px; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } #primaryNavigation { margin-top: 80px; width: 100%; background: #414545; position: static; } #primaryNavigation.open { display: block; } #primaryNavigation::after { display: none; } #primaryNavigation div.content { display: block; width: 100%; margin: 0; padding: 0 2em; } #primaryNavigation div.content > ul { display: block; border-top: 1px solid #4e5151; background: #414545; float: none; padding: 0; height: auto; } #primaryNavigation div.content > ul > li { display: block; border-bottom: 1px solid #4e5151; width: 100%; float: none; margin: 0; height: auto; position: relative;} #primaryNavigation div.content > ul > li span { width: 100%; display: inline; } #primaryNavigation div.content > ul > li a { color: #ffffff; font-size: 100%; height: auto; padding: 1.3em 1em 1.3em 0; width: 100%; } #primaryNavigation div.content > ul > li span.arrow-dropdown { cursor: pointer; display: block; padding: 1.3em 1.3em 2em; position: absolute; top: 0; right: 0; width: auto; } #primaryNavigation div.content > ul > li.has_child span.arrow-dropdown::after { content: '\f501'; color: #ffffff; font-size: 140%; position: absolute; right: 0; top: .9em; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #primaryNavigation div.content > ul > li.open span.arrow-dropdown::after { content: '\f500'; } #primaryNavigation div.content > ul > li.last { width: auto; } #primaryNavigation div.content > ul > li.last > a { padding: 1.3em 1em 1.3em 0; } #primaryNavigation div.dropdown { position: static; width: 100%; box-shadow: none; } #primaryNavigation div.dropdown div.menu { position: static; width: 100%; margin: 0; padding: 0; height: auto; float: none; } #primaryNavigation div.dropdown ul { display: block; position: static; width: auto; margin: 0 0 2em 1.4em; height: auto; -webkit-column-fill: balance; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } #primaryNavigation div.dropdown ul::after { display: none; } #primaryNavigation div.dropdown li { width: 100%; height: auto; display: block; padding: 0; margin: 0; position: static; } #primaryNavigation div.content > ul > li div.dropdown a { color: #afbbbb; display: block; height: auto; padding: 0.8em 0; } #primaryNavigation div.content > ul > li div.dropdown a span { display: inline; border: none; height: auto; width: 100%; } #primaryNavigation div.content > ul > li div.dropdown a:hover { color: #afbbbb; } #primaryNavigation div.content > ul > li div.dropdown div.info { display: none; } #primaryNavigation div.content > ul > li.current > a::after { display: none; } #globalNavigation { width: 100%; background: #414545; position: static; float: none; display: block; margin: 0; text-align: left; } #globalNavigationWrapper { margin: 0 2em; } #globalNavigation h3 { display: block; font-size: 75%; color: #05a7ab; text-transform: uppercase; margin: 3em 0 1em 0; } #globalNavigation ul { display: block; border: none; background: #414545; float: none; height: auto; } #globalNavigation ul > li { display: block; border: none; float: none; margin: 0; height: auto; padding: 0; } #globalNavigation ul > li a { color: #ffffff; font-size: 100%; display: block; height: auto; padding: 0.5em 0; text-decoration: none; text-transform: none;} #globalNavigation ul > li a::before { display: none; } #globalNavigation ul > li a span { border: none; } #globalNavigation ul > li a:hover span { border: none; } #utilityNavigation { width: 100%; background: #414545; position: static; float: none; display: block; margin: 0; height: auto; text-align: left; } #utilityNavigationWrapper { margin: 0 2em; } #utilityNavigation h3 { display: block; font-size: 75%; color: #05a7ab; text-transform: uppercase; margin: 1em 0 0 0; padding: 1em 0 0 0; } #utilityNavigation ul { display: block; border: none; background: #414545; float: none; height: auto; text-align: left; margin-bottom: 2em; } #utilityNavigation ul > li { display: none; border: none; float: none; margin: 0; height: auto; padding: 0; } #utilityNavigation ul > li:hover { background: none; } #utilityNavigation ul > li:first-child { display: block; font-size: 130%; padding-top: 20px; } #utilityNavigation ul > li.library { display: block; font-size: 130%; } #utilityNavigation ul > li a { text-transform: none; } #utilityNavigation ul > li.quick_links { display: block; } #utilityNavigation ul > li.quick_links > a { display: none; } #utilityNavigation ul > li.quick_links div.dropdown { display: block; position: static; background: transparent; } #utilityNavigation ul > li.quick_links div.dropdown div.columnOne { display: none; } #utilityNavigation ul > li.quick_links div.dropdown div.columnTwo { display: none; } #utilityNavigation ul > li.quick_links div.dropdown div.rowBottom { display: block; margin: 0; padding: 0; } #utilityNavigation ul > li.quick_links div.dropdown div.rowBottom > ul { border: none; padding-top: 10px; } #utilityNavigation ul > li.quick_links div.dropdown div.rowBottom > ul > li { float: none; font-size: 120%; padding-bottom: 10px; } #utilityNavigation ul > li.quick_links div.dropdown div.rowBottom > ul > li.last { float: none; text-align: left;} #utilityNavigation ul > li.quick_links div.dropdown div.rowBottom > ul > li > a::before { display: none; } #utilityNavigation ul > li.quick_links div.dropdown div.rowBottom > ul > li > a:hover { color: #ffffff; } #utilityNavigation li.quick_links:hover div.dropdown { display: block; text-align: left; padding: 0; } div.imageGallery div.controls > a span { vertical-align: initial; } div.imageGallery div.controls div.pagination a { padding: 0 .1em; } div.imageGallery div.controls div.pagination a span { font-size: 240%; } div.imageGallery.combined div.controls { top: auto; bottom: 10px; right: 20px; } div.imageGallery.combined div.controls > a, div.imageGallery.combined div.controls div.pagination, div.imageGallery.combined div.controls div.pagination a { display: inline; } div.imageGallery.combined div.caption { left: 20px; bottom: -30px; width: auto; } div.imageGallery.combined div.caption h2 { font-size: 163%; clear: both; padding: 0.8em 1em;} div.imageGallery.combined div.caption h2:after { display: none; } div.imageGallery.combined div.caption div.description { float: none; color: #ffffff; width: 435px; margin: 0; clear: both; font-size: 100%; padding: 1.6em 1.6em 1em;} div.imageGallery.combined div.caption div.content { float: none; color: #ffffff; width: 435px; margin: 0; clear: both; padding: 0 1.6em 1.4em 1.6em;} div.imageGallery.combined div.caption div.content p { margin: 0; font-size: 100%; } div.imageGallery.horizontal div.controls > a span { font-size: 140%; } div.imageGallery.horizontal div.controls div.pagination a span { font-size: 240%; } div.imageGallery.horizontal div.caption { right: auto; left: 60px; max-width: 400px; } div.imageGallery.horizontal div.caption h2 { font-size: 238%; } div.imageGallery.horizontal.titleOnly div.caption { right: 42%; } div.imageGallery.horizontal.titleOnly div.caption h2 { max-width: 380px; font-size: 175%; } div.imageGallery.flipbook div.item .caption .author { font-size: 100%; top: 12%;} div.imageGallery.flipbook div.item .caption .heading { font-size: 190%; top: 17%; } div.imageGallery.flipbook div.item .caption .subtitle { font-size: 100%; top: 80%; } div.imageGallery.flipbook div.item .caption::after { padding-left: 6px; top: 40%; width: 80px; height: 80px; margin-left: -40px; line-height: 80px; font-size: 40px; } div.imageGallery.plain.features { margin: 2em 0; } div.imageGallery.plain.features div.item { width: 50%; padding-bottom: 3%; } div.imageGallery.plain.features span.image { display: block; text-align: center; } div.imageGallery.plain.features h3 span { width: 170px; } div.imageGallery.plain.features .imageWrapper > img.hover { left: 50%; margin-left: -125px; } div.imageGallery.overlap div.item.article { margin: 100px 5%; } div.imageGallery.overlap div.item.article div.text h3 { font-size: 170%;} div.imageGallery.overlap div.item.article figure { padding: 0 5%; } div.imageGallery.overlap div.item.article div.text { padding: 0 5%; } div.footerNews div.columnOne.ofThree { width: 50%; margin: 0; padding: 0 5%; } div.footerNews div.columnTwo.ofThree { width: 50%; margin: 0; padding: 0 5%; } div.footerNews div.columnThree.ofThree { display: none; } div.pageButtons { position: fixed; width: 100% !important; background: #fff; bottom: 0; left: 0; z-index: 50; margin: 0; } div#pageRightColumnWrapper div.pageButtons { position: fixed; width: 100% !important; background: #fff; bottom: 0; left: 0; z-index: 50; margin: 0; } div.pageButtons .pageButtonsWrapper { margin: 0 4px; } /*div.pageButtons ul { display: table; width: 100%; }*/ div.pageButtons ul { display: table; width: 100%; margin: 0; } div#pageRightColumnWrapper div.pageButtons ul { display: table; width: 100%; margin: 0; } div.pageButtons li { display: table-cell; float: none; width: auto !important; margin: 0 !important; padding: 0; } div#pageRightColumnWrapper div.pageButtons li { display: table-cell; float: none; width: auto !important; margin: 0 !important; padding: 0; } div.pageButtons a { padding: 1.2em 5px; margin: 5px 4px; } body.courseDetailPage div.pageButtons { margin: 0; } body.courseDetailPage div.pageButtons li { display: table-cell; } div.tabsWrapper .tabsMenu { float: none; width: 100%; margin-bottom: 50px; } div.tabsWrapper .tabsMenu h3 { display: block; text-align: left; border: 1px solid #cfcfcf; border-bottom: none; margin: 0; height: auto; line-height: inherit; font-size: 100%; font-weight: 400; } div.tabsWrapper .tabsMenu h3 a, div.tabsWrapper .tabsMenu h3 a:hover { color: #05a7ab; background: #fff; } div.tabsWrapper .tabsMenu h3 a::before { content: '\e9a1'; font-size: 30px; line-height: 1; float: left; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } div.tabsWrapper .tabsMenu h3 a > span { padding-left: 1em; } div.tabsWrapper .tabsMenu a { display: block; padding: 1em 1.5em; } div.tabsWrapper .tabsMenu ul { max-height: 0px; overflow: hidden; transition: max-height 750ms ease; } div.tabsWrapper .tabsMenu ul.open { max-height: 1200px; transition-duration: 1s; } div.tabsWrapper .tabsBody { float: none; width: 100%; padding: 0; margin-bottom: 50px; } .courseDetailPage div.box { clear: none; width: 48%; margin-bottom: 50px; } .courseDetailPage div.box.purple { margin-right: 2%; } .courseDetailPage div.box.file { margin-left: 2%; } #footerInfo { text-align: center; } #footerInfo p { max-width: 50%; margin: 0.6em auto 1.4em auto; } #footerInfo div.columnOne { border: none; float: none; width: 100%; padding: 0 3em; } #footerInfo div.columnTwo { border: none; float: none; width: 100%; margin: 0; padding: 43px 3em 0 3em; } #footerInfo div.columnThree { border: none; float: none; width: 100%; padding: 43px 3em 0; } #footerInfo div.columnOne div.columnWrapper, #footerInfo div.columnTwo div.columnWrapper { border-bottom: 1px solid #094b70; padding-bottom: 43px; } #footerInfo div.columnThree p { max-width: 80%; } #footerInfo p.minimap { max-width: none; margin-top: 50px; background: url('../images/footer_map.jpg'); background-size: cover; border: 4px solid #ffffff; } #footerInfo p.minimap img { width: 442px; visibility: hidden; } #footerInfo p.socialIcons { margin-top: 1.4em; } #footerInfo p.socialIcons a { font-size: 140%; width: 2.7em; height: 2.7em; } #copyright { padding: 0.4em 4em 0.4em 4em; font-size: 100%; } #footerNavigation { font-size: 80%; padding: 2.5em 20%; line-height: 2; } #footerNavigation ul { line-height: 2; } #collegeIconNavigationSingle div.discipline-image { float: none; width: 100%; } #collegeIconNavigationSingle div.discipline-image img { display: block; margin: 0 auto 50px auto; } #collegeIconNavigationSingle div.discipline-list { float: none; width: 100%; padding: 0; } #collegeIconNavigationSingle div.discipline-list h3 { margin: 0 auto 30px auto; } #collegeIconNavigationSingle div.discipline-list ul { margin: 0 60px; } #collegeIconNavigationSingle div.discipline-list li { margin: 0; width: 48%; } #collegeIconNavigationSingle div.discipline-list li:nth-child(2n+1) { margin-right: 2%; } #collegeIconNavigationSingle div.discipline-list li:nth-child(2n) { margin-left: 2%; } #schoolNavigation { padding: 0 60px; margin: 60px 0; } #schoolNavigation h2 { width: 100%; } #schoolNavigation ul { width: 100%; } #schoolDisciplinesNavigation #schoolDisciplinesNavigationWrapper { padding: 70px 60px; } #schoolDisciplinesNavigation li { width: 31.330%; margin: 0 3% 0 0; } #schoolDisciplinesNavigation li:nth-child(4n) { margin: 0 3% 0 0; } #schoolDisciplinesNavigation li:nth-child(3n) { margin: 0; } div.imageBlock { display: block; } div.imageBlock div.covering_image { display: block; width: 100%; height: 400px; } div.imageBlock div.content { display: block; width: 100%; padding: 40px 60px; } div.imageBlock.right div.covering_image { left: 0; } div.imageBlock.right div.content { left: 0; } body.newsPage.article div.news_article div.article div.author { margin-left: -88px; } body.newsPage.article div.news_article div.article > p:first-of-type::first-letter { font-size: 82px; margin: -6px 4px -5px -2px; } /* search form above the content */ body.newsPage.events #pageWrapper { display: table; margin-left: 0; margin-right: 0; width: 100%; } body.newsPage.events #pageWrapper #pageContent { display: table-footer-group; float: none; } body.newsPage.events #pageWrapper #pageRightColumn { display: table-header-group; float: none; } body.newsPage.events div#pageRightColumnWrapper { display: block; width: 100%; } body.newsPage.events div#pageRightColumnWrapper > div { display: block; width: 100%; } body.newsPage.events div#pageRightColumnWrapper > div:nth-child(1) { padding-right: 0; } body.newsPage.events div#pageRightColumnWrapper > div:nth-child(2) { padding-left: 0; } body.newsPage #calendar { border: 1px solid #cfcfcf; width: 48%; float: left; margin-top: 32px; } body.newsPage #calendar table { width: 100%; } body.newsPage #calendar tr { display: none; } body.newsPage #calendar tr:first-child { display: table-row; } body.newsPage #calendar tr:first-child th { background: #ffffff; color: #5e6464; padding: 0; height: 43px; line-height: 43px; } body.newsPage #calendar tr:first-child th:first-child { display: none; } body.newsPage #calendar tr:first-child th:nth-child(2) { text-align: left; padding-left: 16px; font-weight: normal; } body.newsPage #calendar tr:first-child th:nth-child(3) { cursor: pointer; position: relative; } body.newsPage #calendar tr:first-child th:nth-child(3)::after { content: '\e605'; position: absolute; right: 14px; font-size: 22px; color: #05a7ab; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.newsPage #calendar #calendarFilter { display: none; } body.newsPage #calendar.open { position: fixed; float: none; width: 100%; height: 100%; background: rgba(0,0,0,0.6); top: 0; left: 0; margin: 0; border: none; z-index: 500; } body.newsPage #calendar.open table { width: 316px; margin: 0 auto; margin-top: 26%; } body.newsPage #calendar.open tr { display: table-row; } body.newsPage #calendar.open tr th, body.newsPage #calendar.open tr td { background: #ffffff; padding: 6px 3px; font-size: 100%; } body.newsPage #calendar.open tr:first-child th { background: #05a7ab; color: #ffffff; } body.newsPage #calendar.open tr:first-child th:first-child { display: table-cell; } body.newsPage #calendar.open tr:first-child th:nth-child(2) { text-align: center; padding: 6px 3px; font-weight: bold; } body.newsPage #calendar.open tr:first-child th:nth-child(3) { position: relative; } body.newsPage #calendar.open tr:first-child th:nth-child(3)::after { content: '\e601'; background: #414545; display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #ffffff; border-radius: 100%; position: absolute; top: -20px; right: -20px; } body.newsPage #calendar.open #calendarFilter { display: block; width: 316px; margin: 0 auto; } body.newsPage #calendarSearch { width: 48%; margin-left: 52%; } body.newsPage #calendarSearch input { border: 1px solid #cfcfcf; } body.newsPage.events #categories { clear: both; width: 100%; margin: 20px 0 40px 0; border: none; padding: 0; } body.newsPage.events #categories fieldset { border: 1px solid #cfcfcf; padding: 0; position: relative; min-height: 45px; } body.newsPage.events #categories fieldset legend { text-indent: -9999px; display: block; background-color: #49b0c6; color: #ffffff; width: 45px; height: 45px; position: absolute; top: -1px; right: -1px; padding: 0; margin: 0; cursor: pointer; } body.newsPage.events #categories fieldset legend::before { content: '\f501'; text-indent: 0; display: block; position: absolute; top: 13px; right: 16px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.newsPage.events #categories fieldset span.placeholder { color: #999; font-style: italic; margin: 5px; display: block; padding: 5px 0 5px 10px; } body.newsPage.events #categories div.submit { width: 240px; margin-left: auto; } body.newsPage.events #categories div.submit input[type=button] { width: 240px; } body.newsPage.events #categories div.mainCategory { margin: 0; float: none; display: none; border-top: 1px solid #cfcfcf; } body.newsPage.events #categories div.mainCategory input + label { margin: 0; padding: 14px 15px; border: none; position: relative;} body.newsPage.events #categories div.mainCategory input:checked, body.newsPage.events #categories div.mainCategory input:checked + label { display: block; } body.newsPage.events #categories div.mainCategory input + label::after { content: ''; display: block; font-size: 22px; position: absolute; right: 9px; top: 9px; width: 26px; height: 26px; line-height: 26px; text-align: center; border: 1px solid #cfcfcf; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} body.newsPage.events #categories div.mainCategory input:checked + label { background: #ffffff; color: #5e6464; } body.newsPage.events #categories div.mainCategory input:checked + label::after { content: '\2713'; color: #05a7ab; } body.newsPage.events #categories.open div.mainCategory { display: block; } body.newsPage.events #categories.open fieldset legend::before { content: '\f500'; } #OrderProspectus { width: 100%; padding-right: 200px; } #OrderProspectus div.two-columns > div { width: 100%; float: none; } #OrderProspectus div.two-columns > div:first-child { padding: 0; } #OrderProspectus div.two-columns > div:nth-child(2) { padding: 0; } #OrderProspectus div.two-columns.form-row > div.form-inputs { -moz-columns: 1; -webkit-columns: 1; columns: 1;} #OrderProspectus #submitButton { font-size: 100%; padding: 18px 15px; } div.job_list { min-height: 0; } div.twoColumnArticlePodsAsymmetric div.leftColumn { width: 85%; margin: 0 auto; float: none; } div.twoColumnArticlePodsAsymmetric div.rightColumn { width: 85%; margin: 0 auto; float: none; } div.twoColumnArticlePodsAsymmetric div.rightColumn::after { content: ''; display: block; clear: both; } div.twoColumnArticlePodsAsymmetric div.leftColumn div.articlePod::after { display: none; } div.twoColumnArticlePodsAsymmetric div.rightColumn div.articlePod { width: 47%; float: left; clear: left; } div.twoColumnArticlePodsAsymmetric div.rightColumn div.articlePod:nth-child(2n) { width: 47%; float: right; clear: right; } div.twoColumnArticlePods, div.threeColumnArticlePods { width: 85%; margin: 0 auto; } div.columnOne.ofThree.articlePod { margin-left: 0; margin-right: 1.75%; width: 48.25%; } div.columnTwo.ofThree.articlePod { margin-left: 1.75%; margin-right: 0; width: 48.25%; } div.columnThree.ofThree.articlePod { margin-left: 0; margin-right: 1.75%; width: 48.25%; } div.columnOne.ofThree.greyPod { margin-left: 0; margin-right: 1.75%; width: 48.25%; } div.columnTwo.ofThree.greyPod { margin-left: 1.75%; margin-right: 0; width: 48.25%; } div.columnThree.ofThree.greyPod { margin-left: 0; margin-right: 1.75%; width: 48.25%; } #campusMapBanner { width: 48%; margin: 50px 2% 100px 0; float: left; } #eventsWidget { width: 48%; margin: 50px 0 100px 2%; float: right; height: 0; padding-bottom: 39.8%;} #eventsWidget div.date { width: 80px; padding: 0 15px; } div.wideScreenTabbedContent div.tabContent { padding: 0 60px; } div.keyFactsRoundels { margin: 50px auto; max-width: 735px; } div.keyFactsRoundels div.roundel { width: 200px; height: 200px; } div.keyFactsRoundels div.roundel:nth-child(3n+1) { margin: 0 0 0 8px; } div.keyFactsRoundels div.roundel:nth-child(3n+2) { margin: 0 60px 0 60px; } div.keyFactsRoundels div.roundel:nth-child(3n) { margin: 0 7px 0 0;} div.keyFactsRoundels div.roundel p { font-size: 87.5%; width: 170px; margin: 2px auto 0 auto; } div.keyFactsRoundels div.roundel h3 { font-size: 300%; margin: 50px 0 0 0; } div.keyFactsRoundels div.keyFactsRoundelsScroller { height: 200px; } div.keyFactsRoundels div.keyFactsRoundelsPagination { margin: 30px auto 00px auto; } } @media only screen and (max-width : 767px) { /** * Font sizes */ body { font-size: 16px; line-height: 1.375; overflow-x: hidden; } p { font-size: 100%; line-height: 1.375; margin: 0 0 1.875em 0; } h1 { font-size: 220%; line-height: 1.00; margin: 0 0 1em 0; } h2 { font-size: 162.5%; line-height: 1.07; margin: 0 0 1em 0; } h3 { font-size: 112.5%; line-height: 1.44; margin: 0 0 1em 0; } h4 { font-size: 110%; line-height: 1.30; margin: 0 0 1em 0; } h5 { font-size: 110%; line-height: 1.30; margin: 0 0 1em 0; } h6 { font-size: 110%; line-height: 1.30; margin: 0 0 1em 0; } form fieldset { border: none; padding: 0; } form fieldset h3 { margin-top: 0; } form div.form-row label.error { width: 20px; overflow: hidden; color: #fff; text-indent: -9999px; } div.pageHeaderWrapper { padding: 2em 2em 1.6em !important; } div#pageWrapper { padding: 0 2em; } div#pageSide, div#pageContent, div#pageRightColumn { margin-bottom: 30px !important; } body.fullWidth div.contentColumn { text-align: left; padding: 0 2em; } body.fullWidth div.contentColumn h1 { margin-top: 45px; } body.gatewayPage div#pageRightColumnWrapper { display: block; } body.gatewayPage div#pageRightColumnWrapper > div { display: block; width: 100% !important; padding: 0 !important; } body.schoolPage div.content-RTE { padding: 0 30px; text-align: left; margin: 50px 0; } #header { height: 60px; } #header #logo { margin: 9px 0 8px 0; } #header #logo a { width: 140px; height: 43px; background-size: 140px 43px; margin-left: 12px; } #header::after { height: 3px; bottom: -3px; } #header #search { height: 60px; } #header #search form { min-width: 100px; margin: 12px 1.3em 0; } #header #search.open { left: 60px; } #revealNavigationButton { margin-left: -61px; } #revealNavigationButton a { font-size: 63%; width: 60px; height: 60px; } #revealNavigationButton a span { display: block; padding-top: 9px; } #revealNavigationButton a::after { font-size: 38px; line-height: 23px; } #revealNavigationButton.open a::after { top: 17px; } #navigation.open { left: 60px; } #navigation.open #navigationWrapper { margin-right: 60px; } #primaryNavigation { margin-top: 60px; } #primaryNavigation div.content { padding: 0 1.3em; } #globalNavigationWrapper { margin: 0 1.3em; } #utilityNavigationWrapper { margin: 0 1.3em; } div.breadcrumb { display: none; } div.imageGallery.combined { margin-bottom: 50px; } div.imageGallery.combined div.item { margin-bottom: 0; } div.imageGallery.combined div.item span.image { display: block; overflow: hidden; } div.imageGallery.combined div.item img { width: 146%; max-width: 146%; margin-left: -23%; } div.imageGallery.combined div.controls { width: 100%; left: 0; right: auto; } div.imageGallery.combined div.caption { position: static; } div.imageGallery.combined div.caption h2 { font-size: 137.5%; padding: 0.9em 1.46em; margin: 0; float: none; position: static; } div.imageGallery.combined div.caption div.description { padding: 1.8em 2em 0 2em; float: none; margin: 0; width: 100%; } div.imageGallery.combined div.caption div.content { padding: 2em; float: none; margin: 0; width: 100%; } div.imageGallery.combined div.caption div.content p { font-size: 100%; margin: 0; padding: 0; } div.imageGallery.horizontal { margin-bottom: 50px; } div.imageGallery.horizontal div.item span.image { display: block; overflow: hidden; } div.imageGallery.horizontal div.item img { width: 146%; max-width: 146%; margin-left: -23%; } div.imageGallery.horizontal div.caption { position: static; clear: both; float: none; width: 100%; max-width: 100%; } div.imageGallery.horizontal div.caption { background: #027f8e; background: -moz-linear-gradient(left, #05a7ab 0%, #027f8e 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#05a7ab), color-stop(100%,#027f8e)); background: -webkit-linear-gradient(left, #05a7ab 0%,#027f8e 100%); background: -o-linear-gradient(left, #05a7ab 0%,#027f8e 100%); background: -ms-linear-gradient(left, #05a7ab 0%,#027f8e 100%); background: linear-gradient(to right, #05a7ab 0%,#027f8e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05a7ab', endColorstr='#027f8e',GradientType=1 ); } div.imageGallery.horizontal div.caption .captionWrapper { float: none; width: 100%; max-width: 100%; padding: 20px 0; } div.imageGallery.horizontal div.caption p.label { background: #ffffff; color: #05a7ab; } div.imageGallery.horizontal div.caption h2 { font-size: 162%; padding: 0 30px; } div.imageGallery.horizontal div.caption p { padding: 0 30px; } div.imageGallery.horizontal.titleOnly div.caption { position: static; clear: both; float: none; width: 100%; max-width: 100%; } div.imageGallery.horizontal.titleOnly div.caption h2 { max-width: none; font-size: 165%; padding: 0 1.25em; margin: 0; float: none; line-height: 1.3; } div.imageGallery.horizontal.titleOnly div.caption h2:after { display: none; } div.imageGallery.horizontal.titleOnly div.item img { width: 218%; max-width: 218%; float: right; margin-left: 0; margin-right: -10%; } div.imageGallery.features.fourColumnLayout div.layoutColumnOne, div.features.fourColumnLayout div.layoutColumnTwo, div.features.fourColumnLayout div.layoutColumnThree, div.features.fourColumnLayout div.layoutColumnFour, div.features.fourColumnLayout div.layoutColumnWrapper { width: 100%; float: none; clear: both; } div.features.fourColumnLayout h3 { bottom: 40px; } div.imageGallery.plain div.item { display: none; } div.imageGallery.plain div.item:first-child { display: block; } div.imageGallery.plain.features div.item { width: 100%; } div.imageGallery.plain.features h3 span { width: 50%; } div.imageGallery.plain.features .controls { display: block; } div.imageGallery.overlap div.item.article { margin: 50px 2em; } div.imageGallery.overlap div.item.article article { display: block; } div.imageGallery.overlap div.item.article article figure { display: none; } div.imageGallery.overlap div.item.article article div.text { display: block; width: 100%; padding: 0; } div.imageGallery.lightbox div.item { width: 50%; float: left; padding: 0 4px 4px 0px; } div.imageGallery.lightbox div.item.main { width: 50%; float: left; padding: 0 4px 4px 0px; } div.imageGallery.lightbox div.item:nth-child(7) { display: none; } div.imageGallery.lightbox div.more { text-align: left; padding: 0; } div.imageGallery.lightbox div.more a { display: block; background: #05a7ab; color: #ffffff; padding: 1em 1em; font-size: 80%; } div.imageGallery.lightbox div.more a::after { float: right; font-size: 120%; position: relative; top: 2px; } div.imageGallery.background div.item { background: #ffffff; } div.imageGallery.background div.item.left div.columnWrapper, div.imageGallery.background div.item.right div.columnWrapper {width: 100%; float: none;} div.imageGallery.background div.item span.image { opacity: 1; position: static; } div.imageGallery.background div.item div.columnWrapper { display: block; } div.imageGallery.background div.item div.columnWrapper div.text { display: block; width: 100%; height: auto; padding: 0 2em; } div.imageGallery.background div.item h3 { color: #05a7ab; font-size: 175%; margin: 1em 0; line-height: 1; } div.imageGallery.background div.item div.full {display: none;} div.imageGallery.background div.item p {color: #5e6464; } div.imageGallery.background div.item div.more { margin-bottom: 30px; } div.imageGallery.background div.item div.more a { color: #05a7ab; } div.imageGallery.flipbook div.imageGalleryWrapper { width: 272%; margin-left: -86%; transition: margin 400ms ease; } div.imageGallery.flipbook div.item { width: 33.33%; transition: none; } div.imageGallery.flipbook div.item.middle a::before { content: ''; position: absolute; z-index: 6; top: 0; left: 0; width: 1%; height: 100%; background-color: #fff; } div.imageGallery.flipbook div.item.middle a::after { content: ''; position: absolute; z-index: 6; top: 0; right: 0; width: 1%; height: 100%; background-color: #fff; } div.imageGallery.flipbook div.item.middle span.imageWrapper iframe { width: 98%; left: 1%; } div.imageGallery.flipbook div.item img { width: auto; max-width: 100%; margin: 0; transition: none; } div.imageGallery.flipbook div.item.active { width: 33.33%; } div.imageGallery.flipbook div.item.active img { width: auto; max-width: 100%; margin: 0;} div.imageGallery.flipbook div.item .caption .author { font-size: 100%; top: 15%;} div.imageGallery.flipbook div.item .caption .heading { font-size: 120%; top: 23%; } div.imageGallery.flipbook div.item .caption .subtitle { font-size: 100%; top: 78%; } div.imageGallery.flipbook div.controls { display: block; background-color: #fff; padding: 30px 0 40px; } #footerInfo { padding: 45px 0 50px; } #footerInfo p { max-width: 100%; margin: 1.875em auto; } #footerInfo h3 + p { margin-top: 0.8125em; } #footerInfo h3 + p.socialIcons { margin-top: 1.1875em; } #footerInfo div.columnOne { padding: 0 2em; } #footerInfo div.columnTwo, #footerInfo div.columnThree { padding: 50px 2em 0; margin-left: 0; } #footerInfo div.columnOne div.columnWrapper, #footerInfo div.columnTwo div.columnWrapper { padding-bottom: 1.2em; } #footerInfo div.columnThree p { max-width: 100%; } #footerInfo div.columnThree p a { margin-bottom: 20px; } #footerInfo div.columnThree p.socialIcons { width: 260px; } #footerInfo div.columnThree p.socialIcons a.youtube { margin-right: 0; } #footerInfo p.minimap img { width: auto; } #footerInfo p.contactIcons a { display: inline-block; width: 170px; text-align: left; margin: 0.3em 0; } #copyright { padding: 0.4em 2em; } #footerNavigation { padding: 2.5em 2em; } div.footerNews { padding: 50px 0 44px; } div.footerNews { padding-left: 1em; padding-right: 1em; } div.footerNews div.columnOne.ofThree, div.footerNews div.columnTwo.ofThree, div.footerNews div.columnThree.ofThree { width: 100%; margin: 0; padding: 0 1em 2em; display: none; } div.footerNews div.columnOne.ofThree, div.footerNews div.controls { display: block; } div.imageGallery.footerNews div.controls > a:hover, div.imageGallery.footerNews div.controls div.pagination a.active { color: #73DAF0; } div.threeVignettes div.item { width: 100%; float: none; margin: 1.875em 0;} div.threeVignettes div.item.col1 { text-align: center; padding: 0; } div.threeVignettes div.item.col2 { text-align: center; padding: 0; } div.threeVignettes div.item.col3 { text-align: center; padding: 0; } article { display: table; } article figure, article figure.right, article figure.left, .tabsBody figure { float: none !important; width: 100%; margin: 0; } article > figure { display: table-footer-group; } article > h2 { display: table-header-group; } article > h2 span { padding: 1em 0; display: block;} article > div.text { display: table-header-group; } div.accordion { margin: 2.5em 0; } div.videoYoutubeWrapper { display: block; } div.videoYoutube div.video { width: 100%; display: block; } div.videoYoutube div.info { width: 100%; display: block; padding: 1em 2em; } div.videoYoutube.videotabs a.videoLink { width: 100%; position: relative; } div.videoYoutube.videotabs a.videoLink:last-child { padding-bottom: 0; } div.videoYoutube.videotabs span.videoThumb { position: absolute; top: 10px; left: 0; } div.videoYoutube.videotabs a.videoLink:first-child span.videoThumb { top: 0; } div.videoYoutube.videotabs span.videoTitle { width: 100%; height: 55px; padding-left: 83px; } div.ctaBannerWrapper { display: block; } div.ctaBanner div.image { width: 100%; display: block; } div.ctaBanner div.text { width: 100%; display: block; } div.ctaBanner div.text li { padding: 0.8em 0; } div.ctaBanner div.text a.ctaButton { position: static; text-align: center; height: 60px; line-height: 1.7; } div.embededNavigationWrapper div.columnOne.ofThree { width: 100%; float: none; } div.embededNavigationWrapper div.columnTwo.ofThree { width: 100%; float: none; } div.embededNavigationWrapper div.columnThree.ofThree { width: 100%; float: none; } div.pageButtons .pageButtonsWrapper { margin: 0 3px; } div.pageButtons a { margin: 6px 3px; } div.pageButtons a::before { display: none; } .courseDetailPage div.box { width: 100%; } .courseDetailPage div.box.purple, .courseDetailPage div.box.file { margin: 0 0 2em; } #collegeIconNavigation { padding: 0 2em; } #collegeIconNavigation li { width: 50%; border: none; } #collegeIconNavigation li.item2 { margin: 0; } #collegeIconNavigation li.item.open { margin-bottom: 27px; } #collegeIconNavigation span.disciplines { padding: 5px 0; } #collegeIconNavigation li.item.open .disciplines-list { width: 200%; } #collegeIconNavigation li.item2.open .disciplines-list { right: 0; } #collegePageButtonNavigation { padding: 0 2em; margin: 50px auto; } #collegePageButtonNavigation h3 { display: block; text-align: left; border: 1px solid #cfcfcf; background: #ffffff; margin: 0; height: auto; line-height: inherit; font-size: 100%; font-weight: 400; } #collegePageButtonNavigation h3 a, #collegePageButtonNavigation h3 a:hover { color: #05a7ab; background: #fff; } #collegePageButtonNavigation h3 a::before { content: '\e9a1'; font-size: 30px; line-height: 1; float: left; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #collegePageButtonNavigation h3 a > span { padding-left: 1em; } #collegePageButtonNavigation ul { max-height: 0px; overflow: hidden; transition: max-height 750ms ease; } #collegePageButtonNavigation ul.open { max-height: 1200px; transition-duration: 1s; } #collegePageButtonNavigation li { float: none; width: 100%; display: block; border: 1px solid #d9d9d8; border-top: none; padding: 0; } #collegePageButtonNavigation a { display: block; background: none; border: none; height: auto; color: #5e6464; padding: 1em 1.5em; } #collegePageButtonNavigation a:hover { background: #f9f7f4; color: #5e6464; } #collegePageButtonNavigation a.active { background: #f9f7f4; color: #05a7ab; font-weight: 700; } #collegePageButtonNavigation a span { display: inline; text-align: left; height: auto; } #collegePageButtonNavigation a span::after { display: none; } #collegePageWidgets { padding: 50px 2em; } #collegePageWidgets div.columnLayout > div { float: none; width: 100%; margin: 0; } #collegePageWidgets div.columnTwo.ofThree { margin: 50px 0; } #collegeIconNavigationSingle { margin: 50px 0; padding: 50px 30px; } #collegeIconNavigationSingleWrapper { margin-bottom: 0; } #collegeIconNavigationSingle div.discipline-list { margin: 0; padding: 0; } #collegeIconNavigationSingle div.discipline-list h3 { font-size: 100%; padding-top: 4px;} #collegeIconNavigationSingle div.discipline-list ul { margin: 0; padding: 0; } #collegeIconNavigationSingle div.discipline-list li { float: none; width: 100%; margin: 0; } #collegeIconNavigationSingle div.discipline-list li:nth-child(2n+1) { margin: 0; } #collegeIconNavigationSingle div.discipline-list li:nth-child(2n) { margin: 0; } #schoolNavigation { padding: 0 30px; text-align: left; } #schoolNavigation h2 { width: 100%; display: block; border: 1px solid #cfcfcf; background: #ffffff !important; font-weight: 400; } #schoolNavigation h2 a { display: block; padding: 20px 20px; background: none; position: static; } #schoolNavigation h2::before { display: none; } #schoolNavigation h2 a::before { content: '\e9a1'; margin-right: 16px; font-size: 30px; line-height: 1; position: relative; top: -3px; float: left; width: auto; border: none; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #schoolNavigation ul { width: 100%; -webkit-columns: 1; -moz-columns: 1; columns: 1; display: block; list-style: none; margin: 0; overflow: hidden; } #schoolNavigation ul li { border: 1px solid #cfcfcf; border-top: none; background: #ffffff !important; padding: 14px 20px; margin: 0; } #schoolNavigation ul li a { color: #5e6464; } #schoolNavigation ul { max-height: 0px; -webkit-transition: max-height 750ms ease; transition: max-height 750ms ease; } #schoolNavigation ul.open { max-height: 1200px; -webkit-transition-duration: 1s; transition-duration: 1s; } #schoolDisciplinesNavigation { margin: 50px 0; padding-bottom: 20px; } #schoolDisciplinesNavigation #schoolDisciplinesNavigationWrapper { padding: 40px 30px; } #schoolDisciplinesNavigation h2 { text-align: left; margin-bottom: 30px; } #schoolDisciplinesNavigation li { width: 100%; margin: 0; display: block; float: none; } #schoolDisciplinesNavigation li:nth-child(4n) { margin: 0; } #schoolDisciplinesNavigation li:nth-child(3n) { margin: 0; } div.imageBlock { margin: 50px 0; } div.imageBlock div.covering_image { height: 200px; } div.imageBlock div.content { padding: 20px 30px 20px 30px; } div.dataTables_filter { padding: 8px 7px; } div.dataTables_filter > label::after { right: 7px; top: 8px; } table.dataTable th, table.dataTable td { display: none; } table.dataTable th:first-child, table.dataTable td:first-child { display: table-cell; } div.dataTables_info {width: 100%; float: none; padding-top: 14px; border-top: 1px solid #cfcfcf;} div.dataTables_paginate { border-top: none; text-align: left; } a.paginate_page_number { padding: 7px 14px;} body.newsPage.article div.date { float: none; width: 100%; height: 40px; margin: 26px 0 0 0; padding: 0; } body.newsPage.article div.date span.month { display: block; float: left; width: auto; font-size: 112.5%; padding: 5px 3px 5px 10px; font-weight: 700; line-height: 1.2; margin: 0; } body.newsPage.article div.date span.day { display: block; float: left; width: auto; font-size: 112.5%; padding: 5px 10px 5px 3px; font-weight: 700; line-height: 1.2; margin: 0 3px 0 0; } body.newsPage.article div.date span.year { display: block; float: left; width: auto; font-size: 112.5%; padding: 5px 10px; font-weight: 700; line-height: 1.2; margin: 0 1px 0 0; } body.newsPage.article div.date span.time { display: block; float: left; width: 70px; font-size: 13px; margin: 0 0 0 10px; line-height: 1.1; } body.newsPage.article div.news_article div.article { margin: 0; } body.newsPage.article div.news_article div.article > p:first-of-type::first-letter { font-size: 75px; color: #b5bfbf; font-weight: 700; float: left; margin: -5px 6px -5px -2px; padding: 0; line-height: 1; } body.newsPage.events #calendar { width: 100%; float: none; } body.newsPage.events #calendarSearch { width: 100%; margin: 0; padding-top: 20px; } body.newsPage.events #categories div.submit { width: 100%; } body.newsPage.events #categories div.submit input[type=button] { width: 100%; } body.newsPage.events #categories fieldset span.placeholder { padding-top: 6px; } body.newsPage.newsEvents table.eventlist th, body.newsPage.newsEvents table.eventlist td, body.newsPage.events table.eventlist th, body.newsPage.events table.eventlist td { display: none; } body.newsPage.newsEvents table.eventlist th:first-child, body.newsPage.newsEvents table.eventlist td:first-child, body.newsPage.events table.eventlist th:first-child, body.newsPage.events table.eventlist td:first-child { display: table-cell; } div.testimonial div.image { float: none; width: 100%; } div.testimonial div.image { padding: 0 0 30px 0; } div.testimonial div.image span.imageBorder { margin: 0 auto; } div.testimonial div.text { margin-left: 0; } div.testimonial div.text h4 > span { display: block; margin-left: 0; } div.testimonial div.text h4 > span > span.divider { display: none; } #OrderProspectus { width: 100%; padding-right: 20px; } div.highlight_feature { background: #05a7ab; padding: 10%; margin: 2em 0; } div.highlight_feature div.image { float: none; width: 100%; text-align: center; margin-bottom: 2em; } div.highlight_feature div.image a.imageBorder { float: none; display: inline-block; } div.highlight_feature div.text { margin: 0 auto; padding: 0; } div.grid div.item, div.grid div.item.last { float: none; } div.grid.two_columns div.item, div.grid.three_columns div.item { width: 100%; } div.grid.three_columns div.item.mid, div.grid.two_columns div.item.last, div.grid.two_columns div.item.first { margin: 2em 0; } div.downloads { height: 400px; overflow: hidden; } div.downloads.with_pagination { height: 457px; } div.downloadsWrapper { padding: 30px 0 80px 0; } div.downloads.with_pagination div.downloadsWrapper { padding-bottom: 0; } div.downloads ul.downloadList li { width: 260px; height: 250px; } div.downloads ul.downloadList li a { height: 250px; } div.downloads ul.downloadList li div.info { width: 150px; } div.downloads ul.downloadList li p { width: 150px; font-size: 100%; } #onxshopHeader { display: none; } div#archiveDatePickerContainer div.date_filter { height: auto; } div#archiveDatePickerContainer #archiveDatePickerLabel { float: none; width: 100%; display: block; } div#archiveDatePickerContainer #archiveDatePicker_dateLists_month { float: none; width: 100%; display: block; height: auto; margin: 0 0 16px 0; } div#archiveDatePickerContainer #archiveDatePicker_dateLists_year { float: none; width: 100%; display: block; height: auto; margin: 0 0 16px 0; } div#archiveDatePickerContainer #archiveSelectButton { float: none; width: 100%; display: block; margin: 0 0 16px 0; } div.newsList div.section { padding-top: 30px; position: relative;} div.newsList div.section p.date { position: absolute; top: 0; left: 0; margin: 0; } div.newsList div.section div.image { width: 85px; height: 85px; margin-right: 20px; margin-bottom: 10px; } div.newsList div.section div.image a { width: 85px; height: 85px; } div.newsList div.section div.header { margin-left: 0; } div.newsList div.section div.column-content { margin-left: 0; } div.noticeboardItem { padding-top: 30px; position: relative;} div.noticeboardItem div.image { width: 85px; height: 85px; margin-right: 20px; margin-bottom: 10px; } div.noticeboardItem div.header { margin-left: 0; } div.noticeboardItem div.column-content { margin-left: 0; } body.newsPage.article div.news_article div.article blockquote { float: none; width: 100%; position: static; margin: 0; padding: 55px 35px 33px 16px;} body.newsPage.article div.news_article div.article div.author { height: auto; margin: 0; text-align: center; } body.newsPage.article div.news_article div.article div.author span.image { float: none; display: block; width: 100px; height: 100px; margin: 0 auto; } body.newsPage.article div.news_article div.article div.author span.image img { float: none; display: block; width: 100px; height: 100px; } body.newsPage.article div.news_article div.article div.author p.author_name { margin-left: 0; padding-top: 12px; } body.newsPage.article div.news_article div.article div.author p.author_dept { margin-left: 0;} body.newsPage.article div.news_article div.article div.author p.author_twitter { margin-left: 0; } body.newsPage.article div.news_article div.article div.author p.author_twitter::before { float: none; display: inline-block; vertical-align: top; } div.news_3col_grid { padding-bottom: 0px; } div.news_3col_grid a.article_item { float: none; width: 100%; } div.news_3col_grid a.article_item div.date { height: auto; } div.news_3col_grid a.article_item div.date > span.month, div.news_3col_grid a.article_item div.date > span.day_name, div.news_3col_grid a.article_item div.date > span.day, div.news_3col_grid a.article_item div.date > span.year, div.news_3col_grid a.article_item div.date > span.time { padding: 0;} div.news_3col_grid a.article_item h3 { margin-top: 0; margin-bottom: 2em; } div.news_3col_grid a.article_item div.article_image { width: 100%; height: auto; } div.news_3col_grid a.article_item div.article_image::after { content: ''; width: 100%; height: 0; display: block; padding-bottom: 64.88%; } div.article_feature h3 { font-size: 160%; margin-top: 5px; } div.job_list div.item h3 { margin-bottom: 10px; } div.job_list div.item p { margin-top: 0; } div.job_list div.filter { height: auto; padding-bottom: 30px; } div.job_list div.filter div.select { width: 100%; float: none; padding-bottom: 20px;} div.job_list div.filter select { width: 100%; } div.job_list div.filter button { width: 100%; float: none; } div.columnOne.ofThree, div.columnTwo.ofThree, div.columnThree.ofThree { width: 90%; float: none; margin-left: 30px; margin-right: 30px; } div.columnOne.ofFour, div.columnTwo.ofFour, div.columnThree.ofFour, div.columnFour.ofFour { width: 90%; float: none; margin-left: 30px; margin-right: 30px; } div.columnOne.ofTwo.greyPod, div.columnTwo.ofTwo.greyPod, div.columnOne.ofThree.greyPod, div.columnTwo.ofThree.greyPod, div.columnThree.ofThree.greyPod { width: 90%; float: none; margin-left: 5%; margin-right: 5%; margin-bottom: 30px; } div.twoColumnArticlePodsAsymmetric { margin-bottom: 0; } div.twoColumnArticlePodsAsymmetric div.rightColumn { display: none; } div.twoColumnArticlePods, div.threeColumnArticlePods { margin: 0; width: 100%; } div.twoColumnArticlePods div.articlePod.columnOne.ofTwo, div.twoColumnArticlePods div.articlePod.columnTwo.ofTwo, div.threeColumnArticlePods div.articlePod.columnOne.ofThree, div.threeColumnArticlePods div.articlePod.columnTwo.ofThree, div.threeColumnArticlePods div.articlePod.columnThree.ofThree { width: 90%; float: none; margin-left: 5%; margin-right: 5%; } div.promoBox.main div.image, div.promoBox div.image { float: none; width: 86%; margin: 7%; } div.promoBox.main div.text, div.promoBox.tall div.text, div.promoBox div.text { float: none; width: 86%; margin: 7%; } div.promoBox p.button { position: static; } div.twoColumnText { margin: 0 0 30px 0; -webkit-columns: 1; -moz-columns: 1; columns: 1; } div.wideScreenTabbedContent ul.tabs { width: 100%; padding: 0 30px; margin-bottom: 10px; height: 80px;} div.wideScreenTabbedContent ul.tabs li { display: block; float: left; height: 40px; width: 50%; line-height: 40px; margin: 0; padding: 0; } div.wideScreenTabbedContent ul.tabs li a { display: block; font-weight: 800; text-transform: uppercase; font-size: 87.5%; height: 40px; border-bottom: none; border-top: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; padding: 0 46px; text-decoration: none; } div.wideScreenTabbedContent ul.tabs li:nth-child(2n) a { clear: right; border-right: 1px solid #cfcfcf; } div.wideScreenTabbedContent ul.tabs li:last-child a, div.wideScreenTabbedContent ul.tabs li:nth-last-child(2) a { border-bottom: 1px solid #cfcfcf; } div.wideScreenTabbedContent ul.tabs li:last-child a.active, div.wideScreenTabbedContent ul.tabs li:nth-last-child(2) a.active { border-bottom: 1px solid #05a7ab; } div.wideScreenTabbedContent div.tabContent { padding: 0; } div.keyFactsRoundels { margin: 50px auto; max-width: none; width: 100%;} div.keyFactsRoundels div.roundel:nth-child(3n), div.keyFactsRoundels div.roundel:nth-child(3n+1), div.keyFactsRoundels div.roundel:nth-child(3n+2), .fullContentWidth div.keyFactsRoundels div.roundel:nth-child(3n), .fullContentWidth div.keyFactsRoundels div.roundel:nth-child(3n+1), .fullContentWidth div.keyFactsRoundels div.roundel:nth-child(3n+2), div.keyFactsRoundels div.roundel { margin: 0 20px; } div.keyFactsRoundels div.keyFactsRoundelsPagination { font-size: 30px; } div.keyFactsRoundels div.keyFactsRoundelsWrapper { width: 240px; margin: 0 auto; } div.threeColumnTextWhite div.columnOne, div.threeColumnTextWhite div.columnTwo, div.threeColumnTextWhite div.columnThree, div.threeColumnTextTeal div.columnOne, div.threeColumnTextTeal div.columnTwo, div.threeColumnTextTeal div.columnThree { max-width: 320px; margin: 0 auto; } div.threeColumnTextWhite div.columnTwo, div.threeColumnTextTeal div.columnTwo { margin: 100px auto; } div.greyPod div.cta_links p { margin: 0 23px; } div.greyPod div.cta_links a { display: inline-block; margin: 0 0 12px 0; } div.threewide { margin: 0; display: block; } div.threewide div.third { width: 100%; display: block; margin-bottom: 1.2em; } div.threewide div.third:nth-child(3) { margin-bottom: 0; } } @media only screen and (max-width : 550px) { div#pageRightColumnWrapper > div.box { width: 100%; } div#pageRightColumnWrapper { display: block; width: 100%; } div#pageRightColumnWrapper > div.node-item_right, div#pageRightColumnWrapper > div.node-item_left { float: none; width: 100%; } div#pageRightColumnWrapper > div.node-item_left { margin-right: 0; clear: both; } div#pageRightColumnWrapper > div.node-item_right { margin-left: 0; clear: both; } #campusMapBanner, #eventsWidget { width: 100%; margin: 30px 0 50px 0; float: none; } div.staffListItem div.image { width: 90px; height: 90px; margin-left: 20px; margin-bottom: 10px; padding: 2px; float: right;} div.staffListItem div.text { margin: 0; } div.staffListItem div.text p { margin: 0; } } @media only screen and (max-width : 399px) { div.imageGallery.flipbook div.item .caption::after { top: 42%; width: 60px; height: 60px; margin-left: -30px; line-height: 60px; font-size: 34px; } }