@media screen {
  /* Main Layout Top to Bottom */
  html {
    background: #4C4C4C; }

  body {
    background: #0D0D0D; }
    body .border-top {
      border-top: 1px solid #000000; }
    body .offscreen {
      position: absolute;
      left: -9999px;
      visibility: hidden; }

  .container {
    padding: 0 15px 0 15px; }
    .container .title-row {
      margin-bottom: 36px; }
    .container.page-content {
      margin-top: 56px; }
      .container.page-content div.summary {
        margin-top: 0px; }
      .container.page-content section {
        border-top: solid #000000 1px; }
        .container.page-content section h2 {
          padding-top: 14px !important;
          margin-top: 0; }
      .container.page-content .video-container iframe {
        width: 100%; }
    .container .logo-text {
      position: absolute;
      left: -9999px; }
    .container .print-logo {
      display: none; }
    .container div.main-content h2:first-child, .container .org-summary h2:first-child {
      margin-top: 0;
      clear: left; }
    .container div.main-content .captionImage, .container .org-summary .captionImage {
      width: auto !important; }
    .container div.main-content img, .container .org-summary img {
      display: block;
      max-width: 100%;
      height: auto; }
    .container div.main-content .ga-content-container a, .container .org-summary .ga-content-container a {
      display: block; }
    .container .print-container {
      margin-top: 12px; }

  .sidenav {
    margin-bottom: 24px; }
    .sidenav h3 {
      margin-top: 14px; }
    .sidenav .first {
      margin-bottom: 24px; }
    .sidenav .responsible-agencies, .sidenav .related-pages {
      margin-top: 12px;
      margin-bottom: 36px; }
      .sidenav .responsible-agencies h2, .sidenav .related-pages h2 {
        padding-top: 0 !important; }

  .banner-link {
    background: #336699;
    margin-top: -10px;
    padding-bottom: 1em; }
    .banner-link.banner-urgent {
      background: #D34322; }
    .banner-link h3 {
      color: white;
      margin: 1em 0 0; }
    .banner-link p {
      font-size: 16px;
      color: #FFFFFF;
      margin: 1em 0; }
      .banner-link p a {
        color: #FFFFFF;
        text-decoration: underline; }

  #BlockMessage {
    background: #D34322;
    border: 1px solid black;
    border-radius: 5px;
    color: white;
    display: none;
    font-size: 16px;
    padding: 0.8em 1em 0.6em;
    width: 300px;
    position: absolute;
    top: 0;
    left: 0; }

  .mobile-notice {
    display: none; }

  .content {
    background: #FFFFFF;
    min-height: 500px;
    padding: 0px 0 60px 0;
    /* Banner & Breadcrumbs*/ }
    .content .banner-link {
      height: auto; }
      .content .banner-link.breadcrumbs {
        background: #EBEBEB;
        height: auto;
        padding-bottom: 0; }
        .content .banner-link.breadcrumbs p {
          font-size: 0.889em;
          padding: 5px; }
      .content .banner-link p {
        margin-bottom: 0px; }
    .content .banner-link.notice {
      background: #336699; }
      .content .banner-link.notice.banner-urgent {
        background: #D34322; }
      .content .banner-link.notice p a {
        color: #FFFFFF;
        text-decoration: underline; }
    .content h2 span.contact {
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      background-image: url("../images/contact-icon.png");
      background-repeat: no-repeat;
      height: 20px;
      width: 25px; }
    .content i.auto-pdf-icon {
      padding-right: 6px;
      margin-left: -4px; }
    .content ul.document-list {
      list-style-type: none;
      padding-left: 0;
      font-size: 16px; }
      .content ul.document-list li {
        margin-left: 0; }
        .content ul.document-list li a i.fa-file-o.gif:before, .content ul.document-list li a i.fa-file-o.png:before, .content ul.document-list li a i.fa-file-o.jpg:before, .content ul.document-list li a i.fa-file-o.jpeg:before, .content ul.document-list li a i.fa-file-o.bmp:before {
          content: "\f1c5"; }
        .content ul.document-list li a i.fa-file-o.pdf:before {
          content: "\f1c1"; }
        .content ul.document-list li a i.fa-file-o.doc:before, .content ul.document-list li a i.fa-file-o.docx:before {
          content: "\f1c2"; }
        .content ul.document-list li a i.fa-file-o.xls:before, .content ul.document-list li a i.fa-file-o.xlsx:before {
          content: "\f1c3"; }
        .content ul.document-list li a i.fa-file-o.zip:before, .content ul.document-list li a i.fa-file-o.\7z:before, .content ul.document-list li a i.fa-file-o.rar:before {
          content: "\f1c6"; }
    .content img {
      display: block;
      max-width: 100%;
      height: auto; }
    .content .nl-component a {
      display: inherit; }
    .content .nl-component a.nlbutton {
      font-size: 18px;
      font-family: "Fira-Bold", Helvetica, Arial, sans-serif;
      font-weight: bold;
      height: auto;
      vertical-align: middle;
      -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
      padding: 9px 20px; }
    .content .nl-component a.white-link, .content .nl-component a.white-link:visited {
      color: #FFFFFF !important; }

  .button-grey {
    background-color: #515254 !important;
    color: #FFFFFF !important; }
    .button-grey:hover {
      background-color: #3d3e40 !important; }
    .button-grey a, .button-grey a:visited, .button-grey a:hover {
      color: #FFFFFF !important;
      text-decoration: none;
      position: relative;
      width: auto;
      display: block;
      padding: 12px;
      font-size: 16px;
      line-height: 18px; }

  /* Misc */
  .square-corners {
    border-radius: 0px; }

  .contact-us .block-bottom {
    margin-top: 190px; }

  ul.pagination li a {
    color: #336699;
    font-size: 18px; }
  ul.pagination li.active span {
    background-color: #336699;
    color: #FFFFFF; }

  .glyphicon {
    top: 2px;
    padding: 0 5px 0 0; }

  .relative {
    position: relative; }

  a i.fa-file-o.gif:before, a i.fa-file-o.png:before, a i.fa-file-o.jpg:before, a i.fa-file-o.jpeg:before, a i.fa-file-o.bmp:before {
    content: "\f1c5"; }
  a i.fa-file-o.pdf:before {
    content: "\f1c1"; }
  a i.fa-file-o.doc:before, a i.fa-file-o.docx:before {
    content: "\f1c2"; }
  a i.fa-file-o.xls:before, a i.fa-file-o.xlsx:before {
    content: "\f1c3"; }
  a i.fa-file-o.zip:before, a i.fa-file-o.\7z:before, a i.fa-file-o.rar:before {
    content: "\f1c6"; }

  .col-md-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px; } }
@media screen and (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left; } }
@media screen {
  /*
  .glyphicon-new-window {
    top: 1px;
    font-size: 0.8em;
  }
  */
  /* Right sidebar */
  .section {
    margin-top: 24px; }
    .section h3 {
      margin: 14px 0 18px 0; }
    .section.right-section {
      margin-top: 0; }

  .lower-links {
    margin-top: 48px; }

  aside.lower-links {
    margin-top: 48px; }

  .lower-links .responsible-agencies, .lower-links .related-pages {
    margin-top: 12px;
    margin-bottom: 36px; }
    .lower-links .responsible-agencies h2, .lower-links .related-pages h2 {
      padding-top: 0 !important; } }
@media screen and (max-width: 991px) {
  .section.right-section {
    margin-top: 24px; }

  .dt-border-only {
    border: none !important; }

  div.title-row h2.parent {
    margin-bottom: 16px;
    margin-top: 14px; }

  .lower-links {
    margin-top: 48px; }
    .lower-links .social h2 {
      padding-top: 10px; }
    .lower-links .social {
      margin-bottom: 36px; } }
@media screen and (max-width: 767px) {
  .lower-links {
    margin-top: 48px; }

  .nl-component a.nlbutton {
    width: 100%;
    text-align: left; } }
@media screen {
  details summary[aria-expanded="false"] + .details-toggle {
    display: none !important; }
  details summary {
    color: #336699;
    cursor: pointer;
    margin-bottom: 10px; }
    details summary h2 {
      display: inline;
      font-family: Fira, Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-size: 18px; }
    details summary:hover {
      text-decoration: underline; }
    details summary legend {
      color: #336699;
      display: inline; }
  details summary::-webkit-details-marker {
    display: none; }

  .inline-feedback-container details[open] summary:before {
    content: "\f078\00a0\00a0";
    font-family: FontAwesome;
    color: #336699; }
  .inline-feedback-container.no-details summary[aria-expanded="false"]:before {
    content: "\f054\00a0\00a0\00a0";
    font-family: FontAwesome;
    color: #336699; }
  .inline-feedback-container.no-details summary[aria-expanded="true"]:before {
    content: "\f078\00a0\00a0";
    font-family: FontAwesome;
    color: #336699; }
  .inline-feedback-container:not(.no-details) summary:before {
    content: "\f054\00a0\00a0\00a0";
    font-family: FontAwesome;
    color: #336699; }

  .topmargin64 {
    margin-top: 56px; } }
@media screen and (min-width: 768px) {
  .banner-link {
    margin-top: 0; } }
@media screen and (max-width: 991px) {
  .pagetype-multiinfo h1, .pagetype-multiprocess h1 {
    margin-top: 12px; } }
@media screen {
  .navbar {
    margin-bottom: 0;
    background-color: #0D0D0D;
    border-color: #0D0D0D;
    height: 90px; }
    .navbar .header-item {
      padding: 5px 0 0 0; }
      .navbar .header-item .logo {
        background-image: url("../images/page-logo.png");
        background-repeat: no-repeat;
        margin-top: 14px;
        margin-left: 15px;
        padding-top: 0; }
        .navbar .header-item .logo a {
          display: block;
          margin-left: -15px;
          height: 48px;
          width: 293px; }
      .navbar .header-item .btn {
        padding-top: 5px;
        height: 34px; }
      .navbar .header-item .mobile-search {
        display: none; }
    .navbar .header-search {
      margin: 18px 0 0 0;
      position: relative; }
      .navbar .header-search .header-search-form {
        position: absolute;
        right: 0;
        top: -60px; }
        .navbar .header-search .header-search-form.home-page {
          top: -85px; }
        .navbar .header-search .header-search-form .search-controls {
          margin-top: 0px; }
          .navbar .header-search .header-search-form .search-controls .form-control {
            width: 300px;
            border: 0;
            height: 40px;
            margin-right: -5px; }
        .navbar .header-search .header-search-form #search-form .search-label {
          position: absolute;
          left: 0;
          font-size: 15px;
          padding-top: 10px;
          padding-left: 10px;
          font-family: Fira, Helvetica, Arial, sans-serif;
          font-weight: normal; }
        .navbar .header-search .header-search-form #search-form #searchterm:focus {
          border-radius: 2px; }
        .navbar .header-search .header-search-form #search-form #searchterm:focus + .search-label, .navbar .header-search .header-search-form #search-form #searchterm.entered + .search-label {
          left: -9999px; }
        .navbar .header-search .header-search-form #search-form .search-label.entered {
          left: -9999px; }
        .navbar .header-search .header-search-form #search-form button {
          margin: 0 0 0 -4px; }
          .navbar .header-search .header-search-form #search-form button .glyphicon {
            left: 2px; }
    .navbar.home-header {
      height: 185px; }
      .navbar.home-header .header-item {
        padding: 40px 0 0 0; }
        .navbar.home-header .header-item .logo {
          background-image: url("../images/logo.png");
          width: 393px; }
          .navbar.home-header .header-item .logo a {
            height: 79px;
            width: 393px; }

  .search-controls input::-webkit-input-placeholder {
    color: #000000; }
  .search-controls input:-moz-placeholder {
    color: #000000;
    opacity: 1; }
  .search-controls input::-moz-placeholder {
    color: #000000;
    opacity: 1; }
  .search-controls input:-ms-input-placeholder {
    color: #000000; } }
@media screen and (max-width: 767px) {
  .navbar.header {
    height: 60px; }
    .navbar.header .header-item {
      padding: 10px 0 0 0; }
      .navbar.header .header-item .logo {
        background-image: url("/themes/dia-theme/images/mobile-logo.png");
        background-position: center;
        margin-top: 2px;
        width: 167px; }
        .navbar.header .header-item .logo a {
          width: 180px;
          height: 35px; }
      .navbar.header .header-item .mobile-search {
        display: block;
        position: absolute;
        right: 15px;
        top: 10px; }
        .navbar.header .header-item .mobile-search .mobile-search-toggle.active, .navbar.header .header-item .mobile-search .mobile-search-toggle.active-perm {
          color: #D34322; }
    .navbar.header .header-search {
      display: none; }
      .navbar.header .header-search.active {
        display: block; }
      .navbar.header .header-search .header-search-form {
        top: 0; }
        .navbar.header .header-search .header-search-form.home-page {
          top: 0; }
        .navbar.header .header-search .header-search-form #searchterm + .search-label {
          top: 10px; }
        .navbar.header .header-search .header-search-form #searchterm:focus + .search-label {
          left: -9999px; }
    .navbar.header .print-logo {
      display: none; }

  .feature-text {
    padding-bottom: 0px;
    padding-top: 10px;
    margin-top: 5px;
    margin-bottom: 0px; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  .navbar .header-search .header-search-form .search-controls .form-control {
    width: 270px; } }
@media screen {
  /* General */
  @font-face {
    font-family: 'Fira';
    src: url("../fonts/FiraSans-Regular.ttf"); }
  @font-face {
    font-family: 'Fira-Bold';
    src: url("../fonts/FiraSans-Bold.ttf"); }
  html, body {
    font-family: 'Fira', Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #000000; }

  /* Headings */
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Fira-Bold', Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.2; }

  h1 {
    font-size: 2.488em;
    margin: 0;
    padding: 0;
    line-height: 1.2; }

  h2 {
    border: none;
    margin: 0;
    padding: 0;
    margin-top: 36px;
    margin-bottom: 16px;
    font-size: 1.44em;
    line-height: 1.2; }

  h3 {
    font-size: 1.167em;
    padding: 0;
    margin: 2em 0 1em 0;
    line-height: 1.2; }

  h4 {
    font-size: 1em;
    margin-top: 22px; }

  h5 {
    font-size: 0.9em; }

  h6 {
    font-size: 0.8em; }

  .inline-details {
    font-family: 'Fira', Helvetica, Arial, sans-serif;
    color: #4C4C4C;
    font-size: 0.78em; }

  p.page-description {
    font-family: 'Fira', Helvetica, Arial, sans-serif;
    font-size: 1.44em;
    padding: 0;
    margin: 0;
    margin-top: 36px; }

  .uppercase {
    text-transform: uppercase; }

  .lowercase {
    text-transform: lowercase; }

  /* Links */
  a {
    color: #336699; }
    a:visited {
      color: #993366 !important; }

  a.external {
    color: #D34322; }
    a.external .external-text {
      font-size: 1px;
      display: inline-block;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      width: 0;
      font-size: 1px; }
    a.external:visited {
      color: #993366 !important; }

  /* Lists */
  ul, ol {
    padding-left: 20px;
    margin-bottom: 20px; }
    ul li, ol li {
      margin-left: 18px;
      margin-bottom: 10px; }
    ul ul, ul ol, ol ul, ol ol {
      margin-top: 10px;
      margin-bottom: 12px; }
      ul ul li, ul ol li, ol ul li, ol ol li {
        padding: 0;
        margin-bottom: 6px; }

  .links-list {
    padding: 0;
    margin: 0; }
    .links-list li {
      padding: 0.5em 0;
      margin: 0;
      list-style: none; }
      .links-list li a {
        color: #336699; }
      .links-list li a:hover {
        color: #336699;
        text-decoration: underline; }

  /* Buttons */
  .btn {
    height: 40px;
    padding-top: 10px; }

  .btn-blue {
    background-color: #336699;
    border-radius: 0;
    color: #FFFFFF;
    padding: 2px 20px 2px 20px; }
    .btn-blue:hover, .btn-blue:focus {
      background-color: #264d73;
      color: #FFFFFF; }

  .btn-orange {
    background-color: #D34322; }
    .btn-orange:hover {
      background-color: #a7351b;
      color: #FFFFFF; }

  .btn-black {
    background-color: #0D0D0D;
    color: #FFFFFF; }
    .btn-black:hover, .btn-black:focus {
      color: #D34322; }

  .btn-orange:hover {
    background-color: #a7351b;
    color: #FFFFFF; }

  .btn-link {
    background-color: #FFFFFF;
    padding: 0;
    color: #336699; }
    .btn-link i {
      margin-right: 4px; }

  /* In content styling */
  .inline-details {
    font-family: 'Fira', Helvetica, Arial, sans-serif;
    color: #4C4C4C;
    font-size: 0.78em; }

  .callout-note a, .callout-alert a {
    color: #B73A1E; }

  .callout-alert {
    background-color: #EBEBEB;
    border-left: 10px solid #D34322;
    font-weight: bold;
    margin: 1em 0 1.5em;
    padding: 1em 1.25em 1em;
    clear: both; }
    .callout-alert.noscript {
      max-width: 1170px;
      margin: 25px 15px 0px 15px; }

  .callout-note {
    background-color: #EBEBEB;
    margin: 1em 0 1.5em;
    padding: 1em 1.25em 1em;
    clear: both; }
    .callout-note h2, .callout-note h3 {
      padding: 0 0 6px 0; }

  blockquote h3 {
    margin: 0;
    padding: 0 0 6px 0; }

  .callout-warning {
    background-color: #EBEBEB;
    border-left: 10px solid #336699;
    margin: 1em 0 1.5em;
    padding: 1em 1.25em 1em;
    clear: both; }
    .callout-warning h3 {
      padding: 0 0 6px 0; }

  .callout-warning > :first-child, .callout-warning > :first-child, .callout-warning > :first-child, blockquote > :first-child {
    margin-top: 0; }
  .callout-warning > :last-child, .callout-warning > :last-child, .callout-warning > :last-child, blockquote > :last-child {
    margin-bottom: 0;
    padding-bottom: 0; }

  /* RSS */
  .content .fa-rss span {
    font-family: 'Fira', Helvetica, Arial, sans-serif; }

  /* White links on Homepage/Footer */
  .info-section .white-link, .info-section .white-link:hover {
    color: #FFFFFF; }
    .info-section .white-link:visited, .info-section .white-link:hover:visited {
      color: #FFFFFF !important; }

  /* Conditional to allow IE10+ specific CSS here */ }
@media screen and (-ms-high-contrast: active) {
  h1, h2, h3, h4, h5, h6 {
    font-weight: bold !important; }

  .person-name span {
    font-family: 'Fira', Helvetica, Arial, sans-serif !important;
    font-weight: bold; } }
@media screen {
  /* Can be used to provide heading styles to other elements. */
  .imitate-h2 {
    border: none;
    padding: 0;
    margin-top: 36px;
    margin-bottom: 16px;
    font-style: normal;
    font-size: 1.44em;
    font-family: "Fira-Bold", Helvetica, Arial, sans-serif;
    font-weight: bold !important; }

  .imitate-h3 {
    font-size: 1.167em;
    padding: 0;
    margin: 2em 0 1em 0;
    font-style: normal;
    font-family: "Fira-Bold", Helvetica, Arial, sans-serif;
    font-weight: bold !important; }

  .imitate-h4 {
    font-size: 1em;
    margin-top: 22px;
    margin-bottom: 10px;
    font-family: "Fira-Bold", Helvetica, Arial, sans-serif;
    font-weight: bold !important; } }
@media screen and (max-width: 767px) {
  .title-row h1 {
    margin-top: 24px; } }
@media screen {
  .footer {
    color: #FFFFFF;
    background-color: #4C4C4C;
    /* Override info-section behaviour present on Homepage.scss */ }
    .footer h2 {
      font-size: 1em;
      padding: 14px 0 0 0;
      margin-top: 0; }
    .footer h3 {
      font-family: 'Fira-Bold', Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-size: 0.95em;
      margin-top: 5px; }
    .footer .fa {
      padding-right: 8px; }
    .footer ul {
      list-style: none;
      padding: 0; }
      .footer ul li {
        padding: 5px 0; }
        .footer ul li a:hover {
          color: #FFFFFF;
          text-decoration: underline; }
    .footer .to-top-link {
      padding: 133px 0 0 0;
      float: right; }
      .footer .to-top-link a {
        color: #FFFFFF; }
        .footer .to-top-link a:visited {
          color: #FFFFFF !important; }
    .footer .nz-govt-logo {
      float: right;
      margin-top: 10px; }
    .footer .info-section {
      border-top: 1px #FFFFFF solid;
      margin-top: 40px; }
      .footer .info-section:hover {
        border-top: 1px #FFFFFF solid; }
      .footer .info-section h3 {
        margin-top: 0;
        padding-top: 0.82em;
        border: none; }
      .footer .info-section a {
        color: #FFFFFF; }
        .footer .info-section a:visited {
          color: #FFFFFF !important; }
      .footer .info-section ul li {
        margin-left: 0; }
        .footer .info-section ul li a:hover {
          color: #FFFFFF !important; }
    .footer .footer-push {
      border-top: 1px solid #FFFFFF;
      margin: 40px 0 0 0;
      padding: 20px 0 40px 0; }
      .footer .footer-push p {
        font-size: 0.8em; }
      .footer .footer-push .col-md-3 {
        padding: 0; }
        .footer .footer-push .col-md-3 p.copyright {
          padding: 20px 0 0 0; }
      .footer .footer-push .col-md-1 {
        padding: 0; }
      .footer .footer-push p.licence a {
        color: #FFFFFF !important; }
      .footer .footer-push .footer-icons p {
        margin-top: 1em; }
    .footer img {
      color: #fff; }
    .footer .logo {
      float: right;
      margin-bottom: 1em;
      margin-top: 42px; } }
@media screen and (max-width: 991px) {
  .footer .to-top-link {
    padding-top: 20px; } }
@media screen {
  .pagetype-home .home-content {
    padding-bottom: 0;
    padding-top: 0; }
    .pagetype-home .home-content .feature-image {
      display: block;
      visibility: visible; }
      .pagetype-home .home-content .feature-image.show-search {
        padding-top: 70px; }
    .pagetype-home .home-content .home-title {
      margin-top: 36px;
      margin-bottom: 24px; }
    .pagetype-home .home-content .hub-section p {
      margin-bottom: 0; }
    .pagetype-home .home-content .more-section {
      background-color: #EBEBEB;
      margin-top: 36px;
      padding-bottom: 60px; } }
    @media screen and (min-width: 992px) and (max-width: 1199px) {
      .pagetype-home .home-content .more-section .row img {
        width: 300px;
        height: auto; } }
@media screen {
      .pagetype-home .home-content .more-section .row.nlpromo-container {
        margin-top: 0px !important; } }
@media screen and (max-width: 767px) {
  .pagetype-home .home-content .feature-image {
    background: #EBEBEB;
    height: auto; } }
@media screen and (min-width: 768px) {
  .pagetype-home .home-content .feature-image.show-search {
    padding-top: 0; }
  .pagetype-home .home-content .home-title {
    margin-top: 0;
    margin-bottom: 36px; }
  .pagetype-home .home-content .more-section {
    padding-bottom: 80px; } }
@media screen and (max-width: 991px) {
  .pagetype-home .home-content .more-section h2 {
    margin-bottom: 40px; } }
@media screen and (min-width: 992px) {
  .pagetype-home .home-content .more-section h2 {
    margin-bottom: 0; }
  .pagetype-home .home-content .more-section .row {
    margin-top: 36px; } }
@media screen {
  .modal {
    background: #FFFFFF;
    border-radius: 0;
    box-shadow: 0 0 10px #0D0D0D;
    display: none;
    max-height: 95%;
    max-width: 95%;
    position: relative; }
    .modal .close-modal {
      background-color: transparent;
      border: none;
      color: #336699;
      margin: 8px 8px 0 0;
      position: absolute;
      right: 0;
      top: 0; }
      .modal .close-modal:focus, .modal .close-modal:hover {
        color: #336699; }
      .modal .close-modal .fa-circle {
        color: #FFFFFF;
        filter: alpha(opacity=80);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        opacity: 0.8; }
      .modal .close-modal:hover .fa-circle, .modal .close-modal:focus .fa-circle {
        filter: alpha(opacity=95);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
        opacity: 0.95; }
    .modal.modal-slideshow {
      position: relative; }
      .modal.modal-slideshow #slide-container {
        position: absolute; }
        .modal.modal-slideshow #slide-container .slide-item {
          display: inline-block;
          float: left; }
          .modal.modal-slideshow #slide-container .slide-item .slide-caption {
            padding: 16px 24px; }
          .modal.modal-slideshow #slide-container .slide-item .slide-img {
            position: relative;
            text-align: center;
            vertical-align: center; }
      .modal.modal-slideshow .slide-nav-button {
        background-color: transparent;
        border: none;
        font-size: 1.5rem;
        font-weight: normal;
        padding: 0;
        position: absolute; }
        .modal.modal-slideshow .slide-nav-button .fa-circle {
          color: #FFFFFF;
          filter: alpha(opacity=80);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
          opacity: 0.8; }
        .modal.modal-slideshow .slide-nav-button .fa-stack-1x {
          color: #336699;
          font-size: 3rem;
          top: -2px; }
        .modal.modal-slideshow .slide-nav-button:hover .fa-circle, .modal.modal-slideshow .slide-nav-button:focus .fa-circle {
          filter: alpha(opacity=95);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
          opacity: 0.95; }
      .modal.modal-slideshow #slide-next {
        right: 24px; }
        .modal.modal-slideshow #slide-next .fa-angle-right {
          left: 2px; }
      .modal.modal-slideshow #slide-prev {
        left: 24px; }
        .modal.modal-slideshow #slide-prev .fa-angle-left {
          left: -4px; }
    .modal .social-dlg {
      padding: 24px;
      width: 100%; }
      .modal .social-dlg #alb {
        margin-top: 8px; }
      .modal .social-dlg .social-share-close {
        margin-top: 24px; }
        .modal .social-dlg .social-share-close .modal-close-link {
          background-color: #336699;
          border: 1px solid #FFFFFF;
          color: #FFFFFF;
          padding: 5px 16px; }
          .modal .social-dlg .social-share-close .modal-close-link:focus, .modal .social-dlg .social-share-close .modal-close-link:hover, .modal .social-dlg .social-share-close .modal-close-link:visited {
            color: #FFFFFF; }
          .modal .social-dlg .social-share-close .modal-close-link:focus, .modal .social-dlg .social-share-close .modal-close-link:hover {
            background-color: #1A4D80; }
      .modal .social-dlg textarea {
        background-color: #EBEBEB;
        border: none;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
        font-size: 12px;
        height: 8em;
        padding: 8px;
        width: 100%; }

  .modal a.close-modal {
    display: none; }

  .modal-spinner {
    display: none;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -32px;
    margin-top: -32px;
    background: url(../images/jqm-spinner.gif) #111 no-repeat center center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px; }

  body.noscroll {
    overflow: hidden; }

  .feature-image {
    width: 100%;
    height: 210px;
    background-color: #EBEBEB;
    margin-bottom: 10px; }
    .feature-image > * {
      color: #FFFFFF; }

  .feature-text {
    font-family: 'Fira-Bold', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 30px;
    width: auto;
    line-height: 1.33em;
    color: #D34322;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 15px;
    margin-bottom: 10px; }
    .feature-text p {
      font-size: 30px; } }
@media screen and (min-width: 768px) {
  .feature-image {
    height: 180px;
    background-color: #231F20;
    margin: 0; }

  .feature-text {
    font-family: 'Fira', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 1.6em;
    color: #FFFFFF;
    line-height: 1.2;
    padding: 40px 0 0 0;
    margin-top: 10px;
    width: 50%; }
    .feature-text p {
      font-size: 24px; } }
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .feature-text {
    width: 40%; } }
@media screen and (min-width: 1367px) {
  .feature-image {
    height: 250px; }

  .feature-text {
    font-size: 2em;
    font-family: 'Fira', Helvetica, Arial, sans-serif;
    padding: 40px 0 0 0;
    margin-top: 20px;
    width: 450px; } }
@media screen {
  /* rules for SiteTreeSectionOrganisations */
  .organisation-list {
    /* skip AZ link is hidden for sighted users. See http://www.bignerdranch.com/blog/web-accessibility-skip-navigation-links/
     */ }
    .organisation-list label {
      font-family: "Fira-Bold", Helvetica, Arial, sans-serif;
      font-weight: bold;
      padding: 40px 0 0 0; }
    .organisation-list .search-bar {
      margin: 10px 0 0 0;
      padding: 0;
      background-color: #EBEBEB;
      height: 45px; }
      .organisation-list .search-bar .input {
        padding: 0;
        height: 100%; }
      .organisation-list .search-bar input {
        width: 100%;
        height: 100%;
        border: none;
        background: transparent;
        padding: 10px 10px 10px 10px;
        color: #000000; }
    .organisation-list .unavailable-to-filter {
      display: none !important; }
    .organisation-list ul.filterable-list li.maori-listing .filtermaoriname, .organisation-list ul.filterable-list li.previous-listing .filternowname {
      display: inline;
      visibility: visible; }
    .organisation-list .jump-links {
      margin-top: 40px; }
      .organisation-list .jump-links li:first-child {
        font-family: Fira, Helvetica, Arial, sans-serif;
        font-weight: normal; }
      .organisation-list .jump-links li {
        float: left;
        margin-right: 21.5px;
        font-family: Fira-Bold, Helvetica, Arial, sans-serif;
        font-weight: bold; }
    .organisation-list button {
      font-size: 18px; }
      .organisation-list button .fa-check {
        display: none;
        visibility: hidden; }
    .organisation-list .toggle-btn-selected {
      font-family: Fira-Bold, Helvetica, Arial, sans-serif;
      font-weight: bold; }
      .organisation-list .toggle-btn-selected .fa-check {
        display: inline;
        visibility: visible; }
    .organisation-list .skip-az {
      position: relative; }
      .organisation-list .skip-az a {
        position: absolute;
        z-index: 10;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        overflow: hidden;
        background-color: #EBEBEB;
        padding: 12px 25px 12px 30px; }
      .organisation-list .skip-az a:active,
      .organisation-list .skip-az a:focus,
      .organisation-list .skip-az a:hover {
        top: 0;
        left: 75px;
        width: auto;
        height: auto;
        overflow: visible; }
    .organisation-list .list-item-container .back-to-top {
      text-align: right; }
    .organisation-list .list-item-container .section-header {
      border-top-style: solid;
      border-width: 1px;
      font-size: 2em;
      font-family: Fira-Bold, Helvetica, Arial, sans-serif;
      font-weight: bold;
      padding-top: 10px;
      padding-bottom: 20px; }
    .organisation-list .list-item-container li {
      padding-top: 15px; }
      .organisation-list .list-item-container li span {
        font-size: 90%; }
    .organisation-list .filter-options {
      margin-top: 12px; }
    .organisation-list .filter-categories {
      margin-top: 25px;
      border-top-style: solid;
      border-width: 1px; }
      .organisation-list .filter-categories ul {
        margin-top: 12px; }
        .organisation-list .filter-categories ul li {
          margin-bottom: 6px; }
    .organisation-list #organisation-list-items {
      margin-top: 20px; }
      .organisation-list #organisation-list-items section {
        border-top: none; }
        .organisation-list #organisation-list-items section h2:focus {
          outline: none; }
    .organisation-list section {
      margin-top: 35px; }
    .organisation-list .ol-header ul.related-links {
      margin-top: 0; }
      .organisation-list .ol-header ul.related-links li {
        text-align: center; }

  /* Rules for OrganisationPage */
  .organisation-container .sidenav {
    margin-bottom: 0; }
  .organisation-container .parent-link h3 {
    margin-top: 0; }
  .organisation-container .org-summary {
    padding-top: 14px; }
    .organisation-container .org-summary img {
      display: block;
      max-width: 100%;
      height: auto; }
  .organisation-container .org-children {
    margin-top: 7px;
    margin-bottom: 36px; }
  .organisation-container .org-role-person {
    margin: 0 0 20px 0; }
    .organisation-container .org-role-person .person-photo {
      height: 171px;
      padding-left: 3px;
      padding-right: 3px; }
      .organisation-container .org-role-person .person-photo img {
        max-height: 100%; }
    .organisation-container .org-role-person .person-name span {
      font-family: 'Fira-Bold', Helvetica, Arial, sans-serif; }
  .organisation-container .vcard td.value {
    padding-left: 25px; }
  .organisation-container .vcard h3, .organisation-container .vcard .more-contact-details {
    margin-top: 36px; }
  .organisation-container .vcard .address-type {
    margin-top: 36px; }
  .organisation-container .preferred-secondary-name {
    margin-top: 18px;
    font-style: italic;
    font-size: 24px; }
  .organisation-container .roles {
    margin-top: 36px; }

  .filter-hidden, .filter .output.filter-hidden {
    display: none;
    visibility: hidden; }

  .filterable-singular {
    display: none; }

  .filter-singular .filterable-singular {
    display: inline; }

  .filter-singular .filterable-plural {
    display: none; }

  /* Styles for Corp Org page */
  .corporg-page .org-ministers-heading h2 {
    margin-top: 14px; }
  .corporg-page .page-description {
    margin-top: 0;
    margin-bottom: 36px; }
  .corporg-page .org-summary {
    margin-bottom: 36px; }
    .corporg-page .org-summary img {
      display: block;
      max-width: 100%;
      height: auto; }
  .corporg-page .corp-contact-us h2 {
    margin-top: 14px; } }
@media screen and (max-width: 991px) {
  .organisation-list h1 {
    margin-bottom: 36px;
    padding: 0; }

  .corporg-page .page-description {
    margin-bottom: 0; }
  .corporg-page .right-content {
    margin-bottom: 24px;
    float: none !important; }
    .corporg-page .right-content .corp-logo {
      display: none; } }
@media screen and (min-width: 768px) {
  .organisation-list
  .jump-links {
    margin-top: 18px; } }
@media screen and (max-width: 767px) {
  .organisation-container .parent-link h3 {
    margin-top: 24px;
    margin-bottom: 0; }
  .organisation-container .title-row h1 {
    margin-top: 12px; }
  .organisation-container .title-row .preferred-secondary-name {
    margin-top: 0; } }
@media screen {
  .pagetype-mailmerge .disabled {
    color: #ababab; }

  /* rules for SearchResults */
  .search-page {
    /* rules for SearchResultItem */
    /* rules for Pagination */ }
    .search-page .search-title {
      padding-bottom: 0; }
    .search-page .search-form {
      padding-bottom: 20px;
      margin-top: 30px; }
      .search-page .search-form #search-form2 .search-bar {
        padding: 0;
        height: 40px;
        display: inline; }
        .search-page .search-form #search-form2 .search-bar #searchterm2 {
          height: 40px;
          background-color: #EBEBEB;
          border: 0;
          padding: 10px 10px 10px 10px;
          color: #000000;
          display: inline;
          padding-right: 110px; }
          .search-page .search-form #search-form2 .search-bar #searchterm2:focus + .search-label {
            left: -9999px; }
        .search-page .search-form #search-form2 .search-bar .search-label {
          position: absolute;
          left: 25px;
          top: 10px;
          font-size: 15px;
          font-family: Fira, Helvetica, Arial, sans-serif;
          font-weight: normal; }
        .search-page .search-form #search-form2 .search-bar .search-label.entered {
          left: -9999px; }
        .search-page .search-form #search-form2 .search-bar .searchresults-submit {
          width: 100px;
          right: 15px;
          top: 0;
          float: right;
          position: absolute; }
    .search-page .search-results {
      padding-bottom: 20px; }
      .search-page .search-results ul.searchresults {
        padding-left: 0; }
        .search-page .search-results ul.searchresults .inline-details {
          margin-bottom: 10px;
          margin-top: -10px; }
        .search-page .search-results ul.searchresults .searchresult-item {
          list-style-type: none;
          margin: 0;
          padding-bottom: 5px; }
          .search-page .search-results ul.searchresults .searchresult-item h2 {
            color: #336699;
            font-size: 1em;
            padding: 0; }
            .search-page .search-results ul.searchresults .searchresult-item h2 a:hover {
              color: #336699; }
    .search-page .search-pagination {
      clear: left; }

  .nav-breadcrumbs ol {
    margin-top: 8px;
    padding-left: 0;
    margin-bottom: 8px; }
    .nav-breadcrumbs ol li {
      list-style-type: none;
      display: inline;
      margin: 0 0 0 0;
      line-height: 2em; }

  .mp-container .title-row h2 {
    margin: 0 0 36px 0; }

  .mp-next, .mp-prev {
    background-color: #336699;
    border: none;
    color: #FFFFFF;
    display: inline-block;
    font-size: 1rem;
    margin-top: 8px;
    padding: 10px;
    text-align: left;
    width: 100%; }
    .mp-next:hover, .mp-next:focus, .mp-prev:hover, .mp-prev:focus {
      background-color: #233662;
      color: #FFFFFF;
      text-decoration: none; }
    .mp-next span, .mp-prev span {
      display: inline-block; }
    .mp-next .icon-next, .mp-prev .icon-next {
      float: right;
      width: 10%; }
    .mp-next .caption-next, .mp-prev .caption-next {
      float: left;
      width: 89%; }
    .mp-next .icon-prev, .mp-prev .icon-prev {
      float: left;
      width: 10%; }
    .mp-next .caption-prev, .mp-prev .caption-prev {
      float: left;
      width: 89%; }

  .toc-wrapper {
    margin-bottom: 36px; }
    .toc-wrapper ol {
      list-style: none;
      margin-bottom: 0;
      padding-left: 0; }
      .toc-wrapper ol li {
        margin: 12px 0 0 0; }
    .toc-wrapper #parts-label {
      margin-top: 0; }

  .accordion-wrap {
    margin: 0 0 2rem 0; }
    .accordion-wrap .accordion-list .accordion-item:last-of-type {
      border-bottom: 1px solid #ababab; }
    .accordion-wrap .accordion-list li .accordion-item:last-of-type {
      border-bottom: none; }
    .accordion-wrap .accordion-list li:last-of-type .accordion-item {
      border-bottom: 1px solid #ababab; }

  .accordion-item {
    border-top: 1px solid #ababab;
    margin: 0px; }
    .accordion-item .accordion-content {
      padding-left: 1rem;
      margin-bottom: 26px; }
      .accordion-item .accordion-content nav ul.pages li {
        list-style-type: none; }
    .accordion-item details.no-details summary.accordion-item-button[aria-expanded="false"]:before {
      content: ''; }
    .accordion-item details.no-details summary.accordion-item-button[aria-expanded="true"]:before {
      content: ''; }
    .accordion-item details:not(.no-details) summary.accordion-item-button:before {
      content: ''; }
    .accordion-item details:not(.no-details) summary.accordion-item-button:hover {
      text-decoration: none; }
    .accordion-item details:not(.no-details) summary.accordion-item-button:before {
      content: ''; }

  details.accordion-item h2, details.accordion-item h3, details.accordion-item h4 {
    margin: 18px 0;
    font-family: 'Fira', Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: normal; }
    details.accordion-item h2 .accordion-open, details.accordion-item h2 .accordion-close, details.accordion-item h3 .accordion-open, details.accordion-item h3 .accordion-close, details.accordion-item h4 .accordion-open, details.accordion-item h4 .accordion-close {
      float: right;
      padding: 6px 0 0 0;
      margin-top: -5px; }
  details.accordion-item .accordion-content h2, details.accordion-item .accordion-content h3, details.accordion-item .accordion-content h4 {
    font-family: 'Fira-Bold', Helvetica, Arial, sans-serif;
    font-weight: bold; }

  details.accordion-heading-open h2, details.accordion-heading-open h3, details.accordion-heading-open h4 {
    font-family: 'Fira-Bold', Helvetica, Arial, sans-serif;
    font-weight: bold; }

  summary.accordion-item-button {
    padding: 8px 0 4px 0; }

  .accordion-trigger {
    font-family: Fira, Hevetica, Arial, sans-serif;
    font-weight: normal;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 1rem;
    line-height: 2rem;
    margin-top: 0;
    overflow: hidden;
    padding-top: 0; }
    .accordion-trigger .accordion-item-button {
      border: 0;
      background: white;
      width: 100%;
      text-align: left;
      margin: 0; }
    .accordion-trigger .accordion-close {
      color: #336699;
      display: none;
      float: right;
      font-size: 1.8rem;
      height: 2.4rem;
      margin-right: 8px;
      opacity: 0.4;
      padding: 4px 0 0; }
    .accordion-trigger .accordion-expand {
      background-color: transparent;
      border: none;
      color: #336699;
      font-family: 'Fira', Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-size: 16px;
      padding-left: 6px;
      margin: 2px; }
      .accordion-trigger .accordion-expand:hover {
        text-decoration: underline; }
    .accordion-trigger .accordion-number {
      font-size: 1.8rem;
      display: inline-block;
      width: 2rem; }
    .accordion-trigger .accordion-open {
      color: #336699;
      display: none;
      float: right;
      font-size: 1.8rem;
      height: 2.4rem;
      margin-right: 8px;
      opacity: 0.4;
      padding: 4px 0 0; }
    .accordion-trigger span.accordion-number {
      font-size: 1.8rem; }
      .accordion-trigger span.accordion-number .contact-phone {
        background: url(../images/phone.png) no-repeat;
        display: inline-block;
        height: 19px;
        width: 24px; }
    .accordion-trigger:hover {
      text-decoration: none; }
      .accordion-trigger:hover .accordion-close {
        filter: alpha(opacity=1);
        opacity: 1; }
      .accordion-trigger:hover .accordion-open {
        filter: alpha(opacity=1);
        opacity: 1; }
      .accordion-trigger:hover .accordion-title {
        text-decoration: underline; }
      .accordion-trigger:hover .accordion-number {
        text-decoration: none; }

  .accordion-heading-open .accordion-trigger {
    font-family: Fira-Bold, Hevetica, Arial, sans-serif;
    font-weight: bold; }

  .accordion-list {
    margin: 2rem 0 0 0;
    padding-left: 0; }
    .accordion-list.expander {
      margin-top: 0; }

  .accordion-toggle {
    text-align: right; }
    .accordion-toggle .accordion-trigger {
      height: 26px; }
      .accordion-toggle .accordion-trigger .accordion-title {
        line-height: 1em;
        float: right; }

  .hidefocus {
    outline: none; }

  li.accordion-item {
    list-style-type: none; }

  ol.accordion-list li {
    margin-left: 0;
    margin-bottom: 0; }

  ol.accordion-decimal {
    list-style-type: none; }

  ol.accordion-lower-alpha {
    list-style-type: none; }

  ol.accordion-upper-alpha {
    list-style-type: none; }

  /* Flag top four page contextual images */
  .flag-contextual-accordion {
    margin-top: 0; }
    .flag-contextual-accordion .accordion-title {
      color: #336699;
      font-family: Fira, Hevetica, Arial, sans-serif;
      font-weight: normal; }
    .flag-contextual-accordion .accordion-item {
      border-top: 0;
      border-bottom: 1px solid #ababab; }
      .flag-contextual-accordion .accordion-item .accordion-content {
        padding-left: 0; } }
@media screen and (max-width: 767px) {
  .accordion-item .accordion-content {
    padding-left: 1rem; } }
@media screen {
  .accordion-content {
    margin-top: 12px; }

  .slide-wrap {
    width: 100%;
    height: auto;
    margin-top: 30px;
    overflow: hidden; }
    .slide-wrap .container {
      padding: 0; }
    .slide-wrap .btn {
      display: block;
      background: black;
      border-radius: 3px;
      color: white;
      padding: 8px 16px;
      height: auto; }
    .slide-wrap a.btn:hover, .slide-wrap a.btn:visited {
      color: white !important; }
    .slide-wrap .prev {
      float: left; }
    .slide-wrap .next {
      float: right; }
    .slide-wrap .showAll {
      display: none; }

  .slide-list {
    position: absolute;
    height: auto;
    overflow: hidden;
    position: relative; }

  .slide {
    float: left; }

  .slide-wrap.flat .btn {
    display: none !important; }
  .slide-wrap.flat .slide-list {
    left: 0 !important;
    width: 100% !important; }
  .slide-wrap.flat .slide {
    float: none;
    margin-bottom: 1em; }

  #fivesteps {
    list-style: none;
    margin: 0;
    padding: 0; }
    #fivesteps li.border {
      background: #f7f7f7;
      border-radius: 10px;
      border: 2px solid #dedede;
      margin-bottom: 30px;
      margin-left: 0;
      overflow: visible;
      padding: 25px 20px 10px;
      position: relative; }
    #fivesteps img {
      float: left;
      margin-top: 7px; }
    #fivesteps .number {
      background: #f7f7f7;
      border-radius: 30px;
      border: 2px solid #dedede;
      color: #228ad3;
      font-size: 30px;
      font-weight: bold;
      left: 30px;
      line-height: 1em;
      padding: 6px 13px;
      position: absolute;
      top: -22px;
      height: 44px;
      width: 44px; }
    #fivesteps .content {
      background: transparent;
      float: left;
      margin: 0 0 0 32px;
      min-height: auto;
      padding: 0;
      width: 80%; }
      #fivesteps .content h2 {
        color: #333333;
        margin-bottom: 0.1em; }
    #fivesteps ul.ticked {
      margin: 0 0 5px;
      padding: 0;
      list-style: none; }
      #fivesteps ul.ticked li {
        background: url(/mysite/images/tick.png) no-repeat 0 2px;
        margin: 0;
        padding-left: 35px; }

  h1.realme {
    font-size: 36px; }

  h2.realme {
    font-size: 30px;
    font-family: Fira, Helvetica, Arial, sans-serif;
    margin: 24px 0; }

  p.realme {
    font-size: 22px;
    margin-bottom: 1em; }

  #realme-icons {
    list-style: none;
    margin-top: 50px;
    overflow: hidden;
    padding: 0; }
    #realme-icons li {
      width: 200px;
      float: left;
      font-size: 16px;
      margin-left: 0;
      margin-right: 25px;
      min-height: 300px;
      padding-right: 40px;
      background: url(/mysite/images/realme-arrow.png) no-repeat 187px 60px;
      text-align: center; }
    #realme-icons li.last, #realme-icons li:last-child {
      width: 160px;
      padding-right: 0;
      background-image: none; }
    #realme-icons img {
      margin-bottom: 20px; }

  .subheading {
    font-size: 26px;
    font-weight: bold; }

  #realme-buttons {
    margin: 20px 0 30px;
    overflow: hidden; }
    #realme-buttons a, #realme-buttons div {
      float: left; }
    #realme-buttons div {
      font-size: 26px;
      font-weight: bold;
      margin: 100px 20px; } }
@media screen and (max-width: 1199px) {
  #fivesteps .content {
    width: 77%; }

  #realme-buttons a, #realme-buttons div {
    float: none; }
  #realme-buttons div {
    margin: 20px 0; } }
@media screen and (max-width: 991px) {
  #fivesteps .content {
    width: 80%; } }
@media screen and (max-width: 640px) {
  #fivesteps .content {
    width: 66%; } }
@media screen and (max-width: 495px) {
  #realme-icons li {
    background-image: none;
    float: none;
    margin: 0 auto;
    min-height: 0;
    padding-bottom: 20px;
    padding-right: 0;
    width: 160px; } }
@media screen {
  form #Form_SuggestionForm_Under18 li label:after {
    display: none; }

  .pagetype-flaggallery .page-content .title-row {
    margin-bottom: 0; }
    .pagetype-flaggallery .page-content .title-row .gallery-content {
      margin-bottom: 24px;
      margin-top: 24px; }
      .pagetype-flaggallery .page-content .title-row .gallery-content img {
        display: block;
        max-width: 100%;
        height: auto; }
  .pagetype-flaggallery .page-content .related-links {
    margin-top: 0; }
  .pagetype-flaggallery .page-description {
    margin-top: 36px; }
  .pagetype-flaggallery #filters-mobile {
    display: none; }
  .pagetype-flaggallery .keywords-search-box {
    position: relative;
    margin-bottom: 10px; }
    .pagetype-flaggallery .keywords-search-box input {
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 0px !important; }
    .pagetype-flaggallery .keywords-search-box button {
      position: absolute;
      right: 0px;
      top: 0px;
      z-index: 99;
      height: 100%; }
  .pagetype-flaggallery .flag-gallery {
    margin-top: 24px; }
    .pagetype-flaggallery .flag-gallery .flag-holder {
      padding: 0; }
      .pagetype-flaggallery .flag-gallery .flag-holder:hover {
        background-color: #EBEBEB; }
    .pagetype-flaggallery .flag-gallery .flag {
      padding: 15px; }
      .pagetype-flaggallery .flag-gallery .flag a:hover {
        text-decoration: none; }
      .pagetype-flaggallery .flag-gallery .flag .flag-title, .pagetype-flaggallery .flag-gallery .flag .flag-submitter {
        color: #4C4C4C;
        font-weight: 700;
        word-wrap: break-word; }
      .pagetype-flaggallery .flag-gallery .flag p {
        color: #4C4C4C;
        font-size: 14px; }
      .pagetype-flaggallery .flag-gallery .flag .flag-submitter {
        font-style: italic; }
      .pagetype-flaggallery .flag-gallery .flag .flag-image-wrap {
        height: 119px;
        width: 238px;
        white-space: nowrap;
        text-align: center;
        margin: 1em 0;
        /*.helper {
          display: inline-block;
          height: 100%;
          vertical-align: middle;
        }*/ }
        .pagetype-flaggallery .flag-gallery .flag .flag-image-wrap img {
          width: auto;
          max-width: 100%;
          max-height: 100%;
          margin-left: auto;
          margin-right: auto;
          box-shadow: 2px 2px 10px 1px #ebebeb;
          display: inline-block !important;
          background: #3A6F9A;
          vertical-align: middle; }
      .pagetype-flaggallery .flag-gallery .flag:hover img {
        box-shadow: 2px 2px 10px 1px lightgrey; }
    .pagetype-flaggallery .flag-gallery .gallery-count {
      font-size: 32px;
      margin-bottom: 0;
      padding: 14px 240px 14px 0; }
      .pagetype-flaggallery .flag-gallery .gallery-count .little {
        font-family: "Fira", Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-size: 18px; }
      .pagetype-flaggallery .flag-gallery .gallery-count.filtered {
        padding-bottom: 0; }
    .pagetype-flaggallery .flag-gallery .row {
      margin-bottom: 24px; }
    .pagetype-flaggallery .flag-gallery .flags-filter-reset {
      background: none !important;
      border: none;
      color: #369;
      cursor: pointer;
      /*font-size: 0.85rem;*/
      margin: 12px 0;
      padding: 0 !important;
      position: absolute;
      right: 16px;
      top: 36px; }
      .pagetype-flaggallery .flag-gallery .flags-filter-reset:focus, .pagetype-flaggallery .flag-gallery .flags-filter-reset:hover {
        outline: -webkit-focus-ring-color auto 5px; }
    .pagetype-flaggallery .flag-gallery .no-results {
      margin: 0 15px;
      padding-top: 36px;
      display: block; }
    .pagetype-flaggallery .flag-gallery .flag-holder .social-icons a i.fa-circle {
      color: #FFFFFF; }
    .pagetype-flaggallery .flag-gallery .flag-holder .social-icons a:hover .fa-stack i.fa-circle {
      color: #FFFFFF; }
    .pagetype-flaggallery .flag-gallery .flag-holder:hover .social-icons a i.fa-circle {
      color: #EBEBEB; }
    .pagetype-flaggallery .flag-gallery .sort-current {
      color: #4C4C4C;
      font-family: Fira-Bold, Helvetica, Arial, sans-serif;
      font-weight: bold; }
    .pagetype-flaggallery .flag-gallery #mobile-sort {
      display: none; }
    .pagetype-flaggallery .flag-gallery #sort-selector {
      position: absolute;
      right: 16px;
      top: 48px; }
  .pagetype-flaggallery .right-content .upload-flag-link {
    width: 100%;
    text-align: left; }
  .pagetype-flaggallery .right-content .toggle-list-link {
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
    height: auto;
    min-height: 42px;
    padding: 12px;
    white-space: normal; }
  .pagetype-flaggallery .right-content a.white-link, .pagetype-flaggallery .right-content a.white-link:hover {
    color: #FFFFFF; }
    .pagetype-flaggallery .right-content a.white-link:visited, .pagetype-flaggallery .right-content a.white-link:hover:visited {
      color: #FFFFFF !important; }
  .pagetype-flaggallery .right-bar a.white-link, .pagetype-flaggallery .right-bar a.white-link:hover {
    color: #FFFFFF; }
    .pagetype-flaggallery .right-bar a.white-link:visited, .pagetype-flaggallery .right-bar a.white-link:hover:visited {
      color: #FFFFFF !important; }
  .pagetype-flaggallery .right-bar #flags-filter-form,
  .pagetype-flaggallery .right-bar #mobile-filter-form {
    border-top: 1px solid #000000;
    margin: 24px 0;
    padding-top: 8px; }
    .pagetype-flaggallery .right-bar #flags-filter-form label,
    .pagetype-flaggallery .right-bar #mobile-filter-form label {
      font-weight: normal; }
    .pagetype-flaggallery .right-bar #flags-filter-form .flags-filter-heading,
    .pagetype-flaggallery .right-bar #mobile-filter-form .flags-filter-heading {
      border-bottom: none;
      margin: 0.6rem 0;
      padding-bottom: 8px; }
    .pagetype-flaggallery .right-bar #flags-filter-form #flags-filter-search,
    .pagetype-flaggallery .right-bar #flags-filter-form #mobile-filter-search,
    .pagetype-flaggallery .right-bar #mobile-filter-form #flags-filter-search,
    .pagetype-flaggallery .right-bar #mobile-filter-form #mobile-filter-search {
      background-color: #EBEBEB;
      border: none;
      color: #000000;
      margin-bottom: 16px;
      padding: 8px 6px;
      width: 100%; }
      .pagetype-flaggallery .right-bar #flags-filter-form #flags-filter-search::-webkit-input-placeholder,
      .pagetype-flaggallery .right-bar #flags-filter-form #mobile-filter-search::-webkit-input-placeholder,
      .pagetype-flaggallery .right-bar #mobile-filter-form #flags-filter-search::-webkit-input-placeholder,
      .pagetype-flaggallery .right-bar #mobile-filter-form #mobile-filter-search::-webkit-input-placeholder {
        color: #000000; }
      .pagetype-flaggallery .right-bar #flags-filter-form #flags-filter-search:-moz-placeholder,
      .pagetype-flaggallery .right-bar #flags-filter-form #mobile-filter-search:-moz-placeholder,
      .pagetype-flaggallery .right-bar #mobile-filter-form #flags-filter-search:-moz-placeholder,
      .pagetype-flaggallery .right-bar #mobile-filter-form #mobile-filter-search:-moz-placeholder {
        color: #000000;
        opacity: 1; }
      .pagetype-flaggallery .right-bar #flags-filter-form #flags-filter-search::-moz-placeholder,
      .pagetype-flaggallery .right-bar #flags-filter-form #mobile-filter-search::-moz-placeholder,
      .pagetype-flaggallery .right-bar #mobile-filter-form #flags-filter-search::-moz-placeholder,
      .pagetype-flaggallery .right-bar #mobile-filter-form #mobile-filter-search::-moz-placeholder {
        color: #000000;
        opacity: 1; }
      .pagetype-flaggallery .right-bar #flags-filter-form #flags-filter-search:-ms-input-placeholder,
      .pagetype-flaggallery .right-bar #flags-filter-form #mobile-filter-search:-ms-input-placeholder,
      .pagetype-flaggallery .right-bar #mobile-filter-form #flags-filter-search:-ms-input-placeholder,
      .pagetype-flaggallery .right-bar #mobile-filter-form #mobile-filter-search:-ms-input-placeholder {
        color: #000000; }
    .pagetype-flaggallery .right-bar #flags-filter-form #flags-filter-apply,
    .pagetype-flaggallery .right-bar #flags-filter-form #mobile-filter-apply,
    .pagetype-flaggallery .right-bar #mobile-filter-form #flags-filter-apply,
    .pagetype-flaggallery .right-bar #mobile-filter-form #mobile-filter-apply {
      background-color: #336699;
      border: 2px solid #FFFFFF;
      color: #FFFFFF;
      margin: 16px 0;
      padding: 8px 12px; }
      .pagetype-flaggallery .right-bar #flags-filter-form #flags-filter-apply:focus,
      .pagetype-flaggallery .right-bar #flags-filter-form #mobile-filter-apply:focus,
      .pagetype-flaggallery .right-bar #mobile-filter-form #flags-filter-apply:focus,
      .pagetype-flaggallery .right-bar #mobile-filter-form #mobile-filter-apply:focus {
        outline: -webkit-focus-ring-color auto 5px; }
    .pagetype-flaggallery .right-bar #flags-filter-form .flags-filter-reset,
    .pagetype-flaggallery .right-bar #mobile-filter-form .flags-filter-reset {
      background: none !important;
      border: none;
      color: #369;
      cursor: pointer;
      font-size: 0.85rem;
      padding: 0 !important; }
      .pagetype-flaggallery .right-bar #flags-filter-form .flags-filter-reset:focus,
      .pagetype-flaggallery .right-bar #mobile-filter-form .flags-filter-reset:focus {
        outline: -webkit-focus-ring-color auto 5px; }
  .pagetype-flaggallery .single-flag .flag-suggestion-img {
    margin-bottom: 36px; }
    .pagetype-flaggallery .single-flag .flag-suggestion-img img {
      box-shadow: 2px 2px 10px 1px #ebebeb; }
    .pagetype-flaggallery .single-flag .flag-suggestion-img details {
      margin-top: 16px; }
  .pagetype-flaggallery .single-flag .flag-suggestion-detail {
    margin-bottom: 36px; }
    .pagetype-flaggallery .single-flag .flag-suggestion-detail h2 {
      margin-top: 18px; }
    .pagetype-flaggallery .single-flag .flag-suggestion-detail p.designed-by {
      margin-bottom: 16px;
      font-size: 1.33em;
      margin-top: 18px;
      font-family: 'Fira-Bold', Helvetica, Arial, sans-serif; }
    .pagetype-flaggallery .single-flag .flag-suggestion-detail .longlist-marker {
      font-family: 'Fira', Helvetica, Arial, sans-serif; }
  .pagetype-flaggallery .single-flag .flag-story {
    padding-top: 18px; }
  .pagetype-flaggallery .single-flag .backlink {
    font-size: 1.33em; }
    .pagetype-flaggallery .single-flag .backlink span.icon-prev {
      display: inline-block;
      vertical-align: middle; }
      .pagetype-flaggallery .single-flag .backlink span.icon-prev i {
        font-size: 1.4em;
        font-weight: bold; }
    .pagetype-flaggallery .single-flag .backlink span.back-label {
      display: inline-block;
      vertical-align: middle; }
  .pagetype-flaggallery .fira-bold {
    font-family: "Fira-bold", Helvetica, Arial, sans-serif;
    font-weight: bold; } }
