@charset "UTF-8";
/*
	Theme Name: Diemen Awards
	Description: We recognise and congratulate the best of the best in Tasmania.
	Version: 1.1
	Author: Futago
	Author URI: http://futago.com.au
*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
@import url("https://fonts.googleapis.com/css?family=Lora");
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: greyscale; }

/* html element 62.5% font-size for REM use */
html {
  font-size: 62.5%; }

body {
  font: 300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #444; }

/* clear */
.clear:before,
.clear:after {
  content: ' ';
  display: table; }

.clear:after {
  clear: both; }

.clear {
  *zoom: 1; }

img {
  max-width: 100%;
  vertical-align: bottom; }

a {
  color: #444;
  text-decoration: none; }

a:hover {
  color: #444; }

a:focus {
  outline: 0; }

a:hover,
a:active {
  outline: 0; }

input:focus {
  outline: 0;
  border: 1px solid #EE536B; }

/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
  background: #EE536B;
  color: #FFF;
  text-shadow: none; }

::-webkit-selection {
  background: #EE536B;
  color: #FFF;
  text-shadow: none; }

::-moz-selection {
  background: #EE536B;
  color: #FFF;
  text-shadow: none; }

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #FFF;
  border: 1px solid #F0F0F0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/*Theme specific files go here*/
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'MB Empire';
  src: url("fonts/344D0D_0_0.eot");
  src: url("fonts/344D0D_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/344D0D_0_0.woff2") format("woff2"), url("fonts/344D0D_0_0.woff") format("woff"), url("fonts/344D0D_0_0.ttf") format("truetype");
  font-weight: bold; }

@font-face {
  font-family: 'MB Empire';
  src: url("fonts/344D0D_1_0.eot");
  src: url("fonts/344D0D_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/344D0D_1_0.woff2") format("woff2"), url("fonts/344D0D_1_0.woff") format("woff"), url("fonts/344D0D_1_0.ttf") format("truetype");
  font-weight: normal; }

body {
  font-family: 'MB Empire', sans-serif; }

.grid {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100vh;
  transform: translate(-50%, 0);
  max-width: 1600px; }
  @media (max-width: 770px) {
    .grid {
      display: none; } }
  .grid:before {
    content: '';
    height: 100%;
    width: 1px;
    position: absolute;
    left: -1px;
    background-color: #F0F0F0;
    top: 0; }
  .grid:after {
    content: '';
    height: 100%;
    width: 1px;
    position: absolute;
    right: -1px;
    background-color: #F0F0F0;
    top: 0; }
  .grid__line {
    background-color: #F0F0F0;
    height: 100%;
    width: 1px;
    top: 0;
    position: absolute; }
    .grid__line:nth-of-type(1) {
      left: 16.6666666667%; }
    .grid__line:nth-of-type(2) {
      left: 33.3333333333%; }
    .grid__line:nth-of-type(3) {
      left: 50%; }
    .grid__line:nth-of-type(4) {
      left: 66.6666666667%; }
    .grid__line:nth-of-type(5) {
      left: 83.3333333333%; }

header {
  height: 88px;
  border-bottom: 1px solid #E3E6E6;
  width: 100vw;
  position: relative;
  z-index: 10; }
  @media (max-width: 770px) {
    header {
      height: auto; } }
  header .header-inner {
    max-width: 1600px;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    height: 100%; }
    @media (max-width: 770px) {
      header .header-inner {
        padding: 10px 0; } }
  header .logo {
    position: absolute;
    background-color: white;
    height: 87px;
    width: 33.3333333333%;
    top: 0;
    left: 0; }
    @media (max-width: 770px) {
      header .logo {
        position: relative;
        width: inherit;
        margin-left: 40px;
        height: auto; } }
    @media (max-width: 500px) {
      header .logo {
        margin-left: 10px; } }
    header .logo img {
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translate(-50%, 0); }
      @media (max-width: 770px) {
        header .logo img {
          position: relative;
          left: 0;
          transform: none; } }
    header .logo h1 {
      font-size: 1.3rem;
      letter-spacing: 0.1rem;
      line-height: calc(16/13);
      position: absolute;
      left: calc(50% - 8px);
      top: calc(100% + 5px);
      transform: rotate(90deg);
      transform-origin: top left;
      text-transform: uppercase;
      margin: 0;
      color: #C0CBCA; }
      @media (max-width: 770px) {
        header .logo h1 {
          transform: translate(0, -50%) rotate(0deg);
          top: inherit;
          left: 71px;
          top: 50%; } }
      @media (max-width: 770px) {
        header .logo h1 br {
          display: none; } }
  header .menu-button {
    height: 77px;
    position: absolute;
    width: 77px;
    right: 0px;
    top: 0px;
    border-left: 1px solid #E3E6E6;
    display: none; }
    @media (max-width: 770px) {
      header .menu-button {
        display: block; } }
    header .menu-button img {
      width: 50%;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    header .menu-button a {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      text-indent: -100000px; }
  header .mobile-nav {
    position: fixed;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    left: -100vw;
    top: 0;
    transition: left 0s linear 300ms, opacity 300ms linear; }
    header .mobile-nav .mobile-bg {
      background: #EE536B;
      position: absolute;
      width: 100vw;
      height: 100vh;
      top: 0;
      left: 0; }
    header .mobile-nav .close-button {
      height: 77px;
      position: absolute;
      width: 77px;
      right: 0px;
      top: 0px;
      display: none;
      z-index: 100; }
      @media (max-width: 770px) {
        header .mobile-nav .close-button {
          display: block; } }
      header .mobile-nav .close-button img {
        width: 50%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      header .mobile-nav .close-button a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-indent: -100000px; }
    header .mobile-nav .mobile-inner {
      position: absolute;
      left: 20vw;
      top: 50%;
      transform: translate(0, -50%); }
      @media (max-width: 770px) {
        header .mobile-nav .mobile-inner {
          left: 5vw; } }
      header .mobile-nav .mobile-inner ul {
        margin: 0;
        padding: 0;
        list-style-type: none; }
        header .mobile-nav .mobile-inner ul li {
          margin: 0;
          padding: 5px 0;
          font-size: 32px;
          text-transform: uppercase;
          font-weight: bold; }
          @media (max-width: 770px) {
            header .mobile-nav .mobile-inner ul li {
              font-size: 24px; } }
          header .mobile-nav .mobile-inner ul li .sub-menu li {
            font-size: 28px;
            font-weight: normal;
            text-indent: 20px; }
            @media (max-width: 770px) {
              header .mobile-nav .mobile-inner ul li .sub-menu li {
                font-size: 24px; } }
          header .mobile-nav .mobile-inner ul li a {
            position: relative;
            left: 0;
            color: #fff;
            transition: left 100ms ease-in 50ms; }
            header .mobile-nav .mobile-inner ul li a:hover {
              left: 20px;
              transition: left 200ms ease-in; }
  header .active-menu {
    top: 0;
    left: 0;
    opacity: 0.95;
    transition: opacity 300ms linear; }
    @media (min-width: 770px) {
      header .active-menu {
        display: none; } }
  header .nav {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translate(-50%, 100%); }
    @media (max-width: 770px) {
      header .nav {
        display: none; } }
    header .nav ul.menu {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      header .nav ul.menu > li {
        padding: 4px 6px;
        position: absolute;
        transform: translate(100%, 0); }
        header .nav ul.menu > li:nth-of-type(1) {
          right: 16.6666666667%; }
        header .nav ul.menu > li:nth-of-type(2) {
          right: 33.3333333333%; }
        header .nav ul.menu > li:nth-of-type(3) {
          right: 50%; }
        header .nav ul.menu > li:nth-of-type(4) {
          right: 66.6666666667%; }
        header .nav ul.menu > li:nth-of-type(5) {
          right: 83.3333333333%; }
        header .nav ul.menu > li:before {
          content: '';
          height: 8px;
          width: 100%;
          position: absolute;
          left: 0;
          top: -88px;
          background-color: #F0F0F0;
          transition: background-color 600ms; }
        header .nav ul.menu > li:after {
          content: '';
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          width: 1px;
          background-color: #EE536B;
          transform: scaleY(0);
          transition: transform 600ms;
          transform-origin: top center; }
        header .nav ul.menu > li:hover:before {
          background-color: #EE536B;
          transition: background-color 300ms; }
        header .nav ul.menu > li:hover:after {
          transform: scaleY(1);
          transition: transform 300ms; }
        header .nav ul.menu > li a {
          color: black;
          font-weight: bold;
          text-transform: uppercase;
          font-size: 1.3rem;
          letter-spacing: 0.1rem; }
    header .nav ul.sub-menu {
      list-style-type: none;
      margin: 0;
      padding: 0;
      position: absolute;
      top: 100%;
      left: -100000px;
      opacity: 0;
      transition: opacity 600ms linear 0s, left 0s linear 600ms;
      width: 20vw;
      padding-top: 10px; }
      header .nav ul.sub-menu li a {
        color: #C0CBCA;
        transition: color 600ms; }
        header .nav ul.sub-menu li a:hover {
          color: #EE536B;
          transition: color 300ms; }
    header .nav ul.menu > li:hover ul.sub-menu {
      left: 0;
      opacity: 1;
      transition: opacity 300ms; }

.wrapper {
  overflow: hidden; }

main {
  width: 66.6666666667%;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: calc(1600px / 6 * 4);
  color: #242A32; }
  @media (max-width: 500px) {
    main {
      width: 100%;
      padding: 0 20px; } }

.footer {
  border-top: 1px solid #E3E6E6; }
  .footer__inner {
    width: 66.6666666667%;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: calc(1600px / 6 * 4); }
    @media (max-width: 770px) {
      .footer__inner {
        width: 100%;
        padding: 0 20px; } }
  .footer__social {
    position: absolute;
    top: 50px;
    left: 0; }
    @media (max-width: 770px) {
      .footer__social {
        display: none; } }
    .footer__social ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .footer__social ul li {
        line-height: calc(33/14); }
        .footer__social ul li a {
          text-transform: uppercase;
          font-weight: bold;
          font-size: 1.4rem;
          position: relative;
          padding-left: 10px; }
          .footer__social ul li a:before {
            content: '+';
            color: #EE536B;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translate(-50%, -50%) rotate(0deg);
            transform-origin: center 43%;
            transition: transform 600ms;
            font-size: 2.4rem;
            font-weight: normal; }
          .footer__social ul li a:hover:before {
            transform: translate(-50%, -50%) rotate(360deg);
            transition: transform 300ms; }
          .footer__social ul li a:after {
            content: '';
            height: 2px;
            width: calc(100% - 10px);
            top: 100%;
            left: 10px;
            position: absolute;
            background-color: #242A32;
            transform: scaleX(0);
            transition: transform 600ms;
            transform-origin: left center; }
          .footer__social ul li a:hover:after {
            transform: scaleX(1);
            transition: transform 300ms; }
  .footer .signup {
    background-color: #F0F0F0;
    padding: 50px 0; }
    .footer .signup__cta {
      width: 50%;
      position: relative;
      left: 25%;
      font-family: 'Lora', serif;
      font-weight: normal;
      color: #242A32;
      font-size: 2.8rem;
      line-height: calc(42/32);
      margin-top: 0; }
      @media (max-width: 770px) {
        .footer .signup__cta {
          width: 100%;
          left: 0;
          padding: 0 20px; } }
      @media (max-width: 500px) {
        .footer .signup__cta {
          font-size: 1.8rem; } }
    .footer .signup form {
      position: relative;
      left: 25%;
      width: 75%; }
      @media (max-width: 770px) {
        .footer .signup form {
          width: 100%;
          left: 0;
          padding-left: 20px; } }
      .footer .signup form h2 {
        color: #EE536B;
        text-transform: uppercase;
        font-size: 1.8rem;
        letter-spacing: em(1, 18);
        line-height: 1;
        position: relative; }
        .footer .signup form h2:before {
          content: '+';
          font-weight: normal;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translate(-100%, -50%); }
      .footer .signup form input[type="email"] {
        display: block;
        width: 100%;
        border: none;
        font-weight: bold;
        color: #A9ABAF;
        font-size: 1.8rem;
        padding: 26px 18px; }
      .footer .signup form input[type="submit"] {
        background-color: #EE536B;
        border: 0 none;
        font-weight: bold;
        font-size: em(14);
        letter-spacing: em(1, 14);
        line-height: 1;
        text-transform: uppercase;
        color: #F0F0F0;
        padding: 20px 140px 20px 15px;
        position: relative;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%226px%22%20height%3D%228px%22%20viewBox%3D%220%200%206%208%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0D%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2046%20%2844423%29%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0D%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0D%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0D%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0D%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22button-pink%22%20transform%3D%22translate%28-202.000000%2C%20-24.000000%29%22%20stroke%3D%22%23F0F0F0%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolyline%20id%3D%22Line-7%22%20points%3D%22203%2024%20207%2028%20203%2032%22%3E%3C%2Fpolyline%3E%0D%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: right 20px center;
        transition: all 600ms; }
        .footer .signup form input[type="submit"]:hover {
          background-color: #ec3c57;
          background-position: right 10px center;
          transition: all 300ms; }
  .footer .copyright {
    background-color: white;
    font-weight: bold;
    color: #C0CBCA;
    padding: 40px 0 40px 15px;
    margin: 0 0 0 1px;
    font-size: 1.4rem; }
    .footer .copyright a {
      color: #C0CBCA;
      text-decoration: underline; }

@media (max-width: 770px) {
  .diemens-home {
    width: 100%;
    padding-left: 40px; } }

@media (max-width: 500px) {
  .diemens-home {
    padding-left: 20px; } }

.diemens-home .cat-link {
  background-color: #EE536B;
  border: 0 none;
  font-weight: bold;
  font-size: em(14);
  letter-spacing: em(1, 14);
  line-height: 1;
  text-transform: uppercase;
  color: #F0F0F0;
  padding: 20px 140px 20px 15px;
  position: absolute;
  bottom: -80px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%226px%22%20height%3D%228px%22%20viewBox%3D%220%200%206%208%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0D%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2046%20%2844423%29%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0D%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0D%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0D%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0D%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22button-pink%22%20transform%3D%22translate%28-202.000000%2C%20-24.000000%29%22%20stroke%3D%22%23F0F0F0%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolyline%20id%3D%22Line-7%22%20points%3D%22203%2024%20207%2028%20203%2032%22%3E%3C%2Fpolyline%3E%0D%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  display: none; }
  @media (min-width: 1200px) {
    .diemens-home .cat-link {
      display: none; } }

.diemens-home__intro {
  display: flex;
  margin-top: 150px;
  width: 75%; }
  @media (max-width: 1200px) {
    .diemens-home__intro {
      width: 100%;
      margin-top: 150px; } }
  @media (max-width: 770px) {
    .diemens-home__intro {
      margin-top: 50px; } }
  .diemens-home__intro p {
    margin: 0; }
  .diemens-home__intro .pre-intro {
    width: 33.333%;
    text-align: right;
    padding-left: 16.666%;
    font-size: 1.1rem;
    text-transform: uppercase;
    padding-right: 8px;
    color: #5C6066;
    letter-spacing: 0.1rem;
    padding-top: 7px; }
    @media (max-width: 1200px) {
      .diemens-home__intro .pre-intro {
        display: none; } }
  .diemens-home__intro .intro {
    width: 66.666%;
    padding-left: 8px;
    font-family: 'Lora', serif;
    font-weight: normal;
    font-size: 2.8rem;
    line-height: calc(42/32);
    color: #242A32; }
    @media (max-width: 1200px) {
      .diemens-home__intro .intro {
        width: 100%;
        margin-bottom: 30px; } }
    @media (max-width: 770px) {
      .diemens-home__intro .intro {
        font-size: 1.8rem;
        padding-right: 20px; } }
    .diemens-home__intro .intro h2 {
      position: relative;
      font-family: 'MB Empire';
      bottom: 0;
      text-transform: uppercase;
      color: #EE536B;
      font-weight: bold;
      letter-spacing: 0.158rem;
      margin: 0;
      width: 25vw; }
      @media (max-width: 770px) {
        .diemens-home__intro .intro h2 {
          width: inherit;
          font-size: 4rem; } }
      .diemens-home__intro .intro h2 a {
        position: relative;
        bottom: 0;
        font-size: 2.5vw;
        text-transform: uppercase;
        color: #EE536B;
        font-weight: bold;
        letter-spacing: 0.158rem;
        margin: 0; }
        @media (max-width: 770px) {
          .diemens-home__intro .intro h2 a {
            font-size: 4rem; } }
      .diemens-home__intro .intro h2:before {
        content: '+';
        font-weight: normal;
        transition: transform 600ms;
        display: block;
        transform-origin: center 36%;
        line-height: 1;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%) rotate(0);
        left: -10%; }
        @media (max-width: 770px) {
          .diemens-home__intro .intro h2:before {
            left: -30px;
            transition: none; } }
      .diemens-home__intro .intro h2.link:hover:before {
        transform: translate(0, -50%) rotate(360deg);
        transition: transform 300ms; }
        @media (max-width: 770px) {
          .diemens-home__intro .intro h2.link:hover:before {
            transition: none; } }
      .diemens-home__intro .intro h2:after {
        content: '';
        position: absolute;
        top: calc(100%);
        height: 4px;
        width: 100%;
        background-color: #EE536B;
        left: 0;
        transform: scaleX(0);
        transition: transform 600ms;
        transform-origin: left center; }
        @media (max-width: 770px) {
          .diemens-home__intro .intro h2:after {
            transform: none;
            transition: none;
            width: 0; } }
      .diemens-home__intro .intro h2.link:hover:after {
        transform: scaleX(1);
        transition: transform 300ms; }
        @media (max-width: 770px) {
          .diemens-home__intro .intro h2.link:hover:after {
            transform: none;
            transition: none; } }

.diemens-home__message {
  position: relative;
  display: block;
  margin-top: 100px; }
  @media (max-width: 1024px) {
    .diemens-home__message {
      display: none; } }
  .diemens-home__message img {
    max-width: 100vw;
    text-align: right;
    width: 122.4%;
    position: relative;
    left: -20.4%; }
  .diemens-home__message h2 {
    position: absolute;
    bottom: 0;
    left: 26.5%;
    font-size: 3rem;
    text-transform: uppercase;
    color: #EE536B;
    font-weight: bold;
    letter-spacing: 0.158rem;
    margin: 0; }
    .diemens-home__message h2 a {
      position: relative;
      bottom: 0;
      left: 3%;
      font-size: 3rem;
      text-transform: uppercase;
      color: #EE536B;
      font-weight: bold;
      letter-spacing: 0.158rem;
      margin: 0; }
    @media (min-width: 1600px) {
      .diemens-home__message h2 {
        font-size: 4rem; }
        .diemens-home__message h2.link:before, .diemens-home__message h2.link-sec:before {
          top: 55%;
          left: -9%; } }
    .diemens-home__message h2.link {
      margin-bottom: 45px; }
    .diemens-home__message h2.link-sec {
      margin-bottom: -5px; }
    .diemens-home__message h2:before {
      content: '+';
      font-weight: normal;
      transition: transform 600ms;
      display: block;
      transform-origin: center 36%;
      line-height: 1;
      position: absolute;
      top: 50%;
      transform: translate(0, -50%) rotate(0);
      left: -6.1%; }
    .diemens-home__message h2.link:hover:before, .diemens-home__message h2.link-sec:hover:before {
      transform: translate(0, -50%) rotate(360deg);
      transition: transform 300ms; }
    .diemens-home__message h2:after {
      content: '';
      position: absolute;
      top: calc(100%);
      height: 4px;
      width: 100%;
      background-color: #EE536B;
      left: 0;
      transform: scaleX(0);
      transition: transform 600ms;
      transform-origin: left center; }
    .diemens-home__message h2.link:hover:after, .diemens-home__message h2.link-sec:hover:after {
      transform: scaleX(1);
      transition: transform 300ms; }

.diemens-home__message__mobile {
  display: none; }
  .diemens-home__message__mobile img {
    width: 100%; }
  .diemens-home__message__mobile h2 {
    position: relative;
    bottom: 0;
    font-size: 3.5vw;
    text-transform: uppercase;
    color: #EE536B;
    font-weight: bold;
    letter-spacing: 0.158rem;
    margin: 0; }
    .diemens-home__message__mobile h2 a {
      position: relative;
      bottom: 0;
      font-size: 4vw;
      left: 20px;
      text-transform: uppercase;
      color: #EE536B;
      font-weight: bold;
      letter-spacing: 0.158rem;
      margin: 0;
      text-indent: 20px; }
      @media (max-width: 770px) {
        .diemens-home__message__mobile h2 a {
          font-size: 3rem; } }
      @media (max-width: 500px) {
        .diemens-home__message__mobile h2 a {
          font-size: 2.5rem; } }
    @media (max-width: 1024px) {
      .diemens-home__message__mobile h2 {
        top: -5vw; } }
    @media (max-width: 770px) {
      .diemens-home__message__mobile h2 {
        top: -7vw; } }
    @media (max-width: 500px) {
      .diemens-home__message__mobile h2 {
        top: 10px; } }
    .diemens-home__message__mobile h2.link {
      margin-bottom: 10px; }
    .diemens-home__message__mobile h2:before {
      content: '+';
      font-weight: normal;
      transition: transform 600ms;
      display: block;
      transform-origin: center 36%;
      line-height: 1;
      position: absolute;
      top: 50%;
      transform: translate(0, -50%) rotate(0);
      left: -10px;
      font-size: 40px; }
    .diemens-home__message__mobile h2.link:hover:before, .diemens-home__message__mobile h2.link-sec:hover:before {
      transform: translate(0, -50%) rotate(360deg);
      transition: transform 300ms; }
    .diemens-home__message__mobile h2:after {
      content: '';
      position: absolute;
      top: calc(100%);
      height: 4px;
      width: 100%;
      background-color: #EE536B;
      left: 0;
      transform: scaleX(0);
      transition: transform 600ms;
      transform-origin: left center; }
    .diemens-home__message__mobile h2.link:hover:after, .diemens-home__message__mobile h2.link-sec:hover:after {
      transform: scaleX(1);
      transition: transform 300ms; }
  @media (max-width: 1024px) {
    .diemens-home__message__mobile {
      display: block; } }

.diemens-home .cat-title {
  position: relative;
  font-size: 3.5vw;
  text-transform: uppercase;
  color: #EE536B;
  font-weight: bold;
  letter-spacing: 0.158rem;
  margin: 0;
  margin-top: 50px;
  padding: 0;
  display: none; }
  @media (min-width: 1600px) {
    .diemens-home .cat-title {
      font-size: 4rem; } }
  @media (max-width: 1200px) {
    .diemens-home .cat-title {
      display: none; } }

.diemens-home__categories {
  display: none !important;
  display: flex;
  margin-bottom: 40px;
  position: relative;
  padding-top: 30px;
  margin-top: 30px;
  padding-bottom: 25px; }
  @media (max-width: 1200px) {
    .diemens-home__categories {
      display: none; } }
  .diemens-home__categories__intro {
    width: 50%;
    position: relative;
    left: 25%;
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding-left: 15px; }
    @media (max-width: 770px) {
      .diemens-home__categories__intro {
        left: 0;
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
        padding-right: 40px; } }
    .diemens-home__categories__intro h2 {
      position: absolute;
      bottom: 0;
      left: 26.5%;
      font-size: 2.5vw;
      text-transform: uppercase;
      color: #EE536B;
      font-weight: bold;
      letter-spacing: 0.158rem;
      margin: 0; }
      .diemens-home__categories__intro h2 a {
        position: relative;
        bottom: 0;
        left: 3%;
        font-size: 2.5vw;
        text-transform: uppercase;
        color: #EE536B;
        font-weight: bold;
        letter-spacing: 0.158rem;
        margin: 0; }
      @media (min-width: 1600px) {
        .diemens-home__categories__intro h2 {
          font-size: 4rem; } }
      .diemens-home__categories__intro h2:before {
        content: '+';
        font-weight: normal;
        transition: transform 600ms;
        display: block;
        transform-origin: center 36%;
        line-height: 1;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%) rotate(0);
        left: -6.1%; }
      .diemens-home__categories__intro h2.link:hover:before {
        transform: translate(0, -50%) rotate(360deg);
        transition: transform 300ms; }
      .diemens-home__categories__intro h2:after {
        content: '';
        position: absolute;
        top: calc(100%);
        height: 4px;
        width: 100%;
        background-color: #EE536B;
        left: 0;
        transform: scaleX(0);
        transition: transform 600ms;
        transform-origin: left center; }
      .diemens-home__categories__intro h2.link:hover:after {
        transform: scaleX(1);
        transition: transform 300ms; }
  .diemens-home__categories:before, .diemens-home__categories:after {
    content: '';
    width: 1000000px;
    height: 1px;
    position: absolute;
    left: 25%;
    background-color: #E3E6E6; }
  .diemens-home__categories:before {
    top: 0; }
  .diemens-home__categories:after {
    bottom: 0; }
  .diemens-home__categories__category {
    width: 25%;
    padding: 0 12px; }
    .diemens-home__categories__category h2 {
      font-size: 2.4rem;
      color: #242A32;
      text-transform: uppercase;
      position: relative; }
      .diemens-home__categories__category h2:before {
        content: '';
        position: absolute;
        left: -12px;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: #EE536B;
        transform: scaleY(0);
        transform-origin: center left;
        transition: transform 600ms; }
      .diemens-home__categories__category h2 a {
        transition: color 600ms; }
      .diemens-home__categories__category h2:hover:before {
        transform: scaleY(1);
        transition: transform 300ms; }
      .diemens-home__categories__category h2:hover a {
        color: #EE536B;
        transition: color 300ms; }
    .diemens-home__categories__category ul {
      padding: 0;
      margin: 0;
      list-style-type: none; }
      .diemens-home__categories__category ul li {
        font-weight: bold;
        font-size: 1.6rem;
        line-height: calc(19/16); }
        .diemens-home__categories__category ul li a {
          color: #A9ABAF;
          padding: 0.4rem 0;
          display: block;
          transition: color 300ms; }
    .diemens-home__categories__category:hover ul li a {
      color: #242A32;
      transition: color 300ms; }
      .diemens-home__categories__category:hover ul li a:hover {
        color: #EE536B;
        transition: color 300ms; }

.diemens-home__sponsors {
  margin-bottom: 90px;
  position: relative; }
  .diemens-home__sponsors h2 {
    font-size: 2.5vw;
    color: #242A32;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.158rem;
    display: inline-block; }
    @media (min-width: 1600px) {
      .diemens-home__sponsors h2 {
        font-size: 3rem; } }
    @media (max-width: 1024px) {
      .diemens-home__sponsors h2 {
        font-size: 2.5rem;
        margin-bottom: 0; } }
  .diemens-home__sponsors__intro {
    width: 50%;
    position: relative;
    left: 25%;
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding-left: 1.5%;
    margin-bottom: 40px; }
  .diemens-home__sponsors__group h3 {
    font-size: em(12);
    color: #5C6066;
    text-transform: uppercase;
    padding-left: 10px;
    margin-top: 30px; }
  .diemens-home__sponsors__group:nth-of-type(1) .diemens-home__sponsors__group__rows > div {
    opacity: 1.0; }
  .diemens-home__sponsors__group__rows {
    display: flex;
    flex-flow: row wrap; }
    .diemens-home__sponsors__group__rows > div {
      width: 25%;
      position: relative;
      margin: 15px 0;
      padding-left: 10px;
      opacity: 0.5;
      transition: opacity 600ms; }
      @media (max-width: 1024px) {
        .diemens-home__sponsors__group__rows > div {
          width: 50%; } }
      .diemens-home__sponsors__group__rows > div:hover {
        opacity: 1.0;
        transition: opacity 300ms; }
      .diemens-home__sponsors__group__rows > div img {
        max-height: 120px;
        outline: 1px solid white; }
      .diemens-home__sponsors__group__rows > div a {
        display: inline-block;
        position: relative;
        max-width: calc(100% - 20px); }
        .diemens-home__sponsors__group__rows > div a:after {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background-color: #EE536B;
          mix-blend-mode: lighten;
          opacity: 0;
          transition: opacity 600ms; }
        .diemens-home__sponsors__group__rows > div a:hover:after {
          opacity: 1;
          transition: opacity 300ms; }

.diemens-home .game-change {
  width: 25%;
  padding: 12px;
  background: #F0F0F0;
  display: none; }
  @media (max-width: 1200px) {
    .diemens-home .game-change {
      display: none; } }
  .diemens-home .game-change h2 {
    font-size: 2.4rem;
    color: #242A32;
    text-transform: uppercase;
    position: relative; }
    .diemens-home .game-change h2 a {
      color: #EE536B;
      text-decoration: none;
      transition: left 300ms;
      position: relative;
      left: 0; }
      .diemens-home .game-change h2 a:hover {
        transition: left 300ms;
        left: 20px; }
  .diemens-home .game-change p {
    width: 100%;
    font-size: 1.8rem;
    line-height: 2.4rem; }
    .diemens-home .game-change p a {
      color: #EE536B;
      font-weight: bold; }

.award-categories {
  padding-top: 140px;
  margin-bottom: 100px; }
  .award-categories__intro {
    width: 100%;
    position: relative;
    left: 0%;
    margin-bottom: 35px; }
    .award-categories__intro p {
      font-family: 'Lora', serif;
      font-weight: normal;
      font-size: 3.2rem;
      color: #242A32;
      line-height: calc(42/32);
      margin: 0;
      width: 50%;
      left: 50%;
      position: relative; }
      .award-categories__intro p a {
        color: #EE536B; }
        .award-categories__intro p a:hover {
          text-decoration: underline; }
      @media (max-width: 770px) {
        .award-categories__intro p {
          width: 100%;
          left: 0;
          padding: 0 20px; } }
  .award-categories__nav {
    margin-bottom: 106px; }
    .award-categories__nav ul {
      font-size: 3.2vw;
      padding: 0;
      margin: 0;
      list-style-type: none; }
      @media (min-width: 1600px) {
        .award-categories__nav ul {
          font-size: 5.2rem; } }
      .award-categories__nav ul li {
        width: 50%; }
        .award-categories__nav ul li a {
          color: #E3E6E6;
          text-transform: uppercase;
          font-weight: bold;
          letter-spacing: 0.1rem;
          transition: color 600ms;
          cursor: default; }
        .award-categories__nav ul li.slick-current a {
          color: #EE536B;
          transition: color 300ms; }
      .award-categories__nav ul .slick-list {
        overflow: visible; }
      .award-categories__nav ul .slick-prev {
        display: none !important; }
      .award-categories__nav ul .slick-next {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(0, -50%);
        background: none;
        border: none;
        color: #EE536B;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: bold; }
        .award-categories__nav ul .slick-next:focus {
          outline: none; }
        .award-categories__nav ul .slick-next:after {
          content: '+';
          font-weight: normal; }
        .award-categories__nav ul .slick-next:before {
          content: '';
          position: absolute;
          width: 33%;
          left: 100%;
          height: 1px;
          background-color: #EE536B;
          top: calc(50% - 2px);
          transform: translate(0, -50%); }
  .award-categories__grid__group {
    display: flex !important;
    flex-flow: row wrap;
    padding: 30px 0; }
    .award-categories__grid__group__tile {
      width: 25%;
      padding-right: 10px;
      position: relative;
      border-bottom: 1px solid #E3E6E6;
      margin-bottom: 20px; }
      @media (max-width: 1200px) {
        .award-categories__grid__group__tile {
          width: 50%; } }
      @media (max-width: 770px) {
        .award-categories__grid__group__tile {
          width: 100%; } }
      .award-categories__grid__group__tile .category-number {
        position: absolute;
        font-weight: bold;
        color: #EE536B;
        top: 0;
        right: 15px;
        font-size: 6.2rem;
        line-height: 1;
        z-index: 10;
        padding-top: 8px; }
      .award-categories__grid__group__tile .image {
        background-color: #F0F0F0;
        transition: background-color 600ms;
        position: relative;
        overflow: hidden;
        margin-top: 35px; }
        .award-categories__grid__group__tile .image:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #745e61;
          mix-blend-mode: screen;
          transition: all 600ms;
          opacity: 1;
          z-index: 5; }
        .award-categories__grid__group__tile .image:after {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #EE536B;
          mix-blend-mode: multiply;
          transition: all 600ms;
          opacity: 0; }
        .award-categories__grid__group__tile .image img {
          transform: scale(1) translateZ(0);
          transition: all 600ms;
          width: 100%; }
      .award-categories__grid__group__tile.highlight .image {
        background-color: #EE536B;
        transition: background-color 300ms; }
        .award-categories__grid__group__tile.highlight .image:before {
          transform: scale(0.85);
          transition: all 300ms;
          opacity: 0; }
        .award-categories__grid__group__tile.highlight .image:after {
          transform: scale(0.85);
          transition: all 300ms;
          opacity: 1.0; }
        .award-categories__grid__group__tile.highlight .image img {
          transform: scale(0.85) translateZ(0);
          transition: all 300ms; }
      .award-categories__grid__group__tile .text {
        padding-left: 6px;
        border-left: 1px solid transparent;
        transition: border-left-color 600ms; }
        .award-categories__grid__group__tile .text h3 {
          font-weight: bold;
          font-size: 1.2rem;
          letter-spacing: 0.086rem;
          color: #A9ABAF;
          text-transform: uppercase;
          margin: 9px 0 0;
          transition: color 600ms;
          position: relative;
          display: inline-block; }
          .award-categories__grid__group__tile .text h3:after {
            content: '';
            width: 16px;
            height: 1px;
            background-color: #EE536B;
            top: calc(50% - 2px);
            left: calc(100% + 5px);
            position: absolute; }
        .award-categories__grid__group__tile .text h4 {
          color: #5C6066;
          text-transform: uppercase;
          font-size: 1.4rem;
          letter-spacing: 0.05rem;
          line-height: calc(16/14);
          margin: 0 0 16px; }
        .award-categories__grid__group__tile .text p {
          font-size: 1.4rem;
          color: #242A32; }
      .award-categories__grid__group__tile.next-link {
        text-align: right;
        padding-right: 0;
        min-height: 100px; }
        .award-categories__grid__group__tile.next-link a {
          color: #EE536B;
          font-size: 2rem;
          letter-spacing: 0.1rem;
          font-weight: bold;
          text-transform: uppercase;
          position: relative;
          padding-right: 10px;
          display: inline-block;
          top: 50%;
          transform: translate(0, -50%); }
          .award-categories__grid__group__tile.next-link a:after {
            content: '+';
            font-weight: normal;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translate(50%, -50%) rotate(0deg);
            transition: transform 600ms;
            transform-origin: center 40%;
            font-size: 3rem; }
          .award-categories__grid__group__tile.next-link a:hover:after {
            transform: translate(50%, -50%) rotate(360deg);
            transition: transform 300ms; }
          .award-categories__grid__group__tile.next-link a:before {
            content: '';
            width: calc(100% - 10px);
            height: 2px;
            background-color: #EE536B;
            position: absolute;
            top: 100%;
            left: 0;
            transform: scaleX(0);
            transition: transform 600ms;
            transform-origin: center left; }
          .award-categories__grid__group__tile.next-link a:hover:before {
            transform: scaleX(1);
            transition: transform 300ms; }

.judges section {
  margin-bottom: 100px; }

.judges article, .team article {
  margin-top: 150px;
  position: relative;
  padding-bottom: 90px; }
  .judges article .page-content, .team article .page-content {
    width: 50%;
    margin-left: 50%; }
    @media (max-width: 1024px) {
      .judges article .page-content, .team article .page-content {
        margin-left: 0;
        width: 100%; } }
    .judges article .page-content p, .team article .page-content p {
      font-family: 'Lora', sans-serif;
      font-size: 18px; }
      .judges article .page-content p:first-of-type, .team article .page-content p:first-of-type {
        font-size: 32px; }
  .judges article .page-heading, .team article .page-heading {
    position: absolute;
    left: 0;
    bottom: -10px; }
    @media (max-width: 1024px) {
      .judges article .page-heading, .team article .page-heading {
        position: relative;
        margin-top: 50px; } }
    .judges article .page-heading .subheading, .team article .page-heading .subheading {
      color: #EE536B;
      font-family: 'MB Empire';
      text-transform: uppercase;
      font-size: 20px;
      text-indent: -8px;
      position: relative;
      margin: 0;
      margin-bottom: -10px; }
      @media (max-width: 500px) {
        .judges article .page-heading .subheading, .team article .page-heading .subheading {
          font-size: 1.6rem;
          padding-left: 0; } }
      .judges article .page-heading .subheading:before, .team article .page-heading .subheading:before {
        position: relative;
        content: url("icons/cross-red.svg");
        width: 16px;
        height: 16px;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        margin-right: 5px; }
    .judges article .page-heading .judges-page-title, .team article .page-heading .judges-page-title {
      color: #EE536B;
      font-family: 'MB Empire';
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 'bold';
      font-size: 90px;
      margin: 0; }
      @media (max-width: 500px) {
        .judges article .page-heading .judges-page-title, .team article .page-heading .judges-page-title {
          font-size: 5rem;
          padding-left: 0; } }

.section-heading {
  font-size: 20px;
  color: #EE536B;
  text-transform: uppercase;
  margin-top: 90px;
  text-indent: -8px;
  position: relative;
  margin-top: 200px; }
  .section-heading:first-of-type {
    margin-top: 70px; }
  .section-heading:before {
    position: relative;
    content: url("icons/cross-red.svg");
    width: 16px;
    height: 16px;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    margin-right: 5px; }
  .section-heading:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #E3E6E6;
    position: absolute;
    top: 41%;
    transform: translate(0, -50%); }

.judge-cat {
  position: relative;
  width: 100%; }
  .judge-cat .judge-single {
    margin-top: 100px;
    position: relative;
    width: 100%;
    display: flex; }
    @media (max-width: 1024px) {
      .judge-cat .judge-single {
        display: block; } }
    .judge-cat .judge-single:first-of-type {
      margin-top: 30px; }
    .judge-cat .judge-single .judge-photo {
      position: relative;
      width: 25%;
      top: 0;
      left: 0; }
      @media (max-width: 1024px) {
        .judge-cat .judge-single .judge-photo {
          width: 100%; } }
      .judge-cat .judge-single .judge-photo img {
        min-width: 100%;
        min-height: auto;
        position: relative;
        filter: grayscale(1); }
    .judge-cat .judge-single:nth-of-type(even) {
      flex-flow: row-reverse; }
      .judge-cat .judge-single:nth-of-type(even) .judge-photo {
        right: 0;
        left: inherit; }
      .judge-cat .judge-single:nth-of-type(even) .content {
        margin-left: 25%; }
        @media (max-width: 1024px) {
          .judge-cat .judge-single:nth-of-type(even) .content {
            margin-left: 0; } }
    .judge-cat .judge-single .content {
      width: 50%;
      padding: 0 20px;
      position: relative;
      margin-left: 0%; }
      @media (max-width: 1024px) {
        .judge-cat .judge-single .content {
          margin-top: 40px;
          width: 100%; } }
      .judge-cat .judge-single .content p {
        font-size: 16px;
        margin-top: 20px; }
        .judge-cat .judge-single .content p a {
          color: #EE536B;
          font-weight: bold;
          text-transform: uppercase;
          letter-spacing: -1px; }
      .judge-cat .judge-single .content .judge-name {
        font-size: 32px;
        margin: 0;
        font-family: 'Lora', sans-serif; }
      .judge-cat .judge-single .content .judge-position {
        text-transform: uppercase;
        font-size: 14px;
        color: #EE536B;
        font-weight: bold;
        margin: 0; }

.page-generic {
  padding-top: 140px; }
  @media (max-width: 770px) {
    .page-generic {
      padding-top: 50px; } }
  .page-generic section p, .page-generic section ul, .page-generic section ol {
    font-size: 1.8rem;
    line-height: calc(27/18); }
  @media (max-width: 770px) {
    .page-generic section {
      font-size: 1.6rem;
      line-height: calc(27/16); } }
  .page-generic section h1 {
    color: #EE536B;
    text-transform: uppercase;
    font-size: 9rem;
    line-height: 1.3;
    padding-left: 10px;
    margin: 0; }
    @media (max-width: 770px) {
      .page-generic section h1 {
        font-size: 5rem;
        padding-left: 0; } }
    @media (max-width: 500px) {
      .page-generic section h1 {
        font-size: 3.2rem; } }
    .page-generic section h1 span.firstWord {
      font-size: 2rem;
      display: block;
      margin-left: -10px;
      position: relative;
      padding-left: 10px; }
      .page-generic section h1 span.firstWord:before {
        content: '+';
        font-weight: normal;
        position: absolute;
        left: 0;
        transform: translate(-50%, 0); }
  .page-generic section a {
    text-decoration: underline;
    color: #EE536B; }
  .page-generic section .content-column {
    padding: 0 15px; }
    .page-generic section .content-column h2, .page-generic section .content-column h3, .page-generic section .content-column h4, .page-generic section .content-column h5, .page-generic section .content-column h6 {
      text-transform: uppercase;
      color: #EE536B; }
    .page-generic section .content-column h3 {
      font-size: 20px;
      color: #EE536B;
      text-transform: uppercase;
      text-indent: -8px;
      position: relative; }
      .page-generic section .content-column h3:before {
        position: relative;
        content: url("icons/cross-red.svg");
        width: 16px;
        height: 16px;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        margin-right: 5px; }
  .page-generic section article h2 {
    color: #EE536B;
    font-size: 4rem;
    text-transform: uppercase; }
  .page-generic section article h3 {
    font-size: 2.5rem;
    text-transform: uppercase; }
  .page-generic section article h4 {
    color: #EE536B;
    font-size: 2rem;
    text-transform: uppercase; }
  .page-generic section article .one_fourth {
    padding: 0px !important; }
  @media (max-width: 1024px) {
    .page-generic section article .content-column {
      clear: both;
      width: 100%;
      padding: 0; } }
  .page-generic section article .sponsors-page {
    width: 100%;
    position: relative; }
    .page-generic section article .sponsors-page h3 {
      color: #EE536B;
      text-transform: uppercase;
      padding-left: 10px;
      margin-top: 30px;
      font-size: 28px;
      margin-top: 70px; }
    .page-generic section article .sponsors-page .sponsors-row {
      margin-top: 20px;
      display: flex;
      flex-wrap: wrap;
      height: 100px; }
      @media (max-width: 1024px) {
        .page-generic section article .sponsors-page .sponsors-row {
          display: block;
          height: auto; } }
      .page-generic section article .sponsors-page .sponsors-row .sponsor-logo {
        width: 25%;
        position: relative;
        background: #fff; }
        @media (max-width: 1024px) {
          .page-generic section article .sponsors-page .sponsors-row .sponsor-logo {
            width: 100%;
            height: 150px; } }
        .page-generic section article .sponsors-page .sponsors-row .sponsor-logo img {
          max-width: 80%;
          height: auto;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
        .page-generic section article .sponsors-page .sponsors-row .sponsor-logo a {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          text-indent: -100000px;
          opacity: 0;
          mix-blend-mode: lighten;
          transition: opacity 200ms;
          background: #EE536B; }
          .page-generic section article .sponsors-page .sponsors-row .sponsor-logo a:hover {
            opacity: 0.7;
            transition: opacity 200ms; }
  .page-generic section .contributors .false-heading {
    color: #EE536B;
    text-transform: uppercase;
    font-size: 7rem;
    line-height: 1.3;
    padding-left: 10px; }
    @media (max-width: 770px) {
      .page-generic section .contributors .false-heading {
        font-size: 5rem;
        padding-left: 0; } }
    @media (max-width: 500px) {
      .page-generic section .contributors .false-heading {
        font-size: 3.2rem; } }
    .page-generic section .contributors .false-heading .firstWord {
      font-size: 2rem;
      display: block;
      margin-left: -10px;
      position: relative;
      padding-left: 10px; }
      .page-generic section .contributors .false-heading .firstWord:before {
        content: '+';
        font-weight: normal;
        position: absolute;
        left: 0;
        transform: translate(-50%, 0); }
  .page-generic section .contributors .sponsors-row {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    height: 150px; }
    @media (max-width: 1024px) {
      .page-generic section .contributors .sponsors-row {
        display: block;
        height: auto; } }
    .page-generic section .contributors .sponsors-row .sponsor-logo {
      width: 25%;
      position: relative;
      background: #fff; }
      @media (max-width: 1024px) {
        .page-generic section .contributors .sponsors-row .sponsor-logo {
          width: 100%;
          height: 150px; } }
      .page-generic section .contributors .sponsors-row .sponsor-logo img {
        max-width: 80%;
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
      .page-generic section .contributors .sponsors-row .sponsor-logo .large-logo {
        max-height: 80%; }
      .page-generic section .contributors .sponsors-row .sponsor-logo a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-indent: -100000px;
        opacity: 0;
        mix-blend-mode: lighten;
        transition: opacity 200ms;
        background: #EE536B; }
        .page-generic section .contributors .sponsors-row .sponsor-logo a:hover {
          opacity: 0.7;
          transition: opacity 200ms; }
  .page-generic section .page-quote {
    width: 50%;
    margin-left: 50%; }
    @media (max-width: 1024px) {
      .page-generic section .page-quote {
        width: 100%;
        margin-left: 0; } }
    .page-generic section .page-quote p {
      font-family: 'Lora', serif;
      font-size: 18px; }
      .page-generic section .page-quote p:first-of-type {
        font-size: 32px; }

.project-header {
  margin-top: 150px; }
  @media (max-width: 770px) {
    .project-header {
      margin-top: 70px; } }
  .project-header .back {
    color: #EE536B;
    font-family: 'MB Empire';
    text-transform: uppercase;
    font-size: 12px;
    margin: 0; }
    .project-header .back:before {
      content: '';
      width: 8px;
      height: 8px;
      position: relative;
      left: -15px;
      border-left: 1px solid #EE536B;
      border-bottom: 1px solid #EE536B;
      transform: rotate(45deg);
      display: block;
      top: 10px; }
  .project-header .title {
    margin-top: 60px;
    position: relative; }
    .project-header .title .award-status {
      color: #EE536B;
      font-family: 'MB Empire';
      text-transform: uppercase;
      font-size: 26px;
      text-indent: -8px;
      position: relative;
      margin: 0;
      margin-bottom: -5px; }
      @media (max-width: 770px) {
        .project-header .title .award-status {
          font-size: 18px; } }
      .project-header .title .award-status img {
        height: 30px;
        width: auto;
        position: relative;
        left: 2px;
        top: -7px;
        transform: scaleX(-1); }
    .project-header .title .finalist:before {
      position: relative;
      content: url(icons/cross-red.svg);
      width: 16px;
      height: 16px;
      left: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      margin-right: 5px; }
    .project-header .title h1 {
      color: #EE536B;
      font-family: 'MB Empire';
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 'bold';
      font-size: 50px;
      margin: 0; }
      @media (max-width: 770px) {
        .project-header .title h1 {
          font-size: 36px; } }
    .project-header .title .award-year {
      position: absolute;
      right: 0;
      top: 0;
      color: #EE536B;
      font-family: 'MB Empire';
      text-transform: uppercase;
      font-size: 26px;
      margin: 0; }
      @media (max-width: 770px) {
        .project-header .title .award-year {
          font-size: 18px; } }

.basic-info {
  border-top: 1px solid #E3E6E6;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  .basic-info .flex {
    width: 50%;
    margin-top: 40px; }
    @media (max-width: 770px) {
      .basic-info .flex {
        width: 100%; } }
    .basic-info .flex p {
      font-size: 28px;
      margin: 0;
      font-family: 'Lora', sans-serif;
      margin-top: -10px; }
      .basic-info .flex p span {
        color: #EE536B;
        font-family: 'MB Empire';
        text-transform: uppercase;
        font-size: 14px; }

.project-images {
  position: relative;
  width: 100%;
  margin-bottom: 50px; }
  .project-images img {
    width: 100%;
    height: auto;
    margin-bottom: 30px; }

.extra-info {
  margin-bottom: 50px; }
  .extra-info .extra {
    margin-bottom: 40px; }
    .extra-info .extra p {
      font-size: 24px;
      margin: 0;
      font-family: 'Lora', sans-serif;
      margin-top: -10px; }
      .extra-info .extra p span {
        color: #EE536B;
        font-family: 'MB Empire';
        text-transform: uppercase;
        font-size: 14px; }
      .extra-info .extra p a {
        text-decoration: underline; }
    .extra-info .extra .contributor-single {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      position: relative;
      border-bottom: 1px solid #E3E6E6; }
      .extra-info .extra .contributor-single:first-of-type p {
        margin-top: 0; }
      .extra-info .extra .contributor-single p {
        width: 50%;
        margin-top: 20px; }
        @media (max-width: 770px) {
          .extra-info .extra .contributor-single p {
            width: 100%; } }
        .extra-info .extra .contributor-single p:first-of-type:after {
          content: ':';
          margin-left: 3px; }

.grand-icon {
  position: absolute;
  top: -15px;
  right: -14px;
  height: 58px;
  width: auto;
  z-index: -10; }

.grand-diemen {
  text-transform: uppercase;
  color: #A9ABAF;
  text-align: right;
  font-size: 36px;
  font-weight: normal;
  padding-right: 10px; }
  @media (max-width: 770px) {
    .grand-diemen {
      font-size: 28px; } }

.single-awards .signup, .single-awards .footer__social, .awards-2017 .signup, .awards-2017 .footer__social {
  display: none; }

.gallery-header {
  position: relative; }
  .gallery-header .select-category {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    @media (max-width: 1024px) {
      .gallery-header .select-category {
        position: relative;
        width: 100%; } }
    .gallery-header .select-category .label {
      width: 50%;
      position: relative;
      padding-right: 10px; }
      .gallery-header .select-category .label:hover ul {
        opacity: 1;
        transition: opacity 600ms;
        pointer-events: inherit; }
      .gallery-header .select-category .label a {
        background: #EE536B;
        color: #fff;
        padding: 15px 10px;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: bold;
        white-space: nowrap;
        position: relative;
        text-decoration: none;
        display: block; }
        .gallery-header .select-category .label a:after {
          content: '';
          position: absolute;
          width: 7px;
          height: 7px;
          right: 15px;
          top: 44%;
          border-bottom: 1px solid #fff;
          border-right: 1px solid #fff;
          transform: rotate(45deg) translate(0, -50%); }
      .gallery-header .select-category .label ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 20;
        background: #F0F0F0;
        width: calc(100% - 10px);
        opacity: 0;
        overflow: hidden;
        transition: opacity 600ms;
        pointer-events: none; }
        .gallery-header .select-category .label ul li:hover {
          background: #E3E6E6; }
        .gallery-header .select-category .label ul li a {
          background: transparent;
          color: #000;
          display: block; }
          .gallery-header .select-category .label ul li a:after {
            border-bottom: none;
            border-right: none; }
        .gallery-header .select-category .label ul .active-selector a {
          color: #A9ABAF;
          pointer-events: none; }

.award-category-wrapper {
  display: flex !important;
  flex-wrap: wrap;
  margin-top: 60px; }
  .award-category-wrapper h2 {
    width: 25%;
    font-size: 30px !important;
    font-weight: normal; }
    @media (max-width: 1200px) {
      .award-category-wrapper h2 {
        width: 50%; } }
    @media (max-width: 770px) {
      .award-category-wrapper h2 {
        width: 100%;
        padding-right: 0; } }
  .award-category-wrapper .award-tile {
    width: 25%;
    padding-right: 10px;
    margin-bottom: 30px;
    position: relative; }
    @media (max-width: 1200px) {
      .award-category-wrapper .award-tile {
        width: 50%; } }
    @media (max-width: 770px) {
      .award-category-wrapper .award-tile {
        width: 100%;
        padding-right: 0; } }
    .award-category-wrapper .award-tile .image-wrapper {
      position: relative;
      margin-left: 5px; }
      .award-category-wrapper .award-tile .image-wrapper:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #745e61;
        mix-blend-mode: screen;
        transition: opacity 600ms;
        opacity: 0.9;
        z-index: 5; }
      .award-category-wrapper .award-tile .image-wrapper img {
        filter: grayscale(100%);
        transition: filter 600ms; }
      .award-category-wrapper .award-tile .image-wrapper .award-icon {
        height: 55px;
        width: auto;
        position: absolute;
        left: 15px;
        top: 15px;
        transform: none;
        filter: none;
        z-index: 8; }
    .award-category-wrapper .award-tile .image-hover:before {
      opacity: 0;
      transition: opacity 600ms; }
    .award-category-wrapper .award-tile .image-hover img {
      filter: none;
      transition: filter 600ms; }
    .award-category-wrapper .award-tile .image-hover .award-icon {
      transform: none; }
    .award-category-wrapper .award-tile .text-wrapper {
      padding-top: 15px;
      padding-left: 5px; }
      .award-category-wrapper .award-tile .text-wrapper .award-cat {
        margin: 0;
        font-size: 14px;
        color: #EE536B;
        text-transform: uppercase; }
      .award-category-wrapper .award-tile .text-wrapper .studio {
        margin: 0px 0;
        font-size: 20px !important;
        font-weight: normal; }
      .award-category-wrapper .award-tile .text-wrapper .award-status {
        margin: 0;
        font-size: 14px;
        color: #EE536B;
        text-transform: uppercase; }
        .award-category-wrapper .award-tile .text-wrapper .award-status:before {
          content: '–';
          position: relative;
          padding-right: 5px; }
    .award-category-wrapper .award-tile .visit-entry {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      text-indent: -100000px;
      z-index: 10; }

.winner .image-wrapper {
  outline: 3px solid #EE536B; }

.not-found-content {
  min-height: 400px;
  margin-top: 60px; }
  .not-found-content .sorry {
    width: 50%;
    font-size: 32px !important;
    position: absolute;
    padding-right: 20px;
    margin: 0; }
    @media (max-width: 1024px) {
      .not-found-content .sorry {
        width: 100%;
        position: relative; } }
    @media (max-width: 770px) {
      .not-found-content .sorry {
        font-size: 20px !important; } }
  .not-found-content .view-category {
    width: 50%;
    margin-left: 50%;
    padding: 0;
    list-style-type: none;
    padding-bottom: 50px; }
    @media (max-width: 1024px) {
      .not-found-content .view-category {
        width: 100%;
        margin-left: 0;
        margin-top: 30px; } }
    .not-found-content .view-category li {
      margin: 8px 0; }
      .not-found-content .view-category li a {
        font-weight: bold;
        font-size: 28px;
        text-decoration: none;
        text-transform: uppercase;
        position: relative; }
        .not-found-content .view-category li a:after {
          content: '';
          width: 0px;
          height: 1px;
          position: absolute;
          left: 102%;
          top: 39%;
          transform: translate(0, -50%);
          background: #E3E6E6;
          transition: width 400ms; }
        .not-found-content .view-category li a:hover:after {
          width: 100vw;
          transition: width 600ms; }

.go-home {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 20px;
  text-align: center;
  padding: 20px 0;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  bottom: -30px; }

/*Implemented last to ensure this is always dominant style*/
/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }
