/* Reset -------------------------------------------------------------------- */
    *,  *::before,  *::after {box-sizing: border-box;}
    ul[class],ol[class] {  padding: 0;}
    body,h1,h2,h3,h4,h5,h6,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd {  margin: 0;}
    body {min-height: 100vh;    scroll-behavior: smooth;    text-rendering: optimizeSpeed;  line-height: 1.5;}
    a:not([class]) { text-decoration-skip-ink: auto;}
    img {  max-width: 100%;  display: inline-block;}
    article > * + * {   margin-top: 1em; }
    input,button,textarea, select { font: inherit;}
    .hidden-desktop {display:none;}
    .row{margin-left:0; margin-right:0;}
    @media (prefers-reduced-motion: reduce) {  * {   animation-duration: 0.01ms !important;  animation-iteration-count: 1 !important;    transition-duration: 0.01ms !important;  scroll-behavior: auto !important;}}
    @media only screen and (max-width:48em){ p {margin-left: 1em; margin-right: 1em;} }

/* variables -------------------------------------------------------------------- */
    :root {
        /* colour stack */
        --cl-lightblue: #5d9bd2;
        --cl-darkblue: #4a87c2;
        --cl-sandstone: #F6F6F6;
        --cl-slate: #495159;
        --cl-white: #ffffff;
        --cl-darkblue-shadow: #12395C;
    }

