/* 002 || * Reset ============================== */ * {box-sizing: border-box;margin:0;padding:0;} a {color:#0066cc;text-decoration:none;} a:active {outline:0;} a:focus {outline:thin dotted #2D3138;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} a:hover {color:#0066cc;text-decoration:underline;outline:0;} body {font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:20px;color:#2d3138;} body {position:relative;width:100%;} /* Skip to content link at top of old tmeplate */ #skip {border:0;clip:rect(0 0 0 0);clip-path:polygon(0px 0px,0px 0px,0px 0px);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;} /* button {margin:0;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;} button::-moz-focus-inner {padding:0;border:0;} */ article, aside, details, figcaption, figure, footer, header, hgroup {display:block;} html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} img {max-width:100%;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;} input {margin:0;font-size:100%;vertical-align:middle;line-height:normal;} input::-moz-focus-inner {padding:0;border:0;} input[type="button"] {cursor:pointer;-webkit-appearance:button;} input[type="reset"] {cursor:pointer;-webkit-appearance:button;} input[type="search"] {box-sizing:content-box;-webkit-appearance:textfield;} input[type="submit"] {cursor:pointer;-webkit-appearance:button;} nav {display:block;} section {display:block;} select {margin:0;font-size:100%;vertical-align:middle;} sub {bottom:-0.25em;position:relative;font-size:75%;line-height:0;vertical-align:baseline;} sup {top:-0.5em;position:relative;font-size:75%;line-height:0;vertical-align:baseline;} textarea {margin:0;font-size:100%;overflow:auto;vertical-align:top;} /* 003 || * Utilities ========================== */ .affix {position:fixed;} .collapse {height: 0;overflow: hidden;position: relative;transition: height 0.35s ease;} .collapse.in {height:auto;} .container, .banner {margin-left: auto;margin-right: auto;position: relative;transition: opacity 0.5s ease-in;} .container:before, .banner:before {content:"";display:table;line-height:0;} .container:after, .banner:after {content:"";display:table;line-height:0;clear:both;} .container {width:1150px;margin:0 auto;} .container.fade, .banner.fade {opacity:0.2;} .content-wrapper {width:100%;} .clearfix:before, .clearfix:after {display:table;content:"";line-height:0;} .clearfix:after {clear:both;} .fade {opacity: 0;transition: opacity 0.15s linear;} .fade.in {opacity:1;} .footer {position:relative;z-index:1;width:100%;} .header {width:100%;} .header .social {display:none;} .hide {display:none;} .hide-text {font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;} .image_carousel {width:100%;} .image_carousel img {text-decoration:none;width:100%;} .imagewrap img {margin-bottom:16px;max-width:100%;height:auto;} .pull-left {float:left;} .pull-right {float:right;} img.pull-left {margin:1em 1em 1em 0;} img.pull-right {margin:1em 0 1em 1em;} .img-rounded {border-radius:6px;} .img-polaroid {padding:4px;background-color:#FFF;border:1px solid #c6cad1;border:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 3px rgba(0,0,0,0.1);} .img-circle {border-radius:500px;} .invisible {visibility:hidden;} #map_canvas img {max-width:none;} .policy-id {color:#a1a7b2;margin-left:10px;} .visuallyhidden {display:none;} /* BG colours */ body {background-color:#edecef;} body.landing {background-color:#3d414a;} .bckgrnd-white{background:#fff;color: #5b6270;} #content-main {background:#fff;} .landing #content-main {background-color:transparent;} .col {display:inline;position:relative;float:left;} .w25 {width:25%;padding:10px;} .w25:nth-child(4n - 1) {padding-left:0;} .w25:nth-child(4n + 2) {padding-right:0;} .w33 {width:33.33333%;padding:10px;} .w33:nth-child(3n - 1) {padding-left:0;} .w33:nth-child(3n + 1) {padding-right:0;} .w50 {width:50%;padding:10px;} .w50:nth-child(2n) {padding-left:0;} .w50:nth-child(2n + 1) {padding-right:0;} /*********************************/ /** UON Web Font **/ /** -- March 2018 **/ /** -- Dean Robinson (djr145) **/ /*********************************/ /*! * Web Fonts from Fontspring.com * * All OpenType features and all extended glyphs have been removed. * Fully installable fonts can be purchased at http://www.fontspring.com * * The fonts included in this stylesheet are subject to the End User License you purchased * from Fontspring. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2010-2017 Fontspring * * * * * The fonts included are copyrighted by the vendor listed below. * * Vendor: W Foundry * License URL: https://www.fontspring.com/licenses/w-foundry/webfont * * */ /****************/ /** Fuse V.2 **/ /****************/ @font-face { /* fuse_v.2_display_black */ font-family: 'FuseV2'; src: url('/__data/assets/git_bridge/0019/432451/unicorn/font/fusev2/fuse_v.2_display_black.woff2') format('woff2'), url('/__data/assets/git_bridge/0019/432451/unicorn/font/fusev2/fuse_v.2_display_black.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { /* fuse_v.2_display_black_italic */ font-family: 'FuseV2'; src: url('/__data/assets/git_bridge/0019/432451/unicorn/font/fusev2/fuse_v.2_display_black_italic.woff2') format('woff2'), url('/__data/assets/git_bridge/0019/432451/unicorn/font/fusev2/fuse_v.2_display_black_italic.woff') format('woff'); font-weight: 900; font-style: italic; } @font-face { /* fuse_v.2_display_bold */ font-family: 'FuseV2'; src: url('/__data/assets/git_bridge/0019/432451/unicorn/font/fusev2/fuse_v.2_display_bold.woff2') format('woff2'), url('/__data/assets/git_bridge/0019/432451/unicorn/font/fusev2/fuse_v.2_display_bold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { /* fuse_v.2_display_bold_italic */ font-family: 'FuseV2'; src: url('/__data/assets/git_bridge/0019/432451/unicorn/font/fusev2/fuse_v.2_display_bold_italic.woff2') format('woff2'), url('/__data/assets/git_bridge/0019/432451/unicorn/font/fusev2/fuse_v.2_display_bold_italic.woff') format('woff'); font-weight: 600; font-style: italic; } @font-face { /* fuse_v.2_display_book */ font-family: 'FuseV2'; src: url('/__data/assets/git_bridge/0019/432451/unicorn/font/fusev2/fuse_v.2_display_book.woff2') format('woff2'), url('/__data/assets/git_bridge/0019/432451/unicorn/font/fusev2/fuse_v.2_display_book.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { /* fuse_v.2_display_book_italic */ font-family: 'FuseV2'; src: url('/__data/assets/git_bridge/0019/432451/unicorn/font/fusev2/fuse_v.2_display_book_italic.woff2') format('woff2'), url('/__data/assets/git_bridge/0019/432451/unicorn/font/fusev2/fuse_v.2_display_book_italic.woff') format('woff'); font-weight: normal; font-style: italic; } /******************/ /** Heuristica **/ /******************/ @font-face { /* heuristica_regular */ font-family: 'Heuristica'; src: url('/__data/assets/git_bridge/0019/432451/unicorn/font/heuristica/heuristica_regular.woff2') format('woff2'), url('/__data/assets/git_bridge/0019/432451/unicorn/font/heuristica/heuristica_regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { /* heuristica_italic */ font-family: 'Heuristica'; src: url('/__data/assets/git_bridge/0019/432451/unicorn/font/heuristica/heuristica_italic.woff2') format('woff2'), url('/__data/assets/git_bridge/0019/432451/unicorn/font/heuristica/heuristica_italic.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { /* heuristica_bold */ font-family: 'Heuristica'; src: url('/__data/assets/git_bridge/0019/432451/unicorn/font/heuristica/heuristica_bold.woff2') format('woff2'), url('/__data/assets/git_bridge/0019/432451/unicorn/font/heuristica/heuristica_bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { /* heuristica_bold_italic */ font-family: 'Heuristica'; src: url('/__data/assets/git_bridge/0019/432451/unicorn/font/heuristica/heuristica_bold_italic.woff2') format('woff2'), url('/__data/assets/git_bridge/0019/432451/unicorn/font/heuristica/heuristica_bold_italic.woff') format('woff'); font-weight: bold; font-style: italic; } /**************/ /** Icons8 **/ /**************/ @font-face { font-family: "UON-Icons"; src: url("/__data/assets/git_bridge/0019/432451/unicorn/font/icons8/uon-icons8.eot?v=140820"); src: url("/__data/assets/git_bridge/0019/432451/unicorn/font/icons8/uon-icons8.eot?v=140820#iefix") format("embedded-opentype"), url("/__data/assets/git_bridge/0019/432451/unicorn/font/icons8/uon-icons8.woff2?v=140820") format("woff2"), url("/__data/assets/git_bridge/0019/432451/unicorn/font/icons8/uon-icons8.woff?v=140820") format("woff"), url("/__data/assets/git_bridge/0019/432451/unicorn/font/icons8/uon-icons8.ttf?v=140820") format("truetype"); /* url("/__data/assets/git_bridge/0019/432451/unicorn/font/icons8/uon-icons8.svg#UON-Icons") format("svg");*/ font-weight: normal; font-style: normal; } /*@media screen and (-webkit-min-device-pixel-ratio:0) {*/ /* @font-face {*/ /* font-family: "UON-Icons";*/ /* src: url("/__data/assets/git_bridge/0019/432451/unicorn/font/icons8/uon-icons8.svg#UON-Icons") format("svg");*/ /* }*/ /*}*/ /* * Academicons 1.8.6 by James Walsh (https://github.com/jpswalsh) and Katja Bercic (https://github.com/katjabercic) * Fonts generated using the IcoMoon app - http://icomoon.io/app * Square icons designed to be used alongside Font Awesome square icons - https://fortawesome.github.io/Font-Awesome/ * Licenses - Font: SIL OFL 1.1, CSS: MIT License * https://jpswalsh.github.io/academicons/ */ @font-face { font-family: 'Academicons'; src:url('/__data/assets/git_bridge/0019/432451/unicorn/font/academicons/academicons.eot?v=1.8.6'); src:url('/__data/assets/git_bridge/0019/432451/unicorn/font/academicons/academicons.eot?v=1.8.6') format('embedded-opentype'), url('/__data/assets/git_bridge/0019/432451/unicorn/font/academicons/academicons.ttf?v=1.8.6') format('truetype'), url('/__data/assets/git_bridge/0019/432451/unicorn/font/academicons/academicons.woff?v=1.8.6') format('woff'), url('/__data/assets/git_bridge/0019/432451/unicorn/font/academicons/academicons.svg?v=1.8.6#academicons') format('svg'); font-weight: normal; font-style: normal; } /* BASE TYPOGRAPHY */ h1, h2, h3, h4, h5, h6 {font-family: 'FuseV2','Arial Black','Helvetica Neue',Arial,sans-serif;font-weight:900;line-height:1.1;} h1 {color:#2d3138;font-size:30px;margin:0 0 0.5em;} h2 {color:#2d3138;font-size:24px;margin:1.5em 0 0.5em;} h3 {color:#4c525d;font-size:20px;margin:1.5em 0 0.5em;} h4 {color:#4c525d;font-size:18px;margin:1.5em 0 0.75em;} h5 {color:#4c525d;font-size:16px;margin:1.5em 0 0.75em;} h6 {color:#4c525d;font-size:14px;margin:1.5em 0 0.75em;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none !important;} h1 a {border-bottom:1px solid rgba(0,138,198,0.5);color:#1090d5 !important;} h2 a {border-bottom:1px solid rgba(45,49,56,0.5);color:#2d3138 !important;} h3 a, h4 a, h5 a, h6 a {border-bottom:1px solid rgba(76,82,93,0.5);color:#4c525d !important;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#1090d5 !important;border-bottom:2px solid rgba(0,138,198,0.5);text-decoration:none;} .landing h1 {display:none;} p {font-size: 14px;margin: 0 0 21px;line-height:1.5;} p.intro {font-size:1.2em;} p.section-intro {font-size:1.4em;color:#4c525D;font-weight:600;} small {font-size:85%;} strong {font-weight:bold;} em {font-style:italic;} cite {color: #000;font-family: 'FuseV2', 'Helvetica Neue', Arial, sans-serif;font-style: normal;text-transform: none;} .pubtable cite {font-style:normal;} .muted {color:#8e95a3;} .page-header {border-bottom: 1px solid #ecedef;margin: 20px 0 30px;padding-bottom: 9px;} ul, ol {margin: 0 0 10px 25px;padding: 0;list-style: none;list-style-type:none !important;} ul ul, ul ol, ol ol, ol u {margin-bottom:0;} ol ol {list-style-type:lower-alpha;} ol ol ol {list-style-type:lower-roman;} ol ol ol ol {list-style-type:decimal;} li {font-size: 0.91em;line-height: 20px;list-style-type:none;} #fancybox-content li {font-size: 1em !important;line-height: 20px;} #content-main ul li {font-size:14px;line-height:1.4; background:none;} #content-main ol li {font-size:1em;} dl {margin-bottom:20px;} dt, dd {line-height:20px;} dt {font-weight:bold;} dd {margin-left:10px;} .dl-horizontal dt {clear: left;float: left;overflow: hidden;text-align: right;text-overflow: ellipsis;white-space: nowrap;width: 120px;} .dl-horizontal dd {margin-left:130px;} hr {border: 0;border-bottom: 1px solid #FFF;border-top: 1px solid #ecedef;margin: 20px 0;clear:both;} abbr[title] {border-bottom: 1px dotted #8e95a3;cursor: help;} abbr.initialism {font-size: 90%;text-transform: uppercase;} blockquote {color: #2D3138;font-size: 1.25em;font-style: italic;margin: 0 0 10px;min-height: 50px;padding: 10px 40px;position: relative;} blockquote:before, q:before, blockquote:after, q:after {color: #1090d5;font-size: 72px;font-style: normal;position: absolute;} blockquote:before, q:before {content: "“";left: 5px;top: 25px;} blockquote:after, q:after {bottom: -15px;content: "”";right: 5px;} blockquote p {font-weight: 300;line-height: 25px;margin-bottom: 0;} blockquote small {color: #8e95a3;display: block;line-height: 20px;} blockquote small:before {content:'\2014 \00A0';} blockquote.pull-right {border-left: 0;border-right: 5px solid #ecedef;float: right;padding-left: 0;padding-right: 15px;} blockquote.pull-right p, blockquote.pull-right small {text-align:right;} blockquote.pull-right small:before {content:'';} blockquote.pull-right small:after {content:'\00A0 \2014';} address {display: block;font-style: normal;line-height: 20px;margin-bottom: 20px;} code, pre {border-radius: 3px;color: #2D3138;font-family: Monaco, Menlo, Consolas, "Courier New", monospace;font-size: 12px;padding: 0 3px 2px;} code, pre {background-color: #f6f7f9;border: 1px solid #ecedef;color: #d14;padding: 2px 4px;} pre {display: block;font-size: 13px;line-height: 20px;margin: 0 0 10px;padding: 10px;white-space: pre;word-break: break-all;word-wrap: break-word;} pre.prettyprint {margin-bottom:20px;} pre code {background-color: transparent;border: 0;color: inherit;padding: 0;} .pre-scrollable {max-height: 340px;overflow-y: scroll;} /* ~~~ 'NEW' header styles ~~~ */ h1,h2,h3 {margin:1.5em 0 0.5em;} h4,h5,h6 {margin:1.5em 0 0.75em;} h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {margin-top:0;} hr+h2, hr+h3, h4+h4, hr+h5, hr+h6 {margin-top:0.5em;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {line-height:1.4;text-decoration:none;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {border-bottom-width:2px;border-bottom-color:#1090D5;color:#1090D5;} .centered-heading {text-align:center;} h1.underlined, h2.underlined, h3.underlined {position:relative;padding-bottom:20px;margin-bottom:20px;line-height:1.1;} h1.underlined {font-size:40px;} h2.underlined {font-size:34px;} h3.underlined {font-size:26px;} h1.underlined::after, h2.underlined::after, h3.underlined::after {content:"";position:absolute;left:0;width:100px;background:#1090D5;height:4px;border-radius:4px;bottom:0;} h4.underlined {position:relative;padding-bottom:15px;margin-bottom:15px;line-height:1;} h4.underlined {font-size:20px;} h4.underlined::after {content:"";position:absolute;left:0;width:50px;background:#1090D5;height:4px;border-radius:4px;bottom:0;} .headline-30px, .headline-36px, .headline-40px, .headline-50px, .headline-60px, .headline-80px, .headline-100px, .headline-120px, .headline-150px {font-family:'FuseV2';font-weight:bold;text-transform:uppercase;color:#2D3138;margin:40px 0;line-height:0.8;} .headline-30px {font-size:30px;} .headline-36px {font-size:36px;} .headline-40px {font-size:40px;} .headline-50px {font-size:50px;} .headline-60px {font-size:60px;} .headline-80px {font-size:80px;} .headline-100px {font-size:100px;} .headline-120px {font-size:120px;} .headline-150px {font-size:150px;} .headline-30px.inverted-headline, .headline-36px.inverted-headline, .headline-40px.inverted-headline, .headline-50px.inverted-headline, .headline-60px.inverted-headline, .headline-80px.inverted-headline, .headline-100px.inverted-headline, .headline-120px.inverted-headline, .headline-150px.inverted-headline {color:#FFF;} .headline-30px span, .headline-36px span, .headline-40px span, .headline-50px span, .headline-60px span, .headline-80px span, .headline-100px span, .headline-120px span, .headline-150px span {color:#1090D5;} /* === REMOVE BLUE DOTS === */ .content .page-listing li:before, .content .uon-list li:before, .content .tools-list li:before {display:none;} /* GRID STYLES */ /* Grid content blocks */ .grid-content {width:100%;margin:2% 0% 2%;} .grid-content:before, .grid-content:after {display:table;content:"";line-height:0;} .grid-content:after {clear:both;} .grid-content .grid-block {display:block;box-sizing:border-box;float:left;padding-left:1%;padding-right:1%;margin-bottom:2%;} .grid-content.grid-1-column .grid-block {width:100%;} .grid-content.grid-2-column .grid-block {width:50%;} .grid-content.grid-3-column .grid-block {width:33.333%;} .grid-content.grid-4-column .grid-block {width:25%;} .grid-content.grid-5-column .grid-block {width:20%;} .grid-content.grid-6-column .grid-block {width:16.666%;} .grid-row {width:100%;} .grid-row:before,.grid-row:after {display:table;content:"";line-height:0} .grid-row:after {clear:both} .grid-row [class*="grid"] {display:block;box-sizing:border-box;float:left;padding-left:1%;padding-right:1%;margin-bottom:2%;} .grid-row .grid1 {width:100%;} .grid-row .grid2 {width:50%;} .grid-row .grid3 {width:33.333%;} .grid-row .grid3-2 {width:66.666%;} .grid-row .grid4 {width:25%;} .grid-row .grid5 {width:20%;} .grid-row .grid6 {width:16.666%;} .grid-index-tile {display:block;position:relative;height:200px;background-size:auto 100%;background-position:center center;transition:0.25s;width:100%;} .grid-4-column .grid-index-tile, .grid-5-column .grid-index-tile {height:150px;} .grid-index-tile span {color:#FFF;position:absolute;bottom:0;left:0;right:0;padding:30px 15px 15px 15px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));font-size:22px;line-height:1;} .grid-4-column .grid-index-tile span, .grid-5-column .grid-index-tile span {font-size:16px;} .grid-index-tile:hover {background-size:auto 110%;} .grid-index-tile:hover span {background:rgba(0,0,0,0.7);padding-top:15px;} @media all and (max-width:1024px) { .grid-content.grid-4-column .grid-block {width:50%;} .grid-content.grid-5-column .grid-block {width:33.333%;} .grid-content.grid-6-column .grid-block {width:33.333%;} .grid-row .grid3-2 {width:100%;float:none;} .grid-row .grid4 {width:50%;} .grid-row .grid5 {width:33.333%;} .grid-row .grid6 {width:33.333%;} .grid-3-column .grid-index-tile {min-height:150px;height:150px;height:15vh;} .grid-3-column .grid-index-tile span {font-size:16px;} } @media all and (max-width:767px) { .grid-content {width:100%;margin-left:0;margin-right:0;} .grid-content.grid-3-column .grid-block {width:50%;} .grid-row [class*="grid"] {width:100%;padding:0;float:none;} } @media all and (max-width:430px) { .grid-content .grid-block {width:100%;padding:0;margin-bottom:2%;float:none;} .grid-content.grid-2-column .grid-block {width:100%;} .grid-content.grid-3-column .grid-block {width:100%;} .grid-content.grid-4-column .grid-block {width:100%;} .grid-content.grid-5-column .grid-block {width:100%;} } /* SITE STRUCTURE || LAYOUT */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Base bones of the website */ /* This is the building blocks for how the site */ /* transforms over devices and widths */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~ */ /* ONE COLUMN layout */ /* ~~~~~~~~~~~~~~~~~ */ .inside .content {max-width:1142px;margin:0 auto;} .inside .content .nav-inside {display:none;} .inside .content #content-main {width:100%;float:left;display:inline;padding:40px;margin-bottom:20px;position:relative;} .inside .content .sidebar {display:none;} @media all and (max-width:1142px) { .inside .content {width:100%;padding:0 10px;} } @media all and (max-width:767px) { .inside .content #content-main {margin:0 0 10px 0;padding: 20px 10px;} } @media all and (max-width:640px) { .inside .content {margin:0;padding:0;} .inside .content #content-main {width:calc(100% - 20px);margin:0 10px;} .inside .content .sidebar {width: calc(100% - 20px);margin: 20px 10px;} } @media all and (max-width:480px) { .inside .content {padding:0;} } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* TWO COLUMN layout (Sidebar) */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .inside.colx2 .content {max-width:1150px;margin:0 auto;} .inside.colx2 .content .nav-inside {display:none;} .inside.colx2 .content #content-main {width:calc(75% - 20px);float:left;display:inline;margin-right:20px;} .inside.colx2 .content .sidebar {width:25%;float:left;display:inline;} @media all and (max-width:1142px) { .inside.colx2 .content {width:100%;} } @media all and (max-width:767px) { .inside.colx2 .content #content-main {width:100%;} .inside.colx2 .content .sidebar {width:100%;} } @media all and (max-width:640px) { .inside.colx2 .content #content-main {width:calc(100% - 20px);margin:0 10px;} .inside.colx2 .content .sidebar {width: calc(100% - 20px);margin: 20px 10px;} } /* ~~~~~~~~~~~~~~~~~~~~~~~~ */ /* TWO COLUMN layout (menu) */ /* ~~~~~~~~~~~~~~~~~~~~~~~~ */ .inside.colx2b .content {max-width:1150px;margin:0 auto;} .inside.colx2b .content .nav-inside {width:25%;float:left;display:inline;} .inside.colx2b .content #content-main {width:calc(75% - 20px);float:left;display:inline;margin-left:20px;} .inside.colx2b .content .sidebar {display:none;} @media all and (max-width:1142px) { .inside.colx2b .content {width:100%;} } @media all and (max-width:767px) { .inside.colx2b .content .nav-inside {width:100%} .inside.colx2b .content #content-main {width:100%;margin-left:0;} } @media all and (max-width:640px) { .inside.colx2b .content #content-main {width:calc(100% - 20px);margin:0 10px;} .inside.colx2b .content .sidebar {width: calc(100% - 20px);margin: 20px 10px;} } /* ~~~~~~~~~~~~~~~~~~~ */ /* THREE COLUMN layout */ /* ~~~~~~~~~~~~~~~~~~~ */ .inside.colx3 .content {max-width:1150px;margin:0 auto;} .inside.colx3 .content .nav-inside {width:25%;float:left;display:inline;} .inside.colx3 .content #content-main {width:calc(50% - 40px);float:left;display:inline;margin-left:20px; margin-right:20px;} .inside.colx3 .content .sidebar {width:25%;float:left;display:inline;} @media all and (max-width:1142px) { .inside.colx3 .content {width:100%;} } @media all and (max-width:1024px) { .inside.colx3 .content .nav-inside {width:25%} .inside.colx3 .content #content-main {width:calc(75% - 15px);margin-left:15px; margin-right:0;} .inside.colx3 .content .sidebar {width:100%;} } @media all and (max-width:767px) { .inside.colx3 .content .nav-inside {width: calc(100% - 20px);margin-left: 10px;margin-right: 10px;margin-bottom: 10px;} .inside.colx3 .content #content-main {width:100%;margin-left:0;} .inside.colx3 .content .sidebar {width:100%;} } @media all and (max-width:640px) { .inside.colx3 .content #content-main {width:calc(100% - 20px);margin:0 10px;} .inside.colx3 .content .sidebar {width: calc(100% - 20px);margin: 20px 10px;} } /* ~~~~~~~~~~~~~~~~~~~ */ /* LANDING PAGE layout */ /* ~~~~~~~~~~~~~~~~~~~ */ /* Deprecate this bizness as soon as we can (SINGAPORE check) */ .landing .content {position:relative;margin-top:465px;} .landing .content .nav-inside {display:none !important;} .landing .content #content-main {float:left;width:50%;margin:0;padding:0;} .landing .content .section-nav-group {width:100%;display:block;} .landing .content .section-nav-group .section-nav {width:calc(50% - 20px);float:left;margin:10px 10px 20px 10px;height:320px;background-color:#fff;} .landing .content .sidebar-row {float:left;width:50%;} .landing .content .sidebar-row .features {width:100%;margin:0;padding:0;} .landing .content .sidebar-row .features .stackable-block {width:50%;padding:0 10px;margin-bottom:20px;} .landing .content .sidebar-row .features .stackable-block #news-widget, .landing .content .sidebar-row .features .stackable-block #events-widget {width:100%;margin:0;height:500px;} .landing .feature {margin-bottom:0;} @media all and (max-width:1024px) { .landing .content {margin-top:505px;width:100%;margin-left:0;} .landing .content #content-main {width:100%;padding:0} .landing .content #content-main .section-nav-group {width:50%;float:left;margin-bottom:0;} .landing .content .sidebar-row {width:100%;} .landing .content .sidebar-row .features .stackable-block {width:25%;} } @media all and (max-width:850px) { .landing .content #content-main {width:100%;} .landing .content .sidebar-row .features .stackable-block {width:33.333%;} } @media all and (max-width:767px) { .landing .content #content-main .section-nav-group {width:100%;} } @media all and (max-width:700px) { .landing .content .features {width: calc(50%);padding-left: 10px;padding-right: 15px;} } @media all and (max-width:675px){ .landing .content .sidebar-row .features .stackable-block {width:50%;} } @media all and (max-width:500px) { .landing .content #content-main {padding:0 10px;} .landing .content .sidebar-row .features .stackable-block {width:100%;} .landing .content .sidebar-row .features .stackable-block #news-widget, .landing .content .sidebar-row .features .stackable-block #events-widget {height:auto;} } @media all and (max-width:480px) { .landing .content .features {width: calc(100% - 5px);} .landing .content #content-main .section-nav-group .section-nav {width:100%;margin:10px 0 20px;} } /* Image Carousel */ .image_carousel {position: absolute;top:0;bottom:0;left:0;right:0;z-index: -100;} .landing .image_carousel {position: absolute;top:0;bottom:0;left:0;right:0;z-index: -100;height:630px;overflow:hidden;} @media all and (min-width:1600px) { .landing .image_carousel {margin-top:50px;height:680px;} .landing .content {margin-top:565px;} } @media all and (min-width:1800px) { .landing .image_carousel {margin-top:50px;height:730px;} .landing .content {margin-top:615px;} } @media all and (min-width:2000px) { .landing .image_carousel {margin-top:100px;height:730px;} .landing .content {margin-top:665px;} } @media all and (min-width:2200px) { .landing .image_carousel {margin-top:100px;height:780px;} .landing .content {margin-top:715px;} } /* ~~~ HOME PAGE layout ~~~ */ .landing.home .content #news-widget, .landing.home .content #events-widget {float:left;width:calc(25% - 20px);margin:0 10px 0 10px;} @media all and (max-width:1024px) { .landing.home .content #content-main {width:40%;} .landing.home .content #news-widget, .landing.home .content #events-widget {width:calc(30% - 20px);} } @media all and (max-width:800px) { .landing.home .content #content-main {width:100%;margin-bottom:20px;} .landing.home .content #news-widget, .landing.home .content #events-widget {width:calc(50% - 20px);} } @media all and (max-width:480px) { .landing.home .content #news-widget, .landing.home .content #events-widget {width:calc(100% - 20px);} } .col {display:inline;position:relative;float:left;} .w20 {width:20%;} .w25 {width:25%;} .w30 {width:30%;} .w33 {width:33.33333%;} .w40 {width:40%;} .w50 {width:50%;} .w60 {width:60%;} .w66 {width:66.66666%;} .w70 {width:70%;} .w75 {width:75%;} .w80 {width:80%;} #emergency-alert.seagreen {background:#84CFC6;color:#2D3138;} /* ~~~ HEADER and TOP NAVIGATION ~~~ */ header {width: 100%;position: relative;z-index: 1000;} header .header-bar {background-color: #FFF;height: 135px;width:100%;z-index:999999;position:relative;border-bottom:1px solid rgba(0,0,0,0.5);} .header-bar .container {margin:0 auto 10px;width:1150px;} .header-bar .logo {float: left;width: 186px;position: relative;z-index: 100;} .header-bar .logo img {max-width:100%;height:auto;} .header-bar .logo a {display: block;} .header-bar .header-content #menu-btn {display:none;} .header-bar .header-content .tools {float: left;width:calc(100% - 194px);margin: 8px 8px 17px 0;} .tools form {background-color: #000;border-radius: 4px;color: #FFF;float: right;margin-bottom: 0;margin-left: 15px;width: 285px;} .tools form label {display:none;} .tools form input[type="text"] {border-radius: 1px;border: 0 none;font-size: 14px;margin:6px;padding: 6px;line-height:20px;height:32px;width: 215px;} .tools form #search-site-keywords {color: #000;font-size: 14px;} .tools form button {background-color: transparent;border: 0 none;height: 36px;margin: 4px 6px;padding: 0;vertical-align: top;width: 36px;float:right;} .tools form button {color: #FFF;font-size: 22px;line-height: 36px;text-align: center;} .tools ul {float: left;list-style-type: none;margin: 0;} .tools ul:before {content: "";display: table;line-height: 0;} .tools ul:after {clear: both;content: "";display: table;line-height: 0;} .tools ul li {float:left;} .tools ul li a {color: #6b7382;font-size: 12px;padding: 14px 7px;} .tools ul li:first-child {margin-left:180px;} .tools ul li a:hover {color: #6b7382;} .tools ul li.logout {border-left: 1px solid #ecedef;margin-left: 10px;padding-left: 10px;} .tools ul li.current span {border-bottom: 2px solid #1090d5;} .tools ul li.current ul li span {border-bottom: none;} .tools ul li.current a:hover {text-decoration: none;} .tools ul li a {color: #1e2025;display: block;font-family: 'FuseV2','Helvetica Neue', Arial, sans-serif;font-size: 14px;} .header-bar .header-content .nav-main-wrapper {float: left;width:calc(100% - 186px);} .nav-main-wrapper .content-m {width:100%;} .content-m ul li {float:left;} .content-m ul {float: left;list-style-type: none;margin: 0;} .content-m ul:before {content: "";display: table;line-height: 0;} .content-m ul:after {content: "";display: table;line-height: 0;clear: both;} .content-m ul li {float: left;} .content-m ul li.current span {border-bottom: 2px solid #1090d5;} .content-m ul li.current ul li span {border-bottom: none;} .content-m ul li.current a:hover {text-decoration: none;} .content-m ul li:hover a {color: #FFF;} .content-m ul li a {color: #1e2025;display: block;font-family: 'Helvetica Neue', Arial, sans-serif;font-size: 16px;font-weight:600;} .content-m>ul>li.normal>div {padding:18px 16px; font-family: 'FuseV2','Helvetica Neue', Arial, sans-serif;} .content-m ul.nav-main {margin-left: 16px;margin-top:6px;} .content-m ul.nav-main span.expand {display: none;} .content-m ul.nav-main li:hover, .content-m ul.nav-main li.hover {background-color: #3d414a; transition: background 0.3s linear;} .content-m ul.nav-main .nav-expanded {background-color: #3d414a;left: -3000px;padding: 20px 10px;position: absolute;top: 135px;width: 1141px;z-index: 1000;} .nav-expanded a.cta {cursor: pointer;} .nav-expanded a.cta span.cta-text {display: none;} .nav-expanded ul {margin: 0;} .nav-expanded ul:before, .nav-expanded>ul:after {content: "";display: table;line-height: 0;} .nav-expanded ul:after {clear: both;} .nav-expanded>ul>li {float: left;margin:0 10px;width: calc(25% - 20px);position:relative;min-height:390px;padding-bottom:80px;} .nav-expanded>ul>li.cta-wrapper.first {clear: left;} .nav-expanded>ul>li>div {color: #FFF;font-size: 12px; font-weight:300;} .nav-expanded>ul>li>div>a.column-header {color: #FFF;display: block;height: 38px;text-transform:uppercase;} .nav-expanded>ul>li>div>a {cursor: pointer;} .nav-expanded>ul>li>div>a:hover {text-decoration: underline;} .nav-expanded a.column-header {color: #d9dbe0;font-family: 'FuseV2','Helvetica Neue', Arial, sans-serif;font-size: 14px;} .nav-expanded a.column-header {display: block;padding-bottom: 15px;width: 100%;border-bottom:none !important;} .nav-expanded span.mobile-pointer-up {width: auto;} .nav-expanded span.mobile-pointer-down {width: auto;} .nav-expanded span.expand {display: none;} .nav-expanded a.cta-button {position:absolute;width:100%;bottom:0;} .nav-expanded li {list-style-type: none;text-transform: none;} .nav-expanded ul ul {border-top: 1px solid #7c8493;height: auto;margin-bottom: 10px;margin-left: 0;padding: 10px 0;} .nav-expanded ul ul li {line-height: 16px;padding: 5px 0;display:block;width:100%;} .nav-expanded ul ul li a {color: #FFF;font-size: 14px;font-weight:300;} ul.nav-main li.no-js-hover:hover .nav-expanded, ul.nav-main>li.hover .nav-expanded, ul.nav-main li:hover .nav-expanded {left: 0;} div.menu-level1-expand span.icon, div.menu-level2-expand span.icon2 {display:none;} .nav-inside h2 span.open {display:none;} a.megaMenu-link span.column-header {border-bottom:none !important;} ul#search_suggest li:first-child {margin-left:0;} ul#search_suggest li {width:100%;display:block;} @media all and (max-width:1142px) { .header-bar .container {width:calc(100% - 20px);} .tools ul li:first-child {margin-left: 79px;} .content-m>ul>li.normal>div {padding: 18px 12px;} .content-m ul.nav-main {margin-left:6px;} .content-m ul li a {font-size:14px;} .content-m ul.nav-main .nav-expanded {width:1024px;} .nav-expanded a.cta-button .cta-title {font-size:14px;} } @media all and (max-width:1024px) { .header-bar .container {width: 100%;} .header-bar .logo {width:135px;} .header-bar .header-content .tools {float: left;width:calc(100% - 148px);} .tools ul li:first-child {margin-left: 59px;} .tools ul li a {font-size:12px;} .header-bar .header-content .nav-main-wrapper {float: left;width:calc(100% - 140px);} .content-m>ul>li.normal>div {padding: 18px 10px;} .content-m ul.nav-main .nav-expanded {width:950px;} .content-m ul li a {font-size:14px;} .nav-expanded a.cta-button .cta-title {font-size:13px;} .nav-expanded ul ul li a {font-size: 13px;} } @media all and (max-width:950px) { .header-bar .container {width:100%;} .header-bar .header-content .tools {float: left;width:calc(100% - 148px);} .tools ul li:first-child {margin-left: 10px;} .tools ul li.logout {padding-left:10px;margin-left:10px;} .tools ul li a {padding: 14px 6px;} .header-bar .header-content .nav-main-wrapper {float: left;width:calc(100% - 140px);} .content-m>ul>li.normal>div {padding: 18px 6px;} .content-m ul.nav-main .nav-expanded {width:100%;} .content-m ul.nav-main .nav-expanded>ul>li {padding-bottom:40px;} .content-m ul li a {font-size:13px;} .nav-expanded a.cta-button {padding-left:45px;height:40px;} .nav-expanded a.cta-button .cta-title {font-size:12px;line-height:14px;height:40px;} .nav-expanded a.cta-button .cta-title:hover {text-decoration:none;} .nav-expanded a.cta-button .cta-icon {transform: scale(0.71);margin-top: -10px;margin-left: -10px;} .nav-expanded a.cta-button .cta-icon:after {border: 9px solid transparent;border-left-color: #1090d5;content: "";position: absolute;right: -16px;top: 20px;} .nav-expanded a.cta-button .fa-angle-right {height: 40px;line-height: 40px;right: 10px;top: 0;} } @media all and (max-width:850px) { .header-bar .logo {width:120px;margin-top:8px;margin-left:8px;} .header-bar .header-content .tools {float: left;width:calc(100% - 140px);} .tools ul li:first-child {margin-left: 5px;} .tools ul li a {font-size:12px;} .tools ul li.logout {padding-left:5px;margin-left:5px;} .tools ul li a {padding: 14px 4px;} .content-m>ul>li.normal>div {padding:18px 5px 18px 6px;} .content-m ul li a {font-size:12px;} .nav-expanded a.cta-button {padding:5px 40px 5px 10px !important;height:40px;} .nav-expanded a.cta-button .cta-title {font-size:12px !important;line-height:15px !important;height:30px;} .nav-expanded a.cta-button.cta-light::after, .nav-expanded a.cta-button.cta-dark::after {right:5px;top:5px;bottom:5px;line-height:30px;} .nav-expanded a.cta-button .cta-title:hover {text-decoration:none;} .nav-expanded a.cta-button .cta-icon {display:none;} .nav-expanded a.cta-button .fa-angle-right {display:none;} .nav-expanded ul ul li a {font-size: 12px;} } @media all and (max-width:767px) { header .header-bar {height:100px;} .header-bar .logo {width:80px;margin-top:10px;margin-left:10px;} .header-bar .header-content #menu-btn {display:block;float:right;font-size:44px;margin-top:24px;margin-right:0px;} #menu-btn .box-shadow-menu {position: relative;padding-left: 1.25em;} #menu-btn .box-shadow-menu:before {content: "";position: absolute;left: 0;top: 0.25em;width: 1em;height: 0.15em;background: black;box-shadow: 0 0.25em 0 0 black,0 0.5em 0 0 black;} .tools form {display:none;} .tools ul {margin-top: -100px;margin-left: 100px;width: 150px;padding: 10px 0;} .tools ul li {width:100%;margin:0;padding:0;text-align:left;} .tools ul li:first-child {margin-left: 0;} .tools ul li.logout {margin:0;padding:0;border-left:0;} .tools ul li a {padding:3px 5px;line-height:14px;} .mobilemenu .tools form {display:block;width:calc(100% - -140px);margin-right:-140px;background-color: #3d414a;z-index:20000;margin-top:1px;position:relative;} .mobilemenu .tools form {border-radius:0;border-top:1px solid #2d3138;border-bottom:1px solid #2d3138;} .mobilemenu .tools form input[type="text"] {width:calc(100% - 60px);} .header-bar .header-content .nav-main-wrapper {display:none;} .mobilemenu .header-bar .header-content .nav-main-wrapper {display:block;width:100%;background-color:#3d414a;color:#fff;margin-top:-20px;} .mobilemenu .nav-main-wrapper a {color:#fff !important;} .mobilemenu .nav-main-wrapper ul li {width:100%;} .mobilemenu .content-m>ul>li.normal>div {padding: 12px;color:#fff;font-size:13px;font-weight:300;line-height:20px;border-bottom:1px solid #2d3138;} .mobilemenu .content-m>ul>li.normal>div.selected{background-color:rgba(0,138,198,0.9);} .mobilemenu .content-m ul.nav-main {margin-left: 0px;} .mobilemenu .content-m ul.nav-main .nav-expanded{position:relative;left:0;top:0;padding:0;display:none;z-index:99999999;} .mobilemenu .nav-expanded ul {width:100%;border-left:12px solid #2d3138;margin-left:0px;} .mobilemenu .nav-expanded ul li {width:100%;min-height:0px;padding:0;} .mobilemenu .nav-expanded>ul>li {margin: 0;padding-bottom: 0px !important;} .mobilemenu .nav-expanded ul li a {line-height:20px;padding:12px;border-bottom:1px solid #2d3138;} .mobilemenu .nav-expanded ul li div.selected {background-color:rgba(0,138,198,0.6);} .mobilemenu .nav-expanded ul ul {width:100%;border-top:0px;margin:0;margin-left:0px;padding:0;border-left:12px solid #2d3138;display:none;} .mobilemenu .nav-expanded ul ul li {width:100%;} .mobilemenu .nav-expanded ul ul li a {padding:12px;line-height:20px;font-size:12px;border-bottom:1px solid #2d3138;} .mobilemenu .nav-expanded ul ul li a:hover, .mobilemenu .nav-expanded ul ul li a:active {background-color:rgba(0,138,198,0.3);} .mobilemenu .nav-expanded a.cta-button {display:none;} .mobilemenu .nav-expanded span.column-header {font-weight:300;padding-bottom:2px;margin-top:2px;height:20px;} div.menu-level1-expand span.icon, div.menu-level2-expand span.icon2 {display:inline;background-color:rgba(0,0,0,0);float:right;display:block;width:74px;height:44px;margin-right:-12px;margin-top:-32px;padding-left:30px;} div.menu-level1-expand span.icon, div.menu-level2-expand span.icon2 {text-align:center;padding:12px;line-height:20px;cursor:pointer;} div.menu-level2-expand span.icon2 {margin-right:0px;margin-top:-45px;} } /* ~~~ BREADCRUMBS ~~~ */ .breadcrumb-wrapper {clear: both;margin: 10px auto;width: 1150px;position: relative;padding-top: 10px;} .breadcrumb {background-color: #ecedef;color: #5b6270;list-style: none;margin: 10px 0 20px;padding: 8px 15px;font-size:13px;line-height:1.2;} .breadcrumb li {display: inline-block;font-size:1em;} .breadcrumb li a {color:#5b6270;} .breadcrumb .divider {color: #5b6270;padding: 0 5px;} .breadcrumb li a:hover {text-decoration:underline;color:#06c;} @media all and (max-width:1142px) { .breadcrumb-wrapper {width:100%;} } @media all and (max-width:1024px) { .breadcrumb {margin-left:10px;margin-right:10px;} } @media all and (max-width:767px) { .breadcrumb-wrapper {display:none;} } /* ~~~ LEFT MENU NAVIGATION ~~~ */ .content .nav-inside {background:#6B7382;float: left;margin-top: 10px;padding: 60px 0 0;font-family: 'Helvetica Neue', Arial, sans-serif;} .nav-inside h2, .nav-inside h2 a {color: #dbd9e0 !important;text-decoration:none !important;border-bottom:none !important;} .nav-inside h2 {background-color: #4C525D;font-size: 18px;font-weight:600;margin: -70px 0 0 0;padding: 15px;width: 100%;text-transform:uppercase;} .nav-inside > ul {margin: 0 auto;width: 100%;} .nav-inside > ul > li {border-bottom:1px solid #4c525d;float: left;height: 100%;padding: 0;width: 100%;background:none;} .nav-inside > ul > li:last-child {border-bottom:none;} .nav-inside > ul > li a {color: #FFF;display: block;padding:10px;} .nav-inside > ul > li a:hover {background-color:#5B6270;} .nav-inside > ul .normal-restricted a, .nav-inside > ul .current-restricted a {position:relative;} . .nav-inside > ul ul {border-left:2px solid #3d414a;margin-left:8px;} .nav-inside > ul ul .normal-restricted > a:after, .nav-inside > ul ul .current-restricted > a:after {right:4px;top:7px;} .nav-inside > ul .normal-restricted > a, .nav-inside > ul .current-restricted > a {padding-right:25px;} .nav-inside > ul .current > a, .nav-inside > ul .current-restricted > a {background-color:#7c8493;font-weight:600;} .nav-inside > ul li li {background-image: none;padding: 5px 0;} .nav-inside > ul li li a {padding: 0 0 0 8px;} .nav-inside > ul li li li a {color: #c6cad1;padding-left: 18px;} @media all and (max-width:1024px) { .nav-inside > ul > li a {padding:10px;} } @media all and (max-width:800px) { .nav-inside h2 {font-size:16px;} } @media all and (max-width:767px) { .nav-inside h2 span.open {padding:15px 25px;float:right;display:block;cursor:pointer;margin-top:-15px;margin-bottom:-15px;margin-right:-15px;line-height:22px;} .nav-inside>ul {display:none;} } @media all and (max-width:480px) { .content .nav-inside {width: calc(100% - 20px);margin-left: 10px;margin-bottom: 20px;} } /* 019 || * Pagination ========================= */ .pagination {height: 40px;margin: 20px 0;} .pagination ul {display: inline-block;margin-bottom: 0;margin-left: 0;width: 100%;} .pagination li {background-image: none;display: inline;padding: 0;} .pagination li.next {float:right;} .pagination li.next a.btn, .pagination li.next a.calendarNavLink {background-position: 59px 14px;padding: 13px 22px 13px 15px;} .pagination li.prev a.btn, .pagination li.prev a.calendarNavLink {background: #000 url('./?a=326662') no-repeat 9px 14px;padding: 13px 15px 13px 23px;} .pagination li.prev a.btn:hover, .pagination li.prev a.calendarNavLink:hover {background-color:#3d414a;} .pagination li.next a.calendarNavLink, .pagination li.prev a.calendarNavLink {background-repeat: no-repeat;line-height: normal;text-transform: uppercase;} .pagination li.next a.calendarNavLink {background-image: url('./?a=326652');background-position: 90% 14px;} .pagination a, .pagination span {background-color: #000;border-left: 0;color: #FFF;float: left;font-size: 14px;margin-right: 12px;padding: 11px 20px;text-decoration: none;} .pagination a:hover, .pagination span:hover {background-color:#3d414a;} .pagination a:last-child, .pagination span:last-child {margin-right:0;} .pagination .active {background-color: #c6cad1;line-height: 20px;} .pagination-centered {text-align:center;} .pagination-right {text-align:right;} .page-listing {background-image: none;float: left;margin: 0 auto;padding: 0;width: 877px;} .page-listing.no-float {float:none;} .page-listing .page-listing-inner {height: 42px;margin: 0 auto;width: 168px;} .page-listing .page-listing-inner a {line-height:20px;} .colx3 .content .page-listing {width:301px;} .colx2 .content .page-listing, .colx2b .content .page-listing {width:589px;} .content li.page-listing.no-float:before {display:none;} /* || * SECTION HEADER / SECTION-NAV HEADER ========================== */ /* || * Primarily used on faculties, schools and research centres. *** */ .section-header, .section-banner, .section-banner.profile {font-family: 'FuseV2', 'Helvetica Neue', Arial, sans-serif;} .section-header {margin-bottom:20px;padding:30px;font-size:36px;line-height:1;color:#ecedef;} .section-header.bckgrnd-black {background:rgba(30,32,37,0.85);} .section-banner {float: left;height: 151px;position: relative;width: 100%;margin-bottom:20px;background-color: #3d414a;} .section-banner a {color:#FFF;} .section-banner span {color: #FFF;display: inline-block;float: left;font-size: 25px;height: 71px;line-height: 25px;padding: 40px 20px;width: 100%;font-weight:600;} .section-banner.decorated {width:100%;} .section-banner.decorated span {width:calc(100% - 617px);height:151px;} .section-banner.decorated span.pointer {display:none;} .section-banner.decorated img {width:617px;height:151px;max-width:100%;} .section-banner.decorated.full-width {height:auto;width:100%;} .section-banner.decorated.full-width img {max-width:100%;width:100%;height:auto;} .mobile-section-nav {display:none;} .section-nav-header ul {background: rgba(61,65,74,0.85);float: left;margin-bottom: 20px;margin-left: 0px;width: 100%;} .section-nav-header ul li {display: inline-block;float: left;position: relative;} .section-nav-header ul li a {border-right: 1px solid #7c8493;color: #FFF;display: table-cell;font-size: 13px;height: 60px;max-width: 140px;padding: 0 14px;text-align: center;vertical-align:middle;} .section-nav-header ul li a:hover {background:#3d414a;} .section-nav-header ul li a.current {background:#1090d5;} .nav > .disabled > a {color:#1090d5;} .nav > .disabled > a:hover {background-color: transparent;cursor: default;text-decoration: none;} @media all and (max-width:1024px) { .section-header {margin-left:10px;margin-right:10px;} .section-banner.decorated {width: calc(100% - 20px);margin-left: 10px;} .section-nav-header ul {margin-left:10px;margin-right:10px;} .section-nav-header ul {width: calc(100% - 20px);} .section-nav-header ul li a {max-width:125px;padding: 0 10px;} } @media all and (max-width:950px) { .section-nav-header ul li a {max-width:116px;line-height:1.1;} } @media all and (max-width:850px) { .section-nav-header ul li a {max-width:103px;} } @media all and (max-width:800px) { .section-banner.decorated {width: calc(100% - 20px);margin-left: 10px;background-color: #3d414a;height:75px;} .section-banner.decorated span {width: calc(100% - 309px);height: 76px;line-height: 20px;padding: 7px 20px;font-size:18px;} .section-banner.decorated img {width: 309px;height: auto;max-width: none;margin: 0;} } @media all and (max-width:767px) { p.unit .focus-area {padding-top:5px;display:block;} .mobile-section-nav {margin-left: calc(50% - 130px);margin-top: 0;margin-bottom: 20px;display:block;background: url('./?a=339005') no-repeat 4px 6px #4C525d;} .mobile-section-nav {width: 260px;padding: 10px;float: left;display: block;cursor: pointer;text-align: left;color: #FFF;height:49px;text-transform:uppercase;} .mobile-section-nav a {color: #fff;position:relative;padding-left:40px;line-height:29px;font-weight:900;font-size:16px;} .section-nav-header ul {display:none;} .section-nav-header ul.show {background: rgba(61,65,74,0.85);float: left;width: 260px;margin-top: -19px;margin-left: calc(50% - 130px);border-radius: 3px;display:block;} .section-nav-header ul.show li {list-style-type: none;background: none;line-height: inherit;padding: 0px;width: 100%;display: block;} .section-nav-header ul.show li a {padding: 15px;display: block;font-size:13px;max-width: none;width: 100%;vertical-align: middle;border-top: 1px solid #2d3138;text-align: center;} } @media all and (max-width:640px) { .mobile-section-nav {margin-left: 0;} .mobile-section-nav {width: 100%;} .section-nav-header {margin-bottom:0;} .section-nav-header ul.show {width: 100%;margin-left:0;} .section-nav-header ul.show li a {text-align:left;} } @media all and (max-width:600px) { .section-banner.decorated {width: 100%;margin-bottom: 10px;height: auto;background-color:rgba(0,0,0,0);margin-left:0;} .section-banner.decorated span {background-color:#3d414a;float: left;height: auto; padding: 20px 20px; width: calc(100% - 20px);margin: 10px;} .section-banner.decorated span.pointer {display:none;} .section-banner.decorated img {width:100%;max-width: calc(100% - 20px);margin: 0 10px;height: auto;} } @media all and (max-width:480px) { .section-header {font-size:24px;font-weight:600;padding:15px;} .mobile-section-nav {width: calc(100% - 20px);margin: 0 10px 20px;} .section-nav-header ul.show {width: calc(100% - 20px);margin-left: 10px;} } /* ~~~~~~~~~~~~~~~~~~ */ /* ~~~ Accordions ~~~ */ /* ~~~~~~~~~~~~~~~~~~ */ .edge-to-edge { margin:40px -20px; } .edge-to-edge:first-child { margin-top:-40px; } #accordion-search-box { margin-bottom:20px; } #accordion-search-reset { background:#c6cad1; border:2px solid #c6cad1; color:#2D3138; margin-left:1%; text-transform:none; } #accordion-search-reset:hover { background:#a1a7b2; border-color:#a1a7b2; color:#000; } /* 027 || * iFrames ============================ */ iframe[name="google_conversion_frame"] {position:absolute;bottom:0;} body.inside iframe[src*="issuu"] {width:100%;height:760px;} body.inside.colx2 iframe[src*="issuu"], body.inside.colx2b iframe[src*="issuu"] {height:550px;} body.inside.colx3 iframe[src*="issuu"] {height:350px;} /* 023 || * Modal box ========================== */ .modal-open .dropdown-menu {z-index:2050;} .modal-open .popover {z-index:2060;} .modal-open .tooltip {z-index:2080;} .modal-backdrop {background-color: #000;bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 1040;} .modal-backdrop.fade {opacity:0;} .modal-backdrop, .modal-backdrop.fade.in {opacity:0.8;} .modal {position: fixed;left: 50%;margin: -300px 0 0 -280px;top: 50%;width: 560px;overflow: auto;z-index: 1050;} .modal {background-clip: padding-box;background-color: #FFF;border: 1px solid rgba(0, 0, 0, 0.3);box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);} .modal.fade {top: -25%;transition: opacity .3s linear, top .3s ease-out;} .modal.fade.in {top:50%;} .modal-header {border-bottom: 1px solid #ecedef;padding: 9px 15px;} .modal-header .close {margin-top:2px;} .modal-header h3 {line-height: 30px;margin: 0;} .modal-body {overflow-y: auto;padding: 15px;} .modal-form {margin-bottom:0;} .modal-footer {background-color: #f6f7f9;border-top: 1px solid #d9dbe0;box-shadow: inset 0 1px 0 #FFF;margin-bottom: 0;padding: 14px 15px 15px;text-align: right;} .modal-footer:before, .modal-footer:after {content: "";display: table;line-height: 0;} .modal-footer:after {clear:both;} .modal-footer .btn + .btn {margin-bottom: 0; margin-left: 5px;} /* 028 || * Lightbox =========================== */ #fancybox-content p, #fancybox-content ul, #fancybox-content ol, #fancybox-content h1, #fancybox-content h2, #fancybox-content h3, #fancybox-content h4, #fancybox-content h5, #fancybox-content h6, #fancybox-content .event-page, #fancybox-content .addthis_toolbox {padding:0 20px;} #fancybox-content a {text-decoration:underline;} #uon-lightbox-overlay {display:none;background:#222;background:rgba(0, 0, 0, 0.8);bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000;} #uon-lightbox {display:none;background:#fff;bottom:100px;box-shadow:0 0 10px #000;left:50%;margin-left:-427px;position:fixed;top:50px;width:854px;z-index:3000;overflow-y:scroll;} #uon-lightbox-content {padding:40px;} #uon-lightbox.no-padding {overflow:hidden;} #uon-lightbox.no-padding #uon-lightbox-content {padding:0;} #uon-lightbox-close {display:none;border:2px solid #fff;color:#FFF;height:26px;position:fixed;top:10px;font-size:12px;line-height:26px;text-align:center;left:50%;margin-left:-30px;width:60px;z-index:4000;border-radius:15px;text-decoration:none;font-weight:bold;} #uon-lightbox-close:hover {background:#5A4F94;border-color:#5A4F94;} #uon-lightbox-navigation {display:none;position:fixed;bottom:40px;height:40px;width:854px;margin-left:-427px;left:50%;z-index:4000;color:#FFF;} #uon-lightbox-navigation a {color:#FFF;line-height:40px;text-decoration:none;} #uon-lightbox-navigation a strong {display:block;margin-top:4px;} #uon-lightbox-navigation-previous {width:377px;position:absolute;left:0;height:40px;padding-left:50px;} #uon-lightbox-navigation-next {width:377px;position:absolute;right:0;height:40px;text-align:right;padding-right:50px;} #uon-lightbox-navigation a:after {font-family:'FontAwesome';color:#FFF;border:2px solid #FFF;width:36px;height:36px;position:absolute;bottom:0;font-size:20px;line-height:36px;text-align:center;border-radius:100%;} #uon-lightbox-navigation-previous a:after {content:"";left:0;} #uon-lightbox-navigation-next a:after {content:"";right:0;} #uon-lightbox-navigation a:hover:after {background:#5A4F94;border-color:#5A4F94;color:#FFF;} #uon-lightbox-loading {color:#c6cad1;font-size:100px;line-height:100px;height:100px;width:100px;text-align:center;position:fixed;top:50%;margin-top:-75px;left:50%;margin-left:-50px;z-index:4000;display:none;} #uon-lightbox-loading.fa-spin {display:block;} /* 033 || * Study areas ======================== */ .study-areas * {box-sizing:border-box;} .study-areas {background-color: #FFF;border: 1px solid #d9dbe0;padding: 15px 0;width: 100%;margin: 20px 0;overflow:hidden;} .study-areas h2 {background-color: #D9DBDE;color: #3d414a;font-size: 20px;margin: -15px 0 15px 0;padding: 15px;text-transform: uppercase;font-weight: 900;border-bottom: 3px solid #1090d5;} .study-areas .thumb, .study-areas .index, .study-areas .index ul {float:left;} .study-areas .thumb {width:33%;} .inside #content-main .study-areas .thumb img {margin:0 0 0 10px;} .study-areas .index {width:63%;} .study-areas ul {float: left;margin-bottom: 0px;margin-left: 15px;width: 45%;position:relative;} .study-areas ul li:before {left:0 !important;} .study-areas ul li h3 {margin:0 0 1.5em 0.5em;line-height:1.4} .study-areas p img {float: left;padding: 0 0.5em;width:30%;} .study-areas p ~ ul {float:left;width: 30%;} .study-areas {padding:1em 0;} .inside .study-areas a {text-decoration:none;} /* Listing styles */ /* 032 || * People listings ==================== */ /* this should ideally be deprecated */ div.peopleContainer h2 {clear:both;padding: 10px 0;margin-bottom: 30px;} div.peopleContainer .person {box-sizing:border-box;width: 100%;float:left;display:block;border-bottom:1px solid #d9dbe0;height:140px;padding:13px 5px;font-size:14px;} div.peopleContainer .lastpeople {border-bottom: none;} div.peopleContainer .person:hover {background-color:#f6f7f9;} div.peopleContainer .person p {margin:0 0 10px;line-height:1.4;} div.peopleContainer .person p.person-image {float:left; border:1px solid #d9dbe0;padding:5px;margin:0 10px 10px 10px;} div.peopleContainer .person p.person-image img {width:100px;height:100px;} div.peopleContainer .person p.person-name {font-weight:700;font-family:'fuseV2','Helvetica Neue', Arial, sans-serif;} div.peopleContainer .person p.person-name a {color:#4c525d;border-bottom:1px solid #4c525d;text-decoration:none;} div.peopleContainer .person p.person-name a:hover {color:#1090d5;border-bottom:2px solid #1090d5;text-decoration:none;} div.peopleContainer .person p span {font-weight:bold;} div.peopleContainer .person p span img {display:none;} div.peopleContainer .person p span a {font-weight:600;font-size:12px;} div.peopleContainer .short {height:70px;} div.peopleContainer div.person-name {padding-left:130px;} div.peopleContainer div.person-name a {font-weight:bold;} div.peopleContainer .publication {height: 190px;} .content div.peopleContainer .publication ul li {background-position: 0 4px; line-height: 20px;} .inside #content-main .people-listing h6 {margin: -5px 0 5px;} .listing h1, .listing h2, .listing h3, .listing h4, .listing h5, .listing h6 {margin:0 0 10px 0;} .the-fancy-listing h1, .the-fancy-listing h2, .the-fancy-listing h3, .the-fancy-listing h4, .the-fancy-listing h5, .the-fancy-listing h6, .large-listing h1, .large-listing h2, .large-listing h3, .large-listing h4, .large-listing h5, .large-listing h6 {margin:0 0 10px 0;} /* "people-listing" should ideally be deprecated */ .people-listing p, .listing p, .large-listing p, .the-fancy-listing p {clear:both;} .people-listing, .listing { clear: both; position: relative; display: block; border-bottom: 1px solid #ecedef; margin: 0 0 10px; padding-left: 115px; padding-bottom: 10px; min-height: 115px; } .people-listing img, .listing img { position: absolute; left: 0; height: 100px; width: 100px; padding:1px; margin-right: 20px; border: 1px solid #c6cad1; box-shadow: 1px 1px 1px rgba(0,0,0,0.09); } .people-listing h4, .people-listing h4 a, .listing h4, .listing h4 a { font-weight: 600; font-family: 'FuseV2','Arial Black','Helvetica Neue',Arial,sans-serif; text-decoration: none !important; border-bottom: 0; margin-bottom: 5px; } .large-listing, .the-fancy-listing { clear: both; position: relative; display: block; border-bottom: 1px solid #ecedef; margin: 0 0 10px; padding-left: 215px; padding-bottom: 10px; min-height: 215px; } .large-listing img, .the-fancy-listing img { position: absolute; left: 0; height: auto; width: 200px; padding: 1px; margin-right: 20px; border: 1px solid #c6cad1; box-shadow: 1px 1px 1px rgba(0,0,0,0.09); } .large-listing h4 a, .the-fancy-listing h4 a { font-weight: 600; font-family: 'FuseV2','Arial Black','Helvetica Neue',Arial,sans-serif; text-decoration: none !important; border-bottom: 0; margin-bottom: 5px; } .large-listing ul, .the-fancy-listing ul {position:relative;} /* || ============== || */ /* || === Footer === || */ /* || ============== || */ .footer {background-color:#ecedef;} .footer .section-footer { margin-top:10px; padding:10px 0; } .footer .section-footer a, .footer .section-footer a:hover {color:#06c;} .footer .section-footer p, .footer .section-footer h2, .footer .section-footer h3, .footer .section-footer h4, .footer .section-footer .more{ font-size:12px; color:#2D3138; margin:0 0 6px 0; } .footer .section-footer h2 {font-size:16px;} .footer .section-footer h3 {font-size:15px;} .footer .section-footer h4, .footer .section-footer .more {font-size:14px;} .footer .section-footer .contact { padding:10px; margin:0 10px; overflow:hidden; float:left; position:relative; } .footer .section-footer .contact .col1 { margin-left:70px; width:100%; } .footer .section-footer .contact .fa { /* background: #b4b8c1; */ color: #1090d5; font-size: 50px; height: 65px; left: 0; line-height: 65px; position: absolute; text-align: center; top: 0; width: 65px; } .footer .section-footer .contact .fa.fa-commenting-o { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .footer .section-footer .publications { float:left; padding:10px; margin:0 10px 0 10px; overflow:hidden; position:relative; } .footer .section-footer .publications .publication-thumbnail {float: left;margin: 0 20px 0 0;overflow: hidden;} .footer .section-footer .publications .img-container {display: inline-block;vertical-align: top;left: 0;position: absolute;top: 0;} .footer .section-footer .publications .txt-container {display: inline-block;vertical-align: top;float: right;width: 50%} .footer .section-footer .logos {padding:10px;margin:0 10px 0 10px;overflow:hidden;float:left;position:relative;} .footer .section-footer .logos ul {list-style-type:none;margin:10px 0 0 0;text-align:center;} .footer .section-footer .logos ul li {display:inline;float:left;position:relative;} .footer .section-footer .logos ul a {display:block;} .footer .section-footer .logos ul a img {max-height:95px;width:auto;} .footer .section-footer .social {padding:10px;margin:0 10px;overflow:hidden;float:left;position:relative;} .footer .section-footer .social p {clear:both;} .footer .section-footer .social ul {list-style-type:none;margin:10px 0 0 0;} .footer .section-footer .social ul li {display:inline-block;} .footer .section-footer .social ul a {display:block;height:36px;margin-left:2px;width:36px;} .footer .section-footer .footer-100 {width:calc(100% - 20px);} .footer .section-footer .footer-50 {width:calc(50% - 20px);} .footer .section-footer .footer-25 {width:calc(25% - 20px);} .footer .global-footer {background-color:#2d3138;color:#7c8493;padding-top:20px;width:100%;margin-top:20px;} .footer .global-footer h2 {border-bottom:1px solid #5b6270;color:#FFF;font-size:1.2em;font-weight:normal;padding-bottom:10px;text-transform:uppercase;} .footer .global-footer a {color:#FFF;} .footer .global-footer a:hover, .footer .global-footer a:active {color:#a1a7b2;text-decoration:none;} .footer .global-footer ul {list-style-type:none;margin:0px;} .footer .global-footer .link-group {float:left;width:25%;padding:0 10px;} .footer .global-footer .link-group li {margin:5px 0;} .footer .global-footer .link-group:first-child h2 {margin-left:0px;} .footer .global-footer .link-group:last-child h2 {margin-right:0px;} .footer .global-footer .footer-info, .footer .global-footer .footer-top-link {border-top: 1px solid #5b6270;float: left;margin-top: 24px;} .footer .global-footer .footer-info, .footer .global-footer .generator-info {width: calc(100% - 55px);} .footer .global-footer .footer-info {color: #FFF;font-size: 1em;height: 80px;} .footer .global-footer .footer-info .row {position:relative;} .footer .global-footer .footer-info p, .footer .global-footer .footer-info ul, .footer .global-footer .footer-info li {display:inline-block;} .footer .global-footer .footer-info p:after, .footer .global-footer .footer-info ul:after {clear:both;} .footer .global-footer .footer-info > p {margin:0;line-height:40px;} .footer .global-footer .footer-info > ul {float:right;} .footer .global-footer .footer-info > ul a {display: block;padding: 0 10px;line-height:40px;} .footer .global-footer .footer-info span {padding:0 10px;} .footer .global-footer .footer-info span:first-child {padding-left:0;} .footer .global-footer .footer-info .date-updated {position: absolute;right: 0;} .footer .global-footer .footer-top-link a {background: #5b6270;display: block;font-size:24px;height:40px;line-height:40px;margin-left: 15px;padding: 0;text-align: center;width: 40px;} .footer .global-footer .footer-top-link a:hover {background:#4c525d;color:#FFF;} .home .footer .global-footer {padding-bottom:0;} .home .footer-gutter {background-color: #FFF;height: 50px;margin-left: 0;padding: 10px 0;} .home .footer-gutter img, .home .footer-gutter .tag-line {display:inline;} .home .footer-gutter .tag-line {font-family: 'FuseV2', 'Helvetica Neue', Arial, sans-serif;font-size: 13px;margin-left: 25px;text-transform: uppercase;} .footer .logos .c3 li {width:33.3%;} @media all and (max-width:1024px) { /* 042 || * Footer ============================= */ .footer .section-footer p {margin-bottom:2px;line-height:16px;} .footer .section-footer h2 {margin-bottom:2px;font-size:13px;} .footer .section-footer h3 {margin-bottom:2px;font-size:13px;} .footer .section-footer h4 {margin-bottom:2px;} .footer .section-footer .contact .fa-phone {display:none;} .footer .section-footer .contact.span12 .col1 {margin-left: 15px;padding: 3%;width: 94%;} .footer .section-footer .contact .col1 {margin-left: 20px;padding: 15px;width: 210px;} .footer .feature .txt-container {width:110px;} .footer .social p {text-align:right;} .footer .global-footer .span3 h2 {font-size:13px;} .footer .global-footer p {font-size:11px;} .footer .global-footer .footer-info span {border-right: 1px solid #FFF;padding: 0 10px 0 5px;} .footer .global-footer .footer-info span:last-child {border-right:0;} .footer .global-footer .footer-info span:last-child a {font-size:11px;} .footer .global-footer .footer-info {margin-left: 10px;width: calc(100% - 75px);} .footer .global-footer .generator-info {display:none;} .footer .global-footer .footer-info ul li:nth-child(1) {display:none;} .footer .global-footer .footer-info p span:nth-child(3) {display:none;} .footer .global-footer .footer-info .date-updated, .home .footer-gutter .tag-line {font-size: 11px;display: inline-block;text-align: right;position: relative;top: 8px;margin-right: 0;} .footer .section-footer .footer-100 {margin-bottom:20px;} .footer .section-footer .footer-50 {margin-bottom:20px;} .footer .section-footer .footer-25 {width:calc(50% - 20px);margin-bottom:20px;} } @media all and (max-width:800px) { /* 042 || Footer ===================================== */ .footer .section-footer .footer-50 {width:calc(100% - 20px);} .footer .section-footer .footer-25 {width:calc(100% - 20px);} } @media all and (max-width:767px) { /* 042 || * Footer ============================= */ .footer .section-footer .contact .col1 {padding:0 0 2em 0;margin: 0 3%;width: auto;} .footer .global-footer {padding:20px;} .footer .global-footer .container {padding:0;} .footer .global-footer h2 {border-bottom: 0;border-top: 1px solid #5b6270;font-size: 14px;margin-right: 0;padding: 10px;position: relative;} .footer .global-footer .link-group:first-child h2 {padding-left:10px;} .footer .global-footer h2.expanded {background-color: #1d1e1f;} .footer .global-footer h2.expanded:after {border: 10px solid transparent;border-top-color: #1d1e1f;content: ' ';height: 0;left: 25px;position: absolute;top: 100%;width: 0;} .footer .global-footer ul {display: none;padding-left: 10px;} .footer .global-footer .link-group ul:last-child {margin-bottom:20px;} .footer .global-footer .generator-info {display:none;} .footer .global-footer .footer-info {height: auto;margin-left: 0;width: 100%;border-top: 0;margin-top:10px;} .footer .global-footer .footer-info ul {float: left;padding-left: 5px;padding-right: 40px;} .footer .global-footer .footer-info ul li:first-child {display:none;} .footer .global-footer .footer-info ul li a {font-size: 11px;padding: 0 5px;line-height:20px;} .footer .global-footer .footer-info ul li:first-child a {padding-left:0;} .footer .global-footer .footer-info p span:nth-child(1), .footer .global-footer .footer-info p span:nth-child(3) {display:none;} .footer .global-footer .footer-info p {line-height:20px;} .footer .footer-top-link {display:none;} .home .footer-gutter {position: absolute;margin-left: -20px;height: auto;} .home .footer-gutter .tag-line {display: block;font-size: 11px;margin-left: 0;padding: 10px;text-align: center;} .footer .logos ul.c3 li {width:50%;} .footer .logos ul.c4 li {width:50%;} .footer .global-footer .link-group {width:100%;} } @media all and (max-width:480px) { /* 042 || * Footer ============================= */ .footer .global-footer {padding:0;} .footer .global-footer .container {padding:20px;} .footer .section-footer {margin-top:0;} .footer .section-footer .contact {width:calc(100% - 20px);} .footer .section-footer .feature, .footer .section-footer .social, .footer .section-footer .logos {width: calc(100% - 20px);margin: 0px 10px 0 10px;} } /* 024 || * Thumbnails ========================= */ /* to be deprecated once galleries are in new template */ .thumbnails {list-style: none;margin-left: -10px;} .thumbnails:before, .thumbnails:after {content: "";display: table;line-height: 0;} .thumbnails:after {clear:both;} .row-fluid .thumbnails {margin-left:0;} .item p {padding-top:10px;} .thumbnails > li {float: left;margin-bottom: 20px;margin-left: 10px;} .content .thumbnails > li {background-image: none;padding: 0px;} .thumbnail {border-radius: 4px;border: 1px solid #d9dbe0;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);display: block;line-height: 20px;padding: 4px;transition: all 0.2s ease-in-out;} a.thumbnail:hover {border-color: #12698c;box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);} .thumbnail > img {display: block;margin-left: auto;margin-right: auto;max-width: 100%;} .thumbnail .caption {color: #6b7382;padding: 9px;} .thumbnail .img-wrapper {display: table-cell;height: 124px;overflow: hidden;vertical-align: middle;width: 124px;} .thumbnails.gallery li {height:124px;} .thumbnails.gallery li:before {display:none;} .thumbnails.gallery .img-wrapper img {display: block;margin: 0 auto;} /* 026 || * Carousel =========================== */ .carousel {line-height: 1;margin-bottom: 20px;position: relative;} .carousel-controls {position:absolute;bottom:0;left:0;} .carousel-inner {overflow: hidden;position: relative;width: 100%;} .carousel .item, .carousel .itemz {display: none;position: relative;transition: 0.6s ease-in-out left;} .carousel .item > img, .carousel .itemz > img {display: block;line-height: 1;} .carousel .active {display:block;left:0;} .carousel .next {display:block;position: absolute;top: 0;width: 100%;left:100%;} .carousel .prev {display:block;position: absolute;top: 0;width: 100%;left:-100%;} .carousel .next.left, .carousel .prev.right {left:0;} .carousel .active.left {left:-100%;} .carousel .active.right {left:100%;} .carousel-control, .inside #content-main .carousel-control {position: absolute;top: 40%;left: 15px;height: 40px;width: 40px;line-height: 40px;margin-top: -20px;opacity: 0.5;} .carousel-control, .inside #content-main .carousel-control {background: #1E2025;border-radius: 23px;border: 3px solid #FFF;color: #FFF;font-size: 20px;font-weight: 100;text-align: center;text-decoration: none;} .carousel-control.right, .inside #content-main .carousel-control.right {left: auto;right: 15px;} .carousel-control:hover, .inside #content-main .carousel-control:hover {color: #FFF;opacity: 0.9;text-decoration: none;} .carousel-caption {background: rgba(0, 0, 0, 0.75);bottom: 0;left: 0;padding: 15px;position: absolute;right: 0;} .carousel-caption h4, .carousel-caption p {color: #FFF;line-height: 20px;} .carousel-caption h4 {margin:0 0 5px;} .carousel-caption p {margin-bottom:0;} .hero-unit {background-color: #ecedef;border-radius: 6px;margin-bottom: 30px;padding: 60px;} .hero-unit h1 {color: inherit;font-size: 60px;letter-spacing: -1px;line-height: 1;margin-bottom: 0;} .hero-unit p {color: inherit;font-size: 18px;font-weight: 200;line-height: 30px;} .banner {height:100%;width:100%;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;} .inside .banner {overflow:hidden;position:fixed;} .inside .image_carousel {position:absolute;} .banner .image {background-position:center top;background-size:100% auto;background-size:cover;background-repeat:no-repeat;bottom:0;left:0;position:fixed;right:0;top:0;} /* 041 || * Search Suggest ===================== */ #search_suggest {position: absolute;width:228px;top: 119px;background:rgba(255, 255, 255, 0.95);border:1px solid #d9dbe0; margin: 0;box-shadow:0 3px 6px #c6cad1;z-index: 9999;margin-left:678px;top:52px;list-style: none;} .searchLink {display:block; text-decoration: none;padding: 10px 7px} .searchLink:hover {text-decoration: none;} .suggestion {font-size: 14px;padding:4px 10px; cursor: pointer;list-style-type: none;} .suggestion:hover {background:rgba(225, 225, 225, 0.95);} .suggestion_selected {background: #F0F6FC; color: #0066CC;cursor:pointer;} #search_suggest li:hover {background:rgba(225, 225, 225, 0.95);} .selected {font-size:30px;background:rgba(225, 225, 225, 0.95);} /* 044 || * Workflow Dashboard ================= */ .dataTables_filter input[type="search"] {margin-left:1em;} .workflow-report_toolbar {float:right;margin-bottom:1em;margin-left:2em;} .workflow-report_toolbar .btn-primary,.inside #content-main .workflow-report a.btn {padding-top:5px;padding-bottom:5px;} .workflow-report_toolbar .btn {margin-left:4px;} .workflow-report_toolbar .btn:first-child {margin-left:0px;} .workflow-report_toolbar .btn-primary {padding-right:10px;padding-left:10px;} .inside #content-main .workflow-report a.btn {font-size:0.9em;padding-right:8px;padding-left:8px;} .workflow-report thead th:nth-child(2),.workflow-report thead th:nth-child(3) {width:12%;} .workflow-report thead th:nth-child(4) {width:20%;} .workflow-report thead th:nth-child(5) {width:10%;} .workflow-report .asset-status {display:inline-block;overflow:hidden;background-color:#748d9a;color:transparent;text-align:top;border:0;width:12px;height:12px;} .no-rgba .workflow-report .asset-status {text-indent:9999em;} .workflow-report .asset-status:before {content:'';display:block;width:0;height:150%;} .workflow-report .asset-name {color:#000;font-weight:bold;} .workflow-report .asset-workflow-user-comment {color:#7C8493;} #followed-users-all {color:#8e95a3;font-weight:bold;padding-bottom:4px;margin-bottom:8px;border-bottom:2px solid #ecedef;} #followed-users-all.selected {color:#2D3138;} #followed-users-modal .modal-body {overflow-y:scroll;max-height:300px;} #list-followed-users label .username {color:#8e95a3;} /* 051 || Stackable Grid ========================== */ .stackable-grid {width:100%;} .stackable-grid .stackable-block {width:100%;margin-bottom:20px;} @media all and (max-width:1142px) { .container {width:100%;} } @media all and (max-width:1024px) { /* 027 || * iFrames ============================ */ body.inside iframe[src*="issuu"] {height:490px;} body.inside.colx2 iframe[src*="issuu"], body.inside.colx2b iframe[src*="issuu"], body.inside.colx3 iframe[src*="issuu"] {height:350px;} } @media all and (max-width:1024px) { /* 041 || * Search Suggest ===================== */ #search_suggest {margin-left:391px;width:204px;} } @media(max-width:900px) { /* 028 || * Lightbox =========================== */ #uon-lightbox {width:654px;margin-left:-327px;} #uon-lightbox-navigation {width:654px;margin-left:-327px;} #uon-lightbox-navigation-previous {width:277px;} #uon-lightbox-navigation-next {width:277px;} } @media all and (max-width:767px) { /* 027 || * iFrames ============================ */ body.inside iframe[src*="issuu"], body.inside.colx2 iframe[src*="issuu"], body.inside.colx2b iframe[src*="issuu"], body.inside.colx3 iframe[src*="issuu"] {height:300px;} } @media all and (max-width:767px) { /* 033 || * Study areas ======================== */ .study-areas, .study-areas .grouped-areas, .study-areas .thumb, .study-areas .index, .study-areas .index ul {width:auto;} .study-areas .thumb, .study-areas .index, .study-areas .index ul {float:none;} .study-areas .index ul {margin: 0px;padding: 0px;} } @media all and (max-width:767px) { /* 041 || * Search Suggest ===================== */ #search_suggest {display:none;} } @media all and (max-width:700px) { /* 038 || * Table Styles ======================= */ .table-scroller {overflow-x: scroll;} } @media all and (max-width:480px) { /* 003 || * Utilities ========================== */ .pull-left, .pull-right {width:100%;} .pull-right {text-align:right;} .pull-left .col1, .pull-left .col2 {width:100%;margin:0;} } @media all and (max-width:480px) { /* 033 || * Study Areas ======================== */ .study-areas ul {width: calc(100% - 15px);} } @media all and (max-width:430px) { /* 040 || BTN Styles ======================= */ .left-btn, .right-btn {width:calc(100% - 20px);} } #researcher-requiredfields {width:auto;} /* ~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ Stackable Grid ~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~ */ .stackable-grid {width:100%;} .stackable-grid .stackable-block {width:100%;margin-bottom:20px;} @media all and (max-width:1024px) { .stackable-grid {width:100%;} .colx3 .stackable-grid .stackable-block {width:33.33%;padding:10px;margin-bottom:0;} } @media all and (max-width:767px) { .colx3 .stackable-grid .stackable-block, .stackable-grid .stackable-block {width:50%;padding:10px; margin-bottom:0;} } @media all and (max-width:550px) { .colx3 .stackable-grid .stackable-block, .stackable-grid .stackable-block {width:100%;} } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ CALL TO ACTION BUTTONS ~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ a.cta-button {font-family:'FuseV2','Helvetica Neue',Arial,sans-serif;text-decoration:none;box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.1);} a.cta-button:hover {text-decoration:none;} a.cta-button .cta-title {color:#0F1012;text-shadow:1px 1px rgba(255,255,255,0.1);border-bottom:none !important;} a.cta-button.cta-dark {background-color:#5b6270;color:#F6F7F9;box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.1);} a.cta-button.cta-dark .cta-title {color:#F6F7F9;text-shadow:1px 1px rgba(0,0,0,0.1);} a.cta-button {display:block;height:65px;overflow:hidden;position:relative;padding-left:80px;padding-right:20px;width:auto;} a.cta-button .cta-title {color:#0f1012;display:table-cell;font-size:16px;height:65px;line-height:18px;vertical-align:middle;} .cta-icon {background-position:center center;background-repeat:no-repeat;position:absolute;} .cta-icon {color:#FFF;display:block;font-size:30px;;left:0;line-height:65px;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);top:0;} a.cta-button .cta-icon.gradschool-icon {background-color:#1090d5;} .call-to-action, .sidebar .feature.feature-link {display: block;height: 64px;margin: 0 0 10px 10px;position: relative;z-index: 1;} .call-to-action img, .sidebar .feature.feature-link img {left: 0;position: absolute;} a.cta-button .cta-icon, a.cta-button.cta-light .cta-icon {background-color:rgba(0,0,0,0);height:56px;line-height:56px;} a.cta-button .cta-icon::after {display:none;} a.cta-button {color: #FFF;display: block;padding: 10px 60px;position: relative;font-size: 13px;text-decoration: none;line-height: 16px;height: 56px;vertical-align: middle;font-weight:300;} a.cta-button.cta-light {background:#5b6270;color:#f6f7f9;} a.cta-button.cta-dark {background:#b4b8c1;color:#0f1012;} a.cta-button.cta-light::after, a.cta-button.cta-dark::after {position: absolute;right: 10px;top: 10px;bottom: 10px;text-align: center;line-height: 36px;width: 30px;font-family: fontawesome;content: "";border-left: 2px solid rgba(255, 255, 255, 0.5);color:#f6f7f9;} a.cta-button.cta-dark::after {border-left: 2px solid rgba(0,0,0, 0.5);color:#0f1012;} a.cta-button.cta-dark .cta-icon {color:#0f1012;text-shadow: 1px 1px rgba(255,255,255,0.1);border-bottom:none !important;} a.cta-button.cta-light .cta-icon {color:#f6f7f9;text-shadow: 1px 1px rgba(0,0,0,0.1);border-bottom:none !important;} a.cta-button.cta-dark .cta-title {color:#0f1012;} a.cta-button.cta-light .cta-title {color:#f6f7f9;} a.cta-button .cta-title {display: table-cell;vertical-align: middle;height: 36px;text-decoration: none;font-size:14px !important;} a.cta-button:hover {background: #1090D5;color: #FFF;} a.cta-button:hover::after {background: #FFF;border-radius: 3px;color: #1090D5;border-left: 2px solid rgba(255, 255, 255, 0.5);} a.cta-button.cta-dark:hover::after {background: #0F1012;border-radius: 3px;color: #1090D5;border-left: 2px solid rgba(0,0,0, 0.5);} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ NEWS WIDGET, EVENTS WIDGET and PhD WIDGET ~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #news-widget, #events-widget, #phd-widget {background:rgba(255,255,255,0.95);box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.1);color: #5b6270;min-height:460px;position:relative;} #news-widget .widget-inner, #events-widget .widget-inner, #phd-widget .widget-inner {overflow: hidden;} #news-widget h2, #events-widget h2, #phd-widget h2 {color:#6b7382 !important;font-size: 14px;font-weight:400;margin: 0px 9px;} #news-widget h2 a, #events-widget h2 a, #phd-widget h2 a {border-bottom:0;color:#6b7382 !important;} #news-widget h2 a:hover, #events-widget h2 a:hover, #phd-widget h2 a:hover {color:#3d414a !important;} #news-widget img, #events-widget img, #phd-widget img {margin-bottom:15px;} #news-widget h3, #events-widget h3, #phd-widget h3 {margin-right:9px;margin-bottom:25px;margin-left:9px;position:relative;} #news-widget h3 a, #events-widget h3 a, #phd-widget h3 a {border-bottom:0;color:#3d414a;} #news-widget h3 a:hover, #events-widget h3 a:hover, #phd-widget h3 a:hover {color:#5b6270 !important;} #news-widget h3:after, #events-widget h3:after, #phd-widget h3:after {background-color:#1090d5;bottom:-10px;content:'';height:4px; left:0;position:absolute;width:100px;} #news-widget .summary, #events-widget .summary, #phd-widget .summary {display: block;float: left;margin-bottom: 0px; width:100%;} #news-widget .carousel, #events-widget .carousel, #phd-widget .carousel {margin-bottom:0px; padding-bottom:30px;position:inherit !important;} #news-widget .carousel .item:before, #news-widget .carousel .item:after, #events-widget .carousel .item:before, #events-widget .carousel .item:after, #phd-widget .carousel .item:before, #phd-widget .carousel .item:after {clear:both;content: "";display: table;line-height: 0;} #news-widget .carousel .item:after, #events-widget .carousel .item:after, #phd-widget .carousel .item:after {clear:both;} #news-widget .carousel .item p, #events-widget .carousel .item p, #phd-widget .carousel .item p {line-height:20px;margin-left:9px;margin-right:9px;} #news-widget .carousel-controls, #events-widget .carousel-controls, #phd-widget .carousel-controls {bottom:18px;left:7px;right:7px;position:absolute;width:100%;} .carousel-controls .carousel-control {background-color:rgba(0,0,0,0) !important;bottom:0;border:0 !important;border-radius:0px;color: #000 !important;font-size: 32px !important;height: 32px;left: 0;line-height: 32px !important; padding-top:2px;top:0; width: 32px;} #news-widget .carousel-controls .carousel-control:hover, #events-widget .carousel-controls .carousel-control:hover, #phd-widget .carousel-controls .carousel-control:hover { background-color: #1090d5 !important; color:#fff !important; } #news-widget .carousel-controls .carousel-control.right, #events-widget .carousel-controls .carousel-control.right, #phd-widget .carousel-controls .carousel-control.right { left:calc(100% - 45px); } #news-widget .carousel-controls .carousel-control img, #events-widget .carousel-controls .carousel-control img, #phd-widget .carousel-controls .carousel-control img { padding-bottom: 0px; padding-top: 10px; } #news-widget .carousel-controls .carousel-control .fa-angle-left, #news-widget .carousel-controls .carousel-control .fa-angle-right, #events-widget .carousel-controls .carousel-control .fa-angle-left, #events-widget .carousel-controls .carousel-control .fa-angle-right, #phd-widget .carousel-controls .carousel-control .fa-angle-left, #phd-widget .carousel-controls .carousel-control .fa-angle-right { display:block; } /* ~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ Feature Widget ~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~ */ .feature {overflow:hidden;} .feature h3 {margin-left:9px;margin-right:9px;margin-bottom: 25px;position: relative;} .feature h3 a {border-bottom:0;color:#3d414a;} .feature h3:after {background-color:#1090d5;bottom:-10px;content:'';height:4px;left:0;position:absolute;width:100px;} .feature p {margin-left:9px;margin-right:9px;} /* ~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ Feature : VIDEO ~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~ */ .feature.video-embed {background-color:rgba(255,255,255,0.95); } .feature.video-embed .iframe-wrap {padding-top: 56.25% !important;position:relative;} .feature.video-embed .iframe-wrap iframe {position:absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 100%;height: 100%;} /* ~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ Feature : IMAGE ~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~ */ .feature.image-link img {margin-bottom:0;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ Feature: PUBLICATIONS and HIGHLIGHTS ~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .feature.widget-publications, .feature.widget-highlights {background-color:#1e2025;border-radius:3px;color:#d9dbe0;} .feature.widget-highlights h2, .feature.widget-publications h2 {color: #7c8493;font-size: 14px;font-weight: 400;margin-top: 0px;margin-left: 9px;margin-right: 9px;text-transform:uppercase;} .feature.widget-highlights h3, .feature.widget-publications h3 {font-size: 16px; line-height: 1.5; margin-top: 0px;} .feature.widget-publications h3 a, .feature.widget-highlights h3 a {color:#ecedef !important;} /* ~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ ASK UON Widget ~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~ */ #ask-uon * {box-sizing:border-box;} #ask-uon {padding:15px;margin:20px 0 20px 0;width:100%;box-sizing:border-box;overflow:hidden;} #ask-uon h2 {margin-left:-15px;margin-right:-15px;margin-top:-15px;} #ask-uon a.rn_Link:link {color: #ffffff;text-decoration: none;} #ask-uon a.rn_Link:visited {color: #ffffff !important;text-decoration: none;} #ask-uon .rn_screen_reader_only, #ask-uon .rn_Hide {display:none;} #ask-uon input.rn_Query {border-radius: 0;float: left;padding: 10px;border: 1px solid #4c525d;} #ask-uon .rn_SearchArea {height:30px;} #ask-uon .rn_SearchBox {float: left;width: calc(100% - 45px);} #ask-uon .rn_SearchButton {text-align: right;float: left;width: 40px;} #ask-uon .rn_ButtonInput {background-color: #2d3138;color: #FFF;font-size: 12px;border: 0 none;padding: 7px 10px;height: 31px;width: 40px;text-transform: uppercase;margin-left: 5px;} #ask-uon span.rn_Title a {color:#FFF important!;} #ask-uon #topFive ul {color:#FFF; list-style-type: none !important;margin-bottom: 20px;padding-bottom: 20px;width:100%;} #ask-uon #topFive ul li {line-height:16px;background-position:0 2px;margin-top:15px; margin-left:10px;color:#FFF !important;} #ask-uon .rn_Navigation {margin-top:15px;} #ask-uon .rn_Navigation a {background:#2d3138;color:#FFF !important;font-size:12px;padding:10px;text-transform:uppercase !important;float:right;text-align:center;clear:both;} .widget-highlights, .sidebar .feature.widget-highlights, .widget-publications, .sidebar .feature.widget-publications {background:#5b6270;color: #FFF;} .feature.widget-publications, .feature.widget-highlights {color:#ecedef; border-color:#3d414a;} /* 021 || * Sidebar widgets ==================== */ .sidebar .feature, .sidebar .news, .sidebar .events, .widget-events {background:rgba(255,255,255,0.95);color: #5b6270;box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.1);} .feature {width:100%;background:rgba(255,255,255,0.95);color: #5b6270; } .feature .carousel {margin-bottom:0px; padding-bottom:30px;} .feature .carousel .item:before, .feature .carousel .item:after {content: "";display: table;line-height: 0;} .feature .carousel .item:after {clear:both;} .feature .carousel .item p {line-height:20px;} .feature .carousel-controls {bottom:8px;} .feature .carousel-control {background-color: #d9dbe0;border: 1px solid #b4b8c1;color: #000;height: 28px;left: 0;width: 28px;border-radius:0;bottom:0;top:0;} .feature .carousel-control:hover {background-color: #c6cad1;} .feature .carousel-control.right {left:32px;} .feature .carousel-control img {padding-bottom: 0px;padding-top: 10px;} .feature .carousel-control .fa-angle-left, .feature .carousel-control .fa-angle-right {display:block;line-height:24px;} .feature .calendar, .feature .summary {display: block;float: left;} .feature .calendar {border:1px solid #d9dbe0;font-family: 'FuseV2','Helvetica Neue',Arial,sans-serif;height: 76px;margin-right: 15px;text-align: center;width: 76px;} .feature .calendar .month, .feature .calendar .day-year {color: #1090d5;display: block;} .feature .calendar .month {font-size: 20px;margin-top: 17px;} .feature .calendar .day-year {font-size: 16px;margin-top: 5px;} .home .widget-inner {overflow: hidden;} .widget-events {position:relative;} .widget-events h2, .widget-highlights h2, .widget-publications h2 {font-size: 16px;margin-top: 0px;} .widget-events .summary {margin-bottom: 0px; width:calc(100% - 91px);} .feature.widget-events .calendar .month, .feature.widget-events .calendar .day-year {color:#1090d5;} .feature.widget h3 {color: #FFF; height: 70px; margin-left: 80px;} .feature.widget .feed-item {color: #FFF;padding-bottom: 10px;} .feature.widget .find_us {display: block;float: right;height: 30px;} .feature.widget-restricted h3 { background: url('./?a=326694') no-repeat center right;padding-right:20px;} /* 022 || * Social widgets ===================== */ .sidebar .feature.social-widget, .feature.social-widget {background:#d9dbe0;} .social-widget a.feed-header {background:#fff;border-radius:4px;color:#2D3138;display:block;height:50px;overflow:visible;margin-bottom:15px;position:relative;padding-left:65px;text-decoration:none;width:auto;} .social-widget a.feed-header .feed-title {color:#2D3138;display:table-cell;font-family:'FuseV2','Helvetica Neue',Arial,sans-serif;font-size:16px;height:50px;line-height:18px;vertical-align:middle;} .social-widget a.feed-header .cta-icon {font-size:24px;height:50px;line-height:50px;width:50px;} .social-widget a.feed-header .cta-icon:after {border-width:7px;right:-14px;top:18px;} .social-widget .feed-item {border-top: 1px solid #5b6270;padding: 5px 0 18px 0;margin-bottom: 0;font-size: 12px;position:relative;} .social-widget .feed-item:first-child {border-top:0 none;} .social-widget .feed-item a {text-decoration:underline;} .social-widget .feed-item .likes {float:right;position:absolute;bottom:0;right:0;} .social-widget .sub-feed-item {border-left: 2px solid #d9dbe0;font-size: 11px;font-style: italic;line-height: 15px;margin-top: -10px;padding-left: 10px;} .social-widget .sub-feed-item a {color:#12698c;text-decoration:underline;} .social-widget .carousel-controls {right:0;} .social-widget .carousel-control {color:#FFF;background:#8e95a3;border-radius:3px;} .social-widget .carousel-control:hover {background:#5b6270;} .social-widget .carousel-control.right {right:0;left:auto;} .social-widget .carousel {margin-bottom:10px;} .social-widget a.follow {margin-top:10px;border-radius:3px;background:#fff;color:#2D3138;padding-left:30px;display:block;line-height:1;text-align:center;position:relative;line-height:30px;font-size:13px;} .social-widget a.follow:hover {background-color:#5b6270;color:#FFF;text-decoration:none;} .social-widget a.follow strong {font-family:'FuseV2','Helvetica Neue',Arial,sans-serif;font-weight:normal;line-height:1;} .social-widget a.follow .fa {background-color:#5b6270;color:#FFF;position:absolute;left:3px;top:3px;border-radius:2px;width:24px;height:24px;line-height:24px;} .social-widget a.follow:hover .fa {background:#FFF;color:#5b6270;} .social-widget a.follow .count {background:#FFF;color:#5b6270;border-radius:3px;padding:0 6px;line-height:20px;float:left;position:relative;margin-top:5px;font-size:11px;margin-left:2px;} .social-widget a.follow .count:before {content:"";position:absolute;top:7px;left:-6px;border:3px solid transparent;border-right-color:#FFF;width:0;height:0;} .social-widget a.follow-left, .social-widget a.follow-right {width:48%;display:inline-block;} .social-widget a.follow-left {margin-right:2%;} .social-widget a.follow-right {margin-left:2%;} .feature.social-widget.academia-widget, .feature.social-widget.conversation-widget, .feature.social-widget.facebook-widget, .feature.social-widget.linkedin-widget, .feature.social-widget.rss-widget, .feature.social-widget.slideshare-widget, .feature.social-widget.soundcloud-widget, .feature.social-widget.twitter-widget, .feature.social-widget.youtube-widget, .feature.social-widget.instagram-widget {background:rgba(255,255,255,0.95);} .academia-widget .cta-icon {background-color:#133c5d;} .academia-widget .cta-icon:after {border-left-color:#133c5d;} .academia-widget a.feed-header {margin-bottom:0;} .conversation-widget .cta-icon:after {border-left-color:#D8352A;} .conversation-widget .cta-icon, .conversation-widget a.follow:hover, .conversation-widget a.follow .fa-comment {background-color:#D8352A;} .conversation-widget a.follow:hover .fa-comment {color:#D8352A;} .facebook-widget .cta-icon:after {border-left-color:#3A5795;} .facebook-widget .feed-item {border-top-color:#b0bcd5;} .facebook-widget a.follow {background-color:#b0bcd5;} .facebook-widget .cta-icon, .facebook-widget a.follow:hover, .facebook-widget a.follow .fa-facebook {background-color:#3A5795;} .facebook-widget a.follow:hover .fa-facebook {color:#3A5795;} .linkedin-widget .cta-icon {background-color:#0073b2;} .linkedin-widget .cta-icon:after {border-left-color:#0073b2;} .linkedin-widget a.feed-header {margin-bottom:0;} .rss-widget .cta-icon:after {border-left-color:#FF9933;} .rss-widget .cta-icon, .rss-widget a.follow-right:hover, .rss-widget a.follow .fa-rss {background-color:#FF9933;} .rss-widget a.follow:hover .fa-rss {color:#FF9933;} .slideshare-widget .cta-icon {background-color:#0479B6;} .slideshare-widget .cta-icon:after {border-left-color:#0479B6;} .slideshare-widget a.feed-header {margin-bottom:0;} .soundcloud-widget .cta-icon:after {border-left-color:#F50;} .soundcloud-widget .cta-icon, .soundcloud-widget a.follow:hover, .soundcloud-widget a.follow .fa-soundcloud {background-color:#F50;} .soundcloud-widget a.follow:hover .fa-soundcloud {color:#F50;} .twitter-widget .cta-icon:after {border-left-color:#55acee;} .twitter-widget .feed-item {border-top-color:#bbdef8;} .twitter-widget .feed-item a {word-break:break-all;} .twitter-widget .sub-feed-item {border-left-color:#bbdef8;} .twitter-widget a.follow {background-color:#bbdef8;} .twitter-widget .cta-icon, .twitter-widget a.follow:hover, .twitter-widget a.follow .fa-twitter {background-color:#55acee;} .twitter-widget a.follow:hover .fa-twitter {color:#55acee;} .youtube-widget .cta-icon:after {border-left-color:#CC181E;} .youtube-widget .feed-item strong {font-size:14px;color:#2D3138;display:block;line-height:16px;margin-top:10px;margin-bottom:10px;} .youtube-widget .cta-icon, .youtube-widget a.follow:hover, .youtube-widget a.follow .fa-youtube-play {background-color:#CC181E;} .youtube-widget a.follow:hover .fa-youtube-play {color:#CC181E;} /* Deprecated */ /* .instagram-widget .cta-icon:after {border-left-color:#D43066;} .instagram-widget .feed-item {border-top-color:#D43066;} .instagram-widget a.follow {background-color:#D43066;} .instagram-widget .cta-icon, .instagram-widget a.follow:hover, .instagram-widget a.follow .fa-instagram {background-color:#D43066;} .instagram-widget a.follow:hover .fa-instagram {color:#D43066;} */ .inline-feature.conversation-feed {background:url('./?a=326691') no-repeat left bottom;color:#2D3138;height:auto;margin-left:0;padding:0 0 25px 0;} .inline-feature.conversation-feed {color:#FFF;} .inline-feature.conversation-feed a {color: #069;text-decoration: underline;} .inline-feature.conversation-feed a:hover {color:#5b6270;} .inline-feature.conversation-feed .feed-item {border-top-style: solid;border-top-width: 1px;} .inline-feature.conversation-feed .feed-item {border-top-color:#d9dbe0;} .inline-feature.conversation-feed .feed-item > a {display: block;font-size: 0.85em;margin-top: 10px;} .inline-feature.conversation-feed .find_us {margin-top: 10px;width: 116px;} .feature.social-icons a {margin-left:10px;display:block;float:left;position:relative;width:40px;height:40px;margin-bottom:10px;} .feature.social-icons a.first, .feature.social-icons a:nth-child(6), .feature.social-icons a:nth-child(11), .feature.social-icons a:nth-child(16) {margin-left:0;} .feature.social-icons a img {margin:0;padding:0;width:40px;height:40px;} .feature.social-icons a .fa {border-radius:4px;line-height:40px;font-size:24px;text-align:center;width:40px;color:#FFF;} .feature.social-icons a .fa-twitter {background:#55ACEE;} .feature.social-icons a .fa-facebook {background:#3A5795;} .feature.social-icons a .fa-instagram {background:#d43066;} .feature.social-icons a .fa-flickr {background:#FF0084;} .feature.social-icons a .fa-google-plus {background:#D73D32;} .feature.social-icons a .fa-instagram {background:#D43066;} .feature.social-icons a .fa-pinterest {background:#BB232C;} .feature.social-icons a .fa-skype {background:#00AFF0;} .feature.social-icons a .fa-soundcloud {background:#F50;} .feature.social-icons a .fa-youtube-play {background:#CC181E;} .feature.social-icons a .fa-linkedin {background:#0073B2;} .feature.social-icons a .fa-wordpress {background:#21759B;} .feature.social-icons a .fa-globe {background:#5b6270;} .feature.social-icons a .fa-comment {background:#06C;} .feature.social-icons a .fa-graduation-cap {background:#4285F4;} /* 031 || * Social Media ======================= */ menu {display: inline;float: left;margin: 0 0 10px 0;padding-left: 0;} menu a {display: inline-block;height: 21px;margin-right: 5px;} menu .fb {background: url('./?a=326680') no-repeat;width: 45px;} menu .twitter {background: url('./?a=326681') no-repeat;width: 58px;} menu .mail {background: url('./?a=326682') no-repeat;width: 20px;} .social-media-title {line-height:40px;font-family:'FuseV2','Helvetica Neue',Arial,sans-serif;font-size:20px;margin:10px auto;} .inside #content-main .social-media-title a {text-decoration:none;color:#2D3138;display:block;} .inside #content-main .social-media-title a .title {float:left;} .inside #content-main .social-media-title a:hover .title {text-decoration:underline;} .social-media-title .fa {background:#2D3138;color:#FFF;border-radius:100%;width:40px;height:40px;line-height:40px;text-align:center;margin-right:10px;float:left;} .social-media-follow {float:right;font-family:'Helvetica Neue',Arial,sans-serif;font-size:15px;text-transform:none;white-space:nowrap;} .social-media-follow .follow {text-decoration:underline;color:#2D3138;} .social-media-follow .count {border:2px solid #2D3138;color:#2D3138;border-radius:3px;background:#FFF;font-weight:bold;padding:4px 10px;position:relative;margin-left:15px;font-size:13px;} .social-media-follow .count:before {content:"";border:8px solid transparent;border-right-color:#2D3138;position:absolute;top:4px;left:-17px;} .social-media-follow .count:after {content:"";border:6px solid transparent;border-right-color:#FFF;position:absolute;top:6px;left:-12px;} a:hover .social-media-follow .count {background:#2D3138;color:#FFF;} a:hover .social-media-follow .count:after {border-right-color:#2D3138;} .social-media-title.social-media-title-lg {line-height:60px;} .social-media-title.social-media-title-lg .fa {width:60px;height:60px;line-height:60px;font-size:30px;} .social-media-content.facebook-feed .social-media-title .fa {background:#3A5795;} .social-media-content.linkedin-feed .social-media-title .fa {background:#0073B2;} /* Deprecated */ /* .social-media-content.instagram-feed .social-media-title .fa {background:#D43066;} .social-media-content.instagram-feed .social-media-follow .count {border-color:#D43066;} .social-media-content.instagram-feed .social-media-follow .count:before {border-right-color:#D43066;} .social-media-content.instagram-feed a:hover .social-media-follow .count {background:#D43066;} .social-media-content.instagram-feed a:hover .social-media-follow .count:after {border-right-color:#D43066;} .social-media-content.instagram-feed .image {position:relative;color:#FFF;text-decoration:none;font-weight:bold;display:block;} .social-media-content.instagram-feed .image .heart {position:absolute;left:10px;bottom:10px;font-size:16px;text-shadow:0 0 2px rgba(0,0,0,0.5);} .social-media-content.instagram-feed .image:hover .heart {display:none;} .social-media-content.instagram-feed .image .meta {position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);font-size:20px;display:none;} .social-media-content.instagram-feed .image:hover .meta {display:block;} .social-media-content.instagram-feed .image .meta .likes {text-align:center;position:absolute;left:0;right:0;top:50%;margin-top:-20px;line-height:40px;} .social-media-content.instagram-feed .image .meta .likes .fa-comment {margin-left:15px;} .social-media-content.instagram-feed .image .meta .view {position:absolute;left:50%;width:80px;margin-left:-40px;text-align:center;bottom:20px;font-size:16px;line-height:24px;} .social-media-content.instagram-feed .image .meta .fa-arrow-circle-o-right {font-size:24px;margin-left:10px;vertical-align:top;} .social-media-title .fa.icon-green {background-color:#9C0;} */ @media all and (max-width:1024px) { /* 021 || * Sidebar widgets ==================== */ .widget-news .summary, .widget-events .summary {width: calc(100% - 65px);} .widget-news h3, .widget-events h3 {margin-bottom: 10px;line-height: 20px;} .feature.widget-highlights .carousel-control, .feature.widget-publications .carousel-control {bottom:-15px;} .inside .feature .carousel-control img, .landing .feature .carousel-control img {display:inline-block;} .feature.widget h3 {font-size: 12px;height: 42px;padding-top: 28px;} .widget-highlights .item, .widget-publications .item {height:auto;} .widget-news .calendar, .widget-events .calendar {background:none;border:2px solid #d9dbe0;float: left;height:50px;margin-bottom: 20px;width:50px;} .feature .calendar .month {font-size:20px;margin-top:6px;} .feature .calendar .day-year {font-size:12px;margin-top:3px;} .feature .carousel-control {font-size:17px;height:24px;line-height:24px;width:24px;} .feature .carousel-control.right {left:26px;} .feature .carousel-control .fa-angle-left, .feature .carousel-control .fa-angle-right {line-height:24px;} /* ++++++++++++++++++++++++++++++++++++ */ /* Deprecated - 022 || * Social widgets */ /* ++++++++++++++++++++++++++++++++++++ */ /* .feature.social-icons a:nth-child(6), .feature.social-icons a:nth-child(11), .feature.social-icons a:nth-child(16) {margin-left:10px;} .feature.social-icons a:nth-child(4), .feature.social-icons a:nth-child(7), .feature.social-icons a:nth-child(10), .feature.social-icons a:nth-child(13), .feature.social-icons a:nth-child(16) {margin-left:0;} .social-widget a.feed-header {padding-left: 60px;padding-right: 5px;} */ /* 031 || * Social Media ======================= */ .social-media-title {line-height:30px;font-size:18px;} .social-media-title .fa {width:30px;height:30px;line-height:30px;float:none;} .inside #content-main .social-media-title a .title {float:none;} .social-media-follow {float:none;display:block;margin-left:40px;font-size:13px;} } @media all and (max-width:767px) { /* 021 || * Sidebar widgets ==================== */ .feature.widget h3 {height: 40px;margin-left: 90px;padding-top: 30px;} .feature.widget .find_us {float:none;} .widget-news, .widget-events, .widget-highlights, .widget-publications {padding-right: 10px;padding-left: 10px;} .widget-news .carousel-control img, .widget-events .carousel-control img, .widget-highlights .carousel-control img, .widget-publications .carousel-control img, .landing .feature.widget-highlights img, .landing .feature.widget-publications img {display:inline-block;} /* 022 || * Social widgets ===================== */ .feature.social-icons a {margin-left:0 !important;margin-right:10px;} } /* FORM STYLES */ form {margin:0 0 20px;} fieldset {border: 0;margin: 0;padding: 0;} legend {border: 0;border-bottom: 1px solid #e5e5e5;color: #2D3138;display: block;font-size: 21px;line-height: 40px;margin-bottom: 20px;padding: 0;width: 100%;} legend small {color: #8e95a3;font-size: 15px;} label, input, button, select, textarea {font-size: 14px;font-weight: normal;line-height: 20px;} table label, table input, table button, table select, table textarea {font-size:inherit;} table td span {line-height:1.2;} form table {margin-bottom:30px;} form table td:first-child {font-weight: bold;line-height: 1.2;} form table td:first-child label {font-weight: bold;line-height: 1.2;padding-top: 7px;} form table td:first-child span {font-weight:normal;} .content form table ul li {background: none;line-height: 20px;padding-left: 0;} table ul li input[type="radio"], table ul li input[type="checkbox"] {margin:0 5px 0 0;} table ul li label {display: inline-block;line-height: 20px;font-weight: normal;width: 230px;vertical-align: top;} table ul li input[type="radio"] + label, table ul li input[type="checkbox"] + label {display:inline;width:auto;line-height:24px;} input, button, select, textarea {font-family:'Helvetica Neue', Arial, sans-serif;} label {display: block;margin-bottom: 5px;} table label {margin-bottom:0;} input, textarea {width:100%;} textarea {height:auto;} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {border-radius: 3px;color: #6b7382;display: inline-block;font-size: 14px;height: 40px;line-height: 20px;margin-bottom: 9px;padding: 4px 6px;} table select, table textarea, table input[type="text"], table input[type="password"], table input[type="datetime"], table input[type="datetime-local"], table input[type="date"], table input[type="month"], table input[type="time"], table input[type="week"], table input[type="number"], table input[type="email"], table input[type="url"], table input[type="search"], table input[type="tel"], table input[type="color"], table .uneditable-input {font-size: inherit;height:44px;margin: 0;padding: 6px;} textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {background-color: #FFF;border: 1px solid #c6cad1;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);transition: border linear .2s, box-shadow linear .2s;} textarea.required-field, input.required-field[type="text"], input.required-field[type="password"], input.required-field[type="datetime"], input.required-field[type="datetime-local"], input.required-field[type="date"], input.required-field[type="month"], input.required-field[type="time"], input.required-field[type="week"], input.required-field[type="number"], input.required-field[type="email"], input.required-field[type="url"], input.required-field[type="search"], input.required-field[type="tel"], input.required-field[type="color"], li:first-child input.required-field[type="radio"] + label, li:first-child input.required-field[type="checkbox"] + label, select.required-field {background-image: url('/__data/assets/image/0011/93485/required-star.png');background-position:right center;background-repeat:no-repeat;} textarea.required-field {background-position:right 7px;} select.required-field {padding-right:25px;background-position:96% center;} li:first-child input.required-field[type="radio"] + label, li:first-child input.required-field[type="checkbox"] + label {width:201px;} textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {border-color: rgba(82, 168, 236, 0.8);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);outline: 0;} input[type="radio"], input[type="checkbox"] {cursor: pointer;line-height: normal;margin: 4px 0 0;} input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {width:auto;} form p input[type="submit"], form p input[type="reset"] {border:0 none;font-size:13px;padding:10px 15px;text-transform:uppercase;} form p input[type="submit"] {background:#000;color:#FFF;} form p input[type="reset"] {background:#c6cad1;color:#2D3138;} form p input[type="submit"]:hover, form p input[type="reset"]:hover {background:#5B5094;color:#FFF;} select, input[type="file"] {height: 40px;line-height: 40px;} select {background-color: #FFF;border: 1px solid #BBB;width: 100%;} select[multiple], select[size] {height:auto;} select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {outline-offset: -2px;outline: 5px auto -webkit-focus-ring-color;outline: thin dotted #2D3138;} .uneditable-input, .uneditable-textarea {background-color: #f6f7f9;border-color: #c6cad1;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);color: #8e95a3;cursor: not-allowed;} .uneditable-input {overflow: hidden;white-space: nowrap;} .uneditable-textarea {height: auto;width: auto;} input:-moz-placeholder, textarea:-moz-placeholder {color:#8e95a3;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#8e95a3;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#8e95a3;} .radio, .checkbox {min-height: 18px;padding-left: 18px;} .radio input[type="radio"], .checkbox input[type="checkbox"] {float: left;margin-left: -20px;margin-top: 3px;} .controls > .radio:first-child, .controls > .checkbox:first-child {padding-top:5px;} .radio.inline, .checkbox.inline {display: inline-block;margin-bottom: 0;padding-top: 5px;vertical-align: middle;} .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {margin-left:10px;} .input-mini {width:60px;} .input-small {width:90px;} .input-medium {width:150px;} .input-large {width:210px;} .input-xlarge {width:270px;} .input-xxlarge {width:530px;} .controls-row:before, .controls-row:after {content: "";display: table;line-height: 0;} .controls-row:after {clear:both;} .controls-row [class*="span"] {float:left;} input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {background-color: #ecedef;cursor: not-allowed;} input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] {background-color:transparent;} .control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline {color:#c09853;} .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea {border-color: #c09853;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);color: #c09853;} .control-group.warning .checkbox:focus, .control-group.warning .radio:focus, .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {border-color: #a47e3c;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;} .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {background-color: #fcf8e3;border-color: #c09853;color: #c09853;} .control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline {color:#b94a48;} .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {border-color: #b94a48;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);color: #b94a48;} .control-group.error .checkbox:focus, .control-group.error .radio:focus, .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {border-color: #953b39;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;} .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {background-color: #f2dede;border-color: #b94a48;color: #b94a48;} .control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline {color:#468847;} .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {border-color: #468847;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);color: #468847;} .control-group.success .checkbox:focus, .control-group.success .radio:focus, .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {border-color: #356635;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;} .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {background-color: #dff0d8;border-color: #468847;color: #468847;} input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {border-color: #ee5f5b;color: #b94a48;} input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {border-color: #e9322d;box-shadow: 0 0 6px #f8b9b7;} .form-actions {background-color: #f6f7f9;border-top: 1px solid #e5e5e5;margin-bottom: 20px;margin-top: 20px;padding: 19px 20px 20px;} .form-actions:before, .form-actions:after {content: "";display: table;line-height: 0;} .form-actions:after {clear:both;} .help-block, .help-inline {color:#595959;} .help-block {display: block;margin-bottom: 10px;} .help-inline {display: inline-block;padding-left: 5px;vertical-align: middle;} .input-append, .input-prepend {font-size: 0;margin-bottom: 5px;white-space: nowrap;} .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {border-radius: 0 3px 3px 0;font-size: 14px;margin-bottom: 0;position: relative;vertical-align: top;} .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus {z-index:2;} .input-append .add-on, .input-prepend .add-on {background-color: #ecedef;border: 1px solid #c6cad1;display: inline-block;font-size: 14px;font-weight: normal;height: 20px;line-height: 20px;min-width: 16px;padding: 4px 5px;text-align: center;text-shadow: 0 1px 0 #FFF;width: auto;} .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn {border-radius: 0;margin-left: -1px;vertical-align: top;} .input-append .btn, .input-prepend .btn {background-image: none;padding: 8px 6px;line-height: 20px;} .input-append .active, .input-prepend .active {background-color: #a9dba9;border-color: #46a546;} .input-prepend .add-on, .input-prepend .btn {margin-right:-1px;} .input-prepend .add-on:first-child, .input-prepend .btn:first-child {border-radius: 3px 0 0 3px;} .input-append input, .input-append select, .input-append .uneditable-input {border-radius: 3px 0 0 3px;padding: 14px;width: calc(100% - 35px);} .input-append .add-on:last-child, .input-append .btn:last-child {border-radius: 0 3px 3px 0;} .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {border-radius: 0;} .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {border-radius: 3px 0 0 3px;margin-right: -1px;} .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {border-radius: 0 3px 3px 0;margin-left: -1px;} input.search-query {border-radius: 15px;margin-bottom: 0;padding-left: 14px;padding-right: 14px;} .form-search .input-append .search-query, .form-search .input-prepend .search-query {border-radius: 0;} .form-search .input-append .search-query {border-radius: 3px 0 0 3px;} .form-search .input-append .btn {border-radius: 0 3px 3px 0;} .form-search .input-prepend .search-query {border-radius: 0 3px 3px 0;} .form-search .input-prepend .btn {border-radius: 3px 0 0 3px;} .form-horizontal input, .form-horizontal textarea, .form-horizontal select, .form-horizontal .help-inline, .form-horizontal .uneditable-input, .form-horizontal .input-prepend, .form-horizontal .input-append, .form-inline input, .form-inline textarea, .form-inline select, .form-inline .help-inline, .form-inline .uneditable-input, .form-inline .input-prepend, .form-inline .input-append, .form-search input, .form-search textarea, .form-search select, .form-search .help-inline, .form-search .uneditable-input, .form-search .input-prepend, .form-search .input-append {display: inline-block;margin-bottom: 0;vertical-align: middle;} .form-search .hide, .form-inline .hide, .form-horizontal .hide {display:none;} .form-search label {display:block;margin:0;} .form-inline label, .form-search .btn-group, .form-inline .btn-group {display:inline-block;} .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {margin-bottom:0;} .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox {margin-bottom: 0;padding-left: 0;vertical-align: middle;} .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {float: left;margin-left: 0;margin-right: 5px;} .control-group {margin-bottom:10px;} legend + .control-group {-webkit-margin-top-collapse: separate;margin-top: 20px;} .form-horizontal .control-group {margin-bottom: 20px;} .form-horizontal .control-group:before, .form-horizontal .control-group:after {content: "";display: table;line-height: 0;} .form-horizontal .control-group:after {clear:both;} .form-horizontal .control-label {float: left;padding-top: 5px;text-align: right;width: 140px;} .form-horizontal .controls {margin-left: 160px;} .form-horizontal .help-block {margin-bottom: 0;margin-top: 10px;} .form-horizontal .form-actions {padding-left:160px;} .content .matrix-select ul li {background-image: none;padding-left: 0px;} .matrix-select li input[type="checkbox"], .matrix-select li input[type="radio"] {margin-top:-5px;} .matrix-select li label {display: inline;margin-left: 0.5em;} .mandatory {color: #b94a48;font-weight: bold;} .form-errors {color:#b94a48;} textarea {min-height:128px;} /* TABLE STYLES */ /* review ASAP - add finnegans table styles and retrofit to that */ table {background-color: transparent;border-collapse: collapse;border-spacing: 0;margin-bottom: 15px;width: 100%;} table caption {color: inherit;font-family: 'FuseV2', 'Helvetica Neue', Arial, sans-serif;font-size: 16px;font-weight: normal;line-height: 1;margin-bottom: 0.5em;text-align: left;text-transform: uppercase;} table td, table th {text-align: left;vertical-align: top;} table th {background-color: rgba(16,144,213,0.15);border-top:1px solid rgba(16,144,213,0.25);border-bottom:1px solid rgba(16,144,213,0.25);padding: 15px 0;text-transform: uppercase;} table td table td, table td table th, table th table td, table th table th {font-size:1em;} table p, .content table ul li, .content table ol li {font-size:1em;} .table {margin-bottom: 20px;width: 100%;} .table th, .table td {line-height: 20px;padding: 8px;} .table th {font-weight: bold;} .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {border-top:0;} table th, table td {padding:12px;} /* table tr:nth-child(2n) {background-color:rgba(16,144,213,0.05);} table tr:nth-child(2n+1) {background-color:#fff;} */ .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {background-color:#f6f7f9;} table.unstyled-table tr, table.unstyled-table tr:nth-child(2n), table.unstyled-table tr:nth-child(2n+1) {background-color:#FFF;} table.transparent-table tr, table.transparent-table tr:nth-child(2n), table.transparent-table tr:nth-child(2n+1) {background:none;} .table tbody tr.success td {background-color:#dff0d8;} .table tbody tr.error td {background-color:#f2dede;} .table tbody tr.info td {background-color:#d9edf7;} .feed-page table, .event-page table, .profile table, table.light {border-bottom: 2px solid rgba(16,144,213,0.25);border-top: 2px solid rgba(16,144,213,0.25);} .feed-page table th, .event-page table th, .profile table th, table.light th {background-color: rgba(16,144,213,0.15);color: #000;font-weight: bold;text-transform: none;} .feed-page table td, .event-page table td, .profile table td, table.light td {border-top:1px solid rgba(16,144,213,0.25)} .feed-page table tr:nth-child(2n), .event-page table tr:nth-child(2n), .profile table tr:nth-child(2n), table.light tr:nth-child(2n), .feed-page table tr:nth-child(2n+1), .event-page table tr:nth-child(2n+1), .profile table tr:nth-child(2n+1), table.light tr:nth-child(2n+1) {background-color:#FFF;} .feed-page table.horizontal, .event-page table.horizontal, .profile table.horizontal, table.horizontal.light {border-top: 2px solid rgba(16,144,213,0.25);min-width: 50%;width: auto;} .feed-page table.horizontal th, .event-page table.horizontal th, .profile table.horizontal th, table.horizontal.light th {border-top: 1px solid rgba(16,144,213,0.25);width: 180px;} label.adjust-width{width:128px !important;} .form-row ul li label {display:inline-block;} .form-row ul li input[type='checkbox']{margin-right:10px !important;} /* GDPR Messaging */ .gdpr.message-info {margin-left:0;} /* ~~~ CALL TO ACTION ICONS ~~~ */ .cta-icon.arrow-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0020/326702/arrow-icon.png");} .cta-icon.bar-chart-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0004/326704/bar-chart-icon.png");} .cta-icon.books-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0006/326706/books-icon.png");} .cta-icon.calendar-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0008/326708/calendar-icon.png");} .cta-icon.check-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0019/326710/check-icon.png");} .cta-icon.clipboard-check-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0003/326712/clipboard-check-icon.png");} .cta-icon.document-check-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0005/326714/document-check-icon.png");} .cta-icon.document-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0007/326716/document-icon.png");} .cta-icon.document-search-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0009/326718/document-search-icon.png");} .cta-icon.engage-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0020/326720/new-engage-icon.png");} .cta-icon.gradschool-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0003/326748/gradschool-icon.png");} .cta-icon.id-badge-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0004/326722/id-badge-icon.png");} .cta-icon.line-chart-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0006/326724/line-chart-icon.png");} .cta-icon.news-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0008/326726/news-icon.png");} .cta-icon.open-book-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0010/326728/open-book-icon.png");} .cta-icon.people-generic-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0003/326730/people-generic-icon.png");} .cta-icon.person-generic-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0005/326732/person-generic-icon.png");} .cta-icon.post-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0007/326734/post-icon.png");} .cta-icon.ra-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0005/326750/ra-icon.png");} .cta-icon.staff-female-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0009/326736/staff-female-icon.png");} .cta-icon.staff-male-female-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0011/326738/staff-male-female-icon.png");} .cta-icon.staff-male-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0004/326740/staff-male-icon.png");} .cta-icon.staff-search-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0006/326742/staff-search-icon.png");} .cta-icon.uonline-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0010/326746/uonline-icon.png");} .cta-icon.video-icon {background-image:url("https://www.newcastle.edu.au/__data/assets/image/0008/326744/video-icon.png");} a.cta-button.cta-dark .cta-icon.arrow-icon, a.cta-button.cta-dark .cta-icon.books-icon, a.cta-button.cta-dark .cta-icon.document-search-icon, a.cta-button.cta-dark .cta-icon.document-check-icon, a.cta-button.cta-dark .cta-icon.id-badge-icon, a.cta-button.cta-dark .cta-icon.open-book-icon, a.cta-button.cta-dark .cta-icon.people-generic-icon, a.cta-button.cta-dark .cta-icon.person-generic-icon, a.cta-button.cta-dark .cta-icon.staff-female-icon, a.cta-button.cta-dark .cta-icon.staff-male-icon, a.cta-button.cta-dark .cta-icon.staff-male-female-icon, a.cta-button.cta-dark .cta-icon.staff-search-icon, a.cta-button.cta-dark .cta-icon.engage-icon, a.cta-button.cta-dark .cta-icon.uonline-icon, a.cta-button.cta-dark .cta-icon.clipboard-check-icon, a.cta-button.cta-dark .cta-icon.ra-icon {filter:invert(1);} /* ~~~ DOCUMENT ICONS ~~~ */ .content .pdf {background:url("https://www.newcastle.edu.au/__data/assets/image/0010/326629/pdf_icon.png") no-repeat;line-height: 21px;list-style: none;padding: 5px 0 5px 30px;} .content .video-play {background:url("https://www.newcastle.edu.au/__data/assets/image/0003/360948/video-button.png") no-repeat;line-height: 21px;list-style: none;padding: 5px 0 5px 30px;} .content .rss {background:url("https://www.newcastle.edu.au/__data/assets/image/0007/467404/rss-24.png") no-repeat;line-height: 21px;list-style: none;padding: 5px 0 5px 30px;} .content .xls, .content .xlsx {background:url("https://www.newcastle.edu.au/__data/assets/image/0006/326661/xls_icon.png") no-repeat;line-height: 21px;list-style: none;padding: 5px 0 5px 30px;} .content .doc, .content .docx {background:url("https://www.newcastle.edu.au/__data/assets/image/0003/326649/doc_icon.png") no-repeat;line-height: 21px;list-style: none;padding: 5px 0 5px 30px;} .content .secure-pdf {background:url("https://www.newcastle.edu.au/__data/assets/image/0007/326698/secure-pdf_icon.png") no-repeat;line-height: 21px;list-style: none;padding: 5px 0 5px 30px;} .content .secure-xls, .content .secure-xlsx {background:url("https://www.newcastle.edu.au/__data/assets/image/0005/326696/secure-xls_icon.png") no-repeat;line-height: 21px;list-style: none;padding: 5px 0 5px 30px;} .content .secure-doc, .content .secure-docx {background:url("https://www.newcastle.edu.au/__data/assets/image/0006/326697/secure-doc_icon.png") no-repeat;line-height: 21px;list-style: none;padding: 5px 0 5px 30px;} .content .external-link {background: url("https://www.newcastle.edu.au/__data/assets/image/0005/326687/external-link-icon-lg.png") no-repeat center left;line-height:21px;list-style: none;padding:3px 0 3px 30px;} .content a.external-link-after {background: url("https://www.newcastle.edu.au/__data/assets/image/0003/326685/external-link-icon.png") no-repeat center right;margin-right:2px;padding-right:14px;} .content a.external-link-after:hover {background:url("https://www.newcastle.edu.au/__data/assets/image/0004/326686/external-link-icon-hover.png") no-repeat center right;} .content .secure-link {background: url("https://www.newcastle.edu.au/__data/assets/image/0003/326694/secure-link-icon.png") no-repeat center left;line-height:21px;list-style: none;padding:3px 0 3px 30px;} .content a.secure-link-after {background: url("https://www.newcastle.edu.au/__data/assets/image/0004/326695/secure-link-icon-sm.png") no-repeat center right;margin-right:2px;padding-right:14px;} /* ~~~ ICONS8 ~~~ */ [data-icon]:before { content: attr(data-icon); } [data-icons8]:before { content: attr(data-icons8); } .i8 {line-height:1;} [data-icon]:before, [data-icons8]:before, .i8:before {display:inline-block;font:normal normal normal 14px/1 "UON-Icons";font-size:inherit;text-decoration:inherit;text-rendering:auto;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;} .icons8-aboriginal-flag:before {content: "\f1ca";} .icons8-accounting:before {content: "\f1d4";} .icons8-advertising:before {content: "\f16e";} .icons8-airport:before {content: "\f175";} .icons8-apartment:before {content: "\f17d";} .icons8-around-the-globe:before {content: "\f1b8";} .icons8-assistant:before {content: "\f14e";} .icons8-australia-filled:before {content: "\f161";} .icons8-australia:before {content: "\f1c9";} .icons8-australian-dollar:before {content: "\f1bb";} .icons8-best-seller-filled:before {content: "\f16f";} .icons8-best-seller:before {content: "\f16b";} .icons8-biotech:before {content: "\f117";} .icons8-book-shelf:before {content: "\f15b";} .icons8-book:before {content: "\f187";} .icons8-building-outline:before {content: "\f1aa";} .icons8-building-with-rooftop-terrace:before {content: "\f1b6";} .icons8-building:before {content: "\f1b4";} .icons8-bus:before {content: "\f177";} .icons8-business-network:before {content: "\f1d3";} .icons8-businessman:before {content: "\f10f";} .icons8-businesswoman:before {content: "\f1d2";} .icons8-buy-for-cash:before {content: "\f1d8";} .icons8-cafe:before {content: "\f17b";} .icons8-calendar-1:before {content: "\f136";} .icons8-calendar-2:before {content: "\f137";} .icons8-calendar-3:before {content: "\f138";} .icons8-calendar-4:before {content: "\f139";} .icons8-calendar-5:before {content: "\f13a";} .icons8-calendar-6:before {content: "\f13b";} .icons8-calendar-blank-filled:before {content: "\f1cc";} .icons8-calendar-blank:before {content: "\f1cb";} .icons8-calendar:before {content: "\f13c";} .icons8-camcorder-pro:before {content: "\f132";} .icons8-candlestick-chart:before {content: "\f1e3";} .icons8-card-payment:before {content: "\f19b";} .icons8-cash-in-hand:before {content: "\f19c";} .icons8-cash-register:before {content: "\f1da";} .icons8-checked:before {content: "\f14a";} .icons8-circuit-filled:before {content: "\f165";} .icons8-circuit:before {content: "\f128";} .icons8-class:before {content: "\f104";} .icons8-classroom-filled:before {content: "\f160";} .icons8-classroom:before {content: "\f105";} .icons8-collaboration:before {content: "\f131";} .icons8-combo-chart:before {content: "\f1e2";} .icons8-concept:before {content: "\f119";} .icons8-contact-2:before {content: "\f196";} .icons8-contact:before {content: "\f195";} .icons8-counselor:before {content: "\f111";} .icons8-courses:before {content: "\f102";} .icons8-cross:before {content: "\f146";} .icons8-curriculum:before {content: "\f103";} .icons8-cycling-road:before {content: "\f178";} .icons8-design:before {content: "\f11f";} .icons8-diploma-1-filled:before {content: "\f183";} .icons8-diploma-1:before {content: "\f106";} .icons8-diploma-2-filled:before {content: "\f185";} .icons8-diploma-2:before {content: "\f156";} .icons8-diploma-filled:before {content: "\f184";} .icons8-diploma:before {content: "\f15c";} .icons8-discount:before {content: "\f142";} .icons8-doctors-bag:before {content: "\f19f";} .icons8-document:before {content: "\f198";} .icons8-download:before {content: "\f19a";} .icons8-drafting-compass:before {content: "\f12b";} .icons8-e-learning-2:before {content: "\f108";} .icons8-e-learning:before {content: "\f107";} .icons8-elective:before {content: "\f10d";} .icons8-email-envelope:before {content: "\f194";} .icons8-empty-document:before {content: "\f19d";} .icons8-engineering-filled:before {content: "\f181";} .icons8-engineering:before {content: "\f125";} .icons8-equivalent:before {content: "\f15a";} .icons8-export-pdf:before {content: "\f19e";} .icons8-filter:before {content: "\f157";} .icons8-financial-analytics:before {content: "\f1e0";} .icons8-five-star-filled:before {content: "\f192";} .icons8-five-star:before {content: "\f1c8";} .icons8-forest:before {content: "\f121";} .icons8-friends:before {content: "\f1a6";} .icons8-gears-filled:before {content: "\f182";} .icons8-gears:before {content: "\f16c";} .icons8-geo-fence:before {content: "\f15e";} .icons8-globe-asia-filled:before {content: "\f152";} .icons8-globe-asia:before {content: "\f114";} .icons8-globe:before {content: "\f115";} .icons8-goal:before {content: "\f110";} .icons8-gradschool:before {content: "\f167";} .icons8-graphic-object:before {content: "\f18d";} .icons8-greentech:before {content: "\f1d0";} .icons8-growing-money:before {content: "\f1dd";} .icons8-head-with-brain:before {content: "\f1c3";} .icons8-health-checkup:before {content: "\f1a3";} .icons8-heart-hand:before {content: "\f1a2";} .icons8-hearts:before {content: "\f18b";} .icons8-help:before {content: "\f14d";} .icons8-helping-hand:before {content: "\f148";} .icons8-high-priority:before {content: "\f16d";} .icons8-hospital-3-filled:before {content: "\f173";} .icons8-hospital-3:before {content: "\f112";} .icons8-hub:before {content: "\f144";} .icons8-idea-sharing:before {content: "\f1a8";} .icons8-idea:before {content: "\f11c";} .icons8-identification-documents:before {content: "\f1ac";} .icons8-image-editing:before {content: "\f18e";} .icons8-info:before {content: "\f145";} .icons8-innovation:before {content: "\f171";} .icons8-instagram:before {content: "\f172";} .icons8-job-seeker:before {content: "\f1be";} .icons8-job:before {content: "\f168";} .icons8-kangaroo:before {content: "\f1ba";} .icons8-knowledge-sharing:before {content: "\f169";} .icons8-land-surveying:before {content: "\f134";} .icons8-language:before {content: "\f166";} .icons8-laptop:before {content: "\f12d";} .icons8-law:before {content: "\f101";} .icons8-library:before {content: "\f158";} .icons8-like-it:before {content: "\f170";} .icons8-literature:before {content: "\f109";} .icons8-lock:before {content: "\f1b0";} .icons8-luggage-trolley:before {content: "\f176";} .icons8-maintenance:before {content: "\f12c";} .icons8-management:before {content: "\f1e1";} .icons8-map:before {content: "\f13e";} .icons8-marker:before {content: "\f13d";} .icons8-math:before {content: "\f12e";} .icons8-mba:before {content: "\f1ab";} .icons8-medal-filled:before {content: "\f15f";} .icons8-medal:before {content: "\f18f";} .icons8-medical-doctor:before {content: "\f1ae";} .icons8-meditation:before {content: "\f1b2";} .icons8-meeting:before {content: "\f10e";} .icons8-microscope-filled:before {content: "\f163";} .icons8-microscope:before {content: "\f118";} .icons8-mind-map:before {content: "\f154";} .icons8-money-bag:before {content: "\f1dc";} .icons8-mountain:before {content: "\f1c5";} .icons8-music-transcript:before {content: "\f12a";} .icons8-new-filled:before {content: "\f150";} .icons8-new:before {content: "\f11e";} .icons8-news:before {content: "\f143";} .icons8-online-support:before {content: "\f14c";} .icons8-open-book:before {content: "\f188";} .icons8-organization-chart-people:before {content: "\f1df";} .icons8-organization:before {content: "\f1b3";} .icons8-paint-palette:before {content: "\f18c";} .icons8-paper-money:before {content: "\f1db";} .icons8-parent-guardian:before {content: "\f180";} .icons8-park-concert-shell:before {content: "\f113";} .icons8-party-confetti:before {content: "\f1a4";} .icons8-party:before {content: "\f1bc";} .icons8-pdf:before {content: "\f199";} .icons8-people-in-car:before {content: "\f1a9";} .icons8-permanent-job:before {content: "\f149";} .icons8-phone-receiver:before {content: "\f197";} .icons8-physics-filled:before {content: "\f164";} .icons8-physics:before {content: "\f11d";} .icons8-piggy-bank:before {content: "\f1a1";} .icons8-pipe-organ:before {content: "\f122";} .icons8-prayer:before {content: "\f1a0";} .icons8-price-tag-usd-filled:before {content: "\f162";} .icons8-price-tag-usd:before {content: "\f140";} .icons8-protect:before {content: "\f1af";} .icons8-reading-filled:before {content: "\f174";} .icons8-reading:before {content: "\f13f";} .icons8-recycle:before {content: "\f1d7";} .icons8-residence:before {content: "\f1b5";} .icons8-restaurant-pickup:before {content: "\f17a";} .icons8-resume-website:before {content: "\f1bd";} .icons8-robot:before {content: "\f120";} .icons8-rocket:before {content: "\f1cf";} .icons8-scales-2:before {content: "\f1c0";} .icons8-scales:before {content: "\f1a7";} .icons8-school:before {content: "\f159";} .icons8-science-application:before {content: "\f1cd";} .icons8-sea-waves:before {content: "\f1c4";} .icons8-search:before {content: "\f11b";} .icons8-shop:before {content: "\f17f";} .icons8-shopping-bag:before {content: "\f1d6";} .icons8-shopping-cart:before {content: "\f1d5";} .icons8-signpost:before {content: "\f14f";} .icons8-singing-teacher:before {content: "\f10c";} .icons8-soccer:before {content: "\f179";} .icons8-solar-panel:before {content: "\f126";} .icons8-space-shuttle:before {content: "\f1ce";} .icons8-spiral-bulb:before {content: "\f15d";} .icons8-star-filled:before {content: "\f153";} .icons8-star:before {content: "\f151";} .icons8-statistics:before {content: "\f135";} .icons8-stethoscope:before {content: "\f129";} .icons8-strategy-board:before {content: "\f16a";} .icons8-student-female-filled:before {content: "\f18a";} .icons8-student-female:before {content: "\f189";} .icons8-student-male-filled:before {content: "\f1c1";} .icons8-student-male:before {content: "\f1b7";} .icons8-student:before {content: "\f1bf";} .icons8-students:before {content: "\f10a";} .icons8-sustainability:before {content: "\f1d1";} .icons8-swimming:before {content: "\f17c";} .icons8-sydney-opera-house:before {content: "\f1b9";} .icons8-test-tube:before {content: "\f130";} .icons8-thin-test-tube:before {content: "\f11a";} .icons8-total-sales:before {content: "\f1d9";} .icons8-training:before {content: "\f10b";} .icons8-traveler:before {content: "\f1de";} .icons8-tree-planting:before {content: "\f1c2";} .icons8-tree-structure:before {content: "\f155";} .icons8-trekking:before {content: "\f1a5";} .icons8-trigonometry:before {content: "\f12f";} .icons8-trophy:before {content: "\f116";} .icons8-university-filled:before {content: "\f186";} .icons8-university:before {content: "\f100";} .icons8-us-dollar:before {content: "\f141";} .icons8-user-group:before {content: "\f124";} .icons8-user-groups:before {content: "\f17e";} .icons8-vegetarian-food:before {content: "\f1e5";} .icons8-water-tower:before {content: "\f1e4";} .icons8-welfare:before {content: "\f190";} .icons8-wheelchair:before {content: "\f147";} .icons8-wi-fi:before {content: "\f1ad";} .icons8-wind-turbine:before {content: "\f127";} .icons8-worker:before {content: "\f123";} .icons8-x-ray:before {content: "\f133";} .icons8-yoga:before {content: "\f1b1";} /*******************/ /** Academicons **/ /** v1.8.6 **/ /*******************/ .ai {display:inline-block;font:normal normal normal 14px/1 Academicons;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .ai-academia:before {content:"\e9af";} .ai-academia-square:before {content:"\e93d";} .ai-acclaim:before {content:"\e92e";} .ai-acclaim-square:before {content:"\e93a";} .ai-acm:before {content:"\e93c";} .ai-acm-square:before {content:"\e95d";} .ai-acmdl:before {content:"\e96a";} .ai-acmdl-square:before {content:"\e9d3";} .ai-ads:before {content:"\e9cb";} .ai-ads-square:before {content:"\e94a";} .ai-arxiv:before {content:"\e974";} .ai-arxiv-square:before {content:"\e9a6";} .ai-biorxiv:before {content:"\e9a2";} .ai-biorxiv-square:before {content:"\e98b";} .ai-ceur:before {content:"\e96d";} .ai-ceur-square:before {content:"\e92f";} .ai-coursera:before {content:"\e95f";} .ai-coursera-square:before {content:"\e97f";} .ai-cv:before {content:"\e9a5";} .ai-cv-square:before {content:"\e90a";} .ai-dataverse:before {content:"\e9f7";} .ai-dataverse-square:before {content:"\e9e4";} .ai-dblp:before {content:"\e94f";} .ai-dblp-square:before {content:"\e93f";} .ai-depsy:before {content:"\e97a";} .ai-depsy-square:before {content:"\e94b";} .ai-doi:before {content:"\e97e";} .ai-doi-square:before {content:"\e98f";} .ai-dryad:before {content:"\e97c";} .ai-dryad-square:before {content:"\e98c";} .ai-figshare:before {content:"\e981";} .ai-figshare-square:before {content:"\e9e7";} .ai-google-scholar:before {content:"\e9d4";} .ai-google-scholar-square:before {content:"\e9f9";} .ai-ideas-repec:before {content:"\e9ed";} .ai-ideas-repec-square:before {content:"\e9f8";} .ai-ieee:before {content:"\e929";} .ai-ieee-square:before {content:"\e9b9";} .ai-impactstory:before {content:"\e9cf";} .ai-impactstory-square:before {content:"\e9aa";} .ai-inspire:before {content:"\e9e9";} .ai-inspire-square:before {content:"\e9fe";} .ai-lattes:before {content:"\e9b3";} .ai-lattes-square:before {content:"\e99c";} .ai-mathoverflow:before {content:"\e9f6";} .ai-mathoverflow-square:before {content:"\e97b";} .ai-mendeley:before {content:"\e9f0";} .ai-mendeley-square:before {content:"\e9f3";} .ai-open-access:before {content:"\e939";} .ai-open-access-square:before {content:"\e9f4";} .ai-orcid:before {content:"\e9d9";} .ai-orcid-square:before {content:"\e9c3";} .ai-osf:before {content:"\e9ef";} .ai-osf-square:before {content:"\e931";} .ai-overleaf:before {content:"\e914";} .ai-overleaf-square:before {content:"\e98d";} .ai-philpapers:before {content:"\e98a";} .ai-philpapers-square:before {content:"\e96f";} .ai-piazza:before {content:"\e99a";} .ai-piazza-square:before {content:"\e90c";} .ai-publons:before {content:"\e937";} .ai-publons-square:before {content:"\e94e";} .ai-pubmed:before {content:"\e99f";} .ai-pubmed-square:before {content:"\e97d";} .ai-researcherid:before {content:"\e91a";} .ai-researcherid-square:before {content:"\e95c";} .ai-researchgate:before {content:"\e95e";} .ai-researchgate-square:before {content:"\e99e";} .ai-scirate:before {content:"\e98e";} .ai-scirate-square:before {content:"\e99d";} .ai-semantic-scholar:before {content:"\e96e";} .ai-semantic-scholar-square:before {content:"\e96c";} .ai-springer:before {content:"\e928";} .ai-springer-square:before {content:"\e99b";} .ai-zotero:before {content:"\e962";} .ai-zotero-square:before {content:"\e932";} /* Duplication of the FontAwesome style classes using 'ai' in place of 'fa'. */ .ai-lg {font-size:1.33333333em;line-height:0.75em;vertical-align:-15%;} .ai-2x {font-size:2em;} .ai-3x {font-size:3em;} .ai-4x {font-size:4em;} .ai-5x {font-size:5em;} .ai-fw {width:1.28571429em;text-align:center;} .ai-ul {padding-left:0;margin-left:2.14285714em;list-style-type:none;} .ai-ul > li {position:relative;} .ai-li {position:absolute;left:-2.14285714em;width:2.14285714em;top:0.14285714em;text-align:center;} .ai-li.fa-lg {left:-1.85714286em;} .ai-border {padding:.2em .25em .15em;border:solid 0.08em #eeeeee;border-radius:.1em;} .ai-pull-left {float:left;} .ai-pull-right {float:right;} .ai.fa-pull-left {margin-right:.3em;} .ai.fa-pull-right {margin-left:.3em;} /* BUTTON STYLES */ /* Event button - to replace "eventbrite" image in events. */ a.event-btn { background-color:#1090d5; border-radius:3px; box-shadow:1px 1px 1px rgba(0,0,0,0.55); color:#fff; cursor:pointer; padding:8px 20px; text-align:center; text-decoration:none; } a.event-btn:hover { opacity:0.85; } /* News Buttons - CTA in 'new' brand */ a.x-small-btn, a.small-btn, a.medium-btn, a.large-btn, a.x-large-btn { background-color:#ededef; border-radius:3px; color:#2d3138; cursor:pointer; display:block; font-family: 'FuseV2','Arial Black','Helvetica Neue',Arial,sans-serif; font-weight:900; line-height:1.1; position:relative; text-align:left; text-decoration:none; text-transform:uppercase; } a.x-small-btn {font-size:12px;margin:6px 0;padding:4px 10px;text-align:center;} a.small-btn {font-size:18px;margin:8px 0;padding:8px 20px;} a.medium-btn {font-size:21px;margin:12px 0;padding:12px 30px;} a.large-btn {font-size:25px;margin:16px 0;padding:16px 40px;} a.x-large-btn {font-size:32px; margin:20px 0;padding:20px 50px;} a.x-small-btn:hover, a.small-btn:hover, a.medium-btn:hover, a.large-btn:hover, a.x-large-btn:hover {background-color:#2d3138;color:#fff;} a.x-small-btn span, a.small-btn span, a.medium-btn span, a.large-btn span, a.x-large-btn span {color:#1090d5;} /* flexbox button block */ div.button-block {align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-items:flex-start;list-style-type:none;margin:0;padding:0;} div.button-block a.x-small-btn {flex-grow:1;margin:12px;} div.button-block.a-z a.x-small-btn {flex-grow:1;margin:6px;} div.button-block a.small-btn, div.button-block a.medium-btn, div.button-block a.large-btn, div.button-block a.x-large-btn {flex-grow:1;margin:12px;} /* Flexbox prev/next options */ div.button-block a.previous, div.button-block a.next {min-width:calc(50% - 24px);} div.button-block a.x-small-btn.previous {text-align:left;} div.button-block a.x-small-btn.previous:before {content:"‹";left:4px;position:absolute;font-weight:300;} div.button-block a.x-small-btn.next {text-align:right;} div.button-block a.x-small-btn.next:after {content:"›";right:4px;position:absolute;font-weight:300;} div.button-block a.small-btn.previous:before {content:"‹";left:8px;position:absolute;font-weight:300;} div.button-block a.small-btn.next {text-align:right;} div.button-block a.small-btn.next:after {content:"›";right:8px;position:absolute;font-weight:300;} div.button-block a.medium-btn.previous:before {content:"‹";left:12px;position:absolute;font-weight:300;} div.button-block a.medium-btn.next {text-align:right;} div.button-block a.medium-btn.next:after {content:"›";right:12px;position:absolute;font-weight:300;} div.button-block a.large-btn.previous:before {content:"‹";left:16px;position:absolute;font-weight:300;} div.button-block a.large-btn.next {text-align:right;} div.button-block a.large-btn.next:after {content:"›";right:16px;position:absolute;font-weight:300;} div.button-block a.x-large-btn.previous:before {content:"‹";left:20px;position:absolute;font-weight:300;} div.button-block a.x-large-btn.next {text-align:right;} div.button-block a.x-large-btn.next:after {content:"›";right:20px;position:absolute;font-weight:300;} /* BTN Styles */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Please note: */ /* These styles are a hangover from bootstrap and old template, */ /* and should be audited. */ /* As far as I know the only style being used is the btn style */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .btn, a.btn:hover {color:#FFF;} .btn {background: #000;display: inline-block;font-size: 14px;line-height: normal;padding: 12px 25px 12px 15px;text-transform: uppercase;position:relative;} .btn:hover {background-color:#3d414a;} .btn:focus {outline-offset: -2px;outline: 5px auto -webkit-focus-ring-color;outline: thin dotted #2D3138;} .btn.active, .btn:active {background-color: #5a4f94;box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);outline: 0;} .btn.disabled, .btn[disabled] {background-color: #e6e6e6;background-image: none;box-shadow: none;cursor: default;opacity: 0.65;} .btn.disabled:hover, .btn[disabled]:hover {cursor: not-allowed;} .btn.submit {color:#000;} .btn-large [class^="icon-"] {margin-top:2px;} .btn-small {font-size: 12px;line-height: 18px;padding: 3px 9px;} .btn-small [class^="icon-"] {margin-top:0;} .btn-mini {font-size: 11px;line-height: 16px;padding: 2px 6px;} .btn-block {box-sizing: border-box;display: block;padding-left: 0;padding-right: 0;width: 100%;} .btn-block + .btn-block {margin-top:5px;} .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {color:rgba(255, 255, 255, 0.75);} .btn, .btn-primary, .btn-warning, .btn-danger, .btn-success, .btn-info, .btn-inverse {border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);color: #fff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .btn-primary {background-color: #12598c;} .btn-warning {background-color: #faa732;} .btn-danger {background-color: #da4f49;} .btn-success {background-color: #5bb75b;} .btn-info {background-color: #49afcd;} .btn-inverse {background-color: #363636;} .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {background-color: #12408c;} .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {background-color: #f89406;} .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {background-color: #bd362f;} .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {background-color: #51a351;} .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {background-color: #2f96b4;} .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {background-color: #1E2025;} .btn-primary[aria-pressed="true"] {background-color: #12408c;} button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {border: 0;padding: 0;} .btn-link, .btn-link:active {background-color: transparent;background-image: none;box-shadow: none;} .btn-link {border-radius: 0;color: #12698c;cursor: pointer;} .btn-link:hover {color: #093648;text-decoration: underline;} .btn-group {font-size: 0;position: relative;white-space: nowrap;} .btn-group + .btn-group {margin-left:5px;} .btn-toolbar {font-size: 0;margin-bottom: 10px;margin-top: 10px;} .btn-toolbar .btn-group {display: inline-block;} .btn-toolbar .btn + .btn, .btn-toolbar .btn-group + .btn, .btn-toolbar .btn + .btn-group {margin-left:5px;} .btn-group > .btn {border-radius: 0;position: relative;} .btn-group > .btn + .btn {margin-left:-1px;} .btn-group > .btn, .btn-group > .dropdown-menu {font-size:14px;} .btn-group > .btn-mini {font-size:11px;} .btn-group > .btn-small {font-size:12px;} .btn-group > .btn-large {font-size:16px;} .btn-group > .btn:first-child {margin-left: 0;} .btn-group > .btn.large:first-child {margin-left: 0;} .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {z-index:2;} .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {outline:0;} .btn-group > .btn + .dropdown-toggle {box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);padding-left: 8px;padding-right: 8px;} .btn-group > .btn-mini + .dropdown-toggle {padding-left: 5px;padding-right: 5px;} .btn-group > .btn-large + .dropdown-toggle {padding-left: 12px;padding-right: 12px;} .btn-group.open .dropdown-toggle {background-image: none;box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);} .btn-group.open .btn.dropdown-toggle {background-color:#e6e6e6;} .btn-group.open .btn-primary.dropdown-toggle {background-color:#12408c;} .btn-group.open .btn-warning.dropdown-toggle {background-color:#f89406;} .btn-group.open .btn-danger.dropdown-toggle {background-color:#bd362f;} .btn-group.open .btn-success.dropdown-toggle {background-color:#51a351;} .btn-group.open .btn-info.dropdown-toggle {background-color:#2f96b4;} .btn-group.open .btn-inverse.dropdown-toggle {background-color:#1E2025;} .btn .caret {margin-left: 0;margin-top: 8px;} .btn-mini .caret, .btn-small .caret, .btn-large .caret {margin-top:6px;} .btn-large .caret {border-left-width: 5px;border-right-width: 5px;border-top-width: 5px;} .dropup .btn-large .caret {border-bottom: 5px solid #000;border-top: 0;} .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret {border-bottom-color: #fff;border-top-color: #FFF;} .btn-group-vertical {display: inline-block;} .btn-group-vertical .btn {border-radius: 0;display: block;float: none;width: 100%;} .btn-group-vertical .btn + .btn {margin-left: 0;margin-top: -1px;} .left-btn, .right-btn {box-sizing:border-box;background-color:#000;float:left;width:calc(50% - 20px);padding:10px;margin:10px;color:#fff;} .left-btn:hover, .right-btn:hover {background-color:#4c525d;cursor:pointer;} .left-btn a, .right-btn a {color:#fff !important;text-decoration:none !important;position:relative;display:block;} .left-btn a {margin-left:20px;} .right-btn a {margin-right:20px;} .right-btn {text-align:right;} .left-btn a:before {content:'<';color:#b4b8c1;left:-15px;position:absolute;font-weight:bold;} .right-btn a:after {content:'>';color:#b4b8c1;right:-15px;position:absolute;font-weight:bold;} /* ~~~ Alerts ~~~ */ .alert { background-color: #fcf8e3; border-radius: 4px; border: 1px solid #fbeed5; color: #c09853; margin-bottom: 20px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert h4 {margin:0;} /****************/ /** Messages **/ /****************/ .message {padding:20px;background:#F3F3F3;border-bottom:2px solid #DDD;} .message.message-info {background:#E5F0FA;border-bottom-color:#CCE0F5;} .message.message-alert {background:#FFFAE5;border-bottom-color:#FFF5CC;} .message.message-success {background:#F5FAE5;border-bottom-color:#EBF5CC;} .message.message-error {background:#FAE5E5;border-bottom-color:#F5CCCC;} .message p:last-child {margin-bottom:0;} .blue-box {border:1px solid rgba(16,144,213,0.2);background:#E4F2F9;padding:30px;border-radius:3px;margin-bottom:10px;} .grey-box {border:1px solid #D9DBE0;background:#F6F7F9;padding:30px;border-radius:3px;margin-bottom:10px;} @media screen and (max-width:760px) { .blue-box, .grey-box {padding:15px;} } /***************/ /** Buttons **/ /***************/ .button, .sq-form-submit {border:2px solid #2D3138;color:#2D3138;text-decoration:none;padding:8px 12px;display:inline-block;border-radius:4px;font-weight:bold;font-size:14px;text-shadow:none;font-family:'Helvetica Neue',Arial,sans-serif;background:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;} .button.small-button {font-size:12px;padding:6px 10px;} .button.large-button {font-size:20px;padding:12px 16px;} .button.large-round-button {font-size:30px;padding:40px;border-width:4px;border-radius:170px;} .button.previous-button:before {content:"\f104";font-family:'fontawesome';margin-right:0.8em;line-height:1;} .button.next-button:after {content:"\f105";font-family:'fontawesome';margin-left:0.8em;line-height:1;} .button.inverted-button {border-color:#FFF;color:#FFF;} .button.solid-button, .sq-form-submit {background:#2D3138;color:#FFF;} .button.solid-button.inverted-button {background:#FFF;border-color:#FFF;color:#2D3138;} .button:hover, .button.solid-button.inverted-button:hover, .sq-form-submit:hover {background:#06C;border-color:#06C;color:#FFF;cursor:pointer;} .button.inverted-button:hover {background:#FFF;color:#2D3138;border-color:#FFF;} .button .fa, .button .i8 {margin-right:10px;} .button.very-small-button {font-size:11px;padding:2px 6px;} .button.very-small-button:hover {color:#FFF;text-decoration:none;} .button.very-small-button .fa, .button.very-small-button .i8 {margin-right:5px;} @media screen and (max-width:760px) { .button.large-button {font-size:14px;padding:8px 12px;} } /* 050 || * Staff and Researcher Profiles ====== */ #staff-profile .col {display:inline;position:relative;float:left;} #staff-profile .w30 {width:30%;} #staff-profile .w40 {width:40%;} #staff-profile .w50 {width:50%;} #staff-profile .w60 {width:60%;} #staff-profile .w70 {width:70%;} #staff-profile .c60 {width:60px;} #staff-profile .c80 {width:80px;} #staff-profile .reader {display:none;} #staff-profile ul.breadcrumb li {background:none;padding:0;} #staff-profile ul.breadcrumb li .divider {padding:0 8px;} #staff-profile .section-header {margin-top:10px;margin-bottom:20px;padding:20px;position:relative;min-height:111px;} #staff-profile .section-header .profile-image {float:left;margin-right:20px;width:110px;} #staff-profile .section-header .profile-header {float:left;margin-left:10px;} #staff-profile .section-header .profile-header h1 {font-size:36px;line-height:1;color:#FFF;text-transform:none;margin:10px 0;} #staff-profile .section-header .profile-header p.position {font-size:18px;line-height:1;margin-bottom:5px;} #staff-profile .section-header .profile-header p.unit {font-family:"FuseV2","Helvetica Neue",Arial;font-size:16px;line-height:1;margin:0;} #staff-profile .section-header .profile-header p.unit .focus-area {color:#8e95a3;} #staff-profile .section-header .quick-contact {position:absolute;right:20px;bottom:20px;text-align:right;list-style-type:none;font-size:16px;line-height:20px;margin:0;} #staff-profile .section-header .quick-contact li {padding:0;margin:0;background:none;line-height:20px;} #staff-profile .section-header .quick-contact li .fa {margin-left:10px;} #staff-profile .section-header .quick-contact li a {color:#FFF;} #staff-profile .section-nav-header {margin-bottom:20px;} #staff-profile .section-nav-header ul {margin-bottom:0;} #staff-profile .section-nav-header ul li {list-style-type:none;background:none;line-height:inherit;padding:0;width:12.5%;display:table-cell;} #staff-profile .section-nav-header ul li a {padding:0;display:table-cell;line-height:20px;max-width:none;width:12.5%;vertical-align:middle;} #staff-profile .section-nav-header ul li:last-child a {border-right:0 none;} #staff-profile #content-main {padding:40px;} #staff-profile #content-main .tab-content {display:none;position:relative;overflow:visible !important;} #staff-profile #content-main .tab-content.active {display:block;} #staff-profile #content-main .tab-content .edit-link {position:absolute;top:0;right:0;border:2px solid #5b6270;color:#5b6270;padding:6px 10px;border-radius:3px;cursor:pointer;} #staff-profile #content-main .tab-content a.edit-link {color:#5b6270;text-decoration:none;} #staff-profile #content-main .tab-content .edit-link i.fa {margin-right:5px;} #staff-profile #content-main .tab-content a.edit-link:hover {color:#FFF;background:#2d3138;border-color:#2d3138;} #staff-profile #content-main .tab-content h2 {margin:0 0 40px 0;position:relative;font-size:30px;} #staff-profile #content-main .tab-content h2 small {position:absolute;right:0;bottom:15px;text-transform:none;} #staff-profile #content-main .tab-content h3 {margin-top:30px;position:relative;font-size:24px;} #staff-profile #content-main .tab-content h3 small {position:absolute;right:0;bottom:0;text-transform:none;color:2d3138;} #staff-profile #content-main .tab-content h4 {color:#4c525d;margin-top:20px;} #staff-profile #content-main .tab-content ul li:before {left:0; top:0 !important;} #staff-profile #content-main .tab-content hr {border: 0;border-bottom: 1px solid #FFF;border-top: 2px solid #1090d5;margin: 20px -40px;width: calc(100% + 80px);} #tab-highlights.tab-content {overflow:hidden;} #tab-highlights.tab-content .highlight-story {padding-bottom:40px;margin-bottom:40px;border-bottom:1px dotted #CCC;} #tab-highlights.tab-content .highlight-story:last-child {padding-bottom:0;margin-bottom:0;border-bottom:0 none;} #tab-highlights.tab-content .highlight-story .highlight-image {float:left;width:164px;margin-right:20px;} #tab-highlights.tab-content .highlight-story .highlight-image img {max-width:164px;} #tab-highlights.tab-content .highlight-story .highlight-detail {float:left;width:calc(100% - 184px);} #tab-highlights.tab-content .highlight-story .highlight-detail h3 {margin-top:0;} #tab-highlights.tab-content .highlight-story .highlight-detail h3 a {text-decoration:none;} #tab-highlights.tab-content .highlight-story .highlight-detail h3 a:hover {text-decoration:underline;} #tab-highlights.tab-content .highlight-story .highlight-detail p {margin:0 0 21px 0;line-height:21px;} #tab-highlights.tab-content .highlight-story .highlight-detail p a.read-more {background:#000;color:#FFF;padding:6px 12px;text-decoration:none;display:inline-block;} #tab-highlights.tab-content .highlight-story .highlight-summary {display:block;} #tab-highlights.tab-content .highlight-story .highlight-full {display:none;} #tab-highlights.tab-content .highlight-story .highlight-full h2 {margin-bottom:20px;font-size:26px;line-height:26px;} #tab-highlights.tab-content .highlight-story .highlight-full .highlight-body h2 {margin-top:30px;margin-bottom:15px;font-size:24px;line-height:24px;} #tab-highlights.tab-content .highlight-story .highlight-full .highlight-body h5 {line-height:18px;} #tab-highlights.tab-content .highlight-story .highlight-full .highlight-body p.section-intro {font-family:'Helvetica Neue', 'Arial', sans-serif; font-size:1.4em;color:#4C525D;font-weight:600;} #tab-highlights.tab-content .highlight-story.open .highlight-summary {display:none;} #tab-highlights.tab-content .highlight-story.open .highlight-full {display:block;} #tab-highlights.tab-content .highlight-story .highlight-full .fluid-width-video-wrapper {margin:20px 0;} #tab-career.tab-content .bio-text p {font-size:1em;margin-left:0 !important;} #tab-career.tab-content .bio-text ul {list-style-type:square;} #tab-career.tab-content .bio-text ul li {list-style-type:none;font-size:1em;} #staff-profile #content-main #tab-career.tab-content .bio-text ul li:before {left:-20px;top:0 !important;} #tab-career.tab-content .bio-text ul {margin:0 0 10px 20px;} #tab-career.tab-content .bio-text ul li {line-height:20px;background:none;padding:0;margin-bottom:10px;} #tab-publications.tab-content nav.inline-pills {display:block;margin-bottom:15px;font-size:12px;width:100%;overflow:hidden;border-top:1px solid #d9dbe0;border-bottom:1px solid #d9dbe0;padding:5px 0;} #tab-publications.tab-content nav.inline-pills a {display:block;background:#c6cad1;line-height:29px;padding:5px;border-radius:3px;width:calc(25% - 10px);float:left;margin:5px;} #tab-publications.tab-content nav.inline-pills a:hover {background:#1090d5;color:#FFF;} #tab-publications.tab-content nav.inline-pills a {text-decoration:none;color:#2d3138;margin-bottom:5px;} #tab-publications.tab-content nav.inline-pills a .count {background:#ecedef;text-align:right;border-radius:3px;margin-left:15px;padding:0 6px;position:relative;display:block;line-height:29px;float:right;width:29px;} #tab-publications.tab-content nav.inline-pills a .count:before {content:"";position:absolute;top:10px;left:-8px;border:4px solid transparent;border-right-color:#EEE;} #tab-publications.tab-content nav.inline-pills a:hover .count {background:#000;color:#FFF;} #tab-publications.tab-content nav.inline-pills a:hover .count:before {border-right-color:#000;} #tab-collaborations.tab-content #collaborations-map {width:100%;height:auto;padding:0;background:#F3F5F8;margin:20px 0;} #tab-collaborations.tab-content.jvectormap-label {display:none;position:absolute;} #tab-collaborations.tab-content .jvectormap-label .label-inner {background:#FFF;border:1px solid #FFF;border-radius:3px;color:#333;padding:10px;font-size:14px;} #tab-collaborations.tab-content .jvectormap-zoomin, #tab-collaborations.tab-content .jvectormap-zoomout {position:absolute;left:10px;border-radius:3px;background:#2d3138;padding:3px;color:#FFF;width:16px;height:16px;cursor:pointer;line-height:10px;} #tab-collaborations.tab-content .jvectormap-zoomin {top:10px;text-align:center;} #tab-collaborations.tab-content .jvectormap-zoomout {top:30px;text-align:center;} #tab-grants.tab-content .grant {border-bottom:1px dotted #a1a7b2;} #tab-grants.tab-content .grant:last-child {border-bottom:0 none;} #tab-grants.tab-content .grant h3 {font-size:16px;line-height:18px;text-transform:none;position:relative;padding-right:100px;margin:13px 0 5px;} #tab-grants.tab-content h2.year {font-size:24px;margin-top:10px;border-bottom:1px solid #c6cad1;padding-bottom:15px;} #tab-grants.tab-content .grant h3 a {text-decoration:none;border-bottom:0;font-size:16px;} #tab-grants.tab-content .grant h3 a:hover {text-decoration:underline;} #tab-grants.tab-content .grant h3 small {position:absolute;right:0;top:0;color:#5b6270;font-family:"FuseV2","Helvetica Neue",Arial;line-height:18px;} #tab-grants.tab-content .grant hr {margin:10px 0;} #tab-grants.tab-content .grant + h2 {margin-top:40px;} #tab-grants.tab-content .grant .grant-table {display:none;} #tab-grants.tab-content .grant .seeking-students {color:#5b6270;margin-right:10px;} #tab-news.tab-content .news-story {padding-bottom:40px;margin-bottom:40px;border-bottom: 1px solid #d9dbe0;} #tab-news.tab-content .news-story:last-child {padding-bottom:0;margin-bottom:0;border-bottom:0 none;} #tab-news.tab-content .news-story .news-image {float:left;width:164px;margin:0 20px 0 0;border: 1px solid #d9dbe0;overflow:hidden;} #tab-news.tab-content .news-story .news-image img {max-width:164px;} #tab-news.tab-content .news-story .news-detail {float:left;width:calc(100% - 184px);} #tab-news.tab-content .news-story .news-detail h3 {margin-top:0;line-height:1.4;} #tab-news.tab-content .news-story .news-detail h3 a {text-decoration:none;} #tab-news.tab-content .news-story .news-detail h3 a:hover {text-decoration:underline;} #tab-news.tab-content .news-story .news-detail .news-excerpt {margin-top:10px;font-size:0.85em;} #tab-news.tab-content .news-story .news-detail .news-excerpt p {font-size:1em;} #tab-news.tab-content .news-story p {margin-bottom:0;} #tab-news.tab-content .news-story .news-detail .date {font-size:12px;color:#1090d5;font-weight: 600;} #staff-profile #content-main table.research-table thead tr, #staff-profile #content-main table.research-table th, #staff-profile #content-main table.research-table tbody tr, #staff-profile #content-main table.research-table tbody tr:nth-child(2n+1), #staff-profile #content-main table.research-table tfoot tr {background:none;} #staff-profile #content-main table.research-table th {color:#2d3138;text-transform:none;} #staff-profile #content-main table.research-table thead tr th {padding:0 0 10px;font-weight:bold;border-bottom:2px solid #a1a7b2;vertical-align:bottom;} #staff-profile #content-main table.research-table tbody tr th {padding:10px 15px 10px 0;font-weight:bold;border-bottom:1px solid #a1a7b2;white-space:nowrap;} #staff-profile #content-main table.research-table tbody tr td {padding:10px 10px 10px 0;border-bottom:1px solid #d9dbe0;} #staff-profile #content-main table.research-table tbody tr th + td {padding-left:15px;} #staff-profile #content-main table.research-table tbody tr:last-child th, #staff-profile #content-main table.research-table tbody tr:last-child td {border-bottom:0;} #staff-profile #content-main table.research-table tfoot td {padding:10px 0;} #staff-profile #content-main table.research-table cite {font-family:'Helvetica Neue',Arial,sans-serif;font-style:normal;} #staff-profile #content-main table.research-table th.year, #staff-profile #content-main table.research-table td.year {font-weight:bold;padding-right:20px;} #staff-profile #content-main table.research-table th.altmetrics, #staff-profile #content-main table.research-table td.altmetrics {padding-left:20px;text-align:center;} #staff-profile #content-main table.research-table th.nova, #staff-profile #content-main table.research-table td.nova {padding-left:20px;text-align:center;} #staff-profile #content-main table.research-table .reason {border-left:1px solid #EEE;padding:10px 15px;font-style:italic;color:#5b6270;} #staff-profile #content-main table.research-table .reason .reason-full {display:none;} #staff-profile #content-main table.research-table th em {font-weight:normal;} #staff-profile #content-main table.research-table td.nb {white-space:nowrap;} #staff-profile #content-main table.research-table th.ra, #staff-profile #content-main table.research-table td.ra {text-align:right;} #staff-profile #content-main .grant-table table.research-table tbody tr th {width:130px;} #staff-profile #content-main #tab-supervision table.research-table th, #staff-profile #content-main #tab-supervision table.research-table td {padding-right:15px;} #staff-profile #content-main table.research-table .publication-meta {border-top:1px dashed #DDD;margin-top:5px;padding-top:5px;font-size:11px;} #staff-profile #content-main table.research-table .publication-meta th, #staff-profile #content-main table.research-table .publication-meta td {padding:0;border:0 none;} #staff-profile #content-main table.research-table .publication-meta tr:first-child th, #staff-profile #content-main table.research-table .publication-meta tr:first-child td {padding-top:5px;} #staff-profile #content-main table.research-table .publication-meta tbody tr th {width:70px;} #staff-profile #content-main table.research-table .publication-meta .source {border-right:1px solid #DDD;padding-right:10px;margin-right:10px;} #staff-profile #content-main table.research-table .publication-meta .source:last-child {border-right:0 none;padding:0;margin:0;} #staff-profile #content-main table.unstyled, #staff-profile #content-main table.unstyled th, #staff-profile #content-main table.unstyled td, #staff-profile #content-main table.unstyled tr {background:none;color:#333;padding:0;text-transform:none;} #staff-profile table.unstyled th {font-weight:bold;} #staff-profile table.collab-table {margin-top:20px;} #staff-profile table.collab-table tbody tr th, #staff-profile #content-main table.collab-table tbody tr td {padding:8px 20px 8px 12px;} #staff-profile #content-main .tab-content .table-scroller + h4 {margin-top:15px;} #staff-profile #content-main .tab-content .opportunity {border-bottom:1px dotted #c6cad1;padding-bottom:20px;} #staff-profile .opportunity:last-child {border-bottom:0 none;padding-bottom:0;} #staff-profile .opportunity .w40 {margin-left:3%;width:33%;padding-left:3%;border-left:1px solid #d9dbe0;} #staff-profile .opportunity .w40 h4 {margin-top:0;} #staff-profile h2.project-name {color:#5b6270;margin-bottom:10px;} #staff-profile h2.project-name span.duration {float:right;font-family:"FuseV2",Arial,sans-serif;} #staff-profile table.research-table {margin-top:20px;} #staff-profile .grant-table table.research-table {margin-top:0;margin-bottom:30px;} #staff-profile .box3.promo-tile-box {padding:0;width:100%;} #staff-profile .box3.promo-tile-box img {padding:0;width:100%;} #staff-profile .legend-block {width:4px;margin-right:10px;} #staff-profile #content-main .tab-content .summary-block {text-align:center;} #staff-profile #content-main .tab-content .summary-block h4 {margin:0;border-bottom:2px solid #999;padding-bottom:10px;} #staff-profile #content-main .tab-content .summary-block .grid2 .grid2, #staff-profile #content-main .tab-content .summary-block .grid2 .grid1 {border:1px solid ##c6cad1;border-top:0 none;padding-top:10px;padding-bottom:10px;margin-bottom:0;font-size:14px;} #staff-profile #content-main .tab-content .summary-block .grid2 .grid2.first {border-right:0 none;} #staff-profile #content-main .tab-content .summary-block .grid2 .grid2 strong, #staff-profile #content-main .tab-content .summary-block .grid2 .grid1 strong {color:#666;margin-bottom:5px;display:block;} #staff-profile #content-main .tab-content .summary-block .grid2 .grid2 span, .summary-block .grid2 .grid1 span {display:block;font-size:22px;} @media all and (max-width:1024px) { /* 050 || * Staff and Researcher Profiles ====== */ #staff-profile .section-header .profile-image {width:80px;margin-right:10px;} #staff-profile .section-header .profile-header h1 {font-size:25px;} #staff-profile .section-header .profile-header p.position {font-size:13px;} #staff-profile .section-header .profile-header p.unit {font-size:13px;} #staff-profile .section-nav-header ul li a {font-size:11px;} #tab-publications.tab-content nav.inline-pills a {width:calc(33.3% - 10px);} #staff-profile #content-main {padding: 15px;} #staff-profile #content-main .tab-content hr {margin: 20px -10px;width: calc(100% + 20px);} } @media all and (max-width:767px) { /* 050 || * Staff and Researcher Profiles ====== */ .header .header-bar .container .header-content .tools ul {margin-top: -100px;margin-left: 100px;width: 150px;padding: 10px 0;} #staff-profile .breadcrumb-wrapper {display:none;} .inside #content-main {margin:0 0 10px 0;} #staff-profile #content-main {padding: 20px 10px;} #staff-profile .mobile-section-nav {margin-left: calc(50% - 130px);margin-top: 0;margin-bottom: 20px;display:block;background: url('./?a=339005') no-repeat 4px 6px #4C525d;} #staff-profile .mobile-section-nav {width: 260px;padding: 10px;float: left;display: block;cursor: pointer;text-align: left;color: #FFF;height:49px;text-transform:uppercase;} #staff-profile .mobile-section-nav a {color: #fff;position:relative;padding-left:40px;line-height:29px;font-weight:900;font-size:16px;} #staff-profile .section-nav-header ul {display:none;} #staff-profile .section-nav-header ul.show {background: rgba(61,65,74,0.85);float: left;width: 260px;margin-top: -19px;margin-left: calc(50% - 130px);border-radius: 3px;display:block;} #staff-profile .section-nav-header ul.show li {list-style-type: none;background: none;line-height: inherit;padding: 0px;width: 100%;display: block;} #staff-profile .section-nav-header ul.show li a {padding: 15px;display: block;font-size:13px;max-width: none;width: 100%;vertical-align: middle;border-top: 1px solid #2d3138;text-align: center;} #staff-profile .section-header .profile-header p.unit .focus-area {padding-top:5px;display:block;} #staff-profile .sidebar {width:calc(100% + 20px);margin-left:-10px;margin-top:10px;} #staff-profile .sidebar .box3 {width:calc(50% - 20px);margin-left:10px;margin-right:10px;float:left;} /* 050 || * Staff and Researcher Profiles ====== */ /* ====|| NEW _ RESPONSIVE research TABLES ||==== */ #staff-profile table#highlighted-supervision.research-table, #staff-profile table#current-supervision.research-table, #staff-profile table#past-supervision.research-table {display:block;background-color: #d9dbe0;} #staff-profile table#highlighted-supervision.research-table thead, #staff-profile table#highlighted-supervision.research-table tbody, #staff-profile table#highlighted-supervision.research-table th, #staff-profile table#highlighted-supervision.research-table td, #staff-profile table#highlighted-supervision.research-table tr, #staff-profile table#current-supervision.research-table thead, #staff-profile table#current-supervision.research-table tbody, #staff-profile table#current-supervision.research-table th, #staff-profile table#current-supervision.research-table td, #staff-profile table#current-supervision.research-table tr, #staff-profile table#past-supervision.research-table thead, #staff-profile table#past-supervision.research-table tbody, #staff-profile table#past-supervision.research-table th, #staff-profile table#past-supervision.research-table td, #staff-profile table#past-supervision.research-table tr {display: block;} #staff-profile table#highlighted-supervision.research-table thead tr, #staff-profile table#current-supervision.research-table thead tr, #staff-profile table#past-supervision.research-table thead tr {position: absolute;top: -9999px;left: -9999px;} #staff-profile table#highlighted-supervision.research-table tr, #staff-profile table#current-supervision.research-table tr, #staff-profile table#past-supervision.research-table tr {border: 1px solid #d9dbe0;margin-bottom: 3px;background-color:#fff;} #staff-profile table#highlighted-supervision.research-table td, #staff-profile table#current-supervision.research-table td, #staff-profile table#past-supervision.research-table td {border: none;border-top: 1px solid #d9dbe0;position: relative;padding-left: 37%;width: 100%;} #staff-profile table#highlighted-supervision.research-table td:before, #staff-profile table#current-supervision.research-table td:before, #staff-profile table#past-supervision.research-table td:before {position: absolute;border-right: 1px dashed #d9dbe0;left: 10px;width: 30%;color: #5b6270;font-style: italic;font-size:11px;} #staff-profile table#highlighted-supervision.research-table td:nth-child(1), #staff-profile table#current-supervision.research-table td:nth-child(1), #staff-profile table#past-supervision.research-table td:nth-child(1) {border-top:0;} /* DATA LABELS - HIGHLIGHTED SUPERVISION */ #staff-profile table#highlighted-supervision td:nth-of-type(1):before {content: "Commenced"; } #staff-profile table#highlighted-supervision td:nth-of-type(2):before {content: "Level of Study"; } #staff-profile table#highlighted-supervision td:nth-of-type(3):before {content: "Research Title"; } #staff-profile table#highlighted-supervision td:nth-of-type(4):before {content: "Program"; } #staff-profile table#highlighted-supervision td:nth-of-type(5):before {content: "Supervisor Type"; } /* DATA LABELS - CURRENT SUPERVISION */ #staff-profile table#current-supervision td:nth-of-type(1):before {content: "Commenced"; } #staff-profile table#current-supervision td:nth-of-type(2):before {content: "Level of Study"; } #staff-profile table#current-supervision td:nth-of-type(3):before {content: "Research Title"; } #staff-profile table#current-supervision td:nth-of-type(4):before {content: "Program"; } #staff-profile table#current-supervision td:nth-of-type(5):before {content: "Supervisor Type"; } /* DATA LABELS - PAST SUPERVISION */ #staff-profile table#past-supervision td:nth-of-type(1):before {content: "Year"; } #staff-profile table#past-supervision td:nth-of-type(2):before {content: "Level of Study"; } #staff-profile table#past-supervision td:nth-of-type(3):before {content: "Research Title"; } #staff-profile table#past-supervision td:nth-of-type(4):before {content: "Program"; } #staff-profile table#past-supervision td:nth-of-type(5):before {content: "Supervisor Type"; } } @media all and (max-width:640px) { /* 050 || * Staff and Researcher Profiles ====== */ #staff-profile .section-header .profile-header h1 {margin-top:0;} #staff-profile .section-header .quick-contact {position:relative;right:auto;bottom:auto;padding-top:120px;} #staff-profile .mobile-section-nav {margin-left: 0;} #staff-profile .mobile-section-nav {width: 100%;} #staff-profile .section-nav-header {margin-bottom:0;} #staff-profile .section-nav-header ul.show {width: 100%;margin-left:0;} #staff-profile .section-nav-header ul.show li a {text-align:left;} #staff-profile .section-header .profile-image {width:80px;margin-right:15px;} #staff-profile .section-header .profile-header {width:calc(100% - 95px);text-align:left;margin-left:0;} #staff-profile .feature .summary {width:calc(100% - 65px);} #staff-profile .feature .item {height:auto !important;} #staff-profile .feature.widget-news img {float:left;max-width:40%;margin-right:10px;} #staff-profile .sidebar {width:100%;margin-left:0;} #staff-profile .sidebar .box3 {width:100%;margin-left:0;margin-right:0;float:none;} } @media all and (max-width:480px) { /* 050 || * Staff and Researcher Profiles ====== */ .inside .content {padding:0;} #staff-profile #content-main {padding: 70px 15px 15px 15px;} #staff-profile #content-main .tab-content hr {margin: 20px -15px;width: calc(100% + 30px);} #staff-profile .section-header {padding:15px;} #staff-profile .section-header .profile-header h1 {font-size:18px;} #tab-publications.tab-content nav.inline-pills a {width:calc(50% - 10px);} #tab-news.tab-content .news-story {padding-bottom: 30px;margin-bottom: 30px;min-height:180px;position:relative;} #tab-news.tab-content .news-story .news-image {float: left;width: 100px;height:70px;margin: 0 20px 0 0;} #tab-news.tab-content .news-story .news-image img {max-width:100%;} #tab-news.tab-content .news-story .news-detail {width: calc(100% - 120px);} #tab-news.tab-content .news-story .news-detail h3 {font-size:18px;} #tab-news.tab-content .news-story .news-detail .date {margin-left: -120px;top: 70px;width: 100px;padding: 10px 10px 0 0;position: absolute;} #staff-profile #content-main .tab-content .edit-link {margin-top:-50px;} #staff-profile #tab-contact.tab-content .w50 {width:100%;} #staff-profile .feature.widget-news img {float:none;max-width:100%;margin-right:0;} } /* 050 || * Staff and Researcher Profiles ~~~ Nexus content overrides ~~~ */ .content #staff-profile #profile-tabs .bio-text p[style], .content #staff-profile #profile-tabs .bio-text p span[style] {font-size: 14px !important;margin: 0 0 21px !important;line-height:1.5 !important;text-justify;none !important;text-align:left !important;} /* 050 || * Staff and Researcher Profiles ~~~ Flexbox Menu ~~~ */ #staff-profile .section-nav-header ul {background: rgba(61,65,74,0.85);margin: 0;display: flex;flex-wrap: nowrap;flex-direction: row;justify-content: flex-start;align-items: center;height: 60px;width: 100%;} #staff-profile .section-nav-header ul li {list-style-type: none;background: none;display: flex;align-self: center;flex-grow: 1;border-right: 1px solid #f6f7f9;max-width:200px;} #staff-profile .section-nav-header ul li:last-child {border-right:0;} #staff-profile .section-nav-header ul li a {color: #FFF;display: block;line-height: 18px;width: 100%;vertical-align: middle;height: 60px;padding: 10px 15px;font-size: 13px;text-align: center;border:0;} #staff-profile .section-nav-header ul li a.current {background: transparent;} #staff-profile .section-nav-header ul li a.active {background: #1090d5;} #staff-profile .section-nav-header ul li a:hover {background-color:rgb(61,65,74);text-decoration:none;} @media all and (max-width: 1024px) { #staff-profile .section-nav-header ul li a {font-size: 11px;padding: 10px 5px;} } @media all and (max-width:767px) { #staff-profile .section-nav-header ul {display:none;flex-direction:column;} #staff-profile .section-nav-header ul.show {display:flex;overflow: hidden;height: auto;margin-bottom: 20px;} #staff-profile .section-nav-header ul li {border-right:0;border-bottom:1px solid #f6f7f9;} #staff-profile .section-nav-header ul li:last-child {border-bottom:0;} #staff-profile .section-nav-header ul li a {width:100%;text-align:center;} } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ HOMEPAGE OVERRIDES - need to stay for SINGAPORE ~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* .home.landing {background-color:#ecedef; background-image: url(https://www.newcastle.edu.au/__data/assets/image/0020/225524/default-bg-flat.png); background-attachment: fixed; background-position: center center; background-size: cover; } .home.landing #banner .image_carousel {height: 819px;overflow: hidden;position: absolute;} .home.landing .content {margin-top:642px;} .home.landing .captionWrapper {height: 192px;padding: 15px;top: -215px;width: calc(50% - 20px);margin-left:10px;} .home.landing .captionWrapper, .home.landing .captionWrapper.left {left:0;} .home.landing .captionWrapper.right, .home.landing .captionWrapper.right #captionNavigation {left: auto;right: 0;} .home.landing #captionNavigation a {font-size:24px;} .home.landing #captionNavigation #pauseplay {font-size:18px;} .home.landing #slidecaption {height: 192px;overflow: hidden;position: static;} .home.landing #slidecaption .title {font-size: 24px;line-height: 28px;margin-bottom: 8px;} .home.landing #slidecaption p {font-size: 14px;line-height: 19px;} .home.landing #slidecaption span.button {position:absolute;bottom:15px;} .home.landing #home-carousel {margin: 0 0 20px 0;} .home.landing .caroufredsel_wrapper {width:100% !important;height:355px !important;} .home.landing #featured-pages-wrapper {position: relative;} .home.landing #featured-pages {width:100% !important;} .home.landing .featured-page { background:#fff; float: left; height: 340px; margin: 10px; overflow: hidden; width: calc(25% - 20px); box-shadow: 1px 1px 3px rgba(0,0,0,0.09); } .home.landing .featured-page h2 {font-size: 16px;line-height: 18px;margin:0 5px 15px;min-height: 50px;padding-bottom:0;} .home.landing .featured-page h2 a, .home.landing .featured-page h2 a:hover {border-bottom:0;} .home.landing .featured-page img {height: auto;margin: 0 0 12px 0;padding: 0;max-width:100%;} .home.landing .featured-page p {margin:9px;} .home.landing #fpage-prev, .home.landing #fpage-next {background:#222;border: 0;color:#FFF;display: block;font-size:24px;height: 40px;line-height:40px;outline: 0;position: absolute;text-align:center;top: 120px;width: 40px;} .home.landing #fpage-prev {left: -40px;} .home.landing #fpage-next {right:-40px;} .home.landing #fpage-prev:hover, .home.landing #fpage-next:hover {background:#333;} .home.landing .section-search {margin-top:0;} .home.landing .feature img {margin: 0 0 7px 0;padding: 0;} .home.landing .feature h3 {font-size: 15px;line-height: 18px;margin: 0 0 2px 0;padding: 0;} .home.landing.feature h3 a {color:#25589d;} .home.landing .feature .carousel .item p {line-height: 18px;padding: 0;} .home.landing .feature .carousel-control img {padding-bottom: 0;padding-top: 10px;} #feature-article {width:calc(100% - 20px);margin:0 10px;height:260px;background: rgba(255,255,255,0.95);color: #5b6270;border: 1px solid #d9dbe0; padding: 15px;border-radius: 3px;} #feature-article p {width:50%;float:left;padding:10px;} #feature-article h3 {margin:3px 0 11px 0; font-size: 15px;line-height: 19px;} .home.landing .feature.widget-news, .home.landing .feature.widget-events {height:410px;} .home.landing .feature.widget-news .carousel, .home.landing .feature.widget-events .carousel {position:initial;} .home.landing .feature.widget-news .carousel-controls, .home.landing .feature.widget-events .carousel-controls {bottom:22px;left:15px;} @media all and (max-width:1024px) { .home.landing #featured-pages-wrapper {width:calc(100% - 100px);left:55px;} .home.landing .featured-page {width:calc(33.33% - 20px);} .home.landing #fpage-prev {left: -35px;} .home.landing #fpage-next {right:-35px;} #feature-article p {width:100%;float:none;padding:0;} #feature-article {height:auto;} .home.landing .content .features {width:calc(33.33% - 53px);} .landing .content #news-widget, .landing .content #events-widget {width:calc(33.33% - 53px);} .home.landing #banner .image_carousel {height:650px;} .home.landing .content {margin-top:520px;} } @media all and (max-width:767px) { .home.landing #banner .image_carousel {height: 577px;} .home.landing .content {margin-top:0;} .home.landing .content #content-main {margin-left: 0;width: 100%;} .home.landing .content .features {width: calc(100% - 10px);margin-top:20px;} .landing .content #news-widget, .landing .content #events-widget {width: calc(100% - 10px);margin-top:20px;} .home.landing .feature.box3 {width:auto;margin-bottom:0;} .home.landing .feature.widget-news, .home.landing .feature.widget-events {height:auto;} .home.landing .span3, .home.landing .box3 {width:calc(100% - 20px);} .home.landing .form-search .input-append .search-query {width:calc(100% - 75px);} .home.landing #featured-pages-wrapper {width:100%;left:0;} .home.landing .featured-page {height: auto;margin: 10px;padding-bottom: 75px; width: 60% !important;margin-left:20%;} .home.landing .featured-page img {height: auto;width: 90%;margin:5%;display: block;} .home.landing #fpage-prev, .home.landing #fpage-next {top:auto;bottom:15px;} .home.landing #fpage-next {right: 12px;} .home.landing #fpage-prev {left: 22px;} .home.landing .caroufredsel_wrapper {height:430px !important;} .home.landing #slidecaption {height:auto;} .home.landing #slidecaption .title {font-size: 25px;line-height: 25px;margin-bottom:5px;} .home.landing #slidecaption p {font-size: 16px;line-height: 20px;} .home.landing #slidecaption .btn {top:auto;bottom:15px;left:15px;line-height:20px;padding:12px 25px 8px 25px;} .home.landing .captionWrapper {top:-153px;right:0;height: 150px;width: auto;} .home.landing .captionWrapper + #captionNavigation, .home.landing #captionContainer.left + #captionNavigation, .home.landing #captionContainer.right + #captionNavigation {right:20px;} .home.landing .content {margin-top:465px;} .home.landing .js-tablet-feature1 {position:inherit;} .home.landing .js-tablet-home-news, .home.landing .js-tablet-home-events {padding-right:10px;width:calc(100% - 20px);} #news-widget {height:auto;} #events-widget {height:auto;} .landing .js-tablet-home-news, .landing .js-tablet-home-events {padding-right:10px;width:calc(100% - 20px);} } @media all and (max-width:640px) { .home.landing .content #content-main {margin-left: 0;width: 100%;} .home.landing .content .features {width: calc(100% - 10px);margin-top:20px;} .landing .content #news-widget, .landing .content #events-widget {width: calc(100% - 10px);margin-top:20px;} .home.landing .feature.box3 {margin-bottom:0;} .home.landing .feature.widget-news, .home.landing .feature.widget-events {height:auto;} .home.landing .span3, .home.landing .box3 {width:calc(100% - 20px);} .home.landing .form-search .input-append .search-query {width:calc(100% - 75px);} .home.landing #featured-pages-wrapper {width:100%;left:0;} .home.landing .featured-page {height: auto;margin: 10px;padding-bottom: 75px; width: calc(100% - 10px) !important;} .home.landing #fpage-next {right: 12px;} .home.landing #fpage-prev {left: 22px;} .home.landing .caroufredsel_wrapper {height:430px !important;} .home.landing #slidecaption .btn {bottom:15px;left:15px;line-height:20px;padding:12px 25px 8px 25px;} .home.landing .captionWrapper {top:-203px;right:0;} .home.landing .content {margin-top:465px;} .home.landing .js-tablet-home-news, .home.landing .js-tablet-home-events {padding-right:10px;width:calc(100% - 20px);} .landing .js-tablet-home-news, .landing .js-tablet-home-events {padding-right:10px;width:calc(100% - 20px);} } @media all and (max-width:430px) { .home.landing .captionWrapper {height: 220px;} .home.landing .captionWrapper {top:-260px;} .home.landing #home-carousel {margin: -30px 0 20px 0;} .home.landing .content {margin-top:455px;} .home.landing #banner .image_carousel {height: 500px;} #supersize img, #supersize a {top:40px !important;} } @media all and (max-width:425px) { .home.landing .content {margin-top: 530px;} .home.landing .captionWrapper {top: -240px;height:200px;margin-left: 0;} .home.landing #slidecaption .title {font-size: 21px;} .home.landing #slidecaption p {font-size: 14px;} .home.landing .featured-page {width:100% !important;margin:0;} .home.landing .featured-page img {width:96%;margin:2%;} .home.landing #fpage-prev {left:10px;} .home.landing #fpage-next {right:10px;} .home.landing #fpage-prev, .home.landing #fpage-next {bottom:8px;} .home.landing .caroufredsel_wrapper {height:422px !important;} } @media all and (min-width:1600px) { .home.landing .content {margin-top:690px;} } @media all and (min-width:2000px) { .home.landing .content {margin-top:740px;} } #supersize img, #supersize a {cursor: default;position: absolute;width: 100%;z-index: 0;} #supersize .prevslide, #supersize .prevslide img {z-index:1;} #supersize .activeslide, #supersize .activeslide img {z-index:2;} .landing .content {position: relative;} .captionWrapper {background: rgba(45,49,56, 0.7);color: #FFF;height: 150px; padding: 15px;position: absolute;right: 0;top: -190px;width: calc(50% - 10px);border-radius:3px;} #captionNavigation {bottom:15px;height: 40px;padding: 0;position: absolute;right: 15px;width: 120px;} #captionNavigation a {background:#1e2025;color:#FFF;display: inline;font-size:20px;float:right;height:40px;line-height:40px;text-align:center;width:40px;} #captionNavigation a:hover {background:#2D3138;} #pauseplay {font-size:16px;} #pauseplay.paused .fa-pause:before {content:"";} #slidecaption {color: #FFF;float: left;height: 120px;width: 100%;font-family: 'FuseV2', 'Helvetica Neue', Arial, sans-serif;} #slidecaption:hover {color:#d9dbe0;text-decoration:none;} #slidecaption p {font-size: 14px;line-height: 17px;} #slidecaption .btn {background: #d9dbe0;color: #2D3138;position: absolute;bottom: 15px;} #slidecaption .btn:after {content:"";font-family:'FontAwesome';font-size:20px;line-height:16px;margin-left:10px;position:absolute;right:10px;} #slidecaption .btn:hover {background-color:#c6cad1;} #slidecaption .btn:active {background-color:#d9dbe0;} #slidecaption .title {font-size: 18px;line-height: 100%;margin-bottom: 6px;margin-top: 0;font-weight:600;text-transform: uppercase;} @media all and (max-width:1024px) { .captionWrapper {top:-180px;} } @media all and (max-width:850px) { .captionWrapper {width: calc(67% - 20px);} } @media all and (max-width:767px) { .captionWrapper {right: 10px;width: calc(100% - 20px);} } @media all and (max-width:600px) { .inside .image_carousel img {text-decoration: none;width: auto !important;max-width:none;} } @media all and (max-width:480px) { .captionWrapper {top:-190px;height:180px;background-color:#4c525d;} .landing .content .section-nav-group .section-nav {width: calc(100% - 20px);height: auto;} .landing .content .features {width: calc(100% - 10px);padding-right:10px;} } @media all and (max-width:430px) { .landing .image_carousel {height:390px;} .landing .content {margin-top: 475px;} } @media all and (max-width:375px) { .landing .image_carousel {height:358px;} .landing .content {margin-top: 398px;} } @media all and (max-width:320px) { .landing .image_carousel {height:280px;} .landing .content {margin-top: 370px;} } */ /* People Listing Edits */ .uon-listing-item .uon-listing-item-image img { width:100%; padding: 5px; border: 0px; } .uon-listing-item .uon-listing-item-detail h4 a, .uon-listing-item .uon-listing-item-detail h4 a:hover {border-bottom:0;} /***************************/ /** Default list styles **/ /***************************/ #content-main ul:not([class]), #content-main ul.two-column-listing, #content-main ul.three-column-listing {padding-left:0;} #content-main ul:not([class]), #content-main ul:not([class]) li, #content-main ul.two-column-listing, #content-main ul.two-column-listing li, #content-main ul.three-column-listing, #content-main ul.three-column-listing li {list-style-type:none;position:relative;} #content-main ul:not([class]) li, #content-main ul.two-column-listing li, #content-main ul.three-column-listing li {padding:2px 0 2px 15px;} #content-main ul:not([class]) li::before, #content-main ul.two-column-listing li::before, #content-main ul.three-column-listing li::before {color:#2D3138;position:absolute;top:0;left:0;font-size:14px;padding:2px 0;content:"•";} #content-main ol:not([class]) {padding:0;counter-reset:li;} #content-main ol:not([class]), #content-main ol:not([class]) li {list-style-type:none;position:relative;} #content-main ol:not([class]) li {padding:2px 0 2px 30px;} #content-main ol:not([class]) li::before {counter-increment:li;content:counters(li,".")".";color:#1090D5;position:absolute;left:0;width:20px;text-align:right;} #content-main ol:not([class]) li ol {padding:2px 0 2px 10px;margin:0;} #content-main ol:not([class]) li li {padding:2px 0 2px 15px;} #content-main ol:not([class]) li li::before {left:-20px;} #content-main ol:not([class]) li li li{padding:2px 0 2px 10px;} #content-main ol:not([class]) li li li::before {left:-35px;} #content-main ol.uon-alpha-list, #content-main ol li ol.uon-alpha-list {padding-left:15px;} #content-main ol.uon-alpha-list li, #content-main ol li ol.uon-alpha-list li {list-style-type:lower-alpha;padding-left:0;} #content-main ol.uon-alpha-list li::before {display:none;} #content-main dl:not([class]) {padding-left:15px;} #content-main dl:not([class]) dt {margin:0;padding:2px 0;position:relative;font-weight:bold;color:#3D414A;} #content-main dl:not([class]) dd {margin:0 0 10px 0;} #content-main dl:not([class]) dt::before {color:#3D414A;position:absolute;top:0;left:-15px;font-size:14px;padding:2px 0;content:"•";} /*****************/ /** Checklist **/ /*****************/ ul.checklist {list-style-type:none;margin:2em 0;padding-left:0;} ul.checklist + ul.checklist {margin-top:-1em;} ul.checklist li {padding-left:30px;margin-bottom:1em;position:relative;} ul.checklist li:last-child {margin-bottom:0;} ul.checklist li:before {position:absolute;font-size:20px;left:0;top:-4px;font-family:"UON-Icons";color:#3C0;content:"\f14d";} /* .icons8-checked */ ul.checklist li a {color:#2D3138;} ul.checklist li a:hover {color:#06C;} /******************/ /** Arrow list **/ /******************/ ul.arrowlist {list-style-type:none;margin:2em 0;padding-left:0;} ul.arrowlist.arrowlist-condensed {margin:1em 0;} ul.arrowlist:first-child {margin-top:0;} ul.arrowlist:last-child {margin-bottom:0;} ul.arrowlist + ul.arrowlist {margin-top:-1em;} #content-main ul.arrowlist li, #page-footer ul.arrowlist li {padding-left:20px;padding-bottom:1em;position:relative;page-break-inside:avoid;break-inside:avoid;-webkit-column-break-inside:avoid;} #content-main ul.arrowlist.arrowlist-condensed li, #page-footer ul.arrowlist.arrowlist-condensed li {padding-bottom:0.5em;} ul.arrowlist li:last-child {padding-bottom:0;} #content-main ul.arrowlist li::before, #page-footer ul.arrowlist li::before {position:absolute;font-size:14px;left:0;top:1px;font-family:"fontawesome";color:#B4B8C1;content:"\f054";} #content-main ul.arrowlist.arrowlist-condensed li::before, #page-footer ul.arrowlist.arrowlist-condensed li::before {font-size:12px;top:2px;} #content-main ul.arrowlist.arrowlist-blue li::before, #page-footer ul.arrowlist.arrowlist-blue li::before {color:#1090D5;} ul.arrowlist li a {color:#2D3138;} ul.arrowlist li a:hover {color:#06C;} /***********************/ /** Two column list **/ /***********************/ .two-column-listing, .two-column-degree-listing {-moz-column-count:2;-webkit-column-count:2;column-count:2;-webkit-transform:translateZ(0);transform:translateZ(0);/* fix for Safari bug */} @media(max-width:800px) { .two-column-listing, .two-column-degree-listing {-moz-column-count:1;-webkit-column-count:1;column-count:1;} } @media screen and (max-width:760px) { ol.degree-listing[data-letter] {padding-left:0;padding-top:2.8em;} ol.degree-listing[data-letter]:before {border-bottom:1px solid #C6CAD1;padding-bottom:6px;right:0;} } .two-column-listing {padding-left:0;} .two-column-listing li {margin-left:2em;} /**************************/ /** Simple Form Styles **/ /**************************/ .form-row {display:flex;flex-direction:row;margin-bottom:10px;} .form-row-alt {margin-bottom:10px;} .form-row:last-child, .form-row-alt:last-child {margin-bottom:0;} .form-row > label {font-weight:bold;width:180px;padding:10px 10px 10px 0;} .form-row-alt > label {font-weight:bold;margin-bottom:10px;display:block;} .form-row input[type="text"], .form-row-alt input[type="text"], .form-row input[type="email"], .form-row-alt input[type="email"] {border:1px solid #C6CAD1;font-size:14px;border-radius:3px;padding:10px;font-family:'Helvetica Neue',Arial,sans-serif;flex-grow:1;} .form-row select, .form-row-alt select {border:1px solid #C6CAD1;font-size:14px;border-radius:3px;padding:10px;font-family:'Helvetica Neue',Arial,sans-serif; height: 40px; line-height: 40px;} .form-row-alt textarea {width:100%;height:80px;border:1px solid #C6CAD1;font-size:14px;border-radius:3px;padding:10px;font-family:'Helvetica Neue',Arial,sans-serif;} .form-row-alt ul {list-style-type:none;padding-left:0;} .form-privacy {font-size:12px;font-style:italic;color:#4C525D;} form p:last-child {margin-bottom:0;} .rego-loading, .rego-success {display:none;} .form-row .sq-form-submit, .form-row .sq-form-reset {border:0;background-color:#2d3138;text-transform:uppercase;color:#f6f7f9;padding:10px 36px;margin-right:20px;} .form-row .sq-form-submit:hover, .form-row .sq-form-reset:hover {background-color:#4c525d;} @media screen and (max-width:760px) { .form-row {flex-direction:column;} .form-row select, .form-row-alt select {max-width:100%;} } /****************************/ /** Degree/Course search **/ /****************************/ .content #staff-search {border-radius:8px;margin:0;} .search-and-cta {position:relative;padding:0 20px 60px;margin:0;z-index:10;} .search-and-cta::before, .search-and-cta::after {content:"";position:absolute;top:50px;bottom:0;background:linear-gradient(to bottom,#D9DBE0,#ECEDEF 25%,#FFF);z-index:0;} .search-and-cta::before {right:0;left:49.5%;transform:skewY(4deg);} .search-and-cta::after {left:0;right:49.5%;transform:skewY(-4deg);} .landing-page .search-and-cta::before, .landing-page .search-and-cta::after {background:#5B6270;bottom:-50px;} .search-and-cta .inner {position:relative;z-index:1;padding:0;margin:-100px auto 0;} .search-box-content {display:block;width:100%;border-radius:3px;position:relative;} .search-box-content p {margin:20px 0 0;} .search-box-content p .fa {color:#1090D5;margin-right:5px;} .search-box-content form {position:relative;} .search-box-content form.degree-search-box {width:100%;/*calc(75% - 5px);*/} @media screen and (max-width:768px) { .search-and-cta::before, .search-and-cta::after {top:25px;bottom:-50px;} .search-and-cta {padding-bottom:0;} .search-and-cta .inner {margin-top:-80px;} .search-box-content p {display:none;} } /*********************/ /** Degree Search **/ /*********************/ #degree-search-field {font-size:24px;line-height:90px;margin:0;padding:0 114px 0 30px;border-radius:6px;border:3px solid #FFF;vertical-align:top;width:100%;box-shadow:0 0 20px rgba(0,0,0,0.1);font-family:'Helvetica Neue',Arial,sans-serif;height:auto;} #degree-search-field:focus {border-color:#1090D5;} #degree-search-submit {color:#2D3138;background:#FFF;border-radius:3px;font-size:30px;border:0 none;line-height:74px;vertical-align:top;width:74px;position:absolute;top:10px;right:10px;margin:0;padding:0;} #degree-search-submit:hover {background:#1090D5;color:#FFF;cursor:pointer;} #degree-search-results {display:none;margin:0 40px 80px;} #degree-search-results h2.bf.underlined {margin-bottom:20px;} #degree-search-results p {margin:30px 0 0;text-align:right;} #degree-search-results .content-side-menu {text-align:left;} @media screen and (max-width:768px) { #degree-search-field {font-size:16px;line-height:48px;padding:0 54px 0 15px;} #degree-search-submit {line-height:44px;width:44px;font-size:24px;right:5px;top:5px;} } /************************************/ /** Rankings (from uon-2017.css) **/ /** djr145 010618 **/ /************************************/ .ranking-fact {font-size:50px;color:#1090D5;text-transform:uppercase;text-align:center;font-family:FuseV2;font-weight:900;} .ranking-detail {font-size:18px;color:#5B6270;font-family:Heuristica;text-align:center;} .ranking-detail .fa-info-circle {position:relative;vertical-align:top;font-size:12px;} .ranking-detail .fa-info-circle .ranking-note {display:none;position:absolute;top:25px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.9);color:#FFF;padding:10px 15px;text-align:left;border-radius:3px;font-size:12px;font-family:'Helvetica Neue',Arial,sans-serif;width:150px;font-size:12px;} .ranking-detail .fa-info-circle .ranking-note p:last-child {margin:0;} .ranking-detail .fa-info-circle .ranking-note::before {content:"";position:absolute;top:-20px;left:50%;transform:translateX(-50%);border:10px solid transparent;border-bottom-color:rgba(0,0,0,0.9);} .ranking-detail .fa-info-circle:hover::before {color:#1090D5;} .ranking-detail .fa-info-circle:hover .ranking-note {display:block;} @media screen and (max-width:768px) { .ranking-fact {font-size:40px;} .ranking-detail {font-size:16px;max-width:280px;margin:0 auto;} } /*************************************/ /** USP Items (from uon-2017.css) **/ /** djr145 010618 **/ /*************************************/ .grid-content.usp-grid-content {margin-top:20px;margin-bottom:20px;} .tabbed-content .grid-content.usp-grid-content, .grid-block .grid-content.usp-grid-content {margin-top:40px;margin-bottom:40px;} .tabbed-content .grid-content.usp-grid-content:last-child, .grid-block .grid-content.usp-grid-content:last-child {margin-bottom:0;} .usp-item {display:block;margin:0;color:#4C525D;text-decoration:none;text-align:center;} .usp-item .i8 {color:#C6CAD1;display:block;} .usp-item .usp-label {display:inline-block;color:#1090D5;position:relative;line-height:1;margin-bottom:5px;font-weight:900;text-transform:uppercase;font-family: 'FuseV2', 'Helvetica Neue', Arial, sans-serif;} a.usp-item:hover .usp-label {color:#06C;} .usp-item .usp-label-secondary {display:block;font-family:'Heuristica';color:#5B6270;} a.usp-item .very-small-button {margin-top:10px;} a.usp-item:hover .very-small-button {background:#06C;border-color:#06C;color:#FFF;} .grid-1-column .usp-item .i8, .grid-2-column .usp-item .i8, /*{font-size:100px;margin-bottom:25px;}*/ .grid-3-column .usp-item .i8, .grid-4-column .usp-item .i8 {font-size:70px;margin-bottom:15px;} .grid-5-column .usp-item .i8 {font-size:60px;margin-bottom:15px;} .grid-1-column .usp-item .usp-label, .grid-2-column .usp-item .usp-label, .grid-3-column .usp-item .usp-label, .grid-4-column .usp-item .usp-label {font-size:22px;} .grid-5-column .usp-item .usp-label {font-size:20px;} .grid-1-column .usp-item.usp-no-icon .usp-label, .grid-2-column .usp-item.usp-no-icon .usp-label, .grid-3-column .usp-item.usp-no-icon .usp-label, .grid-4-column .usp-item.usp-no-icon .usp-label {font-size:38px;} .grid-5-column .usp-item.usp-no-icon .usp-label {font-size:34px;} .grid-1-column .usp-item .usp-label-secondary, .grid-2-column .usp-item .usp-label-secondary, /*{font-size:18px;}*/ .grid-3-column .usp-item .usp-label-secondary, .grid-4-column .usp-item .usp-label-secondary {font-size:16px;} .grid-5-column .usp-item .usp-label-secondary {font-size:14px;} .usp-item .usp-label sup {position:absolute;border:1px solid #6B7382;color:#6B7382;margin-left:5px;font-weight:bold;border-radius:100%;font-size:8px;width:13px;height:13px;text-align:center;font-family:'Helvetica Neue',Arial,sans-serif;cursor:pointer;right:-16px;top:-2px;line-height:13px;text-transform:none;} .usp-item .usp-label sup:hover {background:#1090D5;border:0 none;color:#FFF;border-radius:0 0 100% 100%;} .usp-item .usp-label sup:hover:after {content:attr(data-usp-note);position:absolute;right:0;bottom:13px;background:rgba(46,49,56,0.9);color:#FFF;font-size:12px;padding:12px 15px;border-radius:4px 4px 0 4px;width:150px;text-align:left;font-weight:normal;} @media (max-width:760px) { .grid-content.usp-grid-content {margin:40px 0;} .grid-content.usp-grid-content .grid-block {margin-bottom:20px;} .grid-content.usp-grid-content .grid-block:last-child {margin-bottom:0;} .usp-item {text-align:left;position:relative;padding-left:55px;min-height:40px;} .grid-1-column .usp-item .i8, .grid-2-column .usp-item .i8, .grid-3-column .usp-item .i8, .grid-4-column .usp-item .i8, .grid-5-column .usp-item .i8 {font-size:40px;margin:0;position:absolute;top:0;left:0;} .grid-1-column .usp-item .usp-label, .grid-2-column .usp-item .usp-label, .grid-3-column .usp-item .usp-label, .grid-4-column .usp-item .usp-label, .grid-5-column .usp-item .usp-label {font-size:18px;} .grid-1-column .usp-item .usp-label-secondary, .grid-2-column .usp-item .usp-label-secondary, .grid-3-column .usp-item .usp-label-secondary, .grid-4-column .usp-item .usp-label-secondary {font-size:14px;} } /**************************************************************************/ /** Flickity v2.1.2 http://flickity.metafizzy.co **/ /**************************************************************************/ /** -- Next/Previous buttons cutsomised for UON use **/ /**************************************************************************/ .flickity-enabled {position:relative;} .flickity-enabled:focus {outline:none;} .flickity-viewport {overflow:hidden;position:relative;height:100%;} .flickity-slider {position:absolute;width:100%;height:100%;} .flickity-enabled.is-draggable {-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .flickity-enabled.is-draggable .flickity-viewport {cursor:move;cursor:-webkit-grab;cursor:grab;} .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor:-webkit-grabbing;cursor:grabbing;} /* ---- flickity-button ---- */ .flickity-button {position:absolute;background:hsla(0,0%,100%,0.75);border:none;color:#333;} .flickity-button:hover {background:white;cursor:pointer;} .flickity-button:focus {outline:none;box-shadow:0 0 0 5px #19F;} .flickity-button:active {opacity:0.6;} .flickity-button:disabled {opacity:0.3;cursor:auto;pointer-events:none;} .flickity-button-icon {fill:#333;} /* ---- previous/next buttons ---- */ .flickity-prev-next-button {top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%);} .flickity-prev-next-button.previous {left:10px;} .flickity-prev-next-button.next {right:10px;} /* right to left */ .flickity-rtl .flickity-prev-next-button.previous {left:auto;right:10px;} .flickity-rtl .flickity-prev-next-button.next {right:auto;left:10px;} .flickity-prev-next-button .flickity-button-icon {position:absolute;left:20%;top:20%;width:60%;height:60%;} .flickity-prev-next-button .arrow {fill:#FFF;} /** Previous/Next buttons (full height for galleries/carousels) **/ .image-gallery .gallery-cell {padding:0 5px;} .image-gallery .flickity-prev-next-button {position:absolute;top:35%;width:60px;height:80px;border:none;background:#1E2025;background:rgba(30,32,37,0.7);cursor:pointer;z-index:100;} .image-gallery .flickity-prev-next-button:hover {background:rgba(30,32,37,0.9);} .image-gallery .flickity-prev-next-button:focus {outline:none;box-shadow:0 0 0 5px #09F;} .image-gallery .flickity-prev-next-button:active {opacity:0.6;} .image-gallery .flickity-prev-next-button.previous {left:0;background:linear-gradient(to right,rgba(30,32,37,0.7),rgba(30,32,37,0.2));border-radius:0 60px 60px 0;} .image-gallery .flickity-prev-next-button.next {right:0;background:linear-gradient(to left,rgba(30,32,37,0.7),rgba(30,32,37,0.2));border-radius:60px 0 0 60px;} .image-gallery .flickity-prev-next-button.previous:hover, .flickity-prev-next-button.next:hover {background:#1090D5;} .flickity-page-dots {position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1;} .flickity-rtl .flickity-page-dots {direction:rtl;} .flickity-page-dots .dot {display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:0.25;cursor:pointer;} .flickity-page-dots .dot.is-selected {opacity:1;} .uon-gallery-grid.stackable-grid .stackable-block {width:33.33%;} @media all and (max-width:767px) { .uon-gallery-grid.stackable-grid .stackable-block {width:50%;} } @media all and (max-width:550px) { .uon-gallery-grid.stackable-grid .stackable-block {width:100%;} } /*********************************/ /** UON Media Gallery **/ /** -- August 2018 **/ /** -- Dean Robinson (djr145) **/ /*********************************/ /** UON Gallery Carousel **/ .body-content .uon-gallery-carousel img {max-width:none;} h2 + .uon-gallery-carousel {margin-top:0;} .uon-gallery-carousel {padding-bottom:50px;margin:40px 0;} .uon-gallery-carousel .flickity-slider {display:flex;align-items:center;margin:0 -5px;} .uon-gallery-carousel .flickity-viewport {transition:height 0.2s;} .uon-gallery-carousel-cell {width:calc(100% - -10px);height:auto;display:flex;justify-content:center;align-items:center;} .two-column .uon-gallery-carousel-cell {max-width:792px;width:100%;} .one-column .uon-gallery-carousel-cell {max-width:810px;width:100%;} .uon-gallery-carousel .image-figure, .uon-gallery-carousel .video-figure {margin:0 5px;} .uon-gallery-carousel .image-figure img, .uon-gallery-carousel .video-figure .youtube-replace {display:block;border-radius:3px;} .uon-gallery-carousel .image-figure img {max-height:50rem;max-width:100%;} .uon-gallery-carousel-cell .video-figure {height:100%;width:100%;display:block;} .one-column .uon-gallery-carousel-cell .video-figure {max-width:800px;} .uon-gallery-carousel .flickity-prev-next-button {position:absolute;bottom:0;width:40px;height:40px;border:0 none;background:none;cursor:pointer;z-index:100;top:auto;transform:none;} .uon-gallery-carousel .flickity-prev-next-button:hover {background:#1090D5;} .uon-gallery-carousel .flickity-prev-next-button.previous {left:0;border-radius:3px;} .uon-gallery-carousel .flickity-prev-next-button.next {right:0;border-radius:3px;} .uon-gallery-carousel .flickity-page-dots {line-height:40px;bottom:0;} .uon-gallery-carousel .flickity-prev-next-button .arrow {fill:#3D414A;} .uon-gallery-carousel .flickity-prev-next-button:hover .arrow {fill:#FFF;} .uon-gallery-carousel .flickity-page-dots .dot.is-selected {background:#1090D5;} .uon-gallery-carousel .flickity-prev-next-button .flickity-button-icon {height:40%;left:30%;position:absolute;top:30%;width:40%;} .uon-gallery-carousel-small .uon-gallery-carousel-cell {width:auto;height:250px;display:flex;justify-content:center;align-items:center;} .uon-gallery-carousel-small .uon-gallery-carousel .image-figure img {max-height:none;max-width:none;height:250px;} /** UON Gallery Grid **/ h2 + .uon-gallery-grid {margin-top:0;} .uon-gallery-grid {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:40px 0;} .two-column .uon-gallery-grid, .two-column-alt .uon-gallery-grid, .colx2 .uon-gallery-grid, .colx2b .uon-gallery-grid {margin-bottom:10px;} .three-column .uon-gallery-grid-cell, .colx3 .uon-gallery-grid-cell {width:31%;margin-bottom:3.5%;} .two-column .uon-gallery-grid-cell, .two-column-alt .uon-gallery-grid-cell, .colx2 .uon-gallery-grid-cell, .colx2b .uon-gallery-grid-cell {width:31%;margin-bottom:3.5%;} .one-column .uon-gallery-grid-cell {width:22%;margin-bottom:4%;margin-left:4%;} .three-column .uon-gallery-grid-small .uon-gallery-grid-cell, .colx3 .uon-gallery-grid-small .uon-gallery-grid-cell{width:24%;margin-bottom:1.33%;} .two-column .uon-gallery-grid-small .uon-gallery-grid-cell, .two-column-alt .uon-gallery-grid-small .uon-gallery-grid-cell, .colx2 .uon-gallery-grid-small .uon-gallery-grid-cell, .colx2b .uon-gallery-grid-small .uon-gallery-grid-cell{width:19%;margin-bottom:1.25%;} .one-column .uon-gallery-grid-small .uon-gallery-grid-cell {width:13%;margin-bottom:1.5%;} .uon-gallery-grid a:hover img {box-shadow:0 0 0 2px #1090D5;} .uon-gallery-grid .image-figure img, .uon-gallery-grid .video-figure .youtube-replace {display:block;border-radius:3px;margin:0 auto;} .uon-gallery-grid .stackable-block .image-figure, .uon-gallery-grid .stackable-block .video-figure {margin:10px;} .three-column .uon-gallery-grid .stackable-block {width:33.3333%;} .two-column .uon-gallery-grid .stackable-block, .two-column-alt .uon-gallery-grid .stackable-block {width:33.33333%;} .one-column .uon-gallery-grid .stackable-block {width:25%;} .uon-gallery-grid-video-cell {position:relative;} .uon-gallery-grid-video-cell a::after {content:"\f144";font-size:60px;text-align:center;position:absolute;height:100%;width:100%;top:50%;margin-top:-30px;transition:all 0.2s ease-out;text-shadow:0 0 20px #2D3138;color:#FFF;font-family:fontawesome;left:0;} .uon-gallery-grid-video-cell a:hover::after {color:#FFF;font-size:80px;margin-top:-40px;} /*********************************/ /** UON Accordion **/ /** -- March 2018 **/ /** -- Dean Robinson (djr145) **/ /*********************************/ .uon-accordion {margin:20px 0;border:1px solid #C6CAD1;border-radius:4px;overflow:hidden;} .uon-accordion-panel {border-top:1px solid #C6CAD1;} .uon-accordion-panel:first-child {border-top:0 none;} .uon-accordion-title {font-size:16px;font-weight:bold;} .uon-accordion-title a {padding:10px 40px 10px 20px;color:#5B6270;text-decoration:none;display:block;position:relative;transition:0.1s all;} .uon-accordion-panel.open > .uon-accordion-title a {background:#FFF;color:#2D3138;padding:20px 40px 20px 20px;font-size:20px;} .uon-accordion-title a:before {font-family:fontawesome;position:absolute;top:10px;right:20px;font-size:18px;transition:0.1s all;transform:rotate(90deg);content:"\f105";} .uon-accordion-panel.open > .uon-accordion-title a:before {transform:rotate(0deg);content:"\f105";top:24px;} .uon-accordion-title a:hover {background:#ECEDEF;color:#1090D5;} .uon-accordion-panel.open > .uon-accordion-title a:hover {color:#1090D5;background:#FFF;text-decoration:none;} .uon-accordion-panel.open > .uon-accordion-title > a:after {background:#D9DBE0;border-radius:3px;bottom:-1px;content:"";height:3px;left:20px;position:absolute;width:20%;} .uon-accordion-content {display:none;padding:20px;overflow:hidden;} .uon-accordion-panel.open > .uon-accordion-content {background:#FFF;} @media screen and (max-width:600px) { .uon-accordion-title {font-size:14px;line-height:1.2;} .uon-accordion-title a {padding:10px 30px 10px 10px;} .uon-accordion-title a:before {right:10px;} } @media(max-width:500px) { .uon-accordion {margin:20px -20px;} .uon-accordion-title a {padding-right:40px;padding-left:20px;} .uon-accordion-panel.open > .uon-accordion-title a {padding-right:40px;padding-left:20px;} .uon-accordion-title a:before {right:20px;} .uon-accordion-content {padding:0px 20px 20px 20px;} } #uon-lightbox-content .uon-accordion-panel.open > .uon-accordion-title > a:after {left:40px;} #uon-lightbox-content .uon-accordion .uon-accordion-content {padding-top:20px;} /**************************/ /** Decision accordion **/ /**************************/ .decision-accordion .uon-accordion {margin:30px 0;border:0 none;} .decision-accordion .uon-accordion .uon-accordion {margin:0 0 0;} .decision-accordion .uon-accordion-panel {border:0 none;} .decision-accordion .uon-accordion-title {font-weight:normal;} .decision-accordion .uon-accordion-title a {padding:10px 0 10px 40px;} .decision-accordion .uon-accordion-content {padding:10px 0 20px 40px;} .decision-accordion .uon-accordion-title a::before {right:auto;left:12px;top:11px;font-size:18px;content:"\f10c";transform:none;font-weight:normal;} .decision-accordion .uon-accordion-panel.open > .uon-accordion-title a:before {content:"\f05d";top:11px;color:#0C6;} .decision-accordion .uon-accordion-panel.open > .uon-accordion-title {font-size:16px;font-weight:bold;} .decision-accordion .uon-accordion-panel.open > .uon-accordion-title a {padding:10px 0 10px 40px;font-size:16px;} .decision-accordion .uon-accordion-panel.open > .uon-accordion-title > a::after {left:40px;} /*********************************/ /** UON Tables **/ /** -- April 2018 **/ /** -- Dean Robinson (djr145) **/ /** Default Table **/ /** -- .blue-table modifier **/ /** -- .zebra-striping modifier **/ /***********************************/ table.default-table {width:100%;border-collapse:collapse;box-shadow:0 0 0 1px #D9DBE0;border-radius:3px;margin:20px 0;} table.default-table.blue-table {box-shadow:0 0 0 1px #1090D5;} table.default-table.zebra-striping thead + tbody tr:nth-child(2n) td {background:#F6F7F9;} table.default-table.zebra-striping tbody:first-child tr:nth-child(2n-1) td {background:#F6F7F9;} table.default-table.zebra-striping tbody:first-child tr:nth-child(2n) th {background:#F6F7F9;} table.default-table.blue-table.zebra-striping thead + tbody tr:nth-child(2n) td {background:#F3F9FD;} table.default-table.blue-table.zebra-striping tbody:first-child tr:nth-child(2n-1) td {background:#F3F9FD;} table.default-table.blue-table.zebra-striping tbody:first-child tr:nth-child(2n) th {background:#E7F4FB;} table.default-table th {padding:10px;text-align:left;background:#ECEDEF;} table.default-table.blue-table th {background:#DBEEF9;} table.default-table thead tr:first-child th:first-child {border-radius:3px 0 0 0;} table.default-table thead tr:first-child th:last-child {border-radius:0 3px 0 0;} table.default-table tbody:first-child tr:first-child th:first-child, table.new-default-table tbody:first-child tr:first-child td:first-child {border-radius:3px 0 0 0;} table.default-table tbody:first-child tr:first-child td:last-child {border-radius:0 3px 0 0;} table.default-table tbody th {border-top:1px solid #ECEDEF;} table.default-table.blue-table tbody th {border-top:1px solid #CFE9F7;} table.default-table tbody tr:first-child th {border-top:0 none;} table.default-table tbody tr:last-child th:first-child {border-radius:0 0 0 3px;} table.default-table td {padding:10px;text-align:left;} table.default-table tbody td {border-top:1px solid #ECEDEF;} table.default-table.blue-table tbody td {border-top-color:#CFE9F7;} table.default-table tbody tr:first-child td {border-top:0 none;} table.default-table tbody tr:last-child td:first-child {border-radius:0 0 0 3px;} table.default-table tbody tr:last-child td:last-child {border-radius:0 0 3px 0;} #fancybox-wrap {min-width:620px!important;} #fancybox-content {min-width:600px !important;} /*********************************/ /** UON Content Promo Banner **/ /** -- November 2018 **/ /** -- Dean Robinson (djr145) **/ /*********************************/ .uon-content-promo-banner {background-color:#2D3138;background-size:cover;display:block;color:#FFF !important;text-decoration:none !important;border-radius:3px;transition:0.1s all;margin:80px 0;background-position:right center;} .uon-content-promo-banner:first-child {margin-top:0;} .uon-content-promo-banner:last-child {margin-bottom:0;} .uon-content-promo-banner.uon-content-promo-banner-light {background-color:#ECEDEF;color:#2D3138;} .uon-content-promo-banner:hover {transform:scale(1.02);box-shadow:0 0 0 3px #1090D5;} .uon-content-promo-banner-inner {padding:40px 0 40px 40px;} .uon-content-promo-banner-tint {background:linear-gradient(120deg,rgba(0,0,0,0.75),rgba(0,0,0,0) 60%);text-shadow:1px 1px 0 rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5);} .uon-content-promo-banner-light .uon-content-promo-banner-tint {background:linear-gradient(120deg,rgba(255,255,255,0.75),rgba(255,255,255,0) 60%);text-shadow:none;} .uon-content-promo-banner .headline-60px, .uon-content-promo-banner .headline-50px, .uon-content-promo-banner .headline-40px {margin-bottom:0;} .uon-content-promo-banner .headline-36px, .uon-content-promo-banner .headline-30px, .uon-content-promo-banner .headline-20px {margin:10px 0 0;} .uon-content-promo-banner .uon-content-promo-banner-detail {margin:40px 0 0;} .uon-content-promo-banner .uon-content-promo-banner-detail p {position:relative;margin:0;font-family:Heuristica,Georgia,serif;font-size:18px;} .uon-content-promo-banner .uon-content-promo-banner-detail p::before {content:"";position:absolute;left:0;top:-20px;width:100px;height:4px;border-radius:4px;background:#1090D5;} .uon-content-promo-banner p:last-child {margin-top:15px;margin-bottom:0;} .uon-content-promo-banner:hover p .button, .uon-content-promo-banner p .button:hover, .uon-content-promo-banner:hover .uon-content-promo-banner-detail p span.button, .uon-content-promo-banner .uon-content-promo-banner-detail p span.button:hover {background:#1090D5;border-color:#1090D5;color:#FFF;} @media screen and (max-width:760px) { .uon-content-promo-banner .uon-content-promo-banner-inner {padding:20px 0 20px 20px;} .uon-content-promo-banner .headline-60px, .uon-content-promo-banner .headline-50px {font-size:40px;} .uon-content-promo-banner .headline-36px, .uon-content-promo-banner .headline-30px {font-size:40px;} .uon-content-promo-banner .uon-content-promo-banner-detail {font-size:18px;margin:15px 0;} } /*********************************/ /** UON Tab Content **/ /** -- March 2018 **/ /** -- Dean Robinson (djr145) **/ /*********************************/ .uon-tab-content {margin:40px 0px;position:relative;} .uon-tab-content:first-child {margin-top:0;} .uon-tab-content:last-child {margin-bottom:0;} .uon-tab-content-nav {display:flex;background:none;border-bottom:2px solid #D9DBE0;padding:0;position:relative;font-size:18px;font-weight:bold;text-align:center;} .uon-tab-content-nav-small {font-size:14px;} .uon-tab-content-nav::before, .uon-tab-content-nav::after {content:"";position:absolute;bottom:-2px;width:40px;height:2px;} .uon-tab-content-nav::before {left:-40px;background:linear-gradient(to left,#D9DBE0,#FFF);} .uon-tab-content-nav::after {right:-40px;background:linear-gradient(to right,#D9DBE0,#FFF);} .uon-tab-content-nav a {display:block;flex-grow:1;width:auto;color:#5B6270;background:transparent;padding:22px 22px 20px 22px;border-bottom:2px solid #D9DBE0;background:#F6F7F9;text-decoration:none;border-radius:3px 3px 0 0;line-height:1;margin:0 3px -2px;} .uon-tab-content-nav-small a {padding:7px 7px 5px 7px;margin:0 1px -2px;} .uon-tab-content-nav a:hover {color:#FFF;background:#2D3138;} .uon-tab-content-nav a.active {border:2px solid #D9DBE0;padding:20px;border-bottom:0 none;color:#5B6270;background:#FFF;} .uon-tab-content-nav-small a.active {padding:5px;} .uon-tab-content-tabs {padding:40px 0;position:relative;} .uon-tab-content-tab {display:none;} .uon-tab-content-tab.active {display:block;} /*************************************************/ /** Alternate style for inline search results **/ /*************************************************/ #degree-search-results .uon-tab-content #close-search-results {top:40px;right:40px;position:absolute;} #degree-search-results .uon-tab-content-nav {padding:0 37px;background:#1090D5;border-bottom:0;} #degree-search-results .uon-tab-content-nav::before, #degree-search-results .uon-tab-content-nav::after {display:none;} #degree-search-results .uon-tab-content-nav a {padding:20px;color:#FFF;background:#097DBB;border:0 none;margin-bottom:0;} #degree-search-results .uon-tab-content-nav a .count {color:#FFF;font-style:italic;display:block;font-weight:normal;margin-top:5px;font-size:14px;} #degree-search-results .uon-tab-content-nav a .count:empty {display:none;} #degree-search-results .uon-tab-content-nav a.active {background:#FFF;color:#2D3138;border:0 none;} #degree-search-results .uon-tab-content-nav a.active .count {color:#5B6270;} #degree-search-results .uon-tab-content-tabs {padding:40px;} /***************************/ /** Side-tabbed content **/ /** -- April 2018 **/ /***************************/ .uon-side-tab-content {display:flex;flex-direction:row;} .uon-side-tab-content-nav {width:25%;} .body-content .uon-side-tab-content-nav ul, .body-content .uon-side-tab-content-nav ul:not([class]) {margin:0;padding:0;} .body-content .uon-side-tab-content-nav ul li {margin:0;padding:0;} .uon-side-tab-content-nav ul li::before {display:none;} .uon-side-tab-content-nav ul li a {display:block;color:#5B6270;padding:6px 30px 6px 10px;text-decoration:underline;position:relative;border-radius:3px;} .uon-side-tab-content-nav ul li a:hover {text-decoration:underline;background:#F6F7F9;color:#2D3138;} .uon-side-tab-content-nav ul li a:hover::after {content:"\f105";position:absolute;right:10px;color:#5B6270;font-family:fontawesome;} .uon-side-tab-content-nav ul li.active a {background:#ECEDEF;color:#2D3138;font-weight:bold;text-decoration:none;} .uon-side-tab-content-nav ul li.active a::after {content:"\f0da";position:absolute;right:10px;color:#1090D5;font-family:fontawesome;} .uon-side-tab-content-tabs {width:75%;padding-left:40px;} .uon-side-tab-content-tab {display:none;} .uon-side-tab-content-tab.active {display:block;} .uon-side-tab-content-tab .uon-side-tab-content-tab-contents {display:block;} .uon-side-tab-content-tab.active .uon-side-tab-content-tab-contents {display:block;} /*************************/ /** Responsive styles **/ /*************************/ @media screen and (max-width:760px) { .uon-tab-content-nav {text-align:left;font-size:16px;padding-bottom:20px;flex-wrap:wrap;padding-bottom:20px;} .uon-tab-content-nav a {border-radius:3px;margin-top:6px;padding:10px;width:calc(50% - 6px);text-align:center;} .uon-tab-content-nav.uon-tab-content-nav-small a {width:auto;margin-bottom:5px;margin-top:0;} .uon-tab-content-nav::before, .uon-tab-content-nav::after {display:none;} #degree-search-results .uon-tab-content-nav a .count {display:inline-block;float:right;} #degree-search-results .uon-tab-content-tabs {margin-top:40px;} #degree-search-results .uon-tab-content #close-search-results {top:-20px;transform:translateX(50%);right:50%;} .uon-side-tab-content-nav {display:none;} .uon-side-tab-content-tabs {width:100%;padding-left:0;border:1px solid #C6CAD1;border-radius:3px;} .uon-side-tab-content-tab {display:block;border-top:1px solid #C6CAD1;} .uon-side-tab-content-tab:first-child {border-top:0 none;} .uon-side-tab-content-tab .uon-side-tab-content-tab-contents {display:none;padding:0 20px 20px 20px;} .uon-side-tab-content-tab.active .uon-side-tab-content-tab-contents {display:block;} .uon-side-tab-content-tab h3.underlined {margin-bottom:0;padding:10px 20px;font-size:16px;transition:.1s all;} .uon-side-tab-content-tab.active h3.underlined {margin-bottom:15px;padding:20px 20px 15px 20px;font-size:20px;} .uon-side-tab-content-tab h3.underlined:hover {background:#ecedef;color:#1090d5;} .uon-side-tab-content-tab h3.underlined::after {display:none;left:20px;} .uon-side-tab-content-tab.active h3.underlined::after {display:block;} .uon-side-tab-content-tab h3.underlined::before {position:absolute;top:10px;right:20px;font-size:18px;transition:.1s all;transform:rotate(90deg);content:"\f105";font-family:fontawesome;font-weight:normal;} .uon-side-tab-content-tab.active h3.underlined::before {transform:rotate(0deg);content:"\f105";top:20px;} } @media screen and (max-width:450px) { .uon-tab-content-nav {flex-direction:column;} .uon-tab-content-nav.uon-tab-content-nav-small {flex-direction:row;} .uon-tab-content-nav a {width:auto;} .uon-tab-content-nav a:first-child {margin-top:0;} } /*********************************/ /** UON Icon Tile Index Grid **/ /** -- March 2018 **/ /** -- Dean Robinson (djr145) **/ /*********************************/ .uon-icon-tile-index-grid {display:flex;flex-wrap:wrap;margin:0 -15px 80px -15px;} .uon-icon-tile-index-grid a {width:calc(25% - 30px);margin:15px;padding:20px;color:#2D3138;background:#ECEDEF;border-radius:3px;font-family:Heuristica,Georgia,serif;font-size:20px;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-start;transition:0.1s all;position:relative;flex-grow:1;} .uon-icon-tile-index-grid a .i8, .uon-icon-tile-index-grid a .fa {display:block;font-size:40px;margin-bottom:20px;color:#1090D5;} .uon-icon-tile-index-grid a:hover .i8, .uon-icon-tile-index-grid a:hover .fa {color:#FFF;} .uon-icon-tile-index-grid a .i8::before, .uon-icon-tile-index-grid a .fa::before {vertical-align:top;} .uon-icon-tile-index-grid a::after {content:"";height:0;width:0;border:10px solid transparent;border-right-color:#1090D5;border-bottom-color:#1090D5;position:absolute;bottom:10px;right:10px;} .uon-icon-tile-index-grid a:hover::after {border-right-color:#FFF;border-bottom-color:#FFF;bottom:5px;right:5px;} .uon-icon-tile-index-grid a:hover {background:#1090D5;color:#FFF;transform:scale(1.05);} .uon-icon-tile-index-grid-condensed a {width:calc(16% - 20px);margin:10px;padding:15px;font-size:16px;} .uon-icon-tile-index-grid-condensed a .i8, .uon-icon-tile-index-grid-condensed a .fa {font-size:30px;margin-bottom:15px;} .uon-icon-tile-index-grid-condensed a::after {border-width:7px;} .uon-icon-tile-index-grid-three a {width:calc(33.3333% - 30px);} @media screen and (max-width:768px) { .uon-icon-tile-index-grid a, .uon-icon-tile-index-grid-three a {width:calc(50% - 30px);} } @media screen and (max-width:450px) { .uon-icon-tile-index-grid {margin:0 -5px 40px -5px;} .uon-icon-tile-index-grid a, .uon-icon-tile-index-grid-three a {width:100%;flex-direction:row;font-size:14px;margin:5px;padding:10px;align-items:center;} .uon-icon-tile-index-grid a .i8, .uon-icon-tile-index-grid a .fa {font-size:30px;margin-bottom:0;margin-right:10px;} .uon-icon-tile-index-grid a::after {border-width:5px;} } /*********************/ /** Feature block **/ /*********************/ .uon-feature-block {box-shadow:0 0 10px rgba(0,0,0,0.10);transition:0.1s all;text-decoration:none;position:relative;display:block;border-radius:3px;overflow:hidden;} a.uon-feature-block:hover, .uon-carousel-widget.uon-feature-block:hover {box-shadow:0 0 0 3px #1090D5;transform:scale(1.02);} .uon-feature-block .content {background:#FFF;padding:20px;/* 20px 20px 15px */margin:0;position:relative;} .uon-feature-block.uon-highlight-block .content {background:#2D3138;} .uon-feature-block .content:before {content:"";height:0;width:0;border:15px solid transparent;border-bottom-color:#FFF;position:absolute;left:20px;top:-30px;} .uon-feature-block.uon-highlight-block .content:before {border-bottom-color:#2D3138;} .uon-feature-block .content h2, .uon-feature-block .content h3 {position:relative;line-height:1;padding-bottom:10px;margin-bottom:15px;} .uon-feature-block .content h2 {color:#2D3138;font-size:24px;} .uon-feature-block .content h3 {color:#4C525D;font-size:20px;} .uon-feature-block.uon-highlight-block .content h2, .uon-feature-block.uon-highlight-block .content h3 {color:#FFF;} .uon-feature-block .content h2::after, .uon-feature-block .content h3::after {content:"";background:#1090D5;height:4px;border-radius:4px;width:100px;bottom:-4px;left:0;position:absolute;} .uon-feature-block .content h2 + h4 {margin-top:0;} .uon-feature-block .content p {color:#2D3138;} .uon-feature-block.uon-highlight-block .content p {color:#FFF;} .uon-feature-block .content p:last-child {margin-bottom:0;} .uon-feature-block .image {display:block;background-size:cover;background-position:center center;height:200px;} .uon-feature-block .content p img {display:none;} .uon-feature-block .content p.widget-date {margin:0 0 5px;font-size:12px;color:#6B7382;} .uon-feature-block .content p.widget-date + h3 {margin-top:0;} .uon-feature-block .more-link {font-family:FuseV2;font-weight:900;font-size:16px;} .uon-feature-block .more-link.inline-more-link {font-size:14px;margin-left:5px;font-weight:600;} .uon-feature-block .more-link::before {color:#1090D5;font-family:fontawesome;margin-right:10px;content:"\f105";} .uon-feature-block .more-link.inline-more-link::before {margin-right:5px;} .uon-feature-block:hover .more-link {color:#1090D5;} .uon-feature-block:hover .more-link::before {content:"\f0da";} .uon-feature-block .external-more-link::before, .uon-feature-block:hover .external-more-link::before {content:"\f14c";} .uon-feature-block .more-link a {color:#2D3138;text-decoration:none;} .uon-feature-block .more-link a:hover {color:#1090D5;} .uon-feature-block img {width:100%;height:auto;vertical-align:top;transition:0.1s all;} .uon-feature-block iframe {width:100%;max-width:100%;height:318px;border:0 none;vertical-align:top;position:relative;z-index:1;} .landing-page-intro p, p.landing-page-intro { font-family: Heuristica,Georgia,serif; text-align: center; font-size: 22px; line-height: 1.3; color: #5B6270; max-width: 45em; margin: 0 auto; } .round-image {border-radius:100%;} /************************************************/ /** Listing Item **/ /** -- includes People listing - August 2019 **/ /************************************************/ .uon-listing-item {margin-bottom:40px;display:flex;} h1 + .uon-listing-item, h2 + .uon-listing-item, h3 + .uon-listing-item {margin-top:30px;} .uon-listing-item:last-child {margin-bottom:0;} .uon-listing-item .uon-listing-item-image {width:20%;margin:0;overflow:hidden;} .uon-listing-item .uon-listing-item-image.uon-listing-item-image-small {width:10%;} .uon-listing-item .uon-listing-item-image a {display:block;} .uon-listing-item .uon-listing-item-image img {max-width:100%;vertical-align:top;border: 1px solid rgba(0,0,0,0.1);border-radius:3px;} .uon-listing-item .uon-listing-item-image a:hover img {border-color:#1090D5;} .uon-listing-item .uon-listing-item-detail {width:calc(80% - 20px);padding-bottom:20px;margin-left:20px;border-bottom:2px solid #ECEDEF;} .uon-listing-item .uon-listing-item-image-small + .uon-listing-item-detail {width:calc(90% - 20px);} .uon-listing-item-detail:only-child {width:100%;margin-left:0;} .uon-listing-item .uon-listing-item-detail h3 {margin-top:5px;font-size:20px;padding-bottom:15px;margin-bottom:10px;} .uon-listing-item .uon-listing-item-detail h3 a {text-decoration:none;border-bottom:0;} .uon-listing-item .uon-listing-item-detail h4.underlined:after {background:#D9DBE0;} .uon-listing-item .uon-listing-item-detail h5.position {font-size:16px;margin:0;line-height:1.4;color:#4c525d;} .uon-listing-item .uon-listing-item-detail h5.quals {font-weight:300;font-style:italic;font-size:16px;line-height:1.4;color:#4c525d;} .uon-listing-item .uon-listing-item-detail h5 + p {margin-top:10px;} .uon-listing-item .uon-listing-item-detail h6.area {font-size:16px;font-weight:300;line-height:1.4;color:#4c525d;margin-top:0;} .uon-listing-item .uon-listing-item-detail h6.area span {display:block;line-height:1.4;color:#4c525d;font-size:14px;} .uon-listing-item p {margin:0 0 10px;} .uon-listing-item p:last-child {margin-bottom:0;} /**********************/ /** Staff Listing **/ /** -- August 2019 **/ /**********************/ .uon-staff-listing-condensed {width:100%;list-style-type:none;padding-left:0;} .uon-staff-listing-condensed li {width:100%;padding:5px 0;border-bottom:1px solid #ecedef;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap;} .uon-staff-listing-condensed li span.name {font-weight:600;width:100%;} .uon-staff-listing-condensed li span.title {font-size:12px;width:50%;} .uon-staff-listing-condensed li span.email {font-size:12px;width:35%;} .uon-staff-listing-condensed li span.email a {text-decoration:none !important;text-transform:lowercase;} .uon-staff-listing-condensed li span.phone {font-size:12px;width:15%;text-align:right;} @media screen and (max-width:768px) { .uon-staff-listing-condensed li span.title {width:100%;} .uon-staff-listing-condensed li span.email {width:50%;} .uon-staff-listing-condensed li span.phone {width:50%;text-align:left;} } @media screen and (max-width:500px) { .uon-staff-listing-condensed li span.email {width:100%;} .uon-staff-listing-condensed li span.phone {width:100%;} } #emergency-alert {text-align:center;padding:15px;position:relative;} #emergency-alert p:last-child {margin-bottom:0;} #emergency-alert.grey {background:#ECEDEF;color:#000;} #emergency-alert.green {background:#33EE66;color:#000;} #emergency-alert.amber {background:#EE6633;color:#000;} #emergency-alert.red {background:#C00;color:#FFF;} #emergency-alert.blue {background:#06C;color:#FFF;} #emergency-alert a {font-weight:bold;text-decoration:underline;} #emergency-alert.grey a, #emergency-alert.green a, #emergency-alert.amber a {color:#000;} #emergency-alert.red a, #emergency-alert.blue a {color:#FFF;} /** Campaign CTA **/ .campaign-cta {background:#1090D5;color:#FFF;text-decoration:none;font-size:30px;position:relative;border-radius:3px;display:block;font-family:FuseV2,'Helvetica Neue',Arial,sans-serif;font-weight:900;text-transform:uppercase;padding:30px;line-height:30px;margin:40px 0;transition:0.1s all;} .campaign-cta.grey-campaign-cta {background:#5B6270;} .campaign-cta:last-child {margin-bottom:0;} .campaign-cta:hover {background:#2D3138;color:#FFF;} .campaign-cta strong {transition:0.1s all;} .campaign-cta:hover strong {color:#1090D5;} .campaign-cta span {font-size:24px;position:absolute;margin-left:43px;font-weight:normal;text-transform:none;} .campaign-cta span::before {background:rgba(255,255,255,0.5);width:3px;position:absolute;left:-23px;top:-5px;bottom:-5px;border-radius:3px;content:"";} .campaign-cta::after {text-align:center;width:70px;position:absolute;right:0;top:0;bottom:0;line-height:90px;font-family:fontawesome;content:"\f105";} .campaign-cta.alt-campaign-cta {margin-top:0;padding:25px 30px;line-height:1;} .campaign-cta.alt-campaign-cta::after {line-height:1;transform:translateY(50%);margin-top:-30px;} .campaign-cta.alt-campaign-cta span {display:block;position:relative;font-size:20px;padding-left:0;margin-left:0;margin-top:5px;} .campaign-cta.alt-campaign-cta span::before {display:none;} @media screen and (max-width:900px) { .campaign-cta {margin:40px 0 20px;font-size:28px;padding:20px 30px 20px 20px;line-height:0.9;} .campaign-cta + .grid-content {margin-top:20px;} .grid-content + .campaign-cta {margin-top:-20px;} .campaign-cta span {font-size:20px;position:relative;margin:10px 0 0;display:block;line-height:1.1;} .campaign-cta span::before {display:none;} .campaign-cta::after {display:none;} .campaign-cta span::after {margin-left:10px;font-family:fontawesome;content:"\f105";} } /*********************************/ /** UON News and Events **/ /** -- April 2018 **/ /** -- Dean Robinson (djr145) **/ /*********************************/ .uon-news-event-listing-item {margin-bottom:40px;display:flex;} .grid-content .uon-news-event-listing-item {margin-bottom:20px;} .uon-news-event-listing-item:last-child {margin-bottom:0;} .uon-news-event-listing-item .uon-news-event-listing-item-image {width:20%;margin:0;overflow:hidden;} .uon-news-event-listing-item .uon-news-event-listing-item-image a {display:block;} .uon-news-event-listing-item .uon-news-event-listing-item-image img {max-width:100%;vertical-align:top;border: 1px solid rgba(0,0,0,0.1);border-radius:3px;} .uon-news-event-listing-item .uon-news-event-listing-item-image a:hover img {border-color:#1090D5;} .uon-news-event-listing-item .uon-news-event-listing-item-detail {width:calc(80% - 20px);padding-bottom:20px;margin-left:20px;border-bottom:2px solid #ECEDEF;} .uon-news-event-listing-item.uon-news-event-listing-item-no-image .uon-news-event-listing-item-detail {width:100%;margin-left:0;} .uon-news-event-listing-item .uon-news-event-listing-item-detail h3 {margin-top:5px;font-size:20px;padding-bottom:15px;margin-bottom:10px;} .uon-news-event-listing-item .uon-news-event-listing-item-detail h3 a {text-decoration:none;border-bottom:0;} .uon-news-event-listing-item p {margin:0;} .uon-news-event-listing-item .uon-news-event-listing-item-date {color:#6b7382;} .uon-news-event-listing-featured .uon-news-event-listing-item {flex-direction:row-reverse;} .uon-news-event-listing-featured .uon-news-event-listing-item .uon-news-event-listing-item-image {width:50%;} .uon-news-event-listing-featured .uon-news-event-listing-item .uon-news-event-listing-item-detail {width:calc(50% - 20px);margin-left:0;margin-right:20px;} .uon-news-event-listing-featured .uon-news-event-listing-item .uon-news-event-listing-item-detail h3 {font-size:26px;} @media screen and (max-width:400px) { .uon-news-event-listing-item {flex-direction:column;} .uon-news-event-listing-item .uon-news-event-listing-item-image {width:100%;} .uon-news-event-listing-item .uon-news-event-listing-item-detail {width:100%;margin:20px 0 0 0;} .uon-news-event-listing-featured .uon-news-event-listing-item {flex-direction:column;} .uon-news-event-listing-featured .uon-news-event-listing-item .uon-news-event-listing-item-image {width:100%;} .uon-news-event-listing-featured .uon-news-event-listing-item .uon-news-event-listing-item-detail {width:100%;margin:20px 0 0 0;} .uon-news-event-listing-featured .uon-news-event-listing-item .uon-news-event-listing-item-detail h3 {font-size:20px;} } .hidden {display:none;} .banner {z-index:-200;} #uon-footer .footer-info h4 {color:#fff;} .inner, .wrapped { margin: 0 auto; max-width: 1150px; } #uon-footer .uon-global-footer-wechat-qr-code img {max-width:none;} /* fix CTAs */ .sidebar.stackable-grid span.cta-icon {padding-left:10px;} /* emergency alerts bar */ #emergency-alert {text-align:center;padding:15px;display:flex;} .uon-global-header-compressed #emergency-alert {display:none;} #emergency-alert p {margin-bottom:0;flex-grow:1;line-height:20px;} #emergency-alert.grey {background:#ECEDEF;color:#000;} #emergency-alert.yellow {background:#FE0;color:#000;} #emergency-alert.green {background:#33EE66;color:#000;} #emergency-alert.seagreen {background:#84CFC6;color:#2D3138;} #emergency-alert.amber {background:#EE6633;color:#000;} #emergency-alert.red {background:#C00;color:#FFF;} #emergency-alert.blue {background:#06C;color:#FFF;} #emergency-alert a {font-weight:bold;text-decoration:underline;} #emergency-alert.grey a, #emergency-alert.green a, #emergency-alert.amber a {color:#000;} #emergency-alert.seagreen a {color:#2D3138;} #emergency-alert.red a, #emergency-alert.blue a {color:#FFF;} #emergency-alert #close-emergency-alert {font-size:30px;line-height:12px;text-decoration:none;} #emergency-alert #close-emergency-alert:hover {text-decoration:underline;} #panel.with-alert #uon-global-header + * {margin-top:170px;} #panel.with-alert #cookie-trail.hidden-cookie-trail + #page-header {margin-top:170px;} #panel.uon-front-door.with-alert #cookie-trail.hidden-cookie-trail + #page-header {margin-top:50px;} #panel.uon-front-door.with-alert #cookie-trail.hidden-cookie-trail + #uon-area-header + #page-header {margin-top:50px;} /*********************************/ /** UON Video **/ /** -- May 2018 **/ /** -- Dean Robinson (djr145) **/ /*********************************/ .embed-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;} .embed-container iframe, .embed-container object, .embed-container embed {position:absolute;top:0;left:0;width:100%;height:100%;border:0 none;} .embed-container + p {margin-top: 2em;} .video-figure {margin:0;} .video-figure + p {margin-top:2em;} .video-figure figcaption {font-style:italic;color:#5B6270;margin-top:10px;} .video-figure figcaption .fa-caret-up {vertical-align:top;margin-right:5px;} /*******************************************************************/ /** Youtube Video **/ /** https://www.sitepoint.com/faster-youtube-embeds-javascript/ **/ /*******************************************************************/ .youtube-replace {color:rgba(255,255,255,0.8);background-position:center;background-repeat:no-repeat;background-size:100% auto;position:relative;display:inline-block;overflow:hidden;transition:all 200ms ease-out;cursor:pointer;vertical-align:top;padding-bottom:56.25%;width:100%;} .video-banner .youtube-replace {padding-bottom:350px;} .youtube-replace .fa-play-circle {font-size:60px;text-align:center;position:absolute;height:100%;width:100%;top:50%;margin-top:-30px;transition:all 0.2s ease-out;text-shadow:0 0 20px #2D3138;} .youtube-replace:hover .fa-play-circle {color:#FFF;font-size:80px;margin-top:-40px;} .body-content > .image-gallery .youtube-replace .fa-play-circle {font-size:100px;margin-top:-50px;} .body-content > .image-gallery .youtube-replace:hover .fa-play-circle {font-size:120px;margin-top:-60px;} @media (max-width:768px) { .body-content > .image-gallery .youtube-replace .fa-play-circle {font-size:60px;} .body-content > .image-gallery .youtube-replace:hover .fa-play-circle {font-size:70px;margin-top:-55px;} } .grid-content.grid-2-column .youtube-replace {width:100%;/*height:310px;*/} .col.w40 .youtube-replace {width:100%;height:250px;} .about-tab .youtube-replace {width:540px;height:300px;} .video-figure.pull-left .youtube-replace, .video-figure.pull-right .youtube-replace {width:400px;height:225px;} .video-figure.pull-left {margin:0 2em 2em 0;} .video-figure.pull-right {margin:0 0 2em 2em;} /***********************************************/ /** Video background **/ /** https://github.com/souravm84/vidbacking **/ /***********************************************/ .vidbacking-active-body-back, .vidbacking-active-body-back-youtube {position:fixed;z-index:-100;top:50%;left:50%;transition: 2s opacity;opacity:1;overflow:hidden;transform:translateX(-50%) translateY(-50%);} .vidbacking-active-body-back{min-width:100%;min-height:100%;background-size:cover;} .vidbacking-active-block-back, .vidbacking-active-block-back-youtube {position:absolute;height:auto;width:auto;z-index:-100;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);} .vidbacking-active-block-back{min-width:100%;min-height:100%;} .vidbacking{display:none;} .vidmask-body-back, .vidmask-block-back {min-height:100%;min-width:100%;top:0;left:0;z-index:-50;display:block;} .vidmask-body-back{opacity:0.4;position:fixed;} .vidmask-block-back{opacity:1;position:absolute;height:auto;width:auto;} .uon-landing-page-header-video .vidbacking-active-block-back, .uon-landing-page-header-video .vidbacking-active-block-back-youtube {z-index:1;} .uon-landing-page-header-video .header-tint, .uon-landing-page-header-video .no-header-tint {z-index:2;position:relative;} /***********************************************/ /** Video background **/ /** https://github.com/souravm84/vidbacking **/ /***********************************************/ .uon-vidbacking-active-body-back, .uon-vidbacking-active-body-back-youtube {position:fixed;z-index:-100;top:50%;left:50%;transition: 2s opacity;opacity:1;overflow:hidden;transform:translateX(-50%) translateY(-50%);} .uon-vidbacking-active-body-back {min-width:100%;min-height:100%;background-size:cover;} .uon-vidbacking-active-block-back, .uon-vidbacking-active-block-back-youtube {position:absolute;height:auto;width:auto;z-index:-100;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);} .uon-vidbacking-active-block-back {min-width:100%;min-height:100%;} .uon-vidbacking {display:none;} .uon-vidmask-body-back, .uon-vidmask-block-back {min-height:100%;min-width:100%;top:0;left:0;z-index:-50;display:block;} .uon-vidmask-body-back {opacity:0.4;position:fixed;} .uon-vidmask-block-back {opacity:1;position:absolute;height:auto;width:auto;} .uon-landing-page-header-video .uon-vidbacking-active-block-back, .uon-landing-page-header-video .uon-vidbacking-active-block-back-youtube {z-index:1;} .uon-landing-page-header-video .header-tint, .uon-landing-page-header-video .no-header-tint {z-index:2;position:relative;} .uon-vidbacking-pause {position:absolute;bottom:40px;right:40px;background:rgba(0,0,0,0.25);color:#FFF;border-radius:100%;z-index:100;cursor:pointer;width:40px;height:40px;font-size:20px;text-align:center;border:0 none;padding:0;} .uon-vidbacking-pause:hover {background:#FFF;color:#2D3138;} @media (max-width:768px) { /* #page-header.uon-vidbacking-container .no-header-tint, #page-header.uon-vidbacking-container .header-tint {margin-right:50px;}*/ .uon-landing-page-header-video video {display:none;} .uon-landing-page-header-video .uon-vidbacking-pause {display:none;} .uon-vidbacking-pause {bottom:10px;right:10px;} } /*********************************/ /** UON Tab Content **/ /** -- March 2018 **/ /** -- Dean Robinson (djr145) **/ /*********************************/ .uon-tab-content {margin:40px 0px;position:relative;} .uon-tab-content:first-child {margin-top:0;} .uon-tab-content:last-child {margin-bottom:0;} .uon-tab-content-nav {display:flex;background:none;border-bottom:2px solid #D9DBE0;padding:0;position:relative;font-size:18px;font-weight:bold;text-align:center;font-family:'FuseV2','Helvetica Neue',Arial,sans-serif;} .uon-tab-content-nav-small {font-size:14px;} .uon-tab-content-nav::before, .uon-tab-content-nav::after {content:"";position:absolute;bottom:-2px;width:40px;height:2px;} .uon-tab-content-nav::before {left:-40px;background:linear-gradient(to left,#D9DBE0,#FFF);} .uon-tab-content-nav::after {right:-40px;background:linear-gradient(to right,#D9DBE0,#FFF);} .uon-tab-content-nav a {display:block;flex-grow:1;width:auto;color:#5B6270;background:transparent;padding:22px 22px 20px 22px;border-bottom:2px solid #D9DBE0;background:#F6F7F9;text-decoration:none;border-radius:3px 3px 0 0;line-height:1;margin:0 3px -2px;} .uon-tab-content-nav a h2 {margin:0;font-size:20px;} .uon-tab-content-nav-small a {padding:7px 7px 5px 7px;margin:0 1px -2px;} .uon-tab-content-nav a:hover {color:#FFF;background:#2D3138;} .uon-tab-content-nav a:hover h2 {color:#FFF;} .uon-tab-content-nav a.active {border:2px solid #D9DBE0;padding:20px;border-bottom:0 none;color:#5B6270;background:#FFF;} .uon-tab-content-nav a.active h2 {color:#2D3138;} .uon-tab-content-nav-small a.active {padding:5px;} .uon-tab-content-tabs {padding:40px 0;position:relative;} .uon-tab-content-tab {display:none;} .uon-tab-content-tab.active {display:block;} .uon-tab-content-tab > h3.for-mobile {display:none;} /*************************************************/ /** Alternate style for inline search results **/ /*************************************************/ #degree-search-results .uon-tab-content #close-search-results {top:40px;right:40px;position:absolute;} #degree-search-results .uon-tab-content-nav {padding:0 37px;background:#1090D5;border-bottom:0;} #degree-search-results .uon-tab-content-nav::before, #degree-search-results .uon-tab-content-nav::after {display:none;} #degree-search-results .uon-tab-content-nav a {padding:20px;color:#FFF;background:#097DBB;border:0 none;margin-bottom:0;} #degree-search-results .uon-tab-content-nav a .count {color:#FFF;font-style:italic;display:block;font-weight:normal;margin-top:5px;font-size:14px;} #degree-search-results .uon-tab-content-nav a .count:empty {display:none;} #degree-search-results .uon-tab-content-nav a.active {background:#FFF;color:#2D3138;border:0 none;} #degree-search-results .uon-tab-content-nav a.active .count {color:#5B6270;} #degree-search-results .uon-tab-content-tabs {padding:40px;} /***************************/ /** Side-tabbed content **/ /** -- April 2018 **/ /***************************/ .uon-side-tab-content {display:flex;flex-direction:row;margin:40px auto;} .uon-side-tab-content:first-child {margin-top:0;} .uon-side-tab-content:last-child {margin-bottom:0;} .uon-side-tab-content-nav {width:25%;} .body-content .uon-side-tab-content-nav ul, .body-content .uon-side-tab-content-nav ul:not([class]) {margin:0;padding:0;} .body-content .uon-side-tab-content-nav ul li, .body-content .uon-side-tab-content-nav ul:not([class]) li {margin:0;padding:0;} .uon-side-tab-content-nav ul li::before {display:none;} .uon-side-tab-content-nav ul li a {display:block;color:#5B6270;padding:6px 30px 6px 10px;text-decoration:underline;position:relative;border-radius:3px;} .uon-side-tab-content-nav ul li a:hover {text-decoration:underline;background:#F6F7F9;color:#2D3138;} .uon-side-tab-content-nav ul li a:hover::after {content:"\f105";position:absolute;right:10px;color:#5B6270;font-family:"Font Awesome 5 Free","FontAwesome";top:50%;transform:translateY(-50%);} .uon-side-tab-content-nav ul li.active a {background:#ECEDEF;color:#2D3138;font-weight:bold;text-decoration:none;} .uon-side-tab-content-nav ul li.active a::after {content:"\f0da";position:absolute;right:10px;color:#1090D5;font-family:"Font Awesome 5 Free","FontAwesome";top:50%;transform:translateY(-50%);} .uon-side-tab-content-tabs {width:75%;padding-left:40px;} .uon-side-tab-content-tab {display:none;} .uon-side-tab-content-tab.active {display:block;} .uon-side-tab-content-tab .uon-side-tab-content-tab-contents {display:block;} .uon-side-tab-content-tab.active .uon-side-tab-content-tab-contents {display:block;} .uon-heading-tabs {margin:80px auto;} .uon-heading-tabs-nav {display:flex;justify-content:center;} .uon-heading-tabs-nav a {font-size:34px;font-family:FuseV2,'Helvetica Neue',Arial,sans-serif;font-weight:900;position:relative;color:#5B6270;text-decoration:none;margin:0 20px 20px;padding-bottom:20px;line-height:1;} .uon-heading-tabs-nav a:first-child {margin-left:0;} .uon-heading-tabs-nav a:last-child {margin-right:0;} .uon-heading-tabs-nav a.uon-heading-tabs-nav-tab:hover {color:#2D3138;} .uon-heading-tabs-nav a.uon-heading-tabs-nav-tab:hover::after {content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:4px;border-radius:4px;background:#1090D544;} .uon-heading-tabs-nav a.uon-heading-tabs-nav-tab-active {color:#2D3138;} .uon-heading-tabs-nav a.uon-heading-tabs-nav-tab-active::after {content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:4px;border-radius:4px;background:#1090D5;} .uon-heading-tabs-content-tab {display:none;} .uon-heading-tabs-content-tab.uon-heading-tabs-content-tab-active {display:block;} /*************************/ /** Responsive styles **/ /*************************/ @media screen and (max-width:760px) { h2 + .uon-tab-content {margin-top:0;} .uon-tab-content-nav {display:none;} .uon-tab-content-tabs {width:100%;padding-left:0;/*border:1px solid #C6CAD1;*/border-radius:3px;padding:0;margin-bottom:40px;} .uon-tab-content-tab {display:block;border-bottom:1px solid #C6CAD1;padding-top:20px;} .uon-tab-content-tab:first-child {padding-top:0;} /*.uon-tab-content-tab:last-child {border-bottom:0 none;}*/ .uon-tab-content-tab .uon-tab-content-tab-contents {display:none;padding:0 0 20px 0;} .uon-tab-content-tab.active .uon-tab-content-tab-contents {display:block;} .uon-tab-content-tab > h3.underlined {margin-bottom:0;padding:15px 20px 15px 0;font-size:20px;transition:.1s all;display:block;cursor:pointer;} .uon-tab-content-tab.active > h3.underlined {margin-bottom:15px;padding:15px 20px 15px 0;font-size:20px;} .uon-tab-content-tab > h3.underlined:hover {/*background:#ecedef;*/color:#1090d5;} .uon-tab-content-tab > h3.underlined::after {display:none;left:0;} .uon-tab-content-tab.active > h3.underlined::after {display:block;} .uon-tab-content-tab > h3.underlined::before {position:absolute;top:15px;right:0;font-size:20px;transition:.1s all;transform:rotate(90deg);content:"\f055";font-family:"Font Awesome 5 Free","FontAwesome";font-weight:normal;color:#7C8493;} .uon-tab-content-tab > h3.underlined:hover::before {color:#1090D5;} .uon-tab-content-tab.active > h3.underlined::before {transform:rotate(0deg);content:"\f056";} .uon-tab-content-nav {text-align:left;font-size:16px;padding-bottom:20px;flex-wrap:wrap;padding-bottom:20px;} .uon-tab-content-nav a {border-radius:3px;margin-top:6px;padding:10px;width:calc(50% - 6px);text-align:center;border:2px solid #d9dbe0;} .uon-tab-content-nav a.active {padding:10px;border:2px solid #1090D5;color:#2D3138;} .uon-tab-content-nav a:hover, .uon-tab-content-nav a.active:hover {color:#FFF;background:#2D3138;border-color:#2D3138;} .uon-tab-content-nav a:hover h2, .uon-tab-content-nav a.active:hover h2 {color:#FFF;} .uon-tab-content-nav.uon-tab-content-nav-small a {width:auto;margin-bottom:5px;margin-top:0;} .uon-tab-content-nav::before, .uon-tab-content-nav::after {display:none;} .uon-tab-content-tab > h3.for-mobile {display:block;} #degree-search-results .uon-tab-content-nav a .count {display:inline-block;float:right;} #degree-search-results .uon-tab-content-tabs {margin-top:40px;} #degree-search-results .uon-tab-content #close-search-results {top:-20px;transform:translateX(50%);right:50%;} .uon-side-tab-content-nav {display:none;} .uon-side-tab-content-tabs {width:100%;padding-left:0;border:1px solid #C6CAD1;border-radius:3px;} .uon-side-tab-content-tab {display:block;border-top:1px solid #C6CAD1;} .uon-side-tab-content-tab:first-child {border-top:0 none;} .uon-side-tab-content-tab .uon-side-tab-content-tab-contents {display:none;padding:0 20px 20px 20px;} .uon-side-tab-content-tab.active .uon-side-tab-content-tab-contents {display:block;} .uon-side-tab-content-tab h3.underlined {margin-bottom:0;padding:10px 30px 10px 20px;font-size:16px;transition:.1s all;} .uon-side-tab-content-tab.active h3.underlined {margin-bottom:15px;padding:20px 30px 15px 20px;font-size:20px;} .uon-side-tab-content-tab h3.underlined:hover {background:#ecedef;color:#1090d5;} .uon-side-tab-content-tab h3.underlined::after {display:none;left:20px;} .uon-side-tab-content-tab.active h3.underlined::after {display:block;} .uon-side-tab-content-tab h3.underlined::before {position:absolute;top:10px;right:20px;font-size:18px;transition:.1s all;transform:rotate(90deg);content:"\f105";font-family:"Font Awesome 5 Free","FontAwesome";font-weight:normal;} .uon-side-tab-content-tab.active h3.underlined::before {transform:rotate(0deg);content:"\f105";top:20px;} } /* @media screen and (max-width:450px) { .uon-tab-content-nav {flex-direction:column;} .uon-tab-content-nav.uon-tab-content-nav-small {flex-direction:row;} .uon-tab-content-nav a {width:auto;} .uon-tab-content-nav a:first-child {margin-top:0;} } */ /*********************************/ /** UON Global Footer **/ /** -- June 2020 **/ /** -- Dean Robinson (djr145) **/ /*********************************/ #uon-footer {padding:40px 20px;background:#2D3138;color:#A1A7B2;font-size:13px;} #uon-footer a {color:#C6CAD1;text-decoration:none;} #uon-footer a:hover {color:#FFF;text-decoration:underline;} #uon-footer .w25 {padding:0;} #uon-footer h4.underlined {padding-bottom:15px;margin-bottom:10px;border-bottom:0 none;font-size:18px;color:#FFF;} #uon-footer h4.underlined::after {background:#5B6270;} #uon-footer .dont-collapse h4.underlined {margin-bottom:15px;} #uon-footer p + h4.underlined {margin-top:30px;} #uon-footer ul {list-style-type:none;margin:0;padding:0;} #uon-footer li {margin:0;line-height:30px;} #uon-footer .uon-global-footer-social {margin:20px 0 40px;} #uon-footer .uon-global-footer-social .fa, #uon-footer .uon-global-footer-social .fab {color:#A1A7B2;font-size:24px;/*30px;*/} #uon-footer .uon-global-footer-social a:hover .fa, #uon-footer .uon-global-footer-social a:hover .fab {color:#ECEDEF;} #uon-footer .uon-global-footer-social a + a {margin-left:15px;} #uon-footer .uon-global-footer-wechat {position:relative;} #uon-footer .uon-global-footer-wechat-qr-code {position:absolute;bottom:50px;right:0;display:none;z-index:100;border-radius:6px;background:#FFF} #uon-footer .uon-global-footer-wechat:hover .uon-global-footer-wechat-qr-code {display:block;} #uon-footer .uon-global-footer-wechat-qr-code::after {content:"";border:10px solid transparent;border-top-color:#FFF;position:absolute;bottom:-20px;right:10px;width:0;height:0;} #uon-footer .uon-global-footer-wechat-qr-code img {width:215px;height:215px;display:block;vertical-align:bottom;border-radius:6px;} #uon-footer .uon-small-call-to-action {color:#FFF;} #uon-footer .uon-small-call-to-action:hover {text-decoration:none;} #uon-footer .uon-small-call-to-action.cta-blue {background:#1090D5;} #uon-footer .uon-small-call-to-action.cta-blue:hover {background:#5B6270;} #uon-footer .uon-small-call-to-action.cta-blue:hover::after {color:#5B6270;} #uon-footer .uon-small-call-to-action .cta-label {font-size:24px;font-family:FuseV2;} #uon-footer .footer-info {margin-top:40px;padding:10px 0;line-height:20px;border-top:0 none;position:relative;font-size:12px;} #uon-footer .footer-info h4 {float:left;border-bottom:0;padding:0;margin:0;font-size:14px;color:#C6CAD1;} #uon-footer .footer-info h4 span {font-family:'Helvetica Neue',Arial,sans-serif;font-weight:normal;color:#A1A7B2;margin-left:5px;} #uon-footer .footer-info ul {float:right;margin-right:60px;} #uon-footer .footer-info ul li {display:inline-block;margin:0 0 0 10px;line-height:1;} #uon-footer .footer-info ul li:first-child {margin-left:0;} #uon-footer .footer-info .footer-top-link {background:#5B6270;color:#FFF;width:40px;height:40px;line-height:40px;font-size:20px;text-align:center;position:absolute;right:0;top:0;border-radius:3px;} #uon-footer .footer-info .footer-top-link:hover {background:#1090D5;} @media(max-width:1110px) { #uon-footer .uon-global-footer-social a + a {margin-left:10px;} } @media(max-width:960px) { #uon-footer .uon-global-footer-social .fa, #uon-footer .uon-global-footer-social .fab {font-size:20px;/*24px;*/} } @media(max-width:900px) { #uon-footer .w25 {width:50%;} #uon-footer .w25:first-child, #uon-footer .w25:nth-child(2) {margin-bottom:40px;} #uon-footer .footer-info {padding:0;} #uon-footer .footer-info h4 {float:none;line-height:20px;} #uon-footer .footer-info ul {float:none;line-height:20px;margin-right:0;} #uon-footer .uon-global-footer-social .fa, #uon-footer .uon-global-footer-social .fab {font-size:24px;/*30px;*/} #uon-footer .uon-global-footer-social a + a {margin-left:15px;} } @media(max-width:760px) { #uon-footer {padding:20px;} #uon-footer .w25 {padding:0;display:block;float:none;width:100%;margin:0;} #uon-footer .w25:first-child, #uon-footer .w25:nth-child(2) {margin-bottom:0;} #uon-footer .col h4 {border:2px solid #5B6270;border-radius:4px;padding:10px;cursor:pointer;} #uon-footer .col h4:hover {background:#1090D5;border-color:#1090D5;} #uon-footer .col h4::after {float:right;content:"\f055";font-family:"Font Awesome 5 Free","FontAwesome";font-weight:normal;color:#5B6270;font-size:20px;line-height:1;background:none;position:relative;width:auto;} #uon-footer .col h4:hover:after {color:#FFF;} #uon-footer .col h4.open:after {content:"\f056";} #uon-footer .col ul {display:none;padding:0px 12px 20px;} #uon-footer .dont-collapse h4 {border:0 none;padding:0 0 15px 0;cursor:default;text-align:center;} #uon-footer .dont-collapse h4, #uon-footer p + h4.underlined {margin-top:20px;} #uon-footer .dont-collapse h4:hover {background:none;} #uon-footer .dont-collapse h4.underlined::after {content:"";position:absolute;left:50%;width:50px;background:#5B6270;height:4px;border-radius:4px;bottom:0;margin-left:-25px;} #uon-footer .uon-global-footer-social {text-align:center;margin-bottom:0;} #uon-footer .footer-info {padding:0;text-align:center;} #uon-footer .footer-info h4 {margin-bottom:10px;} #uon-footer .footer-info .footer-top-link {position:relative;display:block;margin:15px auto 0;} } /*********************************/ /** UON Call to Action **/ /** -- February 2019 **/ /** -- Dean Robinson (djr145) **/ /*********************************/ .uon-call-to-action-row-wrapper {margin:80px auto;} a.uon-call-to-action, button.uon-call-to-action {font-family:'FuseV2','Helvetica Neue',Arial,sans-serif;font-weight:900;background:#5B6270;color:#FFF;display:block;border-radius:4px;padding:10px 80px;position:relative;font-size:19px;font-weight:bold;text-decoration:none;line-height:18px;height:76px;vertical-align:middle;cursor:pointer;} a.uon-call-to-action.hidden, button.uon-call-to-action.hidden {display:none;} button.uon-call-to-action {border:0 none;} a.uon-call-to-action.cta-no-icon, button.uon-call-to-action.cta-no-icon {padding-left:30px;} a.uon-call-to-action .fa, a.uon-call-to-action .i8, button.uon-call-to-action .fa, button.uon-call-to-action .i8 {font-size:40px;margin-right:20px;position:absolute;left:20px;top:50%;transform:translateY(-50%);} a.uon-call-to-action .cta-label, button.uon-call-to-action .cta-label {display:table-cell;vertical-align:middle;height:56px;text-decoration:none;} a.uon-call-to-action::after, button.uon-call-to-action::after {position:absolute;right:10px;top:10px;bottom:10px;text-align:center;line-height:56px;width:50px;border-left:2px solid rgba(255,255,255,0.5);font-family:"Font Awesome 5 Free","FontAwesome";content:"\f105";} a.uon-call-to-action.popup-link::after, button.uon-call-to-action.popup-link::after {content:"\f424";} a.uon-call-to-action:hover, button.uon-call-to-action:hover {background:#1090D5;color:#FFF;} a.uon-call-to-action:hover::after, button.uon-call-to-action:hover::after {background:#FFF;border-radius:3px;color:#1090D5;} a.uon-call-to-action.uon-call-to-action-blue, button.uon-call-to-action.uon-call-to-action-blue {background:#1090D5;} a.uon-call-to-action.uon-call-to-action-blue:hover, button.uon-call-to-action.uon-call-to-action-blue:hover {background:#5B6270;} a.uon-call-to-action.uon-call-to-action-blue:hover::after, button.uon-call-to-action.uon-call-to-action-blue:hover::after {color:#5B6270;} /****************************/ /** Large call-to-action **/ /****************************/ a.uon-call-to-action-large {height:auto;} a.uon-call-to-action-large::after {top:50%;bottom:auto;transform:translateY(-50%);} .uon-call-to-action-large .cta-label {font-weight:600;font-size:14px;line-height:1.2;} .uon-call-to-action-large .cta-label strong {font-size:24px;line-height:1;} a.uon-large-call-to-action {height:auto;} a.uon-large-call-to-action::after {top:50%;bottom:auto;transform:translateY(-50%);} .uon-large-call-to-action .cta-label {font-weight:600;font-size:14px;line-height:1.2;} .uon-large-call-to-action .cta-label strong {font-size:24px;line-height:1;} /****************************/ /** Small call-to-action **/ /****************************/ a.uon-small-call-to-action {background:#5B6270;color:#FFF;display:block;border-radius:4px;padding:10px 60px;position:relative;font-size:14px;font-weight:bold;text-decoration:none;line-height:16px;min-height:56px;vertical-align:middle;} a.uon-small-call-to-action.hidden {display:none;} a.uon-small-call-to-action.cta-no-icon {padding-left:20px;} a.uon-small-call-to-action .fa, a.uon-small-call-to-action .i8 {font-size:30px;margin-right:10px;position:absolute;left:15px;top:50%;transform:translateY(-50%);} a.uon-small-call-to-action .cta-label {display:table-cell;vertical-align:middle;height:36px;} a.uon-small-call-to-action::after {position:absolute;right:10px;top:50%;transform:translateY(-50%);bottom:auto;text-align:center;line-height:36px;width:30px;border-left:2px solid rgba(255,255,255,0.5);font-family:"Font Awesome 5 Free","FontAwesome";content:"\f105";} a.uon-small-call-to-action.popup-link::after {content:"\f424";} a.uon-small-call-to-action:hover {background:#1090D5;color:#fff;} a.uon-small-call-to-action:hover::after {background:#FFF;border-radius:3px;color:#1090D5;} @media screen and (max-width:768px) { .uon-call-to-action-row-wrapper {margin:40px auto;} a.uon-call-to-action, button.uon-call-to-action {height:56px;padding:5px 60px;font-size:15px;line-height:16px;} a.uon-call-to-action::after, button.uon-call-to-action::after {line-height:36px;width:35px;} a.uon-call-to-action.popup-link::after, button.uon-call-to-action.popup-link::after {content:"\f105";} a.uon-call-to-action .cta-label, button.uon-call-to-action .cta-label {height:46px;} a.uon-call-to-action .fa, a.uon-call-to-action .i8, button.uon-call-to-action .fa, button.uon-call-to-action .i8 {margin:0;left:15px;font-size:30px;} a.uon-call-to-action-large {height:auto;padding:10px 60px;} a.uon-call-to-action-large .cta-label {height:auto;} a.uon-call-to-action-large .cta-label strong {font-size:22px;} a.uon-large-call-to-action {height:auto;padding:10px 60px;} a.uon-large-call-to-action.uon-large-call-to-action-no-sub {height:56px;padding:5px 60px;font-size:15px;line-height:16px;} a.uon-large-call-to-action .cta-label {height:auto;} a.uon-large-call-to-action.uon-large-call-to-action-no-sub .cta-label {height:46px;} a.uon-large-call-to-action .cta-label strong {font-size:22px;} a.uon-large-call-to-action.uon-large-call-to-action-no-sub .cta-label strong {font-size:16px;} }