@media screen and (max-width: 1199px) {
  .pagetype-flaggallery .flag-gallery .flag .flag-image-wrap {
    height: 96px;
    width: 192px; } }
@media screen and (max-width: 991px) {
  .pagetype-flaggallery .flag-gallery .flag .flag-image-wrap {
    width: 100%;
    height: 300px;
    height: 50vw; }
  .pagetype-flaggallery .page-content .right-content {
    width: 100%;
    float: none !important; }
    .pagetype-flaggallery .page-content .right-content .right-section {
      margin-top: 0;
      border: none; }
      .pagetype-flaggallery .page-content .right-content .right-section .social-border {
        display: none; }
  .pagetype-flaggallery .page-content .title-row {
    margin-bottom: 0; }
  .pagetype-flaggallery .page-content .flag-holder:hover {
    background-color: #FFFFFF; }
  .pagetype-flaggallery .page-content .flag-holder .flag {
    float: none;
    margin-left: auto;
    margin-right: auto; }
    .pagetype-flaggallery .page-content .flag-holder .flag:hover {
      background-color: #EBEBEB; }
    .pagetype-flaggallery .page-content .flag-holder .flag .flag-image-wrap {
      min-height: 158px; }
  .pagetype-flaggallery .page-content #filters-desktop {
    display: none; }
  .pagetype-flaggallery .page-content #filters-mobile {
    display: block; }
    .pagetype-flaggallery .page-content #filters-mobile h2 button:focus {
      outline: -webkit-focus-ring-color auto 5px; }
    .pagetype-flaggallery .page-content #filters-mobile .accordion-content {
      padding-left: 0; }
    .pagetype-flaggallery .page-content #filters-mobile .accordion-item {
      border-top: none; }
    .pagetype-flaggallery .page-content #filters-mobile .accordion-item-button {
      margin: 1px 0; }
    .pagetype-flaggallery .page-content #filters-mobile .accordion-list {
      margin-top: 0; }
    .pagetype-flaggallery .page-content #filters-mobile .accordion-title {
      color: #336699;
      font-family: Fira-Bold, Helvetica, Arial, sans-serif;
      font-weight: bold; }
    .pagetype-flaggallery .page-content #filters-mobile #mobile-filter-form {
      border: none;
      margin-top: 0; }
  .pagetype-flaggallery .page-content .flags-filter-reset {
    position: relative;
    right: auto;
    top: auto; }
  .pagetype-flaggallery .page-content .gallery-count {
    line-height: 0.55em;
    outline: none;
    padding: 14px 0 4px; }
    .pagetype-flaggallery .page-content .gallery-count .little {
      font-size: 16px; }
  .pagetype-flaggallery .page-content #mobile-sort {
    display: block;
    margin: 14px 0 8px; }
  .pagetype-flaggallery .page-content #sort-selector {
    display: none; }
  .pagetype-flaggallery .page-content .row.summary {
    margin-top: 0; } }