/* core -------------------------------------------------------------------- */
    @font-face { font-family: 'bebas'; src: url('/__assets/fonts/bebasneue-regular-webfont.woff2') format('woff2'), url('/__assets/fonts/bebasneue-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
    @font-face { font-family: 'montserrat'; src: url('/__assets/fonts/montserrat-regular-webfont.woff2') format('woff2'),  url('/__assets/fonts/montserrat-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
    @font-face { font-family: 'montserratsemibold'; src: url('/__assets/fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('/__assets/fonts/montserrat-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
    @font-face { font-family: 'montserratbold'; src: url('/__assets/fonts/montserrat-bold-webfont.woff2') format('woff2'), url('/__assets/fonts/montserrat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

    html, body, p, table, td, span, div, li, dd, dl, input, select, textarea, label, legend{font-family:  'montserrat', Arial, Helvetica, sans-serif; font-weight:normal; clear:both; font-size: 1rem;}
    body{margin:0; padding:0; font-size:1em; background: #edede4; max-width: 100%; background-color: var(--cl-sandstone);}
    body, html {height: 100%;}
    .wrap { box-sizing: border-box; max-width: 1200px; margin: 0 auto;}
    .nopadding{padding:0;}
      
    h1,h2,h3,h4,h5,h6 { font-family:  'bebas', Arial, Helvetica, sans-serif; font-weight:normal; clear:both; margin-bottom: .5rem;}

    h1 {font-size: 3rem; line-height: 3rem;}
    h2 {font-size: 2.5rem; line-height: 2.5rem;}
    h3 {font-size: 2rem; line-height: 2rem;}
    h4 {font-size: 1.75rem; line-height: 1.75rem;}
    h5 {font-size: 1.5rem; line-height: 1.5rem;}
    h6 {font-size: 1.25rem; line-height: 1.25rem;}

    hr { width: 100%; border: 1px solid var(--cl-darkblue); margin: 40px 0;}

    @media only screen and (min-width:68em){
    /* md and up */
        h1 {font-size: 4rem; line-height: 4rem;}
        h2 {font-size: 3rem; line-height: 3rem;}
        h3 {font-size: 2.5rem; line-height: 2.5rem;}
        h4 {font-size: 2rem; line-height: 2rem;}
        h5 {font-size: 1.5rem; line-height: 1.5rem;}
        h6 {font-size: 1.25rem; line-height: 2.5rem;}    
    }

/* Footer  -------------------------------------------------------------------- */

    footer {padding: 2em 0;}
    footer ul{margin: 20px 0 0 0; padding: 0; list-style: none;}
    footer p{margin: 20px 0 0 0; font-size: .9em;}
    footer ul li{margin: .25em 0; font-size: .9em; ;}
    footer a, footer *{color: #fff; text-decoration: none;}
    footer a:hover {text-decoration: underline;}
    footer h2{font-size: 1.75em; margin-top:20px}
    footer .logobar {padding-top: 20px;}

  

    
/* banners -------------------------------------------------------------------- */
    .bg-darkblue  {background-color: var(--cl-darkblue);}
    .bg-lightblue {background-color: var(--cl-lightblue);}
    .bg-darkgrey {background-color: var(--cl-slate);}
    .bg-lightgrey {background-color: var(--cl-sandstone);}
    .bg-white {background-color: var(--cl-white);}
    .cl-text {color: #333333;}
    .shadow {text-shadow: 0px 0px 6px #333; }

    #l-logo.innerpages{padding:10px;}
    .box{border:1px solid red; margin-bottom:40px}
    .margin-top {margin-top: 30px}
    .margin-bottom {margin-bottom: 50px}

    .banner * {color: var(--cl-white); }
    .banner {padding: 2.5rem 0 2rem 0;}
    .bg-white.banner *, .bg-lightgrey *{color: var(--cl-darkblue);}

    #banner-home {background: center no-repeat cover; min-height: 570px; background-attachment: fixed;  background-size: cover;}
    #banner-home .intro { background-image: linear-gradient(rgba(48,97,110,1), rgba(48,97,110,0)); padding: 1rem;}
    #banner-home h1 {color: var(--cl-white); text-shadow: 0px 0px 2px #333; margin: 5rem 0 2rem 0;}

    #banner-content {background: center no-repeat cover; background-attachment: fixed;}
    #banner-content .intro { background-image: linear-gradient(rgba(48,97,110,1), rgba(48,97,110,0)); padding: 1rem;}
    #banner-content h1 {color: var(--cl-white); text-shadow: 0px 0px 2px #333; margin: .5rem 0 0rem 0rem; font-size: 2rem; line-height: 1.4rem; margin-top: 20px; font-family: 'montserratsemibold', Arial, Helvetica, sans-serif;}
    #banner-content #l-logo img{width: max-content; height: max-content;}

    #subnav{ padding: 5px 0;}

    .card-job { border: 2px solid var(--cl-white); background-color: var(--cl-sandstone); display:block; padding: 1rem; transition: .5s; margin-top: 20px; margin-bottom: 20px;}
    .card-job .title{font-size: .75em; padding-bottom: .25rem; border-bottom: 1px solid var(--cl-lightblue); display: block; margin-bottom: 1.25rem; text-align:left;}
    .card-job * { color: var(--cl-lightblue); text-decoration: none;}
    .card-job h3 { font-size: 2em; line-height: 1em; margin-top: 1rem; text-align: left;}
    .card-job p {text-align: left;}
    .card-job:hover { border: 2px solid var(cl-lightblue);background-color: var(--cl-white); box-shadow: 5px 5px 5px var(--cl-darkblue-shadow); background-color: var(--cl-white);  /*margin: 15px -10px 0px -5px; padding-bottom: 20px;*/} 
    .card-job:hover h3, .card-job:hover p{ color: var(--cl-darkblue);} 

    .icon-mini-infrastructure{ background: url(/__assets/gfx/ICON-Bridge-blue.svg) top right no-repeat; background-size: 2em;}
    .icon-mini-construction{ background: url(/__assets/gfx/ICON-Construct-blue.svg) top right no-repeat; background-size: 1.6em; }
    .icon-mini-mining{ background: url(/__assets/gfx/ICON-Mine-blue.svg) top right no-repeat; background-size: 1.6em;}
    .icon-mini-renewable{background: url(/__assets/gfx/ICON-Wind-blue.svg) top right no-repeat; background-size: 2em;}
    .icon-white-mini-infrastructure{ background: url(/__assets/gfx/ICON-Bridge.svg) right 50% no-repeat; background-size: 2em;}
    .icon-white-mini-construction{ background: url(/__assets/gfx/ICON-Construct.svg)  right 50% no-repeat; background-size: 1.6em; }
    .icon-white-mini-mining{ background: url(/__assets/gfx/ICON-Mine.svg) right 50% no-repeat; background-size: 1.6em;}
    .icon-white-mini-renewable{background: url(/__assets/gfx/ICON-Wind.svg) right 50% no-repeat; background-size: 2em;}

    .icon-mini-irse{ background: url(/__assets/gfx/ICON-railway2-blue.svg) top right no-repeat; background-size: 1.6em;}
    .icon-mini-site-services{ background: url(/__assets/gfx/ICON-engineer-blue.svg) top right no-repeat; background-size: 1.2em; }
    .icon-mini-assuranceservices{ background: url(/__assets/gfx/ICON-rail-blue.svg) top right no-repeat; background-size: 1.4em;}
    .icon-mini-managementsupport{background: url(/__assets/gfx/ICON-railway1-blue.svg) top right no-repeat; background-size: 1.6em;}
 
    .icon-white-mini-irse{ background: url(/__assets/gfx/ICON-railway2.svg) top right no-repeat; background-size: 1.6em;}
    .icon-white-mini-site-services{ background: url(/__assets/gfx/ICON-engineer.svg) top right no-repeat; background-size: 1.2em; }
    .icon-white-mini-assuranceservices{ background: url(/__assets/gfx/ICON-rail.svg) top right no-repeat; background-size: 1.4em;}
    .icon-white-mini-managementsupport{background: url(/__assets/gfx/ICON-railway1.svg) top right no-repeat; background-size: 1.6em;}


    /* util -------------------------------------------------------------------- */

    .screenreader { position: absolute; overflow: hidden;   margin: 0px;    width: 1px; height: 1px;    clip-path: inset(100%); clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;}
    .align-right {text-align:right;}

    .form-item {padding-bottom: 20px;}
    .form-item label {color: #353434}
    .form-item span {font-size: 1.4em; display: inline-block; width: 90%;}
    .form-item input, .form-item textarea, .form-item select, .inputbox{  padding: 10px; border-radius: 5px; font-size: .8em; display: block; margin: 2px 0 7px 0; width: 70% !important; height: auto; border: 1px solid var(--cl-darkblue);}
    .form-item input[type=checkbox]{width: auto !important;}
    .form-item input[type=submit]{width: auto !important; padding: 3px 1.5em; }
    .form-item .no-border {border:0;}

    #nav-menu,  #nav-toggle{float:right;}
    #nav-toggle {display:block;}
    #nav-group, .nav-filter-menu {display:none;}
    .nav-items {list-style: none; }
    .nav-items li{display: inline;}
    .nav-items li a, .nav-filter a{color: var(--cl-white); text-decoration: none; margin: 0 1rem;}
    .nav-items .menu-item {display: block;}
    
    .filter-items{list-style: none; margin-right: 20px;}
    .filter-items li {display: inline;  padding: 0 15px 3px 0px; }
    .filter-items li a{display: inline; border-bottom: 1px solid #fff !important; padding: 0 15px 3px 0px; margin-top: 1em; margin-right: 25px; background: url(/__assets/gfx/arrow.svg) right 50% no-repeat; background-size: .5em;}
    .filter-items li a, .filter-items a{color: var(--cl-white); text-decoration: none; margin: 0 0 0 0rem; white-space: nowrap;}
    .nav-filter strong {font-family:  'bebas', Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: normal;}
    .filter-items .menu-item {display: inline-block;}
    .nav-filter {line-height: 1.5em;}
    .filter-items span {background-color: #fff; color: var(--cl-darkblue); border-radius: 3px; font-size: .75em; padding: 2px 6px; font-weight: bold;}
    .nav-filter-menu, .nav-filter-padding{padding: 10px ;}
    .nav-filter-menu {padding: 10px 10px 10px 30px;}
    .menu-icon{fill: var(--cl-white);}

    .mobile{ position: fixed;        width:100%;        height:100%;  min-width: 100%; min-height:100%;      background-color:  rgba(20, 20, 20, 0.8);   right: 0;        top:0;}
    .mobile .inner{ background-color: var(--cl-darkblue); width:60%; height:100%; float: right; overflow: auto;}
    .mobile .nav-items{ display: block; width: 100%;} 
    .mobile .nav-items li{width: 100%; text-align: center; display: block;}
    .mobile .nav-items .menu-item{ border-bottom: 1px solid #fff; margin: 0 20px; }
    .mobile .nav-items li a{  display: block; padding: 20px 0; text-align: right;}
    .mobile .nav-items li.sub a {padding: 20px 20px 20px 0; background: url(/__assets/gfx/icon-plus.svg) right 50% no-repeat;}
    .mobile .nav-items li.sub .sub-menu li a {background-image: none; border-bottom:0; padding: 0 20px 10px 0 }
    .mobile .nav-items li.sub .sub-menu li a:hover {text-decoration: underline;}
    .mobile .nav-items li.sub .sub-menu {display: none; padding-bottom: 20px;}

    .nav-filter-menu.mobile{ display: block; margin: 0; padding:0;}
    .nav-filter-menu.mobile .inner{ background-color: var(--cl-darkblue); width:60%; height:100%; float: left;  overflow: auto;}
    .nav-filter-menu.mobile .filter-items{ display: block; width: 100%; padding: 0 0px 3px 0px;} 
    .nav-filter-menu.mobile .filter-items li{width: 100%; min-width:100%; text-align: left; display: block; padding-right:0 !important;}
    .nav-filter-menu.mobile .filter-items .menu-item{ border-bottom: 1px solid #fff; margin: 0 20px; display: block; width: auto; }
    .nav-filter-menu.mobile .filter-items li a{  display: block; padding: 20px 0; text-align: left; border-bottom: 0px !important;}
    .nav-filter-menu.mobile .filter-items li.sub a {padding: 20px 0px 20px 20px; background: url(/__assets/gfx/icon-plus.svg) left 50% no-repeat;}
    .nav-filter-menu.mobile .filter-items li.sub .sub-menu li {background-image: none; border-bottom:0 ; padding: 0 0px 10px 20px; color: var(--cl-white); }
    .nav-filter-menu.mobile .filter-items li.sub .sub-menu {display: none; padding-bottom: 20px;}
    .nav-filter-menu.mobile .close-box {margin-right: 15px !important;}

    .close-box { margin: 12px 36px 0 0;  float: right;  width: 40px;}
    .close-box .close-x { stroke: white; fill: transparent; stroke-linecap: round; stroke-width: 4; }
    .close-job {margin: 12px 0 15px 0;  float: right;  width: 40px;  background-color: var(--cl-darkblue); border-radius: 5px; padding: 6px 6px 0 6px;}
    .close-job .close-x { stroke: #fff; fill: transparent; stroke-linecap: round; stroke-width: 4; padding-bottom:0; background-color: var(--cl-darkblue); border-radius: 5px;}

    .iconbar, .iconframe{ width: 100%;}
    .iconbar *{ vertical-align: top;}
    .iconbar span{ display: inline-block; width:45%; text-align: center;}
    .iconbar img{margin: 0 auto;}
    .iconbar .right{float:right;}

    .button {border: 1px solid; padding: .60rem 1.5rem .65rem 1.5rem;; border-radius: 30px; text-decoration: none; display:inline-block; margin-bottom:1rem; white-space: nowrap;}
    .button.margin-right {margin-right: 1rem;}
    .button.secondary {background-color: var(--cl-white); border-color: var(--cl-white); color: var(--cl-lightblue);}
    .button:hover.secondary {background-color: var(--cl-sandstone); border-color: var(--cl-sandstone); color: var(--cl-darkblue);}
    .button.primary {background-color: var(--cl-lightblue); border-color: var(--cl-lightblue); color: var(--cl-white);}
    .button:hover.primary {background-color: var(--cl-darkblue); border-color: var(--cl-darkblue); color: var(--cl-white);}
    input.button{border-radius: 30px!important; font-size: 1rem;}

    .button-inbar {font-size: .9rem; background-image: none !important; border: 0; padding: .25rem 1.5rem .25rem 1.5rem !important; margin:0; border-radius: 30px; text-decoration: none; display:inline-block;  white-space: nowrap; color: var(--cl-white); border: 1px solid var(--cl-white); background-color: transparent;}
    .mobile .button-inbar {margin: 1em; }
    .menu-item.no-border {border-bottom:0 !important;}

    .bg-darkblue.banner .button, .bg-lightgrey.banner .button{font-size: .7em; }
    .bg-darkblue.banner .button:hover{background-color: var(--cl-lightblue); color: var(--cl-white);}
    .bg-lightgrey.banner .button:hover{background-color: var(--cl-white); }

    .quotebox { background: url(/__assets/gfx/quote-left.svg) top left no-repeat;  margin:3rem; }
    .quoteboxmid{background: url(/__assets/gfx/quote-right.svg) bottom right no-repeat; padding: 1rem;  text-align: center;}
    .quotebox span{ font-style: italic; font-size: .75em;}

    .index-box {margin-bottom: 2rem; transition: .5s;}
    .index-box * {background-color: var(--cl-white); vertical-align: middle; }
    .index-box .imagebox{ max-height: 250px; overflow: hidden;}
    .index-box .textbox{background-color: var(--cl-white); padding: 1.25rem; color: var(--cl-darkblue); text-align: left;;}
    .index-box h2{ font-size: 2rem; line-height: 2.5rem; margin:0;}
    .index-box .textbox img{margin-right: 1rem;}
    .index-box a{text-decoration: none; color: var(--cl-darkblue);}
    .index-box:hover .imagebox, .index-box:hover .textbox{box-shadow: 3px 3px 15px #9f9f9f; background-color: var(--cl-white); }

   
    #jobs { background-color: var(--cl-white);}
    #jobs h2.topheader {font-size: 1.75rem; margin-top: 5px; color: var(--cl-darkblue); background-size: 30px; text-align: left; border-bottom: 1px solid var(--cl-darkblue); margin-bottom:20px; font-family: 'bebas', Arial, Helvetica, sans-serif;}

    #contentblock { background-color: var(--cl-white);}
    #contentblock h2.topheader {font-size: 1.75rem; margin-top: 5px; color: var(--cl-darkblue); background-size: 30px; text-align: left; border-bottom: 1px solid var(--cl-darkblue); margin-bottom:20px; font-family: 'bebas', Arial, Helvetica, sans-serif;}
    #contentblock .jobsinner h2.topheader {color: var(--cl-white); border-bottom: 1px solid var(--cl-white);}

    #contentblock .jobsinner .card-job {text-decoration: none; padding: .9rem;}
    #contentblock .jobsinner .card-job h3 { margin-top: auto;}
    #contentblock .jobsinner .card-job p {font-size: .9rem;}
    
    #content {border-right: 10px solid var(--cl-sandstone); padding: 10px 30px;}
    #content h1, #content h2, #content h3, #content h4{color: var(--cl-darkblue); font-family: 'montserratsemibold', Arial, Helvetica, sans-serif;} 
    #content h1 {font-size: 2.5rem; line-height: 1em; margin: 30px 0}
    #content h2 {font-size: 2.0rem; line-height: 1em; margin: 30px 0}
    #content h3 {font-size: 1.5rem; line-height: 1em; margin: 30px 0}
    #content h4 {font-size: 1.25rem; line-height: 1em; margin: 30px 0}
    #content * {text-align: left;}

    .joblist {list-style: none; margin: 0; padding: 0; text-align: left;} 
    .joblist .card {display:block; padding: 10px 10px 10px 40px; background-position: 10px 15px; background-size: 20px}
    .joblist .card {text-decoration: none;}
    .joblist .card h3{font-size: 1.25rem; color: var(--cl-darkblue); display: block; margin-bottom: .15rem; line-height: 1em; font-family: 'montserratsemibold', Arial, Helvetica, sans-serif;} 
    .joblist .card * { text-align: left;}
    .joblist .card p { font-size: .8em; line-height:1rem; color: var(--cl-slate); margin: .5em 0 0 0;}

    .joblist .card.active{background-color: #EDF5FC; border-left: 5px solid var(--cl-darkblue);}
    .joblist .card:hover{background-color: #EDF5FC;}

    .joblist-page {list-style: none;}
    .joblist-page li {display: inline-block; margin: 3px; }
    .joblist-page li a{border: 1px solid var(--cl-lightblue); border-radius: 5px; text-decoration: none; color: var(--cl-lightblue);  padding: 6px 9px 3px 9px; min-width: 40px; display: inline-block; text-align: center;}
    .joblist-page li a.selected{ background-color: var(--cl-lightblue); color: var(--cl-white);}
    .joblist-page .page {background-color: var(--cl-sandstone); color: var(--cl-slate); border-color: var(--cl-sandstone);}
    .joblist-page li a:hover {text-decoration: underline;}
    /* 
    .joblist .card:hover h3, .joblist .card:hover p{color: #fff;}
    .card.icon-mini-construction:hover{ background-image: url(/__assets/gfx/ICON-Bridge.svg);}
    .card.icon-mini-infrastructure:hover{ background-image: url(/__assets/gfx/ICON-Construct.svg);}
    .card.icon-mini-mining:hover{ background-image: url(/__assets/gfx/ICON-Mine.svg);}
    .card.icon-mini-renewable:hover{ background-image: url(/__assets/gfx/ICON-Wind.svg);}
    */

    #jobdetails, .jobsinner, .pagepadding {padding: 15px 25px} 
    #jobdetails {border-left: 10px solid var(--cl-sandstone); display:none; }
    #jobdetails .icon-mini-construction,
    #jobdetails .icon-mini-infrastructure,
    #jobdetails .icon-mini-renewable,
    #jobdetails .icon-mini-mining{background-size: 40px; background-position: right top;}

    #jobdetails * {text-align: left;}
    #jobdetails h1, #jobdetails h2, #jobdetails h3{color: var(--cl-darkblue); font-family: 'montserratsemibold', Arial, Helvetica, sans-serif;} 
    #jobdetails h1 {font-size: 2.5rem; line-height: 1em; margin: 30px 0}
    #jobdetails.overlay{position: fixed; z-index: 1; width:100%; height: 100%; min-width: 100%; min-height: 100%; display:block; background-color: #fff; top: 0; left:0; border:0; overflow: scroll;} 

    @media only screen and (min-width: 992px){ 
        #jobdetails {display:block;}
        .close-job {display:none;}
    }
    
    #jobsummary {padding:0;}
    #jobsummary ul{list-style: none; margin: 0; padding:0;}
    #jobsummary li{color: var(--cl-darkblue); }
    #jobsummary li strong{font-weight: bold;}

    #jobapply {text-align: left; padding: 20px 0 0 0;}
    #jobapply button{width: 15em; text-align: center; margin: 0 0 10px 0; padding: 5px 15px; border: 1px solid var(--cl-darkblue);}
    
    .jobspec{ border-top: 1px solid var(--cl-darkblue); margin-top: 20px; padding-top: 20px; }
    .jobspec ul {padding: 0 0 0 20px;}
    .jobspec h2, .jobspec h3{color: #000;}
    .jobspec h2{font-size: 1.5em; margin: 10px 0 10px 0;}

    .contactdetails{text-align: left; color:var(--cl-darkblue); text-decoration: none; }
    .contactdetails p{margin: 0;}
    .contactdetails a{color:var(--cl-darkblue); }

    .breadcrumb {margin-left: auto; margin-right: auto; padding:0; padding-left: 20px;}
    .breadcrumb ul {list-style: none; margin:0; padding: 0;}
    .breadcrumb li {padding: 0; display: inline-block; margin: 3px; color: var(--cl-slate); font-size:  .8rem;}
    .breadcrumb li a{text-decoration: none; color: var(--cl-slate);  padding: 6px 9px 3px 0px; display: inline-block; text-align: center;}
    .breadcrumb li a:hover {text-decoration: underline;}

    @media only screen and (min-width: 56em){ 
        #nav-toggle,.close-box {display:none;}
        #nav-group, .nav-filter-menu{display:block;}
        .nav-items li.sub a {padding-left: 20px; background: url(/__assets/gfx/icon-plus.svg) left 50% no-repeat;}
        .nav-items li.sub .sub-menu {  position: absolute; background-color: var(--cl-sandstone); width: 250px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 20px 10px 12px 10px; z-index: 1;} 
        .nav-items li.sub .sub-menu li a {display: block; color:var(--cl-darkblue); background-image: none; padding: 0px 0 10px 0;}
        .nav-items li.sub .sub-menu li a:hover {text-decoration: underline;}
        .nav-items li.sub .sub-menu {display: none;}
        .nav-items .menu-item {display: inline-block;}

        .filter-items li.sub .sub-menu {  position: absolute; background-color: var(--cl-sandstone); width: 250px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 10px 10px 12px 10px; z-index: 1; display:none;} 
        .filter-items li.sub .sub-menu li {display: block; color:var(--cl-darkblue); padding: 5px 0 2px 0;}
    }


    @media only screen and (min-width: 68em){ 
        footer .right *{text-align:right;}
        footer .center *{text-align: center;}
        footer h2 {margin-top:0}
        #jobapply {text-align: right;}
    }