@import url("../bower_components/normalize.css/normalize.css");
@import url("bigfoot-number.css");
@import url("magnific.css");
@import url("tooltipster.css");
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

@font-face {
  font-family: 'GTCine';
  src: url("../fonts/GT-Cinetype-Light.eot?") format("eot"), url("../fonts/GT-Cinetype-Light.woff") format("woff"), url("../fonts/GT-Cinetype-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'GTCine';
  src: url("../fonts/GT-Cinetype-Light-Italic.eot?") format("eot"), url("../fonts/GT-Cinetype-Light-Italic.woff") format("woff"), url("../fonts/GT-Cinetype-Light-Italic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic; }
@font-face {
  font-family: 'GTCineMono';
  src: url("../fonts/GT-Cinetype-Mono.eot?") format("eot"), url("../fonts/GT-Cinetype-Mono.woff") format("woff"), url("../fonts/GT-Cinetype-Mono.ttf") format("truetype"); }
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  background: #111C29;
  color: white;
  font-family: "GTCine";
  font-size: 16px;
  line-height: 1.45;
  font-weight: 200; }
  @media screen and (min-width: 768px) {
    body {
      font-size: 22px; } }
  body .col-md-1,
  body .col-md-2,
  body .col-md-3,
  body .col-md-4,
  body .col-md-5,
  body .col-md-6,
  body .col-md-7,
  body .col-md-8,
  body .col-md-9,
  body .col-md-10,
  body .col-md-11,
  body .col-md-12 {
    background: #111C29; }
  body.no-overflow {
    overflow: hidden; }

body.about,
body.introduction {
  background: #021D7A; }
  body.about .col-md-1,
  body.about .col-md-2,
  body.about .col-md-3,
  body.about .col-md-4,
  body.about .col-md-5,
  body.about .col-md-6,
  body.about .col-md-7,
  body.about .col-md-8,
  body.about .col-md-9,
  body.about .col-md-10,
  body.about .col-md-11,
  body.about .col-md-12,
  body.introduction .col-md-1,
  body.introduction .col-md-2,
  body.introduction .col-md-3,
  body.introduction .col-md-4,
  body.introduction .col-md-5,
  body.introduction .col-md-6,
  body.introduction .col-md-7,
  body.introduction .col-md-8,
  body.introduction .col-md-9,
  body.introduction .col-md-10,
  body.introduction .col-md-11,
  body.introduction .col-md-12 {
    background: #021D7A; }

#homepage-chapters {
  list-style: none;
  padding: 0;
  margin: 0; }
  #homepage-chapters li a {
    display: block;
    height: 100%;
    width: 100%; }

.mono {
  font-family: "GTCineMono"; }

h1, h2, h3, h4, h5 {
  font-family: "GTCineMono";
  line-height: 1;
  color: #FEFF7E;
  margin: 0;
  padding: 0; }

h6 {
  font-size: 14px;
  line-height: 1.1;
  opacity: 0.8; }

#tv-image {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  display: none;
  pointer-events: none;
  padding: 0.75em; }
  @media screen and (min-width: 768px) {
    #tv-image {
      padding: 1em;
      display: block; } }
  @media screen and (min-width: 1600px) {
    #tv-image {
      padding: 2em; } }

a {
  color: white;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

@-webkit-keyframes MOVE-BG {
  from {
    background-position: 50% 0%; }
  to {
    background-position: 50% 100%; } }
nav {
  margin: 0;
  padding: 0; }
  nav#popup-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: none;
    min-height: 101%;
    background: #021D7A;
    z-index: 100; }
  nav .close-menu {
    margin-right: 0.5em;
    margin-top: 0.5em;
    color: red;
    background: rgba(255, 255, 255, 0.1);
    padding: 0.25em 0.5em;
    display: inline-block;
    font-family: GTCineMono; }
  nav ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    nav ul li {
      background: #021D7A; }
      nav ul li a {
        display: block;
        height: 100%;
        background-position: 50% 50%;
        background-size: cover;
        position: relative;
        z-index: 2; }
    nav ul.grid {
      padding: 0.25em;
      width: 100%;
      overflow: hidden; }
      nav ul.grid li {
        padding: 0.25em; }
        @media screen and (min-width: 768px) {
          nav ul.grid li {
            width: 33.333333333%;
            float: left; } }
        nav ul.grid li:nth-child(3n+1) {
          clear: both; }
        nav ul.grid li h2 {
          position: absolute;
          left: 1em;
          top: 1em;
          background: #021d7a;
          padding: 0.5em;
          font-size: 1em; }
    nav ul#homepage-chapters li {
      background-size: cover;
      background-position: 50% 50%;
      font-family: GTCineMono; }
      .no-touch nav ul#homepage-chapters li {
        background-attachment: fixed; }
      nav ul#homepage-chapters li div.noise {
        background-position: 50% 50%;
        background-image: url("https://www.ngv.vic.gov.au/wp-content/uploads/2015/04/noise-2.gif");
        background-attachment: fixed;
        background-size: 50%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0.25;
        display: none; }
      .touch nav ul#homepage-chapters li div.noise {
        display: block; }
      .no-touch nav ul#homepage-chapters li:hover div.noise {
        display: block; }
      nav ul#homepage-chapters li h2 {
        z-index: 2;
        position: absolute;
        left: 10%;
        background: #021D7A;
        margin-top: 2em;
        padding: 0.5em;
        font-size: 1.5em;
        display: inline-block;
        color: #FEFF7E; }
        @media screen and (min-width: 768px) {
          nav ul#homepage-chapters li h2 {
            left: 45%;
            font-size: 2em; } }

