@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');


.work-sans-<uniquifier> {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body {
  font-family:"Work Sans",Arial,Helvetica,sans-serif;
}


/* Header + nav */
header#main-header .header-row-logo { padding: 0.5rem 0 1rem 0; }

header#main-header .header-row-logo .header-row-logo--inner .search-box { border-radius: 0; }

header#main-header .header-row-logo .header-row-logo--inner .logo-sitename { grid-template-columns: 10rem 1fr; }

header#main-header .header-row-logo .header-row-logo--inner .logo-sitename .tas-gov-logo { border-right: none; }

header#main-header .header-row-logo .header-row-logo--inner .logo-sitename .tas-gov-logo img {
  width: 9rem;
  filter: brightness(0);
}

header#main-header .header-row-logo .header-row-logo--inner .logo-sitename .sitename {
  font-size: 0.9rem;
  padding: 0.2rem 0 0 1.2rem;
  margin-top: 1rem;
  border-left: 2px solid #fff;
  max-width: 10rem;
}

header#main-header {
  --c-link: #fff;
  --c-link-hvr: #fff;
  --c-nav-dk: white;
  background-color: #000;
}

/* Responsive */

header#main-header .header-row-logo .header-row-logo--inner .logo-sitename .tas-gov-logo,
.header-login-image { 
    filter: invert(100); 
}

.site-navigation.top-right .disclosure-nav button,
.site-navigation.top-right .disclosure-nav .main-link a {
  color:var(--c-nav-lt);
}

.site-navigation.top-right .disclosure-nav button:before {
  border-color:var(--c-nav-lt);
}

.site-navigation.top-right {
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
}

.header-login-image {
  padding-top: 1rem;
}


@media screen and (max-width:1500px) {
  main article header#article-header .banner.title-image {
    grid-template-columns:3rem 70% auto 3rem;
  }
}


main article header#article-header .banner.title-image {
  min-height:500px;
}


main article header#article-header .banner.title-image .title-box {
  background-color:transparent;
}

.home #main-page-title, .page-type-landing #main-page-title {
  background-color: black;
  max-width: 15.2ch;
  padding: 0.1rem 0 0.3rem 1rem;
  margin-bottom: 0.5rem;
}

#main-page-title.offset {
  max-width: 15.5ch;
  margin-left: 3.6ch;
  margin-top: 0;
}

@media (max-width: 74rem) {
    
    #main-page-title {
      /*max-width: 15.8ch;*/
    }
    
    #main-page-title.offset {
      /*max-width: 17ch;*/
      margin-left: 2ch;
    }
    
    main article header#article-header .banner.title-image {
      min-height: 300px;
    }
    
}

@media (min-width: 63rem) and (max-width: 74rem) {
     main article header#article-header .banner.title-image .title-box .title-box--inner h1, main article header#article-header .banner.title-image .title-box .title-box--inner .slogan, main article header#article-header .banner.title-colour .title-box .title-box--inner h1, main article header#article-header .banner.title-colour .title-box .title-box--inner .slogan {
      font-size: 3.4rem;
    }    
}


/* Global */
body {
  overflow-wrap: break-word;
  color: #000;
}

main article { padding-bottom: 0; }

/* Page + title banner */
.body-content.breakout.bkgd-light {
    background-color: #F4F7F8;
    box-shadow: 0px 0rem 2rem #00000006, 0px 0rem 0.1rem #2e424966;
}

/* Job search component */

.job-search-wrapper {
    max-width:965px;
    margin-left: auto!important; 
    margin-right: auto!important; 
    padding: 2rem; 
    margin-top: 5rem!important; 
    margin-bottom: 5.5rem!important; 
    background-color: #F4F7F8;
    box-shadow: 0px 0.5rem 2rem #00000006, 0px 0rem 0.1rem #2e424966;
}

.job-search {
  width: 900px;
  color: black;
  background: transparent;
  box-sizing: border-box;
}

