@charset "UTF-8";
/* WARNING: This stylesheet is expected to change and should not be used without first contacting the UWA Website office.
 * University of Western Australia - Core Visual identity stylesheet.
 * Targets HTML5 responsive devices with limited support for IE10.
 * Written by Timothy Phillips, Febuary 2015 though August 2017 and ongoing.
 * Copyright 2015-2017 The University of Western Australia - Digital and Creative Services */
@keyframes uwacore-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

[data-icon]:before {
  content: attr(data-icon); }

[data-icon]:before,
.fc-angle-down:before,
.fc-angle-left:before,
.fc-angle-right:before,
.fc-angle-up:before,
.fc-arrow-right:before,
.fc-close-cross:before,
.fc-core-bullet:before,
.fc-core-bullet-link:before,
.fc-core-button-arrows:before,
.fc-core-loading-circle:before,
.fc-cross:before,
.fc-expand:before,
.fc-flaticon-a-to-z:before,
.fc-flaticon-book-pile:before,
.fc-flaticon-cubes:before,
.fc-flaticon-desktop-pc:before,
.fc-flaticon-envelope:before,
.fc-flaticon-info:before,
.fc-flaticon-pin-on-map:before,
.fc-info-comment:before,
.fc-info-language:before,
.fc-info-location:before,
.fc-info-mail:before,
.fc-info-phone:before,
.fc-info-time:before,
.fc-logo-facebook:before,
.fc-logo-instagram:before,
.fc-logo-linkedin:before,
.fc-logo-twitter:before,
.fc-quote-left:before,
.fc-quote-right:before {
  display: inline-block;
  font-family: "fontcustom-dcs";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.fc-angle-down:before {
  content: "\f100"; }

.fc-angle-left:before {
  content: "\f101"; }

.fc-angle-right:before {
  content: "\f102"; }

.fc-angle-up:before {
  content: "\f103"; }

.fc-arrow-right:before {
  content: "\f104"; }

.fc-close-cross:before {
  content: "\f105"; }

.fc-core-bullet:before {
  content: "\f106"; }

.fc-core-bullet-link:before {
  content: "\f107"; }

.fc-core-button-arrows:before {
  content: "\f108"; }

.fc-core-loading-circle:before {
  content: "\f109"; }

.fc-cross:before {
  content: "\f10a"; }

.fc-expand:before {
  content: "\f10b"; }

.fc-flaticon-a-to-z:before {
  content: "\f10c"; }

.fc-flaticon-book-pile:before {
  content: "\f10d"; }

.fc-flaticon-cubes:before {
  content: "\f10e"; }

.fc-flaticon-desktop-pc:before {
  content: "\f10f"; }

.fc-flaticon-envelope:before {
  content: "\f110"; }

.fc-flaticon-info:before {
  content: "\f111"; }

.fc-flaticon-pin-on-map:before {
  content: "\f112"; }

.fc-info-comment:before {
  content: "\f11d"; }

.fc-info-language:before {
  content: "\f11e"; }

.fc-info-location:before {
  content: "\f113"; }

.fc-info-mail:before {
  content: "\f114"; }

.fc-info-phone:before {
  content: "\f115"; }

.fc-info-time:before {
  content: "\f116"; }

.fc-logo-facebook:before {
  content: "\f117"; }

.fc-logo-instagram:before {
  content: "\f118"; }

.fc-logo-linkedin:before {
  content: "\f119"; }

.fc-logo-twitter:before {
  content: "\f11a"; }

.fc-quote-left:before {
  content: "\f11b"; }

.fc-quote-right:before {
  content: "\f11c"; }

i.fc:before {
  font-family: "fontcustom-dcs";
  display: inline-block; }

/* All font files with absolute paths - used by uwacore.sass */
@font-face {
  font-family: 'Source Sans Pro';
  src: url("https://static.weboffice.uwa.edu.au/visualid/fonts/source-sans-pro/SourceSansPro-Regular.ttf");
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: 'Source Sans Pro';
  src: url("https://static.weboffice.uwa.edu.au/visualid/fonts/source-sans-pro/SourceSansPro-Light.ttf");
  font-weight: 300;
  font-display: swap; }

@font-face {
  font-family: 'Source Sans Pro';
  src: url("https://static.weboffice.uwa.edu.au/visualid/fonts/source-sans-pro/SourceSansPro-Semibold.ttf");
  font-weight: 600;
  font-display: swap; }

@font-face {
  font-family: 'Source Sans Pro';
  src: url("https://static.weboffice.uwa.edu.au/visualid/fonts/source-sans-pro/SourceSansPro-Bold.ttf");
  font-weight: 700;
  font-display: swap;
  font-weight: bold; }

@font-face {
  font-family: 'Source Sans Pro';
  src: url("https://static.weboffice.uwa.edu.au/visualid/fonts/source-sans-pro/SourceSansPro-Italic.ttf");
  font-style: italic;
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: 'Source Sans Pro';
  src: url("https://static.weboffice.uwa.edu.au/visualid/fonts/source-sans-pro/SourceSansPro-LightItalic.ttf");
  font-style: italic;
  font-weight: 300;
  font-display: swap; }

@font-face {
  font-family: 'Source Sans Pro';
  src: url("https://static.weboffice.uwa.edu.au/visualid/fonts/source-sans-pro/SourceSansPro-SemiboldItalic.ttf");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'UWA Regular';
  src: url("https://static.weboffice.uwa.edu.au/visualid/fonts/uwa/uwa-slab-regular.eot");
  src: url("https://static.weboffice.uwa.edu.au/visualid/fonts/uwa/uwa-slab-regular.eot?#iefix") format("embedded-opentype"), url("https://static.weboffice.uwa.edu.au/visualid/fonts/uwa/uwa-slab-regular.otf") format("opentype"), url("https://static.weboffice.uwa.edu.au/visualid/fonts/uwa/uwa-slab-regular.woff") format("woff");
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: 'UWA Regular';
  src: url("https://static.weboffice.uwa.edu.au/visualid/fonts/uwa/uwa-slab-italic.eot");
  src: url("https://static.weboffice.uwa.edu.au/visualid/fonts/uwa/uwa-slab-italic.eot?#iefix") format("embedded-opentype"), url("https://static.weboffice.uwa.edu.au/visualid/fonts/uwa/uwa-slab-italic.otf") format("opentype"), url("https://static.weboffice.uwa.edu.au/visualid/fonts/uwa/uwa-slab-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "fontcustom-dcs";
  src: url("https://static.weboffice.uwa.edu.au/visualid/core-rebrand/fonts/fontcustom/fontcustom-dcs.eot?r=7");
  src: url("https://static.weboffice.uwa.edu.au/visualid/core-rebrand/fonts/fontcustom/fontcustom-dcs.eot?r=7#iefix") format("embedded-opentype"), url("https://static.weboffice.uwa.edu.au/visualid/core-rebrand/fonts/fontcustom/fontcustom-dcs.woff?r=7") format("woff"), url("https://static.weboffice.uwa.edu.au/visualid/core-rebrand/fonts/fontcustom/fontcustom-dcs.ttf?r=7") format("truetype"), url("https://static.weboffice.uwa.edu.au/visualid/core-rebrand/fonts/fontcustom/fontcustom-dcs.svg?r=7#fontcustom-dcs") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "fontcustom-dcs";
    src: url("https://static.weboffice.uwa.edu.au/visualid/core-rebrand/fonts/fontcustom/fontcustom-dcs.svg?r=7#fontcustom-dcs") format("svg");
    font-display: block; } }

/* Base styles - Written by Timothy Phillips
 * Almost everything derrives from these styles */
@keyframes uwacore-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

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

/* basic styles for common classless elements */
html {
  font-size: 16px; }

body {
  min-width: 320px;
  margin: 0px;
  padding: 0px;
  color: #464646;
  font-family: "Source Sans Pro", Arial, sans-serif;
  line-height: 1.5;
  font-size: 16; }
  body.style-version-two {
    font-size: 1rem; }
    @media (min-width: 40rem) {
      body.style-version-two {
        font-size: calc(1rem + 0.125 * ((100vw - 40rem)/40)); } }
    @media (min-width: 80rem) {
      body.style-version-two {
        font-size: 1.125rem; } }

a {
  color: #0e55b5;
  text-decoration: underline;
  cursor: pointer; }
  a:focus, a:hover {
    text-decoration: none; }
  a:visited {
    color: #773678; }

p {
  margin-bottom: 12px;
  margin-top: 12px; }

strong, b {
  font-weight: 600; }

em, i {
  font-style: italic; }

u {
  font-style: underline; }

code {
  padding: 0 3px;
  color: #464646;
  font-family: "UbuntuMono", monospace;
  font-size: 12px;
  line-height: 1.25em;
  margin-bottom: 0em;
  border-radius: 5px;
  border: 1px solid #c1e7f0;
  background-color: #EAF7FA;
  text-transform: none; }

pre {
  font-family: "UbuntuMono", monospace;
  margin: 24px 0;
  font-size: 12px;
  overflow: auto;
  padding: 0px 6px;
  background-color: #EAF7FA;
  background-image: url("../img/bgs/code-lines.png");
  background-position: top left;
  background-repeat: repeat;
  font-size: 12px;
  line-height: 18px;
  background-attachment: local;
  border-radius: 5px;
  border: 1px solid #c1e7f0; }
  pre > code {
    line-height: 18px;
    padding: 0px 6px;
    display: block;
    font-size: 12px;
    padding: 0px;
    background-color: transparent;
    border-radius: 0px;
    border-width: 0px; }
  pre.wrap-lines {
    white-space: pre-wrap; }

img {
  vertical-align: text-bottom; }

div.content img {
  max-width: 100%; }

sup {
  font-size: 80%;
  vertical-align: super;
  text-transform: lowercase; }

sub {
  font-size: 80%;
  vertical-align: sub; }

small {
  font-size: 80%;
  color: #737373;
  line-height: 1.15em; }

q {
  font-style: italic; }
  q:before, q:after {
    display: inline; }
  q:before {
    content: "“"; }
  q:after {
    content: "”"; }

/* some generic text classes such as .text-center and .font-slab */
.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.text-left {
  text-align: left !important; }

.text-reset {
  font-size: 16px;
  font-weight: 400;
  color: #464646; }
  .text-reset a {
    text-decoration: underline;
    color: #0e55b5; }
    .text-reset a:link {
      text-decoration: underline; }
    .text-reset a:hover, .text-reset a:focus {
      text-decoration: none; }
    .text-reset a:link, .text-reset a:hover, .text-reset a:focus, .text-reset a:visited {
      color: #0e55b5; }

.faux-header {
  font-weight: 600;
  font-size: 18px; }

.faux-header-large {
  font-size: 22px;
  line-height: 1.3em; }

.font-slab {
  font-family: "UWA Regular", "UWA", Georgia, serif !important;
  font-weight: normal; }

.text-grey {
  color: #737373 !important; }

.text-blue {
  color: #27348b !important; }

.nowrap, .no-wrap {
  white-space: nowrap; }

.transform-none {
  text-transform: none !important; }
  .transform-none * {
    text-transform: none !important; }

/* a few common display classes such as .display-none */
.max-width {
  width: 100%; }

.display-none {
  display: none !important; }

.display-block {
  display: block; }

/* simple float control such as .clear and .float-right-half */
.no-clear {
  clear: none !important; }

.clear-both {
  clear: both !important; }
  .clear-both.clearboth {
    height: 0;
    overflow: hidden; }

.clear {
  clear: both !important; }

.clear-right {
  clear: right !important; }

.clear-after:after {
  clear: both;
  content: " ";
  display: block;
  height: 0px;
  width: 100%; }

.float-left {
  float: left !important; }
  @media screen and (max-width: 759px) {
    .float-left {
      float: none; } }

.float-right {
  float: right !important; }
  @media screen and (max-width: 759px) {
    .float-right {
      float: none; } }

.float-right-half, .float-right-third, .float-right-quarter {
  clear: right;
  float: right;
  margin: 0 0 12px 12px; }
  .float-right-half > *:first-child, .float-right-third > *:first-child, .float-right-quarter > *:first-child {
    margin-top: 0px; }
  .float-right-half > *:last-child, .float-right-third > *:last-child, .float-right-quarter > *:last-child {
    margin-bottom: 0px; }

.float-right-half {
  max-width: 50% !important; }
  @media screen and (max-width: 759px) {
    .float-right-half {
      float: none;
      max-width: 80% !important;
      margin: 0px auto 24px auto; } }
  @media screen and (max-width: 579px) {
    .float-right-half {
      max-width: 100% !important;
      margin: 0 0 24px 0; } }

.float-right-third {
  max-width: 33.33% !important; }
  @media screen and (max-width: 759px) {
    .float-right-third {
      max-width: 50% !important;
      padding: 0px; } }
  @media screen and (max-width: 579px) {
    .float-right-third {
      float: none;
      max-width: 100% !important;
      margin: 0 0 24px 0; } }

.float-right-quarter {
  max-width: 25% !important; }
  @media screen and (max-width: 759px) {
    .float-right-quarter {
      max-width: 33.33% !important; } }
  @media screen and (max-width: 579px) {
    .float-right-quarter {
      max-width: 50% !important; } }

/* Main content headings */
h1, h2, h3, h4, h5, h6 {
  color: #27348b;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 12px;
  margin-top: 18px;
  padding: 0; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
    color: #27348b; }
    h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {
      text-decoration: none; }
    h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus {
      text-decoration: underline; }
    h1 a:link, h1 a:hover, h1 a:focus, h1 a:visited, h2 a:link, h2 a:hover, h2 a:focus, h2 a:visited, h3 a:link, h3 a:hover, h3 a:focus, h3 a:visited, h4 a:link, h4 a:hover, h4 a:focus, h4 a:visited, h5 a:link, h5 a:hover, h5 a:focus, h5 a:visited, h6 a:link, h6 a:hover, h6 a:focus, h6 a:visited {
      color: #27348b; }

h1 {
  font-size: 1.875rem;
  font-family: "UWA Regular", "UWA", Georgia, serif;
  line-height: 1.2;
  margin-bottom: 36px;
  margin-top: 72px;
  text-align: center; }
  @media (min-width: 40rem) {
    h1 {
      font-size: calc(1.875rem + 1.25 * ((100vw - 40rem)/20)); } }
  @media (min-width: 60rem) {
    h1 {
      font-size: 3.125rem; } }
  h1 small {
    display: block;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 2px; }

h2, h1.header2 {
  font-size: 1.75rem;
  font-family: "UWA Regular", "UWA", Georgia, serif;
  line-height: 1.2;
  margin-bottom: 36px;
  margin-top: 72px;
  text-align: center; }
  @media (min-width: 40rem) {
    h2, h1.header2 {
      font-size: calc(1.75rem + 0.75 * ((100vw - 40rem)/20)); } }
  @media (min-width: 60rem) {
    h2, h1.header2 {
      font-size: 2.5rem; } }

h3, h1.header3, h2.header3 {
  font-size: 1.4375rem;
  border-bottom: 1px solid #D8D8D8;
  clear: both;
  font-family: "UWA Regular", "UWA", Georgia, serif;
  font-weight: normal;
  line-height: 1.3;
  margin-top: 36px;
  padding-bottom: 6px;
  padding-top: 6px; }
  @media (min-width: 40rem) {
    h3, h1.header3, h2.header3 {
      font-size: calc(1.4375rem + 0.3125 * ((100vw - 40rem)/20)); } }
  @media (min-width: 60rem) {
    h3, h1.header3, h2.header3 {
      font-size: 1.75rem; } }

.text-center h3, h3.no-underline, h3.text-center {
  border: none; }

h4 {
  font-size: 1.1875rem;
  color: #313764;
  line-height: 1.3;
  margin-top: 24px; }
  @media (min-width: 40rem) {
    h4 {
      font-size: calc(1.1875rem + 0.1875 * ((100vw - 40rem)/20)); } }
  @media (min-width: 60rem) {
    h4 {
      font-size: 1.375rem; } }

h5 {
  font-size: 1.0625rem;
  color: #313764;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 18px; }
  @media (min-width: 40rem) {
    h5 {
      font-size: calc(1.0625rem + 0.125 * ((100vw - 40rem)/20)); } }
  @media (min-width: 60rem) {
    h5 {
      font-size: 1.1875rem; } }

h6 {
  font-size: 1rem;
  color: #464646;
  font-weight: 700;
  line-height: 1.5; }
  @media (min-width: 40rem) {
    h6 {
      font-size: calc(1rem + 0.125 * ((100vw - 40rem)/20)); } }
  @media (min-width: 60rem) {
    h6 {
      font-size: 1.125rem; } }

body.style-version-two h1 {
  font-size: 1.875rem; }
  @media (min-width: 40rem) {
    body.style-version-two h1 {
      font-size: calc(1.875rem + 1.25 * ((100vw - 40rem)/40)); } }
  @media (min-width: 80rem) {
    body.style-version-two h1 {
      font-size: 3.125rem; } }

body.style-version-two h2, body.style-version-two h1.header2 {
  font-size: 1.75rem; }
  @media (min-width: 40rem) {
    body.style-version-two h2, body.style-version-two h1.header2 {
      font-size: calc(1.75rem + 0.75 * ((100vw - 40rem)/40)); } }
  @media (min-width: 80rem) {
    body.style-version-two h2, body.style-version-two h1.header2 {
      font-size: 2.5rem; } }

body.style-version-two h3, body.style-version-two h1.header3, body.style-version-two h2.header3, body.style-version-two .faux-header-3 {
  font-size: 1.4375rem; }
  @media (min-width: 40rem) {
    body.style-version-two h3, body.style-version-two h1.header3, body.style-version-two h2.header3, body.style-version-two .faux-header-3 {
      font-size: calc(1.4375rem + 0.3125 * ((100vw - 40rem)/40)); } }
  @media (min-width: 80rem) {
    body.style-version-two h3, body.style-version-two h1.header3, body.style-version-two h2.header3, body.style-version-two .faux-header-3 {
      font-size: 1.75rem; } }

body.style-version-two h4, body.style-version-two .faux-header-4 {
  font-size: 1.1875rem; }
  @media (min-width: 40rem) {
    body.style-version-two h4, body.style-version-two .faux-header-4 {
      font-size: calc(1.1875rem + 0.1875 * ((100vw - 40rem)/40)); } }
  @media (min-width: 80rem) {
    body.style-version-two h4, body.style-version-two .faux-header-4 {
      font-size: 1.375rem; } }

body.style-version-two h5, body.style-version-two .faux-header-5 {
  font-size: 1.0625rem; }
  @media (min-width: 40rem) {
    body.style-version-two h5, body.style-version-two .faux-header-5 {
      font-size: calc(1.0625rem + 0.125 * ((100vw - 40rem)/40)); } }
  @media (min-width: 80rem) {
    body.style-version-two h5, body.style-version-two .faux-header-5 {
      font-size: 1.1875rem; } }

body.style-version-two h6, body.style-version-two .faux-header-6 {
  font-size: 1rem; }
  @media (min-width: 40rem) {
    body.style-version-two h6, body.style-version-two .faux-header-6 {
      font-size: calc(1rem + 0.125 * ((100vw - 40rem)/40)); } }
  @media (min-width: 80rem) {
    body.style-version-two h6, body.style-version-two .faux-header-6 {
      font-size: 1.125rem; } }

.faux-header-3 {
  font-size: 1.4375rem;
  line-height: 1.1em;
  font-weight: 400;
  font-family: "UWA Regular", "UWA", Georgia, serif; }
  @media (min-width: 40rem) {
    .faux-header-3 {
      font-size: calc(1.4375rem + 0.3125 * ((100vw - 40rem)/20)); } }
  @media (min-width: 60rem) {
    .faux-header-3 {
      font-size: 1.75rem; } }

.faux-header-4 {
  font-size: 1.1875rem;
  line-height: 1.1em;
  font-weight: 500; }
  @media (min-width: 40rem) {
    .faux-header-4 {
      font-size: calc(1.1875rem + 0.5625 * ((100vw - 40rem)/20)); } }
  @media (min-width: 60rem) {
    .faux-header-4 {
      font-size: 1.75rem; } }

.faux-header-5 {
  font-size: 1.0625rem;
  line-height: 1.1em;
  font-weight: 500; }
  @media (min-width: 40rem) {
    .faux-header-5 {
      font-size: calc(1.0625rem + 0.6875 * ((100vw - 40rem)/20)); } }
  @media (min-width: 60rem) {
    .faux-header-5 {
      font-size: 1.75rem; } }

.faux-header-6 {
  font-size: 1rem;
  line-height: 1.1em;
  font-weight: 600; }
  @media (min-width: 40rem) {
    .faux-header-6 {
      font-size: calc(1rem + 0.75 * ((100vw - 40rem)/20)); } }
  @media (min-width: 60rem) {
    .faux-header-6 {
      font-size: 1.75rem; } }

/* ToDo: move .epic headers to legacy. */
h3.epic, h4.epic, h5.epic {
  color: #444;
  font-weight: normal;
  font-family: "UWA Regular", "UWA", Georgia, serif;
  letter-spacing: 1px;
  text-transform: uppercase; }

/* .overview and .introduction text */
p.overview {
  font-size: 1rem; }
  @media (min-width: 40rem) {
    p.overview {
      font-size: calc(1rem + 0.4375 * ((100vw - 40rem)/40)); } }
  @media (min-width: 80rem) {
    p.overview {
      font-size: 1.4375rem; } }

p.introduction {
  color: #464646;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 18px;
  font-size: 1.125rem; }
  @media (min-width: 40rem) {
    p.introduction {
      font-size: calc(1.125rem + 0.1875 * ((100vw - 40rem)/20)); } }
  @media (min-width: 60rem) {
    p.introduction {
      font-size: 1.3125rem; } }

.style-version-two p.introduction {
  font-size: 1.125rem; }
  @media (min-width: 40rem) {
    .style-version-two p.introduction {
      font-size: calc(1.125rem + 0.1875 * ((100vw - 40rem)/40)); } }
  @media (min-width: 80rem) {
    .style-version-two p.introduction {
      font-size: 1.3125rem; } }
  .style-version-two p.introduction strong, .style-version-two p.introduction em {
    font-weight: 400; }

/* .highlight-box and other simple box styles */
.highlight-box, .critical-alert-box, .warning-box, .success-box, .info-box {
  min-height: 24px;
  padding: 24px 12px 24px 70px;
  border: 1px solid #D8D8D8;
  background-color: #ececec;
  margin: 24px 0;
  position: relative; }
  .highlight-box > *:first-child, .critical-alert-box > *:first-child, .warning-box > *:first-child, .success-box > *:first-child, .info-box > *:first-child {
    margin-top: 0px; }
  .highlight-box > *:last-child, .critical-alert-box > *:last-child, .warning-box > *:last-child, .success-box > *:last-child, .info-box > *:last-child {
    margin-bottom: 0px; }
  .highlight-box:before, .critical-alert-box:before, .warning-box:before, .success-box:before, .info-box:before {
    color: #8b8b8b;
    content: "";
    display: block;
    font-family: "fontcustom-dcs";
    font-size: 30px;
    left: 0px;
    line-height: 30px;
    margin-top: -15px;
    position: absolute;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 70px; }
  .highlight-box.no-icon, .critical-alert-box.no-icon, .warning-box.no-icon, .success-box.no-icon, .info-box.no-icon {
    padding: 24px; }
    .highlight-box.no-icon:before, .critical-alert-box.no-icon:before, .warning-box.no-icon:before, .success-box.no-icon:before, .info-box.no-icon:before {
      display: none; }

div.highlight-box, div.critical-alert-box, div.warning-box, div.success-box, div.info-box {
  margin-bottom: 24px; }
  div.highlight-box p, div.critical-alert-box p, div.warning-box p, div.success-box p, div.info-box p {
    margin: 0px 0px 6px 0; }
    div.highlight-box p:last-child, div.critical-alert-box p:last-child, div.warning-box p:last-child, div.success-box p:last-child, div.info-box p:last-child {
      margin-bottom: 0px; }
  div.highlight-box h3, div.critical-alert-box h3, div.warning-box h3, div.success-box h3, div.info-box h3 {
    border: none;
    padding: 0px; }

.critical-alert-box {
  color: #5c3e45;
  background-color: #fbe5ea;
  border: 2px solid #b22041; }
  .critical-alert-box:before {
    content: "";
    font-family: "FontAwesome";
    color: #b22041; }
  .critical-alert-box h3, .critical-alert-box h4, .critical-alert-box h5 {
    color: #713744; }

.warning-box {
  color: #605738;
  background-color: #fff8e0;
  border: 2px solid #ca9c00; }
  .warning-box:before {
    content: "";
    font-family: "FontAwesome";
    color: #ca9c00; }
  .warning-box h3, .warning-box h4, .warning-box h5 {
    color: #7b682a; }

.success-box {
  color: #525741;
  background-color: #f4f7e7;
  border: 2px solid #829a2f; }
  .success-box:before {
    content: "";
    font-family: "FontAwesome";
    color: #829a2f; }
  .success-box h3, .success-box h4, .success-box h5 {
    color: #5e683d; }

.info-box {
  color: #44565b;
  background-color: #e9f7fa;
  border: 2px solid #3a98ad; }
  .info-box:before {
    content: "";
    font-family: "FontAwesome";
    color: #3a98ad; }
  .info-box h3, .info-box h4, .info-box h5 {
    color: #41676f; }

.boxed, .box {
  margin: 24px 0;
  padding: 24px;
  border: 1px solid #D8D8D8;
  background-color: #ececec; }
  .boxed > *:first-child, .box > *:first-child {
    margin-top: 0px; }
  .boxed > *:last-child, .box > *:last-child {
    margin-bottom: 0px; }

.box.darker {
  background-color: #DDDDDD;
  border: 1px solid #d0d0d0; }

.box.light {
  background-color: #e2edfa;
  border: 1px solid #cce0f6; }

.box.lighter {
  background-color: #f5f8fc;
  border: 1px solid #e1eaf6; }

div.feature-box {
  clear: both;
  border: 2px solid #dfdfdf;
  background-color: #ececec;
  padding: 24px;
  margin: 24px 0; }
  div.feature-box:after {
    clear: both;
    content: " ";
    display: block;
    height: 0px;
    overflow: hidden; }
  div.feature-box > *:first-child {
    margin-top: 0px; }
  div.feature-box > *:last-child {
    margin-bottom: 0px; }
  div.feature-box.blue {
    background-color: #27348b;
    border-width: 0px; }
  @media screen and (max-width: 759px) {
    div.feature-box:after {
      clear: both;
      content: " ";
      display: block;
      height: 0px;
      overflow: hidden; } }
  @media screen and (max-width: 579px) {
    div.feature-box {
      padding: 12px; } }
  div.feature-box h3 {
    border-bottom: 0px;
    padding: 0px; }
  div.feature-box .column-half {
    margin-top: 0;
    margin-bottom: 0px; }
    @media screen and (max-width: 759px) {
      div.feature-box .column-half {
        margin-bottom: 24px; }
        div.feature-box .column-half:last-child {
          margin-bottom: 0px; } }
  div.feature-box .highlight-box {
    background-color: #f6f6f6; }

div[class*="column-"] > div.feature-box:first-child {
  height: 100%; }

div.terms-conditions-box {
  background-color: #FFFFFF;
  height: 300px;
  max-height: 80ch;
  overflow-y: scroll;
  margin: 12px auto;
  padding: 12px; }
  div.terms-conditions-box > *:first-child {
    margin-top: 0px; }

/* div.image-branded adds the UWA curve - CURVE DISCONTINUED */
div.image-branded {
  border-top: 3px solid #E2B600;
  position: relative;
  margin-right: auto;
  max-width: 380px; }

/* blockquotes and citation */
blockquote {
  font-size: 1.3125rem;
  color: #313764;
  display: border-box;
  font-style: italic;
  font-weight: 300;
  line-height: 1.4;
  margin: 24px auto 24px auto;
  max-width: 960px;
  padding: 12px 48px;
  position: relative; }
  blockquote > *:first-child {
    margin-top: 0px; }
  blockquote > *:last-child {
    margin-bottom: 0px; }
  @media (min-width: 40rem) {
    blockquote {
      font-size: calc(1.3125rem + 0.3125 * ((100vw - 40rem)/20)); } }
  @media (min-width: 60rem) {
    blockquote {
      font-size: 1.625rem; } }
  blockquote:before, blockquote:after {
    color: #95a4cf;
    display: block;
    font-family: "fontcustom-dcs";
    font-size: 32px;
    font-style: normal;
    height: 32px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    width: 32px;
    vertical-align: middle;
    line-height: 32px; }
  blockquote:before {
    content: "";
    top: 0px;
    left: 0px; }
  blockquote:after {
    display: block;
    bottom: 0px;
    right: 0px;
    content: ""; }
  blockquote cite {
    display: block;
    margin-top: 12px; }
  blockquote + p.quote-author, blockquote + p.byline, blockquote + cite, blockquote + cite + cite {
    max-width: 960px;
    margin: -12px auto 24px auto;
    display: block;
    padding: 0px 48px; }
  blockquote + cite + cite {
    margin-top: -24px;
    margin-bottom: 24px; }

.info-card blockquote,
.right-col blockquote,
blockquote.compact,
blockquote.small {
  padding: 0px 36px;
  position: relative;
  max-width: 640px;
  line-height: 1.3;
  font-size: 1.125rem; }
  .info-card blockquote:before, .info-card blockquote:after,
  .right-col blockquote:before,
  .right-col blockquote:after,
  blockquote.compact:before,
  blockquote.compact:after,
  blockquote.small:before,
  blockquote.small:after {
    font-size: 28px;
    line-height: 28px;
    height: 28px;
    width: 28px; }
  @media (min-width: 40rem) {
    .info-card blockquote,
    .right-col blockquote,
    blockquote.compact,
    blockquote.small {
      font-size: calc(1.125rem + 0.1875 * ((100vw - 40rem)/20)); } }
  @media (min-width: 60rem) {
    .info-card blockquote,
    .right-col blockquote,
    blockquote.compact,
    blockquote.small {
      font-size: 1.3125rem; } }
  .info-card blockquote + p.quote-author, .info-card blockquote + p.byline, .info-card blockquote + cite, .info-card blockquote + cite + cite,
  .right-col blockquote + p.quote-author,
  .right-col blockquote + p.byline,
  .right-col blockquote + cite,
  .right-col blockquote + cite + cite,
  blockquote.compact + p.quote-author,
  blockquote.compact + p.byline,
  blockquote.compact + cite,
  blockquote.compact + cite + cite,
  blockquote.small + p.quote-author,
  blockquote.small + p.byline,
  blockquote.small + cite,
  blockquote.small + cite + cite {
    padding-left: 36px;
    max-width: 640px; }

@media screen and (min-width: 760px) {
  blockquote.portrait-right {
    position: relative;
    padding-right: 192px; }
    blockquote.portrait-right:after {
      right: 144px; }
    blockquote.portrait-right img:first-child {
      position: absolute;
      top: 12px;
      right: 0;
      max-width: 120px; }
    blockquote.portrait-right.compact, blockquote.portrait-right.small {
      padding-right: 180px; }
      blockquote.portrait-right.compact img:first-child, blockquote.portrait-right.small img:first-child {
        top: 6px; } }

@media screen and (max-width: 759px) {
  blockquote.portrait-right img:first-child {
    text-align: center;
    display: block;
    margin: 0px auto 12px auto;
    height: 120px; }
  blockquote.portrait-right:before {
    top: 132px; } }

cite, p.quote-author, p.byline {
  color: #737373;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.25px;
  line-height: 1.2;
  margin-bottom: 24px; }
  cite small, p.quote-author small, p.byline small {
    display: block; }

/* horizontal rules and lines */
hr,
.separator {
  height: 1px;
  overflow: hidden;
  margin: 24px 0;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #d7d7d7; }

.separator {
  border-style: dotted; }

.separator-above {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px dotted #d7d7d7; }

/* Buttons and links - Written by Timothy Phillips */
@keyframes uwacore-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* a.button - Standard call to action button */
a.button, button.button, input.button {
  color: #27348b;
  display: inline-block;
  border: 0px solid #E2B600;
  background-color: #E2B600;
  text-decoration: none !important;
  cursor: pointer;
  vertical-align: middle;
  padding: 14px;
  font-family: "UWA Regular", "UWA", Georgia, serif;
  font-size: 19px;
  line-height: 1.2;
  width: 250px;
  max-width: 100% !important;
  outline: none !important;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  text-shadow: none !important; }
  a.button:after, button.button:after, input.button:after {
    color: inherit;
    content: "";
    display: inline-block;
    font-family: "fontcustom-dcs";
    text-decoration: none;
    text-align: center;
    width: 16px;
    padding-left: 6px;
    transition: margin 100ms ease; }
  a.button:hover, a.button:focus, button.button:hover, button.button:focus, input.button:hover, input.button:focus {
    background-color: #ffd216;
    border-color: #ffd216;
    text-decoration: none;
    outline: none !important; }
    a.button:hover:after, a.button:focus:after, button.button:hover:after, button.button:focus:after, input.button:hover:after, input.button:focus:after {
      margin-left: 3px;
      margin-right: -3px; }
  a.button:link, a.button:visited, button.button:link, button.button:visited, input.button:link, input.button:visited {
    text-decoration: none;
    outline: none !important; }
  a.button:active, button.button:active, input.button:active {
    background-color: #af8d00;
    border-color: #af8d00;
    outline: none !important; }
  a.button.gold, a.button.bright, button.button.gold, button.button.bright, input.button.gold, input.button.bright {
    color: #27348b !important; }
  a.button.silver, button.button.silver, input.button.silver {
    background-color: #ececec;
    border-color: #ececec; }
    a.button.silver:focus, a.button.silver:hover, button.button.silver:focus, button.button.silver:hover, input.button.silver:focus, input.button.silver:hover {
      background-color: #f4f4f4;
      border-color: #f4f4f4; }
    a.button.silver:active, button.button.silver:active, input.button.silver:active {
      background-color: lightgray;
      border-color: lightgray; }
  a.button.blue, a.button.dark, button.button.blue, button.button.dark, input.button.blue, input.button.dark {
    background-color: #27348b;
    border-color: #27348b;
    color: white !important; }
    a.button.blue:focus, a.button.blue:hover, a.button.dark:focus, a.button.dark:hover, button.button.blue:focus, button.button.blue:hover, button.button.dark:focus, button.button.dark:hover, input.button.blue:focus, input.button.blue:hover, input.button.dark:focus, input.button.dark:hover {
      background-color: #3243b3;
      border-color: #3243b3; }
    a.button.blue:active, a.button.dark:active, button.button.blue:active, button.button.dark:active, input.button.blue:active, input.button.dark:active {
      background-color: #1c2563;
      border-color: #1c2563; }
  a.button.no-icon:after, button.button.no-icon:after, input.button.no-icon:after {
    display: none; }
  a.button.border, a.button.outline, button.button.border, button.button.outline, input.button.border, input.button.outline {
    border-width: 2px;
    padding: 12px;
    border-color: #27348b;
    background-color: transparent;
    color: #27348b !important; }
    a.button.border:after, a.button.outline:after, button.button.border:after, button.button.outline:after, input.button.border:after, input.button.outline:after {
      color: #27348b; }
    a.button.border:focus, a.button.border:hover, a.button.outline:focus, a.button.outline:hover, button.button.border:focus, button.button.border:hover, button.button.outline:focus, button.button.outline:hover, input.button.border:focus, input.button.border:hover, input.button.outline:focus, input.button.outline:hover {
      background-color: rgba(0, 0, 0, 0.08); }
    a.button.border:active, a.button.outline:active, button.button.border:active, button.button.outline:active, input.button.border:active, input.button.outline:active {
      background-color: rgba(0, 0, 0, 0.63);
      border-color: rgba(0, 0, 0, 0.63);
      color: white !important; }
    a.button.border.invert, a.button.outline.invert, button.button.border.invert, button.button.outline.invert, input.button.border.invert, input.button.outline.invert {
      border-color: white;
      color: white !important;
      background-color: transparent; }
      a.button.border.invert:after, a.button.outline.invert:after, button.button.border.invert:after, button.button.outline.invert:after, input.button.border.invert:after, input.button.outline.invert:after {
        color: white !important; }
      a.button.border.invert:focus, a.button.border.invert:hover, a.button.outline.invert:focus, a.button.outline.invert:hover, button.button.border.invert:focus, button.button.border.invert:hover, button.button.outline.invert:focus, button.button.outline.invert:hover, input.button.border.invert:focus, input.button.border.invert:hover, input.button.outline.invert:focus, input.button.outline.invert:hover {
        background-color: rgba(255, 255, 255, 0.25); }
      a.button.border.invert:active, a.button.outline.invert:active, button.button.border.invert:active, button.button.outline.invert:active, input.button.border.invert:active, input.button.outline.invert:active {
        background-color: rgba(255, 255, 255, 0.58);
        border-color: rgba(255, 255, 255, 0.58);
        color: black !important; }
  a.button.big, a.button.large, button.button.big, button.button.large, input.button.big, input.button.large {
    padding: 24px 24px;
    width: 300px; }

ul[class^="grid-"] a.button, ul[class*="grid-"] a.button {
  width: 100%; }

/* a.link - faux linklist */
a.link,
p.link a,
p.linklist a {
  display: block;
  margin-bottom: 12px; }
  a.link:before,
  p.link a:before,
  p.linklist a:before {
    color: #E2B600;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    text-decoration: none;
    text-align: center;
    width: 16px;
    padding-right: 6px; }

/* a.cta - call to action link */
a.cta, ul.ctas > li > a {
  padding: 0;
  display: inline-block;
  font-weight: 600;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  color: #0e55b5;
  font-size: 1rem; }
  a.cta:link, ul.ctas > li > a:link {
    text-decoration: none; }
  a.cta:hover, a.cta:focus, ul.ctas > li > a:hover, ul.ctas > li > a:focus {
    text-decoration: underline; }
  a.cta:link, a.cta:hover, a.cta:focus, a.cta:visited, ul.ctas > li > a:link, ul.ctas > li > a:hover, ul.ctas > li > a:focus, ul.ctas > li > a:visited {
    color: #0e55b5; }
  a.cta:after, ul.ctas > li > a:after {
    color: inherit;
    content: "";
    display: inline-block;
    font-family: "fontcustom-dcs";
    text-decoration: none;
    text-align: center;
    width: 16px;
    padding-left: 6px;
    transition: margin 100ms ease;
    font-weight: normal; }
  @media (min-width: 40rem) {
    a.cta, ul.ctas > li > a {
      font-size: calc(1rem + 0.125 * ((100vw - 40rem)/40)); } }
  @media (min-width: 80rem) {
    a.cta, ul.ctas > li > a {
      font-size: 1.125rem; } }
  a.cta:hover:after, a.cta:focus:after, ul.ctas > li > a:hover:after, ul.ctas > li > a:focus:after {
    margin-left: 3px;
    margin-right: -3px; }

ul.ctas > li {
  padding: 0px;
  background-image: none;
  list-style: none; }

.text-center a.link {
  margin-left: -18px; }

/* ul.actions - what was this for again? */
ul.actions {
  margin: 12px -6px 24px -6px;
  list-style-image: none; }
  ul.actions:after {
    clear: both;
    content: " ";
    display: block;
    height: 0px;
    overflow: hidden; }
  ul.actions li {
    padding: 6px;
    margin: 0px;
    float: left; }
    ul.actions li a {
      display: block;
      border: 2px solid black;
      padding: 12px 6px;
      margin: 0px;
      text-align: center;
      line-height: 20px;
      font-size: 17px;
      font-family: "Source Sans Pro", Arial, sans-serif;
      text-decoration: none;
      color: #27348b; }
      ul.actions li a:before {
        color: #E2B600;
        content: "";
        display: inline-block;
        font-family: "FontAwesome";
        text-decoration: none;
        text-align: center;
        width: 16px;
        padding-right: 6px; }
      ul.actions li a:link {
        text-decoration: none; }
      ul.actions li a:hover, ul.actions li a:focus {
        text-decoration: underline; }
      ul.actions li a:link, ul.actions li a:hover, ul.actions li a:focus, ul.actions li a:visited {
        color: #27348b; }

/* ul.news-gallery - TODO: where was this used again? */
ul.news-gallery a {
  text-decoration: none;
  color: #0e55b5; }
  ul.news-gallery a:link {
    text-decoration: none; }
  ul.news-gallery a:hover, ul.news-gallery a:focus {
    text-decoration: underline; }
  ul.news-gallery a:link, ul.news-gallery a:hover, ul.news-gallery a:focus, ul.news-gallery a:visited {
    color: #0e55b5; }
  ul.news-gallery a p {
    font-family: "UWA Regular", "UWA", Georgia, serif;
    font-size: 24px;
    margin: 0px; }
  ul.news-gallery a p + p {
    color: #0e55b5;
    font-size: 18px;
    font-weight: 600;
    font-family: "Source Sans Pro", Arial, sans-serif; }
  ul.news-gallery a img {
    margin: 0px; }

/* ul.stamps - migration for old stamps - not for new use */
ul.stamps a,
a.stamp {
  background: url("../img/bgs/stamp-bg.png") top center no-repeat transparent;
  display: block;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 15px;
  height: 95px;
  letter-spacing: 0.08em;
  line-height: 1.3em;
  margin: 0px auto 6px auto;
  padding: 6px 12px 0 12px;
  text-align: left;
  text-transform: uppercase;
  width: 200px;
  text-decoration: none;
  color: #27348b; }
  ul.stamps a:link,
  a.stamp:link {
    text-decoration: none; }
  ul.stamps a:hover, ul.stamps a:focus,
  a.stamp:hover,
  a.stamp:focus {
    text-decoration: underline; }
  ul.stamps a:link, ul.stamps a:hover, ul.stamps a:focus, ul.stamps a:visited,
  a.stamp:link,
  a.stamp:hover,
  a.stamp:focus,
  a.stamp:visited {
    color: #27348b; }
  ul.stamps a:after,
  a.stamp:after {
    color: #E2B600;
    content: "";
    display: inline-block;
    font-family: "fontcustom-dcs";
    text-decoration: none;
    text-align: center;
    width: 16px;
    padding-left: 6px;
    margin-left: 6px;
    white-space: nowrap;
    display: inline;
    margin-left: 3px;
    text-decoration: none !important; }

ul.stamps, ul.stamp-list {
  margin: 24px -12px -24px -12px;
  font-size: 0px;
  text-align: center;
  list-style: none; }
  ul.stamps > li, ul.stamp-list > li {
    margin: 0px;
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    background-image: none;
    padding: 0px 12px 24px 12px; }
    ul.stamps > li > a, ul.stamp-list > li > a {
      margin-bottom: 0px; }

/* ul.icon-buttons - coloured boxes with icon and links */
ul.icon-buttons {
  list-style-image: none; }
  ul.icon-buttons li {
    background-image: none; }
    ul.icon-buttons li a {
      color: white;
      background-color: #27348b;
      display: block;
      text-align: center;
      padding: 44px 12px 6px 12px;
      height: 100px;
      white-space: nowrap;
      position: relative;
      text-decoration: none;
      overflow: hidden; }
      @media screen and (max-width: 579px) {
        ul.icon-buttons li a {
          padding: 6px 6px 6px 56px;
          height: 60px;
          text-align: left; } }
      ul.icon-buttons li a span.icon {
        position: absolute;
        width: 100%;
        height: 32px;
        line-height: 32px;
        top: 18px;
        left: 0;
        text-align: center; }
        ul.icon-buttons li a span.icon img {
          max-height: 100%;
          max-width: 100%;
          vertical-align: bottom; }
        @media screen and (max-width: 579px) {
          ul.icon-buttons li a span.icon {
            left: 12px;
            top: 50%;
            margin-top: -16px;
            line-height: 32px;
            height: 32px;
            width: 32px; }
            ul.icon-buttons li a span.icon img {
              vertical-align: middle; } }
      ul.icon-buttons li a:before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        font-size: 32px;
        line-height: 32px;
        padding-bottom: 12px;
        padding-top: 18px;
        font-family: "FontAwesome";
        z-index: 50; }
        @media screen and (max-width: 579px) {
          ul.icon-buttons li a:before {
            line-height: 60px;
            text-align: left;
            padding: 0 0 0 12px; } }
      ul.icon-buttons li a[class^="fc-"]:before, ul.icon-buttons li a[class*="fc-"]:before {
        font-family: "fontcustom-dcs";
        text-decoration: none; }
      ul.icon-buttons li a:after {
        display: inline-block;
        vertical-align: middle;
        content: "";
        height: 100%; }
      ul.icon-buttons li a p {
        font-family: "UWA Regular", "UWA", Georgia, serif;
        font-size: 19px;
        line-height: 22px;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        white-space: normal;
        margin: 0px; }
        ul.icon-buttons li a p:before {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 50;
          content: ""; }
      ul.icon-buttons li a:focus p:before, ul.icon-buttons li a:hover p:before {
        background-color: rgba(255, 255, 255, 0.2); }
      ul.icon-buttons li a:active p:before {
        background-color: rgba(0, 0, 0, 0.2); }
      ul.icon-buttons li a.fa-facebook {
        background-color: #3B5998; }
      ul.icon-buttons li a.fa-instagram {
        background-color: #125688; }
      ul.icon-buttons li a.fa-youtube {
        background-color: #BB0000; }
      ul.icon-buttons li a.fa-linkedin {
        background-color: #27348B; }
      ul.icon-buttons li a.fa-twitter {
        background-color: #55ACEE; }
      ul.icon-buttons li a.gold, ul.icon-buttons li a.bright {
        background-color: #E2B600; }
      ul.icon-buttons li a.grey {
        background-color: #DDDDDD; }
      ul.icon-buttons li a.orange {
        background-color: #AA4F20; }
      ul.icon-buttons li a.gold, ul.icon-buttons li a.grey, ul.icon-buttons li a.bright {
        text-decoration: none;
        color: #27348b; }
        ul.icon-buttons li a.gold:link, ul.icon-buttons li a.grey:link, ul.icon-buttons li a.bright:link {
          text-decoration: none; }
        ul.icon-buttons li a.gold:hover, ul.icon-buttons li a.gold:focus, ul.icon-buttons li a.grey:hover, ul.icon-buttons li a.grey:focus, ul.icon-buttons li a.bright:hover, ul.icon-buttons li a.bright:focus {
          text-decoration: underline; }
        ul.icon-buttons li a.gold:link, ul.icon-buttons li a.gold:hover, ul.icon-buttons li a.gold:focus, ul.icon-buttons li a.gold:visited, ul.icon-buttons li a.grey:link, ul.icon-buttons li a.grey:hover, ul.icon-buttons li a.grey:focus, ul.icon-buttons li a.grey:visited, ul.icon-buttons li a.bright:link, ul.icon-buttons li a.bright:hover, ul.icon-buttons li a.bright:focus, ul.icon-buttons li a.bright:visited {
          color: #27348b; }
  @media screen and (min-width: 580px) {
    ul.icon-buttons.medium li a {
      padding: 72px 24px 12px 24px;
      height: 125px; }
      ul.icon-buttons.medium li a span.icon {
        height: 48px;
        line-height: 48px;
        top: 24px;
        left: 0; }
      ul.icon-buttons.medium li a:before {
        top: 0;
        padding-top: 30px;
        font-size: 40px;
        line-height: 40px; }
    ul.icon-buttons.large li a {
      padding: 88px 24px 12px 24px;
      height: 150px; }
      ul.icon-buttons.large li a span.icon {
        height: 64px;
        line-height: 64px;
        top: 24px;
        left: 0; }
      ul.icon-buttons.large li a:before {
        top: 0;
        padding-top: 30px;
        font-size: 48px;
        line-height: 48px; }
    ul.icon-buttons.huge li a {
      padding: 88px 24px 12px 24px;
      height: 200px; }
      ul.icon-buttons.huge li a span.icon {
        height: 64px;
        line-height: 64px;
        top: 36px;
        left: 0; }
      ul.icon-buttons.huge li a:before {
        top: 0;
        padding-top: 36px;
        font-size: 48px;
        line-height: 64px; } }

/* ul.contact-combo-links - blue circle over grey to white gradient button - supersceded by info snippets */
ul.contact-combo-links li {
  position: relative;
  text-align: center;
  min-height: 200px; }
  ul.contact-combo-links li:before {
    background: linear-gradient(to bottom, #ececec, rgba(236, 236, 236, 0) 125px);
    bottom: 6px;
    content: "";
    display: block;
    left: 12px;
    position: absolute;
    right: 12px;
    top: 60px; }
  ul.contact-combo-links li > * {
    position: relative; }
  ul.contact-combo-links li > a:first-child {
    display: block;
    font-size: 20px;
    font-family: "UWA Regular", "UWA", Georgia, serif;
    margin: 0px auto 12px auto;
    padding-top: 108px;
    padding-left: 12px;
    padding-right: 12px; }
    ul.contact-combo-links li > a:first-child img.icon, ul.contact-combo-links li > a:first-child:before, ul.contact-combo-links li > a:first-child:after {
      box-sizing: border-box;
      display: block;
      height: 96px;
      left: 50%;
      margin-left: -48px;
      position: absolute;
      top: 0;
      width: 96px; }
    ul.contact-combo-links li > a:first-child img.icon, ul.contact-combo-links li > a:first-child:before {
      color: white;
      font-family: "FontAwesome";
      font-size: 32px;
      line-height: 48px;
      padding: 24px;
      vertical-align: middle;
      z-index: 51; }
    ul.contact-combo-links li > a:first-child:after {
      background-color: #27348b;
      border-radius: 50%;
      content: "";
      z-index: 50; }
    ul.contact-combo-links li > a:first-child:hover:after, ul.contact-combo-links li > a:first-child:focus:after {
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); }
    ul.contact-combo-links li > a:first-child:hover img.icon, ul.contact-combo-links li > a:first-child:hover:after, ul.contact-combo-links li > a:first-child:hover:before, ul.contact-combo-links li > a:first-child:focus img.icon, ul.contact-combo-links li > a:first-child:focus:after, ul.contact-combo-links li > a:first-child:focus:before {
      top: -2px; }
    ul.contact-combo-links li > a:first-child:before {
      text-decoration: underline; }
    ul.contact-combo-links li > a:first-child:before {
      text-decoration: none; }

/* ul.icon-link-blocks - Grey box with icon and link with lots of text - like the old bevel button */
ul.icon-link-blocks li a,
a.icon-link-block {
  text-decoration: none;
  color: #0e55b5;
  background-color: #ececec;
  border: 1px solid lightgray;
  display: block;
  padding: 11px 36px 6px 96px;
  position: relative;
  box-sizing: border-box;
  min-height: 86px;
  font-family: "UWA Regular", "UWA", Georgia, serif;
  font-size: 20px;
  line-height: 1.05;
  margin-bottom: 12px !important; }
  ul.icon-link-blocks li a:link,
  a.icon-link-block:link {
    text-decoration: none; }
  ul.icon-link-blocks li a:hover, ul.icon-link-blocks li a:focus,
  a.icon-link-block:hover,
  a.icon-link-block:focus {
    text-decoration: underline; }
  ul.icon-link-blocks li a:link, ul.icon-link-blocks li a:hover, ul.icon-link-blocks li a:focus, ul.icon-link-blocks li a:visited,
  a.icon-link-block:link,
  a.icon-link-block:hover,
  a.icon-link-block:focus,
  a.icon-link-block:visited {
    color: #0e55b5; }
  ul.icon-link-blocks li a:after,
  a.icon-link-block:after {
    content: "";
    font-family: "fontcustom-dcs";
    position: absolute;
    display: block;
    top: 50%;
    right: 12px;
    color: #737373;
    opacity: 0.5;
    line-height: 24px;
    height: 24px;
    margin-top: -12px;
    transition: margin 100ms ease; }
  ul.icon-link-blocks li a:hover:after, ul.icon-link-blocks li a:focus:after,
  a.icon-link-block:hover:after,
  a.icon-link-block:focus:after {
    margin-left: 3px;
    margin-right: -3px; }
  ul.icon-link-blocks li a img:first-child,
  a.icon-link-block img:first-child {
    position: absolute;
    top: 12px;
    left: 12px;
    max-width: 72px;
    max-height: 60px;
    clip: rect(0 72px 60px 0); }
  ul.icon-link-blocks li a span.icon,
  a.icon-link-block span.icon {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 72px;
    height: 60px;
    background-position: center 20%;
    background-size: cover; }

ul.icon-link-blocks li {
  background: none;
  padding: 0px; }

.furtherinfo a.icon-link-block,
.right-col a.icon-link-block,
.info-card a.icon-link-block {
  background-color: #DDDDDD;
  border-color: #c4c4c4; }

/* lists and icons - Written by Timothy Phillips */
@keyframes uwacore-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* Simple list styles */
ul, ol, dl {
  margin: 0 0 12px 0;
  list-style-position: outside; }

ul {
  /* Defaults for unordered lists */
  list-style: none; }
  ul > li {
    margin: 0px 0px 6px 0;
    padding-left: 22px;
    background: url(../img/symbol/bullet-default.svg) 1px 3px no-repeat; }
    ul > li > *:first-child {
      margin-top: 0px; }
    ul > li > *:last-child {
      margin-bottom: 0px; }
  ul.list-padding > li {
    margin-bottom: 12px; }
  ul > li:last-child {
    margin-bottom: 0px; }
  ul.ruled li {
    border-bottom: 1px dotted #D8D8D8;
    padding-bottom: 12px;
    margin-bottom: 12px; }
    ul.ruled li:last-child {
      border-bottom: none;
      padding-bottom: 0; }
  ul.compact li {
    line-height: 1.15em; }

li > ul, li > ol {
  margin-top: 12px; }

ul.links > *:first-child, ul.linklist > *:first-child, div.site-map ul > *:first-child {
  margin-top: 0px; }

ul.links > *:last-child, ul.linklist > *:last-child, div.site-map ul > *:last-child {
  margin-bottom: 0px; }

ul.links > li, ul.linklist > li, div.site-map ul > li {
  list-style: none;
  background: none;
  margin-left: 0px;
  position: relative;
  padding-left: 22px; }
  ul.links > li:before, ul.linklist > li:before, div.site-map ul > li:before {
    color: #E2B600;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    text-decoration: none;
    text-align: center;
    width: 16px;
    position: absolute;
    left: 0px; }

li.link {
  list-style: none;
  background: none;
  margin-left: 0px;
  position: relative;
  padding-left: 22px; }
  li.link:before {
    color: #E2B600;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    text-decoration: none;
    text-align: center;
    width: 16px;
    position: absolute;
    left: 0px; }

/* ul.columns - Columns ordered down then right, rather than the usuial right then down.
 * Browser support may be a little hit and miss */
ul.columns, ul.columns-3, ul.columns-4 {
  -moz-column-count: 2;
  -moz-column-gap: 24px;
  -webkit-column-count: 2;
  -webkit-column-gap: 24px;
  column-count: 2;
  column-gap: 24px; }
  ul.columns.columns-3, ul.columns-3.columns-3, ul.columns-4.columns-3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3; }
  ul.columns.columns-4, ul.columns-3.columns-4, ul.columns-4.columns-4 {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4; }

/* override defaults with ul.no-bullet and ul.no-numbers */
ul.no-bullet {
  list-style: none;
  margin-left: 0;
  padding: 0;
  background-image: none; }
  ul.no-bullet > li {
    margin-left: 0;
    padding-left: 0px;
    background-image: none; }
  ul.no-bullet.columns > li {
    padding: 0px 12px; }

ol.no-numbers {
  list-style: none;
  padding: 0px; }
  ol.no-numbers > li {
    padding: 0px; }

/* ul.inline and other varients for using lists as simple layouts without bullets */
ul.inline {
  list-style-image: none;
  margin-bottom: 12px;
  margin-right: -12px; }
  ul.inline:after {
    clear: both;
    content: " ";
    display: block;
    height: 0px;
    overflow: hidden; }
  ul.inline > li {
    margin: 0 12px 12px 0;
    display: inline-block; }
    ul.inline > li > *:last-child {
      margin-bottom: 0px; }

ul.inline-links {
  list-style-image: none;
  margin: 0 -6px 6px -6px; }
  ul.inline-links:after {
    clear: both;
    content: " ";
    display: block;
    height: 0px;
    overflow: hidden; }
  ul.inline-links > li {
    list-style: none;
    background: none;
    margin: 0 0 6px 0;
    padding: 0 6px;
    display: block;
    float: left;
    vertical-align: bottom; }
    ul.inline-links > li img {
      vertical-align: bottom; }
    ul.inline-links > li:after {
      content: "|";
      display: block;
      padding: 0 0 0 12px;
      display: inline;
      color: #D8D8D8; }
    ul.inline-links > li:last-child:after {
      display: none; }
    ul.inline-links > li.no-divider:after {
      content: ""; }

ul.inline-center {
  font-size: 0px;
  margin: 24px -12px 24px -12px;
  margin-bottom: -24px !important;
  text-align: center;
  list-style: none; }
  ul.inline-center.width-large > li {
    width: 220px; }
  ul.inline-center.width-medium > li {
    width: 180px; }
  ul.inline-center.width-small > li {
    width: 120px; }
  ul.inline-center.width-tiny > li {
    width: 80px; }
  ul.inline-center > li {
    margin: 0px;
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    background-image: none;
    padding: 0px 12px 24px 12px; }
  ul.inline-center.align-top > li {
    vertical-align: top; }

/* Ordered lists */
ol {
  list-style-position: outside;
  padding-left: 17px; }
  ol > li {
    padding-left: 5px;
    margin: 0px 0px 6px 0; }
    ol > li > ol {
      margin-bottom: 0px; }
  ol.alpha, ol[type="a"] {
    counter-reset: listAlpha;
    list-style-type: none; }
    ol.alpha > li, ol[type="a"] > li {
      position: relative;
      counter-increment: listAlpha; }
      ol.alpha > li:before, ol[type="a"] > li:before {
        right: 100%;
        position: absolute;
        content: counter(listAlpha, lower-alpha) ")"; }
  ol.roman, ol[type="i"] {
    list-style-type: lower-roman; }

/* ol.index and table of contents */
ol.toc, ol.index {
  list-style: none;
  padding-left: 0px;
  counter-reset: index;
  margin: 24px 0; }
  ol.toc a, ol.index a {
    text-decoration: none; }
    ol.toc a:hover, ol.index a:hover {
      text-decoration: underline; }
  ol.toc > li, ol.index > li {
    border-bottom: 1px solid #D8D8D8;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 30px;
    counter-increment: index;
    position: relative; }
    ol.toc > li:before, ol.index > li:before {
      content: counter(index) ".";
      position: absolute;
      display: block;
      left: 0px;
      width: 24px;
      text-align: right; }
    ol.toc > li:last-child, ol.index > li:last-child {
      border-bottom: 0px; }
    ol.toc > li > ol, ol.toc > li > ul, ol.index > li > ol, ol.index > li > ul {
      margin-left: 12px; }

/* definition lists */
dl {
  margin-bottom: 12px; }
  dl > dt {
    font-size: inherit;
    margin-bottom: 0;
    text-align: left; }
    dl > dt > *:first-child {
      margin-top: 0px; }
  dl:not(.no-bold-titles) > dt {
    font-weight: 600; }
  dl > dd {
    margin-bottom: 12px;
    text-align: left; }
    dl > dd > *:first-child {
      margin-top: 0px; }
    dl > dd > *:last-child {
      margin-bottom: 0px; }
  dl.list > dt {
    margin: 0 0 6px 0;
    position: relative;
    padding-left: 22px; }
    dl.list > dt:before {
      color: #868686;
      content: "";
      display: inline-block;
      font-family: "fontcustom-dcs";
      text-decoration: none;
      text-align: center;
      width: 16px;
      position: absolute;
      left: 0px;
      font-weight: normal; }
  dl.list > dd {
    margin: 0 0 12px 22px; }
  dl.linklist > dt, dl.links > dt {
    margin: 0 0 6px 0;
    position: relative;
    padding-left: 22px; }
    dl.linklist > dt:before, dl.links > dt:before {
      color: #E2B600;
      content: "";
      display: inline-block;
      font-family: "FontAwesome";
      text-decoration: none;
      text-align: center;
      width: 16px;
      position: absolute;
      left: 0px;
      font-weight: normal; }
  dl.linklist > dd, dl.links > dd {
    margin: 0 0 12px 22px; }
  dl.list > dt small, dl.links > dt small {
    float: right;
    margin-left: 1em;
    line-height: inherit; }
  dl[class^="columns-"]:after, dl[class*="columns-"]:after, dl.columns:after {
    clear: both;
    content: " ";
    display: block;
    height: 0px;
    overflow: hidden; }
  dl[class^="columns-"] > dt, dl[class*="columns-"] > dt, dl.columns > dt {
    clear: left;
    float: left;
    margin: 0 12px 0 0;
    width: 200px;
    word-wrap: break-word; }
  dl[class^="columns-"] > dd, dl[class*="columns-"] > dd, dl.columns > dd {
    margin-left: 200px;
    padding-left: 12px;
    margin-bottom: 12px; }
    dl[class^="columns-"] > dd:after, dl[class*="columns-"] > dd:after, dl.columns > dd:after {
      clear: both;
      content: " ";
      display: block;
      height: 0px;
      overflow: hidden; }
    dl[class^="columns-"] > dd > *:first-child, dl[class*="columns-"] > dd > *:first-child, dl.columns > dd > *:first-child {
      margin-top: 0px; }
    dl[class^="columns-"] > dd > *:last-child, dl[class*="columns-"] > dd > *:last-child, dl.columns > dd > *:last-child {
      margin-bottom: 0px; }
    dl[class^="columns-"] > dd:last-child, dl[class*="columns-"] > dd:last-child, dl.columns > dd:last-child {
      margin-bottom: 0px; }
  @media screen and (max-width: 579px) {
    dl[class^="columns-"]:not(.columns-mobile) > dt, dl[class*="columns-"]:not(.columns-mobile) > dt, dl.columns:not(.columns-mobile) > dt {
      width: 100% !important; }
    dl[class^="columns-"]:not(.columns-mobile) > dd, dl[class*="columns-"]:not(.columns-mobile) > dd, dl.columns:not(.columns-mobile) > dd {
      clear: left;
      margin-left: 12px !important; } }
  dl.columns-quarter > dt {
    width: 25%; }
  dl.columns-quarter > dd {
    margin-left: 25%; }
  dl.columns-third > dt {
    width: 33.3333%; }
  dl.columns-third > dd {
    margin-left: 33.3333%; }
  dl.columns-half > dt {
    width: 50%; }
  dl.columns-half > dd {
    margin-left: 50%; }
  dl.columns-tiny > dt {
    width: 80px; }
  dl.columns-tiny > dd {
    margin-left: 80px; }
  dl.columns-small > dt {
    width: 120px; }
  dl.columns-small > dd {
    margin-left: 120px; }
  dl.columns-medium > dt {
    width: 200px; }
  dl.columns-medium > dd {
    margin-left: 200px; }
  dl.ruled.columns {
    position: relative; }
    dl.ruled.columns > dd + dt:before {
      position: absolute;
      display: block;
      content: '';
      height: 1px;
      width: 100%;
      margin-top: -12px;
      border-top: 1px dotted #D8D8D8; }
    dl.ruled.columns > dd + dt, dl.ruled.columns.columns > dd + dt + dd {
      padding-top: 13px; }
  dl.ruled:not(.columns) > dd + dt {
    border-top: 1px dotted #D8D8D8;
    padding-top: 12px; }

/* dl.inline for a continuous compact list - good for tags and properties in search results */
dl.inline {
  display: block;
  margin: 12px 0; }
  dl.inline dt, dl.inline dd {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 6px; }
  dl.inline dd + dt:before {
    content: "|";
    display: inline-block;
    margin-right: 6px;
    color: #737373; }
  dl.inline ul {
    margin: 0px;
    display: inline; }
    dl.inline ul li {
      display: inline-block;
      margin: 0px; }
      dl.inline ul li + li {
        margin-left: 6px; }

/* icons */
ul.icons {
  /* for font-awesome and symilar */
  list-style: none;
  margin-left: 0;
  padding: 0; }
  ul.icons > li {
    margin-left: 0;
    padding-left: 22px;
    position: relative;
    background-image: none;
    min-height: 24px; }
    ul.icons > li > a {
      display: inline-block; }
    ul.icons > li i.fa, ul.icons > li[class^="fa-"]:before, ul.icons > li[class*=" fa-"]:before {
      left: 0em;
      line-height: inherit;
      position: absolute;
      text-align: center;
      font-family: "FontAwesome";
      width: 1em;
      display: inline-block;
      color: #27348b; }

dl.icons > dt, dl.icons > dd {
  padding-left: 22px; }

dl.icons > dt {
  position: relative; }
  dl.icons > dt i.fa, dl.icons > dt[class^="fa-"]:before {
    left: 0em;
    line-height: inherit;
    position: absolute;
    text-align: center;
    font-family: "FontAwesome";
    font-size: 16px;
    width: 16px;
    font-weight: normal;
    display: inline-block;
    color: #27348b; }

.icon-tiny, .icon-small, .icon-medium, .icon-large, .icon-huge,
.icons-tiny > *, .icons-small > *, .icons-medium > *, .icons-large > *, .icons-huge > * {
  position: relative;
  clear: left;
  background-image: none !important; }
  .icon-tiny > .icon, .icon-tiny:before, .icon-small > .icon, .icon-small:before, .icon-medium > .icon, .icon-medium:before, .icon-large > .icon, .icon-large:before, .icon-huge > .icon, .icon-huge:before,
  .icons-tiny > * > .icon,
  .icons-tiny > *:before, .icons-small > * > .icon, .icons-small > *:before, .icons-medium > * > .icon, .icons-medium > *:before, .icons-large > * > .icon, .icons-large > *:before, .icons-huge > * > .icon, .icons-huge > *:before {
    float: left; }
  .icon-tiny:before, .icon-small:before, .icon-medium:before, .icon-large:before, .icon-huge:before,
  .icons-tiny > *:before, .icons-small > *:before, .icons-medium > *:before, .icons-large > *:before, .icons-huge > *:before {
    display: inline-block;
    color: #27348b;
    font-family: "FontAwesome";
    font-weight: normal;
    text-align: center; }

div.content .icons-tiny, div.content .icons-small, div.content .icons-medium, div.content .icons-large, div.content .icons-huge {
  margin-left: 0px;
  margin-right: 0px; }
  div.content .icons-tiny:after, div.content .icons-small:after, div.content .icons-medium:after, div.content .icons-large:after, div.content .icons-huge:after {
    clear: both;
    content: " ";
    display: block;
    height: 0px;
    overflow: hidden; }

.icon-tiny,
.icons-tiny > * {
  padding-left: 22px !important;
  min-height: 16px; }
  .icon-tiny > .icon, .icon-tiny:before,
  .icons-tiny > * > .icon,
  .icons-tiny > *:before {
    max-width: 16px;
    max-height: 16px;
    margin-left: -22px !important; }
  .icon-tiny:before,
  .icons-tiny > *:before {
    font-size: 16px;
    line-height: 24px;
    width: 16px;
    height: 16px; }
  .icon-tiny.icon-above,
  .icons-tiny > *.icon-above {
    padding-top: 22px !important;
    padding-left: 0 !important; }
    .icon-tiny.icon-above > .icon, .icon-tiny.icon-above:before,
    .icons-tiny > *.icon-above > .icon,
    .icons-tiny > *.icon-above:before {
      margin-left: -8px !important;
      left: 50%;
      top: 0; }

dl.icons-tiny > dd {
  min-height: 24px; }

a.icon-tiny, span.icon-tiny {
  display: inline-block; }

.icon-small,
.icons-small > * {
  padding-left: 36px !important;
  min-height: 24px; }
  .icon-small > .icon, .icon-small:before,
  .icons-small > * > .icon,
  .icons-small > *:before {
    max-width: 24px;
    max-height: 24px;
    margin-left: -36px !important; }
  .icon-small:before,
  .icons-small > *:before {
    font-size: 24px;
    line-height: 24px;
    width: 24px;
    height: 24px; }
  .icon-small.icon-above,
  .icons-small > *.icon-above {
    padding-top: 36px !important;
    padding-left: 0 !important; }
    .icon-small.icon-above > .icon, .icon-small.icon-above:before,
    .icons-small > *.icon-above > .icon,
    .icons-small > *.icon-above:before {
      margin-left: -12px !important;
      left: 50%;
      top: 0; }

dl.icons-small > dd {
  min-height: 24px; }

a.icon-small, span.icon-small {
  display: inline-block; }

.icon-medium,
.icons-medium > * {
  padding-left: 60px !important;
  min-height: 48px; }
  .icon-medium > .icon, .icon-medium:before,
  .icons-medium > * > .icon,
  .icons-medium > *:before {
    max-width: 48px;
    max-height: 48px;
    margin-left: -60px !important; }
  .icon-medium:before,
  .icons-medium > *:before {
    font-size: 48px;
    line-height: 48px;
    width: 48px;
    height: 48px; }
  .icon-medium.icon-above,
  .icons-medium > *.icon-above {
    padding-top: 60px !important;
    padding-left: 0 !important; }
    .icon-medium.icon-above > .icon, .icon-medium.icon-above:before,
    .icons-medium > *.icon-above > .icon,
    .icons-medium > *.icon-above:before {
      margin-left: -24px !important;
      left: 50%;
      top: 0; }

dl.icons-medium > dd {
  min-height: 24px; }

a.icon-medium, span.icon-medium {
  display: inline-block; }

.icon-large,
.icons-large > * {
  padding-left: 82px !important;
  min-height: 64px; }
  .icon-large > .icon, .icon-large:before,
  .icons-large > * > .icon,
  .icons-large > *:before {
    max-width: 64px;
    max-height: 64px;
    margin-left: -82px !important; }
  .icon-large:before,
  .icons-large > *:before {
    font-size: 64px;
    line-height: 64px;
    width: 64px;
    height: 64px; }
  .icon-large.icon-above,
  .icons-large > *.icon-above {
    padding-top: 82px !important;
    padding-left: 0 !important; }
    .icon-large.icon-above > .icon, .icon-large.icon-above:before,
    .icons-large > *.icon-above > .icon,
    .icons-large > *.icon-above:before {
      margin-left: -32px !important;
      left: 50%;
      top: 0; }

dl.icons-large > dd {
  min-height: 24px; }

a.icon-large, span.icon-large {
  display: inline-block; }

.icon-huge,
.icons-huge > * {
  padding-left: 120px !important;
  min-height: 96px; }
  .icon-huge > .icon, .icon-huge:before,
  .icons-huge > * > .icon,
  .icons-huge > *:before {
    max-width: 96px;
    max-height: 96px;
    margin-left: -120px !important; }
  .icon-huge:before,
  .icons-huge > *:before {
    font-size: 96px;
    line-height: 96px;
    width: 96px;
    height: 96px; }
  .icon-huge.icon-above,
  .icons-huge > *.icon-above {
    padding-top: 120px !important;
    padding-left: 0 !important; }
    .icon-huge.icon-above > .icon, .icon-huge.icon-above:before,
    .icons-huge > *.icon-above > .icon,
    .icons-huge > *.icon-above:before {
      margin-left: -48px !important;
      left: 50%;
      top: 0; }

dl.icons-huge > dd {
  min-height: 24px; }

a.icon-huge, span.icon-huge {
  display: inline-block; }

.icon-above {
  margin-top: 12px; }
  .icon-above > .icon, .icon-above:before {
    position: absolute;
    padding-top: 12px; }

.icons-vertical-middle > * {
  padding-top: 24px;
  padding-bottom: 24px; }
  .icons-vertical-middle > * > .icon, .icons-vertical-middle > *:before {
    position: absolute;
    float: none;
    top: 50%; }

.icons-vertical-middle.icons-tiny > * {
  min-height: 16px; }
  .icons-vertical-middle.icons-tiny > * > .icon, .icons-vertical-middle.icons-tiny > *:before {
    margin-top: -8px; }

.icons-vertical-middle.icons-small > * {
  min-height: 24px; }
  .icons-vertical-middle.icons-small > * > .icon, .icons-vertical-middle.icons-small > *:before {
    margin-top: -12px; }

.icons-vertical-middle.icons-medium > * {
  min-height: 48px; }
  .icons-vertical-middle.icons-medium > * > .icon, .icons-vertical-middle.icons-medium > *:before {
    margin-top: -24px; }

.icons-vertical-middle.icons-large > * {
  min-height: 64px; }
  .icons-vertical-middle.icons-large > * > .icon, .icons-vertical-middle.icons-large > *:before {
    margin-top: -32px; }

.icons-vertical-middle.icons-huge > * {
  min-height: 96px; }
  .icons-vertical-middle.icons-huge > * > .icon, .icons-vertical-middle.icons-huge > *:before {
    margin-top: -48px; }

ul.icon-circles-above {
  list-style: none;
  font-size: 0px;
  text-align: center;
  margin: 12px -12px 12px -12px; }
  ul.icon-circles-above > li {
    background-image: none;
    vertical-align: top;
    padding: 102px 12px 0 12px;
    margin-bottom: 12px;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
    color: #27348b;
    width: 144px; }
    ul.icon-circles-above > li:before {
      font-family: "FontAwesome";
      font-size: 48px;
      color: #27348b;
      line-height: 48px; }
    ul.icon-circles-above > li > .icon, ul.icon-circles-above > li:before {
      margin-left: -48px !important;
      left: 50%;
      top: 0;
      position: absolute;
      box-sizing: content-box;
      padding: 22px;
      width: 48px;
      height: 48px;
      border: 2px solid #27348b;
      vertical-align: middle;
      border-radius: 50%; }

[class^="icon-"].text-hidden {
  font-size: 0px !important;
  padding: 0px !important;
  text-decoration: none !important; }
  [class^="icon-"].text-hidden .icon, [class^="icon-"].text-hidden:before {
    display: block;
    margin: 12px !important;
    float: none !important; }

[class^="icon-"].text-hidden:hover, [class^="icon-"].text-hidden:focus {
  border-bottom: 1px solid rgba(216, 216, 216, 0.5); }

.icon-gold:before {
  color: #E2B600 !important; }

.icon-grey:before {
  color: #737373 !important; }

.icon-blue:before {
  color: #27348b !important; }

.icon-white:before {
  color: white !important; }

ul.vertical-middle {
  align-items: flex-center; }
  ul.vertical-middle > li {
    white-space: nowrap;
    vertical-align: middle; }
    ul.vertical-middle > li > * {
      vertical-align: middle;
      width: 100%;
      display: inline-block;
      white-space: normal;
      line-height: 1.1em; }
    ul.vertical-middle > li:after {
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      content: ""; }

ul.icons-gold > li > i.fa, ul.icons-gold > li[class^="fa-"]:before, ul.icons-gold > li[class*=" fa-"]:before, dl.icons-gold > dt > i.fa, dl.icons-gold > dt[class^="fa-"]:before, dl.icons-gold > dt[class*=" fa-"]:before {
  color: #E2B600; }

ul.icons-grey > li > i.fa, ul.icons-grey > li[class^="fa-"]:before, ul.icons-grey > li[class*=" fa-"]:before, dl.icons-grey > dt > i.fa, dl.icons-grey > dt[class^="fa-"]:before, dl.icons-grey > dt[class*=" fa-"]:before {
  color: #737373; }

ul.icons-blue > li > i.fa, ul.icons-blue > li[class^="fa-"]:before, ul.icons-blue > li[class*=" fa-"]:before, dl.icons-blue > dt > i.fa, dl.icons-blue > dt[class^="fa-"]:before, dl.icons-blue > dt[class*=" fa-"]:before {
  color: #27348b; }

dl.icons-small dt, dl.icons-medium dt, dl.icons-large dt, dl.icons-huge dt {
  clear: left;
  min-height: 24px; }
  dl.icons-small dt:before, dl.icons-small dt img.icon, dl.icons-medium dt:before, dl.icons-medium dt img.icon, dl.icons-large dt:before, dl.icons-large dt img.icon, dl.icons-huge dt:before, dl.icons-huge dt img.icon {
    top: 6px;
    margin-top: 0px; }

dl.icons-small dd, dl.icons-medium dd, dl.icons-large dd, dl.icons-huge dd {
  clear: none; }

dl.ruled {
  margin: 24px 0; }
  dl.ruled dt:before, dl.ruled dt img.icon {
    margin-bottom: 12px; }

dl.icons-gold > dt > i.fa, dl.icons-gold > dt[class^="fa-"]:before, dl.icons-gold > dt[class*=" fa-"]:before {
  color: #E2B600; }

a.icon-navigation {
  width: 48px;
  height: 40px;
  text-align: center;
  display: inline-block;
  font-size: 11px;
  line-height: 11px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Source Sans Pro", Arial, sans-serif;
  padding: 0 6px;
  text-decoration: none;
  color: #737373; }
  a.icon-navigation:link {
    text-decoration: none; }
  a.icon-navigation:hover, a.icon-navigation:focus {
    text-decoration: underline; }
  a.icon-navigation:link, a.icon-navigation:hover, a.icon-navigation:focus, a.icon-navigation:visited {
    color: #737373; }
  a.icon-navigation:before {
    font-size: 22px;
    line-height: 22px;
    padding: 2px 0 5px 0;
    display: inline-block;
    font-family: "FontAwesome"; }
  a.icon-navigation:active:before, a.icon-navigation:hover:before {
    text-decoration: none; }

h3 a.icon-navigation {
  margin-top: -12px; }

/* Images - Written by Timothy Phillips */
@keyframes uwacore-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* common classes - mostly slignment */
div.content img.right {
  float: right;
  margin: 0 0 12px 0;
  padding-left: 24px; }

div.content img.left {
  float: left;
  margin: 0 0 12px 0;
  padding-right: 24px; }

div.content img.right, div.content img.left {
  max-width: calc(33.3333% + 12px); }
  @media screen and (max-width: 759px) {
    div.content img.right, div.content img.left {
      max-width: 40%;
      max-height: 30vh; } }

div.content img.crop-circle {
  border-radius: 50%; }

div.image-right, div[class^="image-right-"] {
  float: right;
  max-width: 33.3333%;
  padding-left: 24px;
  padding-bottom: 12px; }
  div.image-right.image-right-small, div[class^="image-right-"].image-right-small {
    max-width: 189px; }
  @media screen and (max-width: 459px) {
    div.image-right, div[class^="image-right-"] {
      max-width: 50% !important; }
      div.image-right img, div[class^="image-right-"] img {
        max-height: 30vh; } }

p.caption, div.image-right img + p {
  color: #737373;
  font-size: 14px;
  line-height: 18px;
  margin-top: 2px; }
  p.caption:before, div.image-right img + p:before {
    content: "";
    font-family: "FontAwesome";
    display: inline-block;
    margin-right: 6px;
    color: inherit; }

/* fill and crop - TODO: is this used? was there safari compatability issues? */
div.image-fill-and-crop {
  background-size: cover;
  background-position: 50% 20%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  min-height: 100px; }
  div.image-fill-and-crop > * {
    display: none; }
  @media screen and (max-width: 759px) {
    div.image-fill-and-crop {
      background-position: -1000px -1000px; }
      div.image-fill-and-crop > img {
        display: block;
        margin: 0px auto;
        max-height: 200px; } }

/* div.banner - old rebrand styles with uwa curve and optional text - doesn't work well on larger page widths */
div.banner {
  position: relative;
  display: block;
  margin-bottom: 36px;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  z-index: 50; }
  div.banner img {
    max-width: 100%;
    max-height: 400px;
    vertical-align: middle;
    position: relative; }
  div.banner div.overlay {
    text-align: center;
    font-size: 18px;
    padding: 12px;
    position: relative; }
    div.banner div.overlay p {
      font-weight: 500; }
    div.banner div.overlay h3 {
      font-size: 38px;
      line-height: 44px;
      margin: 0px auto 12px auto;
      border: none;
      padding: 0px; }
    div.banner div.overlay *:last-child {
      margin-bottom: 0px; }
    div.banner div.overlay:after {
      display: none; }
  @media screen and (min-width: 760px) {
    div.banner {
      font-size: 0px;
      white-space: nowrap; }
      div.banner div.overlay {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        position: static;
        margin-left: -100%; }
        div.banner div.overlay.wide > * {
          max-width: 864px; }
        div.banner div.overlay:after {
          display: none; }
        div.banner div.overlay:not(.no-underlay):before {
          display: block;
          content: "";
          position: absolute;
          top: 0px;
          left: 0px;
          right: 0px;
          bottom: 0px;
          background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 80%); }
        div.banner div.overlay.bottom {
          padding-top: 15%; }
          div.banner div.overlay.bottom:before {
            background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0) 60%); }
        div.banner div.overlay > * {
          color: white;
          font-size: 18px;
          max-width: 480px;
          text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5), -1px -1px 5px rgba(0, 0, 0, 0.5), -1px 1px 5px rgba(0, 0, 0, 0.5), 1px -1px 5px rgba(0, 0, 0, 0.5);
          margin-left: auto;
          margin-right: auto;
          z-index: 52;
          position: relative;
          white-space: normal;
          border-color: white; }
        div.banner div.overlay h3 {
          font-size: 42px;
          line-height: 48px;
          margin-left: auto; } }

/* Tables - Written by Timothy Phillips */
@keyframes uwacore-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* tables */
table {
  margin-bottom: 24px;
  margin-top: 24px;
  font-size: 14px;
  line-height: 18px; }
  table td, table th {
    padding: 6px 6px;
    text-align: left;
    vertical-align: top;
    box-sizing: border-box;
    white-space: normal; }
    table td.width-10, table th.width-10 {
      width: 10%; }
    table td.width-20, table th.width-20 {
      width: 20%; }
    table td.width-30, table th.width-30 {
      width: 30%; }
    table td.width-40, table th.width-40 {
      width: 40%; }
    table td.width-50, table th.width-50 {
      width: 50%; }
    table td.width-60, table th.width-60 {
      width: 60%; }
    table td.width-70, table th.width-70 {
      width: 70%; }
    table td.width-80, table th.width-80 {
      width: 80%; }
    table td.width-90, table th.width-90 {
      width: 90%; }
    table td.width-100, table th.width-100 {
      width: 100%; }
  table th {
    text-transform: uppercase;
    font-weight: bold; }
  table tr > *:first-child {
    padding-left: 0px; }
  table tr > *:last-child {
    padding-right: 0px; }
  table thead th {
    vertical-align: bottom; }

table.ruled, table.altrow, table.styled {
  box-sizing: border-box;
  min-width: 50%;
  position: relative; }
  table.ruled.text-right td, table.altrow.text-right td, table.styled.text-right td {
    text-align: right; }
  table.ruled + p.caption, table.altrow + p.caption, table.styled + p.caption {
    color: #737373;
    font-size: 14px;
    line-height: 18px;
    margin-top: 2px;
    margin-top: -10px;
    margin-bottom: 24px; }
    table.ruled + p.caption:before, table.altrow + p.caption:before, table.styled + p.caption:before {
      content: "";
      font-family: "FontAwesome";
      display: inline-block;
      margin-right: 6px;
      color: inherit; }
  table.ruled ul > li, table.altrow ul > li, table.styled ul > li {
    background-position: 1px 1px; }

table.ruled tr {
  border-bottom: 1px solid rgba(216, 216, 216, 0.5); }

table.ruled > tbody:last-child > tr:last-child {
  border-bottom: 0px; }

table.altrow tr, table.styled tr {
  border: 0px; }
  table.altrow tr > *:first-child, table.styled tr > *:first-child {
    padding-left: 6px; }
  table.altrow tr > *:last-child, table.styled tr > *:last-child {
    padding-right: 6px; }

table.altrow thead, table.altrow tfoot, table.styled thead, table.styled tfoot {
  background-color: #e2e2e2; }

table.altrow tbody tr:nth-child(odd), table.styled tbody tr:nth-child(odd) {
  background-color: white; }

table.altrow tbody tr:nth-child(even), table.styled tbody tr:nth-child(even) {
  background-color: #ececec; }

table.altrow tbody td[rowspan], table.altrow tbody th[rowspan], table.styled tbody td[rowspan], table.styled tbody th[rowspan] {
  background-color: white; }

table.altrow:after, table.styled:after {
  display: block;
  content: "";
  border-bottom: 1px solid #D8D8D8;
  height: 12px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0; }

@media print {
  table.altrow tr, table.styled tr {
    border-bottom: 1px solid #D8D8D8; }
  table.altrow > tbody:last-child > tr:last-child, table.styled > tbody:last-child > tr:last-child {
    border-bottom: 0px; } }

table.compact-grid {
  border: 1px solid rgba(216, 216, 216, 0.5); }
  table.compact-grid tr {
    border-bottom: 1px solid rgba(216, 216, 216, 0.5); }
    table.compact-grid tr td, table.compact-grid tr th {
      border-right: 1px solid rgba(216, 216, 216, 0.5); }
    table.compact-grid tr > td:last-child, table.compact-grid tr > th:last-child {
      border-right: 0px; }
  table.compact-grid > tbody:last-child > tr:last-child {
    border-bottom: 0px; }
  table.compact-grid th, table.compact-grid td {
    padding: 2px 3px;
    font-size: 14px; }

table.padded th, table.padded td {
  padding: 12px 12px !important; }

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

div.column-half table.styled, div.column-third table.styled, div.column-two-third table.styled {
  min-width: 75%;
  margin-left: auto;
  margin-right: auto; }

/* dl.table for faux table styles on definition list */
dl.table {
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; }
  dl.table:after {
    clear: both;
    content: " ";
    display: block;
    height: 0px;
    overflow: hidden; }
  dl.table > dt, dl.table > dd {
    padding: 6px 12px;
    float: left;
    font-size: 14px;
    line-height: 18px;
    background-color: white;
    margin: 0px; }
    dl.table > dt > *:first-child, dl.table > dd > *:first-child {
      margin-top: 0px; }
    dl.table > dt > *:last-child, dl.table > dd > *:last-child {
      margin-bottom: 0px; }
  dl.table > dt {
    text-transform: uppercase;
    font-weight: bold;
    width: 25%; }
  dl.table > dd {
    width: 75%; }
  dl.table.no-caps > dt {
    text-transform: none; }
  dl.table > *:nth-child(4n+1) {
    background-color: #ececec; }
    dl.table > *:nth-child(4n+1) + dd {
      background-color: #ececec; }
  dl.table:after {
    display: block;
    content: "";
    width: 100%;
    border-bottom: 1px solid #D8D8D8;
    height: 12px; }
  dl.table + p.caption {
    color: #737373;
    font-size: 14px;
    line-height: 18px;
    margin-top: 2px;
    margin-top: -22px;
    margin-bottom: 24px; }
    dl.table + p.caption:before {
      content: "";
      font-family: "FontAwesome";
      display: inline-block;
      margin-right: 6px;
      color: inherit; }

/* Matrix contact directory loader asset */
div.cdl_section table.table-size-99 {
  width: 100%; }
  div.cdl_section table.table-size-99 > tbody > tr td {
    word-wrap: break-word; }
    div.cdl_section table.table-size-99 > tbody > tr td:nth-child(1) {
      width: 25%; }
    div.cdl_section table.table-size-99 > tbody > tr td:nth-child(2) {
      width: 25%; }
    div.cdl_section table.table-size-99 > tbody > tr td:nth-child(3) {
      width: 15% !important; }
    div.cdl_section table.table-size-99 > tbody > tr td:nth-child(4) {
      width: 25%; }
    div.cdl_section table.table-size-99 > tbody > tr td:nth-child(5) {
      width: 10%; }
    @media screen and (max-width: 759px) {
      div.cdl_section table.table-size-99 > tbody > tr td {
        display: block;
        float: left; }
        div.cdl_section table.table-size-99 > tbody > tr td:nth-child(1) {
          width: 50%; }
        div.cdl_section table.table-size-99 > tbody > tr td:nth-child(2) {
          width: 50%; }
        div.cdl_section table.table-size-99 > tbody > tr td:nth-child(3) {
          width: 30% !important; }
        div.cdl_section table.table-size-99 > tbody > tr td:nth-child(4) {
          width: 50%; }
        div.cdl_section table.table-size-99 > tbody > tr td:nth-child(5) {
          width: 20%; } }

/* Layout - Written by Timothy Phillips
 * columns, Grids and a large variety of override classes for margins, padding, width, responsive etc */
@keyframes uwacore-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* simple columns with wrapper added by javascript such as .column-half*/
div[class^='column-'], div[class*=' column-'] {
  padding: 12px;
  box-sizing: border-box;
  float: left; }
  div[class^='column-'].column-half, div[class*=' column-'].column-half {
    width: 50%;
    max-width: 624px; }
  div[class^='column-'].column-third, div[class*=' column-'].column-third {
    width: 33.3333%;
    max-width: 423.9996px; }
  div[class^='column-'].column-two-third, div[class*=' column-'].column-two-third {
    width: 66.6666%;
    max-width: 823.9992px; }
  div[class^='column-'].column-fifth, div[class*=' column-'].column-fifth {
    width: 20%;
    max-width: 264px; }
  div[class^='column-'].column-two-fifth, div[class*=' column-'].column-two-fifth {
    width: 40%;
    max-width: 504px; }
  div[class^='column-'].column-three-fifth, div[class*=' column-'].column-three-fifth {
    width: 60%;
    max-width: 744px; }
  div[class^='column-'].column-four-fifth, div[class*=' column-'].column-four-fifth {
    width: 80%;
    max-width: 984px; }
  div[class^='column-'].column-one-quarter, div[class^='column-'].column-quarter, div[class*=' column-'].column-one-quarter, div[class*=' column-'].column-quarter {
    width: 25%;
    max-width: 324px; }
  div[class^='column-'].column-three-quarter, div[class*=' column-'].column-three-quarter {
    width: 75%;
    max-width: 924px; }
  div[class^='column-'].column-full, div[class*=' column-'].column-full {
    width: 100%; }
  div[class^='column-'].column-desktop-right, div[class*=' column-'].column-desktop-right {
    float: right; }
  @media screen and (max-width: 759px) {
    div[class^='column-'], div[class*=' column-'] {
      width: 100% !important;
      float: none;
      margin-left: auto;
      margin-right: auto; }
      div[class^='column-'] + *, div[class*=' column-'] + * {
        clear: both; }
      div[class^='column-'].gap-right, div[class*=' column-'].gap-right {
        padding-right: 8.33333% !important; } }
    @media screen and (max-width: 759px) and (max-width: 1079px) {
      div[class^='column-'].gap-right, div[class*=' column-'].gap-right {
        padding-right: 12px !important; } }
  @media screen and (max-width: 759px) {
      div[class^='column-'].gap-left, div[class*=' column-'].gap-left {
        padding-left: 8.33333% !important; } }
    @media screen and (max-width: 759px) and (max-width: 1079px) {
      div[class^='column-'].gap-left, div[class*=' column-'].gap-left {
        padding-left: 12px !important; } }
  @media screen and (max-width: 759px) {
      div[class^='column-'].flex-align-center, div[class*=' column-'].flex-align-center {
        align-self: center; } }

div.column-group {
  padding: 0px;
  float: none;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-left: -12px !important;
  margin-right: -12px !important;
  position: relative;
  z-index: 50; }
  div.column-group:after {
    clear: both;
    content: " ";
    display: block;
    height: 0px;
    overflow: hidden; }
  div.column-group.flex {
    /* If flexbox not working see https://github.com/philipwalton/flexbugs */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
    align-items: stretch; }
    div.column-group.flex > div {
      float: none; }
    div.column-group.flex.align-center > div, div.column-group.flex > div.align-center {
      align-self: center;
      text-align: center; }
    @media screen and (max-width: 759px) {
      div.column-group.flex {
        display: block !important; }
        div.column-group.flex > * {
          -webkit-box-flex: none;
          -moz-box-flex: none;
          -webkit-flex: none;
          -ms-flex: none;
          flex: none;
          display: block; } }
  @media screen and (max-width: 759px) {
    div.column-group {
      padding: 0px;
      margin: 24px 0; } }
  div.column-group > div {
    padding: 24px 12px 0 12px; }
    div.column-group > div > *:first-child {
      margin-top: 0px; }
    div.column-group > div > *:last-child {
      margin-bottom: 0px; }
    @media screen and (max-width: 759px) {
      div.column-group > div {
        margin-bottom: 24px; }
        div.column-group > div:last-child {
          margin-bottom: 0px; } }
  div.column-group > div:first-child, div.column-group > div:first-child + div {
    padding-top: 0px; }
  div.column-group > div:first-child.column-third + div.column-third + div.column-third {
    padding-top: 0px; }
  div.column-group > div:first-child.column-quarter + div.column-quarter + div.column-quarter {
    padding-top: 0px; }
    div.column-group > div:first-child.column-quarter + div.column-quarter + div.column-quarter + div.column-quarter {
      padding-top: 0px; }

/* ul.grid-x-column - Simple list based grid layouts - used as a base for MANY styles */
.grid-1-column, .grid-3-column, .grid-2-column, .grid-4-column, .grid-5-column, .grid-6-column {
  /* If flexbox not working see https://github.com/philipwalton/flexbugs */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: stretch;
  align-items: stretch;
  margin: 24px -12px 24px -12px; }
  .grid-1-column:after, .grid-3-column:after, .grid-2-column:after, .grid-4-column:after, .grid-5-column:after, .grid-6-column:after {
    clear: both;
    content: " ";
    display: block;
    height: 0px;
    overflow: hidden; }
  .grid-1-column > li, .grid-3-column > li, .grid-2-column > li, .grid-4-column > li, .grid-5-column > li, .grid-6-column > li {
    background-image: none; }
    .grid-1-column > li > .fill-parent, .grid-3-column > li > .fill-parent, .grid-2-column > li > .fill-parent, .grid-4-column > li > .fill-parent, .grid-5-column > li > .fill-parent, .grid-6-column > li > .fill-parent {
      width: 100%;
      height: 100%; }
  .grid-1-column.expand-all > li > *, .grid-3-column.expand-all > li > *, .grid-2-column.expand-all > li > *, .grid-4-column.expand-all > li > *, .grid-5-column.expand-all > li > *, .grid-6-column.expand-all > li > * {
    max-width: 100% !important;
    min-width: 100px !important;
    width: 100%;
    height: 100%; }
  .grid-1-column > *, .grid-3-column > *, .grid-2-column > *, .grid-4-column > *, .grid-5-column > *, .grid-6-column > * {
    font-size: 16px;
    flex-grow: 0;
    box-sizing: border-box;
    align-self: stretch;
    padding: 24px 12px 0 12px;
    margin: 0px; }
    .grid-1-column > * > img, .grid-3-column > * > img, .grid-2-column > * > img, .grid-4-column > * > img, .grid-5-column > * > img, .grid-6-column > * > img {
      max-width: 100%;
      margin-bottom: 12px; }
  .grid-1-column.padding-full > *, .grid-3-column.padding-full > *, .grid-2-column.padding-full > *, .grid-4-column.padding-full > *, .grid-5-column.padding-full > *, .grid-6-column.padding-full > * {
    padding: 24px 12px 0 12px; }
  .grid-1-column.padding-half > *, .grid-3-column.padding-half > *, .grid-2-column.padding-half > *, .grid-4-column.padding-half > *, .grid-5-column.padding-half > *, .grid-6-column.padding-half > * {
    padding: 12px 6px 0 6px; }
  .grid-1-column.padding-none > *, .grid-3-column.padding-none > *, .grid-2-column.padding-none > *, .grid-4-column.padding-none > *, .grid-5-column.padding-none > *, .grid-6-column.padding-none > * {
    padding: 0 !important; }
  .grid-1-column.align-left, .grid-3-column.align-left, .grid-2-column.align-left, .grid-4-column.align-left, .grid-5-column.align-left, .grid-6-column.align-left {
    justify-content: flex-start; }

.grid-1-column > * {
  width: 100%; }
  .grid-1-column > *:first-child {
    padding-top: 0px; }
  @media screen and (max-width: 759px) {
    .grid-1-column > * {
      width: 50%; }
      .grid-1-column > *:nth-child(-n+2) {
        padding-top: 0px; } }

.grid-2-column > * {
  width: 50%; }
  .grid-2-column > *:nth-child(-n+2) {
    padding-top: 0px; }

.grid-3-column > * {
  width: 33.3333%; }
  .grid-3-column > *:nth-child(-n+3) {
    padding-top: 0px; }

.grid-4-column > * {
  width: 25%; }
  .grid-4-column > *:nth-child(-n+4) {
    padding-top: 0px; }
  @media screen and (max-width: 1079px) {
    .grid-4-column > * {
      width: 50%;
      padding-top: 24px; }
      .grid-4-column > *:nth-child(-n+4) {
        padding-top: 24px; }
      .grid-4-column > *:nth-child(-n+2) {
        padding-top: 0px; } }

.grid-5-column > * {
  width: 20%; }
  .grid-5-column > *:nth-child(-n+5) {
    padding-top: 0px; }
  @media screen and (max-width: 1079px) {
    .grid-5-column > * {
      width: 33.3333%; }
      .grid-5-column > *:nth-child(-n+5) {
        padding-top: 24px; }
      .grid-5-column > *:nth-child(-n+3) {
        padding-top: 0px; } }
  @media screen and (max-width: 759px) {
    .grid-5-column > * {
      width: 50%; }
      .grid-5-column > *:nth-child(-n+3) {
        padding-top: 24px; }
      .grid-5-column > *:nth-child(-n+2) {
        padding-top: 0px; } }

.grid-6-column > * {
  width: 16.6666%; }
  .grid-6-column > *:nth-child(-n+6) {
    padding-top: 0px; }
  @media screen and (max-width: 759px) {
    .grid-6-column > * {
      width: 33.3333%; }
      .grid-6-column > *:nth-child(-n+6) {
        padding-top: 24px; }
      .grid-6-column > *:nth-child(-n+3) {
        padding-top: 0px; } }
  @media screen and (max-width: 579px) {
    .grid-6-column > * {
      width: 50%; }
      .grid-6-column > *:nth-child(-n+3) {
        padding-top: 24px; }
      .grid-6-column > *:nth-child(-n+2) {
        padding-top: 0px; } }

#legacy-browser .grid-3-column, #legacy-browser .grid-2-column, #legacy-browser .grid-4-column, #legacy-browser .grid-5-column .grid-6-column {
  display: block !important; }
  #legacy-browser .grid-3-column > *, #legacy-browser .grid-2-column > *, #legacy-browser .grid-4-column > *, #legacy-browser .grid-5-column .grid-6-column > * {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: block; }
  #legacy-browser .grid-3-column > *, #legacy-browser .grid-2-column > *, #legacy-browser .grid-4-column > *, #legacy-browser .grid-5-column .grid-6-column > * {
    float: left; }

@media screen and (max-width: 579px) {
  .grid-1-column, .grid-2-column {
    display: block !important; }
    .grid-1-column > *, .grid-2-column > * {
      -webkit-box-flex: none;
      -moz-box-flex: none;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      display: block; }
    .grid-1-column > *, .grid-2-column > * {
      width: 100%;
      margin: auto;
      float: none; }
      .grid-1-column > *:not(:first-child), .grid-2-column > *:not(:first-child) {
        padding-top: 24px; }
      .grid-1-column > * > .fill-parent, .grid-2-column > * > .fill-parent {
        height: auto !important; } }

@media screen and (max-width: 759px) {
  .grid-3-column, .grid-4-column {
    display: block !important; }
    .grid-3-column > *, .grid-4-column > * {
      -webkit-box-flex: none;
      -moz-box-flex: none;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      display: block; }
    .grid-3-column > *, .grid-4-column > * {
      width: 100%;
      margin: auto;
      float: none; }
      .grid-3-column > *:not(:first-child), .grid-4-column > *:not(:first-child) {
        padding-top: 24px; }
      .grid-3-column > * > .fill-parent, .grid-4-column > * > .fill-parent {
        height: auto !important; } }

@media screen and (max-width: 459px) {
  .grid-5-column {
    display: block !important; }
    .grid-5-column > * {
      -webkit-box-flex: none;
      -moz-box-flex: none;
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      display: block; }
    .grid-5-column > * {
      width: 100%;
      margin: auto;
      float: none; }
      .grid-5-column > *:not(:first-child) {
        padding-top: 24px; }
      .grid-5-column > * > .fill-parent {
        height: auto !important; } }

/* .grid layout - a lot of precice control. Typically for less-standard developer-crafted layouts */
.grid {
  /* If flexbox not working see https://github.com/philipwalton/flexbugs */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: stretch;
  align-items: stretch;
  margin-left: -12px;
  margin-right: -12px;
  position: relative;
  z-index: 51; }
  .grid:after {
    clear: both;
    content: " ";
    display: block;
    height: 0px;
    overflow: hidden; }
  .grid > * {
    box-sizing: border-box; }
  .grid img {
    max-width: 100%; }
  .grid.debug > [class^="grid-"]:hover {
    position: relative; }
    .grid.debug > [class^="grid-"]:hover:before {
      content: " ";
      display: block;
      position: absolute;
      box-shadow: 0px 0px 10px pink;
      top: 12px;
      left: 12px;
      bottom: 12px;
      right: 12px; }
  .grid > [class^="grid-"],
  .grid > [class*=" grid-"] {
    padding: 12px;
    position: relative; }
    .grid > [class^="grid-"] > div,
    .grid > [class*=" grid-"] > div {
      height: 100%; }
    .grid > [class^="grid-"] > *:last-child,
    .grid > [class*=" grid-"] > *:last-child {
      margin-bottom: 0px; }
    .grid > [class^="grid-"] > *:first-child,
    .grid > [class*=" grid-"] > *:first-child {
      margin-top: 0px; }
    .grid > [class^="grid-"].box,
    .grid > [class*=" grid-"].box {
      padding: 24px; }
      .grid > [class^="grid-"].box > *,
      .grid > [class*=" grid-"].box > * {
        position: relative;
        z-index: 52; }
      .grid > [class^="grid-"].box:before,
      .grid > [class*=" grid-"].box:before {
        z-index: 49;
        content: " ";
        display: block;
        position: absolute;
        top: 12px;
        bottom: 12px;
        left: 12px;
        right: 12px;
        background-color: #ececec; }
  .grid.grid-tight {
    margin-left: -6px;
    margin-right: -6px; }
    .grid.grid-tight > [class^="grid-"],
    .grid.grid-tight > [class*=" grid-"] {
      padding: 6px; }
      .grid.grid-tight > [class^="grid-"].box,
      .grid.grid-tight > [class*=" grid-"].box {
        padding: 24px; }
        .grid.grid-tight > [class^="grid-"].box:before,
        .grid.grid-tight > [class*=" grid-"].box:before {
          top: 6px;
          bottom: 6px;
          left: 6px;
          right: 6px; }
  .grid.input-combo {
    margin-left: auto;
    margin-right: auto; }
    .grid.input-combo > [class^="grid-"],
    .grid.input-combo > [class*=" grid-"] {
      padding: 0px; }
    .grid.input-combo > li {
      white-space: nowrap; }

ul.grid {
  list-style: none; }
  ul.grid > li {
    background: none;
    margin: 0px; }

.grid .margin-right-1g {
  margin-right: 8.33333%; }

.grid .margin-left-1g {
  margin-left: 8.33333%; }

.grid > .grid-1 {
  width: 8.33333%; }

.grid > .grid-2 {
  width: 16.66667%; }

.grid > .grid-3 {
  width: 25%; }

.grid > .grid-4 {
  width: 33.33333%; }

.grid > .grid-5 {
  width: 41.66667%; }

.grid > .grid-6 {
  width: 50%; }

.grid > .grid-7 {
  width: 58.33333%; }

.grid > .grid-8 {
  width: 66.66667%; }

.grid > .grid-9 {
  width: 75%; }

.grid > .grid-10 {
  width: 83.33333%; }

.grid > .grid-11 {
  width: 91.66667%; }

.grid > .grid-12 {
  width: 100%; }

@media screen and (max-width: 1079px) {
  .grid > .grid-tablet-1 {
    width: 8.33333%; }
  .grid > .grid-tablet-2 {
    width: 16.66667%; }
  .grid > .grid-tablet-3 {
    width: 25%; }
  .grid > .grid-tablet-4 {
    width: 33.33333%; }
  .grid > .grid-tablet-5 {
    width: 41.66667%; }
  .grid > .grid-tablet-6 {
    width: 50%; }
  .grid > .grid-tablet-7 {
    width: 58.33333%; }
  .grid > .grid-tablet-8 {
    width: 66.66667%; }
  .grid > .grid-tablet-9 {
    width: 75%; }
  .grid > .grid-tablet-10 {
    width: 83.33333%; }
  .grid > .grid-tablet-11 {
    width: 91.66667%; }
  .grid > .grid-tablet-12 {
    width: 100%; }
  .grid .grid-tablet-0 {
    display: none; }
  .grid .margin-tablet-none {
    margin-right: 0px; } }

@media screen and (max-width: 759px) {
  .grid > .grid-mobile-1 {
    width: 8.33333%; }
  .grid > .grid-mobile-2 {
    width: 16.66667%; }
  .grid > .grid-mobile-3 {
    width: 25%; }
  .grid > .grid-mobile-4 {
    width: 33.33333%; }
  .grid > .grid-mobile-5 {
    width: 41.66667%; }
  .grid > .grid-mobile-6 {
    width: 50%; }
  .grid > .grid-mobile-7 {
    width: 58.33333%; }
  .grid > .grid-mobile-8 {
    width: 66.66667%; }
  .grid > .grid-mobile-9 {
    width: 75%; }
  .grid > .grid-mobile-10 {
    width: 83.33333%; }
  .grid > .grid-mobile-11 {
    width: 91.66667%; }
  .grid > .grid-mobile-12 {
    width: 100%; }
  .grid .grid-mobile-0 {
    display: none; }
  .grid .margin-mobile-none {
    margin-right: 0px; } }

@media screen and (max-width: 1079px) {
  .grid-tablet-order-1 {
    order: -9 !important; }
  .grid-tablet-order-2 {
    order: -8 !important; }
  .grid-tablet-order-3 {
    order: -7 !important; }
  .grid-tablet-order-4 {
    order: -6 !important; }
  .grid-tablet-order-5 {
    order: -5 !important; }
  .grid-tablet-order-6 {
    order: -4 !important; }
  .grid-tablet-order-7 {
    order: -3 !important; }
  .grid-tablet-order-8 {
    order: -2 !important; }
  .grid-tablet-order-9 {
    order: -1 !important; } }

@media screen and (max-width: 759px) {
  .grid-mobile-order-1 {
    order: -9 !important; }
  .grid-mobile-order-2 {
    order: -8 !important; }
  .grid-mobile-order-3 {
    order: -7 !important; }
  .grid-mobile-order-4 {
    order: -6 !important; }
  .grid-mobile-order-5 {
    order: -5 !important; }
  .grid-mobile-order-6 {
    order: -4 !important; }
  .grid-mobile-order-7 {
    order: -3 !important; }
  .grid-mobile-order-8 {
    order: -2 !important; }
  .grid-mobile-order-9 {
    order: -1 !important; } }

.width-1g {
  width: 8.33333%;
  box-sizing: border-box; }

.width-2g {
  width: 16.66667%;
  box-sizing: border-box; }

.width-3g {
  width: 25%;
  box-sizing: border-box; }

.width-4g {
  width: 33.33333%;
  box-sizing: border-box; }

.width-5g {
  width: 41.66667%;
  box-sizing: border-box; }

.width-6g {
  width: 50%;
  box-sizing: border-box; }

.width-7g {
  width: 58.33333%;
  box-sizing: border-box; }

.width-8g {
  width: 66.66667%;
  box-sizing: border-box; }

.width-9g {
  width: 75%;
  box-sizing: border-box; }

.width-10g {
  width: 83.33333%;
  box-sizing: border-box; }

.width-11g {
  width: 91.66667%;
  box-sizing: border-box; }

.width-12g {
  width: 100%;
  box-sizing: border-box; }

@media screen and (max-width: 759px) {
  .mobile-width-2g {
    width: 16.66667%;
    box-sizing: border-box; } }

@media screen and (max-width: 759px) {
  .mobile-width-4g {
    width: 33.33333%;
    box-sizing: border-box; } }

@media screen and (max-width: 759px) {
  .mobile-width-6g {
    width: 50%;
    box-sizing: border-box; } }

@media screen and (max-width: 759px) {
  .mobile-width-8g {
    width: 66.66667%;
    box-sizing: border-box; } }

@media screen and (max-width: 759px) {
  .mobile-width-12g {
    width: 100%;
    box-sizing: border-box; } }

#legacy-browser .grid {
  display: block; }
  #legacy-browser .grid > [class^="grid-"],
  #legacy-browser .grid > [class*="grid-"] {
    float: left; }

/* generic show/hide for tablet/mobile/desktop such as .desktop-hide and .mobile-show */
@media screen and (max-width: 1319px) {
  .desktop-hide {
    display: none !important; } }

@media screen and (max-width: 1079px) {
  .tablet-hide {
    display: none !important; } }

@media screen and (min-width: 1080px) {
  .tablet-show {
    display: none !important; } }

@media screen and (max-width: 759px) {
  .mobile-hide {
    display: none !important; } }

@media screen and (min-width: 760px) {
  .mobile-show {
    display: none !important; } }

/* simple block alignments such as .block-center and .block-indent*/
.block-center {
  padding-left: 12px;
  padding-right: 12px;
  margin: 24px auto;
  max-width: 480px; }
  @media screen and (max-width: 579px) {
    .block-center {
      margin-right: 0;
      margin-left: 0; } }

.block-indent {
  padding: 0 48px;
  margin: 24px auto; }
  @media screen and (max-width: 579px) {
    .block-indent {
      padding: 0 48px; } }

.block-center > *:first-child, .block-indent > *:first-child {
  margin-top: 0px; }

.block-center > *:last-child, .block-indent > *:last-child {
  margin-bottom: 0px; }

/* margin overrides such as .margin-top-none and .margin-large */
.margin-none {
  margin: 0 !important; }

.margin-tiny {
  margin-top: 6px !important;
  margin-bottom: 6px !important; }

.margin-small {
  margin-top: 12px !important;
  margin-bottom: 12px !important; }

.margin-normal {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

.margin-large {
  margin-top: 48px !important;
  margin-bottom: 48px !important; }

.margin-huge {
  margin-top: 72px !important;
  margin-bottom: 72px !important; }

.margin-top-none {
  margin-top: 0 !important; }

.margin-top-tiny {
  margin-top: 6px !important; }

.margin-top-small {
  margin-top: 12px !important; }

.margin-top {
  margin-top: 24px !important; }

.margin-top-large {
  margin-top: 48px !important; }

.margin-top-huge {
  margin-top: 48px !important; }

.margin-bottom-negative {
  margin-bottom: -24px !important; }

.margin-bottom-none {
  margin-bottom: 0 !important; }

.margin-bottom-tiny {
  margin-bottom: 6px !important; }

.margin-bottom {
  margin-bottom: 24px !important; }

.margin-bottom-small {
  margin-bottom: 12px !important; }

.margin-bottom-large {
  margin-bottom: 48px !important; }

.margin-bottom-huge {
  margin-bottom: 72px !important; }

/* padding overrides such as .padding-none and .padding-bottom-large */
.padding-none {
  padding: 0px !important; }

.padding-tiny {
  padding: 6px !important; }

.padding-small {
  padding: 12px !important; }

.padding-medium {
  padding: 24px !important; }

.padding-large {
  padding: 48px !important; }

.padding-huge {
  padding: 72px !important; }

.padding-top-none {
  padding-top: 0 !important; }

.padding-top-small {
  padding-top: 12px !important; }

.padding-top {
  padding-top: 24px !important; }

.padding-top-large {
  padding-top: 48px !important; }

.padding-bottom-none {
  padding-bottom: 0 !important; }

.padding-bottom-small {
  padding-bottom: 12px !important; }

.padding-bottom {
  padding-bottom: 24px !important; }

.padding-bottom-large {
  padding-bottom: 48px !important; }

.padding-vertical-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

/* block width sizing such as .width-full and .width-max-tablet */
.size-full {
  max-width: 100% !important;
  min-width: 100px !important;
  width: 100%;
  height: 100%; }

.width-full, .width-max {
  width: 100% !important;
  max-width: 100%  !important; }

.width-max-desktop, .width-max-large, .width-max-semi-large, .width-max-tablet, .width-max-medium, .width-max-small, .width-max-mobile, .width-max-tiny, .width-large, .width-semi-large, .width-medium-large, .width-medium, .width-small, .width-tiny {
  margin-left: auto !important;
  margin-right: auto !important; }

.width-max-desktop, .width-max-large {
  max-width: 960px; }

.width-max-semi-large, .width-max-medium-large {
  max-width: 800px; }

.width-max-tablet {
  max-width: 768px; }

.width-max-medium {
  max-width: 640px; }

.width-max-small {
  max-width: 532px; }

.width-max-mobile {
  max-width: 320px; }

.width-max-tiny {
  max-width: 296px; }

.width-enormous {
  width: 1480px !important;
  max-width: 100% !important; }

.width-huge {
  width: 1200px !important;
  max-width: 100% !important; }

.width-large {
  width: 960px !important;
  max-width: 100% !important; }

.width-semi-large, .width-medium-large {
  width: 800px !important;
  max-width: 100% !important; }

.width-medium {
  width: 640px !important;
  max-width: 100% !important; }

.width-small {
  width: 532px !important;
  max-width: 100% !important; }

.width-tiny {
  width: 296px !important;
  max-width: 100% !important; }

/* .margin-flush-header or footer to push content up or down flush with the header or footer */
.margin-flush-footer {
  margin-bottom: -48px !important; }

.margin-flush-header {
  margin-top: -48px !important; }

/* z-index tweaks */
.z-index-high {
  z-index: 100 !important;
  position: relative; }

.z-index-middle {
  z-index: 50 !important;
  position: relative; }

.z-index-low {
  z-index: 0 !important;
  position: relative; }

/* Footer block - Written by Timothy Phillips */
@keyframes uwacore-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* social icons */
#uwafooter-site-icons {
  padding-top: 0px !important; }
  #uwafooter-site-icons > * {
    display: none; }
  #uwafooter-site-icons ul {
    padding-top: 12px;
    display: block;
    list-style: none; }
    #uwafooter-site-icons ul li {
      background-image: none;
      display: inline-block;
      line-height: 24px;
      padding: 0px;
      margin: 0px 0 12px 0px;
      font-size: 0px;
      position: relative;
      padding: 0 6px; }
      #uwafooter-site-icons ul li a {
        padding: 0;
        display: block;
        border-radius: 3px;
        vertical-align: middle; }
        #uwafooter-site-icons ul li a img {
          vertical-align: middle; }
        #uwafooter-site-icons ul li a:hover > *, #uwafooter-site-icons ul li a:focus > * {
          margin-bottom: 2px;
          margin-top: -2px; }
        #uwafooter-site-icons ul li a:hover i.fa, #uwafooter-site-icons ul li a:focus i.fa {
          text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }
        #uwafooter-site-icons ul li a:hover img, #uwafooter-site-icons ul li a:focus img {
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
          background-color: rgba(0, 0, 0, 0.2);
          border-radius: 2px; }
      #uwafooter-site-icons ul li i.fa {
        width: 24px;
        font-size: 24px;
        text-align: center;
        vertical-align: middle; }

/* #footercontainer */
#footercontainer {
  font-size: 14px;
  line-height: 18px;
  color: #2b2b2b;
  clear: both; }
  #footercontainer > div {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 24px;
    padding-right: 24px; }
    #footercontainer > div > * {
      width: 960px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
    @media (max-width: 1008px) {
      #footercontainer > div {
        width: 100%;
        padding-left: calc(12px + 12 * (100vw - 480px) / 480);
        padding-right: calc(12px + 12 * (100vw - 480px) / 480); }
        #footercontainer > div > * {
          width: 100%; } }
    @media (max-width: 480px) {
      #footercontainer > div {
        padding-left: 12px;
        padding-right: 12px; } }
  #footercontainer #uwafooter-links {
    background: url("../img/bgs/footer-watermark-refresh.png") 50% -15px no-repeat #EBEBEB; }
    @media screen and (max-width: 1079px) {
      #footercontainer #uwafooter-links {
        width: 100%; } }
    #footercontainer #uwafooter-links > div {
      padding: 24px 0 12px 0; }
      #footercontainer #uwafooter-links > div:after {
        clear: both;
        content: " ";
        display: block;
        height: 0px;
        overflow: hidden; }
      #footercontainer #uwafooter-links > div > div {
        margin: 0 -6px;
        font-size: 0px; }
        #footercontainer #uwafooter-links > div > div > div {
          font-size: 14px;
          display: inline-block;
          vertical-align: top;
          box-sizing: border-box;
          margin-bottom: 12px;
          padding: 0px 6px;
          width: 25%; }
          @media screen and (max-width: 1079px) {
            #footercontainer #uwafooter-links > div > div > div {
              width: 50%;
              margin-bottom: 24px; } }
          @media screen and (max-width: 579px) {
            #footercontainer #uwafooter-links > div > div > div {
              width: 100%;
              display: block; } }
        #footercontainer #uwafooter-links > div > div.primary-links > div:last-child h1 {
          margin-right: -6px; }
        #footercontainer #uwafooter-links > div > div.bottom-links > div {
          vertical-align: bottom; }
        #footercontainer #uwafooter-links > div > div.bottom-links .logo {
          width: 25%; }
          #footercontainer #uwafooter-links > div > div.bottom-links .logo img {
            max-width: 100%;
            vertical-align: baseline; }
        #footercontainer #uwafooter-links > div > div.bottom-links .cricos {
          width: 20%; }
          @media screen and (max-width: 1079px) {
            #footercontainer #uwafooter-links > div > div.bottom-links .cricos {
              width: 25%; } }
        @media screen and (max-width: 579px) {
          #footercontainer #uwafooter-links > div > div.bottom-links .logo, #footercontainer #uwafooter-links > div > div.bottom-links .cricos {
            width: 50%;
            display: inline-block; } }
        #footercontainer #uwafooter-links > div > div.bottom-links .other-links {
          width: 55%; }
          #footercontainer #uwafooter-links > div > div.bottom-links .other-links ul {
            float: right;
            list-style-image: none;
            margin: 0 -6px 0 0; }
            #footercontainer #uwafooter-links > div > div.bottom-links .other-links ul:after {
              clear: both;
              content: " ";
              display: block;
              height: 0px;
              overflow: hidden; }
            #footercontainer #uwafooter-links > div > div.bottom-links .other-links ul > li {
              list-style: none;
              background: none;
              margin: 0;
              padding: 0 6px 0 0;
              display: block;
              float: left; }
              #footercontainer #uwafooter-links > div > div.bottom-links .other-links ul > li:after {
                content: "|";
                display: block;
                padding: 0 0 0 6px;
                display: inline; }
              #footercontainer #uwafooter-links > div > div.bottom-links .other-links ul > li:last-child:after {
                display: none; }
          @media screen and (max-width: 1079px) {
            #footercontainer #uwafooter-links > div > div.bottom-links .other-links {
              width: 50%; }
              #footercontainer #uwafooter-links > div > div.bottom-links .other-links ul {
                width: 66.6666%;
                float: none; }
                #footercontainer #uwafooter-links > div > div.bottom-links .other-links ul li {
                  display: block;
                  float: none;
                  padding: 0px;
                  margin-top: 6px; }
                  #footercontainer #uwafooter-links > div > div.bottom-links .other-links ul li:after {
                    display: none; } }
          @media screen and (max-width: 579px) {
            #footercontainer #uwafooter-links > div > div.bottom-links .other-links {
              width: 100%; } }
    #footercontainer #uwafooter-links ul {
      margin: 0px; }
    #footercontainer #uwafooter-links ul.icons > li > i {
      color: #464646; }
    #footercontainer #uwafooter-links ul.links > li {
      padding-left: 12px; }
      #footercontainer #uwafooter-links ul.links > li:before {
        text-align: left; }
    #footercontainer #uwafooter-links h1 {
      font-size: 16px;
      line-height: 20px;
      color: #2b2b2b;
      font-family: "UWA Regular", "UWA", Georgia, serif;
      margin-bottom: 12px;
      margin-top: 0px;
      text-align: left; }
      #footercontainer #uwafooter-links h1 a {
        text-decoration: none; }
        #footercontainer #uwafooter-links h1 a:link {
          text-decoration: none; }
        #footercontainer #uwafooter-links h1 a:hover, #footercontainer #uwafooter-links h1 a:focus {
          text-decoration: underline; }
    #footercontainer #uwafooter-links a {
      color: #464646; }
    #footercontainer #uwafooter-links a[href^="tel"] {
      text-decoration: none; }
    #footercontainer #uwafooter-links a.button {
      min-width: 100%; }
    #footercontainer #uwafooter-links #uwafooter-subsite {
      display: none; }
      #footercontainer #uwafooter-links #uwafooter-subsite.show {
        display: inline-block; }
    #footercontainer #uwafooter-links #uwafooter-site-icons {
      width: 75%; }
    #footercontainer #uwafooter-links #uwafooter-campaign {
      width: 25%; }
    @media screen and (max-width: 1079px) {
      #footercontainer #uwafooter-links #uwafooter-site-icons, #footercontainer #uwafooter-links #uwafooter-campaign {
        width: 50%; } }
    @media screen and (max-width: 579px) {
      #footercontainer #uwafooter-links #uwafooter-site-icons, #footercontainer #uwafooter-links #uwafooter-campaign {
        width: 100%; } }
  #footercontainer #uwafooter-thispage {
    display: none;
    margin-top: -12px;
    background-color: #DDDDDD;
    padding-top: 24px;
    padding-bottom: 24px; }
    @media screen and (max-width: 1079px) {
      #footercontainer #uwafooter-thispage {
        margin-top: -24px; } }
    #footercontainer #uwafooter-thispage > * {
      display: block; }
      #footercontainer #uwafooter-thispage > * dl {
        margin: 0px; }
        #footercontainer #uwafooter-thispage > * dl dt {
          font-size: 14px; }
        #footercontainer #uwafooter-thispage > * dl dd {
          margin-bottom: 6px; }
          #footercontainer #uwafooter-thispage > * dl dd:last-child {
            margin-bottom: 0px; }
  #footercontainer.show-thispage #uwafooter-thispage {
    display: block; }
  #footercontainer.show-thispage #uwafooter-thispage-link {
    display: block; }
    #footercontainer.show-thispage #uwafooter-thispage-link > a {
      position: relative;
      display: inline-block; }
      #footercontainer.show-thispage #uwafooter-thispage-link > a span {
        position: relative;
        z-index: 60; }
      #footercontainer.show-thispage #uwafooter-thispage-link > a:before {
        z-index: 40;
        background-color: #DDDDDD;
        display: block;
        position: absolute;
        content: "";
        top: -3px;
        left: -6px;
        right: -6px;
        height: 40px; }
  #footercontainer #uwafooter-brand {
    background-color: #27348b;
    border-bottom: 4px solid #E2B600;
    padding-top: 24px;
    padding-bottom: 24px; }
    #footercontainer #uwafooter-brand > div {
      min-height: 55px; }
    #footercontainer #uwafooter-brand a {
      vertical-align: top;
      display: inline-block; }
    #footercontainer #uwafooter-brand .tagline {
      font-family: "UWA Regular", "UWA", Georgia, serif;
      padding-top: 30px;
      line-height: 25px;
      font-size: 22px;
      text-decoration: none;
      color: white; }
      #footercontainer #uwafooter-brand .tagline:link {
        text-decoration: none; }
      #footercontainer #uwafooter-brand .tagline:hover, #footercontainer #uwafooter-brand .tagline:focus {
        text-decoration: underline; }
      #footercontainer #uwafooter-brand .tagline:link, #footercontainer #uwafooter-brand .tagline:hover, #footercontainer #uwafooter-brand .tagline:focus, #footercontainer #uwafooter-brand .tagline:visited {
        color: white; }
      @media screen and (max-width: 579px) {
        #footercontainer #uwafooter-brand .tagline {
          float: none;
          display: block;
          text-align: center;
          padding-top: 0;
          padding-bottom: 24px; } }
    #footercontainer #uwafooter-brand .uwacrest {
      float: right; }
      #footercontainer #uwafooter-brand .uwacrest:after {
        clear: both;
        content: " ";
        display: block;
        height: 0px;
        overflow: hidden; }
      @media screen and (max-width: 579px) {
        #footercontainer #uwafooter-brand .uwacrest {
          float: none;
          text-align: center;
          display: block;
          margin: 0px auto; } }

