.pie-element,
nav a,
h1,
h2,
h3,
.story_item a strong,
#poll,
#competition .body,
input[type="submit"],
a button,
a.story .air_date,
#title #social,
a.blue-button,
a.blue-button:link,
p a.blue-button:link,
p a.blue-button:visited,
section.home a.story:before,
#video .menu a,
#video .menu a img,
#video .menu a span,
#video .next,
#video .prev,
#comments,
.related_story,
.poll button,
.poll span.button,
.poll a.button,
.answer:nth-child(1) button,
.answer:nth-child(1) .bar,
.poll span.button.current,
.answer:nth-child(2) button,
.answer:nth-child(2) .bar,
.answer:nth-child(3) button,
.answer:nth-child(3) .bar,
.answer:nth-child(4) button,
.answer:nth-child(4) .bar,
.poll span.button.past,
.answer:nth-child(5) button,
.answer:nth-child(5) .bar,
.answer:nth-child(1) button:hover,
.poll span.button.current:hover,
.answer:nth-child(2) button:hover,
.answer:nth-child(3) button:hover,
.answer:nth-child(4) button:hover,
.poll span.button.past:hover,
.answer:nth-child(5) button:hover,
section.contest .answer .buttons button,
section.contest .answer .buttons button:hover,
section.contest .answer .buttons a.button,
section.contest .answer .buttons a.button:hover,
#team a,
#video .middle,
#main .middle,
#strip,
.story_item,
.story_item:before {
  behavior: url(https://www.todaytonightadelaide.com.au/PIE.htc);
  position: relative;
}

article,
aside,
footer,
header,
main,
nav,
section {
  display: block;
}

@font-face {
  font-display: swap;
  font-family: "SMIcons";
  src: url(../../../../../../files/assets/fonts/icons-62a619fcca0b5c889c37f7641bd793b9.eot);
  src: url(../../../../../../files/assets/fonts/icons-62a619fcca0b5c889c37f7641bd793b9.eot#iefix)
      format("embedded-opentype"),
    url(../../../../../../files/assets/fonts/icons-7a70387a5214d4aee1c4c8c8fa071bfb.woff)
      format("woff"),
    url(../../../../../../files/assets/fonts/icons-2f52ac90547d0c7f07623c4ef6b41cd7.ttf)
      format("truetype"),
    url(../../../../../../files/assets/fonts/icons-d4cee0ead2c5d90b068f115d15ccc4b2.svg)
      format("svg");
  font-weight: 400;
  font-style: normal;
}

[class*="icon"]:before {
  font-family: "SMIcons";
}

.icon-mail-alt:before {
  content: "\e804";
}

.icon-pinterest:before {
  content: "\e80c";
}

.icon-chat:before {
  content: "\e80a";
}

.icon-facebook:before {
  content: "\e809";
}

.icon-comment:before {
  content: "\e80b";
}

.icon-linkedin:before {
  content: "\e806";
}

.icon-twitter:before {
  content: "\e807";
}

.icon-gplus:before {
  content: "\e808";
}

html {
  margin: 0;
  padding: 0;
  font-size: 100%;
  background-color: #ffffff;
  scroll-behavior: smooth;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #000000;
  line-height: 1.4em;
}

a,
a:link,
a:visited {
  color: #000000;
  text-decoration: none;
}

p a,
p a:link,
p a:visited {
  color: #000000;
  text-decoration: underline;
}

p a:hover {
  color: #000000;
}

nav a,
h1,
h2,
h3,
h4,
h5, h6,
.story_item a strong,
#poll,
#competition .body,
input[type="submit"],
a button,
a.story .air_date,
#title #social {
  font-family: "PT Sans Narrow", Arial, Helvetica, sans-serif;
  letter-spacing: 0.02rem;
  text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;
}

p {
  margin: 14px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 16px 0 6px 0;
  font-weight: 400;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.3rem;
}

h4 {
  font-size: 1.2rem;
}

h5 {
  font-size: 1.1rem;
}

h6 {
  font-size: 1rem;
}

blockquote {
  margin: 0;
}

#content {
  overflow-x: hidden;
}

ul,
li,
ol {
  padding: 0;
  margin: 0;
}

table {
  width: 100%;
}

li {
  list-style: disc inside none;
  padding: 4px 0;
}

ol li {
  list-style: decimal inside none;
}

sup {
  vertical-align: text-top;
  font-size: 0.8em;
}

video {
  image-fit: fill;
  object-fit: fill;
}

menu {
  margin: 0;
  padding: 0;
}

a img {
  border-width: 0;
}

a,
:focus {
  outline: none;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
}

.download {
  float: right;
  padding: 5px 25px 4px 6px;
  font-size: 0.9em;
}

input[type="text"],
input[type="password"],
input[type="file"],
input[type="tel"],
input[type="email"],
input[type="submit"],
select {
  vertical-align: middle;
  background-color: #fff;
  border: none;
  color: #000;
  padding: 3px 4px 1px 4px;
  width: 180px;
}

label {
  width: 80px;
  vertical-align: middle;
  display: inline-block;
}

textarea {
  border: none;
  margin-top: 6px;
}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="file"] {
  background-color: #20285e;
  border: #7aa0d4 solid 1px;
  color: #fff;
}

select {
  padding: 1px 4px;
  width: 140px;
}

input[type="submit"],
a.blue-button,
a:link.blue-button,
p a:link.blue-button,
p a:visited.blue-button {
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #6686b8),
    color-stop(100%, #3a4c7a)
  );
  background: -webkit-linear-gradient(top, #6686b8, #3a4c7a);
  background: -moz-linear-gradient(top, #6686b8, #3a4c7a);
  background: -o-linear-gradient(top, #6686b8, #3a4c7a);
  -pie-background: linear-gradient(top, #6686b8, #3a4c7a);
  background: linear-gradient(top, #6686b8, #3a4c7a);
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px / 4px;
  border-radius: 4px / 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px 1px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px 1px;
  text-align: center;
  color: #f6f6f6;
  width: inherit;
  padding: 3px 12px 1px 12px;
  font-size: 0.92em;
}

input[type="submit"]:hover,
a.blue-button:hover,
a:link.blue-button:hover,
p a:link.blue-button:hover,
p a:visited.blue-button:hover {
  color: #fff;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #7093c6),
    color-stop(100%, #415583)
  );
  background: -webkit-linear-gradient(top, #7093c6, #415583);
  background: -moz-linear-gradient(top, #7093c6, #415583);
  background: -o-linear-gradient(top, #7093c6, #415583);
  -pie-background: linear-gradient(top, #7093c6, #415583);
  background: linear-gradient(top, #7093c6, #415583);
  cursor: pointer;
}

p.top-space {
  margin-top: 32px;
}

a.blue-button,
a:link.blue-button,
p a:link.blue-button,
p a:visited.blue-button {
  text-decoration: none;
  padding: 4px 12px;
  color: #f6f6f6;
  font-size: 1em;
  margin-top: 32px;
}

input[type="submit"]::-moz-focus-inner {
  border: 0;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

hr.clear {
  border-width: 0;
  clear: both;
}

.single_blog_titles {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 1.5;
}

.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.content-container {
  max-width: 800px;
  /* Adjust the max-width as needed */
  margin: 0 auto;
  /* Center the container horizontally */
  padding: 20px;
  /* Add some padding for better readability */
  text-align: justify;
  /* Optional: Justify text for a cleaner look */
}

.post-title {
  text-align: center;
}

/* Blog Post Heading Sizes */
.post-title,
.blog-post h1,
.entry-content h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.5em;
}

#main.pledge .left {
  font-size: 0.92em;
  padding-bottom: 0;
}

#main.pledge .left .body hr.clear {
  margin-bottom: 32px;
}

#main.pledge .left .body > p:last-child {
  margin: 32px 0 0 0;
}

#main.pledge .left .field {
  padding: 0;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

#main.pledge .left .field label {
  padding-left: 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 17%;
}

#main.pledge .left .field input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 82%;
}

#main.pledge .left .half {
  width: 50%;
}

#main.pledge .left .half label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 34%;
}

#main.pledge .left .half input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 64%;
}

#main.pledge .left .amount {
  width: 75%;
}

#main.pledge .left .amount label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  float: left;
  padding-top: 3px;
}

#main.pledge .left .amount input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 60px;
  float: left;
  margin-left: 12px;
  text-align: center;
}

#main.pledge .left .actions {
  width: 25%;
}

#main.pledge .left input[type="submit"] {
  width: auto;
}

#main.pledge .right .pledge {
  padding: 4px 10px;
  margin: 10px 0;
  background-color: rgba(41, 51, 119, 0.5);
}

#main.pledge .right .pledge .amount {
  float: right;
}

#main.pledge .right .poll .answer p {
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 1.1em;
}

section#alert2 {
  background-color: #000;
  padding: 12px 0;
  text-align: right;
  font-size: 0.9em;
}

section#alert2 p {
  margin: 0;
}

section#alert {
  background-color: #20285e;
  padding: 12px 0;
  text-align: center;
  font-size: 0.92em;
}

section#alert p {
  margin: 0;
}

section#alert a {
  margin-left: 16px;
}

section.home .middle {
  overflow: hidden;
}

section.home a.competition,
section.home a.survey,
section.home a.banner,
section.home span.banner {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
}

section.home a.competition img,
section.home a.survey img,
section.home a.banner img,
section.home span.banner img {
  width: 100%;
  margin: 0;
  padding: 0;
}

section.home a.story {
  height: 224px;
  display: block;
  width: 100%;
}

section.home a.story .air_date {
  display: block;
  font-size: 1.111em;
  color: #7aa0d4;
  margin: 4px 0 2px 0;
}

section.home a.story img:first-child {
  float: left;
  margin-right: 16px;
}

section.home a.story h3 {
  margin-top: 0;
  padding-top: 8px;
  font-size: 1.5em;
}

section.home a.story:before {
  height: 224px;
  width: 150px;
  display: inline-block;
  float: right;
  -webkit-border-radius: 5px 5px;
  -moz-border-radius: 5px / 5px;
  border-radius: 5px / 5px;
  margin-left: 16px;
  margin-right: 32px;
  content: "\a0";
  background: transparent
    url(../../../../../../files/assets/more_panel-a28282e4a9c3673a0b8d18e6bc649259.png)
    no-repeat top left;
  background-size: 100% 100%;
}

.page {
  width: 100%;
}

#pages {
  width: 200%;
  height: 100%;
  position: absolute;
}

section {
  position: relative;
  width: 100%;
}

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

#video {
  z-index: 3;
}

#video .vjs-default-skin .vjs-big-play-button {
  left: 50%;
  top: 50%;
  margin: -48px 0 0 -48px;
  width: 96px;
  height: 96px;
  -webkit-border-radius: 48px 48px 48px 48px;
  -moz-border-radius: 48px 48px 48px 48px;
  -ms-border-radius: 48px 48px 48px 48px;
  -o-border-radius: 48px 48px 48px 48px;
  border-radius: 48px 48px 48px 48px;
  border-width: 0;
  background-color: rgba(45, 58, 96, 0.75);
  background-image: url(../../../../../../files/assets/playarrow-eafc44b4cb00d837a0bde2e8ed9ff08e.png);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: box-shadow 0.4s ease;
  -webkit-transition-delay: 0s;
  -moz-transition: box-shadow 0.4s ease 0s;
  -o-transition: box-shadow 0.4s ease 0s;
  transition: box-shadow 0.4s ease 0s;
}

#video .vjs-default-skin .vjs-big-play-button:before {
  content: "";
  display: none;
}

#video .browser {
  background-color: #000;
}

#video img,
#video video {
  vertical-align: middle;
}

#video .browser,
#video .browser video,
#video .browser img {
  width: 100%;
}

#video .menu a.video,
#video .menu a.image {
  border: 1px solid #415392;
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  position: relative;
}

#video .menu a.video span,
#video .menu a.image span {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}

#video .menu {
  top: 0;
  right: 17px;
  position: absolute;
}

#video .menu a.video,
#video .menu a.image {
  margin: 8px 0 0 0;
}

#video .menu a,
#video .menu a img,
#video .menu a span {
  -webkit-border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -ms-border-radius: 8px 8px 8px 8px;
  -o-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  width: 176px;
  height: 98px;
}

#video .menu a.video span {
  background-image: url(../../../../../../files/assets/video-but-8036c247a1ae68d86f99734b09e43c45.png);
}

#video .menu a.image span {
  background-image: url(../../../../../../files/assets/image-but-5b34931b3078948b3cabe797d8faa60f.png);
}

#video .menu a.selected,
#video .menu a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#video .prev,
#video .next {
  position: absolute;
  top: 200px;
  height: 112px;
  z-index: 2;
  width: 40px;
  border: 1px solid #415392;
  background: transparent
    url(../../../../../../files/assets/blue-bits-c2f7849e8b5e199eb7372201eb907552.png)
    no-repeat scroll center;
}

#video .next {
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
  border-width: 1px 0 1px 1px;
  background-position: 0 0;
  right: 0;
}

#video .prev {
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius: 0 8px 8px 0;
  -ms-border-radius: 0 8px 8px 0;
  -o-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
  border-width: 1px 1px 1px 0;
  background-position: -40px 0;
  left: 0;
}

#information .story_download,
#information .story_link {
  height: 32px;
  background-color: #232c51;
  padding-left: 16px;
  line-height: 36px;
  margin: 4px 0;
}

#information .story_download a.but,
#information .story_link a.but {
  background-color: #283358;
  float: right;
  height: 32px;
  width: 128px;
  text-align: center;
  display: inline-block;
}

.share span {
  width: 32px;
  height: 32px;
  margin-right: 16px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  line-height: 34px;
  font-size: 20px;
  background-color: #20285e;
  color: #a5a9be;
}

.share span:hover {
  background-color: #7aa0d4;
  color: #fff;
}

.hashtags > a {
  background-color: #20285e;
  padding: 5px 6px 3px 6px;
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
  margin: 0 2px 6px 0;
}

.hashtags > a:hover {
  background-color: #7aa0d4;
}

.hashtags > a:before {
  margin-right: 6px;
  display: inline-block;
  font-size: 16px;
  width: 16px;
  text-align: center;
}

#comments {
  background: -webkit-gradient(
    linear,
    50% 100%,
    50% 0%,
    color-stop(0%, #222b57),
    color-stop(100%, #313f6c)
  );
  background: -webkit-linear-gradient(bottom, #222b57, #313f6c);
  background: -moz-linear-gradient(bottom, #222b57, #313f6c);
  background: -o-linear-gradient(bottom, #222b57, #313f6c);
  -pie-background: linear-gradient(bottom, #222b57, #313f6c);
  background: linear-gradient(bottom, #222b57, #313f6c);
  bottom: 0;
}

#comments .comment-new {
  min-height: 64px;
}

#comments .comment-new img,
#comments .comment-new textarea {
  margin-right: 4px;
}

#comments form img {
  vertical-align: middle;
}

#comments form textarea {
  height: 36px;
  vertical-align: middle;
  color: #fff;
  padding: 6px;
  margin-top: 1px;
}

#comments form input {
  height: 50px;
  color: #fff;
}

#comments h2 {
  padding-left: 0;
  margin-bottom: 16px;
}

#comments div.left {
  position: relative;
}

#comments li:nth-child(even) {
  background-color: rgba(50, 64, 104, 0.25);
}

#comments li:nth-child(odd) {
  background-color: rgba(50, 64, 104, 0.5);
}

#comments li:last-child {
  margin-bottom: 0;
}

#comments li:first-child {
  margin-top: 0;
}

#comments li {
  font-size: 0.94em;
  line-height: 1.2em;
  clear: both;
  margin: 2px 0;
  min-height: 52px;
  position: relative;
  list-style: none outside none;
}

#comments li img.face {
  position: absolute;
  top: 8px;
}

#comments li span {
  color: #6b8cbe;
  display: block;
  margin: 0 0 2px 0;
}

#comments li span span {
  display: inline;
}

#comments li p {
  margin: 0;
}

#comments .comments-out {
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
}

#comments iframe {
  height: 66px;
  border: 0;
  background: transparent;
  display: block;
}

#comments span.right {
  float: right;
  margin: 0;
}

#comments .advert {
  position: absolute;
  top: 0;
}

#comments span.like {
  padding-left: 19px;
  background-image: url(data:image/png;base64,ivborw0kggoaaaansuheugaaabaaaaapcayaaadtc08vaaab80leqvqoz51ttuhuyrq993sp5%2bgm9hryxtayuti4%2fkykfk3donketwlhg6monbnrdyrcgu6cnog0icqbwkcoryucfqayick3rau0ran5fphmfp9zw2hbker0ludyzz3nwaw2iy7smjo5mrn9mxfbwt54%2fgpxvzqxegmhlnske%2b01c1qdfn53ahdhckmuyy6jfkt3jrwp3i%2bxbvvvcxengpojpduaxy8mznnzfqkwwpnaw2ysvci3nqravu%2bdaak4u5il%2fdei%2b%2fnxzacg9uzoac8lzpjxy16dotqn9x1nvnn%2fbu5j6enohkkibegal%2fm%2fykxaaibht2btew%2ffnpirfachl%2bts1tqvagayzxyd%2b3zb26ngxzwegcacm0osjlts3f3bxsozu27eeaxksitx4pkbiuucaexzdypn8%2fezpw%2bdmufew8zzxr9egmwaiaistf6heak27qeb%2fl8g8j8gioabeauh53mwlavmgkkeimtmo7qugysxwyci%2bpuctp8%2bz4ozoe1q5b1qizezwacd4dgo64zjqghqs8%2bl3nhz0%2bv6egua4dgulhzwbkxcowe248u6u7eb1yf7oqh4vractnpg2ahpra1jtvb333hdzc3nmdnvobdhsojd7mujzqbihrrcylx0%2fvebzef3olf8md0c%2faryn8kfbrv7gwaaaabjru5erkjggg%3d%3d);
  display: inline-block;
  background-repeat: no-repeat;
}

#comments {
  height: inherit;
}

#comments h2 {
  padding-left: 32px;
}

#comments div.left {
  height: inherit;
  width: inherit;
}

#comments .comments-out,
#comments .latest-comments .comments-out {
  height: inherit;
  position: inherit;
  overflow: visible;
}

#comments li {
  min-width: inherit;
  width: inherit;
}