.job-search * { box-sizing: inherit; }

.job-search h1 {
  font-size: 1.5rem;
  font-weight: var(--f-medium);
  line-height: 1.1;
  margin: 0 0 1.5rem;
}

.job-search .field,
.job-search .select {
  background: #fff;
  border: 1px solid #d1d4d5;
  height: 2.7rem;
  display: flex;
  align-items: center;
}

.job-search .field:focus-within,
.job-search .select:focus-within { border-color: black; }

.job-search .keyword {
  position: relative;
  padding: 0 3rem 0 1rem;
  flex: 1 1 auto;
}

.job-search .keyword input {
  border: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  font-size: 1rem;
  outline: none;
}

.job-search .keyword::after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem; /* fixed from 1.5rempx */
  transform: translateY(-50%);
  background-image: url("https://www.tas.gov.au/__data/assets/git_bridge/0030/284097/images/default/google-icon-search_400_48.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem 1.5rem;
  opacity: 0.9;
  pointer-events: none;
}

.job-search .row { display: flex; gap: 1rem; }

.job-search .row.filters { margin-top: 1rem; }

.job-search .row.filters .select { flex: 1 1 0; }

.job-search .select {
  position: relative;
  padding: 0 0 0 1rem;
}

.job-search .select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0;
  background: transparent;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  outline: none;
  color: black;
}

.job-search .select::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform: translateY(-60%) rotate(45deg);
  pointer-events: none;
}

.job-search .button-wrap { margin-top: 18px; }

.job-search .search-btn {
  display: inline-block;
  width: 8.5rem;
  height: 2.7rem;
  background: black;
  color: #fff;
  border: 1px solid #000;
  font-weight: 500;
  cursor: pointer;
  font-size: 1rem;
  font-family: "Roboto Flex", Arial, Helvetica, sans-serif;
  letter-spacing: .025rem;
}

.job-search .search-btn:hover {
  background-color: #fff;
  color: #000;
}

/* Tiles */
ul.tile-listing.col2,
.workingtiles ul.tile-listing.col2 { grid-gap: 2rem; }

ul.tile-listing li { box-shadow: 0px 0.5rem 2rem #00000006, 0px 0rem 0.1rem #2e424966; }

ul.tile-listing a.tile,
ul.tile-listing div.tile { border: 0; }

ul.tile-listing a.tile .tile-text .tile-title,
ul.tile-listing div.tile .tile-text .tile-title { font-size: 1.3rem; }

ul.tile-listing a.tile .tile-text .tile-summary,
ul.tile-listing div.tile .tile-text .tile-summary { border-top: 0; }

ul.tile-listing a.tile:hover {
  background-color:black;
}

/* Buttons */
.button-link a,
.styled-box.text-btn-link .styled-box--inner .styled-box--button a,
.alt-feature-boxes .alt-feature-box .alt-feature-box--text a.box-button {
  background-color: #000;
  border: 1px solid #000;
  border-radius: 0;
}

.styled-box.text-btn-link .styled-box--inner .styled-box--button a { padding: 0.75rem 1.5rem; }

.styled-box.text-btn-link { border: none; }

/* Working tiles */
.workingtiles ul.tile-listing a.tile.external::after,
.workingtiles ul.tile-listing a.tile.external:hover::after { display: none; }

.workingtiles .button-link.has-text { margin-top: 1.5rem; }

.workingtiles ul.tile-listing a.tile .tile-text { padding: 1.5rem 1.5rem 0; }

.workingtiles ul.tile-listing a.tile:hover { background-color: #fff; }

.workingtiles ul.tile-listing li:hover a.tile { color: #000; }

.workingtiles ul.tile-listing a.tile .tile-image,
.workingtiles ul.tile-listing div.tile .tile-image { aspect-ratio: 2; }

/* Alt feature boxes */

.body-content.breakout.bkgd-dark {
  background-color:black;
}

.bkgd-dark .alt-feature-boxes .alt-feature-box .alt-feature-box--text a.box-button {
  background-color: #F4F7F8;
  border: 1px solid #F4F7F8;
  color: black;
}

.bkgd-dark .alt-feature-boxes .alt-feature-box .alt-feature-box--text a.box-button:hover {
  background-color: black;
  border: 1px solid white;
  color: white;
}

.alt-feature-boxes .alt-feature-box .alt-feature-box--image img { max-height: 600px; }

.alt-feature-boxes .alt-feature-box .alt-feature-box--text .box-headline {
  font-size: 3.5rem;
  font-weight: var(--f-medium);
  line-height: 1.1;
  max-width: 35rem;
}

.box-description p { font-size: 1.2rem; }

.alt-feature-boxes .alt-feature-box .alt-feature-box--text a.box-button:hover {
  background-color: black;
  color: white;
  border: 1px solid white;
}

/* Lorem feature overrides */
.loremfeature .alt-feature-boxes { color: #fff; }

.loremfeature .alt-feature-boxes .alt-feature-box { background-color: transparent; }

.loremfeature .styled-box.text-btn-link .styled-box--inner .styled-box--button a {
  background-color: #F4F7F8;
  color: #000;
}

/* See agencies */
.seeagencies .styled-box { padding: 1rem 0; }

.seeagencies .styled-box.text-btn-link.no-icon { max-width: 40rem; }

.seeagencies .styled-box h2 {
  font-size: 2.5rem;
  font-weight: var(--f-medium);
  margin-bottom: 0;
}

.seeagencies .styled-box--text p { font-size: 1.1rem; }

/* Agency tiles */

.agencytiles ul.tile-listing a.tile,
.agencytiles ul.tile-listing div.tile {
  background-color: #F4F7F8;
  color: #000;
  /* border: 1px solid #d1d4d5; */
  border: none;
  box-shadow: 0px 0.5rem 2rem #00000006, 0px 0rem 0.1rem #2e424966;
}

.agencytiles ul.tile-listing a.tile .tile-text,
.agencytiles ul.tile-listing div.tile .tile-text { padding: 1.5rem; }

.agencytiles ul.tile-listing a.tile .tile-text .tile-title,
.agencytiles ul.tile-listing div.tile .tile-text .tile-title {
  font-size: 1.2rem;
  font-weight: 500;
}

.agencytiles ul.tile-listing a.tile:hover {
  background-color: var(--c-tile-bg-hvr);
  /*border: 1px solid var(--c-tile-bg-hvr);*/
}

.agencytiles ul.tile-listing li:hover a.tile { color: #fff; }

.agencytiles ul.tile-listing a.tile:hover {
  background-color: black;
  /*border: 1px solid black;*/
}

/* Job opportunities tiles */
.jobopportunities ul.tile-listing a.tile,
/*.jobopportunities ul.tile-listing div.tile { border: 1px solid #d3d3d3;*/ }

.jobopportunities ul.tile-listing a.tile .tile-text,
.jobopportunities ul.tile-listing div.tile .tile-text {
  margin-bottom: 0;
  padding: 1.5rem;
}

.jobopportunities ul.tile-listing a.tile:hover { background-color: #fff; }

.jobopportunities ul.tile-listing li:hover a.tile { color: #000; }

/* Footer */

footer #mandatory-footer {
  background-color:black;
}

footer #acknowledgement {
  background-color:#272727;
}

footer #acknowledgement .acknowledgement-wrapper .acknowledgement-border {
  padding: 0;
  font-size: 1rem;
  border: none;
}


/* Responsive */
@media (max-width: 62rem) {
  .title-box--inner { max-width: 100%; }
}

@media (max-width: 70rem) {
  main article header#article-header .banner.title-image .title-box .title-box--inner h1,
  main article header#article-header .banner.title-colour .title-box .title-box--inner h1 { font-size: 2.2rem; }
}

@media (max-width: 920px) {
  .job-search { width: 100%; }
  .job-search .row { flex-wrap: wrap; }
  .job-search .row.filters .select { flex: 1 1 220px; }
}

/* Headings */

.page-type-content main article header#article-header .banner.title-only .title-box .title-box--inner h1 { 
    font-size: 2.5rem;
    font-weight: var(--f-medium);
    margin: 0.75rem 0 0.75rem;
}

/* Article header + breadcrumbs */
.page-type-content main article header#article-header {
  background-color: #F4F7F8;
  background-image: none;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
}

.page-type-content #content-wrapper.two-columns #body-content-wrapper .body-content.contain, #content-wrapper.three-columns #body-content-wrapper .body-content.contain {
    margin-bottom: 4rem;
}