/* body class overrides */
body.footer-no-campaign #footercontainer #uwafooter-campaign {
  display: none; }

body.page-wide #footercontainer > div > *, body.style-version-two #footercontainer > div > * {
  width: 1248px; }

@media (max-width: 1248px) {
  body.page-wide #footercontainer > div, body.style-version-two #footercontainer > div {
    width: 100%; }
    body.page-wide #footercontainer > div > *, body.style-version-two #footercontainer > div > * {
      width: 100%; } }

body.footer-hide #footercontainer {
  display: none; }

/* Central content block - Written by Timothy Phillips */
@keyframes uwacore-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* breadcrumbs for old and style-version-two */
div.content ol#uwacore-breadcrumbs {
  margin: -6px 0 12px 0;
  list-style: none;
  padding: 0px;
  color: #737373;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  div.content ol#uwacore-breadcrumbs:after {
    clear: both;
    content: " ";
    display: block;
    height: 0px;
    overflow: hidden; }
  div.content ol#uwacore-breadcrumbs li {
    display: inline-block;
    padding: 0px 12px 0 0;
    position: relative; }
    div.content ol#uwacore-breadcrumbs li:after {
      content: "";
      position: absolute;
      width: 12px;
      text-align: center;
      right: 0;
      top: 0;
      font-family: "FontAwesome"; }
    div.content ol#uwacore-breadcrumbs li:last-child {
      padding-right: 0px; }
      div.content ol#uwacore-breadcrumbs li:last-child:after {
        display: none; }
  div.content ol#uwacore-breadcrumbs + * {
    margin-top: 0px; }

body.header-style-two ol#uwacore-breadcrumbs, body.style-version-two ol#uwacore-breadcrumbs {
  background-color: #212d77;
  margin: 0px;
  padding: 0px;
  text-shadow: none;
  font-size: 0px;
  line-height: 24px; }
  body.header-style-two ol#uwacore-breadcrumbs li, body.style-version-two ol#uwacore-breadcrumbs li {
    padding: 6px 18px 6px 6px;
    margin: 0px;
    display: inline-block;
    font-size: 14px;
    position: relative;
    color: #f2f2f2; }
    body.header-style-two ol#uwacore-breadcrumbs li:after, body.style-version-two ol#uwacore-breadcrumbs li:after {
      content: "";
      position: absolute;
      width: 12px;
      text-align: center;
      font-family: "FontAwesome";
      right: 0px;
      top: 50%;
      line-height: 24px;
      margin-top: -12px;
      color: #f2f2f2; }
    body.header-style-two ol#uwacore-breadcrumbs li:nth-child(1), body.style-version-two ol#uwacore-breadcrumbs li:nth-child(1) {
      display: none; }
    body.header-style-two ol#uwacore-breadcrumbs li:nth-child(2), body.style-version-two ol#uwacore-breadcrumbs li:nth-child(2) {
      background-color: #2d3b9f;
      padding-left: 24px;
      padding-right: 12px;
      position: relative;
      margin-right: 24px; }
      body.header-style-two ol#uwacore-breadcrumbs li:nth-child(2):after, body.style-version-two ol#uwacore-breadcrumbs li:nth-child(2):after {
        display: inline-block;
        position: absolute;
        content: "";
        left: 100%;
        top: 0px;
        bottom: 0px;
        width: 0;
        height: 0;
        margin-top: 0px;
        border-style: solid;
        border-width: 18px 0 18px 18px;
        border-color: transparent transparent transparent #2d3b9f; }
    body.header-style-two ol#uwacore-breadcrumbs li:last-child:after, body.style-version-two ol#uwacore-breadcrumbs li:last-child:after {
      display: none; }
  @media screen and (max-width: 579px) {
    body.header-style-two ol#uwacore-breadcrumbs, body.style-version-two ol#uwacore-breadcrumbs {
      display: none; } }
  body.header-style-two ol#uwacore-breadcrumbs a, body.style-version-two ol#uwacore-breadcrumbs a {
    text-decoration: none;
    color: white; }
    body.header-style-two ol#uwacore-breadcrumbs a:link, body.style-version-two ol#uwacore-breadcrumbs a:link {
      text-decoration: none; }
    body.header-style-two ol#uwacore-breadcrumbs a:hover, body.header-style-two ol#uwacore-breadcrumbs a:focus, body.style-version-two ol#uwacore-breadcrumbs a:hover, body.style-version-two ol#uwacore-breadcrumbs a:focus {
      text-decoration: underline; }
    body.header-style-two ol#uwacore-breadcrumbs a:link, body.header-style-two ol#uwacore-breadcrumbs a:hover, body.header-style-two ol#uwacore-breadcrumbs a:focus, body.header-style-two ol#uwacore-breadcrumbs a:visited, body.style-version-two ol#uwacore-breadcrumbs a:link, body.style-version-two ol#uwacore-breadcrumbs a:hover, body.style-version-two ol#uwacore-breadcrumbs a:focus, body.style-version-two ol#uwacore-breadcrumbs a:visited {
      color: white; }

