/*==========================================================*/ /* Rhodes University - Mobile First - Responsive Design */ /* Author: Gary Terry - Version: 4.1 Date: 2014/02/12 */ /*==========================================================*/ /* normalize.css v1.1.2 | MIT License | git.io/normalize Copyright (c) Nicolas Gallagher and Jonathan Neal */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block } audio, canvas, video { display:inline-block; *display:inline; *zoom:1 } audio:not([controls]) { display:none; height:0 } [hidden] { display:none } html { font-size:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; height:100%; overflow-x:hidden } html, button, input, select, textarea { font-family: sans-serif } body { margin:0 } a { background:0 0 } a:focus { outline:thin dotted } a:active, a:hover { outline:0 } abbr[title] { border-bottom:1px dotted } b, strong { font-weight:700 } dfn { font-style:italic } hr { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; height:0 } mark { background:#ff0; color:#000 } code, kbd, pre, samp { font-family:"source-code-pro", monospace, serif; font-size:1em } pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word } q { quotes:"\201C" "\201D" "\2018" "\2019" } small { font-size:80% } sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup { top:-.5em } sub { bottom:-.25em } img { border:0; -ms-interpolation-mode:bicubic } svg:not(:root) { overflow:hidden } figure { margin:0; padding:0; } /* figcaption { width:inherit !important; font-size:75%; padding:.5em 1em; margin:0 1.75em 1em;; background:hsl(0,0%,90%) } */ form { margin:0; } fieldset { border:1px solid silver; margin:0 2px; padding:.35em .625em .75em; } legend { border:0; padding:0; white-space:normal; *margin-left:-7px } button, input, select, textarea { font-family:inherit; font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle } button, input { line-height:normal } button, select { text-transform:none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer } button[disabled], html input[disabled] { cursor:default } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; *height:13px; *width:13px } input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 } textarea, input[type="text"] { -webkit-appearance: none; } /* remove inner shadow on input boxes in iOS*/ textarea { overflow:auto; vertical-align:top } table { border-collapse:collapse; border-spacing:0 } q { quotes:none } q:before, q:after { content:''; content:none } dl, menu, ol, ul { margin:.5em 0 } dd { margin:0 } /*menu, ol, ul { padding:0 }*/ *,*::before,*::after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } pre, p { margin:0 0 1em } code { font-size:.9em; font-weight:400; color:#000 } pre > code { font:inherit; color:inherit } /* End normalize.css */ /* Begin flexbox.css */ .u-full { width:100% !important } .u-full, .u-1of2 { -webkit-box-flex:none; -webkit-flex:none !important; -moz-box-flex:none; -ms-flex:none !important; flex:none !important } .u-1of2 { width:50% !important } .u-1of3 { width:33.3333% !important } .u-1of3, .u-2of3 { -webkit-box-flex:none; -webkit-flex:none !important; -moz-box-flex:none; -ms-flex:none !important; flex:none !important } .u-2of3 { width:66.6667% !important } .u-1of4 { width:25% !important } .u-1of4, .u-3of4 { -webkit-box-flex:none; -webkit-flex:none !important; -moz-box-flex:none; -ms-flex:none !important; flex:none !important } .u-3of4 { width:75% !important } @media (min-width:24em) { .u-small-full { width:100% !important } .u-small-full, .u-small-1of2 { -webkit-box-flex:none; -webkit-flex:none !important; -moz-box-flex:none; -ms-flex:none !important; flex:none !important } .u-small-1of2 { width:50% !important } .u-small-1of3 { width:33.3333% !important } .u-small-1of3, .u-small-2of3 { -webkit-box-flex:none; -webkit-flex:none !important; -moz-box-flex:none; -ms-flex:none !important; flex:none !important } .u-small-2of3 { width:66.6667% !important } .u-small-1of4 { width:25% !important } .u-small-1of4, .u-small-3of4 { -webkit-box-flex:none; -webkit-flex:none !important; -moz-box-flex:none; -ms-flex:none !important; flex:none !important } .u-small-3of4 { width:75% !important } } @media (min-width:36em) { .u-med-full { width:100% !important } .u-med-full, .u-med-1of2 { -webkit-box-flex:none; -webkit-flex:none !important; -moz-box-flex:none; -ms-flex:none !important; flex:none !important } .u-med-1of2 { width:50% !important } .u-med-1of3 { width:33.3333% !important } .u-med-1of3, .u-med-2of3 { -webkit-box-flex:none; -webkit-flex:none !important; -moz-box-flex:none; -ms-flex:none !important; flex:none !important } .u-med-2of3 { width:66.6667% !important } .u-med-1of4 { width:25% !important } .u-med-1of4, .u-med-3of4 { -webkit-box-flex:none; -webkit-flex:none !important; -moz-box-flex:none; -ms-flex:none !important; flex:none !important } .u-med-3of4 { width:75% !important } } @media (min-width:48em) { .u-large-full { width:100% !important } .u-large-full, .u-large-1of2 { -webkit-box-flex:none; -webkit-flex:none !important; -moz-box-flex:none; -ms-flex:none !important; flex:none !important } .u-large-1of2 { width:50% !important } .u-large-1of3 { width:33.3333% !important } .u-large-1of3, .u-large-2of3 { -webkit-box-flex:none; -webkit-flex:none !important; -moz-box-flex:none; -ms-flex:none !important; flex:none !important } .u-large-2of3 { width:66.6667% !important } .u-large-1of4 { width:25% !important } .u-large-1of4, .u-large-3of4 { -webkit-box-flex:none; -webkit-flex:none !important; -moz-box-flex:none; -ms-flex:none !important; flex:none !important } .u-large-3of4 { width:75% !important } } @media (min-width:36em) { .List--centered { padding:0; text-align:center; list-style-position:inside } } .Grid { display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; list-style:none; margin:0; padding:0 } .Grid-cell { -webkit-box-flex:1; -webkit-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1 } .Grid--flexCells > .Grid-cell { display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex } .Grid--top { -webkit-box-align:start; -webkit-align-items:flex-start; -moz-box-align:start; -ms-flex-align:start; align-items:flex-start } .Grid--bottom { -webkit-box-align:end; -webkit-align-items:flex-end; -moz-box-align:end; -ms-flex-align:end; align-items:flex-end } .Grid--center { -webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center } .Grid-cell--top {-webkit-align-self:flex-start; -ms-flex-item-align:start; align-self:flex-start } .Grid-cell--bottom { -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end } .Grid-cell--center { -webkit-align-self:center; -ms-flex-item-align:center; align-self:center } .Grid--fit > .Grid-cell { -webkit-box-flex:1; -webkit-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1 } .Grid--full > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 100%; -moz-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100% } .Grid--1of2 > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 50%; -moz-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50% } .Grid--1of3 > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 33.3333%; -moz-box-flex:0; -ms-flex:0 0 33.3333%; flex:0 0 33.3333% } .Grid--1of4 > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 25%; -moz-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25% } @media (min-width:24em) { /* Grids */ .small-Grid--fit > .Grid-cell { -webkit-box-flex:1; -webkit-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1 } .small-Grid--full > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 100%; -moz-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100% } .small-Grid--1of2 > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 50%; -moz-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50% } .small-Grid--1of3 > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 33.3333%; -moz-box-flex:0; -ms-flex:0 0 33.3333%; flex:0 0 33.3333% } .small-Grid--1of4 > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 25%; -moz-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25% } /* Gutters */ .small-Grid--gutters { margin-left:-1em } .small-Grid--gutters > .Grid-cell { padding-left:1em } .small-Grid--guttersLarge { margin-left:-1.5em } .small-Grid--guttersLarge > .Grid-cell { padding-left:1.5em } .small-Grid--gutters2x { margin-left:-2em } .small-Grid--gutters2x > .Grid-cell { padding-left:2em } .small-Grid--gutters3x { margin-left:-3em } .small-Grid--gutters3x > .Grid-cell { padding-left:3em } } @media (min-width:36em) { /* Grids */ .med-Grid--fit > .Grid-cell { -webkit-box-flex:1; -webkit-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1 } .med-Grid--full > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 100%; -moz-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100% } .med-Grid--1of2 > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 50%; -moz-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50% } .med-Grid--1of3 > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 33.3333%; -moz-box-flex:0; -ms-flex:0 0 33.3333%; flex:0 0 33.3333% } .med-Grid--1of4 > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 25%; -moz-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25% } /* Gutters */ .med-Grid--gutters { margin-left:-1em } .med-Grid--gutters > .Grid-cell { padding-left:1em } .med-Grid--guttersLarge { margin-left:-1.5em } .med-Grid--guttersLarge > .Grid-cell { padding-left:1.5em } .med-Grid--gutters2x { margin-left:-2em } .med-Grid--gutters2x > .Grid-cell { padding-left:2em } .med-Grid--gutters3x { margin-left:-3em } .med-Grid--gutters3x > .Grid-cell { padding-left:3em } } @media (min-width:48em) { /* Grids */ .large-Grid--fit > .Grid-cell { -webkit-box-flex:1; -webkit-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1 } .large-Grid--full > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 100%; -moz-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100% } .large-Grid--1of2 > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 50%; -moz-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50% } .large-Grid--1of3 > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 33.3333%; -moz-box-flex:0; -ms-flex:0 0 33.3333%; flex:0 0 33.3333% } .large-Grid--1of4 > .Grid-cell { -webkit-box-flex:0; -webkit-flex:0 0 25%; -moz-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25% } /* Gutters */ .large-Grid--gutters { margin-left:-1em } .large-Grid--gutters > .Grid-cell { padding-left:1em } .large-Grid--guttersLarge { margin-left:-1.5em } .large-Grid--guttersLarge > .Grid-cell { padding-left:1.5em } .large-Grid--gutters2x { margin-left:-2em } .large-Grid--gutters2x > .Grid-cell { padding-left:2em } .large-Grid--gutters3x { margin-left:-3em } .large-Grid--gutters3x > .Grid-cell { padding-left:3em } } .Grid--gutters { margin-left:-1em } .Grid--gutters > .Grid-cell { padding-left:1em } .Grid--guttersLarge { margin-left:-1.5em } .Grid--guttersLarge > .Grid-cell { padding-left:1.5em } .Grid--gutters2x { margin-left:-2em } .Grid--gutters2x > .Grid-cell { padding-left:2em } .Grid--gutters3x { margin-left:-3em } .Grid--gutters3x>.Grid-cell { padding-left:3em } @supports not (flex-wrap:wrap) { .Grid--ffMultilineSupport { display:block } .Grid--ffMultilineSupport > .Grid-cell { display:inline-block; vertical-align:top } .Grid--full, .Grid--full > .Grid-cell { display:block } .Grid--fit,.Grid--1of2,.Grid--1of3,.Grid--1of4 { display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex } @media (min-width:24em) { .small-Grid--full, .small-Grid--full > .Grid-cell { display:block } .small-Grid--fit, .small-Grid--1of2, .small-Grid--1of3, .small-Grid--1of4 { display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex } } @media (min-width:36em) { .med-Grid--full, .med-Grid--full > .Grid-cell { display:block } .med-Grid--fit, .med-Grid--1of2, .med-Grid--1of3, .med-Grid--1of4 { display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex } } @media (min-width:48em) { .large-Grid--full, .large-Grid--full > .Grid-cell { display:block } .large-Grid--fit, .large-Grid--1of2, .large-Grid--1of3, .large-Grid--1of4 { display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex } } } /* The Magic */ .HolyGrail { min-height:100% } .HolyGrail, .HolyGrail-body { display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -moz-box-orient:vertical; -moz-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .HolyGrail-body { width:100%; } .HolyGrail-content { width:100%; } .HolyGrail-nav { -webkit-box-ordinal-group:0; -webkit-order:-1; -moz-box-ordinal-group:0; -ms-flex-order:-1; order:-1 } .HolyGrail-nav, .HolyGrail-ads { /* background:hsl(0,0%,90%); */ margin:1em 0 1em 1.6em; } @media (min-width:48em) { .HolyGrail-body { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -moz-box-orient:horizontal; -moz-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-flex:1; -webkit-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1; -ms-flex-preferred-size:auto } .HolyGrail-content { -ms-flex:1 1 auto; margin:0 } .HolyGrail-nav, .HolyGrail-ads { -webkit-box-flex:0; -webkit-flex:0 0 18em; -moz-box-flex:0; -ms-flex:0 0 18em; flex:0 0 18em } /* adjust width of aside here */ } @media (min-width:36em) { .Image, .Image--tiny { width:auto } } /* Form Input elements */ .InputAddOn { display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; margin-bottom:.8em } .InputAddOn-field { -webkit-box-flex:1; -webkit-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1 } .InputAddOn-field:not(:first-child) { border-left:0 } .InputAddOn-field:not(:last-child) { border-right:0 } .InputAddOn-item { background-color:rgba(147,128,108,.1); color:#666; font:inherit; font-weight:400; } .InputAddOn-field, .InputAddOn-item { border:1px solid rgba(147,128,108,.25); padding:.5em .75em } .InputAddOn-field:first-child,.InputAddOn-item:first-child { border-radius:2px 0 0 2px } .InputAddOn-field:last-child,.InputAddOn-item:last-child { border-radius:0 2px 2px 0 } /* Flexbox alignment */ .Aligner { display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -moz-box-pack:center; -ms-flex-pack:center; justify-content:center; height:24em } @supports not (-ms-flex:1) { .Aligner { height:auto; min-height:24em } } .Aligner-item { max-width:50% } .Aligner-item--top { -webkit-align-self:flex-start; -ms-flex-item-align:start; align-self:flex-start } .Aligner-item--bottom { -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end } /* simple code hightlighting */ .highlight { padding:1em 1.5em; margin:0 0 1em; border-radius:3px; background:rgba(147,128,108,.1); font-size:.85em } .highlight em { background-color:#fff080; font-style:normal } .highlight .comment, .highlight .template_comment, .highlight .diff .header, .highlight .javadoc { color:#998; font-style:italic } .highlight .keyword, .highlight .css .rule .keyword, .highlight .winutils { color:#333; font-weight:700 } .highlight .javascript .title { color:#333 } .highlight .nginx .title { color:#333; font-weight:700 } .highlight .subst { color:#333 } .highlight .request, .highlight .status { color:#333; font-weight:700 } .highlight .number, .highlight .hexcolor, .highlight .ruby .constant { color:#099 } .highlight .string, .highlight .tag .value, .highlight .phpdoc, .highlight .tex .formula { color:#d14 } .highlight .title, .highlight .id { color:#900; font-weight:700 } .highlight .javascript .title, .highlight .lisp .title, .highlight .clojure .title, .highlight .subst { font-weight:400 } .highlight .class .title, .highlight .haskell .type, .highlight .vhdl .literal, .highlight .tex .command { color:#458; font-weight:700 } .highlight .tag, .highlight .tag .title, .highlight .rules .property, .highlight .django .tag .keyword { color:navy; font-weight:400 } .highlight .attribute, .highlight .variable, .highlight .lisp .body { color:teal } .highlight .regexp { color:#009926 } .highlight .class { color:#458; font-weight:700 } .highlight .symbol, .highlight .ruby .symbol .string, .highlight .lisp .keyword, .highlight .tex .special,.highlight .prompt { color:#990073 } .highlight .built_in, .highlight .lisp .title, .highlight .clojure .built_in { color:#0086b3 } .highlight .preprocessor, .highlight .pi, .highlight .doctype, .highlight .shebang, .highlight .cdata { color:#999; font-weight:700 } .highlight .deletion { background:#fdd } .highlight .addition { background:#dfd } .highlight .diff .change { background:#0086b3 } .highlight .chunk { color:#aaa } /* End Flexbox.css */ /* Pure 0.3.0 - Responsive Copyright 2013 Yahoo! Inc. All rights reserved. Licensed under the BSD License. https://github.com/yui/pure/blob/master/LICENSE.md */ .pure-button { display:inline-block; *display:inline; zoom:1; line-height:normal; white-space:nowrap; vertical-align:baseline; text-align:center; cursor:pointer; -webkit-user-drag:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .pure-button::-moz-focus-inner { padding:0; border:0 } .pure-button { font-size:100%; *font-size:90%; *overflow:visible; padding:.5em .75em; color:#444; color:rgba(0,0,0,.8); *color:#444; border:1px solid #999; border:0 rgba(0,0,0,0); background-color:#E6E6E6; text-decoration:none; border-radius:2px; -webkit-font-smoothing:antialiased; -webkit-transition:.1s linear -webkit-box-shadow; -moz-transition:.1s linear -moz-box-shadow; -ms-transition:.1s linear box-shadow; -o-transition:.1s linear box-shadow; transition:.1s linear box-shadow } .pure-button-hover, .pure-button:hover, .pure-button:focus { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0); background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1))); background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1)); background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1)); background-image:-ms-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1)); background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1)); background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1)) } .pure-button:focus { outline:0 } .pure-button-active, .pure-button:active { box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset } .pure-button[disabled], .pure-button-disabled, .pure-button-disabled:hover, .pure-button-disabled:focus, .pure-button-disabled:active { border:0; background-image:none; filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); filter:alpha(opacity=40); -khtml-opacity:.4; -moz-opacity:.4; opacity:.4; cursor:not-allowed; box-shadow:none } .pure-button::-moz-focus-inner { padding:0; border:0 } .pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected { background-color:#0078e7; color:#fff } .pure-button-xsmall { font-size: 70%; } .pure-button-small { font-size: 85%; } .pure-button-large { font-size: 110%; } .pure-button-xlarge { font-size: 125%; } /* Pure Pagination */ .pure-paginator { margin:0; margin-bottom:1.6em; padding:0 } .pure-paginator div { display:inline-block; *display:inline; zoom:1; margin:0 } .pure-paginator .pure-button { border-radius:0; padding:.6em .86em; vertical-align:top; height:2.4em } .pure-paginator .pure-button:focus { outline-style:none } .pure-paginator .prev { border-radius:.3em 0 0 .3em; } .pure-paginator .next { border-radius:0 .3em .3em 0 } /* Pure Tables */ .pure-table { border-collapse:collapse; border-spacing:0; empty-cells:show; border:1px solid #cbcbcb } .pure-table caption { color:#000; font:italic 85%/1 arial,sans-serif; padding:1em 0; text-align:center } .pure-table td,.pure-table th { border-left:1px solid #cbcbcb; border-width:0 0 0 1px; font-size:inherit; margin:0; overflow:visible; padding:6px 12px } .pure-table td:first-child,.pure-table th:first-child { border-left-width:0 } .pure-table thead { background:#e0e0e0; color:#000; text-align:left; vertical-align:bottom; white-space:nowrap } .pure-table td { background-color:transparent } .pure-table-odd td { background-color:#f2f2f2 } .pure-table-striped tr:nth-child(2n-1) td { background-color:#f2f2f2 } .pure-table-bordered td { border-bottom:1px solid #cbcbcb } .pure-table-bordered tbody > tr:last-child td, .pure-table-horizontal tbody > tr:last-child td { border-bottom-width:0 } .pure-table-horizontal td, .pure-table-horizontal th { border-width:0 0 1px; border-bottom:1px solid #cbcbcb } .pure-table-horizontal tbody > tr:last-child td { border-bottom-width:0 } /* Pure Menu */ .pure-menu ul, .pure-menu li { position:relative } .pure-menu ul { list-style:none; margin:0; padding:0 } .pure-menu li { padding:0; margin:0; height:100% } .pure-menu a, .pure-menu .pure-menu-heading { display:block; text-decoration:none; white-space:nowrap } .pure-menu.pure-menu-horizontal > .pure-menu-heading { display:inline-block; *display:inline; zoom:1; margin:0; vertical-align:middle } .pure-menu-horizontal > ul { display:inline-block; *display:inline; zoom:1; vertical-align:middle } .pure-menu li a { padding:5px 20px } .pure-menu-can-have-children > .pure-menu-label { padding-right:30px } /* FIXED MENU */ /*.pure-menu-fixed { position:fixed !important; top:0; left:0; right:0 }*/ /* HORIZONTAL MENU */ .pure-menu-horizontal { width:100%; border-left:none; border-right:none } /* Initial menus should be inline-block so that they are horizontal */ .pure-menu-horizontal li { display:inline-block; *display:inline; zoom:1; vertical-align:middle } /* Submenus should still be display: block; */ .pure-menu-horizontal li li { display:block } /* Adjusting separator for vertical menus */ .pure-menu-horizontal .pure-menu-separator { height:50%; width:1px; margin:0 7px } /* Submenus should be horizontal separator again */ .pure-menu-horizontal li .pure-menu-separator { height:1px; width:auto; margin:7px 2px } /* RESPONSIVE MENUS */ /* Hide the toggle button by default. It will show on small screen sizes */ .pure-menu-responsive .pure-menu-toggle { float:right; text-transform:uppercase; font-size:80%; display:none } /* If the menu is open, and the viewport is larger than 767px, we still want the toggle button to show. */ .pure-menu-responsive.pure-menu-active .pure-menu-toggle { display:block } .pure-menu-responsive .pure-menu-toggle:after { content:"\25BE"; float:right; /* These specific fonts have the Unicode char we need. */ font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif; margin-right:-15px; margin-top:-1px } .pure-menu-responsive.pure-menu-active ul, .pure-menu-responsive.pure-menu-active li { display:block } .pure-menu-responsive.pure-menu-active .pure-menu-separator { width:auto; height:1px } /* MENUS STYLING */ /* Focus style for a dropdown menu-item when the parent has been opened */ .pure-menu { background: #fff; /* need this to make menus stand out from page background */ border: 1px solid #eee } /* Hover and focus styles */ .pure-menu li a:hover, .pure-menu li a:focus { background: #dedede; *background: #dedede; background: rgba(0,0,0,0.15) } /* DISABLED STATES */ /* need the .pure-menu prefix so that people over-riding `a` don't over-ride pure-menu-disabled too */ .pure-menu .pure-menu-disabled a, .pure-menu .pure-menu-disabled a:hover, .pure-menu .pure-menu-disabled a:focus { color:#bababa; *color:#bababa; color:rgba(0,0,0, 0.5); background:transparent } .pure-menu-heading { text-transform:uppercase; font-size:114%; font-weight:700 } .pure-menu-horizontal .pure-menu-heading { border-bottom:none } /* ACTIVE MENU ITEM */ .pure-menu .pure-menu-selected a { color:#000 } /* FIXED MENU */ .pure-menu-fixed { border:none; border-bottom:1px solid #b7b7b7; *border-bottom:1px solid #b7b7b7; border-bottom:1px solid rgba(0,0,0,0.4) } /*csslint box-model:false*/ /*TODO: Remove this lint rule override after a refactor of this code.*/ /*adjoining-classes: false*/ @media (max-width: 767px) { .pure-menu-responsive .pure-menu-toggle { display:block } .pure-menu-responsive ul { display:none } .pure-menu-responsive.pure-menu.active ul { display:inline-block; *display:inline; zoom:1; vertical-align:middle; } } /* End pure.css */ /*=============================================*/ /* Rhodes Semantic HTML5 ARIA Architecture */ /*=============================================*/ /*-------------------*/ /* Typography */ /*-------------------*/ /* uncomment for mockups - this makes text "unreadable" @font-face { font-family: 'redacted'; src: url('/media/rhodesuniversity/styleassets/responsivedesigns/v41/gui/font/redacted/redacted-regular.woff') format('woff'), url('/media/rhodesuniversity/styleassets/responsivedesigns/v41/gui/font/redacted/redacted-regular.ttf') format('truetype'), url('/media/rhodesuniversity/styleassets/responsivedesigns/v41/gui/font/redacted/redacted-regular.svg') format('svg'); font-weight:normal; font-style:normal } body p { font-family:redacted } */ /* Headings */ h1, h2, h3, h4, h5, h6 { font-family:sans-serif !important; color:hsl(0,0%,50%); } /* Paragraphs */ p { padding:.7em 0 0; line-height:1.6em; color:hsl(0,0%,50%) } /* Unordered and Ordered List Bullets */ .list-style-none { list-style:none } .list-style-disc { list-style:disc } .list-style-square { list-style:square } .list-style-decimal { list-style:decimal } .list-style-decimal-leading-zero { list-style:decimal-leading-zero } .list-style-upper-alpha { list-style:upper-alpha } .list-style-lower-alpha { list-style:lower-alpha } .list-style-upper-roman { list-style:upper-roman } .list-style-lower-roman { list-style:lower-roman } /* Collapse margins and padding in Unordered and Ordered Lists */ .collapse { padding:0; margin-left:.6em !important; line-height:1.6em; } /* Anchor Links */ a { text-decoration:none; } a:hover { text-decoration:underline } a, input, button { -ms-touch-action:none !important } /* fastclick - disables 300ms 'double-click' wait on mobile */ a span, small span { display:inline-block } /* Anchor Behaviours - removes anchor underline on hover - hover behaviours don't exist on mobile */ .no-decoration:hover { text-decoration:none } /* Font Styles */ strong, b { font-weight:bold } emphasis, em { font-style:italic } /* Accessibility */ /* 'abbr' helps screen readers and search engines read abbreviations. Use 'title' element to define what's abbreviated. */ abbr[title], dfn[title] { border-bottom:.1em dotted hsl(0,0%,60%); cursor:help } /*--------------------------*/ /* Snap Containers */ /*--------------------------*/ #content { backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden } .snap-content { position:relative; top:0; right:0; bottom:0; left:0; width:100%; height:auto; z-index:2; overflow:auto; -webkit-overflow-scrolling:touch; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } .snap-drawers { position:absolute; top:0; bottom:0; left:0; width:auto; height:relative } .snap-drawer-left { position:absolute; top:0; bottom:0; left:auto; height: auto; width:240px !important; /* Sets width of drawers */ -webkit-overflow-scrolling: touch; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease } .snap-drawer-left { left:0; z-index:1 } /*.snap-drawer-right { right:0; z-index:1 } */ .snapjs-left /*.snap-drawer-right , .snapjs-right */ .snap-drawer-left { display:none !important } .snapjs-expand-left .snap-drawer-left, /*.snapjs-expand-right .snap-drawer-right { width:100% } */ /*---------------------------------------------------*/ /* Snap pure-menu - 'drawer-left, drawer-right' */ /*---------------------------------------------------*/ .pure-menu-link { display:none; /* show "arrows" only on small screens */ top:0; padding:.45em .8em .3em !important; outline:none !important } .pure-menu { width:inherit; top:0; overflow-y:auto; -webkit-overflow-scroll:touch } .pure-menu a { color:hsl(0,0%,100%) } .pure-menu-open { background:transparent !important; border:none !important } .pure-menu ul { background:transparent !important; border:none !important } .pure-menu ul, .pure-menu .menu-item-divided { border-top:.1em solid hsl(0,0%,75%) } .pure-menu li a { border:none; white-space:normal; padding:.7em 1em; /* adjusts nav-left menu link size */ } .pure-menu li a:hover { background:hsl(188,100%,40%); color:hsl(0,0%,100%) } .pure-menu li a:focus { outline:none !important; } .pure-menu-selected a { background-color:hsl(293,51%,32%) !important; color:hsl(0,0%,96%) !important } .menu-heading { background-color:hsla(200,18%,46%,.4) !important; color:hsl(0,0%,100%) !important; padding:.6em .6em !important; font-weight:700 } /* Rotate Accordian 'icon-caret-right' when Accordion button is 'on' */ .on i { transform: rotate(90deg); transform-origin:15% 45%; -ms-transform: rotate(90deg); -ms-transform-origin:15% 45%; -webkit-transform: rotate(90deg); -webkit-transform-origin:15% 45% } .accordion-content { text-indent:.85em; } /* Enable smooth scrolling of drawer elements */ .scrollable { overflow:auto; -webkit-transition-property:top, bottom; transition-property:top, bottom; -webkit-transition-duration:.2s, .2s; transition-duration:.2s, .2s; -webkit-transition-timing-function:linear, linear; transition-timing-function:linear, linear; -webkit-overflow-scrolling:touch } /*--------------------------*/ /* Content Containers */ /*--------------------------*/ .Site { display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -moz-box-orient:vertical; -moz-box-direction:normal; -ms-flex-direction:column; flex-direction:column; min-height:100% } .Site-content { -webkit-box-flex:1; -webkit-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1; width:100%; padding:0 1.1em; -ms-flex-preferred-size:auto; font-family:FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif } /*-----------------------------------------------*/ /* MagnificPopup Modal Overlays for drawers */ /*-----------------------------------------------*/ /* modal overlay at start - opacity transitions removed due to speed issues on older phones */ .mfp-left.mfp-bg, .mfp-right.mfp-bg { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease /* opacity:0; */ } .mfp-left.mfp-wrap { margin-left:240px !important /* opacity:.8 */ } /*.mfp-right.mfp-wrap { margin-left:-240px !important /* opacity:.8 */ } /* left modal overlay animate in */ .mfp-left.mfp-bg.mfp-ready { -webkit-transform:translate3d(240px,0,0); -moz-transform:translate3d(240px,0,0); -ms-transform:translate3d(240px,0,0); -o-transform:translate3d(240px,0,0); transform:translate3d(240px,0,0); /* opacity:.8 */ } /* right overlay animate in */ /*.mfp-right.mfp-bg.mfp-ready { -webkit-transform:translate3d(-240px,0,0); -moz-transform:translate3d(-240px,0,0); -ms-transform:translate3d(-240px,0,0); -o-transform:translate3d(-240px,0,0); transform:translate3d(-240px,0,0); /* opacity:.8 */ } /* overlays animate out */ .mfp-left.mfp-bg.mfp-removing, /*.mfp-right.mfp-bg.mfp-removing */{ /* opacity:0 */} /* content at start */ .mfp-left.mfp-wrap .mfp-content, .mfp-right.mfp-wrap .mfp-content { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:pointer; /* opacity:0 */ } /* content position - "Tap to close" */ .mfp-left.mfp-wrap .mfp-content h2 { margin:135px 0 0 -55px !important; } /*.mfp-right.mfp-wrap .mfp-content h2 { margin:130px -51px 0 0 !important }*/ /* content animate in */ .mfp-left.mfp-wrap.mfp-ready .mfp-content, /*.mfp-right.mfp-wrap.mfp-ready .mfp-content*/ { /* opacity:1 */ } /* content animate out */ .mfp-left.mfp-wrap.mfp-removing .mfp-content,/* .mfp-right.mfp-wrap.mfp-removing .mfp-content*/ { /* opacity:0 */ } /*----------------------------*/ /* Alert Containers */ /*----------------------------*/ /* Alerts, Pills and Badges */ .alert { position:relative; !important; padding:1.3em 1.5em .4em } .alert label, .pill label { font-size:1.4em; font-weight:700; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; white-space: nowrap } /* Alerts, Pills and Badges Colors */ .alert-error, .pill-error, .badge-error { background-color: #D13C38; color: #fff } .alert-warning, .pill-warning, .badge-warning { background-color: rgb(250, 191, 103); color: rgb(151, 96, 13) } .alert-success, .pill-success, .badge-success { background-color: rgb(83, 180, 79); color: #fff } .alert-info, .pill-info, .badge-info { background-color:rgb(209, 235, 238); color: rgb(102, 131, 145) } /* Informational Pills */ .pill label { font-size:1em } .pill, .pill-error, .pill-warning, .pill-success, .pill-info { display:inline-block; line-height:1em; vertical-align:baseline; border-radius:.6em; margin:0 0 .5em; padding:1.1em 1.3em 0 } /* Informational Badges */ .badge, .badge-error, .badge-warning, .badge-success, .badge-info { display:inline-block; font-size:.75em; font-weight:bold; line-height:1.3em; vertical-align:baseline; border-radius:.4em; margin:.3em 0; padding:.3em 1em .4em .8em } /*-----------------------------*/ /* Background & Font Styles */ /*-----------------------------*/ /* Background Greyscale */ .background-white { background-color:hsl(0,0%,100%) } /* hue:0-360, saturation:0%-100%, lightness:0%-100%, alpha:0-1 (0 is transparent, 1 is opaque) */ .background-light-grey { background-color:hsl(0,0%,96%) } .background-grey { background-color:hsl(0,0%,90%) } .background-medium-grey { background-color:hsl(0,0%,84%) } .background-dark-grey { background-color:hsl(0,0%,13%) } .background-black { background-color:hsl(0,0%,8%) } /* Background and Font colors - Primary */ .background-pantone-259 { background-color:hsl(293,58%,30%) } .font-pantone-259 { color:hsl(293,58%,30%) } /* Official Rhodes Purple - Pantone 259 C */ .background-pantone-420 { background-color:hsl(120,2%,78%) } .font-pantone-420 { color:hsl(120,2%,78%) } .background-pantone-7543 { background-color:hsl(207,12%,64%) } .font-pantone-7543 { color:hsl(207,12%,64%) } .background-pantone-5275 { background-color:hsl(248,18%,40%) } .font-pantone-5275 { color:hsl(248,18%,40%) } .background-pantone-645 { background-color:hsl(210,38%,63%) } .font-pantone-645 { color:hsl(210,38%,63%) } .background-pantone-632 { background-color:hsl(190,100%,35%) } .font-pantone-632 { color:hsl(190,100%,35%) } .background-pantone-688 { background-color:hsl(326,28%,52%) } .font-pantone-688 { color:hsl(326,28%,52%) } .background-pantone-7425 { background-color:hsl(340,66%,43%) } .font-pantone-7425 { color:hsl(340,66%,43%) } .background-pantone-7501 { background-color:hsl(43,44%,74%) } .font-pantone-7501 { color:hsl(43,44%,74%) } .background-pantone-7494 { background-color:hsl(89,20%,61%) } .font-pantone-7494 { color:hsl(89,20%,61%) } .background-pantone-576 { background-color:hsl(87,36%,45%) } .font-pantone-576 { color:hsl(87,36%,45%) } /* Background and Font colors - Secondary */ .background-pantone-2623 { background-color:hsl(293,51%,27%) } .font-pantone-2623 { color:hsl(293,51%,27%) } .background-pantone-200 { background-color:hsl(348,88%,39%) } .font-pantone-200 { color:hsl(348,88%,39%) } .background-pantone-226 { background-color:hsl(328,100%,41%) } .font-pantone-226 { color:hsl(328,100%,41%) } .background-pantone-213 { background-color:hsl(332,78%,50%) } .font-pantone-213 { color:hsl(332,78%,50%) } .background-pantone-purple { background-color:hsl(300,64%,45%) } .font-pantone-purple { color:hsl(300,64%,45%) } .background-pantone-red-032 { background-color:hsl(356,85%,57%) } .font-pantone-red-032 { color:hsl(356,85%,57%) } .background-pantone-151 { background-color:hsl(35,100%,44%) } .font-pantone-151 { color:hsl(35,100%,44%) } .background-pantone-1235 { background-color:hsl(41,100%,56%) } .font-pantone-1235 { color:hsl(41,100%,56%) } .background-pantone-109 { background-color:hsl(49,100%,50%) } .font-pantone-109 { color:hsl(49,100%,50%) } .background-pantone-382 { background-color:hsl(65,100%,42%) } .font-pantone-382 { color:hsl(65,100%,42%) } .background-pantone-367 { background-color:hsl(85,59%,60%) } .font-pantone-367 { color:hsl(85,59%,60%) } .background-pantone-360 { background-color:hsl(103,49%,53%) } .font-pantone-360 { color:hsl(103,49%,53%) } .background-pantone-3265 { background-color:hsl(173,100%,39%) } .font-pantone-3265 { color:hsl(173,100%,39%) } .background-pantone-306 { background-color:hsl(192,100%,44%) } .font-pantone-306 { color:hsl(192,100%,44%) } .background-pantone-3125 { background-color:hsl(188,100%,39%) } .font-pantone-3125 { color:hsl(188,100%,39%) } .background-pantone-2925 { background-color:hsl(198,100%,44%) } .font-pantone-2925 { color:hsl(198,100%,44%) } /* Background and Font colors - Student Media */ .background-oppidan { background-color:hsl(358,71%,48%) } .font-oppidan { color:hsl(358,71%,48%) } /* Oppidan Red */ .background-activate { background-color:hsl(204,100%,35%) } .font-activate { color:hsl(204,100%,35%) } /* Activate blue */ /* ColorCchip - Used to display color chip on branding page */ .color-chip { display:inline-block; height:1.6em; width:1.6em; margin-right:.4em; vertical-align:middle; margin-top:-.2em } /* SVG Backgrounds */ .svg-background-black-chevron{ background-color:#111111;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAxMCAxMCc+Cgk8ZyBpZD0nZyc+CgkJPHBhdGggZD0nTTUgNmwtNiAtNiB2LTIgbDYgNicgZmlsbC1vcGFjaXR5PScwJyBzdHJva2U9JyMyMjIyMjInLz4KCQk8cGF0aCBkPSdNNSA1bDYgLTYgdi0yIGwtNiA2JyBmaWxsLW9wYWNpdHk9JzAnIHN0cm9rZT0nIzE4MTgxOCcvPgoJPC9nPgoJPHVzZSB4bGluazpocmVmPScjZycgeT0nLTQnLz4KCTx1c2UgeGxpbms6aHJlZj0nI2cnIHk9JzQnLz4KCTx1c2UgeGxpbms6aHJlZj0nI2cnIHk9JzgnLz4KCTx1c2UgeGxpbms6aHJlZj0nI2cnIHk9JzEyJy8+Cjwvc3ZnPg==')} .svg-background-sunglasses { background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnPgoJPHJhZGlhbEdyYWRpZW50IGlkPSdnbG93JyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzEwMCcgY3k9Jzc2JyByPSczNTAnPgoJCTxzdG9wIG9mZnNldD0nMCUnIHN0b3AtY29sb3I9JyM3Nzc3NzcnIC8+CgkJPHN0b3Agb2Zmc2V0PSc2MCUnIHN0b3AtY29sb3I9JyM0NDQ0NDQnIC8+CgkJPHN0b3Agb2Zmc2V0PScxMDAlJyBzdG9wLWNvbG9yPScjMjIyMjIyJyAvPgoJPC9yYWRpYWxHcmFkaWVudD4KCTxyZWN0IGZpbGw9J3VybCgjZ2xvdyknIHg9Jy0xJScgeT0nLTElJyBmaWxsLW9wYWNpdHk9JzAuNzUnIHdpZHRoPScxMDIlJyBoZWlnaHQ9JzEwMiUnLz4KPC9zdmc+');} .svg-background-carbon-fibre { background-color:#111111;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMDAnIGhlaWdodD0nMzAwJz4KCTxkZWZzPgoJCTxsaW5lYXJHcmFkaWVudCBpZD0nZycgIHgyPScwJyB5Mj0nMTAwJSc+CgkJCTxzdG9wIG9mZnNldD0nMCUnIHN0eWxlPSdzdG9wLWNvbG9yOiMyZTJlMmU7c3RvcC1vcGFjaXR5OjEnIC8+CgkJCTxzdG9wIG9mZnNldD0nMTAwJScgc3R5bGU9J3N0b3AtY29sb3I6IzIyMjIyMjtzdG9wLW9wYWNpdHk6MScgLz4KCQk8L2xpbmVhckdyYWRpZW50PgoJCTxwYXR0ZXJuIGlkPSdiJyBwYXR0ZXJuVW5pdHM9J3VzZXJTcGFjZU9uVXNlJyB4PScwJyB5PScwJyB3aWR0aD0nMjAnIGhlaWdodD0nMTAnIHZpZXdCb3g9JzAgMCAyMCAxMCcgPgoJCQk8cmVjdCBmaWxsPSd1cmwoI2cpJyB4PSc5JyB5PSctNicgd2lkdGg9JzEyJyBoZWlnaHQ9JzEyJy8+CgkJCTxyZWN0IGZpbGw9J3VybCgjZyknIHg9JzknIHk9JzUnIHdpZHRoPScxMicgaGVpZ2h0PScxMCcvPgoJCQk8cmVjdCBmaWxsPSd1cmwoI2cpJyB3aWR0aD0nMTAnIGhlaWdodD0nMTAnLz4KCQk8L3BhdHRlcm4+IAoJCTxmaWx0ZXIgaWQ9J2Z1enonIHg9JzAnIHk9JzAnPgoJCQk8ZmVUdXJidWxlbmNlIHR5cGU9J3R1cmJ1bGVuY2UnIHJlc3VsdD0ndCcgYmFzZUZyZXF1ZW5jeT0nLjIgLjMnIG51bU9jdGF2ZXM9JzUnIHN0aXRjaFRpbGVzPSdzdGl0Y2gnLz4KCQkJPGZlQ29sb3JNYXRyaXggdHlwZT0nc2F0dXJhdGUnIGluPSd0JyB2YWx1ZXM9JzAnLz4KCQk8L2ZpbHRlcj4KCTwvZGVmcz4KCTxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J3VybCgjYiknLz4KPHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI2Z1enopJyBvcGFjaXR5PScwLjEnLz4KPC9zdmc+Cg==')} .svg-background-grey-starburst { background-color:#ffffff;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnPgoJPHJhZGlhbEdyYWRpZW50IGlkPSdnJyBjeD0nNTAlJyBjeT0nNTAlJyByPSc1MCUnPgoJCTxzdG9wIG9mZnNldD0nMCUnIHN0eWxlPSdzdG9wLWNvbG9yOiNmZmZmZmY7JyAvPgoJCTxzdG9wIG9mZnNldD0nNTAlJyBzdHlsZT0nc3RvcC1jb2xvcjojY2NjY2NjOycgLz4KCQk8c3RvcCBvZmZzZXQ9JzEwMCUnIHN0eWxlPSdzdG9wLWNvbG9yOiM0YzRkNGQ7JyAvPgoJPC9yYWRpYWxHcmFkaWVudD4KCTxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J3VybCgjZyknLz4KCTxzdmcgeD0nNTAlJyB5PSc1MCUnIG92ZXJmbG93PSd2aXNpYmxlJz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgyMCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSg0MCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSg2MCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSg4MCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgxMDApJy8+CgkJPHJlY3Qgd2lkdGg9JzIwMDAlJyBoZWlnaHQ9JzIwMDAlJyBmaWxsLW9wYWNpdHk9JzAuMScgZmlsbD0nI2ZmZmZmZicgdHJhbnNmb3JtPSdyb3RhdGUoMTIwKScvPgoJCTxyZWN0IHdpZHRoPScyMDAwJScgaGVpZ2h0PScyMDAwJScgZmlsbC1vcGFjaXR5PScwLjEnIGZpbGw9JyNmZmZmZmYnIHRyYW5zZm9ybT0ncm90YXRlKDE0MCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgxNjApJy8+CgkJPHJlY3Qgd2lkdGg9JzIwMDAlJyBoZWlnaHQ9JzIwMDAlJyBmaWxsLW9wYWNpdHk9JzAuMScgZmlsbD0nI2ZmZmZmZicgdHJhbnNmb3JtPSdyb3RhdGUoMTgwKScvPgoJCTxyZWN0IHdpZHRoPScyMDAwJScgaGVpZ2h0PScyMDAwJScgZmlsbC1vcGFjaXR5PScwLjEnIGZpbGw9JyNmZmZmZmYnIHRyYW5zZm9ybT0ncm90YXRlKDIwMCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgyMjApJy8+CgkJPHJlY3Qgd2lkdGg9JzIwMDAlJyBoZWlnaHQ9JzIwMDAlJyBmaWxsLW9wYWNpdHk9JzAuMScgZmlsbD0nI2ZmZmZmZicgdHJhbnNmb3JtPSdyb3RhdGUoMjQwKScvPgoJCTxyZWN0IHdpZHRoPScyMDAwJScgaGVpZ2h0PScyMDAwJScgZmlsbC1vcGFjaXR5PScwLjEnIGZpbGw9JyNmZmZmZmYnIHRyYW5zZm9ybT0ncm90YXRlKDI2MCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgyODApJy8+CgkJPHJlY3Qgd2lkdGg9JzIwMDAlJyBoZWlnaHQ9JzIwMDAlJyBmaWxsLW9wYWNpdHk9JzAuMScgZmlsbD0nI2ZmZmZmZicgdHJhbnNmb3JtPSdyb3RhdGUoMzAwKScvPgoJCTxyZWN0IHdpZHRoPScyMDAwJScgaGVpZ2h0PScyMDAwJScgZmlsbC1vcGFjaXR5PScwLjEnIGZpbGw9JyNmZmZmZmYnIHRyYW5zZm9ybT0ncm90YXRlKDMyMCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgzNDApJy8+CgkJPHJlY3Qgd2lkdGg9JzIwMDAlJyBoZWlnaHQ9JzIwMDAlJyBmaWxsLW9wYWNpdHk9JzAuMScgZmlsbD0nI2ZmZmZmZicgdHJhbnNmb3JtPSdyb3RhdGUoMzYwKScvPgoJPC9zdmc+Cjwvc3ZnPg==')} .svg-background-blue-starburst { background-color:#ffffff;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnPgoJPHJhZGlhbEdyYWRpZW50IGlkPSdnJyBjeD0nNTAlJyBjeT0nNTAlJyByPSc1MCUnPgoJCTxzdG9wIG9mZnNldD0nMCUnIHN0eWxlPSdzdG9wLWNvbG9yOiNmZmZmZmY7JyAvPgoJCTxzdG9wIG9mZnNldD0nNTAlJyBzdHlsZT0nc3RvcC1jb2xvcjojNTJjNWZmOycgLz4KCQk8c3RvcCBvZmZzZXQ9JzEwMCUnIHN0eWxlPSdzdG9wLWNvbG9yOiMwNzkxYjM7JyAvPgoJPC9yYWRpYWxHcmFkaWVudD4KCTxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J3VybCgjZyknLz4KCTxzdmcgeD0nNTAlJyB5PSc1MCUnIG92ZXJmbG93PSd2aXNpYmxlJz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgyMCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSg0MCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSg2MCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSg4MCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgxMDApJy8+CgkJPHJlY3Qgd2lkdGg9JzIwMDAlJyBoZWlnaHQ9JzIwMDAlJyBmaWxsLW9wYWNpdHk9JzAuMScgZmlsbD0nI2ZmZmZmZicgdHJhbnNmb3JtPSdyb3RhdGUoMTIwKScvPgoJCTxyZWN0IHdpZHRoPScyMDAwJScgaGVpZ2h0PScyMDAwJScgZmlsbC1vcGFjaXR5PScwLjEnIGZpbGw9JyNmZmZmZmYnIHRyYW5zZm9ybT0ncm90YXRlKDE0MCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgxNjApJy8+CgkJPHJlY3Qgd2lkdGg9JzIwMDAlJyBoZWlnaHQ9JzIwMDAlJyBmaWxsLW9wYWNpdHk9JzAuMScgZmlsbD0nI2ZmZmZmZicgdHJhbnNmb3JtPSdyb3RhdGUoMTgwKScvPgoJCTxyZWN0IHdpZHRoPScyMDAwJScgaGVpZ2h0PScyMDAwJScgZmlsbC1vcGFjaXR5PScwLjEnIGZpbGw9JyNmZmZmZmYnIHRyYW5zZm9ybT0ncm90YXRlKDIwMCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgyMjApJy8+CgkJPHJlY3Qgd2lkdGg9JzIwMDAlJyBoZWlnaHQ9JzIwMDAlJyBmaWxsLW9wYWNpdHk9JzAuMScgZmlsbD0nI2ZmZmZmZicgdHJhbnNmb3JtPSdyb3RhdGUoMjQwKScvPgoJCTxyZWN0IHdpZHRoPScyMDAwJScgaGVpZ2h0PScyMDAwJScgZmlsbC1vcGFjaXR5PScwLjEnIGZpbGw9JyNmZmZmZmYnIHRyYW5zZm9ybT0ncm90YXRlKDI2MCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgyODApJy8+CgkJPHJlY3Qgd2lkdGg9JzIwMDAlJyBoZWlnaHQ9JzIwMDAlJyBmaWxsLW9wYWNpdHk9JzAuMScgZmlsbD0nI2ZmZmZmZicgdHJhbnNmb3JtPSdyb3RhdGUoMzAwKScvPgoJCTxyZWN0IHdpZHRoPScyMDAwJScgaGVpZ2h0PScyMDAwJScgZmlsbC1vcGFjaXR5PScwLjEnIGZpbGw9JyNmZmZmZmYnIHRyYW5zZm9ybT0ncm90YXRlKDMyMCknLz4KCQk8cmVjdCB3aWR0aD0nMjAwMCUnIGhlaWdodD0nMjAwMCUnIGZpbGwtb3BhY2l0eT0nMC4xJyBmaWxsPScjZmZmZmZmJyB0cmFuc2Zvcm09J3JvdGF0ZSgzNDApJy8+CgkJPHJlY3Qgd2lkdGg9JzIwMDAlJyBoZWlnaHQ9JzIwMDAlJyBmaWxsLW9wYWNpdHk9JzAuMScgZmlsbD0nI2ZmZmZmZicgdHJhbnNmb3JtPSdyb3RhdGUoMzYwKScvPgoJPC9zdmc+Cjwvc3ZnPg==');} .svg-background-grey-triangles { background-color:#f0f0f0; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nNDkxLjk5OTk5OTk5OTk5OTk0JyBoZWlnaHQ9JzI1Mi4wMDAwMDAwMDAwMDAwMycgdmlld0JveD0nMCAwIDk4LjM5OTk5OTk5OTk5OTk5IDUwLjQwMDAwMDAwMDAwMDAwNic+Cgk8ZGVmcz4KCQk8cGF0aCBpZD0ncycgZmlsbD0nI2ZmZmZmZicgZD0nTTAsMGw4IDRsLTgsNHonLz4KCTwvZGVmcz4KCTxnIGlkPSdiJz4KCTx1c2UgeD0nLTgnIHk9Jy00JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzAnIHk9JzAuMicgZmlsbC1vcGFjaXR5PScwLjQ0OTk5OTk5OTk5OTk5OTk2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTgnIHk9JzQuNCcgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjQ0OTk5OTk5OTk5OTk5OTk2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nMCcgeT0nOC42JyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctOCcgeT0nMTIuOCcgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScwJyB5PScxNycgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctOCcgeT0nMjEuMicgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSc4LjInIHk9Jy00JyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctMTYuMicgeT0nMC4yJyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuNicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzguMicgeT0nNC40JyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctMTYuMicgeT0nOC42JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzguMicgeT0nMTIuOCcgZmlsbC1vcGFjaXR5PScwLjE1JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTE2LjInIHk9JzE3JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzguMicgeT0nMjEuMicgZmlsbC1vcGFjaXR5PScwLjQ0OTk5OTk5OTk5OTk5OTk2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTI0LjQnIHk9Jy00JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzE2LjQnIHk9JzAuMicgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctMjQuNCcgeT0nNC40JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScxNi40JyB5PSc4LjYnIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTI0LjQnIHk9JzEyLjgnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4xNScgeGxpbms6aHJlZj0nI3MnIC8+CQoJPHVzZSB4PScxNi40JyB5PScxNycgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctMjQuNCcgeT0nMjEuMicgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScyNC41OTk5OTk5OTk5OTk5OTgnIHk9Jy00JyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy0zMi41OTk5OTk5OTk5OTk5OTQnIHk9JzAuMicgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScyNC41OTk5OTk5OTk5OTk5OTgnIHk9JzQuNCcgZmlsbC1vcGFjaXR5PScwLjE1JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTMyLjU5OTk5OTk5OTk5OTk5NCcgeT0nOC42JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScyNC41OTk5OTk5OTk5OTk5OTgnIHk9JzEyLjgnIGZpbGwtb3BhY2l0eT0nMC40NDk5OTk5OTk5OTk5OTk5NicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy0zMi41OTk5OTk5OTk5OTk5OTQnIHk9JzE3JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMTUnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScyNC41OTk5OTk5OTk5OTk5OTgnIHk9JzIxLjInIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTQwLjgnIHk9Jy00JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgkKCTx1c2UgeD0nMzIuOCcgeT0nMC4yJyBmaWxsLW9wYWNpdHk9JzAuNicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy00MC44JyB5PSc0LjQnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4xNScgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzMyLjgnIHk9JzguNicgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctNDAuOCcgeT0nMTIuOCcgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjQ0OTk5OTk5OTk5OTk5OTk2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nMzIuOCcgeT0nMTcnIGZpbGwtb3BhY2l0eT0nMC4xNScgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy00MC44JyB5PScyMS4yJyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSc0MScgeT0nLTQnIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTQ4Ljk5OTk5OTk5OTk5OTk5JyB5PScwLjInIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4JCgk8dXNlIHg9JzQxJyB5PSc0LjQnIGZpbGwtb3BhY2l0eT0nMC42JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTQ4Ljk5OTk5OTk5OTk5OTk5JyB5PSc4LjYnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4JCgk8dXNlIHg9JzQxJyB5PScxMi44JyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctNDguOTk5OTk5OTk5OTk5OTknIHk9JzE3JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzQxJyB5PScyMS4yJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8L2c+Cgk8dXNlIHg9Jy00OC45OTk5OTk5OTk5OTk5OScgeT0nMjUuMjAwMDAwMDAwMDAwMDAzJyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyB4bGluazpocmVmPScjYicgLz4KCTx1c2UgeD0nLTk4LjE5OTk5OTk5OTk5OTk5JyB5PSctMTYuOCcgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIC0xIDAgMCknIHhsaW5rOmhyZWY9JyNiJyAvPgoJPHVzZSB4PSc0OS4xOTk5OTk5OTk5OTk5OTYnIHk9Jy0zMy42JyB0cmFuc2Zvcm09J21hdHJpeCgxIDAgMCAtMSAwIDApJyB4bGluazpocmVmPScjYicgLz4KCTx1c2UgeD0nNDkuMTk5OTk5OTk5OTk5OTk2JyB5PSctNTguODAwMDAwMDAwMDAwMDA0JyB0cmFuc2Zvcm09J21hdHJpeCgxIDAgMCAtMSAwIDApJyB4bGluazpocmVmPScjYicgLz4KPC9zdmc+Cg==')} /* End SVG Backgrounds */ /* Font Greyscale */ .font-white { color:hsl(0,0%,100%) } .font-light-grey { color:hsl(0,0%,78%) } .font-grey { color:hsl(0,0%,71%) } .font-dark-grey { color:hsl(0,0%,35%) } .font-black { color:hsl(0,0%,13%) } /* Font Colors */ .font-purple { color:hsl(293,58%,30%) !important } /* Rhodes Purple */ .font-teal { color:hsl(180,100%,29%) } /* Primary Links */ .font-blue { color:hsl(221,39%,44%) } /* Facebook blue */ .font-sky-blue { color:hsl(197,100%,47%) } /* Twitter blue */ .font-green, ins { color:hsl(99,100%,30%) } .font-red, del { color:hsl(358,79%,45%) } /* Google Red */ .font-orange, strike { color:hsl(32,92%,57%) } /* Forces 'Decendents' to inherit 'Parent' color value */ .color-inherit { color:inherit } /* Font Transforms */ .capitalize { text-transform:capitalize } .uppercase { text-transform:uppercase } .lowercase { text-transform:lowercase } .indent { text-indent:.5em !important } .char-space { letter-spacing:.05em } .truncate { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap: } .line-break { white-space:normal !important } .word-break { word-break:break-word; word-wrap:break-word } .nowrap { white-space:nowrap} .normal { font-weight:normal } /* Font Shadows - Use with caution, shadows are slow on older phones! */ .font-shadow-white { text-shadow:.03em .03em .07em hsla(0,0%,100%,.6) } .font-shadow-grey { text-shadow:.03em .03em .07em hsla(0,0%,50%,.6) } .font-shadow-black { text-shadow:.03em .03em .07em hsla(0,0%,0%,.6) } .font-shadow-mirror { text-shadow:-.03em .03em 0 hsla(0,0%,30%,.6) } /* Border */ .border-white { border:.1em solid hsl(0,0%,100%) } .border-light-grey { border:.1em solid hsl(0,0%,92%) } .border-highlight { border-top:.1em solid hsla(0,0%,100%,.3) } .border-shadow { border-bottom:.1em solid hsla(0,0%,0%,.3) } /* Border Rounded - all 4 corners */ .border-radius-two { -webkit-border-radius:.2em; -moz-border-radius:.2em; border-radius:.2em } .border-radius-three { -webkit-border-radius:.3em; -moz-border-radius:.3em; border-radius:.3em } .border-radius-five { -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em } .border-radius-seven { -webkit-border-radius:.7em; -moz-border-radius:.7em; border-radius:.7em } .border-radius-nine { -webkit-border-radius:.9em; -moz-border-radius:.9em; border-radius:.9em } /* Border Rounded - top 2 corners - Tabs Interface */ .border-radius-top-three { -webkit-border-top-left-radius:.3em; -webkit-border-top-right-radius:.3em; -moz-border-radius-topleft:.3em; -moz-border-radius-topright:.3em; border-top-left-radius:.3em; border-top-right-radius:.3em } .border-radius-top-five { -webkit-border-top-left-radius:.5em; -webkit-border-top-right-radius:.5em; -moz-border-radius-topleft:.5em; -moz-border-radius-topright:.5em; border-top-left-radius:.5em; border-top-right-radius:.5em } /* Border none */ .border-none { border:none } /* Box Shadows - Use with caution, shadows are slow on older phones! */ .box-shadow-white { -webkit-box-shadow:0 .1em .3em 0 hsla(0,0%,100%,.5); -moz-box-shadow:0 .1em .3em 0 hsla(0,0%,100%,.5); box-shadow:0 .1em .3em 0 hsla(0,0%,100%,.5) } .box-shadow-grey { -webkit-box-shadow:0 .1em .3em 0 hsla(0,0%,50%,.5); -moz-box-shadow:0 .1em .3em 0 hsla(0,0%,50%,.5); box-shadow:0 .1em .3em 0 hsla(0,0%,50%,.5) } .box-shadow-black { -webkit-box-shadow:0 .2em .5em 0 hsla(0,0%,0%,.4); -moz-box-shadow:0 .2em .5em 0 hsla(0,0%,0%,.4); box-shadow:0 .2em .5em 0 hsla(0,0%,0%,.4) } /* Creates a right-side shadow in the left snap-drawer */ .box-shadow-black-left { -webkit-box-shadow:inset -.6em 0 .6em -.6em hsla(0,0%,0%,.5); -moz-box-shadow:inset -.6em 0 .6em -.6em hsla(0,0%,0%,.5); box-shadow:inset -.6em 0 .6em -.6em hsla(0,0%,0%,.5) } /* Creates a left-side shadow in the right snap-drawer */ /*.box-shadow-black-right { -webkit-box-shadow:inset .6em 0 .6em -.6em hsla(0,0%,0%,.5); -moz-box-shadow:inset .6em 0 .6em -.6em hsla(0,0%,0%,.5); box-shadow:inset .6em 0 .6em -.6em hsla(0,0%,0%,.5) }*/ /* The following rules are more multi-purpose in their application. */ /* Align - only works on TEXT & IMAGES) !style = left, otherwise: */ .align-center { text-align:center } .align-right { text-align:right } .align-left { text-align:left } /* Used to override block level text centering if required */ /* Align Block - Works on BLOCK level elements and most everything else) !style = left, otherwise */ .block-center { margin:0 auto } .block-right { float:right } .block-left { float:left } /* Block 'display' behaviours */ .inline { display:inline !important } .block { display:block !important } .inline-block { display:inline-block !important } .none { display:none !important } .invisible { visibility:hidden !important } .overflow-hidden { overflow:hidden !important } .overflow-scroll { overflow:scroll !important } /* Apply 'pad' to the parent of any grid element (pure-u-*) to apply padding without affecting layout */ .pad { padding:1.6em 1.3em .8em } .pad-v { padding:1em 0 } /* restrict to vertical padding */ .pad-h { padding:0 1em } /* restrict to horizontal padding */ .pad-content { padding:1em; } .pad-h-home { padding:.8em .5em } /* TODO! Need to standardise these... too specific */ .pad-bullet { padding:0 .2em 0 .5em } /* restrict to horizontal padding */ .pad-icon { padding:0 .4em 0; margin-top:.4em } /* Controls spacing for social media icons in nav-top toolbar */ .no-pad { padding:0 !important } /*--------------------------*/ /* Header */ /*--------------------------*/ header { max-height:138px; height:inherit !important } /*------------------------------*/ /* Rhodes Official Logo - SVG */ /*------------------------------*/ /* Sizes */ .logo-drawer { min-width:210px; max-height:54px; max-width:210px; margin:.8em 0 .4em .72em } .logo-header { max-height:100px; max-width:350px; margin:1.7em 0 1.2em 2em } .logo-footer { min-width:200px; max-height:52px; max-width:200px; margin:.9em 0 .4em 1em } .logo-login { min-width:300px; max-height:64px; max-width:300px; margin:1.3em 0 -.7em } /* Colors */ .logo-purple { fill:hsl(293,58%,30%) } /* Rhodes Purple - Pantone 259C */ .logo-white { fill:hsl(0,0%,100%) } .logo-light-grey { fill:hsl(0,0%,80%) } .logo-grey { fill:hsl(0,0%,50%) } .logo-dark-grey { fill:hsl(0,0%,30%) } .logo-black { fill:hsl(0,0%,13%) } /* Custom logo sizer */ .logo-custom { max-height:110px; max-width:640px; margin:1em -12.4em 1.2em 1.8em } /* Default h1 Logos */ .logo-region { font-size:6em; padding:.15em 0; margin:0 0 0 .26em } /*--------------------------*/ /* Navigation - Global */ /*--------------------------*/ /* Remove hyperlink underlining behaviour on navigational objects */ .pure-menu li a:hover, .pure-menu li a:focus, .nav-top a:hover, .nav-middle a:hover, .nav-bottom a:hover { text-decoration:none } /* !HACK! Make it so only one class setting is required for background color */ .nav-top, .nav-middle, .nav-bottom { background:transparent !important } /*----------------------------------------*/ /* Navigation - 'nav-top' - toolbar */ /*----------------------------------------*/ .nav-top { background:hsl(200,18%,46%) !important; z-index:30;} .nav-top a { color:hsl(277,70%,40%) } .nav-top a:hover { background:none !important; color:hsl(0,0%,80%) !important } /* Responsive Search */ .search { position:relative; float:right; margin:.345em 0 0 } .search-input-wrap { position:absolute; right:2.5em; height:auto; width:0; overflow:hidden; -webkit-transition:width 300ms; -moz-transition:width 300ms; transition:width 300ms } .search.search-open .search-input-wrap { width:inherit } .search.search-open input[type="text"].search-input { opacity:1 } input[type="text"].search-input { border:.1em solid hsl(0,0%,90%) !important; outline:none; opacity:0; background:hsl(0,0%,100%); height:2em; width:10em; margin:0 !important; padding:.2em .5em 0} .icon-search { display:block; position:absolute; border:0 !important; box-shadow:none !important; right:0; top:0; cursor:pointer; margin:0 !important; } input[type="submit"].search-submit { background:transparent; color:transparent; box-shadow:none; border:none; padding:0; outline:none; } /* Social Media Icons */ .social-media i { height:.82em !important; line-height:.88em !important; } .social-media a { padding:0; margin:0 .125em 0; overflow:hidden !important; } .pad-icon { padding:0 .4em 0; margin-top:.52em } /*---------------------------------------------------------*/ /* Navigation - 'nav-middle', 'nav-bottom' - center-menu */ /*---------------------------------------------------------*/ .nav-middle, .nav-bottom { min-height:2.24em; height:2.24em; padding:0 !important } .nav-middle li:first-child, .nav-bottom li:first-child { display:none } .menu-link-trigger { padding:.23em .6em !important; color:hsl(0,0%,100%) !important } .menu-link-trigger span { vertical-align:top; padding:.36em .5em !important } .menu-link { color:hsl(0,0%,96%) !important; padding:.36em .7em !important; margin-top:.14em; -webkit-border-radius:.2em; -moz-border-radius:.2em; border-radius:.2em } .menu-link:hover { background:hsla(0,0%,100%,.2) !important; color:hsl(0,0%,100%) !important } /* Crumb Navigation */ .crumbs { font:.8em Verdana, Geneva, sans-serif; } .crumbs ul { padding:0; margin:0 } .crumbs li { display:inline; white-space:nowrap } .crumbs a { color:hsl(0,0%,50%); padding:.2em; line-height:1.8em; margin-right:.5em; text-decoration:none !important } .crumbs a:hover { color:hsl(0,0%,13%) } /*----------------------*/ /* FlexBox */ /*----------------------*/ .Grid-row { margin-top:1.6em } .Demo { width:100%; padding:.8em 1em; margin-bottom:1em; min-height:100%; background:hsl(277,70%,35%); } /*--------------------------*/ /* Content - Main body */ /*--------------------------*/ /* Primary page heading */ .Page-header { height:1.6em; line-height:1.7em; margin-bottom:.8em !important; text-indent:.2em; border-left:.2em solid hsl(277, 70%, 35%); border-bottom:.1em solid hsl(277, 70%, 35%) !important; } /* Media Article feed contents */ .Media { display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -webkit-align-items:flex-start; -moz-box-align:start; -ms-flex-align:start; align-items:flex-start; padding-bottom:1em;} .Media-profile { display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -webkit-align-items:flex-start; -moz-box-align:start; -ms-flex-align:start; align-items:flex-start; width:100%; margin-bottom:1em; background:hsl(0,0%,96%); } .Media-figure, .portrait { margin:0 1.3em 0 0 !important; } .portrait { background:hsl(0,0%,97%); max-height:180px; max-width:320px; width:auto; padding:0 6.3em 0 7em; margin-bottom:.3em !important; } .Media-body { -webkit-box-flex:1; -webkit-flex:1 0 0; -moz-box-flex:1; -ms-flex:1 0 0; flex:1 0 0 } .Media-body h1 { margin-bottom:-2em !important; } .Media-body, .Media-body :last-child { margin-bottom:0 } /* Media Profile letterboxes */ .Media-profile .Media-figure { margin:0 .8em 0 0 !important } .Media-profile .heading { margin:.7em .8em 0 0 !important } .Media-profile .Media-body { margin-left:.8em; line-height:1.4em; } .Media-profile .microdata { line-height:2em; padding-bottom:.5em; margin-top:.2em } .profile-bar { position:relative; display:block; height:3px; margin-left:-.8em; } .microdata .pure-button { font-size:70%; } /* Media alignment */ .Media--center { -webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center } .Media--reverse > .Media-figure { -webkit-box-ordinal-group:2; -webkit-order:1; -moz-box-ordinal-group:2; -ms-flex-order:1; order:1; margin:0 0 0 1em } /* Media images */ .Image--large { display:block; width:inherit; height:auto; margin:1.6em } .Image--medium { width:auto; max-height:180px; min-width:320px; margin:0; padding:0 } .Image--small { width:inherit; max-height:130px; min-width:320px; margin-bottom:-5px; padding:0 } .Image--large:hover, .Image--medium:hover, .Image--small:hover { opacity:.9 } /* Media catagory bar and group */ .catagory-bar { position:relative; display:block; height:4px; margin-bottom:4px } .catagory, .group { display:inline !important; font-weight:700; padding:5px .8em; white-space:nowrap } .group { background-color:hsl(0,0%,94%); color:hsl(0,0%,60%) } /* Media heading author and microdata */ .heading, .subheading { margin-bottom:0; } .heading { } .subheading { color:hsl(0,0%,30%); font-size:90%; line-height:.5em !important; margin:0; } .author { font-weight:700; margin-right:.3em; white-space:nowrap; } .microdata { margin-top:-.8em } /* Social Media */ .tweet { border-left:.2em solid hsl(197,100%,47%); border-radius:.5em; margin:.7em 0 } .tweet-links { padding-bottom:.4em !important } /* Events Calendar */ .studentlife-event { border-left:.2em solid; border-radius:.5em; margin:.7em 0; padding:.3em } .studentlife-event:hover { background:hsl(0,0%,96%) } .pullquote, .blockquote { width:20em !important; float:right; clear:both; line-height:1.6em; margin-right:0; } /* Home Page links */ .link { white-space:nowrap; margin-bottom:.1em } .link a { color:hsl(193,100%,30%); display:inline-block; width:100%; padding:.2em .4em .15em } .link a:hover { background:hsl(0,0%,97%); color:hsl(293,51%,32%); text-decoration:none } /* Rhodes Purple */ /* .link a i{ border-bottom:.15em solid hsla(0,0%,0%,.5); border-radius:1em } creates a border-shadow under icons */ .link a:hover i { color:hsl(293,51%,32%); } /* Rhodes Purple */ .link a:active { background:hsl(0,0%,94%); text-decoration:none } /* Horizontal Rules */ hr { border:none; border-bottom:.1em solid hsl(0,0%,90%) !important; margin:inherit auto; margin-bottom:1em } /*==============================*/ /* Specialised Containers */ /*==============================*/ /* Responsive Images */ img { max-width:100% !important; min-width:inherit !important; width:100%; height:auto !important } /* Audio and Video containers */ audio, video { min-width:100%; max-width:100%; width:inherit; height:auto; background:none; margin:0 auto } audio { min-height:2.2em; height:auto; background:hsl(0,0%,13%) } /* This is the LARGE RMR Radion Station button */ .rmr { border:.4em solid hsl(0,0%,90%); margin:.6em auto 1em; padding:0 !important } .rmr h1, .rmr h2 { line-height:0 !important; padding:0 !important } .department { background:#f00; } .dept-acronym { margin-bottom:0 !important; padding-bottom:0 !important; line-height:.5em } /*--------------------------*/ /* Carousel */ /*--------------------------*/ #carousel, #carousel ul, #carousel li { overflow:hidden !important; width:100%; display:block; clear:none; padding:0; margin:0; cursor:default } #carousel { overflow:hidden !important; max-height:24em; margin-bottom:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden -webkit-transform:translate3d(0,0,0) scale3d(1,1,1); -webkit-transform-style:preserve-3d; } #carousel ul.animate { -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s } #carousel ul { overflow:hidden !important; transform:translate3d(0%,0,0) scale3d(1,1,1); -o-transform:translate3d(0%,0,0) scale3d(1,1,1); -ms-transform:translate3d(0%,0,0) scale3d(1,1,1); -moz-transform:translate3d(0%,0,0) scale3d(1,1,1); -webkit-transform:translate3d(0%,0,0) scale3d(1,1,1); backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden -webkit-transform-style:preserve-3d } #carousel li { overflow:hidden !important; float:left; margin-bottom:-.3em !important; -webkit-transform-style:preserve-3d; -webkit-transform:translate3d(0,0,0) } /* Carousel text box overlay */ .carousel-box { position:relative; overflow:hidden } .carousel-box aside { position:absolute; display:inline-block; height:100%; min-width:19em; top:0; left:0; padding:0 1.5em 0; background-color:hsla(0,0%,0%,.7) } .carousel-box h1, .carousel-box h2 { font-weight:100 } .carousel-box a { margin-top:.7em; margin-bottom:1em } /*--------------------------*/ /* Gallery */ /*--------------------------*/ .header .pure-menu { border-bottom-color:black; border-radius:0 } .photo-box, .text-box { overflow:hidden; position:relative; max-height:250px !important } .photo-box img { min-height:250px; width:100% } .photo-box aside { position:absolute; bottom:0; right:0; padding:.4em .8em; width:100%; text-align:right; background-color:hsla(0,0%,0%,.5) } .text-box-head { border-bottom:2px solid hsl(0,0%,60%); padding-bottom:.3em; margin-bottom:0 !important; } .text-box { padding:0 !important; } .pad-text-box { padding:0 1.6em; margin:0 !important; } /* Gallery - MagnificPopup Lightbox */ /* Transition the mfp-with-zoom simultaneously with mfp-container easing... !Warning LOOKS PRETTY but might be too slow on older phones */ .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden /* ideally, transition speed should match zoom duration and effect for a seamless feel */ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity:.01 } .mfp-with-zoom.mfp-ready .mfp-container { opacity:1 } .mfp-with-zoom.mfp-ready.mfp-bg { opacity:.9; z-index: } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity:0 } /* Magnific Popup containers */ .gallery-item { padding:.6em 0 } /* Media Gallery - MagnificPopup Video Lightbox */ .Media-object { /* This is the image placeholder object */ padding:.6em 0 0 } /* This defines the max-width of popup content */ .video-popup .mfp-content { width:inherit; max-width:720px; } /* This makes "#mfp*" scale down proportionally to fit */ #mfp1, #mfp2, #mfp3, #mfp4, #mfp5 { width:100%; height:0; overflow:hidden; /* This is scale ratio */ padding-top: 56.25% } /* This shifts "x" close button outside of the container */ #mfp1 .mfp-close, #mfp2 .mfp-close, #mfp3 .mfp-close, #mfp4 .mfp-close, #mfp5 .mfp-close { top:-40px; color:#FFF; text-align:right } /* This is the popup video element */ .Media-video { background:hsl(0,0%,0%); position:absolute; top:0; left:0; width:100%; height:100%; box-shadow: 0 0 8px rgba(0,0,0,.6) } /* This is the caption*/ .Media-caption { height:1.8em; font-size:86%; padding:.33em .4em 0; margin-bottom:1em; margin-top:-.35em; overflow: hidden;text-overflow: ellipsis;} /* This is the popup video title */ .mfp-title { position:absolute; font-size:86%; height:2em !important; background:hsl(0,0%,10%); color:hsl(0,0%,60%); width:100%; padding:.38em .5em 0 } .mfp-close { font-size:300%; } /*--------------------------*/ /* Google Events Calendar */ /*--------------------------*/ .gCalFlow { position: relative; width: 300px; height: 400px; float: left; font-size: 90%; overflow: hidden; text-decoration: none; padding-bottom: 0.5em; } .gCalFlow a, .gCalFlow a:visited, .gCalFlow a:hover { color: inherit; _color: black; background-color: transparent; text-decoration: none; } .gCalFlow a:hover { text-decoration: underline; } .gCalFlow .gcf-header-block { padding: 5px 4px; } .gCalFlow .gcf-title-block { font-weight: bold; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: white; } .gCalFlow .gcf-title-block a, .gCalFlow .gcf-title-block a:visited, .gCalFlow .gcf-title-block a:hover { _color: white; } .gCalFlow .gcf-last-update-block { font-size: 76%; text-align: right; bottom: 0; right: 0; padding-right: 4px; position: absolute; } .gCalFlow .gcf-item-container-block { position: relative; overflow: hidden; overflow-y: auto; height: 90%; } .gCalFlow .gcf-item-block { position: relative; overflow: hidden; border-bottom: 1px dashed #ccc; padding: 2px; margin: 2px 0; } .gCalFlow .gcf-item-header-block { white-space: nowrap; overflow: hidden; } .gCalFlow .gcf-item-date-block { font-size: 76%; font-weight: bold; } .gCalFlow .gcf-item-title-block { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); } .gCalFlow .gcf-item-body-block { font-size: 80%; font-color: #999; max-height: 2.45em; } .gCalFlow { border-style: solid; border-width: 1px; border-color: #ccc #999 #999 #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#eeeeee)); background: -moz-linear-gradient(top, white, #eeeeee); background: -o-linear-gradient(top, white, #eeeeee); background: linear-gradient(to bottom, white, #eeeeee); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee); zoom: 1; color: black; } .gCalFlow .gcf-header-block { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; background: -webkit-gradient(linear, left top, left bottom, from(#aab1dc), to(#3b4ca5)); background: -moz-linear-gradient(top, #aab1dc, #3b4ca5); background: -o-linear-gradient(top, #aab1dc, #3b4ca5); background: linear-gradient(to bottom, #aab1dc, #3b4ca5); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffAAB1DC,EndColorStr=#ff3B4CA5); zoom: 1; } .gCalFlow .gcf-item-body-block { color: #333; } /*--------------------------*/ /* Single Sign On Login */ /*--------------------------*/ /* Login UI Restraints */ .login { max-width:300px; border:.1em solid hsl(0,0%,75%); margin:1em auto } .login-input { text-align:right; margin:0 auto; margin-top:.5em; padding:0; max-width:13em !important } .login-input td { padding:.2em .5em; } /*------------------------------------*/ /* Tabs - Login Language & Profile */ /*------------------------------------*/ /* Language Swap - jQuery tabs widget*/ .tab-lang { margin:0 1.6em 1.6em } .tab-lang-heading { margin:.6em 0 .3em } .tabs-lang { height:2.6em; margin:0; padding:.5em; border-bottom:.1em solid hsl(0,0%,80%); border-bottom-left-radius:0; border-bottom-right-radius:0; } .tabs-lang li { position:relative; height:2.1em; background:hsl(0,0%,90%); float:right; border:.1em solid hsl(0,0%,70%); overflow:hidden } .tabs-lang li.active { background-color:hsl(0,0%,100%); border-bottom:.1em solid hsl(0,0%,100%); color:hsl(0,0%,30%); !important } /* Academic Profile - jQuery tabs widget */ .tab-profile-heading { margin:.6em 0 .3em; clear:left; } .tabs-profile { height:2.5em; margin:0 -1.1em; padding:.4em 1em; border-bottom:.1em solid hsl(0,0%,70%) } .tabs-profile li { height:2.1em; background:hsl(0,0%,92%); float:left; border:.1em solid hsl(0,0%,70%); overflow:hidden; border-radius:.5em; border-bottom-left-radius:0; border-bottom-right-radius:0 } .tabs-profile li.active { background:hsl(0,0%,100%) !important; border-bottom:.1em solid hsl(0,0%,100%); color:hsl(0,0%,30%); !important } /* Academic Profile Resume */ .resume h1 { border-bottom:.1em solid hsl(0,0%,80%)} .resume h3 { margin:0 0 6px 0; position:relative } .resume h3 span { position:absolute; bottom:0; right:0; font-style:italic; font-family:Georgia,Serif; font-size:16px; color:#999; font-weight:normal } .objective { font-family:Georgia,Serif; font-style:italic; color:#666; margin-top:-1em;} .resume dt { font-style:italic; font-weight:bold; font-size:18px; text-align:right; padding:0 26px 0 0; width:150px; border-right:1px solid #999} .resume dl { display:table-row; } .resume dl dt, .resume dl dd { display:table-cell; padding-bottom:20px } .resume dl dd { width:auto; padding-left:2em } .resume img { float:right; padding:0 0 1.6em 1em; margin:0 } @media screen and (max-width: 1100px) { .resume h2 span { position:static; display:block; margin-top:2px} } @media screen and (max-width: 400px) { .resume dl dt { border-right:none; border-bottom:1px solid #999 } .resume dl, .resume dl dd, .resume dl dt { display:block; padding-left:0; margin-left:0; padding-bottom:0; text-align:left; } .resume dl dd { margin-top:6px } .resume h3 { font-style:normal; font-weight:400; font-size:18px } .resume dt { font-size:20px } .resume img{margin:0;} } @media screen and (max-width: 320px) { } /* Nav Menu Toggle */ .toggle-link { cursor:help; } .accordion h3 { line-height:1.6em; margin:0; cursor:default; } .accordion ul{ line-height:1.4em !important; margin-left:0 !important } /*--------------------------*/ /* Phonebook */ /*--------------------------*/ th { border: 1px solid #666 } .tablesorter { background-color: ; margin:10px 0pt 15px; width:100%; text-align: left; border-collapse: collapse; border: 1px solid #666 } .clear { clear: both } .tablesorter caption { font-size: 1.2em; font-weight: bold; margin: 1em 0 } .tablesorter col { border-right: 1px solid #ccc } .tablesorter col#albumCol { border: none } .tablesorter a.newlink { color:#000000 } .tablesorter thead tr .header { background-image: url(); background-repeat: no-repeat; background-position: center right; padding-right:20px; cursor: pointer; border-top: 1px solid ; border-bottom: 1px solid ; background-color:; font-weight:bold; color:; } .tablesorter th { font-weight: normal; text-align: left } .tablesorter #playlistPosHead { text-indent: -1000em } .tablesorter .odd { background-color:#f0f0f0; background-image: url(); background-repeat: repeat-x } .tablesorter .even { background-color:; background-repeat: repeat-x } .tablesorter tr:hover { background-color: ; color: inherit } .tablesorter thead tr:hover { background-color: transparent; color: inherit } .tablesorter thead tr .headerSortUp { background-image: url(/media/rhodesuniversity/styleassets/responsivedesigns/v41/gui/header_asc.png); background-color:; color: } .tablesorter thead tr .headerSortDown { background-image: url(/media/rhodesuniversity/styleassets/responsivedesigns/v41/gui/header_des.png); background-color:; color: } tbody tr:hover th, tbody tr:hover td, tbody tr.odd:hover th, tbody tr.odd:hover td, tbody tr.even:hover th, tbody tr.even:hover td { color: } tbody tr a, tbody tr a:link, tbody tr a:visited { color:; text-decoration:none } tbody a:hover { color:; text-decoration:underline } tbody tr:hover th a, tbody tr:hover td a, tbody tr.odd:hover th a, tbody tr.odd:hover td a, tbody tr.even:hover th a, tbody tr.even:hover td a { color:; text-decoration:none } tbody tr:hover th a:hover, tbody tr:hover td a:hover, tbody tr.odd:hover th a:hover, tbody tr.odd:hover td a:hover,tbody tr.even:hover th a:hover, tbody tr.even:hover td a:hover { color: ; text-decoration:underline; } /*--------------------------*/ /* Footer */ /*--------------------------*/ .top-button-box { height:5em; /* parent container for top-button*/ } .top-button { margin:1em 1em 0; line-height:1.9em; height:3em; } footer { padding:1.6em 2em !important; font-size:1.1em; line-height:1.7em } /*==================================================*/ /* Responsive Design Voodoo - CSS3 Media Queries */ /*==================================================*/ /*---------------------------------------------*/ /* Devices > Large Laptop (1500px) portrait width */ /*---------------------------------------------*/ @media (min-width:1500px) { .Site-content { } .Page-header { height:2.2em; line-height:2.2em; margin-bottom:.8em !important; text-indent:.8em; border-left:.2em solid hsl(200,18%,26%); border-bottom:.1em solid hsl(200,18%,26%) !important; } } /*---------------------------------------------*/ /* Devices > Laptop (1300px) portrait width */ /*---------------------------------------------*/ @media (min-width:1300px) { #content { margin:0 240px !important; } .snap-content { -webkit-transform:none !important; -moz-transform:none !important; -ms-transform:none !important; -o-transform:none; transform:none !important; } .pure-menu-link { display:none !important } .search { margin-right:.5em } } /*-------------------------------------------*/ /* Devices > iPad (870px) portrait width */ /*-------------------------------------------*/ @media (min-width:870px) { .theme-dark { background:hsl(200,18%,26%) !important } .Media { -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -moz-box-orient:horizontal; -moz-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-flex:1; -webkit-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1; -ms-flex-preferred-size:auto } .accordion dd { display:block !important } .accordion h3 { margin:-.5em 0 } .hide-desktop { display:none } .snap-drawer-right { display:none } } /*-------------------------------------------*/ /* Devices >| iPad (870px) portrait width */ /*-------------------------------------------*/ @media (max-width: 870px) { /* snap-drawers */ #content { margin:0 !important } .pure-menu-link { display:block } .snap-drawer-left { left:0; z-index:0; background:hsl(200,18%,26%) } /*.snap-drawer-right { right:0; z-index:0 }*/ /* Switches themes on mobile */ .logo-dark-grey { fill:hsl(0,0%,80%) !important } .theme-dark { background:hsl(200,18%,46%) !important;} .pure-menu .menu-item-divided { border-top:.1em solid hsl(0,0%,25%) } .pure-menu-heading { } .pure-menu-selected { background:hsl(204,75%,48%) } .pure-menu-selected a { color:hsl(0,0%,96%) } .pure-menu li a { color:hsl(0,0%,100%) } .pure-menu li a:hover { background:hsl(277,70%,20%); color:hsl(0,0%,90%) } .pure-menu-link:hover { background:hsl(277,70%,20%); color:hsl(0,0%,80%) } .pure-menu-link:focus { background:hsl(0,0%,13%); color:hsl(0,0%,80%) } .pure-menu-link:active { background:transparent !important; color:hsl(0,0%,80%) } .menu-heading { background-color:hsl(0,0%,13%) !important } .accordion-content { background:hsl(0,0%,13%) } .nav-middle, .nav-bottom { text-align:left; width:100%; padding:0; overflow:hidden; min-height:2.44em; max-height:inherit; -webkit-transition:height .3s ease; -moz-transition:height .3s ease; transition:height .3s ease } .nav-middle li:first-child, .nav-bottom li:first-child { display:block; color:hsl(0,0%,96%) !important } .nav-middle a, .nav-bottom a { display:block } .nav-middle a:first-child, .nav-bottom a:first-child { display:block; overflow:hidden } .nav-middle:hover, .nav-middle:focus, .nav-bottom:hover, .nav-bottom:focus { height:6.8em } .Grid-cell:last-child { margin-bottom:0; } .Grid-cell:first-child { padding-top:0 !important } #carousel img { margin-bottom:-1em !important } #carousel aside { background:none; position:relative; display:block !important; width:100% !important; float:left; clear:both; padding:.5em 1em 0 } #carousel h1 { display:none } #carousel h2 { font-size:1.4em; margin-bottom:0 } .Media { display:block } .portrait { display:inline-block; margin-right:0 !important } .catagory-bar { margin-top:-4px !important } .snap-drawer-right { display:none } } /*------------------------------------------*/ /* Devices < ipad (767px) portrait width */ /*------------------------------------------*/ @media (max-width:767px) { .portrait { margin-bottom:.0em !important } .photo-box, .text-box { text-align:center } .photo-box img { width:100% } .text-box { height:auto } .HolyGrail-ads { margin-left:0 !important; padding-left:0 !important } .pullquote, .blockquote { width:100% !important; float:left; clear:both; line-height:1.6em; margin:0; padding-left:0 } .tabs-profile { height: 4.8em; padding:.2em .5em; } .tabs-profile li { line-height:.8em; border-radius:.5em; padding:.5em; margin:0 .2em .2em 0; border-bottom:.1em solid hsl(0,0%,70%) !important; } .tabs-profile li:active { border-radius:.5em; margin:0 .18em .18em 0; } } /*----------------------------------------------*/ /* Devices < Smartphone (460px) portrait width */ /*----------------------------------------------*/ @media (max-width:460px) { header { min-height:110px } .logo-header { min-width:280px; margin:1.2em 0 0 1.2em } .logo-custom { margin:1.9em -12.4em 0 1.2em } .logo-region { font-size:4.6em; padding:.26em .5em .3em .34em; margin:0 } .logo-strapline { margin-left:1.9em !important; font-size:.9em } .nav-middle:hover, .nav-middle:focus, .nav-bottom:hover, .nav-bottom:focus { height:8.8em } .hide-mobile { display:none } } /*-----------------------------------------------*/ /* Devices >| Blackberry (320px) portrait width */ /*-----------------------------------------------*/ @media (max-width:320px) { .logo-header { min-width:280px } .hide-mobile { display:none } }