.page-type-content main article header#article-header .banner.title-only .title-box .title-box--inner {
  padding:0 1rem 0 0;
}

.page-type-content main article header#article-header .breadcrumbs-bar {
  background-color: #F4F7F8;
  padding: 1rem 0 0;
}

#breadcrumbs span { display: none; }

/* Layout */
@media screen and (min-width: 74rem) {
.page-type-content main article #content-wrapper.two-columns.has-left-sidebar, .page-type-landing main article #content-wrapper.two-columns.has-left-sidebar {
  grid-template-columns: 1fr 345px;
  grid-template-areas: "body-content left-sidebar";
}
.page-type-content main article #content-wrapper .left-sidebar {
  margin-right: 0;
  margin-left: 3rem;
}
}

.page-type-content main article header#article-header {
box-shadow: 0px 0.5rem 2rem #00000006, 0px 0rem 0.1rem #2e424966;
}

/* Secondary nav */

#secondary-nav .secondary-menu {
  box-shadow: 0px 0.5rem 2rem #00000006, 0px 0rem 0.1rem #2e424966;
}

.page-type-content #secondary-nav .secondary-menu { background-color: #F4F7F8; }

.page-type-content #secondary-nav .secondary-menu li {
  margin: 0.5rem 0 0.75rem;
  padding-bottom: 0.5rem;
}

.page-type-content #secondary-nav .secondary-menu li:last-child {
  margin: 0.5rem 0;
  padding-bottom: 0;
}

.secondary-menu.secondary-menu-siblings {
  margin-bottom: 4rem !important;
}

#secondary-nav .secondary-menu {
  background-color:#F4F7F8;
}



/* Buttons */
.page-type-content .button-link a {
  background-color: #000;
  border: 1px solid #000;
  border-radius: 0;
}

/* Details / accordion */
.page-type-content details summary {
  display: flex;
  justify-content: space-between;
  padding: 1rem 4rem 1rem 1.5rem;
  background-color: #F4F7F8;
}

.page-type-content details summary::after {
  content: "+";
  font-size: 2.5rem;
  font-weight: 200;
  line-height: 0.6;
  margin-right: -2.5rem;
  padding-left: 1rem;
}

.page-type-content details[open] > summary::after { content: "–"; }

.page-type-content .button-link:hover a {
  background-color: white;
  color: black;
}


/* FEATURED DOC */

.featured-doc.no-thumb.small-feature {
  padding: 0.25rem;
}

.featured-doc .featured-doc--inner::before {
  height: 5rem;
  left: 1.25rem;
  top: 1rem;
  width: 3.4rem;
  filter: opacity(75%);
}

.featured-doc .featured-doc--inner {
  /* padding: .7rem .7rem .7rem 4.75rem; */
  padding: 1rem 1rem 1rem 5.5rem;
}

.featured-doc {
  border: none;
  box-shadow: 0px 0.5rem 2rem #00000006, 0px 0rem 0.1rem #2e424966;
}


.featured-doc {
  margin-bottom: 1.5rem;
}