body.no-breadcrumbs ol#uwacore-breadcrumbs, body.landing-page:not(.show-breadcrumbs) ol#uwacore-breadcrumbs {
  display: none; }

body.no-breadcrumbs #centrecontainer > div.contentwrapper:first-child, body.landing-page:not(.show-breadcrumbs) #centrecontainer > div.contentwrapper:first-child {
  padding-top: 48px; }
  @media screen and (max-width: 759px) {
    body.no-breadcrumbs #centrecontainer > div.contentwrapper:first-child, body.landing-page:not(.show-breadcrumbs) #centrecontainer > div.contentwrapper:first-child {
      padding-top: 48px; } }

#navigation,
#pagebanner,
ol#breadcrumbs,
#mobile-navigation {
  display: none; }

/* #centercontainer in normal and style-version-two ToDo: clean-up*/
#centrecontainer {
  z-index: 50;
  position: relative;
  margin-top: 0px;
  overflow-x: hidden; }
  #centrecontainer > div.contentwrapper:first-child {
    background: url("../img/bgs/body-top.png") center top repeat-x white; }
  #centrecontainer > div.contentwrapper {
    padding-top: 48px;
    width: 1080px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 48px; }
    #centrecontainer > div.contentwrapper:after {
      clear: both;
      content: " ";
      display: block;
      height: 0px;
      overflow: hidden; }
    #centrecontainer > div.contentwrapper > * {
      width: 960px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
    @media (max-width: 1008px) {
      #centrecontainer > div.contentwrapper {
        width: 100%;
        padding-left: calc(12px + 12 * (100vw - 480px) / 480);
        padding-right: calc(12px + 12 * (100vw - 480px) / 480); }
        #centrecontainer > div.contentwrapper > * {
          width: 100%; } }
    @media (max-width: 480px) {
      #centrecontainer > div.contentwrapper {
        padding-left: 12px;
        padding-right: 12px; } }
    #centrecontainer > div.contentwrapper > div.content {
      min-height: 300px; }
      @media screen and (max-width: 1079px) {
        #centrecontainer > div.contentwrapper > div.content {
          margin: 0px auto;
          background-size: auto 200px; } }
      @media screen and (max-width: 579px) {
        #centrecontainer > div.contentwrapper > div.content {
          background-size: auto 150px; } }
      @media screen and (max-width: 459px) {
        #centrecontainer > div.contentwrapper > div.content {
          background-size: auto 100px; } }
      #centrecontainer > div.contentwrapper > div.content > *:first-child {
        margin-top: 0px; }
      #centrecontainer > div.contentwrapper > div.content > *:last-child {
        margin-bottom: 0px; }
      #centrecontainer > div.contentwrapper > div.content div[id^="new_div_"]:first-child > *:first-child {
        margin-top: 0px; }