.related_story {
  margin-bottom: 16px;
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  background: -webkit-gradient(
    linear,
    50% 100%,
    50% 0%,
    color-stop(0%, #232d59),
    color-stop(100%, #283360)
  );
  background: -webkit-linear-gradient(bottom, #232d59, #283360);
  background: -moz-linear-gradient(bottom, #232d59, #283360);
  background: -o-linear-gradient(bottom, #232d59, #283360);
  -pie-background: linear-gradient(bottom, #232d59, #283360);
  background: linear-gradient(bottom, #232d59, #283360);
}

.related_story:before,
.related_story:after {
  clear: both;
  display: block;
  content: " ";
}

.related_story img {
  float: left;
  margin-right: 8px;
}

.related_story h4 {
  color: #7aa0d4;
  font-size: 15px;
  margin: 0;
}

.related_story p {
  margin: 0;
  padding: 0 !important;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

section.poll .right,
section.pledge .right {
  height: 512px;
  background: -webkit-gradient(
    linear,
    50% 100%,
    50% 0%,
    color-stop(0%, #222b57),
    color-stop(100%, #354472)
  );
  background: -webkit-linear-gradient(bottom, #222b57, #354472);
  background: -moz-linear-gradient(bottom, #222b57, #354472);
  background: -o-linear-gradient(bottom, #222b57, #354472);
  -pie-background: linear-gradient(bottom, #222b57, #354472);
  background: linear-gradient(bottom, #222b57, #354472);
}

section.poll .right p,
section.pledge .right p {
  padding: 0;
}

#main .right .poll,
#information .right .poll {
  font-size: 0.93em;
}

#main .right .poll p,
#information .right .poll p {
  margin: 10px 0 2px 0;
}

#main .right .poll .question,
#information .right .poll .question {
  font-size: 1.1em;
  width: inherit;
}

#main .right .poll .answers,
#information .right .poll .answers {
  font-size: 1em;
  display: block;
  width: inherit;
}

#main .right .poll .answer,
#information .right .poll .answer {
  margin: 2px 0 10px 0;
  line-height: 1.2em;
}

#main .right .poll .answer p,
#information .right .poll .answer p {
  padding: 0 0 2px 0;
  color: #7aa0d4;
  line-height: 1.1em;
}

#main .right .poll .answer .percent,
#information .right .poll .answer .percent {
  font-size: 1.2em;
  vertical-align: middle;
  display: inline-block;
}

#main .right .poll .answer .bar,
#information .right .poll .answer .bar {
  height: 20px;
  vertical-align: middle;
}

#main .right .poll .answer button,
#information .right .poll .answer button {
  height: 22px;
  vertical-align: middle;
  margin-right: 4px;
  line-height: 19px;
  padding: 1px 0;
  width: 52px;
}

.poll button,
.poll span.button,
.poll a.button {
  color: #fff;
  height: 28px;
  line-height: 25px;
  margin-right: 10px;
  width: 60px;
  padding: 1px 0;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0;
  cursor: pointer;
}

.poll .bar {
  display: inline-block;
}

section.poll .question {
  font-size: 1.06em;
  margin: 24px 0 32px 0;
  line-height: 22px;
}

section.poll .static {
  color: #7aa0d4;
  margin: 32px 0;
  font-size: 0.96em;
}

section.poll button {
  float: left;
  margin-bottom: 8px;
}

section.poll .answer {
  margin: 32px 0;
  line-height: 26px;
}

section.poll .answer:first-child {
  margin-top: 0;
}

#information .left a.poll {
  margin: 32px 0;
  height: 36px;
  line-height: 34px;
  display: block;
  position: relative;
}

#information .left a.poll span.votes {
  position: absolute;
  top: 38px;
  line-height: 14px;
  font-size: 13px;
  color: #7aa0d4;
}

#information .left a.poll p {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 0;
  line-height: 15px;
}

#information .left a.poll p span {
  padding: 0;
}

#information .left a.poll:nth-child(2) {
  margin-top: 24px;
}

#information .left a.poll span.button {
  position: absolute;
  top: 4px;
  display: inline-block;
  padding: 0;
  font-size: 0.93em;
  text-align: center;
  line-height: 28px;
}