.featured-doc .featured-doc--inner .file-links a:hover {
  background-color:white;
}

.featured-doc .featured-doc--inner .file-title {
  font-weight:var(--f-semi-bold);
}


.featured-doc .featured-doc--inner .file-links a:hover {
  color: var(--c-blue);
  text-shadow: 0px 0px 1px #32629566;
}

.page-type-content #maincontent::before {
  content: "";
  height: 300px;
  display: block;
  background-image: url(https://www.tas.gov.au/__data/assets/image/0027/483507/BrandTasmania_Bob-Muller_Work_100.jpg);
  background-position: 0% 52%;
  background-size: cover;
  background-repeat: no-repeat;
  filter: brightness(1.2) contrast(.9);
  box-shadow: inset 0px 1.625rem .5rem -16px #0006;
}

details {
  border: none;
  box-shadow: 0px 0.5rem 2rem #00000006, 0px 0rem 0.1rem #2e424966;
}

.page-type-content details summary:hover, .page-type-content details summary:focus {
  background-color: black;
}

.page-type-content details[open] > summary {
  border-bottom: 1px solid #2e424911;
}

.page-type-content details[open] > summary::after {
  margin-right: -2.375rem;
}


.styled-box--text h2 {
  padding-top: 0.125rem;
}

.styled-box.text-btn-link .styled-box--inner .styled-box--button a {
font-weight: 500;
}
.bkgd-dark .alt-feature-boxes .alt-feature-box .alt-feature-box--text a.box-button {
font-weight: 500;
}

ul.tile-listing a.tile .tile-text, ul.tile-listing div.tile .tile-text {
  margin-bottom: 2rem;
  padding: 1.5rem 1.5rem 0 1.5rem;
  font-weight: 500;
}

ul.tile-listing a.tile::after {
  bottom: 1rem;
  right: 1.5rem
}
  
  ul.tile-listing a.tile.no-description .tile-text, ul.tile-listing div.tile .tile-text {
    margin-bottom: 1.25rem
  }

ul.tile-listing a.tile.no-description::after {
  bottom: 1.25rem;
}

ul.tile-listing.col1 a.tile.no-description .tile-text {
  margin-bottom: 0;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  background-color: #F4F7F8;
  border-radius: 4px;
}

ul.tile-listing.col1 a.tile.no-description:hover .tile-text {
    background-color: black;
}

.one-column .styled-box {
  max-width: var(--max-width);
}

main article #content-wrapper.one-column #body-content-wrapper .body-content .styled-box--text p {
  max-width: var(--max-width);
}

ul.tile-listing li {
  box-shadow: 0px 0.5rem 2rem #00000006, 0px 0rem 0.125rem #2e4249;
  border-radius: 4px;
}

ul.tile-listing a.tile, ul.tile-listing div.tile {
  border-radius: 4px;
}

.job-search-wrapper {
  box-shadow: 0px 0.5rem 2rem #00000006, inset 0px 0rem 0.125rem #2e4249;
  border-radius: 4px;
}

.agencytiles ul.tile-listing a.tile, .agencytiles ul.tile-listing div.tile {
  box-shadow: none;
}

.body-content.breakout.bkgd-light {
  box-shadow: 0px 0.5rem 2rem #00000006, inset 0px 0rem 0.125rem #2e4249;
}

ul.tile-listing a.tile .tile-image img, ul.tile-listing div.tile .tile-image img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.page-type-content main article header#article-header {
  box-shadow: 0px 0.5rem 2rem #00000006, inset 0px 0rem 0.125rem #2e4249;
}

#secondary-nav .secondary-menu {
  box-shadow: 0px 0.5rem 2rem #00000006, inset 0px 0rem 0.125rem #2e4249;
  border-radius: 4px;
}

details {
  box-shadow: 0px 0.5rem 2rem #00000006, 0px 0rem 0.125rem #2e4249;
  border-radius: 4px;
}

