@font-face {
  font-family: UnitRounded;
  src: url("https://www.csiro.au/themes/default/font/UnitRoundedWeb-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: UnitRounded;
  src: url("https://www.csiro.au/themes/default/font/UnitRoundedWeb-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: UnitRounded;
  src: url("https://www.csiro.au/themes/default/font/UnitRoundedWeb-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
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, img, ins, kbd, q, s, samp,
small, strike, 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;
  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; }

blockquote, q {
  quotes: none; }

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

a, button {
  outline: 0; }

audio {
  width: 100%; }

ul, ol {
  margin: 0 0 18px;
  padding: 0 0 0 42px; }
  ul:last-child, ol:last-child {
    margin-bottom: 0; }

ul ul, ol ul {
  margin-bottom: 0;
  list-style-type: circle; }

ul ol, ol ol {
  margin-top: 6px;
  margin-bottom: 0; }

li {
  margin-top: 6px; }
  li:first-child {
    margin-top: 0; }

.list--two-columns {
  margin-top: -1.46667rem; }
  .list--two-columns li {
    padding-top: 1.46667rem; }
  @media (min-width: 29.33333rem) {
    .list--two-columns {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      -ms-column-count: 2;
      -o-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 15px;
      -moz-column-gap: 15px;
      -ms-column-gap: 15px;
      -o-column-gap: 15px;
      column-gap: 15px;
      columns: 2;
      height: 100%; }
      .list--two-columns li {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid-column;
        display: table;
        margin: 0;
        width: 100%; } }

.list--inline, .list--inline--divider {
  margin: -12px 0 0;
  padding: 0; }
  .list--inline li, .list--inline--divider li {
    display: inline-block;
    list-style-type: none;
    margin: 12px 12px 0 0;
    padding: 0; }
    .list--inline li:last-child, .list--inline--divider li:last-child {
      margin-right: 0; }
  .list--inline--small li {
    margin-right: 5px; }

.list--inline--divider li {
  position: relative;
  padding: 0;
  margin-right: 0; }
  .list--inline--divider li:after {
    content: "/";
    padding: 0 6px;
    color: #1D2021; }
  .list--inline--divider li:last-child:after {
    content: none; }

.list--large > li {
  margin: 0 0 18px 0; }

.list--med > li {
  margin: 0 0 10px 0; }

.list--children {
  padding-left: 0;
  padding-top: 0.8rem; }
  .list--children li {
    display: flex;
    position: relative; }
  .list--children li:before {
    content: "\2022";
    position: absolute;
    color: #b2b3b4;
    font-size: 1rem; }
  .list--children li a {
    margin-left: 18px; }

.list--remove-type li {
  list-style-type: none; }

.list--remove-padding {
  padding: 0; }

.list--block {
  width: 100%;
  display: block; }

.list--lower-alpha {
  list-style-type: lower-alpha; }

.list--upper-alpha {
  list-style-type: upper-alpha; }

.list--lower-roman {
  list-style-type: lower-roman; }

.list--upper-roman {
  list-style-type: upper-roman; }

.list--social-media > li {
  margin-right: 1px; }

.fa-ul {
  margin-left: 1.6rem !important; }

html {
  font-size: 13px; }

@media (min-width: 45.33333em) {
  html {
    font-size: 15px; } }
h1, h2, h3,
.h1, .h2, .animated-accordion__header, .h3 {
  display: block;
  color: #00313C;
  font-family: UnitRounded, sans-serif;
  font-weight: bold; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  margin-bottom: 0.4rem;
  font-family: "Open sans", sans-serif;
  font-weight: bold; }

h1, .h1 {
  margin: 0;
  font-size: 2.93333rem;
  line-height: 3.6rem; }
  @media (min-width: 45.33333em) {
    h1, .h1 {
      font-size: 3.4rem; } }

.h2:first-child, .animated-accordion__header:first-child, h2:first-child, h3:first-child, .h3:first-child {
  margin-top: 0; }

h2, .h2, .animated-accordion__header {
  margin: 2.53333rem 0 0.8rem;
  font-size: 1.6rem;
  line-height: 2rem; }

h3, .h3 {
  margin: 0 0 0.8rem;
  line-height: 1.6rem;
  font-size: 1.26667rem; }

h4, .h4 {
  font-size: 1rem;
  line-height: 1.2rem; }

h5, .h5 {
  font-size: 1rem; }

h6, .h6 {
  font-size: 0.8rem; }

.alt-heading-format, legend {
  font-family: "Open sans", sans-serif;
  font-weight: 600; }

.heading--remove-color {
  color: inherit; }

h2:first-child,
h3:first-child {
  margin-top: 0; }

.display__title {
  display: inline-block;
  font-family: UnitRounded, sans-serif;
  margin: 0 0 18px 0; }
  .display__title:after {
    content: "";
    display: block;
    height: 2px;
    width: 100px;
    margin: 14px 0 0 0;
    background: #0093B5; }
  .display__title + .summary {
    margin-top: 18px; }

p {
  margin: 0 0 18px; }
  p:last-child {
    margin-bottom: 0; }
  p + ul, p + ol {
    margin-top: -6px; }
  p + .contact__container {
    margin-top: -18px; }
  p.small {
    font-size: 13px; }

p:empty {
  display: none; }

.more-link__last-word {
  text-decoration: inherit; }
  .more-link__last-word:after {
    content: "\0020\003e"; }
.more-link--reversed:before {
  content: "\003c\0020"; }

.more-link__last-word:after, .more-link--reversed:before {
  display: inline-block;
  width: 0;
  position: relative;
  top: 1px;
  margin: 0 0.8rem 0 0.4rem;
  font-family: UnitRounded, sans-serif;
  font-weight: bold;
  text-decoration: none; }

.highlighted {
  z-index: 10;
  padding-left: 0;
  padding-right: 0; }
  .highlighted__text {
    display: inline;
    position: relative;
    padding: 0.4rem 0;
    box-shadow: -12px 0 0 0 #FFF, 12px 0 0 0 #FFF;
    background: #FFF; }
  .highlighted__wrapper {
    display: block;
    position: relative;
    padding: 0.8rem 0 0.8rem;
    margin: 0; }

.testimonial__quote {
  font-family: UnitRounded, sans-serif;
  font-size: 1.6rem;
  line-height: 2rem; }
  .testimonial__quote:before {
    content: open-quote;
    position: relative;
    top: 0.8rem;
    font-size: 3.2rem; }
.testimonial__citation {
  margin-bottom: 0;
  font-size: 0.86667rem;
  line-height: 1.2rem; }

.lead {
  margin-bottom: 1.2rem;
  color: #1D2021;
  font-size: 1.06667rem;
  font-weight: 600;
  line-height: 1.6rem; }

.summary {
  max-width: 1034px;
  margin: -6px 0 2rem;
  color: #1D2021;
  font-size: 1.26667rem;
  font-weight: 600;
  line-height: 1.9rem; }
  @media (min-width: 45.33333em) {
    .summary {
      margin-bottom: 3rem; } }
  .summary--sm {
    margin-bottom: 2rem; }

blockquote, .highlight-box {
  padding: 0.8rem;
  margin: 24px 0 1.6rem;
  border-left: 5px solid #e8e9e9;
  font-size: 1.26667rem;
  overflow: hidden;
  background: #f2f2f2; }
  blockquote cite, .highlight-box cite {
    color: #565859;
    font-size: 1rem; }

.caption {
  display: block;
  padding: 0.8rem;
  color: #565859;
  font-size: 0.86667rem;
  line-height: 1.2rem;
  background: #e8e9e9; }
  .caption.hasCaption p {
    margin-bottom: 0.8rem; }

.emphasis {
  font-weight: bold; }
  .emphasis--semi, .ui-datepicker-title {
    font-weight: 600; }
  .emphasis--none {
    font-weight: normal; }

.meta-heading {
  display: block;
  color: #565859;
  font-size: 0.86667rem;
  line-height: 1.06667rem; }

dt {
  font-weight: 600; }

dd {
  margin-bottom: 1.6rem; }

.mobile-only, .help-block, input[type="file"], .gallery__control--mobile, .filter__mobile-controls, .search__site-filter li a.active:after {
  display: block; }

.more-link__last-word, .card__info-bar p {
  display: inline-block; }

.hidden, .desktop-only, .hd--mini:last-child:after, form .required-field .checkbox::after, .validation-summary-errors, .language-switcher__desktop, .animated-accordion__panel[aria-hidden=true], .animated-accordion__title, .contact-form__modal, .filter__results ul, .filter .checkbox:after, .filter .checkbox.isChecked:hover:after, .filter .checkbox.isChecked:focus:after, .menu__dropdown, .hero-container__testimontal, .aside {
  display: none; }

.gallery__content, .col-1, .col-1-2, .hero-container .hero-container__content, .inline--right, .align-right, .cp__details, .expandable__panel {
  width: 100%; }

.link--remove-underline, .reversed, .horizontal__card a .card__title, horizontal__card a .card__title {
  text-decoration: none; }

.list--large > li:last-child, .list--med > li:last-child, .list--remove-margin, .list--remove-margin li, .contact__details p, .horizontal__card__grid .horizontal__card:last-child, .filter .control-label {
  margin: 0; }

ul ul, ul ol, ol ul, ol ol, .h2:last-child, .animated-accordion__header:last-child, h2:last-child, h3:last-child, .h3:last-child, main p:last-child, .summary:last-child, dl dd:last-child, .widetable > table {
  margin-bottom: 0; }

.hd--alternate--grey > div:last-child, .hd--alternate--brand .grid:last-child [class*='col-'], td, .table--remove-border,
.table--remove-border th,
.table--remove-border td,
.table--remove-border tr, .search-menu__dropdown li a.active:after, .search-menu__dropdown li a.active,
.search-menu__dropdown li a:active:after,
.search-menu__dropdown li a:focus:after,
.search-menu__dropdown li a:hover:after {
  border: 0; }

.banner__text, footer a:hover, footer a:focus, footer a:active, .showcase-pullout-box, .showcase-pullout-box .showcase-pullout-box__title, .showcase-pullout-box .lead, .showcase-pullout-box a, .showcase-pullout-box a:hover, .showcase-pullout-box a:focus {
  color: #FFF; }

.card__info-bar ul, .popover:nth-child(even) {
  float: right; }

.card .with-proceeding-border, .scrim, .scrim__inner, .container--relative, .filter__wrapper, .hero-container, .inline-media__wrapper {
  position: relative; }

.cp__inline-table__wrapper:last-child {
  border: 0;
  padding: 0;
  margin: 0; }

.people-widget__contact-info, .banner__text--small, .help-block, .textbox-with-button--sm input[type="text"], .pricing__additional__text, .filter__results .btn i {
  font-size: 0.86667rem; }

.section__list .section:last-child, .section__list ~ .section:last-child {
  padding-bottom: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none; }

body {
  font-family: "Open sans", sans-serif;
  line-height: 1.6rem;
  color: #1D2021;
  background-color: #fff;
  min-width: 310px;
  -webkit-overflow-scrolling: auto; }

.freeze {
  position: fixed;
  width: 100%; }

a {
  color: #007B97;
  font-weight: bold;
  text-decoration: underline; }
  a:hover, a:focus, a:active {
    color: #00313C;
    text-decoration: none;
    transition: all 0.2s ease; }

.reversed:hover, .reversed:focus, .reversed:active {
  text-decoration: underline; }

img {
  vertical-align: middle;
  height: auto;
  max-width: 100%;
  width: 100%; }

.img--remove-width {
  width: auto; }

.sr-only, .sr-only--focusable {
  position: absolute;
  left: -9999em;
  top: 0; }

.sr-only--focusable:active, .sr-only--focusable:focus {
  display: inline-block;
  position: static; }

@media (min-width: 66.73333em) {
  .desktop-only {
    display: block; }

  .mobile-only {
    display: none !important; } }
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: 9px !important; }

sub {
  top: 0.4em; }

.sticky-wrapper {
  height: auto !important; }

.contact__text {
  font-size: 0.86667rem;
  line-height: 1.06667rem; }
.contact__info {
  color: #565859; }
.contact__profile-link {
  font-size: 0.86667rem;
  font-weight: normal;
  margin-left: 6; }
.contact--sidebar {
  border-top: 4px solid #0093B5; }
.contact__item {
  border: 2px solid #e8e9e9;
  width: 100%;
  padding: 1.2rem 1.2rem 1.2rem 4rem;
  background: #fdfdfd;
  margin-left: 2rem; }
  .contact__item .contact__image {
    position: absolute;
    left: -2rem; }
  @media (min-width: 45.33333em) {
    .contact__item {
      padding-left: 3rem; } }
  @media (min-width: 66.73333em) {
    .contact__item {
      margin-left: 0; } }

.contact__container + .contact__container,
.contact__container + h3 {
  margin-top: 2.5rem; }

.contact__list + .contact__list {
  margin-top: 4rem; }

p + .contact__list,
ul + .contact__list,
ol + .contact__list {
  margin-top: 2rem; }

.contact__list + p,
.contact__list + ul,
.contact__list + ol {
  margin-top: 2rem; }

main .contact--sidebar {
  border-top: 2px solid #dadada; }

.bgi--default {
  background: url(https://style.csiro.au/assets/img/default__banner.jpg) no-repeat #00313C;
  background-size: cover;
  background-position: center;
  box-sizing: border-box; }
.bgi--fixed {
  background-attachment: scroll; }
  @media (min-width: 73.33333em) {
    .bgi--fixed {
      background-attachment: fixed; } }
.bgi--with-csirotab, .bgi--with-csirotab.section {
  padding-top: 6rem; }
  @media (min-width: 40em) {
    .bgi--with-csirotab, .bgi--with-csirotab.section {
      padding-top: 4rem; } }

.banner {
  width: 100%; }
  .banner__container {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center; }
  .banner__logo-group {
    position: relative;
    padding-left: 15px;
    padding-bottom: 3rem;
    padding-top: 1rem; }
    .banner__logo-group img {
      width: auto; }
  .banner__scroll-indicator {
    display: none;
    position: absolute;
    bottom: 4rem;
    left: 50%;
    opacity: 0.8;
    -moz-animation: bounce 5s infinite ease-in-out;
    -webkit-animation: bounce 5s infinite ease-in-out;
    animation: wobble 5s bounce infinite ease-in-out;
    border: 0px;
    background: none; }
  .banner__summary {
    margin: 1rem 0 1.6rem !important;
    color: #FFF;
    font-weight: bold;
    line-height: 2rem;
    font-size: 1.26667rem; }
  .banner__link:hover .btn, .banner__link:focus .btn {
    border-color: #FFF;
    color: #00313C;
    background: #FFF; }

@media (min-width: 45.33333em) {
  .banner__logo-group {
    padding-left: 0; } }
@media (min-width: 40em) {
  .banner__scroll-indicator {
    display: block; }

  .banner__logo-group {
    top: -4rem;
    padding-bottom: 1rem; } }
.breadcrumbs {
  padding: 0.4rem 0 1rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #e8e9e9;
  text-align: left; }
  @media (min-width: 45.33333em) {
    .breadcrumbs {
      padding: 0;
      margin: 0;
      border: 0; } }

.btn {
  display: inline-block;
  padding: 6px 18px 8px;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 500px;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.6rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle; }
  .btn:hover, .btn:focus {
    border-color: #00313C;
    color: #FFF;
    text-decoration: none;
    background: #00313C; }
  .btn[disabled] {
    border-color: #e8e9e9;
    color: #8e9090;
    cursor: not-allowed;
    background: #f4f4f4; }

.btn--primary, .btn-default {
  color: #FFF;
  border-color: #0093B5;
  background: #0093B5; }

.btn--primary--reversed {
  color: #0093B5;
  border-color: #FFF;
  background: #FFF; }

.btn--primary--outline {
  color: #0093B5;
  border-color: #8e9090;
  background: #FFF; }

.btn--secondary {
  color: #FFF;
  border-color: #00313C;
  background: #00313C; }

.btn--secondary--outline--reversed {
  color: #00313C;
  border-color: transparent;
  background: transparent; }
  .btn--secondary--outline--reversed:active, .btn--secondary--outline--reversed:hover, .btn--secondary--outline--reversed:focus {
    border-color: #00313C;
    color: #00313C;
    background: transparent; }

.btn--banner {
  border-color: #FFF;
  color: #FFF;
  background: rgba(0, 0, 0, 0.1); }

.btn--transparent--white, .btn--transparent--grey, .btn--transparent--black, .btn--transparent--secondary, .btn--transparent--primary {
  background: transparent; }

.btn--transparent--white {
  border-color: #FFF;
  color: #FFF; }
.btn--transparent--grey {
  border-color: #8e9090;
  color: #8e9090; }
.btn--transparent--black {
  border-color: #1D2021;
  color: #1D2021; }
.btn--transparent--secondary {
  border-color: #00313C;
  color: #00313C; }
.btn--transparent--primary {
  border-color: #0093B5;
  color: #0093B5; }
  .btn--transparent--primary:hover, .btn--transparent--primary:focus {
    color: #0093B5;
    border-color: #0093B5;
    background: #e6f4f8; }
  .btn--transparent--primary:active {
    color: #FFF;
    background: #0093B5; }

.btn--white {
  color: #1D2021;
  border-color: #FFF;
  background: #FFF; }

.btn--white--border {
  color: #1D2021;
  border-color: #8e9090;
  background: #FFF; }
  .btn--white--border .btn--pag-nav {
    color: #8e9090;
    background: none; }
  .btn--white--border:hover, .btn--white--border:focus {
    border-color: #1D2021;
    color: #1D2021;
    background: #FFF; }
    .btn--white--border:hover .btn--pag-nav, .btn--white--border:focus .btn--pag-nav {
      color: #1D2021;
      background: #efefef; }

.btn--chat {
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  border-radius: 20px 0 0;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 21px 12px 24px;
  color: #FFF;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
  background: #518211; }
  .btn--chat:before {
    content: "\f007";
    font-family: 'FontAwesome';
    margin-right: 12px; }
  .btn--chat:hover, .btn--chat:focus {
    padding-bottom: 30px; }

.btn--lg {
  padding: 4px 16px;
  font-size: 1.26667rem;
  line-height: 2rem;
  font-family: UnitRounded, sans-serif;
  border-width: 2px; }
.btn--sm {
  padding: 6px 12px;
  font-size: 0.86667rem;
  line-height: 1.2rem; }
  .btn--sm .ic {
    font-size: 0.66em; }
  .btn--sm .btn--icon {
    margin: -4px 6px -4px -10px;
    height: 28px;
    width: 28px; }
.btn--xs {
  padding: 3px 12px;
  font-size: 0.86667rem;
  line-height: 1.06667rem; }
  .btn--xs.btn-primary {
    border: #007B97;
    background: #007B97; }

.close {
  height: 2rem;
  width: 2rem;
  position: absolute;
  right: -15px;
  top: -15px;
  padding: 2px 0 0;
  cursor: pointer;
  border-radius: 100px; }

.btn--square {
  border-radius: 0; }

.btn--uppercase {
  font-weight: 600;
  text-transform: uppercase; }

.btn--pag-nav {
  display: inline-block;
  border: 1px solid #c7c7c8;
  border-radius: 300px;
  padding: 0 .2rem;
  margin: 0 6px;
  color: #1D2021;
  font-family: UnitRounded;
  line-height: 1;
  text-decoration: none;
  background: #efefef; }

.btn--pag-nav.btn--close {
  border: 0;
  padding: 1px 3px 2px 3px;
  font-size: 0.86667rem;
  margin-left: -5px; }

.btn--overlap--right {
  position: absolute;
  z-index: 9;
  left: 33px;
  bottom: 18px; }

#ewayButtonDiv img {
  width: auto; }

.event-cost-indicator {
  max-width: calc(100% - 16px);
  position: absolute;
  bottom: 8px;
  right: 8px;
  padding: 6px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  background: #FFF; }

.hierarchy-indicator {
  border-left: 2px solid #b2b3b4;
  padding: 0 0 0 18px;
  margin-left: 20px; }
  .hierarchy-indicator .card__block {
    padding: 6px; }

.label-indicator {
  display: inline-block;
  padding: 0px 6px;
  border-radius: 2px;
  border: 1px solid;
  color: #FFF;
  font-family: "Open sans", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  font-weight: normal;
  line-height: 19px;
  vertical-align: middle;
  background: #007B97; }

.link-indicator-external:after {
  content: "\f08e";
  margin-right: 3px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 11px;
  vertical-align: baseline; }

.callout, .bg-warning {
  clear: both;
  padding: 1.2rem;
  border: 2px solid #0093B5; }
  .callout__title {
    font-size: 1rem;
    line-height: 1.6rem; }
    .callout__title:after {
      content: "";
      display: block;
      height: 3px;
      width: 30px;
      margin: 6px 0 18px 0; }
  .callout p, .bg-warning p {
    color: #1D2021; }
  .callout--danger, .bg-warning {
    border-color: #f8bfc9;
    background-color: #fdedf0;
    color: #E40028;
    position: relative; }
    .callout--danger .callout__title, .bg-warning .callout__title {
      color: #E40028; }
      .callout--danger .callout__title:after, .bg-warning .callout__title:after {
        background: #E40028; }
    .callout--danger p, .bg-warning p {
      color: #E40028; }
    .callout--danger i, .bg-warning i {
      margin: 0 0 0 6px;
      vertical-align: middle;
      color: #f8bfc9;
      font-size: 1.26667rem; }
  .callout--warning {
    border-color: #f9ddc8;
    background-color: #fdf5f0;
    color: #1D2021; }
    .callout--warning .callout__title {
      color: #E67623; }
      .callout--warning .callout__title:after {
        background: #E67623; }
  .callout--info, .message-important-information {
    border-color: #bfe4ed;
    background-color: #edf7fa;
    color: #1D2021; }
    .callout--info .callout__title, .message-important-information .callout__title {
      color: #0093B5; }
      .callout--info .callout__title:after, .message-important-information .callout__title:after {
        background: #0093B5; }
  .callout--success {
    border-color: #bfe1d6;
    background-color: #edf6f4;
    color: #1D2021; }
    .callout--success .callout__title {
      color: #00855B; }
      .callout--success .callout__title:after {
        background: #00855B; }
  .callout--inline {
    display: inline-block;
    padding: 0.4rem;
    margin: 0 6px 6px 0;
    font-size: 0.86667rem;
    font-weight: 600; }
    .callout--inline p {
      display: inline-block;
      margin: 0; }
  .callout__image {
    width: calc(100% + 1.2rem * 2);
    max-width: calc(100% + 1.2rem * 2);
    margin: 0 -1.2rem -1.2rem; }

.message-inline {
  clear: both;
  padding: 1.2rem;
  border-width: 2px;
  border-style: solid; }

.card {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: 0 1px 5px 0 rgba(29, 32, 33, 0.2);
  text-decoration: none; }
  .card__block {
    padding: 10px; }
    .card__block--lg {
      padding: 1.2rem; }
  .card__image {
    display: block;
    width: 100%;
    max-width: 100%; }
  .card__summary {
    max-width: 860px;
    width: 100%;
    color: #565859;
    font-weight: normal; }
  .card__date {
    color: #1D2021;
    font-size: 0.86667rem;
    font-weight: normal; }
    .card__date p {
      display: inline-block;
      margin: 0; }
    .card__date ul {
      display: inline-block;
      margin-left: 6px; }
    .card__date--border-offset {
      margin-top: -10px; }
  .card__info-bar {
    padding: 0.8rem 10px;
    color: #1D2021;
    font-size: 0.86667rem;
    font-weight: normal;
    background: #edf7fa; }
    .card__info-bar p {
      margin: 0; }
  .card__title {
    color: #007B97;
    margin: 0.3rem 12px 0.6rem 0 !important; }
  .card .with-proceeding-border {
    margin-top: 0.53333rem !important;
    margin-bottom: 0.8rem; }
    .card .with-proceeding-border:before {
      content: "";
      height: 100%;
      position: absolute;
      top: -18px;
      left: -10px;
      padding: 1.4rem 0 0.53333rem 1.2rem;
      border-left: 6px solid #007B97; }
      @media (min-width: 45.33333em) {
        .card .with-proceeding-border:before {
          left: -20px; } }
  .card--remove-box-shadow {
    box-shadow: none; }
  .card--white {
    background: #FFF; }

.card.card__block {
  width: calc(100% + 20px);
  margin: -10px; }

.section--colourful a.card:hover, .section--colourful a.card:focus, .section--colourful a.card:active {
  box-shadow: 1px 1px 10px 0 rgba(29, 32, 33, 0.1);
  border-color: rgba(0, 157, 192, 0.1);
  background: rgba(232, 239, 241, 0.5); }

a.card {
  border: 1px solid transparent; }
  a.card:hover, a.card:focus, a.card:active {
    border-color: rgba(0, 157, 192, 0.1);
    box-shadow: 1px 1px 5px 0 rgba(29, 32, 33, 0.05);
    background: rgba(237, 247, 250, 0.5); }
    a.card:hover .card__summary, a.card:focus .card__summary, a.card:active .card__summary {
      color: #1D2021; }
    a.card:hover .card__title, a.card:focus .card__title, a.card:active .card__title {
      color: #00313C; }
    a.card:hover .label-indicator, a.card:focus .label-indicator, a.card:active .label-indicator {
      background-color: #00313C; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: calc($baseline / 3);
  color: #333333;
  background-color: #F9F2F4; }

kbd {
  padding: calc(6 / 3);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    box-shadow: none;
    font-size: 100%;
    font-weight: bold; }

pre {
  display: block;
  padding: 6;
  margin: 0 0 6;
  font-size: 1rem-1;
  line-height: 1.6rem;
  word-break: break-all;
  word-wrap: break-word; }
  pre code {
    padding: 0;
    border-radius: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent; }

.hd--brand, .hd--grey, .hd--white {
  clear: both;
  width: 100%;
  height: 2px; }

.hd--brand {
  background: #bfe4ed; }

.hd--grey {
  background: #dadada;
  margin-top: 6px; }

.hd--white {
  background: #FFF; }

.hd--thin {
  height: 1px; }

.hd--alternate--grey > div {
  border-bottom: 2px solid #e8e9e9; }

.hd--alternate--brand .grid [class*='col-'] {
  border-bottom: 2px solid #edf7fa; }

.hd--mini:after, .references:before {
  content: "";
  display: block;
  height: 2px;
  width: 40px;
  margin: 1.5rem 0;
  background: #e8e9e9; }

.hd--mini--sm:after {
  margin: 1.2rem 0; }

.col-md-12 {
  width: 100%;
  padding: 0 !important; }

.col-lg-4 {
  width: 33.3% !important;
  padding: 0 15px 0 0 !important; }
  .col-lg-4:last-child {
    padding: 0 !important; }

.page-header + .has-feedback + fieldset,
.page-header + p {
  margin-top: 1.2rem; }

.standard-article + link {
  display: block;
  margin-top: 2rem; }

textarea {
  min-height: 6.66667rem; }

legend {
  display: block;
  width: 100%;
  font-size: 1.26667rem;
  margin: 0.4rem 0 0.8rem; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin: -15px -15px 0 -15px; }
  .row .row {
    margin: 0; }

.form-group {
  width: 100%;
  padding: 0px 15px;
  margin-top: 15px; }

label {
  display: inline-block;
  margin-bottom: 0.4rem; }

.form-submit-border {
  margin-top: 24px;
  clear: both;
  width: 100%; }

.form-control {
  width: 100%;
  padding: 0 0.8rem;
  border: 1px solid #b2b3b4;
  font-family: "Open sans", sans-serif;
  font-size: 1rem;
  line-height: 2.4rem;
  height: 2.4rem; }
  .form-control:focus {
    border: 1px solid #0093B5;
    outline: 0; }

.form-group--complete .form-control {
  border: 1px solid #1D2021; }

.control-label {
  position: relative; }

.field--date {
  position: relative; }
  .field--date:before {
    content: "\f073";
    position: absolute;
    right: 24px;
    top: 2.5rem;
    font-family: FontAwesome;
    text-align: right; }

fieldset {
  border: 0;
  padding: 0;
  margin: 0; }
  fieldset + fieldset {
    margin-top: 2.13333rem; }
    fieldset + fieldset legend {
      border-top: 1px solid #e8e9e9;
      padding: 1.73333rem 0 0 0; }

form .required-field .control-label::before {
  content: "*";
  position: absolute;
  right: -12px;
  color: #1D2021;
  font-weight: bolder; }

form .form-group--active.required-field .control-label::before,
form .form-group--active.required-field .checkbox::after {
  color: #E40028; }

#ui-datepicker-div {
  background: #FFF; }

.checkbox, .radio {
  cursor: pointer; }

.checkbox.isformatted input, .radio.isformatted input {
  opacity: 0;
  margin-left: -20px; }

.checkbox label, .radio label {
  max-width: calc(100% - 26px);
  cursor: pointer; }

.checkbox.isformatted:before {
  display: inline-block; }

.checkbox.isChecked:before {
  content: "\e909";
  color: #007B97; }

.checkbox.isformatted.hasFocus:before,
.checkbox.isformatted.isChecked.hasFocus:before {
  content: "\e909";
  color: #e8e9e9; }

.checkbox--with-heading.form-group {
  width: 100%; }
.checkbox--with-heading .control-label {
  font-weight: bold; }

.checkbox:before {
  display: none;
  content: "\e908";
  margin: 4px 6px 2px 0;
  color: #b2b3b4;
  font-family: "csiro";
  line-height: 15px;
  vertical-align: top;
  background: #FFF; }

.radio:before {
  content: "\f10c";
  display: inline-block;
  margin-right: 6px;
  color: #b2b3b4;
  font-family: 'FontAwesome';
  vertical-align: top; }

.radio.isChecked:before {
  content: "\f192";
  color: #007B97; }

.has-error .form-control {
  border-color: #f7b3bf; }

.has-error .field-validation-error {
  display: block; }

.field-validation-error {
  display: none;
  color: #E40028;
  font-size: 0.86667rem; }

.bg-warning {
  padding: 1.2rem; }
  .bg-warning ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }

.textbox-with-button {
  display: flex;
  position: relative;
  width: 100%; }
  .textbox-with-button .btn {
    border-radius: 0 500px 500px 0;
    margin-left: -1px;
    height: 2.53333rem;
    padding: 0 12px; }
  .textbox-with-button--lg input[type="text"] {
    height: 3.6rem;
    font-size: 1.26667rem;
    font-weight: normal;
    padding: 0.8rem 3.5rem 0.8rem 1.2rem; }
  .textbox-with-button--lg button[type="submit"] {
    font-size: 1.6rem;
    height: 3.6rem; }
  .textbox-with-button--md input[type="text"], .textbox-with-button--md .btn {
    height: 2.53333rem; }
  .textbox-with-button--sm input[type="text"], .textbox-with-button--sm .btn {
    height: 2.4rem; }
  .textbox-with-button--inside button[type="submit"] {
    position: absolute;
    height: auto;
    z-index: 2;
    top: calc(50% - 2px);
    right: 0.4rem;
    border: 0;
    color: #000000;
    transform: translate(0%, -50%);
    cursor: pointer;
    background: transparent; }
    .textbox-with-button--inside button[type="submit"]:hover, .textbox-with-button--inside button[type="submit"]:focus {
      color: #0093B5; }

@media (min-width: 40em) {
  .form-group {
    float: left;
    width: 50%; }

  .field--full-width, .bg-warning {
    width: 100%; }

  .field--no-float {
    clear: both;
    float: none;
    width: 100%; }

  .field--third-width {
    width: 33.3%; } }
.hashtag__bar a {
  color: #565859;
  font-weight: 600; }

.icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  color: white;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  background-color: #0093B5; }

a.icon:hover, a.icon:focus, a.icon:active {
  color: #FFF;
  background: #00313C; }

.icon--rounded {
  border-radius: 100px; }

.icon--square {
  border-radius: 3px; }

.icon--inline {
  margin-right: 0.4rem; }

i {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale; }

.icon--facebook {
  background-color: #3066A2; }
.icon--linkedin {
  background-color: #0070A2; }
.icon--twitter {
  background-color: #03B3EF; }
.icon--youtube {
  background-color: #CC181E; }
.icon--instagram {
  background-color: #125688; }
.icon--bloghub {
  background-color: #007377; }
.icon--reddit {
  background-color: #FF4500; }
.icon--gplus {
  background-color: #DC4A38; }
.icon--podcast {
  background-color: #E67623; }

.icon--x-small, .fa.icon--x-small {
  height: 1.2rem;
  width: 1.2rem;
  font-size: 0.6rem;
  line-height: 1.2rem; }

.icon--small, .fa.icon--small {
  height: 21px;
  width: 21px;
  font-size: 9px;
  line-height: 21px; }

.icon--med, .fa.icon--med {
  height: 2rem;
  width: 2rem;
  font-size: 0.932rem;
  line-height: 2rem; }

.icon--large, .fa.icon--large {
  height: 2.8rem;
  width: 2.8rem;
  font-size: 1.6rem;
  line-height: 2.8rem; }

.icon--x-large, .fa.icon--x-large {
  height: 4rem;
  width: 4rem;
  font-size: 2rem;
  line-height: 4rem; }

.icon--xx-large, .fa.icon--xx-large {
  height: 6.8rem;
  width: 6.8rem;
  font-size: 2.8rem;
  line-height: 6.8rem; }

.fa-puzzle-piece {
  margin-right: -7px; }

.fa-podcast {
  margin-left: -2px;
  padding-top: 2px; }

.image-cropper {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  line-height: 0;
  text-align: center; }
  .image-cropper--w-bg {
    background-size: cover; }
  .image-cropper img {
    display: inline;
    height: auto;
    width: 100%;
    margin: 0 auto; }
  .image-cropper--with-border {
    border: 2px solid #e8e7e7; }

.engagement-bar {
  clear: both;
  width: 100%;
  min-height: 45px;
  top: 0;
  z-index: 100;
  padding: 0.5rem 0 0.5rem;
  border-top: 1px solid #e2e3e3;
  border-bottom: 1px solid #c6c7c7;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.075);
  text-align: right;
  background: #FFF; }

.engagement-bar .container, .engagement__section {
  align-items: center;
  flex-direction: row;
  justify-content: space-between; }

.engagement__section {
  display: flex;
  min-width: 260px; }

.engagement__social-media {
  margin-right: 24px;
  line-height: 0; }

@media (min-width: 45.33333em) {
  .engagement__section {
    justify-content: flex-end; }
    .engagement__section > ul > li {
      line-height: 0px; }

  .engagement-bar {
    min-height: 52px;
    padding: 0.4rem 0 0.4rem; }
    .engagement-bar .container {
      display: flex; } }
.popover {
  display: none;
  clear: both;
  position: static;
  width: 70%;
  max-width: 300px;
  min-width: 300px;
  margin: 0 15px 18px;
  font-size: 1rem;
  background-color: #fff; }
  .popover__cluster {
    float: right;
    width: calc(60% - 30px); }
  .popover__title {
    padding: 0.6rem 14px;
    margin: 0;
    border-bottom: 1px solid #007e9c;
    color: #FFF;
    font-family: "Open sans", sans-serif;
    font-size: 0.86667rem;
    font-weight: normal;
    line-height: 1.2rem;
    text-transform: uppercase;
    background-color: #0093B5; }
  .popover__content {
    padding: 0.6rem 14px;
    font-size: 0.86667rem; }
  @media (min-width: 45.33333em) {
    .popover {
      display: block; } }

.scrim:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
  background: #00313C; }

table {
  margin-bottom: 18px;
  border: 1px solid #dfdfdf;
  text-align: left;
  background-color: transparent; }

table caption {
  padding-bottom: 9px;
  color: #696b6c;
  font-size: 0.86667rem;
  text-align: left;
  text-transform: uppercase; }

table .highlight {
  background: #edf7fa; }

table th[scope="col"] {
  color: white;
  background: #007B97; }

th, td {
  padding: 6px 12px; }

tr {
  border: 1px solid #dfdfdf; }

th, tr, td {
  border-right: none;
  border-left: none; }

th[scope="row"], .cell-align-left, .cell-align-left th, .cell-align-left td {
  text-align: left; }

thead tr > th, > td {
  border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #edf7fa; }

.widetable {
  overflow-x: auto;
  margin: 0 2px 1.2rem 0;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, white), color-stop(100%, white)), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, orange), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, blue), color-stop(100%, rgba(195, 195, 197, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, blue), color-stop(100%, rgba(195, 195, 197, 0)));
  background-image: -webkit-linear-gradient(left, white, white), -webkit-linear-gradient(right, white, white), -webkit-linear-gradient(left, white, rgba(195, 195, 197, 0)), -webkit-linear-gradient(right, #E0DFDF, transparent);
  background-image: -moz-linear-gradient(left, white, white), -moz-linear-gradient(right, white, white), -moz-linear-gradient(left, white, rgba(195, 195, 197, 0)), -moz-linear-gradient(right, #E0DFDF, rgba(195, 195, 197, 0));
  background-image: -o-linear-gradient(left, white, white), -o-linear-gradient(right, white, white), -o-linear-gradient(left, white, rgba(195, 195, 197, 0)), -o-linear-gradient(right, #E0DFDF, rgba(195, 195, 197, 0));
  background-image: linear-gradient(left, white, white), linear-gradient(right, white, white), linear-gradient(left, white, rgba(195, 195, 197, 0)), linear-gradient(right, #E0DFDF, rgba(195, 195, 197, 0));
  background-position: 0 0, 100% 0, 0 0, 100% 0;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 0em 100%, 2em 100%, 0em 100%, 1.5em 100%;
  background-attachment: local, local, scroll, scroll; }

.horizontal__card a:hover .card__title, horizontal__card a:focus .card__title {
  text-decoration: underline; }

.horizontal__card {
  position: relative;
  text-decoration: none;
  background: #FFF; }

.card__image__container {
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-color: #ebf3f6;
  image-rendering: -webkit-optimize-contrast;
  object-fit: cover; }
  .card__image__container span {
    margin: 0;
    padding: 0; }

.horizontal__card__grid .horizontal__card {
  margin: 0 0 1.2rem; }

@media (min-width: 45.33333em) {
  .horizontal__card .card__block {
    margin-left: 250px;
    padding: 10px 20px; }

  .card__image__container {
    position: absolute;
    height: 100%;
    width: 250px; } }
.language-switcher {
  text-decoration: none;
  text-transform: capitalize !important;
  background: none !important; }
  .language-switcher:before {
    margin-right: 6px;
    content: "\f0ac";
    font: normal normal normal 15px/1 FontAwesome; }
  .language-switcher:after {
    margin: 0 6px;
    content: "\f0d7";
    font: normal normal normal 11px/1 FontAwesome; }
  .language-switcher a {
    padding: 0 2px !important; }
  .language-switcher:hover span, .language-switcher:focus span {
    text-decoration: underline; }
  .language-switcher__wrapper {
    display: inline-block;
    position: relative;
    padding-bottom: 6px; }
  .language-switcher__options {
    display: none;
    min-width: 150px;
    z-index: 19;
    top: 31px;
    right: 1px;
    padding: 0 0 8px 26px;
    margin: 0;
    text-align: left;
    background: #FFF; }
  .language-switcher__mobile {
    display: block;
    padding-bottom: 12px; }

@media (min-width: 66.66667em) {
  .language-switcher {
    border-right: 1px solid #8e9090; }

  .language-switcher__options {
    position: absolute;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.175);
    border: 1px solid #bfbfbf;
    border-top: 0; }

  .language-switcher__desktop {
    display: inline-block; }

  .language-switcher__mobile {
    display: none; } }
.gallery {
  display: flex;
  position: relative;
  margin-top: 36px; }
  .gallery__panel__wrapper {
    width: 100%;
    overflow: hidden; }
  .gallery__panel {
    min-width: 100%;
    width: 100%; }
  .gallery__image {
    overflow: hidden; }
  .gallery__control {
    opacity: 0;
    width: 35px;
    position: absolute;
    top: -23px;
    z-index: 2;
    align-self: center;
    color: #1D2021;
    font-family: UnitRounded, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background: #b2b3b4; }
    .gallery__control:hover, .gallery__control:focus {
      cursor: pointer;
      color: #FFF;
      background: #0093B5; }
    .gallery__control--backward {
      padding: 0.8rem 0.4rem 0.8rem 0.66667rem;
      margin: 0 15px 0 0;
      border-radius: 300px 0 0 300px; }
    .gallery__control--forward {
      display: none;
      left: calc(35px + 6px);
      padding: 0.8rem 0.66667rem 0.8rem 0.4rem;
      border-radius: 0 300px 300px 0; }
  .gallery .inline-image {
    height: 15rem;
    width: 100%;
    position: relative;
    margin: 0;
    background-size: cover;
    background-position: center center; }
  .gallery .inline__magnifiy-media {
    height: 100%;
    background: transparent; }

@media (min-width: 66.73333em) {
  .gallery {
    margin: 0 0 0 -48px; }

  .gallery__control {
    position: static; }

  .gallery__control--forward {
    display: block;
    margin: 0 0 0 15px; }

  .gallery__control--mobile {
    display: none; }

  .gallery__panel__wrapper {
    width: calc(100% - 40px); }

  .gallery .inline-image {
    height: 12rem; } }
.icon-hover:before {
  display: none;
  content: "\f0c1";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: rotate(90deg);
  padding: 0.8rem;
  margin-left: -1.86667rem;
  margin-top: -1.93333rem;
  border: 4px solid #FFF;
  border-radius: 300px;
  color: white;
  font-family: FontAwesome;
  font-size: 1.6rem;
  font-weight: normal; }
.icon-hover:after {
  display: none;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: background 1s ease;
  opacity: 0.2;
  background: #1D2021; }
.icon-hover--expanded:before {
  content: "\f065"; }

.icon-hover:hover:before, .icon-hover:hover:after, .icon-hover:focus:before, .icon-hover:focus:after, .icon-hover:active:before, .icon-hover:active:after,
a:hover .icon-hover:before,
a:hover .icon-hover:after, a:focus .icon-hover:before, a:focus .icon-hover:after, a:active .icon-hover:before, a:active .icon-hover:after {
  display: block;
  transition: display 1s ease; }

.animated-accordion {
  margin: 0 -15px;
  width: calc(100% + 30px); }

.animated-accordion__header {
  width: 100%;
  position: relative;
  padding: 18px 0 18px 15px;
  margin: 0;
  border: 0;
  border-bottom: 2px solid #d6d6d6;
  text-align: left;
  outline: none;
  background: transparent; }
  .animated-accordion__header:hover, .animated-accordion__header:focus, .animated-accordion__header:active {
    cursor: pointer;
    background: #e8e9e9; }

.js-accordion__header__inner {
  display: inline-block;
  width: 85%; }

.animated-accordion__header:after {
  position: absolute;
  top: 50%;
  right: 15px;
  color: #565859;
  font-size: 2.4rem;
  transform: translate(0%, -50%); }

.animated-accordion__header[aria-expanded="true"]:after {
  content: "\2013"; }

.animated-accordion__header[aria-expanded="false"]:after {
  content: "+"; }

.animated-accordion__panel {
  display: block;
  opacity: 1;
  visibility: visible;
  max-height: 1000em;
  transition-delay: 0s;
  transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
  padding: 0;
  margin: 0 0 2rem 0; }

[aria-hidden=true].animated-accordion__panel {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition-delay: 1s, 0s, 0s;
  margin: 0 0 1rem 0; }

.call-to-action {
  clear: both; }

.call-to-action + .section {
  padding-top: 0; }

.aside .call-to-action {
  margin-top: 2rem; }

.tile-widget {
  display: flex;
  flex-wrap: wrap; }
  .tile-widget__item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 200px;
    padding: 1.2rem;
    text-decoration: none; }
    @media (min-width: 40em) {
      .tile-widget__item {
        width: 50%;
        height: 250px; } }
    @media (min-width: 76em) {
      .tile-widget__item {
        width: 25%; } }
    @media (min-width: 80em) {
      .tile-widget__item {
        align-items: flex-end; } }
    .tile-widget__item:hover .tile-widget__wrapper, .tile-widget__item:focus .tile-widget__wrapper {
      max-height: 250px;
      transition: max-height 0.5s ease-in-out; }
    .tile-widget__item:hover.scrim:before, .tile-widget__item:focus.scrim:before {
      opacity: 0.75;
      transition: opacity 0.8s ease-in-out; }
  .tile-widget__summary {
    color: #FFF;
    font-weight: normal; }
  .tile-widget__title {
    display: flex;
    flex-wrap: wrap;
    color: #FFF;
    white-space: pre; }
    @media (min-width: 80em) {
      .tile-widget__title {
        align-items: flex-end;
        height: 3.8rem; } }
  @media (min-width: 80em) {
    .tile-widget .scrim:before {
      opacity: 0.45;
      transition: opacity 0.1s ease-in-out; }
    .tile-widget__wrapper {
      max-height: 3.8rem;
      overflow: hidden;
      transition: max-height 0.1s ease-in-out; } }

.contact-form__wrapper {
  position: absolute;
  top: 30px;
  left: 50%;
  width: calc(100% - 30px);
  max-width: 700px;
  transform: translate(-50%, 0%);
  background: #FFF;
  z-index: 9999; }
.contact-form__header, .contact-form__content, .contact-form__footer {
  padding: 12px 24px; }
.contact-form__header {
  background: #0093B5; }
.contact-form__title {
  color: white;
  text-transform: uppercase;
  font-size: 1.26667rem; }

@media (min-width: 45.33333em) and (min-height: 45.33333em) {
  .contact-form__wrapper {
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%); }

  .contact-form__modal {
    position: relative;
    z-index: 9999; } }
.container {
  width: 100%;
  max-width: 1280px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto; }
  .container .container--centered {
    text-align: center; }
  .container--extra-padding {
    padding-left: 15px;
    padding-right: 15px; }

@media (min-width: 45.33333em) {
  .container {
    padding-left: 30px;
    padding-right: 30px; }

  .container--sm {
    width: 100%;
    max-width: 840px;
    margin: 0 auto; } }
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -30px; }
  .grid [class*='col-'] {
    margin-top: 30px;
    padding-left: 15px;
    padding-right: 15px; }
    .grid [class*='col-'].nowrap {
      display: block; }
  .grid:after {
    display: table;
    clear: both;
    content: ""; }
  .grid--large-gutter {
    margin-left: -30px;
    margin-top: -30px; }
    .grid--large-gutter [class*='col-'] {
      margin-top: 30px;
      padding-left: 30px;
      padding-right: 30px; }
  .grid--med-gutter {
    margin-top: -12px; }
    .grid--med-gutter [class*='col-'] {
      margin-top: 12px; }
    @media (min-width: 66.73333em) {
      .grid--med-gutter {
        margin-left: -20px;
        margin-top: -20px; }
        .grid--med-gutter [class*='col-'] {
          margin-top: 20px;
          padding-left: 20px;
          padding-right: 20px; } }
  .grid--small-gutter {
    margin-top: -10px; }
    .grid--small-gutter [class*='col-'] {
      margin-top: 10px; }
    @media (min-width: 66.73333em) {
      .grid--small-gutter {
        margin-left: -10px;
        margin-top: -10px; }
        .grid--small-gutter [class*='col-'] {
          margin-top: 10px;
          padding-left: 10px;
          padding-right: 10px; } }
  .grid--remove-gutter {
    margin: 0; }
    .grid--remove-gutter > [class*='col-'] {
      padding-left: 0;
      padding-right: 0;
      margin-top: 0; }

.col-2-3 {
  width: 66.66%; }

.col-1-3 {
  width: 50%; }
  .col-1-3--min-width {
    min-width: 200px; }
  @media (min-width: 62.66667rem) {
    .col-1-3 {
      width: 33.33%; } }

.col-1-5 {
  width: 20%; }

.col-1-4 {
  width: 25%; }

.col-no-width {
  width: auto; }

[class*='col-'] {
  float: left;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding-left: 30px;
  padding-right: 30px; }
  @media (max-width: 40em) {
    [class*='col-'] {
      width: 100%; } }

.col--h-centered {
  text-align: center;
  justify-content: center; }

.col--v-centered {
  align-items: center; }

.grid--h-centered {
  justify-content: center; }

.grid--v-centered {
  align-content: center; }

.tinted {
  width: 100%;
  padding: 1.2rem;
  background: #edf7fa; }

.with-border {
  border-left: 3px solid #007377; }

.with-right-border {
  border-right: 1px solid #e8e9e9; }

.icon-grid {
  display: flex;
  flex-wrap: wrap;
  margin-top: -18px; }
  .icon-grid .icon--xx-large, .icon-grid .fa.icon--xx-large {
    font-size: 3.8rem; }

.icon-grid__item {
  text-align: center;
  width: 50%;
  margin-top: 18px; }

@media (min-width: 30.66667em) {
  .icon-grid__item {
    width: 33.3%; } }
@media (min-width: 62.66667rem) {
  .icon-grid {
    justify-content: space-between; }

  .icon-grid__item {
    width: 150px; } }
@media (min-width: 45.33333em) {
  .col-1-2 {
    width: 50%; }

  .col--divider {
    border-right: 1px solid #e8e9e9; }

  .col--h-end {
    justify-content: flex-end; } }
@media (min-width: 26.66667em) {
  .grid.nowrap {
    flex-wrap: nowrap; } }
@media (max-width: 76.66667em) {
  .primary-col {
    width: 100%;
    border-right: 0; }

  .secondary-col {
    width: 50%; } }
@media (max-width: 40em) {
  .secondary-col {
    width: 100%; } }
.single-event {
  clear: both;
  border-left: 2px solid #FFF;
  margin-top: 4.66667rem; }
  .single-event:before {
    content: "";
    height: 12px;
    width: 12px;
    position: absolute;
    top: -14px;
    left: -9px;
    border: 2px solid #FFF;
    border-radius: 100px; }
  .single-event:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    bottom: 0;
    left: -4px;
    border-radius: 100px;
    background: white; }
  .single-event__large-date {
    display: none;
    position: absolute;
    left: -5rem;
    top: 2rem; }
    .single-event__large-date span {
      margin: 0;
      padding: 0;
      color: #FFF; }
  .single-event__details {
    margin-left: 45px;
    width: calc(100% - 60px); }
  .single-event__date {
    color: #007B97; }
  .single-event__total-events {
    float: right;
    padding-bottom: 0;
    margin: 0 0 0 1.2rem;
    color: #FFF;
    font-size: 0.86667rem;
    font-weight: normal; }

.event__agenda {
  padding: 1.2rem; }
  .event__agenda table {
    margin-left: -12px; }

.event__price {
  line-height: 1.6rem; }

@media (max-width: 26.66667em) {
  .single-event__details [class*='col-']:last-child {
    margin: 0; } }
@media (max-width: 45.33333em) {
  .pricing__additional {
    padding: 18px 0 0; } }
@media (min-width: 66.73333em) {
  .single-event__large-date {
    display: block; }

  .pricing__additional {
    text-align: right; } }
.filter {
  display: none;
  position: absolute;
  width: 320px;
  max-height: calc(100vh - 5rem);
  overflow: auto;
  right: 0;
  top: 5rem;
  background: #FFF;
  box-shadow: 0 20px 50px 5px rgba(0, 0, 0, 0.04); }
  @media (max-width: 66.73333em) {
    .filter__wrapper > .container {
      width: 100%;
      background: #FFF; } }
  .filter__title {
    font-size: 1.06667rem; }
  .filter__control {
    text-align: right;
    display: table-cell;
    vertical-align: top; }
    .filter__control__wrapper {
      display: table;
      width: 100%;
      border-bottom: 1px solid #e8e9e9; }
  .filter__results {
    display: table-cell;
    vertical-align: middle;
    width: 50%; }
    @media (min-width: 66.73333em) {
      .filter__results ul {
        display: block;
        margin-bottom: 10px;
        padding: 0; } }
  @media (min-width: 66.73333em) {
    .filter__mobile-controls {
      display: none; } }
  .filter__section {
    width: 100%;
    padding: 0;
    margin-bottom: 1.2rem; }
    @media (min-width: 66.73333em) {
      .filter__section {
        width: auto;
        border-right: 1px solid #e8e9e9;
        margin: 0 18px 0 0;
        padding: 0 18px 0 0; } }
    .filter__section__wrapper {
      padding: 6px 18px 0;
      border-bottom: 1px solid #e8e9e9; }
      @media (min-width: 66.73333em) {
        .filter__section__wrapper {
          display: flex;
          padding: 0 0 1.2rem 0;
          width: calc(100% + 36px); } }
    @media (min-width: 66.73333em) {
      .filter__section--primary {
        width: 25%; } }
    @media (min-width: 66.73333em) {
      .filter__section--secondary {
        width: 50%; } }
    @media (min-width: 66.73333em) {
      .filter__section--tertiary {
        width: 25%;
        border-right: 0; } }

.filter-active .filter__wrapper {
  z-index: 3000; }

.btn--filter--clear {
  display: none; }
  @media (min-width: 66.73333em) {
    .btn--filter--clear {
      display: inline-block; } }

.filter-btn:before {
  content: "\f0b0";
  font-family: 'FontAwesome';
  margin-right: 8px;
  vertical-align: top; }

.filter-btn--active {
  position: relative;
  color: #FFF;
  background: #0093B5; }
  .filter-btn--active:before {
    content: "\f00d";
    font-family: 'FontAwesome';
    font-size: 0.86667rem; }

.filter .form-control {
  margin-bottom: 6px; }
.filter .checkbox {
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 6px 12px;
  background: #f7f7f7; }
  .filter .checkbox:hover, .filter .checkbox:focus, .filter .checkbox.hasFocus {
    background: #e8e9e9; }
    .filter .checkbox:hover:after, .filter .checkbox:focus:after, .filter .checkbox.hasFocus:after {
      display: block;
      color: rgba(0, 0, 0, 0.25); }
  .filter .checkbox.isChecked {
    color: #FFF;
    background: #0093B5; }
    .filter .checkbox.isChecked:before {
      color: #FFF;
      background: transparent; }
    .filter .checkbox.isChecked:hover, .filter .checkbox.isChecked:focus {
      background: #0089a9; }
.filter .checkbox:after {
  content: "\f00c";
  position: absolute;
  top: 50%;
  left: 14px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 11px;
  line-height: 1;
  transform: translate(0%, -50%); }
.filter .list--two-columns {
  margin-top: 0; }
.filter .list--two-columns li {
  padding-bottom: 6px;
  padding-top: 0;
  margin: 0; }

@media (max-width: 66.73333em) {
  .filter .list--two-columns {
    columns: 1; } }
@media (min-width: 66.73333em) {
  .filter {
    width: 100%;
    max-height: none;
    position: static;
    right: auto;
    top: auto;
    box-shadow: none; }

  .filter > .container {
    width: 100%;
    background: #FFF; } }
.contextual-navigation > ul {
  margin-bottom: 6px; }
.contextual-navigation li .active {
  font-weight: bold;
  text-decoration: underline; }

@media (min-width: 66.73333em) {
  .contextual-navigation__primary-link {
    display: block;
    width: 100%;
    padding: 0.73333rem 20px;
    margin: 0 0 1.2rem 0;
    color: #FFF !important;
    background: #007B97; } }
footer .footer__title, footer a, footer li, footer p {
  color: #FFF;
  font-family: "Open sans", sans-serif;
  font-size: 0.8rem;
  line-height: 1.2rem; }

.footer__primary {
  background: #00313C; }
.footer__secondary {
  background: #000709; }
.footer__section {
  padding: 1.6rem 0 0; }
  .footer__section:first-child {
    padding-top: 0; }
.footer__section--stacked {
  padding-top: 1.2rem; }

@media (min-width: 53.33333em) {
  .footer__primary__container {
    display: flex; }

  footer .footer__section {
    padding: 0 30px 0 0; }
    footer .footer__section:first-child {
      width: calc(40% - 6px * 5); }
    footer .footer__section:nth-child(2) {
      width: calc(28% - 6px * 5); }
    footer .footer__section:last-child {
      width: 32%;
      padding-right: 0; } }
.header {
  min-height: 76px;
  width: 100%;
  position: relative;
  z-index: 2001; }
  .header > .container {
    z-index: 9999; }

.header-nav__wrapper .menu__dropdown:not(.mega-menu) li {
  padding-top: 6px;
  padding-bottom: 6px; }

.header-nav__primary__menu > li {
  display: inline-flex;
  align-items: center;
  margin: 0; }

.nav__mobile--search i {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 14px; }

.logo__container {
  height: 98px;
  width: 367px;
  position: absolute;
  top: -28px;
  left: -145px;
  z-index: 2001;
  background: url("https://style.csiro.au/assets/img/header--logo-bg.svg") no-repeat 0 0; }
  @media (min-width: 45.33333em) {
    .logo__container {
      left: -130px; } }
.logo__image {
  height: 54px;
  width: 54px; }
.logo__link {
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translate(-50%, 0%); }
  .logo__link:focus, .logo__link:hover {
    box-shadow: 0px 0px 1px 2px #0093B5;
    transition: box-shadow 0.2s ease 0s, color 0.2s ease 0s;
    border-radius: 500px; }

.header-nav__wrapper {
  display: none;
  width: 270px;
  position: absolute;
  z-index: 1;
  left: 0;
  padding-top: 80px;
  padding-bottom: 60px;
  margin-top: -30px;
  background: #FFF; }

.menu__dropdown__control.active:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 5;
  bottom: 1px;
  left: 50%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 3px solid #FFF; }

.mega-menu {
  display: none;
  text-align: left; }
  .mega-menu__section {
    padding-bottom: 6px;
    margin: 8px 0 1rem 0;
    border-bottom: 1px solid #e8e9e9; }
    .mega-menu__section:last-child {
      border: 0;
      margin-bottom: 0;
      padding-bottom: 0; }

.header-nav__mobile {
  height: 58px;
  position: relative;
  z-index: 3;
  background: url("https://style.csiro.au/assets/img/header--blue-band.svg") no-repeat 40px 8px; }
  .header-nav__mobile__list {
    position: absolute;
    z-index: 100;
    right: 0;
    top: calc(50% + 3px);
    transform: translate(0%, -50%); }
    .header-nav__mobile__list > li {
      margin: 0 6px 0 0; }
  .header-nav__mobile__btn {
    display: inline-block;
    height: 36px;
    width: 36px;
    padding: 9px 8px;
    border: 2px solid #FFF;
    color: #FFF;
    border-radius: 300px;
    vertical-align: middle;
    text-decoration: none; }
    .header-nav__mobile__btn.open {
      background: #00313C; }

.search__active .nav__mobile--search {
  color: #FFF;
  background: #00313C; }

.nav__mobile--menu span {
  display: block;
  height: 2px;
  margin-bottom: 4px;
  border-radius: 5px;
  -webkit-transition: all 0.5s linear;
  transition: all 0.3s linear;
  background: #FFF; }
.nav__mobile--menu.open span:nth-child(1), .nav__mobile--menu.open span:nth-child(3) {
  transform: translate(0px, 8px) rotate(-45deg) scalex(1.3);
  margin: -3px 0 0 0; }
.nav__mobile--menu.open span:nth-child(2) {
  height: 0;
  margin: 0;
  opacity: 0; }
.nav__mobile--menu.open span:nth-child(3) {
  transform: translate(0px, 9px) rotate(45deg) scalex(1.3); }

.menu__dropdown__control.active .menu__dropdown__link {
  border-color: #00313C;
  color: #FFF;
  text-decoration: none;
  background: #00313C; }

@media (max-width: 66.66667em) {
  .mega-menu__section {
    margin-right: 2rem; }

  .mega-menu.menu__dropdown > li:before {
    display: none; }

  .menu__dropdown {
    border-left: 2px solid #b2b3b4;
    padding: 0 0 0 15px;
    margin: 15px; }

  .header-nav__wrapper {
    position: fixed;
    top: 38px;
    max-height: 100vh;
    min-height: 100vh;
    box-shadow: 0 20px 20px 5px rgba(0, 0, 0, 0.4);
    overflow: auto; }
    .header-nav__wrapper ul li, .header-nav__wrapper ul li a {
      display: block;
      width: 100%; }
    .header-nav__wrapper ul li a {
      padding: 0.53333rem 0.8rem;
      border-top: 1px solid #EBECEC;
      border-radius: 0;
      font-size: 1rem;
      line-height: 1.6rem;
      text-align: left; }
    .header-nav__wrapper ul li ul li a {
      display: inline;
      padding: 0;
      border: 0; }
    .header-nav__wrapper .caret {
      float: right;
      font-size: 1.6rem; }
      .header-nav__wrapper .caret:before {
        content: "\f107"; }

  .header-nav__secondary li:first-child a {
    border-top: 0; }

  .menu__dropdown__control.active .menu__dropdown__link {
    border-color: #0093B5;
    color: #FFF;
    background: #0093B5; }
    .menu__dropdown__control.active .menu__dropdown__link .caret {
      transform: translate(0px, 0px) rotate(-90deg) scalex(1);
      color: #FFF; } }
header + .bgi {
  margin: -5rem 0 0;
  padding: 3.46667rem 0 0; }
  @media (min-width: 66.73333em) {
    header + .bgi {
      margin: -3rem 0 0; } }

.header__bg {
  display: flex;
  width: 100%;
  height: 56px;
  flex-wrap: wrap;
  position: absolute; }

.header__bg__s1, .header__bg__s2 {
  width: 50%;
  height: 8px;
  background-color: #FFF; }

.header__bg__s3 {
  width: 67%;
  height: 48px;
  background-color: transparent; }

.header__bg__s4 {
  width: 33%;
  height: 48px;
  background-color: #00A1C5; }

@media (min-width: 66.73333em) {
  .logo__container {
    top: 0;
    left: -120px; }

  .logo__link {
    left: calc(50% + 4px); }

  .logo__link {
    top: 50%;
    transform: translate(-50%, -50%); }

  .logo__image {
    height: 72px;
    width: 72px; }

  .header__bg {
    height: 80px; }

  .header__bg__s1, .header__bg__s2 {
    height: 36px; }

  .header .caret {
    font-size: 0.73333rem; }

  .header-nav__wrapper {
    display: block !important;
    width: auto;
    position: relative;
    padding: 0;
    margin: 0 -10px 0 0; }

  .header-nav__secondary {
    height: 36px;
    padding: 5px 0 0 0;
    text-align: right; }

  .header-nav__secondary_link {
    padding: 4px 0.8rem;
    color: #565859;
    font-size: 0.86667rem;
    font-weight: 600;
    text-transform: uppercase; }

  .header-nav__secondary .header-nav__secondary_link:hover,
  .header-nav__secondary .header-nav__secondary_link:focus {
    background: #e8e9e9; }

  .header-nav__secondary > div {
    display: inline-block; }

  .header-nav__primary {
    float: right;
    display: flex;
    width: 90%;
    justify-content: flex-end;
    padding-top: 5px;
    background: url("https://style.csiro.au/assets/img/header--blue-band.svg") no-repeat 0 0; }

  .header-nav__primary__menu > li > a {
    color: #FFF;
    font-size: 1rem;
    margin-bottom: 10px; }

  .menu__dropdown {
    position: absolute;
    z-index: 9999;
    top: 48px;
    left: 50%;
    transform: translate(-50%, 0);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border: 1px solid #b2b3b4;
    border-top: 0;
    border-radius: 3px;
    padding: 0.7rem 1.2rem;
    white-space: nowrap;
    background: #FFF; }

  .mega-menu {
    min-width: 850px;
    position: absolute;
    right: 0;
    width: 80%; }

  .menu__dropdown__control, li.menu__dropdown__control {
    position: relative;
    margin: 0;
    height: 49px; }

  .header .contextual-navigation, .header-nav__mobile, .header-nav__mobile__list {
    display: none; } }
@media (max-width: 66.73333em) {
  header h2 {
    font-size: 1.06667rem !important; } }
.menu-open {
  z-index: 3000 !important; }

.nav__search-button {
  display: none;
  width: 48px;
  height: 48px;
  color: #FFF;
  font-size: 1.26667rem;
  margin-top: -5px; }
  .nav__search-button i {
    opacity: 1;
    transition: opacity 0.2s;
    position: absolute;
    top: calc(50% - 1px);
    left: 50%;
    transform: translate(-50%, -50%); }
  .nav__search-button:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    bottom: -15px;
    opacity: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 15px solid #00313C;
    -moz-animation: slideOutUp 0.2s;
    -webkit-animation: slideOutUp 0.2s;
    animation: 0.2s slideOutUp;
    transition: opacity 0.2s; }

a.nav__search-button:focus, a.nav__search-button:active, a.nav__search-button:hover, .search__active a.nav__search-button {
  color: #FFF;
  background: #00313C; }

.ui-autocomplete {
  width: calc(100% - 30px) !important;
  max-width: 1380px;
  border: 1px solid #b2b3b4 !important;
  z-index: 9999 !important;
  padding: 0.8rem 15px !important;
  list-style-type: none !important;
  margin-top: 6px !important;
  background: #FFF !important; }
  .ui-autocomplete > .ui-menu-item {
    color: #004a5b;
    cursor: pointer; }
    .ui-autocomplete > .ui-menu-item span {
      color: #1D2021 !important; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.search__active .ui-autocomplete {
  position: fixed !important; }

.global__search {
  display: none;
  width: calc(100% - 30px);
  max-width: 1092px;
  position: fixed;
  z-index: 9998;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 6px !important; }
  .global__search input[type="text"] {
    height: 5.46667rem;
    padding: 0.8rem 5rem 0.8rem 1rem;
    color: #FFF;
    font-size: 2.53333rem;
    background: #022229; }
  .global__search button[type="submit"] {
    z-index: 1;
    color: #FFF;
    font-size: 2.06667rem;
    background: none; }

@media (min-width: 45.33333em) {
  .global__search {
    width: calc(100% - 60px); }

  .global__search input[type="text"] {
    height: 5.46667rem;
    font-size: 2.33333rem; }

  .search__active .ui-autocomplete {
    width: 60% !important; }

  .ui-autocomplete {
    width: calc(100% - 60px) !important;
    max-width: 1092px; } }
@media (min-width: 66.73333em) {
  .global__search {
    width: 60%; }

  a.nav__search-button {
    display: inline-block;
    position: relative; }

  .search__active .nav__search-button:after {
    opacity: 1;
    -moz-animation: slideInDown 0.2s;
    -webkit-animation: slideInDown 0.2s;
    animation: 0.2s slideInDown;
    transition: opacity 0.2s; } }
.hero-container__image {
  display: none;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center; }

@media (min-width: 45.33333em) {
  .hero-container__image {
    display: block; }

  .hero-container__testimontal {
    display: block;
    width: 33%;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    z-index: 1; }
  .hero-container--1-3 .container {
    display: flex;
    justify-content: flex-end; }
  .hero-container--1-3 .hero-container__content {
    width: 63%; }
  .hero-container--1-3 .hero-container__image {
    width: 33%; }
  .hero-container--1-2 .hero-container__content {
    width: 40%;
    margin: 0 0 0 60%; }
  .hero-container--1-2 .hero-container__image {
    width: 50%; }
  .hero-container--right .container {
    justify-content: flex-start; }
  .hero-container--right .hero-container__image {
    right: 0;
    left: auto; }
  .hero-container--right .hero-container__content {
    margin: 0; } }
@media (min-width: 86.66667em) {
  .hero-container--1-3 .hero-container__content {
    width: 66%; } }
.sitecore_video_embed {
  margin-bottom: 18px;
  clear: both; }

.video-container {
  height: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%; }
  .video-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1px;
    left: 0; }

.inline__transcript {
  display: none;
  max-height: 16.66667rem;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 12px;
  margin: 0;
  background: #FDFDFD; }
.inline__magnifiy-media {
  position: relative;
  width: 100%;
  height: auto;
  border: 0;
  padding: 0;
  cursor: pointer; }
  @media (max-width: 40em) {
    .inline__magnifiy-media.icon-hover:before, .inline__magnifiy-media .icon-hover:focus:after {
      display: none; } }
.inline-image {
  margin: 6px 0 1.2rem; }

.inline-media__wrapper {
  border: 2px solid #e8e9e9; }

main > .section > .inline-image:first-child {
  margin-top: 0; }

.inline--no-float {
  clear: both; }
  .inline--no-float + .inline--no-float {
    padding-top: 1.5rem; }
  .inline--no-float:after {
    content: "";
    display: block;
    clear: both; }

@media (min-width: 40em) {
  .inline--right, .align-right {
    float: right;
    clear: both;
    width: 50%;
    padding-left: 30px;
    padding-right: 0; }

  .inline--left {
    float: left;
    width: 50%;
    padding-right: 30px; } }
@media (max-width: 40em) {
  #map-canvas {
    height: 300px !important; } }

.modal {
  display: none;
  max-width: 1440px;
  max-height: 100%;
  max-height: 100vh;
  position: fixed;
  z-index: 9998;
  width: 70%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .modal .inline__media, .modal .inline-image {
    width: 100%;
    height: 100%;
    max-width: none;
    position: static; }
  .modal__container {
    position: relative;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    text-align: left;
    background: #FFF; }
  .modal__content {
    width: auto;
    height: 100%;
    max-height: 90vh;
    overflow: hidden; }
  .modal__caption {
    color: #FFF;
    font-size: 0.86667rem; }
  .modal__bg {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 2001;
    opacity: 0;
    transition: display 0.15s linear;
    background-color: #00313C; }
    .modal__bg.active {
      display: block !important;
      opacity: 0.8; }
  .modal__active {
    overflow-x: hidden; }

.freeze .modal__bg.active {
  z-index: 2001; }

.cp__container {
  max-width: 1092px; }
  .cp__container .cp__section {
    border-bottom: 20px solid #f1f2f2; }
    .cp__container .cp__section:last-child {
      border-width: 4rem; }
    .cp__container .cp__section i {
      min-width: 12px;
      margin-right: 6px; }
.cp__contact {
  padding: 0.8rem 18px;
  margin: 0 -18px -18px;
  background: #e8e9e9; }
  .cp__contact__link {
    display: block;
    width: 100%;
    padding-bottom: 0.4rem;
    margin-bottom: 0.4rem;
    border-bottom: 1px solid #e8e9e9;
    font-weight: normal;
    line-height: 2rem; }
.cp__inline-table > li {
  display: table; }
.cp__inline-table__date {
  display: table-cell;
  min-width: 90px;
  padding-right: 15px;
  color: #696b6c;
  text-align: right;
  white-space: nowrap; }
.cp__inline-table__details {
  display: table-cell; }

@media (min-width: 40em) {
  .cp__contact__link {
    width: auto;
    border: 0;
    padding: 0;
    margin: 0; }

  .cp__contact {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between; }

  .cp__details {
    flex-wrap: nowrap; } }
.people-widget {
  padding: 1.2rem;
  border: 2px solid #ececec;
  background: #f9fafa; }
  .people-widget__link {
    margin-left: 0.4rem;
    color: #007B97;
    font-family: "Open sans", sans-serif;
    font-size: 0.86667rem;
    font-weight: normal; }
  .people-widget__position {
    color: #565859;
    font-size: 1.06667rem;
    font-weight: 600; }
  .people-widget__contact-info:before {
    display: block;
    width: 50%;
    max-width: 250px;
    padding: 0 0 2.4rem;
    border-top: 2px solid #b2b3b4; }

.related-links .btn i {
  margin-right: 6px; }
.related-links .btn:not(:hover) i {
  color: #1D2021; }
.related-links a:hover img, .related-links a:focus img {
  opacity: 0.8; }

.section {
  padding-top: 2rem;
  padding-bottom: 2rem; }
  @media (min-width: 66.73333em) {
    .section {
      padding-top: 4rem;
      padding-bottom: 4rem; } }

.section--x-large {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.section--large {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem; }

.section--med {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.section--small {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem; }

.section--x-small {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem; }

.section--micro {
  padding-top: 0.26667rem;
  padding-bottom: 0.26667rem; }

.section__list .section:first-child, .section__list ~ .section:first-child {
  padding-top: 0; }
.section--alternating .grid [class*='col-'] {
  padding-top: 0;
  margin-bottom: 4rem; }
.section--alternating .grid:last-child [class*='col-'] {
  padding-bottom: 0;
  margin-bottom: 0; }
.section--colourful {
  background: #edf7fa; }
.section--gray {
  background: #f1f2f2; }
.section--remove-top {
  padding-top: 0 !important; }
.section--remove-bottom {
  padding-bottom: 0 !important; }
.section--remove-left {
  padding-left: 0; }
.section--remove-right {
  padding-right: 0; }
.section__textbox .section__textbox--icon {
  float: none;
  width: 80%; }
  .section__textbox .section__textbox--icon img {
    width: 100%;
    height: auto; }
  @media (min-width: 26.66667rem) {
    .section__textbox .section__textbox--icon {
      width: 50%; } }
  @media (min-width: 40rem) {
    .section__textbox .section__textbox--icon {
      width: 40%; } }
@media (min-width: 45.33333em) {
  .section__textbox .section__textbox--icon {
    width: 30%; }
    .section__textbox .section__textbox--icon img {
      width: 100%;
      height: auto; }
  .section__textbox .section__textbox--text {
    width: 80%; } }

.search__site-filter {
  display: flex;
  justify-content: center;
  margin-top: 0.8rem; }
  .search__site-filter .hidden {
    display: none; }
  .search__site-filter li {
    position: relative;
    padding-bottom: 0.53333rem;
    margin: 0;
    width: calc( 100% / 7);
    min-width: 180px; }
    .search__site-filter li a {
      display: block;
      position: relative;
      width: 100%;
      height: 100%;
      padding: 0.93333rem 2rem 0.93333rem 2rem;
      border-right: 1px solid #BCD9E0;
      color: #0093B5;
      font-family: UnitRounded, sans-serif;
      font-size: 1.26667rem;
      line-height: 1;
      text-align: center;
      text-decoration: none; }
      .search__site-filter li a.active {
        color: #1D2021; }
      .search__site-filter li a:hover:after, .search__site-filter li a:focus:after, .search__site-filter li a:active:after {
        display: block;
        border-color: #b3dfe9; }
      .search__site-filter li a:after {
        display: none;
        content: "";
        width: calc(100% + 2px);
        height: 2px;
        border-bottom: 4px solid #0093B5;
        bottom: -8px;
        position: absolute;
        left: 0; }

.search__site-filter .search-menu__dropdown__control,
.search__site-filter li:nth-last-child(2) a {
  border-right: 0; }

.search-menu__dropdown {
  display: none;
  position: absolute;
  z-index: 3000;
  left: 50%;
  top: 37px;
  padding: 15px 0 6px 0;
  margin-top: 11px;
  transform: translate(-50%, 0);
  border: 1px solid #bfbfbf;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background: #FFF; }
  .search-menu__dropdown .hidden {
    display: block; }
  .search-menu__dropdown li a {
    display: block;
    padding: 6px 15px;
    border: 0;
    text-align: left;
    text-decoration: none;
    white-space: nowrap; }

.search-menu__dropdown li a.active,
.search-menu__dropdown li a:active,
.search-menu__dropdown li a:focus,
.search-menu__dropdown li a:hover {
  text-decoration: underline; }

.aside-active .search__info {
  position: relative;
  background: #FFF;
  z-index: 2999;
  margin: -30px;
  padding: 30px !important; }

.search__aside {
  width: 320px !important; }
  @media (min-width: 66.73333em) {
    .search__aside {
      display: block !important; } }
  @media (max-width: 66.73333em) {
    .search__aside {
      height: 100vh;
      position: absolute;
      z-index: 3000;
      top: 5.5rem;
      right: 0;
      background: #FFF; } }

.link-text {
  font-size: 0.86667rem;
  font-weight: normal;
  line-height: 1.2rem; }

.search__related-searches a {
  font-weight: normal; }

.search__term {
  color: #007B97; }

.search__refine-results-control {
  float: right;
  position: relative;
  z-index: 2000;
  margin-top: -0.6rem; }
  .search__refine-results-control[aria-expanded=true] .fa-list-ul:before {
    content: "\f00d"; }

.search__active .modal__bg.active {
  z-index: 4000; }

#bottom-navigation a:focus,
#bottom-navigation a:hover {
  border: 1px solid #1D2021; }

@media (max-width: 40em) {
  li.current-pagination + li.pagination-item ~ li.pagination-item {
    display: none; } }
#main_res .ic--csiro-logo:before {
  color: #0093B5;
  font-size: 1.6rem; }

#main_res .icon--csiro-logo {
  background: transparent; }

@media (min-width: 66.73333em) {
  .content-wrapper {
    display: flex; }

  main {
    width: calc(100% - 380px); }

  .aside {
    width: 320px;
    display: block;
    margin: 0 60px 0 0; }
    .aside--right {
      margin: 0 0 0 60px; } }
.vh--1-1 {
  min-height: 100vh; }

.vh--2-3 {
  min-height: 66.66vh; }

.vh--1-2 {
  min-height: 50vh; }

.vh--1-3 {
  min-height: 33vh; }

.vh--1-4 {
  min-height: 27vh; }

@media (min-width: 40em) and (-ms-high-contrast: active), (min-width: 40em) and (-ms-high-contrast: none) {
  [class*='vh--'] {
    height: 100px; } }

.showcase-pullout-box {
  padding: 1.2rem;
  background: #00313C; }
  @media (min-width: 700px) {
    .showcase-pullout-box {
      float: left;
      width: 40%;
      padding: 2.4rem; } }
  .showcase-pullout-box a:hover, .showcase-pullout-box a:focus {
    text-decoration: none; }

.showcase-enagement .engagement__section {
  width: 100%;
  position: relative; }
.showcase-enagement .more-link--reversed:before {
  margin-left: 0 !important; }
.showcase-enagement .contextual-nav__btn {
  height: 40px;
  width: 40px;
  position: relative;
  overflow: visible;
  padding: 0;
  margin-right: 6px;
  font-size: 1.3rem;
  font-weight: normal; }
.showcase-enagement .contextual-nav {
  display: none;
  max-width: 320px;
  width: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 52px;
  overflow-y: auto;
  padding: 18px;
  margin-top: -1px;
  border: 1px solid #c6c7c7;
  box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.075);
  max-height: calc(100vh - 64px);
  text-align: left;
  background-color: white; }
  .showcase-enagement .contextual-nav li {
    text-align: left; }
.showcase-enagement .contextual-nav__heading {
  margin: 6px 0 12px; }
.showcase-enagement .contextual-nav__btn.active:after,
.showcase-enagement .contextual-nav__btn.active:before {
  opacity: 1;
  transition: 0.25s ease-in-out; }
.showcase-enagement .contextual-nav__btn:after,
.showcase-enagement .contextual-nav__btn:before {
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  z-index: 3;
  bottom: -13px;
  left: 50%;
  border: solid transparent;
  pointer-events: none;
  opacity: 0; }
.showcase-enagement .contextual-nav__btn:after {
  margin-left: -7px;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #FFF;
  border-width: 7px; }
.showcase-enagement .contextual-nav__btn:before {
  margin-left: -8px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #c6c7c7;
  border-width: 8px; }

@media (min-width: 45.33333em) {
  .showcase-enagement .contextual-nav {
    right: 0;
    left: auto; } }

/*# sourceMappingURL=csiro--v1.min.css.map */