.answer:nth-child(1) button,
.answer:nth-child(1) .bar,
.poll span.button.current {
  border: #0ec324 1px solid;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #16ee30),
    color-stop(100%, #097b17)
  );
  background: -webkit-linear-gradient(top, #16ee30, #097b17);
  background: -moz-linear-gradient(top, #16ee30, #097b17);
  background: -o-linear-gradient(top, #16ee30, #097b17);
  -pie-background: linear-gradient(top, #16ee30, #097b17);
  background: linear-gradient(top, #16ee30, #097b17);
}

.answer:nth-child(2) button,
.answer:nth-child(2) .bar {
  border: #0271ce 1px solid;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #078cfc),
    color-stop(100%, #024782)
  );
  background: -webkit-linear-gradient(top, #078cfc, #024782);
  background: -moz-linear-gradient(top, #078cfc, #024782);
  background: -o-linear-gradient(top, #078cfc, #024782);
  -pie-background: linear-gradient(top, #078cfc, #024782);
  background: linear-gradient(top, #078cfc, #024782);
}

.answer:nth-child(3) button,
.answer:nth-child(3) .bar {
  border: #ce8d00 1px solid;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #ffaf02),
    color-stop(100%, #825900)
  );
  background: -webkit-linear-gradient(top, #ffaf02, #825900);
  background: -moz-linear-gradient(top, #ffaf02, #825900);
  background: -o-linear-gradient(top, #ffaf02, #825900);
  -pie-background: linear-gradient(top, #ffaf02, #825900);
  background: linear-gradient(top, #ffaf02, #825900);
}

.answer:nth-child(4) button,
.answer:nth-child(4) .bar,
.poll span.button.past {
  border: #cc2600 1px solid;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #ff3000),
    color-stop(100%, #801800)
  );
  background: -webkit-linear-gradient(top, #ff3000, #801800);
  background: -moz-linear-gradient(top, #ff3000, #801800);
  background: -o-linear-gradient(top, #ff3000, #801800);
  -pie-background: linear-gradient(top, #ff3000, #801800);
  background: linear-gradient(top, #ff3000, #801800);
}

.answer:nth-child(5) button,
.answer:nth-child(5) .bar {
  border: #89009a 1px solid;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #b600cd),
    color-stop(100%, #45004e)
  );
  background: -webkit-linear-gradient(top, #b600cd, #45004e);
  background: -moz-linear-gradient(top, #b600cd, #45004e);
  background: -o-linear-gradient(top, #b600cd, #45004e);
  -pie-background: linear-gradient(top, #b600cd, #45004e);
  background: linear-gradient(top, #b600cd, #45004e);
}

.answer:nth-child(1) button:hover,
.poll span.button.current:hover {
  border: #46f15a 1px solid;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #2ef045),
    color-stop(100%, #0a8519)
  );
  background: -webkit-linear-gradient(top, #2ef045, #0a8519);
  background: -moz-linear-gradient(top, #2ef045, #0a8519);
  background: -o-linear-gradient(top, #2ef045, #0a8519);
  -pie-background: linear-gradient(top, #2ef045, #0a8519);
  background: linear-gradient(top, #2ef045, #0a8519);
}

.answer:nth-child(2) button:hover {
  border: #39a3fd 1px solid;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #2098fc),
    color-stop(100%, #024d8c)
  );
  background: -webkit-linear-gradient(top, #2098fc, #024d8c);
  background: -moz-linear-gradient(top, #2098fc, #024d8c);
  background: -o-linear-gradient(top, #2098fc, #024d8c);
  -pie-background: linear-gradient(top, #2098fc, #024d8c);
  background: linear-gradient(top, #2098fc, #024d8c);
}

.answer:nth-child(3) button:hover {
  border: #ffbf35 1px solid;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #ffb71c),
    color-stop(100%, #8c6000)
  );
  background: -webkit-linear-gradient(top, #ffb71c, #8c6000);
  background: -moz-linear-gradient(top, #ffb71c, #8c6000);
  background: -o-linear-gradient(top, #ffb71c, #8c6000);
  -pie-background: linear-gradient(top, #ffb71c, #8c6000);
  background: linear-gradient(top, #ffb71c, #8c6000);
}

.answer:nth-child(4) button:hover,
.poll span.button.past:hover {
  border: #ff5933 1px solid;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #ff451a),
    color-stop(100%, #8a1a00)
  );
  background: -webkit-linear-gradient(top, #ff451a, #8a1a00);
  background: -moz-linear-gradient(top, #ff451a, #8a1a00);
  background: -o-linear-gradient(top, #ff451a, #8a1a00);
  -pie-background: linear-gradient(top, #ff451a, #8a1a00);
  background: linear-gradient(top, #ff451a, #8a1a00);
}

.answer:nth-child(5) button:hover {
  border: #e301ff 1px solid;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #cd00e7),
    color-stop(100%, #4e0058)
  );
  background: -webkit-linear-gradient(top, #cd00e7, #4e0058);
  background: -moz-linear-gradient(top, #cd00e7, #4e0058);
  background: -o-linear-gradient(top, #cd00e7, #4e0058);
  -pie-background: linear-gradient(top, #cd00e7, #4e0058);
  background: linear-gradient(top, #cd00e7, #4e0058);
}

section#main.contest .middle {
  min-height: 416px;
}

section#main.contest .right {
  height: 416px;
}

section.contest .answer {
  position: relative;
  margin-bottom: 16px;
}

section.contest .answer img {
  vertical-align: middle;
  width: 100%;
}

section.contest .answer .buttons {
  position: absolute;
  bottom: 16px;
  right: 32px;
}

section.contest .answer .buttons button,
section.contest .answer .buttons a.button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
}

section.contest .answer .buttons button {
  border: #4b6a9c 1px solid;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #6584b5),
    color-stop(100%, #324768)
  );
  background: -webkit-linear-gradient(top, #6584b5, #324768);
  background: -moz-linear-gradient(top, #6584b5, #324768);
  background: -o-linear-gradient(top, #6584b5, #324768);
  -pie-background: linear-gradient(top, #6584b5, #324768);
  background: linear-gradient(top, #6584b5, #324768);
}

section.contest .answer .buttons button:hover {
  border: #87a0c6 1px solid;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #7d97c1),
    color-stop(100%, #3a537a)
  );
  background: -webkit-linear-gradient(top, #7d97c1, #3a537a);
  background: -moz-linear-gradient(top, #7d97c1, #3a537a);
  background: -o-linear-gradient(top, #7d97c1, #3a537a);
  -pie-background: linear-gradient(top, #7d97c1, #3a537a);
  background: linear-gradient(top, #7d97c1, #3a537a);
}

section.contest .answer .buttons a.button {
  border: gray 1px solid;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #999),
    color-stop(100%, #595959)
  );
  background: -webkit-linear-gradient(top, #999, #595959);
  background: -moz-linear-gradient(top, #999, #595959);
  background: -o-linear-gradient(top, #999, #595959);
  -pie-background: linear-gradient(top, #999999, #595959);
  background: linear-gradient(top, #999999, #595959);
}

section.contest .answer .buttons a.button:hover {
  border: #b3b3b3 1px solid;
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #ababab),
    color-stop(100%, #666)
  );
  background: -webkit-linear-gradient(top, #ababab, #666);
  background: -moz-linear-gradient(top, #ababab, #666);
  background: -o-linear-gradient(top, #ababab, #666);
  -pie-background: linear-gradient(top, #ababab, #666666);
  background: linear-gradient(top, #ababab, #666666);
}

#main.survey iframe {
  border: 1px solid #1f3a60 !important;
  padding-bottom: 0 !important;
  background-color: #0d1e42;
  min-height: 430px;
  width: 100%;
}

#main.survey .left h2 {
  margin-bottom: 16px;
}

#main.survey .left .body {
  margin: 0;
}

#team {
  background-color: #191f4a;
}

#team a {
  display: block;
  padding: 24px 0;
  height: 128px;
  background: -webkit-gradient(
    linear,
    50% 100%,
    50% 0%,
    color-stop(0%, #222b57),
    color-stop(100%, #313f6c)
  );
  background: -webkit-linear-gradient(bottom, #222b57, #313f6c);
  background: -moz-linear-gradient(bottom, #222b57, #313f6c);
  background: -o-linear-gradient(bottom, #222b57, #313f6c);
  -pie-background: linear-gradient(bottom, #222b57, #313f6c);
  background: linear-gradient(bottom, #222b57, #313f6c);
}

#team a span {
  color: #7aa0d4;
}

#team a img {
  vertical-align: middle;
  float: left;
  margin-right: 16px;
}

main .twitter-follow-button {
  position: absolute !important;
  top: 16px;
  right: 32px;
}

#content section.bio .middle {
  min-height: inherit;
}

#content section.bio div.left {
  min-height: 424px;
  padding-bottom: 24px;
}

#content section.bio div.left,
#content section.bio div.right {
  padding-top: 24px;
}

#content section.bio div.left p:first-child,
#content section.bio div.right p:first-child {
  margin-top: 0;
}

#content section.bio div.left p:last-child,
#content section.bio div.right p:last-child {
  margin-bottom: 0;
}

#content section.bio div.right {
  padding-bottom: 0;
}

#content .faq .middle,
#content .doc .middle {
  height: inherit;
}

#title,
#content header,
nav,
section#information,
#strip form,
.middle,
#team,
div#banner a {
  margin: 0 auto;
  z-index: 4;
  position: relative;
  display: block;
}

#title h1 {
  margin: 0;
}

#content header {
  background-color: #20285e;
}

#content header h1 {
  margin: 0;
}

#content header span.right {
  position: absolute;
  top: 21px;
  color: #7aa0d4;
}

#content header span.right span {
  margin-right: 16px;
}

#content header span.right span:last-child {
  margin-right: 0;
}

#content header h1:before,
#information h2:before,
#main h2:before {
  display: inline-block;
  content: "";
  background-color: #7aa0d4;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

#content header h1,
#information .left h2 {
  background-image: url(data:image/png;base64,ivborw0kggoaaaansuheugaaag4aaaaecayaaadmv7d2aaafbeleqvro3tvzs67dngw9h5j9kwib2lgrdxscqqfdqzeuxxybdvl0pbidutily5%2bbl6kogytrsxtfn%2fhtzh9%2b%2bhpkdwbrnvp%2f57gdys14yg7mvhs4eqwwtgasqbkymiaztalkapyfkpy2x7yaaqgxbcgrjk%2fg%2bocs78h1hwr5gi%2f3yh6u9%2bvr1iwpyfrekdyyl1dwxqvm%2bg6sh8hcjcgwbgqsqkiiibdieiiakuk6gcab%2f4qiyqaygslh6t%2bme8kxsjrfnj34xcgaucaaotpz1jyjsgbqe%2b2agcyo18jbjpzst7lrxedhmuk4hqctxyhchc9j2mkivledbxpr9if8n0gmdu37dtojnhlvevuzzispyihed%2fljtmfugdxuqqrdpr12cepndkyew96huamjzjardjrzz6rn6sx6uo39upmewzkzdvd1p2hebyp87mf9hvv5qrwzox4%2f3neu4lkfms8fn2agkhewpgcmhjgsr1hbnoxubp0indcnqv7t28k7y1g7wgyqlz%2fiydt8zmudifsiowq%2fbkaf3mheftc3jyfw3j6rvex0q3tdv90v%2fekj7bwu8seb%2frpxsrdneuayrj1zey%2b4uobpwmztgoyho0%2fc7b3jgdjtdj8%2fftqaypr1c5593o7dstgmqzswuxrzzvbmhps3beztilhzap2766jfp1zgbrabrxy8%2fdollflhmkea4mfhheakvdcclooawzbtt0o5kvpltwlpb194iqczrtnndpc6aulfxlncvv7y5mfndimnzw6ql68ra7fx9l1xu8peuc51b6zotyahexu9cjo3iosxlqrvqs5zge2aejtc71ltodeihregrkl0sumch0yg4a70dwptjg%2fttepnbj9zxj48sr94uaim4zwvglo9bdq%2bs3nesdva3hce3c802zi9qf%2f0%2bcinrrgzn9it%2fjkfdhfnpq9ltqsg%2f3ncw%2fxfjnit4irbix%2b5e6se%2ba8p17m97twqb2gvbe1uxd3ngizt3fmyiqvatft%2bxv6r7l1qvbslylovp2qfzj8tu6a23tpnniej4r5l8bgbd6i2z00o7mt2stf6jc4gyucpeewrqj8h8fntrwba%2fvhx34%2bnece4ndomisdmnifyoykjwxf%2byggvaj7stanzmyxbowazfsg8cftnn7ihmqykbmne4ci5bi%2facukzlordj1w6fjmdaqvyrpkmlmcsbflkhzmewlyktl51zyfeskcjsx4tkvtkjdfnur22yvqka6bqrxqdvagxsn3rw4mcpws8neq8hdwenti%2fpk9xocy%2bkz9rvlve0c5jh4jgerfhqdz3fnfmtnd92jgko9zv4ootgd6k2kfkysnj%2fc2mjzc7jf%2f1o98bh1x0o741vtyap5qzi0iy2k48mxjahxc6nkmudmhj9zwzrknntizchh6emz3ltzxhth%2fvfyba8l97wjgpy%2fndl7%2f9aebne9uvmpt7bij3qztxo2opekvuqyz1ukf2ccqsy9x1fi6qg84rqqecksnfzkpjjnkr2otlmcexf%2bavqem8iobrpcv0oroura2kruqy4elgszdc0jjfkdtxjcv5ee8umoksjfkghd62q4dkbna2%2b5k8ry%2bcq%2b6botu%2fe0mhexiin3kob0hcrurvz5x37v0%2be5tvnux12sh8357k00wwow1vgnluytbcrezywtrbj1rb3gveodrfuyhe7kpi%2bohgfdocrgx2riuc5tv5u9o2xjpt7blcvca5guetv17ajtb%2fwft%2fw8%2f9vusqnwz5xni9xhguk5aj3i5ow9l1hocx%2b6ujce3k%2bjq6lvheumt0krfs8obk7nxeh7ngqxugxmhghv3ffv4b3pror1k0%2fjmaaaaasuvork5cyii%3d);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 90% 4px;
}

#information {
  background-color: #17cf67;
}

#information h2 {
  margin-bottom: 12px;
  padding-bottom: 10px;
}

#information div.left a.right {
  float: right;
  color: #7aa0d4;
  font-size: 0.7em;
  padding-top: 3px;
}

#information p:last-child {
  margin-bottom: 0;
}

#information div.right .advert:first-child {
  margin-top: 0;
}

#information div.right .poll {
  min-height: 210px;
  margin-bottom: 16px;
}

#video,
#main {
  position: relative;
}

#video .middle,
#main .middle {
  background: -webkit-gradient(
    linear,
    50% 100%,
    50% 0%,
    color-stop(0%, #191f4a),
    color-stop(100%, #20285e)
  );
  background: -webkit-linear-gradient(bottom, #191f4a, #20285e);
  background: -moz-linear-gradient(bottom, #191f4a, #20285e);
  background: -o-linear-gradient(bottom, #191f4a, #20285e);
  -pie-background: linear-gradient(bottom, #191f4a, #20285e);
  background: linear-gradient(bottom, #191f4a, #20285e);
}

#video:before,
#main:before {
  display: block;
  content: " ";
  position: absolute;
  width: 100%;
  top: 52px;
  height: 440px;
  z-index: 0;
}

nav:before,
nav:after,
#information:before,
#information:after,
#comments:before,
#comments:after,
#main .middle:before,
#main .middle:after {
  clear: both;
  display: block;
  content: " ";
}

div.left {
  float: left;
}

div.right {
  float: right;
}

#main .body {
  font-size: 1.2em;
  margin: 24px 0 32px 0;
}

#main .right h2 {
  margin-bottom: 16px;
  margin-top: 32px;
}

#main .right h2:first-child {
  margin-top: 0;
}

#main .middle {
  min-height: 544px;
}

#main label {
  display: inline-block;
  width: inherit;
}

#main input[type="text"],
#main input[type="file"],
#main input[type="tel"],
#main input[type="email"],
#main textarea {
  background-color: rgba(41, 51, 119, 0.5);
  border: #415392 solid 1px;
}

#main input[type="text"],
#main input[type="tel"],
#main input[type="email"] {
  width: 220px;
  float: right;
}

#main input[type="file"] {
  width: 97%;
}

#main input[type="submit"] {
  float: right;
}

#main textarea {
  width: 97%;
  height: 200px;
  padding: 6px 4px;
}

#footer {
  background-color: #000;
  padding: 16px 0;
}

#footer a {
  margin-right: 32px;
}

#footer .legal {
  float: right;
  color: #7aa0d4;
  font-size: 0.9em;
  text-align: right;
}

#footer .legal div {
  margin-top: 4px;
}

#footer .legal a {
  margin-right: 0;
  margin-left: 16px;
}

#footer .legal a,
#footer .legal a:link {
  color: #7aa0d4;
}

#footer .legal a:hover {
  color: #7aa0d4;
}

header .twitter {
  font: normal normal normal 11px/18px "Helvetica Neue", Arial, sans-serif;
  text-shadow: none;
  position: relative;
  height: 21px;
  padding: 1px 8px 2px 6px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  background-color: #1b95e0;
  border-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
}

header .twitter:hover,
header .twitter:focus,
header .twitter:active {
  background-color: #0c7abf;
}

header .twitter::before {
  position: relative;
  top: 3px;
  display: inline-block;
  content: " ";
  width: 14px;
  height: 14px;
  margin-right: 3px;
  background: transparent 0 0 no-repeat;
  background-image: url(data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%20viewbox%3d%220%200%2072%2072%22%3e%3cpath%20fill%3d%22none%22%20d%3d%22m0%200h72v72h0z%22%2f%3e%3cpath%20class%3d%22icon%22%20fill%3d%22%23fff%22%20d%3d%22m68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176c56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98c25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2f%3e%3c%2fsvg%3e);
}

#title {
  padding: 32px 0 16px 0;
  position: relative;
}

#title img {
  vertical-align: middle;
}

#title #social {
  font-size: 1rem;
  height: 24px;
  display: inline-block;
  position: absolute;
  bottom: 16px;
  right: 0;
}

#title #social img {
  margin: 0 4px 4px 4px;
}

nav {
  background-color: #0aff77;
  display: block;
  width: 100%;
}

nav a {
  display: inline-block;
  padding: 2px 0 0 0;
  height: 32px;
  line-height: 32px;
  width: 12.5%;
  text-align: center;
  float: left;
  min-width: 90px;
  font-size: 1.125rem;
  text-transform: uppercase;
}

nav a.selected,
nav a.selected:hover {
  background-color: #7aa0d4;
}

nav a:hover {
  background-color: #20285e;
}

div#banner a {
  background-image: url(../../../../../../files/advert_south_australia_1200.png);
  height: 96px;
  background-position: center center;
}

#strip {
  height: 160px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 5px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 3px 5px 1px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 3px 5px 1px;
  z-index: 2;
}

#strip.story {
  background-image: url(../../../../../../files/assets/strip/story_1920-eb5ef92f3965ebd2b9f247aadaceaa13.jpg);
}

#strip.rosanna-mangiarelli {
  background-image: url(../../../../../../files/assets/strip/rosanna_1920-eb5ef92f3965ebd2b9f247aadaceaa13.jpg);
}

#strip.graham-archer {
  background-image: url(../../../../../../files/assets/strip/graham_1920-a5719516e70ff2f2a38c420bf6d35f63.jpg);
}

#strip.frank-pangallo {
  background-image: url(../../../../../../files/assets/strip/frank_1920-120e7e6f3950677234d233431d7ca12b.jpg);
}

#strip.paul-makin {
  background-image: url(../../../../../../files/assets/strip/paul_1920-da57a0fa921732c6d308820ca9e25ea7.jpg);
}

#strip.annelise-nielsen {
  background-image: url(https://www.todaytonightadelaide.com.au/images/strip/annelise_1920.jpg);
}

#strip.hendrik-gout {
  background-image: url(../../../../../../files/assets/strip/hendrik_1920-481bce19dd2dd39c3b0d0f191715c611.jpg);
}

#strip.pippa-bradshaw {
  background-image: url(../../../../../../files/assets/strip/pippa_1920-88f0ce3731c3cccae8649d567b32c542.jpg);
}

#strip.rodney-lohse {
  background-image: url(../../../../../../files/assets/strip/rodney_1920-bac5c3601c9d36e0d736b50d1352c2a1.jpg);
}

#strip form {
  position: relative;
  height: 100%;
}

#strip input,
#strip select {
  margin-left: 4px;
  -webkit-border-radius: 4px 4px;
  -moz-border-radius: 4px / 4px;
  border-radius: 4px / 4px;
  background-color: #fff;
  border: none;
}

#strip input[type="text"],
#strip select {
  color: #000;
}

#strip p {
  position: absolute;
  bottom: 6px;
  margin: 0;
}

#video video,
#video .browser {
  width: 1200px;
  height: 658px;
}

#video .menu {
  width: 176px;
}

#video:before,
#main:before {
  background: transparent
    url(../../../../../../files/assets/dots1200-02146c2fc9a31fe5391641ae67e4ce73.png)
    repeat-y top center;
}

body {
  font-size: 0.9em;
}

#title,
#content header,
nav,
#information,
#strip form,
.middle,
#team,
div#banner a {
  width: 1200px;
}

div.left {
  width: 800px;
}

div.right {
  width: 400px;
}

#strip p {
  right: 32px;
}

#content header h1 {
  padding: 18px 0 12px 32px;
}

#content header span.right {
  right: 32px;
}

.story header span.right {
  right: 240px;
}

#information div.right .advert {
  margin: 16px 0 16px 32px;
}

#information .left a.right {
  margin-right: 32px;
}

#information .left a.poll {
  padding-right: 32px;
}

#main .right .answers,
#information .right .answers {
  padding: 0 32px;
}

#information h2,
#stories h2,
#main h2 {
  padding-left: 32px;
}

#main.pledge .left form {
  padding: 0 32px;
}

#main.pledge .right .pledges {
  padding: 0 32px 0 32px;
}