.page-type-content details summary {
  border-radius: 4px;
}

.page-type-content details[open] > summary {
  border-bottom: 1px solid #2e424944;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#secondary-nav .secondary-menu {
  text-shadow: 0 0 1.5rem #fff;
}

.page-type-content main article header#article-header {
box-shadow: 0px 0.5rem 2rem #00000006, inset 0px 0rem 0.125rem #2e4249;
}

.job-search .field,
.job-search .select {
  border: 1px solid #2e424966;
}
#content-wrapper.two-columns iframe {
  max-width: var(--max-content);
  border-radius: 4px;
  box-shadow: 0px 0.5rem 2rem #00000006;
  aspect-ratio: 1.5;
}

.styled-box.more-info {
border-radius: 4px;
}

.featured-doc {
  border: none;
  box-shadow: 0px 0.5rem 2rem #00000006, inset 0px 0rem 0.125rem #2e4249;
  border-radius: 4px;
}

@supports (font-variation-settings:normal) {
  body {
    letter-spacing: revert;
  }
}


footer {
  display: flex;
  flex-direction: column;
}

footer #custom-footer {
  order: 1;
  background-color: black;
}

footer #acknowledgement {
  order: 2;
}

footer #mandatory-footer {
  order: 3;
  background-color: #171717;
}

.site-navigation.top-right {
  color: #272727;
}

body {
  color: #171717;
}


.pills-banner ul li a {
  background-color: black;
  border: 1px solid black;
  border-radius: 0;
}

.acknowledgement-border p {
  margin: 0;
}

@media (max-width: 94rem) {
    .acknowledgement-border p {
      display: inline;
    }
}

input, select, option {
  font-family: "Work Sans",Arial,Helvetica,sans-serif;
}

ul.tile-listing a#tile479738 .tile-image img {
  object-position: bottom;
}


header#main-header .header-row-logo .header-row-logo--inner .nav-toggle .icon-bar {
  height:2px;
}

header#main-header .header-row-logo .header-row-logo--inner .nav-toggle .text-bar {
  filter: invert(1);
  font-weight: 500;
}

header#main-header .header-row-logo .header-row-logo--inner .nav-toggle.collapsed .icon-bar.top-bar {
  filter: invert(.9);
}

header#main-header .header-row-logo .header-row-logo--inner .nav-toggle.collapsed .icon-bar.middle-bar {
  filter: invert(.9);
}

header#main-header .header-row-logo .header-row-logo--inner .nav-toggle.collapsed .icon-bar.bottom-bar {
  filter: invert(.9);
}

.meaningful-work-footer-inner {
  display: grid;
  grid-template-areas: "title text";
  grid-auto-columns: 1fr 1.5fr;
}

.meaningful-work-footer-inner-title {
  grid-area: title;
}

.meaningful-work-footer-inner-text {
  grid-area: text;
  padding-right: 3rem;
}

.meaningful-work-footer-inner-title h2 {
  font-size: 3.2rem;
  margin-top: 1.125rem;
  padding-top: 0;
}

.meaningful-work-footer-inner-text p {
  font-size: 1.125rem;
  font-weight: 450;
}

.meaningful-work-footer-inner-title {
  padding-right: 4.5rem;
  padding-left: 1.125rem;
}

.meaningful-work-footer-outer {
  background-color: black;
  color: white;
}

@media (max-width:74rem){

        .meaningful-work-footer-inner-title {
          grid-area: text-start;
          padding-left: 0;
        }
        
        .meaningful-work-footer-inner-text {
          grid-area: unset;
          margin-top: 1.5rem;
          margin-bottom: 1.5rem;
        }
        
        .meaningful-work-footer-inner {
          grid-template-areas: "text";
          grid-auto-columns: auto;
        }
    }
    
.button-wrap .subscribe-link {
  float: right; 
  padding: 1rem 0 1rem 1rem;
}