body.header-none #centrecontainer > div.contentwrapper:first-child {
  background-image: none; }

body:not(.style-version-two) #centrecontainer > div.contentwrapper {
  padding-top: 48px; }
  body:not(.style-version-two) #centrecontainer > div.contentwrapper > div.content > *:first-child {
    margin-top: 0px; }
  body:not(.style-version-two) #centrecontainer > div.contentwrapper > div.content > *:last-child {
    margin-bottom: 0px; }
  body:not(.style-version-two) #centrecontainer > div.contentwrapper > div.content > div[id^="content_div_"]:first-child > *:first-child {
    margin-top: 0px; }

body.page-wide #centrecontainer > div.contentwrapper, body.style-version-two #centrecontainer > div.contentwrapper {
  width: 1248px; }
  body.page-wide #centrecontainer > div.contentwrapper > *, body.style-version-two #centrecontainer > div.contentwrapper > * {
    width: 1248px; }
  @media (max-width: 1248px) {
    body.page-wide #centrecontainer > div.contentwrapper, body.style-version-two #centrecontainer > div.contentwrapper {
      width: 100%; }
      body.page-wide #centrecontainer > div.contentwrapper > *, body.style-version-two #centrecontainer > div.contentwrapper > * {
        width: 100%; } }

/* Twocol layout with rightcol first in code for IE8 compatibility - DISCONTINUED IN FSEP */
body:not(.style-version-two) div.two-col {
  margin-top: 24px; }
  body:not(.style-version-two) div.two-col:after {
    clear: both;
    content: " ";
    display: block;
    height: 0px;
    overflow: hidden; }
  body:not(.style-version-two) div.two-col div.left-col {
    float: left;
    width: 75%;
    padding-right: 23px;
    border-right: 1px solid #d8d8d8;
    box-sizing: border-box; }
    body:not(.style-version-two) div.two-col div.left-col > *:first-child {
      margin-top: 0px; }
    body:not(.style-version-two) div.two-col div.left-col > div:first-child > h3:first-child {
      margin-top: 0px; }
  body:not(.style-version-two) div.two-col div.right-col {
    box-sizing: border-box;
    padding-left: 12px;
    float: right;
    width: 25%; }
    body:not(.style-version-two) div.two-col div.right-col > *:first-child {
      margin-top: 0px; }
    body:not(.style-version-two) div.two-col div.right-col > div:first-child > h3:first-child {
      margin-top: 0px; }
  body:not(.style-version-two) div.two-col div.full-col {
    clear: both; }
    body:not(.style-version-two) div.two-col div.full-col > *:first-child {
      margin-top: 0px; }
  body:not(.style-version-two) div.two-col.no-divider div.left-col {
    border-right: none;
    padding-right: 12px; }
  body:not(.style-version-two) div.two-col div.two-col div.left-col {
    width: 58.33333%; }
  body:not(.style-version-two) div.two-col div.two-col div.right-col {
    width: 41.66667%; }