#information div.left,
#information div.right,
#main div.left,
#main div.right {
  padding-top: 32px;
}

#information div.left,
#main div.left {
  padding-bottom: 32px;
}

#information div.left h3,
#information div.left p,
#information div.left ul,
#information div.left ol,
#main div.left h3,
#main div.left p,
#main div.left ul,
#main div.left ol {
  padding-left: 32px;
  padding-right: 32px;
}

#information div.right h3,
#information div.right p,
#main div.right h3,
#main div.right p {
  padding-left: 32px;
  padding-right: 32px;
}

#information div.right h2,
#main div.right h2 {
  padding-left: 32px;
}

section.poll div.left,
section.poll div.right {
  padding-top: 32px;
}

section.poll p.question,
section.poll h3,
section.poll .answers {
  padding-left: 32px;
  width: 704px;
}

section.survey .left .body {
  padding-left: 32px;
}

.share,
.hashtags {
  padding-left: 32px;
}

#main .left .body p,
#main .left .body ol,
#main .left .body h3,
#main .left .body ul,
#main .left .body .answers {
  padding-left: 54px;
}

#content .doc .middle .left .body p,
#content .doc .middle .left .body ol,
#content .doc .middle .left .body ul {
  padding-right: 54px;
}

a.poll span.button {
  margin-left: 32px;
}

#information .left a.poll span.votes {
  left: 104px;
}

#information .left a.poll p {
  padding: 0 0 0 104px;
}

#information {
  padding-bottom: 32px;
}

#information div.left,
#information div.right {
  padding-bottom: 0;
}

#comments {
  padding: 32px 0 32px 0;
}

#comments textarea {
  width: 632px;
}

#comments div.left {
  min-height: 448px;
}

#comments li {
  min-width: 638px;
  width: 638px;
  padding: 6px 32px 8px 98px;
}

#comments li img.face {
  left: 32px;
}

#comments .advert {
  right: 0;
}

#comments .blue-button {
  margin-left: 32px;
}