.title-page {
  background: #111C29;
  padding: 20% 10%;
  overflow: hidden; }
  .title-page > div {
    opacity: 0; }
    @media screen and (min-width: 1025px) {
      .title-page > div {
        font-size: 1.3em; } }
  .title-page .title-page-title {
    color: #2D6DFF; }
  .title-page .title-page-author .fa-angle-double-down {
    display: none; }
  .title-page .title-page-details {
    color: #90FF90; }
  @media screen and (min-width: 768px) {
    .title-page .title-page-title {
      width: 36%;
      float: left; }
    .title-page .title-page-author {
      width: 22%;
      float: left; }
      .title-page .title-page-author .fa-angle-double-down {
        margin-top: 3em;
        display: block; }
    .title-page .title-page-details {
      width: 42%;
      float: left; } }
  .title-page .white .change-sans {
    color: white; }
  .title-page .red .change-sans {
    color: red; }
  .title-page .green .change-sans {
    color: lime; }
  .title-page .black .change-sans {
    color: black; }

.noise-loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-image: url("https://www.ngv.vic.gov.au/wp-content/uploads/2015/04/noise-2.gif");
  background-size: 50%;
  display: none;
  z-index: 100; }

.chapter-title-image {
  max-width: 100%;
  height: auto;
  width: auto;
  margin: 0 auto;
  display: block !important;
  opacity: 0; }

@media screen and (max-width: 767px) {
  i.fa-angle-double-right,
  i.fa-angle-double-left {
    display: none; }

  blockquote {
    margin-top: 1em;
    margin-bottom: 1em; } }
article.container {
  margin: 2em auto;
  padding: 1em; }
  @media screen and (min-width: 768px) {
    article.container {
      padding: 3em;
      font-size: 0.85em; } }
  @media screen and (min-width: 1025px) {
    article.container {
      padding: 3em;
      font-size: 1em; } }
  @media screen and (min-width: 1600px) {
    article.container {
      padding: 1em; } }
  article.container p {
    margin: 0 0 1em; }
  article.container section, article.container .channel-change {
    margin-bottom: 10em; }
  article.container .channel-change a {
    display: inline-block;
    border: 3px solid #FEFF7E;
    padding: 0.5em 1em;
    font-size: 1.5em;
    color: #FEFF7E; }
    @media screen and (max-width: 767px) {
      article.container .channel-change a {
        width: 100%;
        margin-bottom: 0.5em; } }
  article.container section > a > img, article.container section > p > a > img {
    margin: 3em auto;
    display: block; }
  article.container .row.space, article.container .space {
    margin-top: 1em;
    margin-bottom: 1em; }
  article.container .row.double-space, article.container .double-space {
    margin-top: 2em;
    margin-bottom: 2em; }
  article.container .row.big-space, article.container .big-space {
    margin-top: 3em;
    margin-bottom: 3em; }
    @media screen and (min-width: 768px) {
      article.container .row.big-space, article.container .big-space {
        margin-top: 7em;
        margin-bottom: 7em; } }
  article.container img {
    max-width: 100%;
    height: auto; }
  article.container .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0; }
  article.container .videoWrapper iframe, article.container .videoWrapper-43 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  article.container .videoWrapper-43 {
    position: relative;
    padding-bottom: 75%;
    /* 4:3 */
    padding-top: 25px;
    height: 0; }
  article.container .chapter-title {
    font-size: 4em;
    margin-bottom: 2em;
    text-transform: uppercase; }
  article.container blockquote {
    font-size: 0.9em;
    padding: 1em;
    background: rgba(255, 255, 255, 0.1);
    font-family: "GTCineMono";
    border-left: 0; }
    @media screen and (min-width: 768px) {
      article.container blockquote {
        padding: 1.25em; } }
    article.container blockquote em {
      font-style: normal;
      display: inline-block;
      -webkit-transform: skewX(-12deg);
      -moz-transform: skewX(-12deg);
      -ms-transform: skewX(-12deg);
      -o-transform: skewX(-12deg);
      transform: skewX(-12deg); }
    article.container blockquote p:first-child {
      margin-top: 0; }
    article.container blockquote p:last-child {
      margin-bottom: 0; }

.text-heading {
  padding: 10%; }

.animated-gif {
  text-align: center; }

.flickity img {
  width: 100%;
  height: auto; }

.tv-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  display: none;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .tv-header {
      text-align: center; } }
  @media screen and (min-width: 1025px) {
    .tv-header {
      top: 1em; } }
  .tv-header h1, .tv-header h2 {
    font-size: 1em;
    display: inline-block;
    padding: 0.25em;
    color: white; }
  .tv-header h2 {
    display: none; }
    @media screen and (min-width: 768px) {
      .tv-header h2 {
        display: inline-block; } }
  .tv-header .tv-chapter {
    position: absolute;
    left: 1em;
    top: 0;
    text-align: left;
    display: none; }
    @media screen and (min-width: 768px) {
      .tv-header .tv-chapter {
        display: block; } }
  .tv-header .tv-title {
    display: inline-block;
    color: white;
    background: #0202FA; }
  .tv-header .tv-menu {
    position: absolute;
    right: 1em;
    top: 0;
    text-align: right; }
    .tv-header .tv-menu a {
      color: #FEFF74; }
      .tv-header .tv-menu a span.text {
        display: inline; }
        @media screen and (max-width: 1024px) {
          .tv-header .tv-menu a span.text {
            display: none; } }

@media screen and (max-width: 767px) {
  .headroom {
    transition: transform 200ms cubic-bezier(0.895, 0.03, 0.685, 0.22); }

  .headroom--pinned {
    transform: translateY(0%); }

  .headroom--unpinned {
    transform: translateY(-100%); }

  .tv-header {
    padding: 0.75em;
    background: #111C29; }
    body.introduction .tv-header, body.about .tv-header {
      background: #021D7A; }
    .tv-header .tv-title {
      opacity: 1 !important;
      float: left;
      top: auto;
      right: auto;
      position: relative;
      background: none; }
    .tv-header .tv-menu {
      position: relative;
      top: auto;
      right: auto;
      float: right; }

  .chapter-title {
    padding-top: 3em; } }
.about-menu {
  list-style: none;
  border: 2px solid white;
  padding: 0;
  margin-right: 0;
  display: inline-block; }
  .about-menu li {
    display: inline-block; }
  .about-menu a {
    border-right: 2px solid white;
    padding: 0.5em 1em;
    display: inline-block; }
  .about-menu li:last-child a {
    border-right: 0; }

#about dl {
  margin: 2em 0; }
  @media screen and (min-width: 768px) {
    #about dl dt {
      float: left;
      clear: both;
      width: 33%;
      margin: 0; }
    #about dl dd {
      float: left;
      width: 66%;
      margin: 0;
      margin-bottom: 0.5em; } }

.blue {
  color: #aad9ed; }

@media screen and (min-width: 1025px) {
  .flickity-prev-next-button.previous {
    left: -3em; } }

@media screen and (min-width: 1025px) {
  .flickity-prev-next-button.next {
    right: -3em; } }

@media screen and (max-width: 767px) {
  .flickity-prev-next-button {
    display: none; } }
.bigfoot-footnote__wrapper {
  width: auto;
  min-width: 16em; }

.bigfoot-footnote__button {
  font-size: 0.75em; }

.bigfoot-footnote__content,
.bigfoot-footnote__content a {
  font-family: "GTCine";
  color: #021D7A;
  font-size: 0.75em; }
  article.container blockquote .bigfoot-footnote__content em, article.container blockquote
  .bigfoot-footnote__content a em {
    display: inline;
    font-style: italic; }

.chapter-arrow {
  display: inline-block;
  padding: 0 0.25em; }

@media print {
  .min-screen-height[style],
  .screen-height[style],
  .max-screen-height[style] {
    height: auto !important;
    min-height: auto !important;
    max-height: auto !important; }

  .big-space {
    margin-top: 1em !important;
    margin-bottom: 1em !important; }

  a.lightbox, div.flickity {
    display: none !important; }

  img {
    display: none !important; } }