@media screen and (max-width: 1079px) {
  body:not(.style-version-two) div.two-col {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    display: flex;
    flex-direction: column;
    margin-bottom: 24px; }
    body:not(.style-version-two) div.two-col > div.left-col {
      -webkit-box-ordinal-group: 1;
      -webkit-order: 1;
      order: 1;
      margin-right: 0px;
      border-right: 0px;
      padding-right: 0px;
      width: 100%;
      margin-top: 0;
      margin-bottom: 12px; }
      body:not(.style-version-two) div.two-col > div.left-col > *:last-child {
        margin-bottom: 0px; }
    body:not(.style-version-two) div.two-col > div.full-col {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 2;
      order: 2;
      margin-bottom: 12px; }
    body:not(.style-version-two) div.two-col > div.right-col {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 3;
      order: 3;
      float: none;
      width: 100%;
      padding: 12px 0;
      border-top: 1px dotted #d8d8d8;
      border-bottom: 1px dotted #d8d8d8;
      margin-bottom: 12px; }
      body:not(.style-version-two) div.two-col > div.right-col > *:last-child {
        margin-bottom: 0px; }
    body:not(.style-version-two) div.two-col div.two-col div.right-col, body:not(.style-version-two) div.two-col div.two-col div.left-col {
      width: 100%; }
    body:not(.style-version-two) div.two-col.no-divider div.left-col {
      padding-right: 0; } }

body.style-version-two div.two-col div.right-col {
  display: none; }

body.style-version-two.preserve-rightcol div.two-col div.right-col,
body.style-version-two div.two-col div.right-col.preserve {
  background-color: #ececec;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 48px;
  max-width: 500px;
  padding: 24px;
  border-left: 3px solid #27348b; }
  body.style-version-two.preserve-rightcol div.two-col div.right-col > *:first-child,
  body.style-version-two div.two-col div.right-col.preserve > *:first-child {
    margin-top: 0px; }
  body.style-version-two.preserve-rightcol div.two-col div.right-col > *:last-child,
  body.style-version-two div.two-col div.right-col.preserve > *:last-child {
    margin-bottom: 0px; }
  body.style-version-two.preserve-rightcol div.two-col div.right-col h3,
  body.style-version-two div.two-col div.right-col.preserve h3 {
    padding: 0px;
    border: none;
    line-height: 1.1; }

body:not(.style-version-two) div.furtherinfo,
body:not(.style-version-two) div.right-col {
  font-size: 14px;
  line-height: 18px;
  color: #464646;
  font-family: "Source Sans Pro", Arial, sans-serif; }
  body:not(.style-version-two) div.furtherinfo p,
  body:not(.style-version-two) div.right-col p {
    margin: 0 0 12px 0; }
  body:not(.style-version-two) div.furtherinfo h3,
  body:not(.style-version-two) div.right-col h3 {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 19px;
    line-height: 24px;
    text-transform: uppercase;
    color: #937800;
    margin: 24px 0 12px 0;
    font-weight: 300;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #D8D8D8; }
  body:not(.style-version-two) div.furtherinfo h4,
  body:not(.style-version-two) div.right-col h4 {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.065em;
    color: #737373;
    line-height: 18px;
    margin: 18px 0 12px 0; }
  body:not(.style-version-two) div.furtherinfo h5,
  body:not(.style-version-two) div.right-col h5 {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #464646;
    line-height: 18px;
    margin: 12px 0 12px 0; }
  body:not(.style-version-two) div.furtherinfo .highlight-box,
  body:not(.style-version-two) div.right-col .highlight-box {
    padding: 6px;
    font-size: 14px; }
    body:not(.style-version-two) div.furtherinfo .highlight-box:before,
    body:not(.style-version-two) div.right-col .highlight-box:before {
      display: none; }
    body:not(.style-version-two) div.furtherinfo .highlight-box:first-child,
    body:not(.style-version-two) div.right-col .highlight-box:first-child {
      margin-top: 0px; }
    body:not(.style-version-two) div.furtherinfo .highlight-box:last-child,
    body:not(.style-version-two) div.right-col .highlight-box:last-child {
      margin-bottom: 0px; }
  body:not(.style-version-two) div.furtherinfo blockquote,
  body:not(.style-version-two) div.right-col blockquote {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 15px;
    line-height: 20px; }
    body:not(.style-version-two) div.furtherinfo blockquote:before,
    body:not(.style-version-two) div.right-col blockquote:before {
      line-height: 1em;
      padding-bottom: 12px; }

/* Full page as iframe modal - drop header, footer */
body.modal-content {
  background-color: white;
  padding: 24px; }
  @media screen and (max-width: 759px) {
    body.modal-content {
      padding: 12px; } }
  body.modal-content #sitehomelink {
    display: none; }
  body.modal-content #pagetitle {
    margin: 0px 0px 24px 0px;
    text-align: left;
    font-size: 1.75rem; }
    @media (min-width: 40rem) {
      body.modal-content #pagetitle {
        font-size: calc(1.75rem + 0.75 * ((100vw - 40rem)/40)); } }
    @media (min-width: 80rem) {
      body.modal-content #pagetitle {
        font-size: 2.5rem; } }
  body.modal-content #centrecontainer > div.contentwrapper {
    background: none !important;
    padding: 0px !important; }

/* Header - Written by Timothy Phillips
 * Standard UWA header - Comes in two varients, origionl and FSEP
 * FSEP is enabled with body.style-version-two. This is intended to eventuially be the default.
 * TODO:
 * - Review and clean up */
@keyframes uwacore-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* #headercontainer */
body:not(.style-version-two) #headercontainer {
  background-image: url("../img/bgs/header-main-bg-refresh.jpg"); }

#headercontainer {
  background-position: center 20%;
  background-repeat: no-repeat;
  background-color: #27348b;
  background-size: cover;
  color: white;
  margin-bottom: -60px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.75); }
  #headercontainer.background-tiled {
    background-size: auto;
    background-repeat: repeat; }
  #headercontainer a {
    text-decoration: none;
    color: white; }
    #headercontainer a:link {
      text-decoration: none; }
    #headercontainer a:hover, #headercontainer a:focus {
      text-decoration: underline; }
    #headercontainer a:link, #headercontainer a:hover, #headercontainer a:focus, #headercontainer a:visited {
      color: white; }
    #headercontainer a i:before {
      display: inline-block;
      text-decoration: none; }
  #headercontainer > div {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding-left: 24px;
    padding-right: 24px; }
    #headercontainer > div > * {
      width: 960px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
    @media (max-width: 1008px) {
      #headercontainer > div {
        width: 100%;
        padding-left: calc(12px + 12 * (100vw - 480px) / 480);
        padding-right: calc(12px + 12 * (100vw - 480px) / 480); }
        #headercontainer > div > * {
          width: 100%; } }
    @media (max-width: 480px) {
      #headercontainer > div {
        padding-left: 12px;
        padding-right: 12px; } }
  #headercontainer #uwa-header {
    padding-top: 30px;
    padding-bottom: 30px; }
    @media screen and (max-width: 1079px) {
      #headercontainer #uwa-header {
        padding-top: 20px;
        padding-bottom: 20px; } }
  #headercontainer #header-logo {
    font-size: 0px;
    height: 70px;
    white-space: nowrap; }
    @media screen and (max-width: 1079px) {
      #headercontainer #header-logo {
        height: 50px; } }
    #headercontainer #header-logo a {
      box-sizing: content-box;
      height: 70px;
      overflow: visible;
      padding: 0px;
      display: inline-block;
      vertical-align: top;
      font-size: 16px;
      text-decoration: none;
      position: relative; }
      #headercontainer #header-logo a:first-child {
        margin-left: -7px; }
      #headercontainer #header-logo a + a {
        border-left: 3px solid white;
        height: 70px;
        margin: -10px 18px;
        padding: 10px 0 10px 18px;
        box-sizing: content-box; }
        @media screen and (max-width: 1079px) {
          #headercontainer #header-logo a + a {
            height: 50px; } }
    #headercontainer #header-logo img, #headercontainer #header-logo svg {
      height: 70px;
      vertical-align: top; }
      @media screen and (max-width: 1079px) {
        #headercontainer #header-logo img, #headercontainer #header-logo svg {
          height: 50px; } }
    @media screen and (max-width: 579px) {
      #headercontainer #header-logo.double, #headercontainer #header-logo.uwa-logo-descriptor {
        height: 35px; }
        #headercontainer #header-logo.double a + a, #headercontainer #header-logo.uwa-logo-descriptor a + a {
          height: 35px;
          border-left-width: 2px;
          margin: -6px 12px;
          padding: 6px 0 6px 12px; }
        #headercontainer #header-logo.double img, #headercontainer #header-logo.double svg, #headercontainer #header-logo.uwa-logo-descriptor img, #headercontainer #header-logo.uwa-logo-descriptor svg {
          height: 35px; } }
  #headercontainer #globalNavLinks {
    display: none;
    list-style: none;
    position: absolute;
    top: -20px;
    right: 0px;
    font-size: 20px;
    margin: 0px; }
    #headercontainer #globalNavLinks li {
      padding: 0;
      background: none;
      display: inline-block;
      margin: 0px 0px 0px 20px; }
    @media screen and (max-width: 1079px) {
      #headercontainer #globalNavLinks {
        display: none; } }
  #headercontainer #site-nav {
    margin: 0px;
    font-size: 11px;
    line-height: 11px;
    font-weight: 400;
    text-transform: uppercase;
    list-style: none;
    position: absolute;
    bottom: 0px;
    right: 0px; }
    #headercontainer #site-nav li {
      display: inline-block;
      margin: 0px 0px 0px 20px;
      padding: 0;
      background: none; }
    #headercontainer #site-nav i {
      font-size: 22px;
      padding: 5px 0px;
      display: block; }
    #headercontainer #site-nav a {
      width: 40px;
      text-align: center;
      display: block; }
      #headercontainer #site-nav a[class^="icon-info-"]:before {
        font-size: 26px;
        padding: 5px 0px;
        display: inline-block;
        line-height: 22px;
        text-decoration: none;
        width: 100%; }
  #headercontainer #site-header {
    padding-top: 20px;
    padding-bottom: 80px;
    border-top: 4px solid white;
    outline: none; }
    #headercontainer #site-header h2 {
      font-size: 16px;
      font-family: "UWA Regular", "UWA", Georgia, serif;
      line-height: 16px;
      position: relative;
      z-index: 20;
      padding-left: 2px;
      margin: 0px;
      color: white;
      text-align: left; }
      #headercontainer #site-header h2 a:focus, #headercontainer #site-header h2 a:hover {
        text-decoration: underline; }
        #headercontainer #site-header h2 a:focus:before, #headercontainer #site-header h2 a:hover:before {
          color: inherit;
          content: "";
          display: inline-block;
          font-family: "FontAwesome";
          text-decoration: none;
          text-align: center;
          width: 16px;
          padding-right: 6px;
          position: absolute;
          right: 100%;
          top: 2px; }
      @media screen and (max-width: 1079px) {
        #headercontainer #site-header h2 {
          font-size: 14px;
          line-height: 14px; } }
    #headercontainer #site-header h1 {
      font-size: 44px;
      font-weight: 300;
      line-height: 40px;
      margin: 0px;
      color: white;
      position: relative;
      z-index: 10;
      font-family: "Source Sans Pro", Arial, sans-serif;
      text-align: left; }
      @media screen and (max-width: 1079px) {
        #headercontainer #site-header h1 {
          font-size: 30px;
          line-height: 30px; } }
    #headercontainer #site-header h2 + h1 {
      font-size: 40px; }
      @media screen and (max-width: 1079px) {
        #headercontainer #site-header h2 + h1 {
          font-size: 30px; } }
  #headercontainer #custom-hero-header {
    padding-top: 0;
    padding-bottom: 0; }
  #headercontainer #hero-header {
    display: none;
    border-color: white;
    border-style: solid;
    border-width: 4px 0px 0 0px;
    z-index: 40;
    position: relative; }
    #headercontainer #hero-header img.hero-banner {
      width: 100%; }
  #headercontainer.disable-site-header {
    border-bottom: 4px solid white; }
    #headercontainer.disable-site-header #site-header {
      display: none; }