#information .advert,
#comments .advert {
  width: 400px;
}

#information .advert {
  width: 336px;
  margin-left: 32px;
}

.story_item,
#team a,
.related_story {
  padding-left: 32px;
  padding-right: 32px;
}

#content section.home .middle {
  height: 288px;
  min-height: inherit;
  overflow: hidden;
}

section.home a.story {
  padding: 32px 0;
}

section.home a.story img:first-child {
  margin-left: 32px;
}

section.home a.story img.watch {
  margin-right: 32px;
}

blockquote {
  padding-left: 32px;
}

#information .left ul.stories {
  list-style: none outside none;
  padding: 0;
}

#information .left ul.stories li {
  list-style: none outside none;
}

.story_item {
  cursor: hand;
  cursor: pointer;
  display: block;
  height: 80px;
  margin: 8px 0;
  padding-top: 8px;
  padding-bottom: 8px;
  background: -webkit-gradient(
    linear,
    50% 100%,
    50% 0%,
    color-stop(0%, #1e2652),
    color-stop(100%, #283360)
  );
  background: -webkit-linear-gradient(bottom, #1e2652, #283360);
  background: -moz-linear-gradient(bottom, #1e2652, #283360);
  background: -o-linear-gradient(bottom, #1e2652, #283360);
  -pie-background: linear-gradient(bottom, #1e2652, #283360);
  background: linear-gradient(bottom, #1e2652, #283360);
}

.story_item a {
  display: block;
}

.story_item img {
  vertical-align: middle;
  float: left;
  margin-right: 16px;
}

.story_item strong {
  color: #7aa0d4;
  margin: 3px 0 6px 0;
  font-weight: 400;
  font-size: 1.25rem;
}

.story_item p {
  margin-top: 6px;
  line-height: 1.15em;
  font-size: 0.9em;
}

.story_item:before {
  height: 80px;
  width: 58px;
  display: inline-block;
  float: right;
  -webkit-border-radius: 5px 5px;
  -moz-border-radius: 5px / 5px;
  border-radius: 5px / 5px;
  margin-left: 16px;
  content: "\a0";
  background: transparent
    url(../../../../../../files/assets/more_info-a6539a5812cd415ae2ff47a11a284f09.png)
    no-repeat top left;
}

.scrolls {
  cursor: move;
}

.dragscroll-scroller {
  overflow: hidden !important;
}

.dragscroll-container {
  overflow: visible !important;
}

.dragscroll-container,
.dragscroll-scroller {
  position: relative;
}

.dragscroll-scroller {
  height: 100%;
}

.dragscroll-inner {
  display: block;
}

.dragscroll-scrollbar-container {
  cursor: pointer;
  position: absolute;
  background: gainsboro;
  background: rgba(0, 0, 0, 0.2);
}

.dragscroll-scrollbar-container.autohide {
  display: none;
}

.dragscroll-scrollbar-container.h {
  width: 100%;
  height: 4px;
  left: 0;
  bottom: -8px;
}

.dragscroll-scrollbar-container.v {
  height: 100%;
  width: 4px;
  top: 0;
  right: -4px;
}

.dragscroll-scrollbar.v {
  width: 4px;
  top: 0;
}

.dragscroll-scrollbar.h {
  height: 4px;
  left: 0;
}

.dragscroll-scrollbar {
  position: absolute;
  cursor: pointer;
  background: #a0a0a0;
  background: rgba(0, 0, 0, 0.4);
}

/*!
Video.js Default Styles (http://videojs.com)
Version 4.6.1
Create your own skin at http://designer.videojs.com
*/
.vjs-default-skin {
  color: #ccc;
}

@font-face {
  font-display: swap;
  font-family: "VideoJS";
  src: url(../../../../../../files/assets/vjs-8dcd57db85e1d1daf557c1af8e554c6b.eot);
  src: url("../../../../../../files/assets/vjs-8dcd57db85e1d1daf557c1af8e554c6b.eot#iefix")
      format("embedded-opentype"),
    url(../../../../../../files/assets/vjs-0284df6dc5cba185c505836044440547.woff)
      format("woff"),
    url(../../../../../../files/assets/vjs-5029c63bda712fb66e61c22676dbfa96.ttf)
      format("truetype");
  font-weight: 400;
  font-style: normal;
}

.vjs-default-skin .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.9);
}

.vjs-default-skin .vjs-slider:focus {
  -webkit-box-shadow: 0 0 2em #fff;
  -moz-box-shadow: 0 0 2em #fff;
  box-shadow: 0 0 2em #fff;
}

.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  left: 0;
  top: 0;
}

.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.vjs-default-skin .vjs-control-bar {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
}

.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing
  .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}

.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none;
}

.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3em;
  width: 4em;
}

.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #fff;
}

.vjs-default-skin .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}

.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}

.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.vjs-default-skin
  .vjs-playback-rate.vjs-menu-button
  .vjs-menu
  .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none;
}

.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}

.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}

.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  width: 100%;
  background: #66a8cc
    url(data:image/png;base64,ivborw0kggoaaaansuheugaaaayaaaagcayaaadgzo9iaaaap0leqvqihwwmaqoaiagdr/qj/ub//04+w7zicbwcog5fzi5ibb82agzixegljrd4tvk5xujpskstevpdfzx9ab2pgzisqcvaaaaaaelftksuqmcc) -50%
    0 repeat;
}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  left: 4.5em;
}

.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}

.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  top: -1em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-default-skin:hover .vjs-progress-control {
  font-size: 0.9em;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}

.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}

.vjs-default-skin .vjs-play-progress {
  background: #66a8cc
    url(data:image/png;base64,ivborw0kggoaaaansuheugaaaayaaaagcayaaadgzo9iaaaap0leqvqihwwmaqoaiagdr/qj/ub//04+w7zicbwcog5fzi5ibb82agzixegljrd4tvk5xujpskstevpdfzx9ab2pgzisqcvaaaaaaelftksuqmcc) -50%
    0 repeat;
}

.vjs-default-skin .vjs-load-progress {
  background: #646464;
  background: rgba(255, 255, 255, 0.4);
}

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}

.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em;
}

.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-default-skin.vjs-live .vjs-live-display {
  display: block;
}

.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em;
}

.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  line-height: 3em;
}

.vjs-default-skin .vjs-current-time {
  float: left;
}

.vjs-default-skin .vjs-duration {
  float: left;
}

.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}

.vjs-time-divider {
  float: left;
  line-height: 3em;
}

.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}

.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}

.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  -webkit-border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  border-radius: 0.8em;
  -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  left: 50%;
  margin-left: -2.1em;
  top: 50%;
  margin-top: -1.4000000000000001em;
}

.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}

.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}

.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0 0 3em #fff;
  -moz-box-shadow: 0 0 3em #fff;
  box-shadow: 0 0 3em #fff;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-error-display {
  display: none;
}

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.vjs-error .vjs-error-display:before {
  content: "X";
  font-family: Arial;
  font-size: 4em;
  color: #666;
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  width: 100%;
}

.vjs-error-display div {
  position: absolute;
  font-size: 1.4em;
  text-align: center;
  bottom: 1em;
  right: 1em;
  left: 1em;
}

.vjs-error-display a,
.vjs-error-display a:visited {
  color: #f4a460;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}

.video-js.vjs-error .vjs-loading-spinner {
  display: none !important;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
}

.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000;
  border-top-color: rgba(7, 40, 50, 0.5);
}

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  max-height: 15em;
  overflow: auto;
  left: -5em;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}

.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: 700;
  cursor: default;
}

.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}

.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}

.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}

.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  vertical-align: middle;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js:-moz-full-screen {
  position: absolute;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 1em;
  right: 1em;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}

.video-js .vjs-subtitles {
  color: #fff;
}

.video-js .vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

.vjs-default-skin .vjs-hidden {
  display: none;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-no-js {
  padding: 20px;
  color: #ccc;
  background-color: #333;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #f4a460;
}

#video-player.vjs-fullscreen video {
  width: inherit;
  height: inherit;
}

.toc {
  background: transparent;
  border: 2px solid #000000;
  border-radius: 8px;
  padding: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.toc__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin: 0 0 10px;
  font-size: 22px;
}

.toc__icon {
  transition: transform .3s ease;
}

.toc.collapsed .toc__icon {
  transform: rotate(-90deg);
}

.toc.collapsed .toc__list {
  display: none;
}

.toc ul {
  margin: 0;
}

.toc li {
  font-size: 16px;
  margin-bottom: 8px;
}

.toc a {
  text-decoration: none;
  font-weight: 500;
}

.toc a:hover {
  text-decoration: underline;
}


@media only screen and (max-width: 1200px) {
  section.contest .answer .buttons {
    bottom: 16px;
    right: 16px;
  }
}

@media only screen and (max-width: 680px) {
  section.contest .answer .buttons {
    bottom: 8px;
    right: 16px;
  }
}

