/* styles.php?css=wings&site=handbooks.uwa.edu.au&r=26_ */
/* generated fresh */


/* ##### Begin device "../css/devices/wings.css" ##### */

/* Wings - Written by Timothy Phillips
 * Wings extend to the sides beyond the content area. The origional Rebrand template and matrix output isn't well suited to this, so there's some heavy JS involved.
 * Required by:
 * - Hero blocks
 * - Info banner */@keyframes uwacore-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

div.winged-block {
  position: relative;
  margin: 48px 0;
  background-position: center 20%;
  background-size: cover;
  background-repeat: no-repeat;
  transition: background-color 0.5s ease;
  overflow: hidden; }
  div.winged-block > *:first-child {
    margin-top: 0px; }
  div.winged-block > *:last-child {
    margin-bottom: 0px; }
  div.winged-block.background-tiled {
    background-repeat: repeat;
    background-size: auto; }
  div.winged-block.margins-normal {
    margin: 24px 0;
    padding: 24px 0; }
  div.winged-block.margins-large {
    margin: 48px 0;
    padding: 48px 0; }
  div.winged-block > * {
    z-index: 70;
    position: relative;
    max-width: 1320px;
    margin-left: auto !important;
    margin-right: auto !important; }
  div.winged-block.expand-content > * {
    max-width: 1920px; }
  div.winged-block.background-white {
    background-color: white; }
  div.winged-block.background-grey {
    background-color: #ececec; }
  div.winged-block.background-light {
    background-color: #f5f8fc; }
  div.winged-block.background-blue, div.winged-block.background-dark {
    background-color: #27348b; }
  div.winged-block.background-white div.info-banner, div.winged-block.background-white div.carousel-wrapper, div.winged-block.background-grey div.info-banner, div.winged-block.background-grey div.carousel-wrapper, div.winged-block.background-light div.info-banner, div.winged-block.background-light div.carousel-wrapper, div.winged-block.background-blue div.info-banner, div.winged-block.background-blue div.carousel-wrapper, div.winged-block.background-dark div.info-banner, div.winged-block.background-dark div.carousel-wrapper {
    background-color: transparent; }
  div.winged-block.padding-none > div.wings-content {
    padding: 0px; }
  div.winged-block + div.winged-block {
    margin-top: -48px; }

div.content > div.winged-block:first-child {
  margin-top: -48px !important; }

div.wings-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 70;
  background-position: center 20%;
  background-size: cover;
  background-repeat: no-repeat; }
  div.wings-background.background-tiled {
    background-repeat: repeat;
    background-size: auto; }
  div.wings-background.no-image {
    background-color: #ececec; }

div.wings-content {
  position: relative;
  padding: 48px 24px;
  max-width: 1248px;
  margin-left: 0px;
  margin-right: 0px; }
  div.wings-content > *:first-child {
    margin-top: 0px; }
  div.wings-content > *:last-child {
    margin-bottom: 0px; }
  @media (max-width: 1008px) {
    div.wings-content {
      width: 100%;
      padding-left: calc(12px + 12 * (100vw - 480px) / 480);
      padding-right: calc(12px + 12 * (100vw - 480px) / 480); } }
  @media (max-width: 480px) {
    div.wings-content {
      padding-left: 12px;
      padding-right: 12px; } }
  div.wings-content > * {
    margin-left: auto;
    margin-right: auto; }
  div.wings-content.info-banner, div.wings-content.hero-block {
    padding: 0px; }
  div.wings-content ul[class^="grid-"]:first-child:last-child, div.wings-content ul[class*=" grid-"]:first-child:last-child {
    margin-top: -24px !important;
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px;
    padding-top: 0px;
    padding-bottom: 0px; }
  div.wings-content.padding-vertical-none ul[class^="grid-"]:first-child:last-child, div.wings-content.padding-vertical-none ul[class*=" grid-"]:first-child:last-child {
    padding-top: 24px;
    padding-bottom: 24px; }

div.winged-block.expand-content > div.wings-content {
  max-width: 1920px; }div.winged-block:not(.hero-block) ul.lightbox-thumbnails > li > a {
  background: #F6F6F6;
  border-color: #F6F6F6; }

/* ##### Begin site "../css/sites/handbooks.uwa.edu.au.css" ##### */

/* file does not exist or not readable */