@media screen and (max-width: 767px) {
  .pagetype-flaggallery .single-flag .social {
    margin-top: 12px;
    margin-bottom: 0; } }
@media screen and (min-width: 992px) {
  .right-bar {
    float: right; } }
@media screen {
  .tc-close {
    background-color: #EBEBEB;
    color: #000000;
    /*display:block;*/
    font-size: 12px;
    height: 48px;
    left: 0;
    padding: 16px 0 0 16px;
    position: absolute;
    right: 0;
    top: 0; }
    .tc-close a.tc-icon {
      font-size: 18px;
      padding: 0 8px;
      position: absolute;
      right: 12px;
      text-decoration: none;
      top: 12px; }
      .tc-close a.tc-icon i {
        color: #000000;
        text-decoration: none; }
      .tc-close a.tc-icon:focus {
        outline: -webkit-focus-ring-color auto 5px; }

  .tc-close-button {
    padding: 32px 0;
    text-align: right; }
    .tc-close-button button {
      background-color: #336699;
      border: 2px solid #FFFFFF;
      color: #FFFFFF;
      padding: 8px 16px; }
      .tc-close-button button:focus, .tc-close-button button:hover {
        outline: -webkit-focus-ring-color auto 5px; }

  .tc-scroll {
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 80px 48px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }
    .tc-scroll h1 {
      margin: 8px 0; }
    .tc-scroll ol .type-alpha-lc {
      list-style-type: lower-alpha; }
    .tc-scroll ol .type-roman-lc {
      list-style-type: lower-roman; }

  /* Social */
  .social {
    margin-bottom: 32px;
    position: relative; }
    .social .social-icons {
      left: -16px;
      position: relative; }
      .social .social-icons a {
        display: inline-block;
        text-decoration: none; }
        .social .social-icons a .fa-circle {
          color: #FFFFFF; }
        .social .social-icons a .fa-stack-1x {
          color: #336699; }
        .social .social-icons a:hover .fa-circle {
          color: #EBEBEB; }
    .social h2 {
      margin-bottom: 0; }
      .social h2.social-border {
        line-height: 1.4em;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 14px;
        font-size: 1em; }
    .social.small {
      margin-bottom: 0; }
      .social.small .social-icons {
        left: 0; }
        .social.small .social-icons a .fa-circle {
          color: #EBEBEB; }
        .social.small .social-icons a .fa-stack {
          margin-right: -8px; }
        .social.small .social-icons a:hover .fa-circle {
          color: #FFFFFF; }

  .social-hidden {
    height: 0;
    left: -200px;
    position: fixed;
    top: -200px; } }
@media screen and (max-width: 991px) {
  .pagetype-article .social,
  .pagetype-articleholder .social,
  .pagetype-flaggallery .social,
  .pagetype-flagsuggestion .social {
    margin: 16px 0 0;
    padding-bottom: 16px;
    margin-bottom: 36px;
    margin-top: 0; }
    .pagetype-article .social h2,
    .pagetype-articleholder .social h2,
    .pagetype-flaggallery .social h2,
    .pagetype-flagsuggestion .social h2 {
      display: none; }

  .pagetype-flaggallery .social {
    margin-bottom: 0; }

  .pagetype-article .social,
  .pagetype-articleholder .social {
    padding-bottom: 0; } }
@media screen {
  .link-block {
    display: block; } }
@media screen and (max-width: 767px) {
  .pagetype-article .social,
  .pagetype-articleholder .social,
  .pagetype-flaggallery .social,
  .pagetype-flagsuggestion .social {
    margin-bottom: 0; } }
@media screen {
  .flag-suggestion-img {
    position: relative; }
    .flag-suggestion-img .next-container a,
    .flag-suggestion-img .prev-container a {
      font-size: 75px; }
      .flag-suggestion-img .next-container a i,
      .flag-suggestion-img .prev-container a i {
        position: relative;
        top: -2px; }
      .flag-suggestion-img .next-container a:visited,
      .flag-suggestion-img .prev-container a:visited {
        color: #336699 !important; }
    .flag-suggestion-img .next-container {
      padding-left: 5px; }
    .flag-suggestion-img .prev-container {
      padding-right: 5px; } }
@media screen and (min-width: 991px) {
  .flag-suggestion-img .next-container {
    position: absolute;
    top: 40%;
    right: -90px; }
  .flag-suggestion-img .prev-container {
    position: absolute;
    top: 40%;
    left: -90px; } }
@media screen and (max-width: 991px) {
  .flag-suggestion-img {
    margin-bottom: 90px !important; }
    .flag-suggestion-img details {
      font-size: 14px; }
    .flag-suggestion-img .next-container,
    .flag-suggestion-img .prev-container {
      margin-top: 10px; }
      .flag-suggestion-img .next-container a,
      .flag-suggestion-img .prev-container a {
        font-size: 50px; }
      .flag-suggestion-img .next-container.round-button,
      .flag-suggestion-img .prev-container.round-button {
        width: 50px;
        height: 50px;
        line-height: 50px; }
    .flag-suggestion-img .next-container {
      float: right; }
    .flag-suggestion-img .prev-container {
      float: left; } }
@media screen {
  .round-button {
    display: block;
    width: 75px;
    height: 75px;
    line-height: 75px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    background: none;
    font-weight: bold;
    vertical-align: middle; }

  .round-button:hover {
    background: #EBEBEB;
    opacity: 70%; }

  .pagetype-flagtoptwoholder .page-description {
    padding-top: 12px;
    display: inline-block; }
  .pagetype-flagtoptwoholder .nl-component {
    padding: 0; }
    .pagetype-flagtoptwoholder .nl-component .info-section {
      padding-top: 16px;
      border-top: 1px solid black;
      margin-top: 0; }
      .pagetype-flagtoptwoholder .nl-component .info-section h3 {
        display: none; }
      .pagetype-flagtoptwoholder .nl-component .info-section img {
        width: 100%; }
  .pagetype-flagtoptwoholder .summary {
    margin-bottom: 18px; }

  .pagetype-flagtopfourholder .top-4-row, .pagetype-flagtoptwoholder .top-4-row {
    padding-bottom: 30px; }
    .pagetype-flagtopfourholder .top-4-row .border-top img, .pagetype-flagtoptwoholder .top-4-row .border-top img {
      padding-top: 10px;
      padding-bottom: 10px;
      width: 100%; }
  .pagetype-flagtopfourholder .page-description, .pagetype-flagtoptwoholder .page-description {
    margin-top: 0px;
    padding-top: 12px;
    margin-bottom: 18px; }
  .pagetype-flagtopfourholder .flag-holder-contextual, .pagetype-flagtoptwoholder .flag-holder-contextual {
    margin-top: 36px; }

  .pagetype-flagtopfour .title-row, .pagetype-flagtopfourholder .title-row, .pagetype-flagtoptwoholder .title-row, .pagetype-flagtoptwocontender .title-row, .pagetype-flagtoptwocurrent .title-row {
    margin-bottom: 0px; }
    .pagetype-flagtopfour .title-row .long-desc, .pagetype-flagtopfourholder .title-row .long-desc, .pagetype-flagtoptwoholder .title-row .long-desc, .pagetype-flagtoptwocontender .title-row .long-desc, .pagetype-flagtoptwocurrent .title-row .long-desc {
      margin-top: 20px; }
  .pagetype-flagtopfour .hero-row, .pagetype-flagtopfourholder .hero-row, .pagetype-flagtoptwoholder .hero-row, .pagetype-flagtoptwocontender .hero-row, .pagetype-flagtoptwocurrent .hero-row {
    position: relative;
    margin-bottom: 56px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
    .pagetype-flagtopfour .hero-row .img-container, .pagetype-flagtopfourholder .hero-row .img-container, .pagetype-flagtoptwoholder .hero-row .img-container, .pagetype-flagtoptwocontender .hero-row .img-container, .pagetype-flagtoptwocurrent .hero-row .img-container {
      position: relative;
      float: right;
      right: 50%; }
      .pagetype-flagtopfour .hero-row .img-container img, .pagetype-flagtopfourholder .hero-row .img-container img, .pagetype-flagtoptwoholder .hero-row .img-container img, .pagetype-flagtoptwocontender .hero-row .img-container img, .pagetype-flagtoptwocurrent .hero-row .img-container img {
        position: relative;
        right: -50%;
        max-width: none; }
    .pagetype-flagtopfour .hero-row .prev-container, .pagetype-flagtopfour .hero-row .next-container, .pagetype-flagtopfourholder .hero-row .prev-container, .pagetype-flagtopfourholder .hero-row .next-container, .pagetype-flagtoptwoholder .hero-row .prev-container, .pagetype-flagtoptwoholder .hero-row .next-container, .pagetype-flagtoptwocontender .hero-row .prev-container, .pagetype-flagtoptwocontender .hero-row .next-container, .pagetype-flagtoptwocurrent .hero-row .prev-container, .pagetype-flagtoptwocurrent .hero-row .next-container {
      position: absolute;
      z-index: 0.9;
      top: 218px;
      font-size: 2em; }
      .pagetype-flagtopfour .hero-row .prev-container a:visited span, .pagetype-flagtopfour .hero-row .next-container a:visited span, .pagetype-flagtopfourholder .hero-row .prev-container a:visited span, .pagetype-flagtopfourholder .hero-row .next-container a:visited span, .pagetype-flagtoptwoholder .hero-row .prev-container a:visited span, .pagetype-flagtoptwoholder .hero-row .next-container a:visited span, .pagetype-flagtoptwocontender .hero-row .prev-container a:visited span, .pagetype-flagtoptwocontender .hero-row .next-container a:visited span, .pagetype-flagtoptwocurrent .hero-row .prev-container a:visited span, .pagetype-flagtoptwocurrent .hero-row .next-container a:visited span {
        color: #336699 !important; }
      .pagetype-flagtopfour .hero-row .prev-container .fa-circle, .pagetype-flagtopfour .hero-row .next-container .fa-circle, .pagetype-flagtopfourholder .hero-row .prev-container .fa-circle, .pagetype-flagtopfourholder .hero-row .next-container .fa-circle, .pagetype-flagtoptwoholder .hero-row .prev-container .fa-circle, .pagetype-flagtoptwoholder .hero-row .next-container .fa-circle, .pagetype-flagtoptwocontender .hero-row .prev-container .fa-circle, .pagetype-flagtoptwocontender .hero-row .next-container .fa-circle, .pagetype-flagtoptwocurrent .hero-row .prev-container .fa-circle, .pagetype-flagtoptwocurrent .hero-row .next-container .fa-circle {
        color: #FFFFFF;
        opacity: 0.4; }
      .pagetype-flagtopfour .hero-row .prev-container .fa-angle-left, .pagetype-flagtopfour .hero-row .prev-container .fa-angle-right, .pagetype-flagtopfour .hero-row .next-container .fa-angle-left, .pagetype-flagtopfour .hero-row .next-container .fa-angle-right, .pagetype-flagtopfourholder .hero-row .prev-container .fa-angle-left, .pagetype-flagtopfourholder .hero-row .prev-container .fa-angle-right, .pagetype-flagtopfourholder .hero-row .next-container .fa-angle-left, .pagetype-flagtopfourholder .hero-row .next-container .fa-angle-right, .pagetype-flagtoptwoholder .hero-row .prev-container .fa-angle-left, .pagetype-flagtoptwoholder .hero-row .prev-container .fa-angle-right, .pagetype-flagtoptwoholder .hero-row .next-container .fa-angle-left, .pagetype-flagtoptwoholder .hero-row .next-container .fa-angle-right, .pagetype-flagtoptwocontender .hero-row .prev-container .fa-angle-left, .pagetype-flagtoptwocontender .hero-row .prev-container .fa-angle-right, .pagetype-flagtoptwocontender .hero-row .next-container .fa-angle-left, .pagetype-flagtoptwocontender .hero-row .next-container .fa-angle-right, .pagetype-flagtoptwocurrent .hero-row .prev-container .fa-angle-left, .pagetype-flagtoptwocurrent .hero-row .prev-container .fa-angle-right, .pagetype-flagtoptwocurrent .hero-row .next-container .fa-angle-left, .pagetype-flagtoptwocurrent .hero-row .next-container .fa-angle-right {
        font-size: 3rem;
        top: -2px; }
      .pagetype-flagtopfour .hero-row .prev-container .fa-angle-left, .pagetype-flagtopfour .hero-row .next-container .fa-angle-left, .pagetype-flagtopfourholder .hero-row .prev-container .fa-angle-left, .pagetype-flagtopfourholder .hero-row .next-container .fa-angle-left, .pagetype-flagtoptwoholder .hero-row .prev-container .fa-angle-left, .pagetype-flagtoptwoholder .hero-row .next-container .fa-angle-left, .pagetype-flagtoptwocontender .hero-row .prev-container .fa-angle-left, .pagetype-flagtoptwocontender .hero-row .next-container .fa-angle-left, .pagetype-flagtoptwocurrent .hero-row .prev-container .fa-angle-left, .pagetype-flagtoptwocurrent .hero-row .next-container .fa-angle-left {
        left: -2px; }
      .pagetype-flagtopfour .hero-row .prev-container .fa-angle-right, .pagetype-flagtopfour .hero-row .next-container .fa-angle-right, .pagetype-flagtopfourholder .hero-row .prev-container .fa-angle-right, .pagetype-flagtopfourholder .hero-row .next-container .fa-angle-right, .pagetype-flagtoptwoholder .hero-row .prev-container .fa-angle-right, .pagetype-flagtoptwoholder .hero-row .next-container .fa-angle-right, .pagetype-flagtoptwocontender .hero-row .prev-container .fa-angle-right, .pagetype-flagtoptwocontender .hero-row .next-container .fa-angle-right, .pagetype-flagtoptwocurrent .hero-row .prev-container .fa-angle-right, .pagetype-flagtoptwocurrent .hero-row .next-container .fa-angle-right {
        left: 2px; }
    .pagetype-flagtopfour .hero-row .prev-container:hover .fa-circle, .pagetype-flagtopfour .hero-row .next-container:hover .fa-circle, .pagetype-flagtopfourholder .hero-row .prev-container:hover .fa-circle, .pagetype-flagtopfourholder .hero-row .next-container:hover .fa-circle, .pagetype-flagtoptwoholder .hero-row .prev-container:hover .fa-circle, .pagetype-flagtoptwoholder .hero-row .next-container:hover .fa-circle, .pagetype-flagtoptwocontender .hero-row .prev-container:hover .fa-circle, .pagetype-flagtoptwocontender .hero-row .next-container:hover .fa-circle, .pagetype-flagtoptwocurrent .hero-row .prev-container:hover .fa-circle, .pagetype-flagtoptwocurrent .hero-row .next-container:hover .fa-circle {
      opacity: 0.8; }
    .pagetype-flagtopfour .hero-row .next-container, .pagetype-flagtopfourholder .hero-row .next-container, .pagetype-flagtoptwoholder .hero-row .next-container, .pagetype-flagtoptwocontender .hero-row .next-container, .pagetype-flagtoptwocurrent .hero-row .next-container {
      float: right;
      right: 50px; }
    .pagetype-flagtopfour .hero-row .prev-container, .pagetype-flagtopfourholder .hero-row .prev-container, .pagetype-flagtoptwoholder .hero-row .prev-container, .pagetype-flagtoptwocontender .hero-row .prev-container, .pagetype-flagtoptwocurrent .hero-row .prev-container {
      float: left;
      left: 50px; }
  .pagetype-flagtopfour .gnz-slide, .pagetype-flagtopfourholder .gnz-slide, .pagetype-flagtoptwoholder .gnz-slide, .pagetype-flagtoptwocontender .gnz-slide, .pagetype-flagtoptwocurrent .gnz-slide {
    position: relative; }
  .pagetype-flagtopfour .image-hover-prompt, .pagetype-flagtopfourholder .image-hover-prompt, .pagetype-flagtoptwoholder .image-hover-prompt, .pagetype-flagtoptwocontender .image-hover-prompt, .pagetype-flagtoptwocurrent .image-hover-prompt {
    background-color: transparent;
    border: none;
    display: none;
    font-size: 56px;
    font-weight: normal;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%; }
    .pagetype-flagtopfour .image-hover-prompt .fa-stack .fa-circle, .pagetype-flagtopfourholder .image-hover-prompt .fa-stack .fa-circle, .pagetype-flagtoptwoholder .image-hover-prompt .fa-stack .fa-circle, .pagetype-flagtoptwocontender .image-hover-prompt .fa-stack .fa-circle, .pagetype-flagtoptwocurrent .image-hover-prompt .fa-stack .fa-circle {
      color: #FFFFFF;
      filter: alpha(opacity=70);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      opacity: 0.7; }
    .pagetype-flagtopfour .image-hover-prompt .fa-stack .fa-stack-1x, .pagetype-flagtopfourholder .image-hover-prompt .fa-stack .fa-stack-1x, .pagetype-flagtoptwoholder .image-hover-prompt .fa-stack .fa-stack-1x, .pagetype-flagtoptwocontender .image-hover-prompt .fa-stack .fa-stack-1x, .pagetype-flagtoptwocurrent .image-hover-prompt .fa-stack .fa-stack-1x {
      color: #336699;
      font-size: 3rem;
      top: 3px; }
    .pagetype-flagtopfour .image-hover-prompt .fa-stack:hover .fa-circle, .pagetype-flagtopfour .image-hover-prompt .fa-stack:focus .fa-circle, .pagetype-flagtopfourholder .image-hover-prompt .fa-stack:hover .fa-circle, .pagetype-flagtopfourholder .image-hover-prompt .fa-stack:focus .fa-circle, .pagetype-flagtoptwoholder .image-hover-prompt .fa-stack:hover .fa-circle, .pagetype-flagtoptwoholder .image-hover-prompt .fa-stack:focus .fa-circle, .pagetype-flagtoptwocontender .image-hover-prompt .fa-stack:hover .fa-circle, .pagetype-flagtoptwocontender .image-hover-prompt .fa-stack:focus .fa-circle, .pagetype-flagtoptwocurrent .image-hover-prompt .fa-stack:hover .fa-circle, .pagetype-flagtoptwocurrent .image-hover-prompt .fa-stack:focus .fa-circle {
      filter: alpha(opacity=95);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
      opacity: 0.95; } }
@media screen and (min-width: 768px) {
  .pagetype-flagtopfour h1, .pagetype-flagtopfourholder h1, .pagetype-flagtoptwoholder h1, .pagetype-flagtoptwocontender h1, .pagetype-flagtoptwocurrent h1 {
    margin-bottom: 36px; } }
@media screen and (min-width: 991px) {
  .pagetype-flagtoptwoholder .nlpromo-container, .pagetype-flagtoptwoholder .nl-component {
    padding: 0; }
  .pagetype-flagtoptwoholder .nl-component .info-section {
    margin: 0 15px; }
  .pagetype-flagtoptwoholder .summary {
    margin-bottom: 36px; }

  .pagetype-flagtopfourholder .image-container, .pagetype-flagtoptwoholder .image-container {
    margin-bottom: 18px; }
    .pagetype-flagtopfourholder .image-container a, .pagetype-flagtoptwoholder .image-container a {
      color: #000000 !important;
      text-decoration: none; }
  .pagetype-flagtopfourholder .image-container:hover .border-top, .pagetype-flagtoptwoholder .image-container:hover .border-top {
    border-top: 1px solid #D34322; }
  .pagetype-flagtopfourholder .image-container:hover a, .pagetype-flagtoptwoholder .image-container:hover a {
    color: #D34322 !important;
    text-decoration: none; }
  .pagetype-flagtopfourholder .row-5-images .image-container.col-md-2, .pagetype-flagtoptwoholder .row-5-images .image-container.col-md-2 {
    width: 20%;
    padding-left: 12px;
    padding-right: 12px; }
  .pagetype-flagtopfourholder .summary-5-images .col-md-8, .pagetype-flagtoptwoholder .summary-5-images .col-md-8 {
    width: 80%; }
    .pagetype-flagtopfourholder .summary-5-images .col-md-8 .page-description, .pagetype-flagtoptwoholder .summary-5-images .col-md-8 .page-description {
      margin-bottom: 36px; }
  .pagetype-flagtopfourholder .summary-5-images .col-md-3, .pagetype-flagtoptwoholder .summary-5-images .col-md-3 {
    width: 20%; }

  .pagetype-flagtopfour .gnz-slideset, .pagetype-flagtopfourholder .gnz-slideset {
    margin-right: 0;
    margin-left: 0; }
    .pagetype-flagtopfour .gnz-slideset .row, .pagetype-flagtopfourholder .gnz-slideset .row {
      margin-left: -10px;
      margin-right: -10px; }
  .pagetype-flagtopfour .gnz-slide:hover .image-hover-prompt, .pagetype-flagtopfour .gnz-slide:focus .image-hover-prompt, .pagetype-flagtopfourholder .gnz-slide:hover .image-hover-prompt, .pagetype-flagtopfourholder .gnz-slide:focus .image-hover-prompt {
    display: table-cell;
    vertical-align: middle;
    visibility: visible; }

  .pagetype-flagtopfourholder .gnz-slide:hover .image-hover-prompt, .pagetype-flagtopfourholder .gnz-slide:focus .image-hover-prompt, .pagetype-flagtoptwoholder .gnz-slide:hover .image-hover-prompt, .pagetype-flagtoptwoholder .gnz-slide:focus .image-hover-prompt {
    font-size: 38px; }
    .pagetype-flagtopfourholder .gnz-slide:hover .image-hover-prompt .fa-plus, .pagetype-flagtopfourholder .gnz-slide:focus .image-hover-prompt .fa-plus, .pagetype-flagtoptwoholder .gnz-slide:hover .image-hover-prompt .fa-plus, .pagetype-flagtoptwoholder .gnz-slide:focus .image-hover-prompt .fa-plus {
      font-size: 2rem; }

  .pagetype-flagtoptwocontender .gnz-slide:hover .image-hover-prompt, .pagetype-flagtoptwocontender .gnz-slide:focus .image-hover-prompt, .pagetype-flagtoptwocurrent .gnz-slide:hover .image-hover-prompt, .pagetype-flagtoptwocurrent .gnz-slide:focus .image-hover-prompt {
    font-size: 56px; }
    .pagetype-flagtoptwocontender .gnz-slide:hover .image-hover-prompt .fa-plus, .pagetype-flagtoptwocontender .gnz-slide:focus .image-hover-prompt .fa-plus, .pagetype-flagtoptwocurrent .gnz-slide:hover .image-hover-prompt .fa-plus, .pagetype-flagtoptwocurrent .gnz-slide:focus .image-hover-prompt .fa-plus {
      font-size: 3rem; }

  /*
  .pagetype-flagtopfour {
  	.gnz-slide:hover .image-hover-prompt {
  		display: block;
  		visibility: visible;
  		width: 100px;
  		height: 100px;
  		line-height: 100px;
  		top: 54px;
  		left: 135px;
  		border-radius: 50%;
  		text-align: center;
  		text-decoration: none;
  		background: $dove;
  		opacity: 0.7;
  		font-weight: bold;
  		font-size: 56px;
  		vertical-align: middle;
  		color: $blue;
  		padding-top: 5px;
  	}
  }
  */ }
@media screen and (min-width: 768px) and (max-width: 991px) {
  .hero-row img {
    height: 400px; }
  .hero-row .next-container, .hero-row .prev-container {
    top: 163px !important;
    /* image height / 2 - 37.5 */ }

  .pagetype-flagtopfourholder .image-container, .pagetype-flagtoptwoholder .image-container {
    margin-bottom: 18px; }
    .pagetype-flagtopfourholder .image-container a, .pagetype-flagtoptwoholder .image-container a {
      color: #336699 !important;
      text-decoration: none; } }
@media screen and (max-width: 767px) {
  .hero-row {
    margin-bottom: 10px !important; }
    .hero-row .round-button {
      display: block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      font-size: 35px !important;
      opacity: 0.7 !important; }
    .hero-row img {
      height: 210px; }
    .hero-row .next-container, .hero-row .prev-container {
      top: 85px !important;
      /* image height / 2 - button height / 2 */
      font-size: 1.2em !important; }
    .hero-row .next-container {
      right: 6px !important; }
    .hero-row .prev-container {
      left: 6px !important; }
    .hero-row .fa-angle-left, .hero-row .fa-angle-right {
      font-size: 1.8rem !important;
      top: -2px; }
    .hero-row .fa-circle {
      color: #FFFFFF;
      opacity: 0.6 !important; }

  .pagetype-flagtopfourholder .image-container, .pagetype-flagtoptwoholder .image-container {
    margin-bottom: 18px; }
    .pagetype-flagtopfourholder .image-container a, .pagetype-flagtoptwoholder .image-container a {
      color: #336699 !important;
      text-decoration: none; }

  .pagetype-flagtopfour .title-row, .pagetype-flagtoptwocontender .title-row, .pagetype-flagtoptwocurrent .title-row {
    margin-bottom: 0px; }
    .pagetype-flagtopfour .title-row h1, .pagetype-flagtoptwocontender .title-row h1, .pagetype-flagtoptwocurrent .title-row h1 {
      margin-bottom: 0px; } }
@media screen and (max-width: 991px) {
  .pagetype-flagtopfour .gnz-slideset, .pagetype-flagtopfourholder .gnz-slideset {
    margin-right: 0;
    margin-left: 0; }
    .pagetype-flagtopfour .gnz-slideset .row, .pagetype-flagtopfourholder .gnz-slideset .row {
      margin-left: -10px;
      margin-right: -10px; }
  .pagetype-flagtopfour .gnz-slide .gnz-caption, .pagetype-flagtopfourholder .gnz-slide .gnz-caption {
    display: block !important;
    visibility: visible !important;
    margin-bottom: 36px; } }
@media screen {
  .article p.article-author {
    margin: 0;
    padding-bottom: 6px; }
  .article .article-image {
    padding-top: 10px; }
  .article .article-relpage {
    padding-top: 10px;
    padding-bottom: 12px; }

  ul.pagination li {
    margin-left: 0; }
    ul.pagination li span.square-corners {
      border-radius: 0px; }
  ul.pagination li.mobile {
    display: none; }
  ul.pagination li.page-ellipsis span {
    color: #ababab; }
    ul.pagination li.page-ellipsis span:hover {
      background-color: transparent; }

  .page-hidden {
    visibility: hidden; }

  /* SideLinks (OrganisationPage [Corporate] and FeaturedLandingPage) */
  ul.related-links {
    position: relative;
    list-style: none;
    margin: 36px 0 0 0;
    padding: 0; }
    ul.related-links li {
      margin: 0 0 5px 0; }
      ul.related-links li a {
        text-decoration: none;
        position: relative;
        width: auto;
        display: block;
        padding: 12px;
        font-size: 16px;
        line-height: 18px; }
      ul.related-links li.sidelink-orange a {
        background-color: #D34322; }
        ul.related-links li.sidelink-orange a:hover {
          background-color: #B73A1E; }
      ul.related-links li.sidelink-blue a {
        background-color: #336699; }
        ul.related-links li.sidelink-blue a:hover {
          background-color: #1A4D80; }
      ul.related-links li.sidelink-blue a, ul.related-links li.sidelink-orange a {
        padding-right: 42px;
        margin-bottom: 0; }
      ul.related-links li i {
        float: right;
        position: absolute;
        top: 12px;
        right: 14px; }
    ul.related-links a.white-link, ul.related-links a:visited.white-link {
      color: #FFFFFF !important;
      /*.external-icon-orange {
      	background-image: url(../images/external-link-white.png);
      }*/ }

  .promos {
    margin: 0 -15px; }

  .info-section {
    margin: 0 0 24px 0;
    padding: 0; }
    .info-section a {
      color: #336699; }
      .info-section a h3 {
        border-top: 1px solid #000000;
        margin-top: 0;
        padding-top: 0.82em !important;
        margin-bottom: 1em; }
      .info-section a img {
        margin-bottom: 12px; }
      .info-section a p {
        color: #000000; }
      .info-section a:hover {
        text-decoration: none; }
      .info-section a:focus {
        text-decoration: none; }
      .info-section a:visited h3 {
        color: #993366; }
    .info-section a.white-link, .info-section a:hover.white-link, .info-section a:visited.white-link, .info-section a:visited:hover.white-link {
      color: white !important; }
    .info-section.no-link:hover {
      border-color: #000000; }
    .info-section.no-link .inline-details {
      color: #4C4C4C; }
    .info-section:hover a:hover h3 {
      border-color: #336699; }
    .info-section:hover a:hover p {
      color: #336699; }
    .info-section:hover a .promo-heading, .info-section:hover a h3 {
      text-decoration: underline; }
    .info-section:hover a:visited h3 {
      border-color: #993366; }
    .info-section:hover a:visited p {
      color: #993366; }

  .nl-component[data-class="NLLayoutContainer"] .nl-component[data-class="PromoTileComponent"]:hover img {
    opacity: 0.7; } }
@media screen and (min-width: 768px) {
  .info-section {
    margin: 0 0 36px 0; } }
@media screen {
  a:focus,
  .accordion-expand:focus,
  input:focus,
  input.form-control:focus,
  input[type="checkbox"]:focus,
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="radio"]:focus,
  input[type="password"]:focus,
  .btn:focus,
  button:focus,
  select:focus,
  summary:focus,
  textarea:focus {
    outline: none;
    box-shadow: 0 0 0 2px #78aeda;
    border-radius: 2px; }
    a:focus.flying-focus_target,
    .accordion-expand:focus.flying-focus_target,
    input:focus.flying-focus_target,
    input.form-control:focus.flying-focus_target,
    input[type="checkbox"]:focus.flying-focus_target,
    input[type="text"]:focus.flying-focus_target,
    input[type="email"]:focus.flying-focus_target,
    input[type="radio"]:focus.flying-focus_target,
    input[type="password"]:focus.flying-focus_target,
    .btn:focus.flying-focus_target,
    button:focus.flying-focus_target,
    select:focus.flying-focus_target,
    summary:focus.flying-focus_target,
    textarea:focus.flying-focus_target {
      box-shadow: none; }

  .nlpromo-container .info-section a:focus, .homepage-hub-sections .info-section a:focus {
    box-shadow: none;
    border-radius: 0; }
    .nlpromo-container .info-section a:focus .inner, .homepage-hub-sections .info-section a:focus .inner {
      outline: none;
      box-shadow: 0 0 0 2px #78aeda;
      border-radius: 2px; }
    .nlpromo-container .info-section a:focus.flying-focus_target, .homepage-hub-sections .info-section a:focus.flying-focus_target {
      box-shadow: none; }
      .nlpromo-container .info-section a:focus.flying-focus_target .inner, .homepage-hub-sections .info-section a:focus.flying-focus_target .inner {
        box-shadow: none; }

  #print-page-button:focus {
    padding: 2px;
    border: none; }

  /* ALL FORM ELEMENT STYLING GOES HERE, There should be no custom form styling. All forms except search bar should cascade gracefully without needing case by case treatment. */
  .asterix {
    color: #D34322; }

  .asterisk {
    color: #D34322;
    font-size: 1em; }

  .literallabel {
    font-size: 0.8rem;
    font-family: "Fira", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-bottom: 32px;
    /*margin-top: -16px;*/ }

  form {
    /* Use this for short description spans within labels, where an error message would force the description to wrap. Don't use if you have a multi-line description. */ }
    form li label {
      font-family: "Fira", Helvetica, Arial, sans-serif;
      font-weight: normal; }
    form label {
      font-family: Fira-Bold, Fira, Helvetica, Arial, sans-serif;
      font-weight: bold; }
      form label span {
        font-size: 0.8rem;
        font-family: "Fira", Helvetica, Arial, sans-serif;
        font-weight: normal; }
    form .label-desc-short {
      white-space: nowrap; }
    form .form-error {
      color: #D34322;
      font-family: Fira-Bold, Fira, Helvetica, Arial, sans-serif;
      font-weight: bold;
      font-size: 1rem; }
    form .form-error-item {
      color: #D34322;
      cursor: pointer; }
      form .form-error-item:focus, form .form-error-item:hover {
        text-decoration: underline; }
    form #mandatorymsg {
      background-color: #EBEBEB;
      border-left: 10px solid #369;
      display: block;
      font-size: 1rem;
      font-weight: normal;
      margin: 8px 0 32px;
      padding: 1.5em 1.25em 1em; }
    form legend {
      font-size: 18px;
      font-family: 'Fira-Bold', Helvetica, Arial, sans-serif;
      font-weight: bold;
      color: #000000;
      border: 0;
      margin-bottom: 0; }
    form input[type="text"], form input[type="email"], form input[type="password"] {
      background-color: #EBEBEB;
      border: none;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
      margin-bottom: 32px;
      padding: 8px;
      width: 100%; }
    form label.checkboxfield-small {
      margin: -23px 0 0 0;
      padding-left: 32px;
      display: block;
      padding-bottom: 28px; }
    form .checkbox {
      display: inline; }
      form .checkbox input[type="checkbox"] {
        margin: 0;
        top: 4px; }
      form .checkbox label {
        padding-left: 46px; }
    form .checkboxset {
      display: block; }
      form .checkboxset label {
        display: inline-block;
        font-weight: normal;
        padding-left: 28px; }
      form .checkboxset label.left {
        padding-top: 20px;
        padding-left: 0; }
    form ul.optionset li {
      display: block; }
      form ul.optionset li label {
        display: inline-block;
        font-family: Fira, Fira-Bold, Arial, sans-serif;
        font-weight: normal; }
      form ul.optionset li label.left {
        padding-top: 20px;
        padding-left: 0; }
    form input[type="submit"] {
      background-color: #336699;
      border: none;
      border-radius: 0;
      color: #FFFFFF;
      font-size: 1rem;
      margin: 32px 0 16px;
      padding-top: 4px;
      height: 40px;
      min-width: 200px; }
      form input[type="submit"]:hover {
        background-color: #1A4D80; }
    form textarea {
      background-color: #EBEBEB;
      border: none;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
      margin-bottom: 25px;
      padding: 8px;
      width: 100%; }
    form ul {
      list-style: none;
      padding: 0;
      margin-bottom: 20px; }
      form ul li {
        margin: 12px 0 0 0; }
        form ul li input[type="radio"] {
          position: absolute;
          left: 15px; }
        form ul li label {
          display: inline-block;
          font-weight: normal;
          padding-left: 48px; }
    form .fieldholder-small input[type="checkbox"] {
      position: absolute;
      left: 48px; }
    form .fieldholder-small label {
      display: inline-block;
      font-weight: normal;
      padding-left: 64px; }
    form .holder-required .message {
      display: block; }
      form .holder-required .message.required {
        background-color: #EBEBEB;
        border-left: 10px solid #d34322;
        margin: 20px 0 1.5em;
        margin-top: -18px !important;
        padding: 1.5em 1.25em 1em; }
    form .message.bad {
      background-color: #EBEBEB;
      border-left: 10px solid #d34322;
      margin: 20px 0 1.5em;
      margin-top: -18px !important;
      padding: 1.5em 1.25em 1em; }

  #ContactFormErrors {
    list-style: none;
    margin: 0;
    padding: 0; }
    #ContactFormErrors li {
      background-color: #EBEBEB;
      border-left: 10px solid #d34322;
      margin: 20px 0 1.5em;
      margin-top: -18px !important;
      padding: 1.5em 1.25em 1em; }

  div.mandatory label.haserror:after,
  h2.mandatory.haserror:after {
    display: none; }

  /* Flags */
  .inputerror {
    color: #cc0000;
    font-family: Fira, Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    font-weight: normal; }

  /* Overrides*/
  .flag-suggestion #Form_SuggestionForm label span.normal {
    font-size: 18px; }
  .flag-suggestion #Form_SuggestionForm #ContactPhone input, .flag-suggestion #Form_SuggestionForm #ContactEmail input {
    margin-bottom: 20px; }
  .flag-suggestion #Form_SuggestionForm #Form_SuggestionForm_Ethnicity,
  .flag-suggestion #Form_SuggestionForm #Form_SuggestionForm_Under18,
  .flag-suggestion #Form_SuggestionForm #Form_SuggestionForm_Story,
  .flag-suggestion #Form_SuggestionForm #Form_SuggestionForm_SuggestorName,
  .flag-suggestion #Form_SuggestionForm #DesignUpload {
    margin-bottom: 6px; }
  .flag-suggestion #Form_SuggestionForm #Form_SuggestionForm_under18label,
  .flag-suggestion #Form_SuggestionForm #Form_SuggestionForm_suggestorhint {
    padding-left: 0; }

  #Form_SuggestionForm .CompositeField h2 {
    margin: 0 0 8px;
    font-family: Fira, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: normal; }

  #Form_SuggestionForm #ContactEmail {
    padding-left: 0px; }

  #Form_SuggestionForm_suggestorhint, #Form_SuggestionForm_under18label {
    font-size: 0.8rem;
    font-family: "Fira", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-bottom: 0;
    padding: 0 0 32px 15px; }

  #Uploadlabel {
    font-size: 0.8rem;
    font-family: "Fira", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-bottom: 32px; }

  #FlagpoleConsent label {
    margin: 0 0 36px 0; }
    #FlagpoleConsent label a {
      font-family: Fira, Helvetica, Arial, sans-serif;
      font-weight: normal; }

  input#Form_SuggestionForm_FlagpoleConsent {
    top: -44px; }

  /* Login form */
  #MemberLoginForm_LoginForm_Remember {
    position: absolute;
    top: 6px; }

  /* Feedback */
  .inline-feedback-container {
    margin-top: 12px; }
    .inline-feedback-container form {
      margin-bottom: 12px; }

  #Form_InlineFeedbackForm, #Form_FeedbackForm {
    background-color: #EBEBEB; }
    #Form_InlineFeedbackForm fieldset, #Form_FeedbackForm fieldset {
      padding: 20px; }
      #Form_InlineFeedbackForm fieldset fieldset, #Form_FeedbackForm fieldset fieldset {
        padding: 0; }
    #Form_InlineFeedbackForm input, #Form_InlineFeedbackForm textarea, #Form_FeedbackForm input, #Form_FeedbackForm textarea {
      background: #FFFFFF; }
    #Form_InlineFeedbackForm input[type="radio"], #Form_FeedbackForm input[type="radio"] {
      position: absolute;
      left: 36px; }
    #Form_InlineFeedbackForm button[type="submit"], #Form_FeedbackForm button[type="submit"] {
      margin: 0 0 20px 20px; }
    #Form_InlineFeedbackForm input[type="submit"], #Form_FeedbackForm input[type="submit"] {
      background: #1A4D80;
      margin: 0px 0 16px 18px; }
    #Form_InlineFeedbackForm #Actions, #Form_FeedbackForm #Actions {
      padding-bottom: 24px; }
    #Form_InlineFeedbackForm p.margint32, #Form_FeedbackForm p.margint32 {
      margin-top: 32px; }

  .ff-container #feedbackpage-title, .ff-container #feedbackpage-title:focus {
    outline: none; }

  /* Consultations */
  #cl-filter-form input#cl-filter-search {
    background: #FFFFFF; }

  /* Mail merge */
  #MailMergeForm_MailMergeForm summary {
    font-family: Fira-Bold, Fira, Helvetica, Arial, sans-serif;
    font-weight: bold; }
  #MailMergeForm_MailMergeForm ul {
    list-style-type: none;
    margin-bottom: 0; }
    #MailMergeForm_MailMergeForm ul li input[type="checkbox"] {
      margin-left: 32px; }
    #MailMergeForm_MailMergeForm ul li label {
      padding-left: 16px; }
    #MailMergeForm_MailMergeForm ul li p.sector-desc {
      font-size: 0.75em;
      padding-left: 48px; }
    #MailMergeForm_MailMergeForm ul li ul li input[type="checkbox"] {
      margin-left: 72px; }
    #MailMergeForm_MailMergeForm ul li ul li p.sector-desc {
      font-size: 0.75em;
      padding-left: 108px;
      margin-top: -4px; }
  #MailMergeForm_MailMergeForm details,
  #MailMergeForm_MailMergeForm fieldset {
    margin-bottom: 32px; }
    #MailMergeForm_MailMergeForm details .field.checkbox,
    #MailMergeForm_MailMergeForm fieldset .field.checkbox {
      display: block; }
      #MailMergeForm_MailMergeForm details .field.checkbox input[type="checkbox"],
      #MailMergeForm_MailMergeForm fieldset .field.checkbox input[type="checkbox"] {
        margin-left: 32px; }
      #MailMergeForm_MailMergeForm details .field.checkbox label,
      #MailMergeForm_MailMergeForm fieldset .field.checkbox label {
        font-family: Fira, Helvetica, Arial, sans-serif;
        font-weight: normal;
        padding-left: 68px; }
    #MailMergeForm_MailMergeForm details legend.marginb0,
    #MailMergeForm_MailMergeForm fieldset legend.marginb0 {
      margin-bottom: 0; }
  #MailMergeForm_MailMergeForm #MailMergeForm_MailMergeForm_format {
    width: auto; }

  /* Dropdowns */
  select {
    height: 41px;
    margin-bottom: 16px;
    padding: 8px 8px;
    width: 100%; }

  .table-border-all {
    border-left: 1px solid #ababab;
    border-top: 1px solid #ababab; }
    .table-border-all td, .table-border-all th {
      border-right: 1px solid #ababab;
      border-bottom: 1px solid #ababab; }

  .table-border-rows tbody tr, .table-std tbody tr {
    border-top: 1px solid #ababab; }
    .table-border-rows tbody tr:first-child, .table-std tbody tr:first-child {
      border-top: none; }

  .table-fullwidth, .table-std {
    width: 100%; }

  .table-pad-large td, .table-std td, .table-pad-large th, .table-std th {
    padding: 12px; }

  .table-pad-medium td, .table-pad-medium th {
    padding: 4px 8px; }

  .table-pad-small td, .table-pad-small th {
    background-color: #FFFFFF;
    padding: 2px 4px; }

  .table-striped tbody tr:nth-child(odd) {
    background-color: #efefef; }

  .table-std {
    font-size: 16px;
    margin-bottom: 32px; }
    .table-std td,
    .table-std th {
      vertical-align: top; }
    .table-std th {
      font-family: Fira-Bold, Helvetica, Arial, sans-serif;
      font-weight: bold; }
    .table-std thead {
      background-color: #EBEBEB; }
      .table-std thead th {
        vertical-align: bottom; }
    .table-std tfoot {
      border-top: 1px solid #ababab;
      font-style: italic; }
      .table-std tfoot tr th {
        font-family: Fira, Helvetica, Arial, sans-serif;
        font-weight: normal; }

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

  .align-right {
    text-align: right; }

  .pagetype-wide .page-description {
    margin-bottom: 30px; }
  .pagetype-wide details {
    margin-bottom: 20px; }
  .pagetype-wide .lower-links {
    margin-top: 48px; }

  .pagetype-hub .content .page-content .title-row, .pagetype-subhub .content .page-content .title-row {
    margin-bottom: 0; }
  .pagetype-hub .content div.accordion-item a, .pagetype-subhub .content div.accordion-item a {
    display: block; }
  .pagetype-hub .content div.accordion-item h2, .pagetype-subhub .content div.accordion-item h2 {
    font-family: Fira, Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 13px; }
  .pagetype-hub .content .accordion-item .accordion-content, .pagetype-subhub .content .accordion-item .accordion-content {
    margin-bottom: 0; }
    .pagetype-hub .content .accordion-item .accordion-content ul, .pagetype-subhub .content .accordion-item .accordion-content ul {
      padding-left: 0; }
  .pagetype-hub .content .accordion-list.links-list, .pagetype-hub .content .subhub.links-list, .pagetype-subhub .content .accordion-list.links-list, .pagetype-subhub .content .subhub.links-list {
    margin-bottom: 60px; }
    .pagetype-hub .content .accordion-list.links-list .subhub-child, .pagetype-hub .content .subhub.links-list .subhub-child, .pagetype-subhub .content .accordion-list.links-list .subhub-child, .pagetype-subhub .content .subhub.links-list .subhub-child {
      padding: 0;
      margin-bottom: 36px; }
      .pagetype-hub .content .accordion-list.links-list .subhub-child h3, .pagetype-hub .content .subhub.links-list .subhub-child h3, .pagetype-subhub .content .accordion-list.links-list .subhub-child h3, .pagetype-subhub .content .subhub.links-list .subhub-child h3 {
        margin-bottom: 12px; }

  .pagetype-hub .links-list .accordion-item h2 {
    font-weight: normal !important;
    margin-top: 0; }
  .pagetype-hub .links-list .accordion-item .accordion-title {
    position: absolute;
    line-height: 2; }
  .pagetype-hub .links-list .accordion-item.accordion-heading-open h2 {
    font-weight: bold !important; }
  .pagetype-hub .links-list li {
    margin-bottom: auto;
    padding: 0; }
    .pagetype-hub .links-list li a:visited h2 {
      color: #993366; }
    .pagetype-hub .links-list li .accordion-content {
      margin-top: 0; }
    .pagetype-hub .links-list li:last-child {
      border-bottom: 1px solid #ababab; }
      .pagetype-hub .links-list li:last-child.subhub-child {
        border: none; }
  .pagetype-hub .links-list div.accordion-item h2 {
    font-family: "Fira", Helvetica, Arial, sans-serif;
    font-weight: normal !important;
    font-size: 1rem;
    margin: 0; }

  .pagetype-subhub .content .page-content .subhub.links-list {
    margin-bottom: 60px; }
    .pagetype-subhub .content .page-content .subhub.links-list li {
      margin-bottom: 30px;
      padding-bottom: 0; }
      .pagetype-subhub .content .page-content .subhub.links-list li h3 {
        margin-top: 0; }
      .pagetype-subhub .content .page-content .subhub.links-list li ul {
        margin: 0; }
        .pagetype-subhub .content .page-content .subhub.links-list li ul li {
          margin: 0; }

  /* Subhub Navigation */
  .SubHubNavigationPageFeature details h2 {
    font-family: "Fira", Helvetica, Arial, sans-serif;
    font-weight: normal !important; }
  .SubHubNavigationPageFeature details.accordion-heading-open h2 {
    font-family: "Fira-Bold", Helvetica, Arial, sans-serif;
    font-weight: bold; }
  .SubHubNavigationPageFeature h2.sub-hub-title {
    margin-top: 16px; } }
@media screen and (min-width: 768px) {
  .pagetype-subhub .content .page-content .subhub.links-list {
    margin-top: 2rem; } }
@media screen and (max-width: 991px) {
  .sidenav .block-left.open {
    background: #EBEBEB;
    border-bottom: none; }
    .sidenav .block-left.open .SubHubNavigationPageFeature {
      padding: 0; }
  .sidenav .block-left .accordion-item:first-child {
    border-top: none; }
  .sidenav .block-left .accordion-item .accordion-content ul ul {
    list-style-type: none;
    padding-left: 1rem; }
  .sidenav .block-left .accordion-heading-open h2 {
    background: none; }

  .accordion-heading-open .accordion-item {
    border: none; } }
@media screen and (max-width: 767px) {
  .pagetype-hub .title-row h1 {
    margin-top: 24px; }

  .class-HubPage .accordion-heading-open h2 {
    background: #FFFFFF; }

  .sidenav .block-left {
    border: 0;
    margin: 0 -15px;
    padding: 0 15px;
    display: block;
    border-bottom: 1px solid #ababab; }
    .sidenav .block-left.open {
      background: #F5F5F5;
      border-bottom: none; }
    .sidenav .block-left .accordion-item:first-child {
      border-top: none; }
    .sidenav .block-left .accordion-item .accordion-content {
      padding-left: 0;
      margin-bottom: 12px; }
    .sidenav .block-left .SubHubNavigationPageFeature {
      padding-bottom: 0;
      border: none; }

  .accordion-heading-open .accordion-item {
    border: none; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
  .sidenav .block-left summary {
    border-top: 1px solid #ababab;
    border-bottom: 1px solid #ababab; }
  .sidenav .block-left.open summary {
    border: 0;
    margin-bottom: 0; } }
@media screen {
  /*
  @media (min-width: 768px) and (max-width: 992px) {
  	.pagetype-process {
  		border-top: 1px solid #ababab;
  		border-bottom: 1px solid #ababab;
  		margin-bottom: 12px;
  	}
  }
  */
  .hub-page-container .ga-track-rss-view {
    color: #336699 !important; }

  .block-left {
    /* rules for lines on left block:
     * 1. if there is no top image, there is a thick line at the top, and thing line separators between the rest
     * 2. if there is a top image, there is no line at the top, and thick link is above the second feature
     */ }
    .block-left:not(.block-has-top-image) {
      border-top: solid 3px black; }
      .block-left:not(.block-has-top-image) .page-feature:not(:first-child) {
        border-top: solid 1px black; }
    .block-left.block-has-top-image .page-feature:nth-child(2) {
      border-top: solid 3px black; }
    .block-left .page-feature:not(:first-child) {
      border-top: solid 1px black; }
    .block-left a:not(.sub-hub-title), .block-left li {
      font-size: 16px; }
    .block-left .imitate-h4 {
      /* on left block, we specifically want imitate-h4 to have reduced top margin */
      margin-top: 15px !important; }
    .block-left .SubHubNavigationPageFeature .accordion-list {
      margin: 0; }
    .block-left .SubHubNavigationPageFeature .accordion-item .accordion-content {
      padding-left: 0;
      margin-top: 0; }
    .block-left .SubHubNavigationPageFeature .sub-hub-children {
      border-top: solid 1px black;
      padding: 0;
      list-style-type: none;
      margin: 0; }
      .block-left .SubHubNavigationPageFeature .sub-hub-children li {
        margin-left: 1rem;
        margin-top: 15px; }
    .block-left .SubHubNavigationPageFeature .indent {
      padding: 0 0 0 24px;
      list-style-type: none; }
    .block-left .SubHubNavigationPageFeature .selected {
      font-weight: bold; }
    .block-left a {
      display: inherit; } }
@media screen and (max-width: 991px) {
  .block-left {
    border-top: none !important; }

  .page-feature {
    border-top: none !important; } }
@media screen {
  .block-bottom {
    margin-top: 48px;
    border-top: solid 1px black;
    padding-top: 15px; }

  .block-lower .ChildPagesPageFeature {
    margin-top: 36px; }

  .page-feature {
    padding-bottom: 24px; }
    .page-feature div.inline-feedback-container {
      margin: 0; }

  /* override existing behaviour */
  .PrintPageFeature .print-container,
  .FeedbackPageFeature summary {
    margin: 0; }

  .ContactPageFeature ul.links-list li:last-child {
    padding-bottom: 0; }

  .pagetype-process .block-lower {
    display: inline-block; }

  .NextPrevPageFeature {
    margin: 0 -15px; }
    .NextPrevPageFeature .prev-page-link, .NextPrevPageFeature .next-page-link {
      font-size: 1em;
      float: none;
      width: 100%;
      text-align: left;
      height: 4rem;
      position: relative; }
      .NextPrevPageFeature .prev-page-link .nav-wrapper, .NextPrevPageFeature .next-page-link .nav-wrapper {
        height: 5rem;
        display: table-cell;
        position: relative;
        vertical-align: middle; }
        .NextPrevPageFeature .prev-page-link .nav-wrapper a, .NextPrevPageFeature .next-page-link .nav-wrapper a {
          float: none; }
          .NextPrevPageFeature .prev-page-link .nav-wrapper a:focus, .NextPrevPageFeature .next-page-link .nav-wrapper a:focus {
            display: block;
            margin-left: 0; }
          .NextPrevPageFeature .prev-page-link .nav-wrapper a .icon-next, .NextPrevPageFeature .prev-page-link .nav-wrapper a .icon-prev, .NextPrevPageFeature .next-page-link .nav-wrapper a .icon-next, .NextPrevPageFeature .next-page-link .nav-wrapper a .icon-prev {
            top: 0;
            font-size: 4rem;
            position: absolute; }
          .NextPrevPageFeature .prev-page-link .nav-wrapper a .nav-text, .NextPrevPageFeature .next-page-link .nav-wrapper a .nav-text {
            position: relative; }
    .NextPrevPageFeature .prev-page-link .nav-wrapper a .nav-text {
      padding-left: 3rem; }
    .NextPrevPageFeature .next-page-link {
      margin-left: 48px; }
      .NextPrevPageFeature .next-page-link .nav-wrapper a {
        margin-left: 20px; }
        .NextPrevPageFeature .next-page-link .nav-wrapper a .icon-next {
          right: 3.5rem; }
        .NextPrevPageFeature .next-page-link .nav-wrapper a .nav-text {
          padding-right: 6rem; }

  #email-subscribe {
    margin-bottom: 36px; }
    #email-subscribe h2 {
      padding-top: 15px;
      margin-top: 0; }
    #email-subscribe label {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0; }
    #email-subscribe div.email {
      margin: 0;
      float: left;
      width: 100%;
      padding-right: 92px; }
      #email-subscribe div.email .middleColumn {
        margin: 0; }
    #email-subscribe input.email {
      margin-bottom: 0; }
    #email-subscribe input.action {
      position: absolute;
      right: 15px;
      float: right;
      margin: 0;
      min-width: 50px;
      padding: 0 20px; }
    #email-subscribe .messages-block {
      margin-top: 0; }
    #email-subscribe .thanks-message {
      background-color: #EBEBEB;
      border-left: 10px solid #336699;
      margin-bottom: 1.5em;
      padding: 1em 1.25em 1em;
      margin-top: 0; }
    #email-subscribe .clear {
      display: none; }

  .timeline {
    margin-top: 50px; }
    .timeline .timeline-item {
      counter-increment: section; }
    .timeline h2:before {
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden;
      content: counter(section); }
    .timeline ol {
      list-style-type: none;
      padding: 0; }
      .timeline ol li {
        margin: 0; }
    .timeline .timeline-item .step-content, .timeline .timeline-item .step-icon {
      padding-bottom: 40px; }
    .timeline .timeline-item:last-child .step-content, .timeline .timeline-item:last-child .step-icon {
      padding-bottom: 0px; }
    .timeline .timeline-item .step-icon {
      padding: 0; }
    .timeline .timeline-item .step-content {
      border-left: 2px dotted #515254;
      padding-left: 50px;
      width: 100%;
      position: relative;
      padding-right: 15px;
      margin-left: 20px; }
      .timeline .timeline-item .step-content > :nth-child(2) {
        margin-top: 0; }
      .timeline .timeline-item .step-content h2 {
        padding-top: 2px; }
      .timeline .timeline-item .step-content .step-counter {
        font-family: 'Fira-Bold', Helvetica, Arial, sans-serif;
        font-weight: bold;
        position: absolute;
        left: -17px;
        background: #D34322;
        color: #FFFFFF;
        border-radius: 20px;
        height: 32px;
        width: 32px;
        text-align: center;
        padding-top: 5px; }
    .timeline .timeline-item:last-of-type .step-counter {
      left: -16px; }
    .timeline .timeline-item:last-of-type .step-content {
      border: none; }

  .TopLeftImagePageFeature a {
    display: block; }

  .NavButtonsPageFeature .nav-buttons {
    position: relative;
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0; }
    .NavButtonsPageFeature .nav-buttons li:first-child {
      margin-top: 15px; }
    .NavButtonsPageFeature .nav-buttons li {
      margin: 0 0 5px 0; }
      .NavButtonsPageFeature .nav-buttons li a {
        text-decoration: none;
        position: relative;
        width: auto;
        display: block;
        padding: 12px;
        font-size: 16px;
        line-height: 18px; }
      .NavButtonsPageFeature .nav-buttons li.sidelink-orange a {
        background-color: #D34322; }
        .NavButtonsPageFeature .nav-buttons li.sidelink-orange a:hover {
          background-color: #B73A1E; }
      .NavButtonsPageFeature .nav-buttons li.sidelink-blue a {
        background-color: #336699; }
        .NavButtonsPageFeature .nav-buttons li.sidelink-blue a:hover {
          background-color: #1A4D80; }
      .NavButtonsPageFeature .nav-buttons li.sidelink-blue a, .NavButtonsPageFeature .nav-buttons li.sidelink-orange a {
        padding-right: 42px;
        margin-bottom: 0; }
      .NavButtonsPageFeature .nav-buttons li i {
        float: right;
        position: absolute;
        top: 12px;
        right: 14px; }
    .NavButtonsPageFeature .nav-buttons h2 {
      margin-top: 15px;
      margin-bottom: 15px; }
    .NavButtonsPageFeature .nav-buttons a.white-link, .NavButtonsPageFeature .nav-buttons a:visited.white-link {
      color: #FFFFFF !important;
      /*.external-icon-orange {
      	background-image: url(../images/external-link-white.png);
      }*/ } }
@media screen and (max-width: 767px) {
  .NavButtonsPageFeature {
    margin-top: 36px; }

  .NextPrevPageFeature {
    padding-bottom: 0; } }
@media screen and (min-width: 768px) {
  .pagetype-process .block-lower {
    width: 100%; }
    .pagetype-process .block-lower .NextPrevPageFeature .prev-page-link, .pagetype-process .block-lower .NextPrevPageFeature .next-page-link {
      width: 46%; }
      .pagetype-process .block-lower .NextPrevPageFeature .prev-page-link .nav-wrapper, .pagetype-process .block-lower .NextPrevPageFeature .next-page-link .nav-wrapper {
        height: 7rem;
        width: 340px; }
        .pagetype-process .block-lower .NextPrevPageFeature .prev-page-link .nav-wrapper a i, .pagetype-process .block-lower .NextPrevPageFeature .next-page-link .nav-wrapper a i {
          font-size: 4rem; }
        .pagetype-process .block-lower .NextPrevPageFeature .prev-page-link .nav-wrapper a span.icon-next, .pagetype-process .block-lower .NextPrevPageFeature .prev-page-link .nav-wrapper a span.icon-prev, .pagetype-process .block-lower .NextPrevPageFeature .next-page-link .nav-wrapper a span.icon-next, .pagetype-process .block-lower .NextPrevPageFeature .next-page-link .nav-wrapper a span.icon-prev {
          top: 0.6rem; }
    .pagetype-process .block-lower .NextPrevPageFeature .prev-page-link {
      float: left; }
    .pagetype-process .block-lower .NextPrevPageFeature .next-page-link {
      float: right; }
      .pagetype-process .block-lower .NextPrevPageFeature .next-page-link .nav-wrapper {
        text-align: right; }
        .pagetype-process .block-lower .NextPrevPageFeature .next-page-link .nav-wrapper a {
          margin-left: 0; }
          .pagetype-process .block-lower .NextPrevPageFeature .next-page-link .nav-wrapper a .icon-next {
            right: 0; }
          .pagetype-process .block-lower .NextPrevPageFeature .next-page-link .nav-wrapper a .nav-text {
            padding-right: 3rem; }

  .timeline .timeline-item .step-content .step-counter {
    left: -17px;
    height: 33px;
    width: 33px;
    padding-top: 6px; }
  .timeline .timeline-item:last-of-type .step-counter {
    left: -16px; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  .page-feature.NextPrevPageFeature .next-page-link {
    margin-left: -15px;
    margin-right: 15px; } }
@media screen and (max-width: 991px) {
  .page-feature.NavButtonsPageFeature {
    border-top: 1px solid #000000 !important;
    padding-bottom: 30px; }
  .page-feature.NextPrevPageFeature .prev-page-link {
    margin-left: 30px;
    margin-right: -30px; } }
@media screen and (min-width: 992px) {
  .pagetype-process .block-lower .NextPrevPageFeature .prev-page-link, .pagetype-process .block-lower .NextPrevPageFeature .next-page-link {
    width: 45%; }

  .block-left .SubHubNavigationPageFeature .sub-hub-children li {
    margin-left: 0rem; }

  #email-subscribe input.email {
    margin-bottom: 0; }

  .timeline .timeline-item.icons .step-icon {
    float: left; }
  .timeline .timeline-item.icons .step-content {
    margin-left: 110px;
    width: auto;
    position: relative;
    padding-right: 0; }
  .timeline .timeline-item.icons:last-of-type .step-counter {
    left: -17px; } }
@media screen and (min-width: 1200px) {
  .pagetype-process .block-lower .NextPrevPageFeature .prev-page-link, .pagetype-process .block-lower .NextPrevPageFeature .next-page-link {
    width: 46%; }

  #email-subscribe input.email {
    width: 172px; } }
@media screen {
  .pagetype-process {
    /* Nav */
    /* Step */ }
    .pagetype-process .mobile-process-nav nav ol {
      margin-bottom: 8px; }
    .pagetype-process .process-nav.desktop {
      margin: 36px 0 42px 0; }
      .pagetype-process .process-nav.desktop li {
        font-size: 16px;
        width: 100%;
        float: left;
        padding-right: 12px;
        padding-bottom: 12px; }
    .pagetype-process .process-nav ol {
      margin-bottom: 0; }
      .pagetype-process .process-nav ol > :last-child {
        margin-bottom: 0;
        padding-bottom: 0; }
    .pagetype-process .process-nav li.selected a, .pagetype-process .process-nav li.selected a:visited {
      color: #000000 !important; }
    .pagetype-process .process-nav li.selected a:focus, .pagetype-process .process-nav li.selected a:hover {
      text-decoration: none !important; }
    .pagetype-process .process-nav a {
      display: block; }
    .pagetype-process .process-nav a.selected, .pagetype-process .process-nav a:visited.selected {
      color: #000000 !important; }
      .pagetype-process .process-nav a.selected:focus, .pagetype-process .process-nav a.selected:hover, .pagetype-process .process-nav a:visited.selected:focus, .pagetype-process .process-nav a:visited.selected:hover {
        text-decoration: none !important;
        cursor: default; }
    .pagetype-process .process-step.css-numbered {
      counter-increment: step-counter; }
      .pagetype-process .process-step.css-numbered .step-title::before {
        content: counter(step-counter) ".";
        margin-right: 12px; }
    .pagetype-process .process-step .number {
      margin-right: 12px;
      float: left; }
    .pagetype-process .process-step .step-title:focus {
      box-shadow: none;
      border: none;
      outline: none; }
    .pagetype-process .process-step .page-summary {
      font-size: 1.44em;
      margin: 18px 0 24px 0; } }
@media screen and (max-width: 991px) {
  .pagetype-process .process-nav .accordion-list {
    margin-top: 36px; }
    .pagetype-process .process-nav .accordion-list .accordion-item {
      border-bottom: 1px solid #ababab; }
      .pagetype-process .process-nav .accordion-list .accordion-item .accordion-content {
        margin-bottom: 0;
        padding-bottom: 12px; }
        .pagetype-process .process-nav .accordion-list .accordion-item .accordion-content ol {
          padding: 0;
          margin-left: 0; }
          .pagetype-process .process-nav .accordion-list .accordion-item .accordion-content ol li {
            margin-right: 15px;
            font-size: 16px; } }
@media screen and (max-width: 767px) {
  .pagetype-process .block-left {
    margin-bottom: 30px; }
  .pagetype-process .process-nav .accordion-list {
    margin-top: 0; } }
@media screen {
  .options-holder .option-link {
    border-top: 1px solid #ababab;
    padding: 8px 0 4px 0; }
    .options-holder .option-link a {
      padding-top: 6px;
      display: block; }
      .options-holder .option-link a .fa {
        font-size: 1.8rem;
        float: right;
        margin-top: -5px;
        margin-right: 8px;
        opacity: 0.4; }
      .options-holder .option-link a:hover .fa {
        opacity: 1; }
      .options-holder .option-link a:visited {
        color: #336699 !important; }
  .options-holder .accordion-content .button {
    background: #222;
    border-radius: 3px;
    color: #fff;
    display: block;
    float: left;
    margin: 10px 0;
    padding: 10px 20px; }
  .options-holder .accordion-content .button:hover {
    text-decoration: none; }
  .options-holder .accordion-content .button:visited {
    color: #fff !important; } }
@media screen and (max-width: 767px) {
  /* Typography */
  html, body {
    font-size: 16px;
    color: #000000;
    min-width: 300px; }

  h1 {
    font-size: 2.074em;
    margin-top: 12px;
    padding-bottom: 20px; }

  h3 {
    font-size: 1.167em;
    margin-top: 36px; }

  ul, ol {
    padding-left: 12px; }
    ul li, ol li {
      margin-bottom: 10px; }
    ul ul, ul ol, ol ul, ol ol {
      padding-left: 12px;
      margin-top: 6px; }
      ul ul li, ul ol li, ol ul li, ol ol li {
        margin-left: 12px; }

  .inline-details {
    font-family: 'Fira';
    color: #4C4C4C;
    font-size: 0.75em; }

  /* Layout */
  .links-list {
    padding: 0;
    margin: 0; }
    .links-list li {
      padding: 5px 0; }

  .content {
    min-height: 0;
    padding-bottom: 50px; }
    .content .page-content {
      margin-top: 0px; }
      .content .page-content .page-description {
        padding-top: 5px;
        padding-bottom: 0;
        margin-top: 0; }
      .content .page-content div.title-row h2.parent {
        margin-top: 24px;
        padding-bottom: 0;
        margin-bottom: 0; }
      .content .page-content div.summary {
        margin-top: 18px; }
    .content .organisation-list .search-bar {
      margin-top: 25px; }
    .content .organisation-list label {
      padding-top: 16px;
      margin-bottom: 0; }

  /* Page-specific */
  .class-OldHubPage h1 {
    padding-bottom: 18px; }

  /* Breadcrumbs */
  .banner-link.breadcrumbs {
    display: block; }

  .nav-breadcrumbs ol {
    margin-top: 20px; }
    .nav-breadcrumbs ol li {
      line-height: 1.6em; }

  /* Pagination */
  ul.pagination li a {
    font-size: 1em; }

  /* Search */
  .header-search .header-search-form {
    float: left;
    position: relative;
    right: 0;
    top: 0;
    width: 100%; }
    .header-search .header-search-form.home-page {
      top: 0; }
    .header-search .header-search-form #search-form {
      width: 100%; }
      .header-search .header-search-form #search-form .form-control {
        width: 100%;
        border: 0;
        height: 40px;
        margin-top: 8px;
        padding-right: 50px; }
      .header-search .header-search-form #search-form .search-controls {
        margin-top: 10px; }
        .header-search .header-search-form #search-form .search-controls .submit {
          position: absolute;
          top: 10px;
          right: 0; }

  .search-page .search-form {
    display: none; }
  .search-page .search-results {
    margin-top: -10px; }
  .search-page .search-title h1 {
    font-size: 1.33em; }
  .search-page ul.searchresults .searchresult-item h2 {
    margin-bottom: 4px; }
  .search-page ul.searchresults .searchresult-item .inline-details {
    margin-top: 0px; }

  .banner-link.show-search-only {
    display: inherit;
    height: 70px; }
    .banner-link.show-search-only .container {
      display: none; }
  .banner-link.show-search {
    display: inherit;
    height: auto; }
    .banner-link.show-search .nav-breadcrumbs {
      margin-top: 67px; }

  /* Consultations List */
  .cli-meta {
    margin-bottom: 12px; }

  .cl-page {
    padding-top: 0; }
    .cl-page h1 {
      padding: 0; }

  /* Resizes */
  h2 {
    margin-top: 25px; }

  /* Form checkboxes and radio buttons */
  .ff-container ul, #RulesReductionForm_RulesReductionForm ul {
    list-style: none;
    padding: 0 0 1em 15px;
    margin-bottom: 0px; }
    .ff-container ul li, #RulesReductionForm_RulesReductionForm ul li {
      margin: 12px 0 0 0; }
      .ff-container ul li input[type="checkbox"], .ff-container ul li input[type="radio"], #RulesReductionForm_RulesReductionForm ul li input[type="checkbox"], #RulesReductionForm_RulesReductionForm ul li input[type="radio"] {
        position: absolute;
        left: 30px !important; }
      .ff-container ul li label, #RulesReductionForm_RulesReductionForm ul li label {
        display: inline-block;
        font-weight: normal;
        padding-left: 24px !important; }

  /* RSS */
  .content .fa-rss {
    line-height: normal; }

  /* Footer */
  .footer .footer-icons {
    margin-bottom: 40px; }
  .footer .footer-licence {
    padding-left: 0;
    padding-top: 10px; }
    .footer .footer-licence p {
      line-height: 2em; }
  .footer .logo {
    margin-top: 0; }

  /* Feedback */
  .ff-container #Form_FeedbackForm legend {
    padding-top: 10px; }

  #Form_InlineFeedbackForm fieldset legend {
    font-size: 16px; }

  .inline-feedback-container details summary h2 {
    font-size: 16px; }

  /* Mini part page */
  .mp-container .title-row h2 {
    margin: 36px 0 0 0; }
  .mp-container .toc-wrapper {
    margin-top: -10px; }
    .mp-container .toc-wrapper .guide-parts {
      padding-top: 18px; }

  /* Pagination */
  ul.pagination li.desktop {
    display: none; }
  ul.pagination li.mobile {
    display: inline; }

  .do-you-need-an-endorsement-2 .mobile-notice, .realme .mobile-notice, .does-your-child-need-an-endorsement .mobile-notice {
    display: block; } }

/*# sourceMappingURL=screen.css.map */