@media only screen and (min-width: 1261px) {
  #video:before {
    top: 109px;
  }

  #video .prev,
  #video .next {
    top: 273px;
  }

  #video .menu {
    top: 8px;
  }

  #video .middle .menu {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    -webkit-transition-delay: 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    transition: opacity 0.4s ease 0s;
  }

  #video .middle:hover .menu {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@media only screen and (max-width: 1260px) {
  body {
    font-size: 0.84em;
  }

  #title,
  #content header,
  nav,
  #information,
  #strip form,
  .middle,
  #team,
  div#banner a {
    width: 992px;
  }

  div.left {
    width: 660px;
  }

  div.right {
    width: 332px;
  }

  #strip p {
    right: 16px;
  }

  #content header h1 {
    padding: 18px 0 12px 16px;
  }

  #content header span.right {
    right: 16px;
  }

  .story header span.right {
    right: 16px;
  }

  #information div.right .advert {
    margin: 16px 0 16px 16px;
  }

  #information .left a.right {
    margin-right: 16px;
  }

  #information .left a.poll {
    padding-right: 16px;
  }

  #main .right .answers,
  #information .right .answers {
    padding: 0 16px;
  }

  #information h2,
  #stories h2,
  #main h2 {
    padding-left: 16px;
  }

  #main.pledge .left form {
    padding: 0 16px;
  }

  #main.pledge .right .pledges {
    padding: 0 16px 0 16px;
  }

  #information div.left,
  #information div.right,
  #main div.left,
  #main div.right {
    padding-top: 16px;
  }

  #information div.left,
  #main div.left {
    padding-bottom: 16px;
  }

  #information div.left h3,
  #information div.left p,
  #information div.left ul,
  #information div.left ol,
  #main div.left h3,
  #main div.left p,
  #main div.left ul,
  #main div.left ol {
    padding-left: 16px;
    padding-right: 16px;
  }

  #information div.right h3,
  #information div.right p,
  #main div.right h3,
  #main div.right p {
    padding-left: 16px;
    padding-right: 16px;
  }

  #information div.right h2,
  #main div.right h2 {
    padding-left: 16px;
  }

  section.poll div.left,
  section.poll div.right {
    padding-top: 32px;
  }

  section.poll p.question,
  section.poll h3,
  section.poll .answers {
    padding-left: 16px;
    width: 612px;
  }

  section.survey .left .body {
    padding-left: 16px;
  }

  .share,
  .hashtags {
    padding-left: 16px;
  }

  #main .left .body p,
  #main .left .body ol,
  #main .left .body h3,
  #main .left .body ul,
  #main .left .body .answers {
    padding-left: 38px;
  }

  #content .doc .middle .left .body p,
  #content .doc .middle .left .body ol,
  #content .doc .middle .left .body ul {
    padding-right: 38px;
  }

  a.poll span.button {
    margin-left: 16px;
  }

  #information .left a.poll span.votes {
    left: 88px;
  }

  #information .left a.poll p {
    padding: 0 0 0 88px;
  }

  #information {
    padding-bottom: 16px;
  }

  #information div.left,
  #information div.right {
    padding-bottom: 0;
  }

  #comments {
    padding: 16px 0 16px 0;
  }

  #comments textarea {
    width: 508px;
  }

  #comments div.left {
    min-height: 411px;
  }

  #comments li {
    min-width: 554px;
    width: 554px;
    padding: 6px 16px 8px 74px;
  }

  #comments li img.face {
    left: 16px;
  }

  #comments .advert {
    right: 0;
  }

  #comments .blue-button {
    margin-left: 16px;
  }

  #information .advert,
  #comments .advert {
    width: 332px;
  }

  #information .advert {
    width: 300px;
    margin-left: 16px;
  }

  .story_item,
  #team a,
  .related_story {
    padding-left: 16px;
    padding-right: 16px;
  }

  #content section.home .middle {
    height: 256px;
    min-height: inherit;
    overflow: hidden;
  }

  section.home a.story {
    padding: 16px 0;
  }

  section.home a.story img:first-child {
    margin-left: 16px;
  }

  section.home a.story img.watch {
    margin-right: 16px;
  }

  blockquote {
    padding-left: 16px;
  }

  #content section.home a.competition img,
  #content section.home a.survey img,
  #content section.home a.banner img,
  #content section.home span.banner img {
    height: 238px;
  }

  #content section.home a.story {
    height: 206px;
  }

  #content section.home a.story:before {
    height: 206px;
    width: 138px;
  }

  #content section.home a.story img.headline,
  #content section.home a.story img:first-child {
    width: 368px;
  }

  #content section.home .middle {
    height: 238px;
  }

  #video:before,
  #main:before {
    background: transparent
      url(../../../../../../files/assets/dots992-b07665d4713ba7c619b460075ff74002.png)
      repeat-y top center;
  }

  #video video,
  #video .browser {
    width: 992px;
    height: 544px;
  }

  #video .menu {
    width: inherit;
    position: relative;
    padding-left: 8px;
    right: 0;
  }

  #video .menu a.video,
  #video .menu a.image {
    margin-left: 8px;
    margin-bottom: 8px;
  }

  div#banner a {
    background-image: url(../../../../../../files/advert_south_australia_1024.png);
  }

  #strip.story {
    background-image: url(../../../../../../files/assets/strip/story_1280-425a8e7685c493c4976301c9dff10abb.jpg);
  }

  #strip.rosanna-mangiarelli {
    background-image: url(../../../../../../files/assets/strip/rosanna_1280-425a8e7685c493c4976301c9dff10abb.jpg);
  }

  #strip.graham-archer {
    background-image: url(../../../../../../files/assets/strip/graham_1280-2fee322bd482933697a327d4ca3a8003.jpg);
  }

  #strip.frank-pangallo {
    background-image: url(../../../../../../files/assets/strip/frank_1280-5d75d9710c94352c209e767d592d170c.jpg);
  }

  #strip.paul-makin {
    background-image: url(../../../../../../files/assets/strip/paul_1280-2f4630ac93fcac953dc2b83002b5e70c.jpg);
  }

  #strip.annelise-nielsen {
    background-image: url(https://www.todaytonightadelaide.com.au/images/strip/annelise_1280.jpg);
  }

  #strip.hendrik-gout {
    background-image: url(../../../../../../files/assets/strip/hendrik_1280-ee26d59791f1bb0ba3dfad615b435fa9.jpg);
  }

  #strip.pippa-bradshaw {
    background-image: url(../../../../../../files/assets/strip/pippa_1280-2f4630ac93fcac953dc2b83002b5e70c.jpg);
  }

  #strip.rodney-lohse {
    background-image: url(../../../../../../files/assets/strip/rodney_1280-4764af8285bbc028078c062791d5dc67.jpg);
  }

  .story_item,
  .story_item img {
    height: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  #video .prev,
  #video .next {
    display: none;
    background: transparent;
  }

  #video:before,
  #main:before {
    background: transparent;
  }

  #content section.home a.competition img,
  #content section.home a.survey img,
  #content section.home a.banner img,
  #content section.home span.banner img {
    height: 246px;
  }

  #content section.home a.story {
    height: 214px;
  }

  #content section.home a.story:before {
    height: 214px;
    width: 143px;
  }

  #content section.home a.story img.headline,
  #content section.home a.story img:first-child {
    width: 382px;
  }

  #content section.home .middle {
    height: 246px;
  }
}

@media only screen and (device-width: 1024px) and (orientation: landscape) {
  body {
    font-size: 0.9em;
  }

  #title,
  #content header,
  nav,
  #information,
  #strip form,
  .middle,
  #team,
  div#banner a {
    width: 1024px;
  }

  div.left {
    width: 672px;
  }

  div.right {
    width: 352px;
  }

  #strip p {
    right: 16px;
  }

  #content header h1 {
    padding: 18px 0 12px 16px;
  }

  #content header span.right {
    right: 16px;
  }

  .story header span.right {
    right: 48px;
  }

  #information div.right .advert {
    margin: 16px 0 16px 16px;
  }

  #information .left a.right {
    margin-right: 16px;
  }

  #information .left a.poll {
    padding-right: 16px;
  }

  #main .right .answers,
  #information .right .answers {
    padding: 0 16px;
  }

  #information h2,
  #stories h2,
  #main h2 {
    padding-left: 16px;
  }

  #main.pledge .left form {
    padding: 0 16px;
  }

  #main.pledge .right .pledges {
    padding: 0 16px 0 16px;
  }

  #information div.left,
  #information div.right,
  #main div.left,
  #main div.right {
    padding-top: 16px;
  }

  #information div.left,
  #main div.left {
    padding-bottom: 16px;
  }

  #information div.left h3,
  #information div.left p,
  #information div.left ul,
  #information div.left ol,
  #main div.left h3,
  #main div.left p,
  #main div.left ul,
  #main div.left ol {
    padding-left: 16px;
    padding-right: 16px;
  }

  #information div.right h3,
  #information div.right p,
  #main div.right h3,
  #main div.right p {
    padding-left: 16px;
    padding-right: 16px;
  }

  #information div.right h2,
  #main div.right h2 {
    padding-left: 16px;
  }

  section.poll div.left,
  section.poll div.right {
    padding-top: 32px;
  }

  section.poll p.question,
  section.poll h3,
  section.poll .answers {
    padding-left: 16px;
    width: 624px;
  }

  section.survey .left .body {
    padding-left: 16px;
  }

  .share,
  .hashtags {
    padding-left: 16px;
  }

  #main .left .body p,
  #main .left .body ol,
  #main .left .body h3,
  #main .left .body ul,
  #main .left .body .answers {
    padding-left: 38px;
  }

  #content .doc .middle .left .body p,
  #content .doc .middle .left .body ol,
  #content .doc .middle .left .body ul {
    padding-right: 38px;
  }

  a.poll span.button {
    margin-left: 16px;
  }

  #information .left a.poll span.votes {
    left: 88px;
  }

  #information .left a.poll p {
    padding: 0 0 0 88px;
  }

  #information {
    padding-bottom: 16px;
  }

  #information div.left,
  #information div.right {
    padding-bottom: 0;
  }

  #comments {
    padding: 16px 0 16px 0;
  }

  #comments textarea {
    width: 520px;
  }

  #comments div.left {
    min-height: 411px;
  }

  #comments li {
    min-width: 566px;
    width: 566px;
    padding: 6px 16px 8px 74px;
  }

  #comments li img.face {
    left: 16px;
  }

  #comments .advert {
    right: 0;
  }

  #comments .blue-button {
    margin-left: 16px;
  }

  #information .advert,
  #comments .advert {
    width: 352px;
  }

  #information .advert {
    width: 320px;
    margin-left: 16px;
  }

  .story_item,
  #team a,
  .related_story {
    padding-left: 16px;
    padding-right: 16px;
  }

  #content section.home .middle {
    height: 256px;
    min-height: inherit;
    overflow: hidden;
  }

  section.home a.story {
    padding: 16px 0;
  }

  section.home a.story img:first-child {
    margin-left: 16px;
  }

  section.home a.story img.watch {
    margin-right: 16px;
  }

  blockquote {
    padding-left: 16px;
  }

  #video .browser,
  #video .browser video,
  #video .browser img {
    width: 100%;
    height: 562px;
  }

  header,
  nav,
  #information,
  section#stories,
  #strip form,
  .middle {
    width: 100%;
  }

  header img {
    margin-left: 16px;
  }

  header #social img:last-child {
    margin-right: 16px;
  }

  .menu {
    width: inherit;
    position: relative;
    padding: 8px 0 8px 16px;
  }

  .menu a.video,
  .menu a.image {
    margin-right: 8px;
    margin-bottom: 0;
  }

  #comments h2 {
    padding-left: 16px;
  }

  #footer {
    padding: 16px;
  }

  #content {
    overflow-x: inherit;
  }

  #content section.home a.competition,
  #content section.home a.survey,
  #content section.home a.banner,
  #content section.home span.banner {
    height: 246px;
    width: 1024px;
  }

  #content section.home a.competition img,
  #content section.home a.survey img,
  #content section.home a.banner img,
  #content section.home span.banner img {
    height: 246px;
    width: 1024px;
  }

  #content section.home .middle {
    height: 246px;
  }
}

@media only screen and (max-width: 1000px) {
  #title {
    padding: 32px 16px 16px 16px;
  }

  body {
    font-size: 0.9em;
  }

  #title,
  #content header,
  nav,
  #information,
  #strip form,
  .middle,
  div.left,
  div.right,
  #main,
  div#banner a {
    width: inherit;
  }

  #content > img {
    width: 100%;
  }

  div.right {
    position: relative;
    padding-bottom: 16px;
    height: inherit;
  }

  #main {
    height: inherit;
  }

  #main .middle {
    height: inherit;
    min-height: inherit;
  }

  #main .right {
    height: inherit;
  }

  #nav a {
    width: 12.5%;
    display: inline-block;
    float: left;
  }

  #content .advert {
    display: none;
  }

  #comments {
    height: inherit;
  }

  #comments h2 {
    padding-left: 16px;
  }

  #comments div.left {
    height: inherit;
    width: inherit;
  }

  #comments .comments-out,
  #comments .latest-comments .comments-out {
    height: inherit;
    position: inherit;
    overflow: visible;
  }

  #comments li {
    min-width: inherit;
    width: inherit;
  }

  .story_item {
    padding-left: 16px;
  }

  section#main input[type="submit"],
  section#main input[type="text"],
  section#main input[type="file"],
  section#main input[type="tel"],
  section#main input[type="email"] {
    float: none;
  }

  section#main label {
    width: 100px;
  }

  section#main div.left {
    min-height: inherit;
    height: inherit;
  }

  section#main div.right p:last-child {
    padding-bottom: 16px;
  }

  #footer {
    padding: 16px;
  }

  section.survey .left .body {
    padding-right: 16px;
  }

  #video .browser,
  #video .browser video,
  #video .browser img {
    width: 100%;
    height: inherit;
  }

  #video .menu a img,
  #video .menu a span,
  #video .menu a {
    height: 66px;
    width: 116px;
    background-size: 100% 100%;
  }

  #title #social,
  section.home a.story .air_date {
    display: none;
  }

  #content section.home a.competition img,
  #content section.home a.survey img,
  #content section.home a.banner img,
  #content section.home span.banner img {
    height: inherit;
    width: inherit;
  }

  #content section.home a.competition,
  #content section.home a.survey,
  #content section.home a.story img.headline,
  #content section.home a.story:before {
    display: none;
  }

  #content section.home a.story img:first-child {
    width: 200px;
  }

  #content section.home a.story {
    height: 224px/2;
  }

  #content section.home a.story p {
    padding: 0 16px;
  }

  #content section.home .middle {
    min-height: 144px;
  }

  #footer a {
    margin-right: 24px;
  }

  #footer img {
    height: 42px;
    margin-top: 2px;
  }

  #footer .legal a {
    margin-left: 8px;
  }
}

@media screen and (min-width: 991px) {
  header .site-logo-cl {
    max-width: 400px;
  }
}

@media only screen and (max-width: 800px) {
  #strip.story {
    background-image: url(../../../../../../files/assets/strip/story_768-383fd666a64e4fc860cbfe6738268747.jpg);
  }

  #strip.rosanna-mangiarelli {
    background-image: url(../../../../../../files/assets/strip/rosanna_768-383fd666a64e4fc860cbfe6738268747.jpg);
  }

  #strip.graham-archer {
    background-image: url(../../../../../../files/assets/strip/graham_768-bbfd7bcd69b9fbc0a4cae293caedaa3a.jpg);
  }

  #strip.frank-pangallo {
    background-image: url(../../../../../../files/assets/strip/frank_768-4dcb8c33a301859ac9c5a0e16768a452.jpg);
  }

  #strip.paul-makin {
    background-image: url(../../../../../../files/assets/strip/paul_768-d506f270cae7f4c4f9c13199764a0cd1.jpg);
  }

  #strip.annelise-nielsen {
    background-image: url(https://www.todaytonightadelaide.com.au/images/strip/annelise_768.jpg);
  }

  #strip.hendrik-gout {
    background-image: url(../../../../../../files/assets/strip/hendrik_768-0ee9328177b924cc2f83bb547e99e605.jpg);
  }

  #strip.pippa-bradshaw {
    background-image: url(../../../../../../files/assets/strip/pippa_768-8939dfd54423d03c7b851d9eac6ff454.jpg);
  }

  #strip.rodney-lohse {
    background-image: url(../../../../../../files/assets/strip/rodney_768-2456ea2b7f4f61ba5a0d00e3a9bcf11d.jpg);
  }

  nav a {
    width: 25%;
  }

  header span.right {
    display: none;
  }

  .story_item strong {
    margin-top: 0;
  }
}

@media only screen and (max-width: 832px) {
  div#banner a {
    background-image: url(../../../../../../files/advert_south_australia_832.png);
  }

  #footer a {
    margin-right: 16px;
  }

  #footer img {
    height: 32px;
    margin-top: 8px;
  }

  #footer .legal {
    font-size: 0.8em;
  }

  #footer .legal a {
    margin-left: 8px;
  }
}

@media only screen and (device-width: 768px) and (orientation: portrait) {
  #content section.home a.competition,
  #content section.home a.survey,
  #content section.home a.banner,
  #content section.home span.banner {
    height: 184px;
    width: 768px;
  }

  #content section.home a.competition img,
  #content section.home a.survey img,
  #content section.home a.banner img,
  #content section.home span.banner img {
    height: 184px;
    width: 768px;
  }

  #content section.home .middle {
    height: 184px;
  }
}

@media only screen and (max-width: 704px) {
  div#banner a {
    background-image: url(../../../../../../files/advert_south_australia_704.png);
  }

  #footer .legal {
    float: none;
  }
}

@media only screen and (max-width: 632px) {
  #title img {
    width: 100%;
  }

  #video .menu a img,
  #video .menu a span,
  #video .menu a {
    height: 50px;
    width: 88px;
  }

  #information div.left .story_item {
    overflow: hidden;
  }
}

@media only screen and (max-width: 608px) {
  div#banner a {
    background-image: url(../../../../../../files/advert_south_australia_608.png);
    height: 64px;
  }
}

@media only screen and (max-width: 500px) {
  #footer img {
    height: 32px;
  }

  #footer .legal {
    float: none;
  }
}

@media only screen and (max-width: 459px) {
  #strip,
  div#banner {
    display: none;
  }

  #content section.home a.story img:first-child {
    width: 140px;
  }

  #content section.home a.story h3 {
    padding-top: 0;
    margin-bottom: 0;
  }

  #content section.home a.story p {
    margin: 8px 0;
    line-height: 1.2em;
  }

  #content section.home .middle {
    min-height: 96px;
  }

  nav a {
    width: 33.3%;
  }

  #footer img {
    height: 32px;
  }

  #footer .legal {
    float: none;
  }

  #information div.left .story_item {
    height: 60px;
    overflow: hidden;
  }

  #information div.left .story_item h3,
  #information div.left .story_item p {
    padding: 0;
  }

  #information div.left .story_item img,
  #information div.left .story_item:before {
    display: none;
  }
}

@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}