/* body class overrides */
body.landing-page #headercontainer #site-header h2 {
  display: none; }

body.header-invert #headercontainer {
  background-image: none;
  background-color: white;
  color: #27348b;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.75); }
  body.header-invert #headercontainer a {
    text-decoration: none;
    color: #27348b; }
    body.header-invert #headercontainer a:link {
      text-decoration: none; }
    body.header-invert #headercontainer a:hover, body.header-invert #headercontainer a:focus {
      text-decoration: underline; }
    body.header-invert #headercontainer a:link, body.header-invert #headercontainer a:hover, body.header-invert #headercontainer a:focus, body.header-invert #headercontainer a:visited {
      color: #27348b; }
  body.header-invert #headercontainer #site-header {
    border-top: 4px solid #27348b; }
    body.header-invert #headercontainer #site-header h1, body.header-invert #headercontainer #site-header h2 {
      color: #27348b; }

/* Logo variations - dark/light/formal/informal */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #header-logo img.raster {
    display: none !important; } }

@media (-webkit-max-device-pixel-ratio: 1.24), (max-resolution: 119dpi) {
  #header-logo img.vector {
    display: none !important; } }

#header-logo:not(.informal) img.informal {
  display: none !important; }

#header-logo.informal img.formal {
  display: none !important; }

body:not(.header-invert) #header-logo img.dark {
  display: none !important; }

body.header-invert #header-logo img.light {
  display: none !important; }

body.double-logo #site-header h2 {
  display: none; }

@media screen and (max-width: 579px) {
  body.double-logo #headercontainer #navSearchLink {
    display: none; } }

body.double-logo #subsite-logo svg text {
  font-family: "UWA Regular", "UWA", Georgia, serif;
  font-size: 18px;
  font-style: italic;
  stroke: none;
  fill: #ffffff;
  text-shadow: none;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }

/* body class overrides */
body.header-navigation-hide #headercontainer #site-nav {
  display: none; }

body.header-minimal #headercontainer {
  margin-bottom: 0px; }
  body.header-minimal #headercontainer #globalNavLinks, body.header-minimal #headercontainer #navSearchLink {
    display: none; }
  body.header-minimal #headercontainer #site-header {
    border-top: none;
    padding-top: 0px;
    padding-bottom: 20px; }

body.header-minimal #centrecontainer > div.contentwrapper:first-child {
  background-image: none; }

/* .style-version-two variations */
body.header-style-two #headercontainer, body.style-version-two #headercontainer {
  margin-bottom: 0; }
  body.header-style-two #headercontainer #globalNavLinks, body.style-version-two #headercontainer #globalNavLinks {
    display: none; }
  body.header-style-two #headercontainer #site-header, body.style-version-two #headercontainer #site-header {
    border-top: none;
    padding-top: 24px;
    padding-bottom: 24px;
    background: #ececec;
    color: #27348b;
    text-shadow: none; }
    @media screen and (max-width: 459px) {
      body.header-style-two #headercontainer #site-header, body.style-version-two #headercontainer #site-header {
        padding: 24px 12px; } }
    body.header-style-two #headercontainer #site-header h1, body.style-version-two #headercontainer #site-header h1 {
      line-height: 1.2;
      font-family: "UWA Regular", "UWA", Georgia, serif;
      color: #27348b;
      text-align: left;
      font-size: 1.75rem; }
      @media (min-width: 40rem) {
        body.header-style-two #headercontainer #site-header h1, body.style-version-two #headercontainer #site-header h1 {
          font-size: calc(1.75rem + 0.75 * ((100vw - 40rem)/40)); } }
      @media (min-width: 80rem) {
        body.header-style-two #headercontainer #site-header h1, body.style-version-two #headercontainer #site-header h1 {
          font-size: 2.5rem; } }
    body.header-style-two #headercontainer #site-header h2, body.style-version-two #headercontainer #site-header h2 {
      display: none; }
    body.header-style-two #headercontainer #site-header a, body.style-version-two #headercontainer #site-header a {
      color: #27348b !important; }

body.header-style-two #centrecontainer > div.contentwrapper:first-child, body.style-version-two #centrecontainer > div.contentwrapper:first-child {
  background-image: none; }

body.header-no-titles #site-header {
  display: none; }

body.page-wide #headercontainer > div > *, body.header-style-two #headercontainer > div > *, body.style-version-two #headercontainer > div > * {
  width: 1248px; }

@media (max-width: 1248px) {
  body.page-wide #headercontainer > div, body.header-style-two #headercontainer > div, body.style-version-two #headercontainer > div {
    width: 100%; }
    body.page-wide #headercontainer > div > *, body.header-style-two #headercontainer > div > *, body.style-version-two #headercontainer > div > * {
      width: 100%; } }

body.page-wide #headercontainer > div > *, body.header-style-two #headercontainer > div > *, body.style-version-two #headercontainer > div > * {
  max-width: 1200px; }

/* styles for before Javascript loaded to reduce page jump */
body.style-version-two > h1, body.style-version-two > h2 {
  display: block;
  margin: 0px; }

body.style-version-two > h2 {
  line-height: 1.2;
  font-family: "UWA Regular", "UWA", Georgia, serif;
  color: #27348b;
  text-align: left;
  background: #ececec;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 1.75rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 24px;
  padding-right: 24px; }
  @media (min-width: 40rem) {
    body.style-version-two > h2 {
      font-size: calc(1.75rem + 0.75 * ((100vw - 40rem)/40)); } }
  @media (min-width: 80rem) {
    body.style-version-two > h2 {
      font-size: 2.5rem; } }
  body.style-version-two > h2 > * {
    width: 960px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
  @media (max-width: 1008px) {
    body.style-version-two > h2 {
      width: 100%;
      padding-left: calc(12px + 12 * (100vw - 480px) / 480);
      padding-right: calc(12px + 12 * (100vw - 480px) / 480); }
      body.style-version-two > h2 > * {
        width: 100%; } }
  @media (max-width: 480px) {
    body.style-version-two > h2 {
      padding-left: 12px;
      padding-right: 12px; } }
  @media screen and (min-width: 1320px) {
    body.style-version-two > h2 {
      padding-left: calc((100% - 1200px)/2);
      padding-right: calc((100% - 1200px)/2); } }

body.style-version-two > h1 {
  background-color: #27348b;
  padding-top: 66px;
  height: 166px;
  padding-bottom: 30px;
  font-size: 0px; }
  @media screen and (max-width: 1079px) {
    body.style-version-two > h1 {
      padding-top: 56px;
      padding-bottom: 20px;
      height: 126px; } }
  @media screen and (max-width: 579px) {
    body.style-version-two > h1 {
      padding-top: 20px;
      height: 90px; } }

/* .uwa-logo-descriptior - The UWA logo plus site title text side by side */
.uwa-logo-descriptor {
  font-size: 0px;
  height: 70px;
  white-space: nowrap; }
  @media screen and (max-width: 1079px) {
    .uwa-logo-descriptor {
      height: 50px; } }
  @media screen and (max-width: 579px) {
    .uwa-logo-descriptor {
      height: 35px; }
      .uwa-logo-descriptor a + a {
        height: 35px;
        border-left-width: 2px;
        margin: -6px 12px;
        padding: 6px 0 6px 12px; }
      .uwa-logo-descriptor img, .uwa-logo-descriptor svg {
        height: 35px; } }
  .uwa-logo-descriptor a {
    box-sizing: content-box;
    height: 70px;
    overflow: visible;
    padding: 0px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-family: "UWA Regular", "UWA", Georgia, serif;
    text-decoration: none;
    position: relative; }
    .uwa-logo-descriptor a:first-child {
      margin-left: -7px; }
    .uwa-logo-descriptor a + a {
      border-left: 3px solid white;
      height: 70px;
      margin: -10px 16px;
      padding: 10px 0 10px 16px;
      box-sizing: content-box; }
      @media screen and (max-width: 1079px) {
        .uwa-logo-descriptor a + a {
          height: 50px; } }
  .uwa-logo-descriptor img, .uwa-logo-descriptor svg {
    height: 70px;
    vertical-align: top; }
    @media screen and (max-width: 1079px) {
      .uwa-logo-descriptor img, .uwa-logo-descriptor svg {
        height: 50px; } }
  .uwa-logo-descriptor svg text {
    fill: white;
    font-family: "UWA Regular", "UWA", Georgia, serif; }
    .uwa-logo-descriptor svg text.italic {
      font-style: italic; }
    .uwa-logo-descriptor svg text.large {
      font-size: 34px; }
    .uwa-logo-descriptor svg text.huge {
      font-size: 56px; }
    .uwa-logo-descriptor svg text.medium {
      font-size: 24px; }
    .uwa-logo-descriptor svg text.small {
      font-size: 17px; }
  .uwa-logo-descriptor.invert a + a {
    border-left-color: #27348b; }
  .uwa-logo-descriptor.invert svg text {
    fill: #27348b; }

#headercontainer #header-logo.uwa-logo-descriptor a + a.no-seperator {
  height: 90px;
  border-left: none;
  padding: 10px 0 0 24px; }
  @media screen and (max-width: 1079px) {
    #headercontainer #header-logo.uwa-logo-descriptor a + a.no-seperator {
      height: 80px; } }
  @media screen and (max-width: 579px) {
    #headercontainer #header-logo.uwa-logo-descriptor a + a.no-seperator {
      height: 50px;
      padding: 6px 0 0 12px; } }
  #headercontainer #header-logo.uwa-logo-descriptor a + a.no-seperator svg {
    height: 80px; }
    @media screen and (max-width: 1079px) {
      #headercontainer #header-logo.uwa-logo-descriptor a + a.no-seperator svg {
        height: 58px; } }
    @media screen and (max-width: 579px) {
      #headercontainer #header-logo.uwa-logo-descriptor a + a.no-seperator svg {
        height: 40px; } }

body.header-no-titles #headercontainer #header-logo.uwa-logo-descriptor a + a.no-seperator {
  display: none; }

#acessible-links {
  margin: 0px;
  height: 0px;
  overflow: visible;
  z-index: 999999;
  position: absolute;
  left: 0px;
  right: 0px;
  top: -50px; }
  #acessible-links a {
    position: relative;
    background-color: #ececec;
    padding: 3px 6px;
    border-radius: 0px 0px 5px 5px;
    display: block;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    color: #0e55b5; }
    #acessible-links a:focus {
      top: 50px;
      text-decoration: underline; }

/* Extras - Written by Timothy Phillips
 * Miscelanious stuff extra devices and plugin stuff
 * TODO:
 * - clean up or move elsewhere? */
@keyframes uwacore-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* matrix-tweaks */
img.sq-icon {
  vertical-align: middle; }

/* ul.events-list - used with matrix event feeds */
ul.event-list:not([class*=" grid-"]) > li {
  margin-bottom: 12px; }

ul.event-list .event-item {
  padding-left: 60px;
  position: relative; }
  ul.event-list .event-item .date {
    font-weight: 600; }
  ul.event-list .event-item .subname {
    display: none; }
  ul.event-list .event-item .category {
    color: #737373; }
  ul.event-list .event-item .icon-date {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    text-transform: uppercase;
    text-align: center;
    color: #27348b;
    font-size: 24px;
    font-weight: 600;
    background-color: white;
    line-height: 1em;
    padding-top: 6px; }
    ul.event-list .event-item .icon-date small {
      display: block;
      color: #27348b;
      font-size: 12px;
      line-height: 1em; }

/* extra font awesome compatability fixes */
div.content ul.fa-ul {
  list-style-image: none; }
  div.content ul.fa-ul.inline-list {
    margin-left: 0px; }
  div.content ul.fa-ul li {
    display: inline-block;
    margin-bottom: 0.8em;
    margin-left: 3em;
    margin-top: 0.8em;
    padding-left: 0px;
    padding-right: 1em;
    background-image: none; }

div.content i.fa.colour {
  color: #49a0b5; }

div.content i.fa.colour-light {
  color: #a8d1db; }

div.content i.fa.colour-dark {
  color: #234d56; }

/* div.overflow-wrapper - scroll buttons for mobiles - TODO: Is this used? */
div.overflow-wrapper {
  position: relative; }
  div.overflow-wrapper > .overflow-box {
    overflow: auto; }
  div.overflow-wrapper span[class^="overflow-"] {
    display: none;
    position: absolute;
    text-align: center;
    color: white;
    background: rgba(220, 220, 220, 0.7);
    border-radius: 10px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center; }
  div.overflow-wrapper span.overflow-up {
    background-image: url("https://static.weboffice.uwa.edu.au/visualid/graphics/id-css-devices/nav-arrow-circle-up.png");
    top: 0px;
    left: 50%;
    margin-left: -20px;
    margin-top: 3px; }
  div.overflow-wrapper span.overflow-down {
    background-image: url("https://static.weboffice.uwa.edu.au/visualid/graphics/id-css-devices/nav-arrow-circle-down.png");
    bottom: 0px;
    left: 50%;
    margin-left: -20px;
    margin-bottom: 3px; }
  div.overflow-wrapper span.overflow-left {
    background-image: url("https://static.weboffice.uwa.edu.au/visualid/graphics/id-css-devices/nav-arrow-circle-left.png");
    left: 0px;
    top: 50%;
    margin-top: -20px;
    margin-left: 3px; }
  div.overflow-wrapper span.overflow-right {
    background-image: url("https://static.weboffice.uwa.edu.au/visualid/graphics/id-css-devices/nav-arrow-circle-right.png");
    right: 0px;
    top: 50%;
    margin-top: -20px;
    margin-right: 3px; }

/* dl.device-paramaters - used to specify paramaters for some devices in WYSIWYG format */
@keyframes dp_spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes dp_spinflip {
  from {
    transform: rotate(360deg) scaleX(-1);
    filter: FlipH; }
  to {
    transform: rotate(0deg) scaleX(-1);
    filter: FlipH; } }

dl.device-paramaters {
  text-align: center;
  padding: 48px; }
  dl.device-paramaters:before {
    display: inline-block;
    content: "";
    font-family: "FontAwesome";
    text-align: center;
    color: #737373;
    margin: 0 auto;
    font-size: 24px;
    vertical-align: bottom;
    animation: dp_spinflip 2s infinite steps(8); }
  dl.device-paramaters.loading:before {
    animation: dp_spin 2s infinite steps(8); }
  dl.device-paramaters > * {
    display: none; }

div.ajax-loading {
  position: relative; }
  div.ajax-loading:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    margin-top: -12px;
    line-height: 24px;
    display: block;
    content: "";
    text-shadow: 0 0 6px white;
    font-size: 24px;
    font-family: "FontAwesome";
    text-align: center;
    color: #737373;
    vertical-align: bottom;
    animation: dp_spin 2s infinite steps(8); }
  div.ajax-loading > * {
    opacity: 0.5; }

/* uwacore.scrollTo uses this to emphasise the focus area */
.scroll-target {
  position: relative;
  z-index: 50; }

#scroll-target-indicator {
  z-index: 150;
  position: absolute;
  left: 36px;
  right: 36px;
  display: none;
  pointer-events: none; }
  #scroll-target-indicator:before, #scroll-target-indicator:after {
    position: absolute;
    display: block;
    content: "";
    top: 0px;
    height: 100%;
    background-color: #27348b;
    width: 12px;
    opacity: 0.3; }
  #scroll-target-indicator:before {
    margin-right: 12px;
    right: 100%;
    border-radius: 12px 3px 3px 12px; }
  #scroll-target-indicator:after {
    margin-left: 12px;
    left: 100%;
    border-radius: 3px 12px 12px 3px; }

/* TODO: is this used?  */
span.big-blue-number {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #27348b;
  color: white;
  font-family: "UWA Regular", "UWA", Georgia, serif;
  text-align: center;
  font-size: 60px;
  text-align: center;
  line-height: 95px;
  vertical-align: middle; }

/* Block with image, title and blurb from FSEP - used on Sport */
div.hero-card, div.event-block {
  background: #ececec;
  padding: 12px;
  position: relative;
  padding-bottom: 86px;
  color: #737373; }
  div.hero-card div, div.event-block div {
    margin: -12px -12px 0 -12px;
    background-position: center 20%;
    -webkit-background-size: cover;
    background-size: cover; }
    div.hero-card div img, div.event-block div img {
      width: 100%; }
  div.hero-card ul.icons > li, div.event-block ul.icons > li {
    font-weight: 600; }
    div.hero-card ul.icons > li:before, div.event-block ul.icons > li:before {
      color: #737373;
      font-weight: normal; }
  div.hero-card h3, div.event-block h3 {
    margin: 12px 0;
    padding: 0px;
    font-size: 23;
    border: 0px; }
    div.hero-card h3 .type, div.hero-card h3 small, div.event-block h3 .type, div.event-block h3 small {
      margin: -12px -12px 0px -12px;
      background-color: #e2edfa;
      font-family: "Source Sans Pro", Arial, sans-serif;
      letter-spacing: 2px;
      text-transform: uppercase;
      font-size: 16px;
      padding: 6px 12px;
      font-weight: 600;
      line-height: 1;
      margin-bottom: 6px; }
  div.hero-card a.button, div.event-block a.button {
    min-width: 150px;
    width: 200px;
    max-width: 100%; }
  div.hero-card p.absolute-bottom, div.event-block p.absolute-bottom {
    position: absolute;
    bottom: 12px;
    left: 0px;
    width: 100%; }

/* .card-block grey box with left border from FSEP */
.card-block {
  background-color: #ececec;
  border-left: 3px solid #27348b;
  padding: 24px;
  font-size: 0.9em; }
  .card-block > *:first-child {
    margin-top: 0px; }
  .card-block > *:last-child {
    margin-bottom: 0px; }
  .card-block.border-gold {
    border-left-color: #E2B600; }
  .card-block h3 {
    padding: 0px;
    border: none;
    font-size: 23;
    line-height: 1.1; }
    .card-block h3 small {
      font-size: 16px;
      display: block;
      text-transform: uppercase;
      font-family: "Source Sans Pro", Arial, sans-serif;
      font-weight: 600;
      color: #27348b;
      opacity: 0.8; }
  .card-block h3:not(:first-child),
  .card-block .new-section {
    margin-top: 24px; }
    .card-block h3:not(:first-child):before,
    .card-block .new-section:before {
      content: "";
      display: block;
      height: 24px;
      margin: 0 -24px 24px -27px;
      background-color: white; }
  .card-block a.button {
    display: block; }
  .card-block h4 {
    font-size: 19; }
  .card-block h5 {
    font-size: 17; }
  .card-block h6 {
    font-size: 17; }
  .card-block dl dt {
    margin: 0px; }
  .card-block dl dd {
    margin-bottom: 6px; }
  .card-block .highlight-box {
    padding: 6px;
    background-color: #e2edfa; }
    .card-block .highlight-box:before {
      display: none; }

/* matrix simple edit mode tweaks */
#sq_backend_sections table.bodytext > tbody > tr > td {
  padding: 0px; }
  #sq_backend_sections table.bodytext > tbody > tr > td > table {
    margin: 0px; }
    #sq_backend_sections table.bodytext > tbody > tr > td > table > tbody > tr > td {
      padding: 0px; }

#sq_backend_sections table[layout_type="div"] {
  border: 1px solid #bbbbbb;
  position: relative; }
  #sq_backend_sections table[layout_type="div"]:before {
    color: #737373;
    content: attr(layout_type) " #" attr(id) " (" attr(css_class) ")";
    font-family: "UbuntuMono", monospace;
    margin: 2px 12px;
    width: 100%;
    position: absolute;
    text-align: center; }

#sq_backend_sections #htmlarea table {
  margin: 0px; }

#sq_backend_sections table.sq-backend-table {
  background-color: #eeeeee; }

/* matrix specific elements - Written by Timothy Phillips */
@keyframes uwacore-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* nested files */
div.content .listed_file {
  clear: left;
  margin-bottom: 12px; }
  div.content .listed_file:after {
    clear: both;
    content: " ";
    display: block;
    height: 0px;
    overflow: hidden; }
  div.content .listed_file img {
    float: left;
    max-width: 32px;
    padding-top: 3px; }
  div.content .listed_file div {
    margin-left: 36px;
    line-height: 18px;
    font-size: 14px; }
    div.content .listed_file div > a {
      display: block; }
    div.content .listed_file div > br {
      display: none; }
    div.content .listed_file div > span {
      color: #737373;
      white-space: no-wrap;
      float: left;
      margin-right: 24px; }

div.content ul.list-assets:after {
  clear: both;
  content: " ";
  display: block;
  height: 0px;
  overflow: hidden; }

div.content ul.list-assets li {
  float: left;
  width: 50%;
  min-height: 36px;
  padding-left: 36px;
  line-height: 18px;
  font-size: 14px;
  margin-bottom: 12px; }
  div.content ul.list-assets li:nth-child(2n-1) {
    clear: left;
    padding-right: 12px; }
  div.content ul.list-assets li:nth-child(2n) {
    padding-left: 48px;
    background-position: 12px 0; }
  div.content ul.list-assets li > a {
    display: block; }
  div.content ul.list-assets li > span {
    color: #737373;
    white-space: no-wrap;
    float: left;
    margin-right: 24px; }
  @media screen and (max-width: 759px) {
    div.content ul.list-assets li {
      width: 100%; }
      div.content ul.list-assets li:nth-child(2n-1) {
        padding-right: 6px; }
      div.content ul.list-assets li:nth-child(2n) {
        padding-left: 36px;
        background-position: 0 0; } }

div.content div.right-col ul.list-assets li {
  width: 100%; }
  div.content div.right-col ul.list-assets li:nth-child(2n-1) {
    padding-right: 6px; }
  div.content div.right-col ul.list-assets li:nth-child(2n) {
    padding-left: 36px;
    background-position: 0 0; }