@media (max-width:62rem){
.button-wrap .subscribe-link {
  /*float: none;*/
  padding: 1rem 0 0 0;
  display: block;
  text-align: right;
  font-size: 0.75rem;
}

.job-search-wrapper {
    padding: 1.5rem 1.5rem 1rem 1.5rem; 
}
}

@media (max-width:34rem){
    header#main-header .header-row-logo .header-row-logo--inner .logo-sitename .tas-gov-logo img {
      width: 6rem;
    }
    
    header#main-header .header-row-logo .header-row-logo--inner .logo-sitename {
      grid-template-columns: 7rem 1fr;
    }
    
    .header-login-image {
      padding-top: 0.75rem;
      margin-right: 0.25rem;
    }
    
    header#main-header .header-row-logo .header-row-logo--inner .logo-sitename .sitename {
      font-size: 0.625rem;
      padding: 0.2rem 0 0 0.75rem;
      margin-top: .5rem;
    }
    
    header#main-header .header-row-logo {
      padding: 0.5rem 0 0.5rem 0;
    }
    
    .header-login-image {
      max-width: 3.5rem;
    }
    
    header#main-header .header-row-logo .header-row-logo--inner {
      min-height: 60px;
    }
      .contain, .body-content.contain {
        padding: 0 1rem;
  }
}



@media screen and (max-width: 62rem) {
  header#main-header .header-row-logo .header-row-logo--inner .nav-toggle {
    filter: invert(1);
  }
}

@media screen and (max-width: 74rem) {

header#main-header .header-row-logo .header-row-logo--inner .nav-toggle.collapsed .icon-bar.top-bar {
  filter: invert(.1);
}

header#main-header .header-row-logo .header-row-logo--inner .nav-toggle.collapsed .icon-bar.middle-bar {
  filter: invert(.1);
}

header#main-header .header-row-logo .header-row-logo--inner .nav-toggle.collapsed .icon-bar.bottom-bar {
  filter: invert(.1);
}

header#main-header .header-row-logo .header-row-logo--inner .nav-toggle .text-bar {
  filter: invert(0);
}
}



@media (max-width:34rem){

  main article header#article-header .banner.title-image .title-box .title-box--inner h1, main article header#article-header .banner.title-colour .title-box .title-box--inner h1 {
    font-size: 1.6rem;
  }

.home #main-page-title, .page-type-landing #main-page-title {
  max-width: 16.2ch;
  padding: 0.1rem 0 0.3rem 0.5rem;
}

.home #main-page-title.offset, .page-type-landing #main-page-title.offset {
  max-width: 16.5ch;
}

  main article header#article-header .banner.title-image {
    min-height: 200px;
  }

main article header#article-header .banner.title-image .title-box .title-box--inner, main article header#article-header .banner.title-colour .title-box .title-box--inner {
  padding: 2rem 0rem 2rem 0;
}

  main article header#article-header .banner.title-image {
    grid-template-rows: 0 auto 0;
  }
}

/* Now set in metadata */
/*Graduates 
.page-type-content.page488752 #maincontent::before {
  background-position: 0% 54%!important;
} */

/*School Based Traineeships 
.page-type-content.page488756 #maincontent::before {
  background-position: 0% 60%!important;
} */

/*See It. Dream it. Do it.
.page-type-content.page488764 #maincontent::before {
  background-position: 0% 54%!important;
} */

/*Teacher Internship Placement Program (TIPP)
.page-type-content.page488772 #maincontent::before {
  background-position: 0% 55%!important;
}*/

/*Legal Graduate Program
.page-type-content.page488776 #maincontent::before {
  background-position: 0% 50%!important;
}*/

/*Our agencies
.page-type-content.page479712 #maincontent::before {
  background-position: 0% 71%!important;
}*/

/*Eligibility
.page-type-content.page479935 #maincontent::before {
  background-position: 0% 87%!important;
}*/