/* contact directory tweak */
div.cdl-profile > h3 {
  clear: left; }

/* div.event-with-icon - ToDo: what's this for?  */
div.event-with-icon {
  padding-left: 60px;
  position: relative;
  margin-bottom: 12px; }
  div.event-with-icon img.event-date-icon {
    position: absolute;
    left: -22px;
    top: 0px; }

/* Micro devices - Written by Timothy Phillips
 * TODO:
 * - Cleanup and move elsewhere */
@keyframes uwacore-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* touch swipe overlay hints - Todo: is this still even used? */
div#uwacore-touchhints {
  position: absolute;
  width: 300px;
  height: 300px;
  z-index: 500;
  margin-left: -150px;
  margin-top: -150px;
  display: none; }
  div#uwacore-touchhints i {
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align: center;
    opacity: 1; }
    div#uwacore-touchhints i:before {
      font-size: 36px;
      color: white;
      text-shadow: 0 0 5px black; }
    div#uwacore-touchhints i.hint-center {
      top: 50%;
      left: 50%;
      margin-top: -24px;
      margin-left: -24px; }
      div#uwacore-touchhints i.hint-center:before {
        font-size: 6px; }
    div#uwacore-touchhints i.hint-left {
      top: 50%;
      left: 0;
      margin-top: -24px; }
    div#uwacore-touchhints i.hint-right {
      top: 50%;
      right: 0;
      margin-top: -24px; }
    div#uwacore-touchhints i.hint-up {
      top: 0;
      left: 50%;
      margin-left: -24px; }
    div#uwacore-touchhints i.hint-down {
      bottom: 0;
      left: 50%;
      margin-left: -24px; }

/* big numbered steps ToDo: move to legacy section or support with automatic version */
h3[class^="step-"] {
  border-bottom: 0px; }

span[class^="step-"] {
  margin-top: 24px;
  display: block;
  font-family: "UWA Regular", "UWA", Georgia, serif;
  font-size: 20px;
  font-weight: normal;
  padding: 20px 0 20px 90px;
  position: relative;
  vertical-align: middle;
  min-height: 48px; }
  span[class^="step-"]:before {
    border-radius: 35px;
    border: 1px solid black;
    content: "00";
    display: block;
    font-family: "UWA Regular", "UWA", Georgia, serif;
    font-size: 36px;
    font-weight: normal;
    height: 70px;
    left: 0px;
    line-height: 70px;
    margin-top: -35px;
    position: absolute;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 70px; }

span.step-00:before {
  content: "0"; }

span.step-01:before {
  content: "1"; }

span.step-02:before {
  content: "2"; }

span.step-03:before {
  content: "3"; }

span.step-04:before {
  content: "4"; }

span.step-05:before {
  content: "5"; }

span.step-06:before {
  content: "6"; }

span.step-07:before {
  content: "7"; }

span.step-08:before {
  content: "8"; }

span.step-09:before {
  content: "9"; }

span.step-10:before {
  content: "10"; }

span.step-11:before {
  content: "11"; }

span.step-12:before {
  content: "12"; }

span.step-13:before {
  content: "13"; }

span.step-14:before {
  content: "14"; }

span.step-15:before {
  content: "15"; }

span.step-16:before {
  content: "16"; }

span.step-17:before {
  content: "17"; }

span.step-18:before {
  content: "18"; }

span.step-19:before {
  content: "19"; }

span.step-20:before {
  content: "20"; }

/* new automatic .step class - not an offical style */
div.content {
  counter-reset: stepHeaderThree;
  counter-reset: stepHeaderFour; }

h3.step, h4.step {
  position: relative; }
  h3.step:before, h4.step:before {
    top: 50%;
    border-radius: 50%;
    border: 1px solid #5d5d5d;
    display: inline-block;
    font-family: "UWA Regular", "UWA", Georgia, serif;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    color: #5d5d5d; }

h3.step {
  margin-left: 72px;
  margin-bottom: 24px;
  counter-increment: stepHeaderThree; }
  h3.step.reset {
    counter-reset: stepHeaderThree; }
  h3.step:before {
    content: counter(stepHeaderThree);
    height: 48px;
    width: 48px;
    margin-left: -72px;
    margin-top: -24px;
    line-height: 45.6px; }

h4.step {
  margin-left: 60px;
  margin-bottom: 24px;
  counter-increment: stepHeaderFour; }
  h4.step.reset {
    counter-reset: stepHeaderFour; }
  h4.step:before {
    content: counter(stepHeaderFour);
    height: 36px;
    width: 36px;
    margin-top: -18px;
    line-height: 34.2px;
    margin-left: -60px; }

ol.steps {
  counter-reset: stepList;
  padding: 0px;
  margin: 24px 0; }
  ol.steps > li {
    position: relative;
    counter-increment: stepList;
    list-style: none;
    padding-left: 72px; }
    ol.steps > li:before {
      content: counter(stepList);
      top: 6px;
      border-radius: 50%;
      height: 42px;
      width: 42px;
      margin-left: -72px;
      line-height: 37.8px;
      border: 1px solid #27348b;
      display: inline-block;
      font-family: "UWA Regular", "UWA", Georgia, serif;
      font-weight: normal;
      text-align: center;
      vertical-align: middle;
      position: absolute;
      font-size: 26px;
      color: #27348b; }
    ol.steps > li + li {
      margin-top: 24px; }

/* div.background-video */
div.background-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 200px;
  margin-bottom: 12px; }
  div.background-video:after {
    clear: both;
    content: " ";
    display: block;
    height: 0px;
    overflow: hidden; }
  div.background-video video {
    position: absolute;
    right: 0px;
    bottom: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 51;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  div.background-video div {
    z-index: 53;
    position: relative; }
  div.background-video [class^="video-overlay-"] {
    position: absolute;
    right: 0px;
    bottom: 0px;
    min-width: 100%;
    min-height: 100%;
    z-index: 52; }
  div.background-video .video-overlay-dark {
    background-color: rgba(0, 0, 0, 0.3); }
  div.background-video .video-overlay-light {
    background-color: rgba(255, 255, 255, 0.3); }

/* Wrap table in div.overflow-scroll for rudimentary handle mobile */
div.overflow-scroll {
  width: 100%;
  overflow: auto; }

/* ul.statistics - TODO: what's this used for? */
ul.statistics {
  font-size: 0px;
  text-align: center; }
  ul.statistics li {
    display: inline-block;
    padding: 40px 0;
    margin: 12px;
    width: 180px;
    height: 180px;
    color: #464646;
    border: 3px solid #464646;
    border-radius: 50%;
    text-align: center;
    vertical-align: top; }
    ul.statistics li p {
      margin: 0px;
      line-height: 1.2; }
    ul.statistics li p:first-child {
      font-family: "UWA Regular", "UWA", Georgia, serif;
      font-size: 40px;
      margin-bottom: 6px; }
    ul.statistics li p:not(:first-child) {
      text-transform: uppercase;
      letter-spacing: 2px;
      font-size: 16px;
      font-weight: 600;
      padding: 0px 12px; }
    ul.statistics li p:nth-child(3) {
      padding: 0px 18px; }
    ul.statistics li p:nth-child(4) {
      padding: 0px 24px; }
    ul.statistics li p:nth-child(5) {
      padding: 0px 48px; }

/* Colour pallet - Written by Timothy Phillips */
@keyframes uwacore-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* Old faculty colours such as .brand-alva */
.brand-alva {
  background-color: #DEB408 !important;
  color: #464646 !important; }

.brand-business {
  background-color: #007CB1 !important;
  color: white !important; }

.brand-education {
  background-color: #00727E !important;
  color: white !important; }

.brand-ecm {
  background-color: #CA440F !important;
  color: white !important; }

.brand-indigenous {
  background-color: #e42313 !important;
  color: white !important; }

.brand-science {
  background-color: #41851C !important;
  color: white !important; }

.brand-art, .brand-arts {
  background-color: #9B5BA4 !important;
  color: white !important; }

.brand-medent, .brand-meddent {
  background-color: #A2002E !important;
  color: white !important; }

.brand-law {
  background-color: #4B63AE !important;
  color: white !important; }

.brand-studyat {
  background-color: #666262 !important;
  color: white !important; }

/* font awesome social icon colours such as .fa-twitter and .icon-sauto-color */
.fa-twitter:before {
  color: #55ACEE; }

.fa-facebook:before {
  color: #3B5998; }

.fa-linkedin:before {
  color: #27348B; }

.fa-instagram:before {
  color: #125688; }

.fa-flickr:before {
  color: #FD1980; }

.fa-youtube-play:before {
  color: #BB0000; }

.fa-google-plus:before {
  color: #BB0000; }

.fa-snapchat:before {
  color: #C9BE00; }

.fa-weibo:before:before {
  color: #D72928; }

.fa-weixin:before:before {
  color: #78AB34; }

.icons-auto-color *:before, .icons-brand-color *:before {
  color: #737373 !important; }

.icons-auto-color .fa-twitter:before, .icons-brand-color .fa-twitter:before {
  color: #55ACEE !important; }

.icons-auto-color .fa-facebook:before, .icons-brand-color .fa-facebook:before {
  color: #3B5998 !important; }

.icons-auto-color .fa-linkedin:before, .icons-brand-color .fa-linkedin:before {
  color: #27348B !important; }

.icons-auto-color .fa-instagram:before, .icons-brand-color .fa-instagram:before {
  color: #125688 !important; }

.icons-auto-color .fa-flickr:before, .icons-brand-color .fa-flickr:before {
  color: #FD1980 !important; }

.icons-auto-color .fa-youtube-play:before, .icons-brand-color .fa-youtube-play:before {
  color: #BB0000 !important; }

.icons-auto-color .fa-google-plus:before, .icons-brand-color .fa-google-plus:before {
  color: #BB0000 !important; }

.icons-auto-color .fa-snapchat:before, .icons-brand-color .fa-snapchat:before {
  color: #C9BE00 !important; }

.icons-auto-color .fa-weibo:before:before, .icons-brand-color .fa-weibo:before:before {
  color: #D72928 !important; }

.icons-auto-color .fa-weixin:before:before, .icons-brand-color .fa-weixin:before:before {
  color: #78AB34 !important; }

.icons-auto-color .fa-star:before, .icons-auto-color .fa-star-o:before, .icons-brand-color .fa-star:before, .icons-brand-color .fa-star-o:before {
  color: #E2B600 !important; }

.icons-auto-color .fa-exclamation-triangle:before, .icons-brand-color .fa-exclamation-triangle:before {
  color: #c25813 !important; }

/* light and dark text colours */
.text-dark {
  color: black !important; }
  .text-dark p {
    color: black; }
  .text-dark a {
    text-decoration: underline;
    color: black; }
    .text-dark a:link {
      text-decoration: underline; }
    .text-dark a:hover, .text-dark a:focus {
      text-decoration: none; }
    .text-dark a:link, .text-dark a:hover, .text-dark a:focus, .text-dark a:visited {
      color: black; }
  .text-dark h3 {
    border-bottom-color: rgba(216, 216, 216, 0.5); }
  .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5 {
    color: black; }
  .text-dark.text-shadow p, .text-dark.text-shadow h3, .text-dark.text-shadow h4, .text-dark.text-shadow a, .text-dark.image-block p, .text-dark.image-block h3, .text-dark.image-block h4, .text-dark.image-block a {
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6), 0 0 6px rgba(255, 255, 255, 0.6); }
  .text-dark.text-shadow a.button, .text-dark.image-block a.button {
    box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.4); }

.text-light {
  color: white !important; }
  .text-light p, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light a, .text-light blockquote, .text-light blockquote:before, .text-light blockquote:after, .text-light cite {
    color: white; }
  .text-light a {
    text-decoration: underline;
    color: white; }
    .text-light a:link {
      text-decoration: underline; }
    .text-light a:hover, .text-light a:focus {
      text-decoration: none; }
    .text-light a:link, .text-light a:hover, .text-light a:focus, .text-light a:visited {
      color: white; }
    .text-light a:before {
      color: white; }
  .text-light h3 {
    border-bottom-color: rgba(216, 216, 216, 0.5); }
  .text-light.text-shadow a.button, .text-light.image-block a.button {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); }
  .text-light.text-shadow p, .text-light.text-shadow h3, .text-light.text-shadow h4, .text-light.text-shadow a, .text-light.text-shadow blockquote, .text-light.text-shadow cite, .text-light.image-block p, .text-light.image-block h3, .text-light.image-block h4, .text-light.image-block a, .text-light.image-block blockquote, .text-light.image-block cite {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4), 0 0 6px rgba(0, 0, 0, 0.6); }

/* secondary colour palet such as .colour-maroon  or .icon-color-amber*/
.color-maroon {
  background-color: #a92247 !important; }

.color-crimson {
  background-color: #de2851 !important; }

.color-tomato {
  background-color: #e43622 !important; }

.color-maria {
  background-color: #e84e0f !important; }

.color-autumn {
  background-color: #f49700 !important; }

.color-amber {
  background-color: #fdc300 !important; }

.color-seaweed {
  background-color: #265521 !important; }

.color-apple {
  background-color: #3e8638 !important; }

.color-sushi {
  background-color: #a2c03b !important; }

.color-midnight {
  background-color: #003869 !important; }

.color-denim {
  background-color: #1488ca !important; }

.color-viking {
  background-color: #48bed8 !important; }

.color-bossanova {
  background-color: #462e51 !important; }

.color-orchid {
  background-color: #912773 !important; }

.color-plum {
  background-color: #c46ca9 !important; }

.icon-color-maroon:before {
  color: #a92247 !important; }

.icon-color-crimson:before {
  color: #de2851 !important; }

.icon-color-tomato:before {
  color: #e43622 !important; }

.icon-color-maria:before {
  color: #e84e0f !important; }

.icon-color-autum:before {
  color: #f49700 !important; }

.icon-color-amber:before {
  color: #fdc300 !important; }

.icon-color-seaweed:before {
  color: #265521 !important; }

.icon-color-apple:before {
  color: #3e8638 !important; }

.icon-color-sushi:before {
  color: #a2c03b !important; }

.icon-color-midnight:before {
  color: #003869 !important; }

.icon-color-denim:before {
  color: #1488ca !important; }

.icon-color-viking:before {
  color: #48bed8 !important; }

.icon-color-bossanova:before {
  color: #462e51 !important; }

.icon-color-orchid:before {
  color: #912773 !important; }

.icon-color-plum:before {
  color: #c46ca9 !important; }

.color-amber,
.color-maroon,
.color-crimson,
.color-maria,
.color-autumn,
.color-seaweed,
.color-apple,
.color-midnight,
.color-denim,
.color-bossanova,
.color-orchid {
  color: white !important; }
  .color-amber:before, .color-amber:after,
  .color-maroon:before,
  .color-maroon:after,
  .color-crimson:before,
  .color-crimson:after,
  .color-maria:before,
  .color-maria:after,
  .color-autumn:before,
  .color-autumn:after,
  .color-seaweed:before,
  .color-seaweed:after,
  .color-apple:before,
  .color-apple:after,
  .color-midnight:before,
  .color-midnight:after,
  .color-denim:before,
  .color-denim:after,
  .color-bossanova:before,
  .color-bossanova:after,
  .color-orchid:before,
  .color-orchid:after {
    color: white !important; }

.color-amber,
.color-sushi,
.color-tomato,
.color-plum,
.color-viking {
  color: black !important; }
  .color-amber:before, .color-amber:after,
  .color-sushi:before,
  .color-sushi:after,
  .color-tomato:before,
  .color-tomato:after,
  .color-plum:before,
  .color-plum:after,
  .color-viking:before,
  .color-viking:after {
    color: black !important; }

/* background colours such as .background-sky */
.background-sky {
  background-color: #e2edfa !important;
  border-color: #cce0f6 !important; }

.background-smoke {
  background-color: #f5f8fc !important;
  border-color: #e1eaf6 !important; }

.background-grey {
  background-color: #ececec !important;
  border-color: #dfdfdf !important; }

.background-grey-dark {
  background-color: #dddddd !important;
  border-color: #d0d0d0 !important; }

.icon-color-bright:before, .icon-color-bright:after {
  color: #E2B600 !important; }

.icon-color-dark:before, .icon-color-dark:after {
  color: #27348b !important; }

/* Forms - Written by Timothy Phillips
 * Common light-weight form elements to save loading the full form device */
/* form.combo-group - Cluster of adjacent form elements for a search box
 * In development for new handbooks. Todo: Review */
form.combo-group {
  /* If flexbox not working see https://github.com/philipwalton/flexbugs */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: stretch;
  align-items: stretch; }
  form.combo-group input, form.combo-group button, form.combo-group h4 {
    white-space: nowrap; }
  form.combo-group input, form.combo-group button {
    border-width: 2px 0px;
    border-style: solid;
    border-radius: 0px;
    height: 40px;
    line-height: 20px; }
    form.combo-group input:first-child, form.combo-group button:first-child {
      border-left-width: 2px; }
    form.combo-group input:last-child, form.combo-group button:last-child {
      border-right-width: 2px; }
  form.combo-group h4:first-child {
    margin: 0px;
    height: 40px;
    line-height: 40px;
    padding-right: 24px;
    vertical-align: middle; }
    form.combo-group h4:first-child + input {
      border-left-width: 2px; }
    @media screen and (max-width: 759px) {
      form.combo-group h4:first-child {
        width: 100%; } }
  form.combo-group input {
    -webkit-box-flex: 1 1 20px;
    -moz-box-flex: 1 1 20px;
    -webkit-flex: 1 1 20px;
    -ms-flex: 1 1 20px;
    flex: 1 1 20px;
    flex-height: stretch;
    -ms-flex-align: stretch;
    background: white;
    border-color: #dbdbdb;
    box-sizing: border-box;
    display: block;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 16px;
    padding: 1px 8px;
    width: 100%; }
  form.combo-group button {
    -webkit-box-flex: 0 0 50px;
    -moz-box-flex: 0 0 50px;
    -webkit-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    flex-height: stretch;
    -ms-flex-align: stretch;
    cursor: pointer;
    text-align: center; }
    form.combo-group button:not([type="reset"]) {
      border: none;
      background: #E2B600;
      border-color: #E2B600; }
      form.combo-group button:not([type="reset"]):hover, form.combo-group button:not([type="reset"]):focus {
        background: #e5c43b;
        border-color: #e5c43b; }
    form.combo-group button[type="reset"]:before, form.combo-group button.search:before {
      font-size: 16px;
      display: inline-block;
      vertical-align: middle; }
    form.combo-group button[type="reset"] {
      font-size: 0px;
      background: white;
      border-color: #dbdbdb;
      color: #dbdbdb; }
      form.combo-group button[type="reset"]:hover, form.combo-group button[type="reset"]:focus {
        background: #F6F6F6; }
      form.combo-group button[type="reset"]:before {
        font-family: "fontcustom-dcs";
        content: ""; }
    form.combo-group button.search {
      transition: margin 100ms ease;
      font-weight: normal;
      padding-left: 24px;
      padding-right: 24px; }
      form.combo-group button.search:after {
        color: inherit;
        content: "";
        display: inline-block;
        font-family: "fontcustom-dcs";
        text-decoration: none;
        text-align: center;
        width: 16px;
        padding-left: 6px; }
      @media screen and (max-width: 579px) {
        form.combo-group button.search {
          padding-left: 6px;
          padding-right: 6px; } }
  form.combo-group.submitted button.search:after {
    content: "";
    font-family: "fontcustom-dcs";
    animation: uwacore-spin 4s linear 0s infinite;
    padding: 0px;
    margin: 0 0 0 6px;
    box-sizing: border-box;
    text-align: center;
    width: 1em;
    line-height: 1;
    font-size: 1em;
    -webkit-filter: blur(0);
    filter: blur(0); }
  form.combo-group:hover input, form.combo-group:hover button[type="reset"] {
    border-color: #8188b3; }
  form.combo-group:focus input, form.combo-group:focus button[type="reset"] {
    border-color: #4753a5; }

/* div.form - Veeery basic styled form elements with no layout */
div.form input, div.form button {
  border-width: 2px;
  border-style: solid;
  height: 40px;
  line-height: 20px; }

div.form input {
  background-color: white;
  border-color: #dbdbdb;
  box-sizing: border-box;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 16px;
  padding: 1px 8px; }
  div.form input:hover, div.form input:focus {
    border-color: #4753a5; }

div.form button, div.form input[type="submit"], div.form input[type="reset"], div.form input[type="button"] {
  cursor: pointer;
  text-align: center;
  border: none;
  background-color: #E2B600;
  border-color: #E2B600; }
  div.form button:hover, div.form button:focus, div.form input[type="submit"]:hover, div.form input[type="submit"]:focus, div.form input[type="reset"]:hover, div.form input[type="reset"]:focus, div.form input[type="button"]:hover, div.form input[type="button"]:focus {
    background-color: #e5c43b;
    border-color: #e5c43b; }
  div.form button:disabled, div.form input[type="submit"]:disabled, div.form input[type="reset"]:disabled, div.form input[type="button"]:disabled {
    background-color: #D8D8D8;
    color: #8f8f8f; }

div.form button[type="submit"]:after, div.form input[type="submit"]:after {
  color: inherit;
  content: "";
  display: inline-block;
  font-family: "fontcustom-dcs";
  text-decoration: none;
  text-align: center;
  width: 16px;
  padding-left: 6px; }

/* Print styles - Written by Timothy Phillips */
@media print {
  body, #headercontainer, #centrecontainer, #footercontainer {
    min-width: 800px;
    max-width: 1000px; }
  body.style-version-two {
    max-width: 1200px; }
    body.style-version-two #headercontainer, body.style-version-two #centrecontainer, body.style-version-two #footercontainer {
      max-width: 1200px; }
  div.inner {
    width: 100%;
    margin: 0px auto !important; }
  #headercontainer {
    background: none !important;
    border-bottom: 1px solid #D8D8D8;
    min-height: 90px; }
    #headercontainer #globalNavLinks, #headercontainer #site-nav {
      display: none; }
    #headercontainer #uwa-header {
      padding: 0; }
    #headercontainer #header-logo {
      float: right;
      height: 50px; }
      #headercontainer #header-logo #uwa-crest img {
        display: none !important; }
      #headercontainer #header-logo #uwa-crest img.dark.formal.vector {
        display: block !important;
        height: 70px; }
    #headercontainer #site-header {
      padding: 0px 0px 12px 0px !important;
      background: none !important; }
      #headercontainer #site-header > div.inner {
        padding: 0 240px 0 0;
        box-sizing: border-box; }
        #headercontainer #site-header > div.inner h2 {
          padding-bottom: 12px;
          display: block;
          font-size: 18px; }
        #headercontainer #site-header > div.inner h1, #headercontainer #site-header > div.inner h2, #headercontainer #site-header > div.inner a {
          color: black;
          text-shadow: none; }
  #centrecontainer > div.contentwrapper {
    padding: 12px 0 24px 0 !important;
    background: none !important; }
  #uwacore-breadcrumbs {
    display: none; }
  #footercontainer, #overlay-header {
    display: none; }
  #centrecontainer ul.image-links li a {
    border: 2px solid #E2B600; }
    #centrecontainer ul.image-links li a:before {
      display: none; }
    #centrecontainer ul.image-links li a div.copy, #centrecontainer ul.image-links li a div.overlay {
      background: white;
      color: black;
      text-shadow: none;
      display: block;
      position: relative;
      height: auto;
      padding: 12px; }
    #centrecontainer ul.image-links li a div.overlay {
      padding: 0px 12px; }
  .highlight-box, .box {
    background-color: #f5f8fc;
    color-adjust: exact;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact; }
  #uwa-logo-descriptor {
    display: none !important; }
  .print-hide {
    display: none !important; } }

a {
  touch-action: manipulation; }

/* A few random classes that probably should be elsewhere */
.dpi-low {
  display: block; }

.dpi-high {
  display: none; }

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .dpi-high {
    display: block; }
  .dpi-low {
    display: none; } }

#legacy-browser {
  display: block;
  width: 100%; }

#uwacore-data {
  display: none; }

/* get rid of back to top links - we don't use them any more */
.content a[href="#top"] {
  display: none; }

/*# sourceMappingURL=uwacore.css.map */