body {
    padding: 60px 0;
}

body.home {
    padding-top: 0;
}

body.no-job-bar {
    padding-bottom: 0;
}

body.no-job-bar footer {
    margin-bottom: 0;
}

@media screen and (min-width: 1120px) {

    body {
        padding: 95px 0;
    }

}

@font-face {
    font-family: 'martinregular';
    src: url('martin-regular-webfont.woff2') format('woff2'),
         url('martin-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ADADAD;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ADADAD;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ADADAD;
}


svg.svg-select {
	fill: none;
	stroke: #000;
	stroke-linecap: square;
	stroke-miterlimit: 10;
}

svg.svg-mag-glass {
	fill: none;
	stroke: #000;
	stroke-miterlimit: 10;
}

.text-centre {
    text-align: center!important;
}

/* ////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////// header ///////////////////////////////// */

.header {
    position: fixed;
    z-index: 3;
    top: 0;
    width: 100%;
    height: 60px;
    background: transparent;
    transition: background 0.25s ease-in-out;
}

    body.home.sac .header {
        position: absolute;
    }

    .header .mobile-main-nav a {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 22px;
        height: 22px;
        background: transparent;
        position: absolute;
        top: 22px;
        left: 19px;
    }

    .header .mobile-main-nav a span {
        display: block;
        width: 100%;
        border-top: 1px solid #fff;
        position: absolute;
        top: 0;
        left: 0;
    }

    .header .mobile-main-nav a span:before,
    .header .mobile-main-nav a span:after {
        content: "";
        display: block;
        width: 100%;
        border-top: 1px solid #fff;
        position: absolute;
        top: 7.5px;
        left: 0;
    }

    .header .mobile-main-nav a span:after {
        top: 16px;
    }


.off-top .header,
.always-off-top .header {
    background: #fff;
}



        .off-top .header .mobile-main-nav a span,
        .off-top .header .mobile-main-nav a span:before,
        .off-top .header .mobile-main-nav a span:after,
        .always-off-top .header .mobile-main-nav a span,
        .always-off-top .header .mobile-main-nav a span:before,
        .always-off-top .header .mobile-main-nav a span:after {
            border-color: #000;
        }




.header .logo {
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    top: 61px;
    left: 36px;
    background: transparent url(../img/logo.png) 0 0 no-repeat;
    background-size: 165px;
    width: 200px;
    height: 102px;
    transition: all 0.25s ease-out;
}

    .off-top .header .logo,
    .always-off-top .header .logo {
        transform: translate(0,-20px);
        opacity: 0;
    }

    body.home.sac .header .logo {
        top: 20px;
        left: 38px;
    }

.header .logo-off-top {
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    top: 21px;
    left: 62px;
    background: transparent url(../img/logo.png) 0 -180px no-repeat;
    background-size: 200px;
    width: 200px;
    height: 22px;
    transition: all 0.25s ease-out;
    opacity: 0;
    transform: translate(0,10px);
}

    .off-top .header .logo-off-top {
        opacity: 1;
        transform: translate(0,0);
    }

.always-off-top .header .logo {
    display: none;
}

.always-off-top .header .logo-off-top {
    transition: all 0s ease-out;
    opacity: 1;
    transform: translate(0,0);
}



    @media screen and (max-width: 374px) {

        .header .logo-off-top {
            background-size: 170px;
            width: 170px;
            background-position: 0 -151px;
        }

    }

/* header country button */

.mobile-header-country-menu-button a,
.desktop-header-country-menu-button a {
    color: #fff;
    position: absolute;
    right: 0;
    background: transparent;
    width: 70px;
    top: 17px;
}


    .desktop-header-country-menu-button a {
        position: relative;
        color: #fff;
        right: 0;
        top: -4px;
        width: inherit;
        padding: 0 !important;
    }

    .desktop-header-country-menu-button .menu-label {
        display: none;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 13px;
        float: left;
        padding: 4px 10px 4px 0;
        max-width: 135px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .off-top .mobile-header-country-menu-button a,
    .off-top .desktop-header-country-menu-button a,
    .always-off-top .mobile-header-country-menu-button a,
    .always-off-top .desktop-header-country-menu-button a {
        color: #000;
    }

    

.mobile-header-country-menu-button a span.country {
    border: 1px solid;
    padding: 3px 5px 4px;
    font-size: 13px;
    margin: 0 9px 0 0;
    float: left;
    font-weight: 500;
}

.desktop-header-country-menu-button a span.country {
    border: 1px solid;
    padding: 6px 4px 7px;
    font-size: 13px;
    margin: -3px 9px 0 0;
    float: left;
    font-weight: 500;
}

.mobile-header-country-menu-button span.select-symbol {
    width: 10px;
    display: inline-block;
}

.desktop-header-country-menu-button span.select-symbol {
    width: 15px;
    float: left;
}

.mobile-header-country-menu-button span.select-symbol svg.svg-select,
.desktop-header-country-menu-button span.select-symbol svg.svg-select {
    stroke: #fff;
}

    .off-top .mobile-header-country-menu-button span.select-symbol svg.svg-select,
    .off-top .desktop-header-country-menu-button span.select-symbol svg.svg-select,
    .always-off-top .mobile-header-country-menu-button span.select-symbol svg.svg-select,
    .always-off-top .desktop-header-country-menu-button span.select-symbol svg.svg-select {
        stroke: #000;
    }



.mega-dropdown {
    display: none;
}

.desktop-search {
    display: none;
}

.desktop-header-country-menu-button .menu {
    padding: 30px 0 15px;
    font-size: 13px;
}

.desktop-header-country-menu-button .menu a {
    background: transparent;
    padding: 7px 20px!important;
    color: #000;
}

.desktop-header-country-menu-button .menu a span {
    position: relative;
}

.desktop-header-country-menu-button .menu a span:after {
    content: "";
    border-bottom: 1px solid transparent;
    position: absolute;
    width: 100%;
    bottom: -2px;
    left: 0;
    transition: all 0.25s ease-in-out;
}

.desktop-header-country-menu-button .menu a:hover span:after {
    border-color: #000;
}

.search-and-country-container .is-dropdown-submenu {
    border: none;
}



@media screen and (min-width: 1120px) {

    .header {
        height: 95px;
    }

    .header .logo,
    body.home.sac .header .logo {
        top: 41px;
        left: 41px;
        background-size: 200px;
        width: 200px;
        height: 125px;        
    }

    .header .logo-off-top {
        top: 37px;
        left: 40px;
    }

    .header .mega-dropdown {
        display: block;
        font-size: 0;
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }

    .header .mega-dropdown .mega-dropdown-heading {
        display: inline-block;
        font-size: 13px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.025rem;
        padding: 37px 15px 39px;
    }

    .header .mega-dropdown .mega-dropdown-heading a {
        color: #fff;
    }

        .off-top .header .mega-dropdown .mega-dropdown-heading a,
        .always-off-top .header .mega-dropdown .mega-dropdown-heading a {
            color: #000;
        }

    .header .mega-dropdown .mega-dropdown-heading a span {
        position: relative;
    }

    .header .mega-dropdown .mega-dropdown-heading a span::after,
    .header .mega-dropdown .mega-dropdown-heading.active > a span:after {
        content: "";
        border-top: 1px solid transparent;
        display: block;
        position: absolute;
        bottom: -8px;
        left: 0;
        right: 0;
        transition: all 0.25s ease-in-out;
    }

    .header .mega-dropdown .mega-dropdown-heading a:hover span::after,
    .header .mega-dropdown .mega-dropdown-heading a.selected span::after,
    .header .mega-dropdown .mega-dropdown-heading.active > a span:after {
        border-top: 1px solid;
    }

    .header .mega-dropdown .mega-dropdown-heading .mega-dropdown-panel {
        position: absolute;
        top: 95px;
        left: 0;
        background: #fff;
        width: 100%;
        overflow: hidden;
        height: 0;
        z-index: 1;
    }

    .header .mega-dropdown .mega-dropdown-heading.active .mega-dropdown-panel {
        height: auto;
    }

    .header .mega-dropdown-panel ul {
        list-style: none;
        margin: 0;
    }

    .header .mega-dropdown-panel .container {
        /**/width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        display: table;
        text-align: left;
        text-transform: none;
        font-weight: 400;
        padding: 15px 40px 46px;        
    }

        .header .mega-dropdown-panel .container .columns {
            float: left;
        }

        .header .mega-dropdown-panel .container .large-4.special {
            width: 39.999996%;
        }

        .header .mega-dropdown-panel .container .large-2.special {
            width: 20.000004%;
        }

    .header .mega-dropdown-panel .container .list-heading {
        font-weight: 500;
        padding: 7px 14px 18px 0;
        display: inline-block;
        color: #000;
    }

        .header .mega-dropdown-panel .container a.list-heading span:after {
            bottom: -4px;
        }

    .header .mega-dropdown .mega-dropdown-heading .mega-dropdown-panel .container li,
    .header .mega-dropdown .mega-dropdown-heading .mega-dropdown-panel .container li a {
        padding: 7px 14px 7px 0;
        color: #000;
        font-weight: normal;
    }

    .header .mega-dropdown .mega-dropdown-heading .mega-dropdown-panel .container li a span {
        border-bottom: 1px solid transparent;
        transition: border 0.25s ease-in-out;
        padding: 0 0 1px 0;
    }

    .header .mega-dropdown .mega-dropdown-heading .mega-dropdown-panel .container li a:hover span,
    .header .mega-dropdown .mega-dropdown-heading .mega-dropdown-panel .container li a.selected span {
        border-color: #000;
    }

    .header .mega-dropdown .mega-dropdown-heading .mega-dropdown-panel .container li a span:after,
    .header .mega-dropdown .mega-dropdown-heading .mega-dropdown-panel .container li a.list-heading span:after {
        display: none!important;
    }



    .desktop-dimmer {
        position: fixed;
        background: rgba(0,0,0,0.5);
        width: 100%;
        height: 0;
        top: 100%;
        bottom: -1px;
        opacity: 0;
        z-index: 1;
    }

    .desktop-dim .desktop-dimmer {
        height: 100%;
        top: 95px;
        opacity: 1;
        transition: opacity 0.25s ease-out;
    }

        .desktop-dim.top .desktop-dimmer {
            top: 0;
        }

    /* extra styles for header hover */

    .header-over .header {
        background: #fff;
    }

        /* clears up Safari flicker bug */
        .mobile-main-nav:before {
            content: "";
            border-top: 1px solid transparent;
            display: block;
            height: 1px;
            width: 1px;
        }

    .header-over .header .mobile-main-nav a span,
    .header-over .mobile-main-nav a span:before,
    .header-over .mobile-main-nav a span:after {
        border-color: #000;
    }

    .header-over .header .logo {
        transform: translate(0,-20px);
        opacity: 0;
    }

    .header-over .header .logo-off-top {
        opacity: 1;
        transform: translate(0,0);
    }

    .header-over .mobile-header-country-menu-button a,
    .header-over .desktop-header-country-menu-button a {
        color: #000;
    }

    .header-over .mobile-header-country-menu-button span.select-symbol svg.svg-select,
    .header-over .desktop-header-country-menu-button span.select-symbol svg.svg-select {
        stroke: #000;
    }

    .header-over .header .mega-dropdown .mega-dropdown-heading a {
        color: #000;
    }

    /* desktop search */

    .search-and-country-container {
        position: absolute;
        top: 37px;
        right: 30px;
    }

    .desktop-search {
        display: block;
        float: left;
        width: 80px;
    }

    .desktop-search svg.svg-mag-glass {
        position: absolute;
        width: 16px;
        stroke: #fff;
        top: 2px;
        left: -26px;
    }

        .off-top .desktop-search svg.svg-mag-glass,
        .always-off-top .desktop-search svg.svg-mag-glass,
        .header-over .desktop-search svg.svg-mag-glass {
            stroke: #000;
        }

        .desktop-search label {
            font-size: 0;
            line-height: 0;
        }

        .desktop-search input,
        .desktop-search input:focus {
            font-size: 16px;
            color: #fff;
            background: transparent;
            border: none;
            border-bottom: 1px solid #fff;
            border-radius: 0;
            box-shadow: none;
            font-size: 13px;
            line-height: 1;
            padding: 0;
            margin: 0;
            height: 16px;
        }

            .off-top .desktop-search input,
            .always-off-top .desktop-search input,
            .header-over .desktop-search input,
            .off-top .desktop-search input:focus,
            .always-off-top .desktop-search input:focus,
            .header-over .desktop-search input:focus {
                color: #000;
                border-color: #000;
            }

}

@media screen and (min-width: 1280px) {

    .desktop-header-country-menu-button .menu-label {
        display: block;
    }

        .desktop-header-country-menu-button a {
            /*width: 188px;*/
        }

}

/* /////////////////////////// / header ///////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////// mobile nav ///////////////////////////// */

body.mobile-main-nav-on,
body.mobile-job-search-filters-on,
body.mobile-story-filters-on,
body.mobile-post-filters-on,
body.mobile-map-filters-on,
body.mobile-faqs-filters-on {
	overflow: hidden;
}

.is-drilldown {
    position: fixed;
    z-index: 5;
    overflow: hidden;
    background: #fff;
    top: 0;
    width: calc(100% - 58px);
    max-width: calc(100% - 58px)!important; 
    height: 100% !important;
    min-height: 100% !important;
    transform: translateX(-100%);
    transition: transform 0.25s ease-in-out;
}

.is-drilldown a,
.is-drilldown a:active,
.is-drilldown a:focus {
    outline: none!important;
}

	.mobile-main-nav-on .is-drilldown {
		transform: translateX(0%);
	}

.is-drilldown-submenu {
	height: 100%;
	background: #fff;
    overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.is-drilldown .menu > li > a {
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    padding: 16px 38px 17px 19px;
    letter-spacing: 0.03rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .is-drilldown .menu > li > a.selected span {
        border-bottom: 1px solid #000;
    }

    .is-drilldown .menu > li.is-submenu-parent-item > a span,
    .is-drilldown .menu > li.is-submenu-parent-item > a span:after {
        border: none!important;
    }

.is-drilldown .menu > li.is-drilldown-submenu-item:last-of-type > a {
    margin-bottom: 50px;
}

.is-drilldown .menu > li.mobile-logo,
.mobile-country-menu-on .is-drilldown .menu > li.mobile-logo,
.mobile-country-menu-on.mobile-main-nav-on .is-drilldown .menu > li.mobile-logo {
    font-size: 0;
	line-height: 0;
	background: url(../img/logo-black.png) 0 0 no-repeat;
	margin: 22px 20px 25px;
	background-size: 200px;
	width: calc(100% - 40px);
	height: 22px;
    opacity: 0;
    transition: opacity 0.25s ease-in-out 0.15s;
}

    .mobile-main-nav-on .is-drilldown .menu > li.mobile-logo {
        opacity: 1;
    }

.is-drilldown .menu > li.mobile-logo > a {
	font-size: 0;
	line-height: 0;
	width: 100%;
	height: 22px;
	margin: 0;
	padding: 0;
}

.is-drilldown-submenu-parent > a::after {
	border: none;
    background: url(../img/plus.svg) center no-repeat;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    margin: 0;
    top: calc(50% - 8px);
    right: 20px;
    background-size: 16px;
}

.is-drilldown .mobile-search {
    position: absolute;
    bottom: 85px;
    left: 20px;
    right: 20px;
}

    .is-drilldown .mobile-search label {
        font-size: 0;
        line-height: 0;
    }

    .is-drilldown .mobile-search input {
        font-size: 16px;
        border: none;
        border-bottom: 1px solid #000;
        border-radius: 0;
        box-shadow: none;
        padding: 10px 28px;
        height: 50px;
        background: url(../img/mag-glass.svg) no-repeat left center;
    }


.is-drilldown .menu > li.is-submenu-item > a {
    text-transform: none;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.1;
    padding: 10px 19px;
    overflow: visible;
    white-space: normal;
}

    .is-drilldown .menu > li.is-submenu-item > a.selected span {
        position: relative;
        border: none!important;
    }

    .is-drilldown .menu > li.is-submenu-item > a.selected span::after {
        content: "";
        display: block;
        border-bottom: 1px solid #000;
        position: absolute;
        bottom: -3px;
        width: 100%;
        left: 0;
    }

.is-drilldown .menu > li.is-submenu-item > a.list-heading {
    font-weight: 500;
    padding: 20px;
}

.is-drilldown .menu > li.is-submenu-parent-item {
    position: absolute;
    top: 0;
    left: 50px;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    width: calc(100% - 100px);
    text-align: center;
    padding: 0;
}

     .is-drilldown .menu > li.is-submenu-parent-item > a {
        padding: 24px 0 25px;
        font-size: 16px;
        line-height: 1;
        text-transform: uppercase;
        font-weight: 500;
     }

.js-drilldown-back > a {
    padding: 22px !important;
}

.js-drilldown-back > a::before {
    border: none;
    background: url(../img/arrow-black.svg) left center no-repeat;
    width: 33px;
    height: 22px;
    transform: rotate(180deg);
    margin: 0;
}

/* dimmer */

.dimmer {
    background: rgba(0,0,0,0.8);
    position: fixed;
    z-index: 5;
    width: 100%;
    height: 0;
    opacity: 0;
    top: 0;
    overflow: hidden;
    transition: opacity 0.25s ease-in-out, height 0s linear 0.25s;
}

	.mobile-main-nav-on .dimmer,
    .mobile-job-search-filters-on .dimmer,
    .mobile-story-filters-on .dimmer,
    .mobile-post-filters-on .dimmer,
    .mobile-map-filters-on .dimmer,
    .mobile-faqs-filters-on .dimmer {
		height: 100%;
		opacity: 1;
		transition: opacity 0.25s ease-in-out;
	}

.mobile-main-nav-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: transparent;
}

.mobile-main-nav-close::before,
.mobile-main-nav-close::after {
    content: "";
    border-top: 1px solid #fff;
    top: 10px;
    position: absolute;
    transform: rotate(-45deg);
    height: 2px;
    left: -4px;
    width: 28px;
}

.mobile-main-nav-close::after {
    transform: rotate(45deg);
    left: -5px;
}

/* in-drilldown country menu */

.is-drilldown .mobile-country-menu-button {
    position: absolute;
    width: 100%;
    bottom: 12px;
}

.is-drilldown .mobile-country-menu-button span.country {
    border: 1px solid #000;
    padding: 6px 5px;
    font-size: 13px;
    margin: -5px 9px 0 0;
    float: left;
}

    .is-drilldown .mobile-country-menu-button a::after {
        content: "";
        position: absolute;
        display: block;
        border: none;
        background: url(../img/plus.svg) center no-repeat;
        width: 16px;
        height: 16px;
        border-radius: 20px;
        margin: 0;
        top: calc(50% - 11px);
        right: 20px;
        background-size: 16px;
        transition: transform 0.25s ease-in-out;
    }

    .mobile-country-menu-on .is-drilldown .mobile-country-menu-button a::after {
        transform: rotate(45deg);
    }

.mobile-country-menu {
    position: fixed;
    z-index: 5;
    background: #fff;
    width: calc(100% - 58px);
    bottom: 86px;
    height: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    left: calc(-100% + 58px);
    transition: all 0.25s ease-in-out;
}

.mobile-main-nav-on .mobile-country-menu {
    left: 0;
}

.mobile-country-menu-on .mobile-country-menu {
    height: calc(100% - 85px);
}

.mobile-country-menu ul {
    margin: 0;
    list-style: none;
    padding: 12px 19px 19px;
}

.mobile-country-menu li {
    padding: 10px 0;
}

.mobile-country-menu a {
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
}

.mobile-country-menu a.selected {
    font-weight: bold;
}

.mobile-country-menu a.selected::after {
    content: "";
    background: transparent url(../img/tick.svg) 0 0 no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.desktop-header-country-menu-button {
    display: none;
}

@media screen and (min-width: 1120px) {

    .menu.mobile-only,
    .is-drilldown,
    .header .mobile-main-nav a,
    .mobile-header-country-menu-button {
        display: none;
    }

    .desktop-header-country-menu-button {
        display: block;
        position: relative;
        float: right;
        margin: 4px 10px 4px 40px;
    }

}

/* mobile job search and story filters */

.mobile-job-search-bar {
    position: fixed;
    z-index: 4;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #fff;
}

.mobile-job-search-bar a {
    font-size: 24px;
    line-height: 1;
    display: block;
    padding: 18px 20px;
    position: relative;
}

.mobile-job-search-bar a::after {
    content: "";
    background: url(../img/arrow-black.svg) center no-repeat;
    right: 16px;
    position: absolute;
    width: 40px;
    height: 22px;
    top: calc(50% - 11px);
}

.mobile-job-search-filters,
.mobile-story-filters,
.mobile-post-filters,
.mobile-map-filters,
.mobile-faqs-filters {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 0;
    width: calc(100% - 58px);
    height: 100%;
    background: #fff;
    padding: 20px;
    transform: translateX(100%);
    transition: transform 0.25s ease-in-out;

    max-height: calc(100vh);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.mobile-job-search-filters-on .mobile-job-search-filters,
.mobile-story-filters-on .mobile-story-filters,
.mobile-post-filters-on .mobile-post-filters,
.mobile-map-filters-on .mobile-map-filters,
.mobile-faqs-filters-on .mobile-faqs-filters {
    transform: translateX(0);
}

.mobile-job-search-filters-on .mobile-main-nav-close,
.mobile-story-filters-on .mobile-main-nav-close,
.mobile-post-filters-on .mobile-main-nav-close,
.mobile-map-filters-on .mobile-main-nav-close,
.mobile-faqs-filters-on .mobile-main-nav-close {
    right: 0;
    left: 20px;
}

.mobile-job-search-filters form,
.mobile-story-filters form,
.mobile-post-filters form,
.mobile-map-filters form,
.mobile-faqs-filters form {
    margin: 25px 0;
}

.mobile-job-search-filters h2,
.mobile-story-filters h2,
.mobile-post-filters h2,
.mobile-map-filters h2,
.mobile-faqs-filters h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.04rem;
}

.mobile-job-search-filters ul,
.mobile-story-filters ul,
.mobile-post-filters ul,
.mobile-map-filters ul,
.mobile-faqs-filters ul {
    margin: 0 0 10px;
}


.mobile-job-search-filters .accordion-title,
.mobile-story-filters .accordion-title,
.mobile-post-filters .accordion-title,
.mobile-map-filters .accordion-title,
.mobile-faqs-filters .accordion-title {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    padding: 16px 0;
    border: none;
    letter-spacing: 0.04rem;
}

.accordion-title.only-item {
    display: none;
}

.mobile-job-search-filters :last-child:not(.is-active) > .accordion-title,
.mobile-job-search-filters :last-child > .accordion-content:last-child,
.mobile-story-filters :last-child:not(.is-active) > .accordion-title,
.mobile-story-filters :last-child > .accordion-content:last-child,
.mobile-post-filters :last-child:not(.is-active) > .accordion-title,
.mobile-post-filters :last-child > .accordion-content:last-child,
.mobile-map-filters :last-child:not(.is-active) > .accordion-title,
.mobile-map-filters :last-child > .accordion-content:last-child,
.mobile-faqs-filters :last-child:not(.is-active) > .accordion-title,
.mobile-faqs-filters :last-child > .accordion-content:last-child {
    border: none;
}

.mobile-job-search-filters .accordion-title::before {
    content: "";
    background: #fff url(../img/plus.svg) center no-repeat;
    background-size: 15px;
    border: 1px solid #000;
    border-radius: 20px;
    width: 15px;
    height: 15px;
    text-align: center;
    margin: 0;
    font-size: 15px;
    line-height: 0.7;
    top: calc(50% - 8px);
    left: auto;
    right: 0;
    transition: all 0s ease-out;
}

    .mobile-job-search-filters .is-active > .accordion-title::before {
        background-image: url(../img/minus.svg);
    }


.mobile-story-filters .accordion-title::before,
.mobile-post-filters .accordion-title::before,
.mobile-map-filters .accordion-title::before,
.mobile-faqs-filters .accordion-title::before {
    content: "";
    background: #fff center no-repeat;
    background-size: 15px;
    width: 15px;
    height: 15px;
    text-align: center;
    margin: 0;
    font-size: 15px;
    line-height: 0.7;
    top: calc(50% - 8px);
    left: auto;
    right: 0;
    transition: all 0.25s ease-out;
}

    .mobile-story-filters .is-active > .accordion-title::before,
    .mobile-post-filters .is-active > .accordion-title::before,
    .mobile-map-filters .is-active > .accordion-title::before,
    .mobile-faqs-filters .is-active > .accordion-title::before {
        background-image: url(../img/tick.svg);
    }


.mobile-job-search-filters .accordion-title:hover,
.mobile-job-search-filters .accordion-title:focus,
.mobile-story-filters .accordion-title:hover,
.mobile-story-filters .accordion-title:focus,
.mobile-post-filters .accordion-title:hover,
.mobile-post-filters .accordion-title:focus,
.mobile-map-filters .accordion-title:hover,
.mobile-map-filters .accordion-title:focus,
.mobile-faqs-filters .accordion-title:hover,
.mobile-faqs-filters .accordion-title:focus {
    background: #fff;
}

.mobile-job-search-filters .accordion-content,
.mobile-story-filters .accordion-content,
.mobile-post-filters .accordion-content,
.mobile-map-filters .accordion-content,
.mobile-faqs-filters .accordion-content {
    border: none;
    padding: 0 20px 10px;
}

.accordion-content.empty {
    padding: 0!important;
    height: 0!important;
}

.mobile-job-search-filters .accordion-content .cc,
.mobile-story-filters .accordion-content .cc,
.mobile-post-filters .accordion-content .cc,
.mobile-map-filters .accordion-content .cc,
.mobile-faqs-filters .accordion-content .cc {
    padding: 11px 20px 11px 0;
}

.mobile-job-search-filters .accordion-content .cc .checkmark,
.mobile-story-filters .accordion-content .cc .checkmark,
.mobile-post-filters .accordion-content .cc .checkmark,
.mobile-map-filters .accordion-content .cc .checkmark,
.mobile-faqs-filters .accordion-content .cc .checkmark {
    top: 10px;
    right: 0;
    height: 16px;
    width: 16px;
    border: none;
}

.mobile-job-search-filters .accordion-content .cc input:checked + span,
.mobile-story-filters .accordion-content .cc input:checked + span,
.mobile-post-filters .accordion-content .cc input:checked + span,
.mobile-map-filters .accordion-content .cc input:checked + span,
.mobile-faqs-filters .accordion-content .cc input:checked + span {
    font-weight: 500;
    letter-spacing: 0.04rem;
}

.mobile-job-search-filters .accordion-content .cc input:checked ~ .checkmark,
.mobile-story-filters .accordion-content .cc input:checked ~ .checkmark,
.mobile-post-filters .accordion-content .cc input:checked ~ .checkmark,
.mobile-map-filters .accordion-content .cc input:checked ~ .checkmark,
.mobile-faqs-filters .accordion-content .cc input:checked ~ .checkmark {
    background: url(../img/tick.svg) center -3px no-repeat;
    background-size: 16px;
}

.mobile-job-search-filters input[type="search"] {
    margin: 0 0 40px;
}

.mobile-job-search-button-in-page,
.mobile-story-filters-button,
.mobile-post-filters-button,
.mobile-map-filters-button,
.mobile-faqs-filters-button {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    display: block;
    text-align: center;
    margin: -9px 20px 40px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.03rem;
    padding: 14px 20px;
}

            .main-content .mobile-job-search-button-in-page,
            .main-content .mobile-story-filters-button,
            .main-content .mobile-post-filters-button,
            .main-content .mobile-map-filters-button,
            .main-content .mobile-faqs-filters-button {
                margin: 30px 0;
            }

.mobile-job-search-button-in-page span,
.mobile-story-filters-button span,
.mobile-post-filters-button span,
.mobile-map-filters-button span,
.mobile-faqs-filters-button span {
    position: relative;
    padding: 0 0 0 25px;
}

.mobile-job-search-button-in-page span::before,
.mobile-story-filters-button span::before,
.mobile-post-filters-button span::before,
.mobile-map-filters-button span::before,
.mobile-faqs-filters-button span::before {
    content: "";
    position: absolute;
    display: block;
    border: none;
    background: url(../img/plus.svg) center no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    margin: 0;
    top: calc(50% - 8px);
    left: 0;
    transition: transform 0.25s ease-in-out;
}

@media screen and (min-width: 1024px) {

    .mobile-job-search-button-in-page,
    .mobile-story-filters-button,
    .mobile-post-filters-button,
    .mobile-map-filters-button,
    .mobile-faqs-filters-button {
        display: none;
    }

}

@media screen and (min-width: 1120px) {

    .mobile-job-search-bar,
    .mobile-job-search-filters,
    .mobile-story-filters,
    .mobile-post-filters,
    .mobile-map-filters,
    .mobile-faqs-filters {
        display: none;
    }

}

/* /////////////////////////// / mobile nav ///////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////// */
/* /////////////////////// desktop job search bar /////////////////////// */

.desktop-job-search-bar {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 96px;
    background: #fff;
    z-index: 3;
}

@media screen and (min-width: 1120px) {
    .desktop-job-search-bar {
        display: block;
    }
}

.desktop-job-search-bar .container {
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
}

.desktop-job-search-bar .title {
    float: left;
    width: 180px;
    padding: 36px 0 36px 20px;
}

.desktop-job-search-bar .title p {
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0.02rem;
    margin: 0;
}

.desktop-job-search-bar form {
    float: left;
    width: calc(100% - 180px);
    height: 96px;
    text-align: center;
}

.desktop-job-search-bar input[type="submit"] {
    float: right;
    width: 74px;
    height: 96px;
    background: url(../img/arrow-black.svg) 20px center no-repeat;
    background-size: 34px;
    transition: background-position 0.25s ease-in-out;
}

.desktop-job-search-bar input[type="submit"]:hover {
    background-position: 30px center;
}

.desktop-job-search-bar .select-container {
    width: calc(100% - 74px);
    height: 96px;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}

.desktop-job-search-bar .columns {
    width: calc(20% - 5px);
    float: none!important;
    display: inline-block;
    vertical-align: top;
}

.desktop-job-search-bar input[type="text"],
.desktop-job-search-bar input[type="search"] {
    margin: 10px 20px 0;
    width: calc(100% - 40px);
    height: 53px;
}

.job-search-container ::placeholder,
.desktop-job-search-bar ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

.job-search-container :-ms-input-placeholder,
.desktop-job-search-bar :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

.job-search-container ::-ms-input-placeholder,
.desktop-job-search-bar ::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

.job-search-container :disabled::placeholder,
.desktop-job-search-bar :disabled::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ADADAD;
  opacity: 1; /* Firefox */
}

.job-search-container :disabled:-ms-input-placeholder,
.desktop-job-search-bar :disabled:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ADADAD;
}

.job-search-container :disabled::-ms-input-placeholder,
.desktop-job-search-bar :disabled::-ms-input-placeholder { /* Microsoft Edge */
  color: #ADADAD;
}

@media screen and (min-width: 1280px) {

    /*
    .desktop-job-search-bar form {
        text-align: left;
    }

    .desktop-job-search-bar .select-container {
        margin: 0 0 0 100px;
        
    }
    */

}

/* custom dropdowns */

.custom-select,
.custom-select-no-dim {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 24px;
}

  .custom-select label,
  .custom-select-no-dim label {
    display: none;
  }

  .custom-select select,
  .custom-select-no-dim select {
    display: none; /* hide original select element */
  }


.select-selected {
    margin: 11px 20px;
    padding: 20px 15px 18px 0;
    cursor: pointer;
    user-select: none;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    text-align: left;
    background: #fff;
    text-transform: uppercase;
    letter-spacing: 0.02rem;
    border-bottom: 1px solid #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .select-selected::after {
        position: absolute;
        content: "";
        top: 34px;
        right: 20px;
        width: 11px;
        height: 10px;
        background: url(../img/select-black.svg) 0 0 no-repeat;
        transition: all 0s ease-out;
    }

    .select-selected.select-arrow-active::after {
        transform: rotate(180deg);
        top: 30px;
    }

  .select-items {
    position: absolute;
    color: #000;
    background-color: #fff;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    text-align: left;
    padding: 20px 0 5px;
}

    .desktop-job-search-bar .select-items {
        background-color: rgba(255,255,255,0.95);
        max-height: calc(100vh - 96px);
        overflow-y: scroll;
    }

    .wide-01 .select-items {
        right: -160px;
    }

  .select-items div {
    color: #000;
    padding: 0 40px 0 20px;
    cursor: pointer;
    user-select: none;
    margin: 0 0 15px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.3;
    text-transform: none;
    position: relative;
  }

    .fancy-select-disabled {
      cursor: not-allowed;
      color: #aaaaaa;
    }

    .select-selected.fancy-select-disabled::after {
      cursor: not-allowed;
    }

  .select-items {
    top: 100%;
    bottom: auto;
  }

    .desktop-job-search-bar .select-items {
        top: auto;
        bottom: 100%;
    }

  /*hide the items when the select box is closed:*/
  .select-hide {
    display: none;
  }

  .select-items div:hover,
  .same-as-selected {
    color: #000;
    background-color: transparent;
  }

  .select-items div.same-as-selected {
    font-weight: bold;
  }

  .select-items div.same-as-selected::after {
    content: "";
    position: absolute;
    right: 13px;
    width: 20px;
    height: 16px;
    background: url(../img/tick.svg) 0 0 no-repeat;
    top: -4px;
  }

/* /custom dropdowns */

/* desktop job search bar dim */

.desktop-job-search-bar .select-selected::before {
    content: "";
    position: fixed;
    background: rgba(0,0,0,0.5);
    top: calc(100% - 96px);
    left: 0;
    right: 0;
    bottom: 96px;
    z-index: -1;
    cursor: default;
    opacity: 0;
    transition: opacity 0.25s ease-in-out, top 0s ease-in-out 0.25s;
}

.desktop-job-search-bar .select-selected.select-arrow-active::before {
    top: 0;
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
}


.desktop-job-search-bar .select-items:focus {
    outline: none;
}

/* ///////////////////// / desktop job search bar /////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////// */
/* ////////////////////////// custom checkboxes ///////////////////////// */

.cc {
  display: block;
  position: relative;
  padding: 4px 18px 7px 28px;
  margin: 0;
  cursor: pointer;
  font-size: 13px;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: top;
}

.cc input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  margin: 0;
}

.cc .checkmark {
  position: absolute;
  top: 3px;
  right: 0;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 1px solid #132c3f;
}

.cc:hover input ~ .checkmark {
 
}

.cc input:checked ~ .checkmark {
  background: #dc358b url(../img/tick.svg) center 2px no-repeat;
  background-size: 12px;
}

.cc .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.cc input:checked ~ .checkmark:after {
  display: block;
}

/* ////////////////////////// custom checkboxes ///////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////////////////////////// */
/* ////////////////////////// content styles //////////////////////////// */

h1 {
    font-family: "martinregular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 80px;
    font-weight: normal;
    line-height: 56px;
    text-transform: uppercase;
    margin: 0 0 17px;
}

    @media screen and (max-width: 639px) {

        h1.smaller-on-small,
        .sustainability h1 {
            font-size: 70px;
            line-height: 46px;
        }

    }

h2 {
    font-size: 30px;
    line-height: 38px;
    font-weight: normal;
    letter-spacing: 0.03rem;
    margin: 0 0 19px;
}

h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    letter-spacing: 0.03rem;
    margin: 0 0 19px;
}

h4 {
    font-size: 18px;
    line-height: 23px;
    font-weight: normal;
    letter-spacing: 0.03rem;
    margin: 0 0 19px;
}

h5 {
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0.03rem;
    text-transform: uppercase;
    margin: 0 0 18px;
}

h1 br,
h2 br,
h3 br,
h4 br,
h5 br {
    display: none;
}

p {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    letter-spacing: 0.03rem;
    margin: 0 0 21px;
    -webkit-font-smoothing: subpixel-antialiased;
}

.main-content p a,
.main-content ul a,
.main-content ol a,
.main-content p b,
.main-content ul b,
.main-content ol b,
.main-content p strong,
.main-content ul strong,
.main-content ol strong,
#jobIndexNoJobsMessage p a {
    position: relative;
    font-weight: 600;
    letter-spacing: 0.01rem;
}

.main-content p a:after,
.main-content ul a:after,
.main-content ol a:after,
#jobIndexNoJobsMessage p a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    border-bottom: 1px solid transparent;
    transition: border 0.25s ease-in-out;
}

.main-content p a:hover:after,
.main-content ul a:hover:after,
.main-content ol a:hover:after,
#jobIndexNoJobsMessage p a:hover:after {
    border-color: #000;
}

.job-details {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    margin: 0 0 40px;
}

.job-details span {
    font-weight: 400;
}

.main-content ul,
.main-content ol,
.main-content dl {
    list-style-type: disc;
    margin: 0 0 30px 25px;
    font-size: 13px;
    line-height: 21px;
    font-weight: 300;
    letter-spacing: 0.03rem;
}

.main-content li {
    padding-left: 12px;
}

ul.colour-bullets {
    color: #adadad;
}

ul.colour-bullets span {
    color: #000;
}

a.underline {
    border-bottom: 1px solid #000;
    transition: border-color 0.25s ease-in-out;
}

a.underline:after {
    display: none;
}

a.underline:hover {
    border-color: transparent;
}

a.cta,
span.cta {
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.03rem;
    border-bottom: 1px solid transparent;
    transition: all 0.25s ease-in-out;
}

a.cta:hover,
a:hover span.cta {
    border-color: #000;
}

.main-content {
    padding: 0 38px 30px;
}

    .main-content.top {
        padding-top: 30px;
    }

.red {
    color: #962A00!important;
}

.green {
    color: #3D4009!important;
}

.amber {
    color: #D37B2E!important;
}

.blue {
    color: #002E40!important;
}

.grey {
    color: #474744!important;
}

.main-content .button {
    margin-top: 20px;
}



@media screen and (min-width: 1024px) {

    .main-content {
        max-width: 860px;
        margin: 0 auto;
        padding: 0 38px 75px;
    }

        body.home.sac .main-content {
            max-width: 1070px;
        }

    .main-content.top {
        padding-top: 75px;
        min-height: calc(100vh - 250px);
    }

    .main-content .button {
        margin-top: 28px;
    }

    h1 br,
    h2 br,
    h3 br,
    h4 br,
    h5 br {
        display: block;
    }

}


@media screen and (min-width: 1440px) {

    .main-content.top {
        min-height: calc(100vh - 286px);
    }

}

/* //////////////////////// / content styles //////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////////////////////////// */
/* //////////////////////////// top banner ////////////////////////////// */

.top-banner {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 0 50px;
    padding: 0 0 40px;
    background-color: #474744;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

        body.home .top-banner {
            padding-top: 50px;
        }

        body.home.sac .top-banner {
            padding-top: 21px;
            padding-bottom: 30px;
            margin: 0 0 40px;
        }

    .top-banner.red {
        background-color: #9e3a26;
        background-image: url(../img/top-banner-bkgd-red.jpg);
    }

    .top-banner.green {
        background-color: #42481f;
        background-image: url(../img/top-banner-bkgd-green.jpg);
    }

    .top-banner.blue {
        background-color: #093143;
        background-image: url(../img/top-banner-bkgd-blue.jpg);
    }

    .top-banner.grey {
        background-color: #474744;
        background-image: url(../img/top-banner-bkgd-grey.jpg);
    }

        .top-banner.sac {
            background-color: #093143;
            background-image: url(../img/top-banner-bkgd-sac.jpg);
        }

.top-banner .image-container {
    width: calc(100% - 37px);
    margin: 30px 0;
}

    .top-banner.sustainability .image-container {
        width: calc(100% - 78px);
        margin: 0;
    }

.top-banner .image-container img.large {
    display: none;
}

.top-banner .text-container {
    margin: -55px 0 0;
    width: 100%;
    padding: 0 38px;
    overflow: hidden;
}

        body.home .top-banner .text-container {
            margin-top: -48px;
            padding-right: 28px;
        }

        body.home.sac .top-banner .text-container {
            padding-right: 15px;
        }

    .top-banner .text-container br {
        display: none;
    }

.top-banner .text-container h1 {
    color: #f0f0f0;
}

.top-banner .text-container p.subtitle {
    font-family: "martinregular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 40px;
    line-height: 28px;
    text-transform: uppercase;
    color: #D37B2E;
    margin: 0;
    letter-spacing: 0;
}

    .top-banner .text-container p.subtitle a {
        color: #fff;
        transition: color 0.25s ease-in-out;
    }

    .top-banner .text-container p.subtitle a:hover {
        color: #D37B2E;
    }

    .top-banner .text-container .long-copy h1,
    .top-banner .text-container .long-copy p.subtitle {
        font-size: 40px;
        line-height: 28px;
    }

    .top-banner .text-container .long-copy h1 {
        margin: 8px 0 20px;
    }

    .top-banner .text-container .long-copy p.subtitle {
        margin: 0 0 20px;
    }

.top-banner .call-to-action-container {
    padding: 28px 20px 0;
}

@media screen and (min-width: 1024px) {

    .top-banner {
        margin: 0 0 100px;
        padding: 0 25px;
    }

        body.home .top-banner {
            padding-top: 0;
        }

        body.home.sac .top-banner {
            margin: 0 0 72px;
        }

    .top-banner.red {
        background-image: url(../img/top-banner-bkgd-red-large.jpg);
    }

    .top-banner.green {
        background-image: url(../img/top-banner-bkgd-green-large.jpg);
    }

    .top-banner.blue {
        background-image: url(../img/top-banner-bkgd-blue-large.jpg);
    }

    .top-banner.grey {
        background-image: url(../img/top-banner-bkgd-grey-large.jpg);
    }

        .top-banner.sac {
            background-color: #093143;
            background-image: url(../img/top-banner-bkgd-sac-large.jpg);
        }

    .top-banner .outer-container {
        position: relative;
        display: table;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }

    .top-banner .text-container {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        height: 100%;
    }

        body.home .top-banner .text-container {
            margin: 0;
        }

    .top-banner .text-container br {
        display: block;
    }

        .top-banner .text-container-2 {
            padding: 12px 0 0;
        }

            body.home .top-banner .text-container-2 {
                padding: 10px 0 0;
            }

    .top-banner .image-container,
    .top-banner.sustainability .image-container {
        display: table;
        width: 100%;
        min-height: 500px;
        margin: 40px auto;
    }

        body.home .top-banner .image-container {
            margin: 145px auto 85px;
        }

            body.home.sac .top-banner .image-container {
                margin: 60px auto 50px;
            }

        .top-banner.sustainability {
            background-image: url(../img/top-banner-bkgd-sustainability.jpg);
        }

    .top-banner .image-container img.small {
        display: none;
    }

    .top-banner .image-container img.large {
        display: block;
        float: right;
        max-width: 684px;
    }

        body.home .top-banner .image-container img.large {
            max-width: 787px;
        }

    .top-banner .text-container h1 {
        font-size: 150px;
        line-height: 105px;
        margin: 0 0 35px;
        max-width: 690px;
    }

        body.home .top-banner .text-container h1 {
            font-size: 200px;
            line-height: 140px;
            margin: 0 0 35px;
            max-width: 800px;
            letter-spacing: 0.06rem;
        }

            body.home.sac .top-banner .text-container h1 {
                margin: 20px 0 0;
            }

            .top-banner .text-container h1.smallerBannerTitle {
                font-size: 110px;
                line-height: 75px;
            }

    .top-banner .text-container p.subtitle {
        font-size: 80px;
        line-height: 56px;
        max-width: 690px;
    }

        .top-banner .text-container .long-copy h1,
        .top-banner .text-container .long-copy p.subtitle {
            font-size: 80px;
            line-height: 56px;
        }

        .top-banner .text-container .long-copy h1 {
            margin: 0 0 40px;
        }

        .top-banner .text-container .long-copy p.subtitle {
            margin: 0;
        }



        .top-banner .call-to-action-container {
            padding: 0 15px 61px;
            position: absolute;
            bottom: 0;
        }

}

@media screen and (min-width: 1440px) {

    body.home .top-banner .outer-container {
        max-width: 1440px;
    }

    body.home .top-banner .text-container-2 {
        padding-left: 97px;
    }

    body.home .top-banner .image-container {
        padding-right: 97px;
    }

}

/* ////////////////////////// / top banner ////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////// video ///////////////////////////////// */

.video-container {
    display: table;
    width: 100%;
    margin: 0 0 50px;
}

.video-container h2,
.slideshow-container h2 {
    padding: 0 38px 20px;
}

    .videoWrapper {
         position: relative;
         width: 100%;
         height: 0;
         background-color: #000;
    }
    
    .videoWrapper43 {
         padding-top: 75%;
    }
    
    .videoWrapper169 {
         padding-top: 56%;
    }
    
    .videoIframe {
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: transparent;
    }

    .videoPoster {
         position: absolute;
         top: 0;
         right: 0;
         left: 0;
         width: 100%;
         height: 100%;
         margin: 0;
         padding: 0;
         cursor: pointer;
         border: 0;
         outline: none;
         background-image: url(../img/video-poster.jpg);
         background-position: 50% 50%;
         background-size: 100% 100%;
         background-size: cover;
         text-indent: -999em;
         overflow: hidden;
         opacity: 1;
         -webkit-transition: opacity 800ms, height 0s;
         -moz-transition: opacity 800ms, height 0s;
         transition: opacity 800ms, height 0s;
         -webkit-transition-delay: 0s, 0s;
         -moz-transition-delay: 0s, 0s;
         transition-delay: 0s, 0s;
    }

     .videoPoster::before {
        content: '';
        position: absolute;
        top: calc(50% - 30px);
        left: calc(50% - 25px);
        width: 50px;
        height: 60px;
        background: transparent url(../img/triangle.svg) center no-repeat;
        background-size: contain;
    }

    .videoWrapperActive .videoPoster {
         opacity: 0;
         height: 0;
         -webkit-transition-delay: 0s, 800ms;
         -moz-transition-delay: 0s, 800ms;
         transition-delay: 0s, 800ms;
    }

@media screen and (min-width: 1024px) {

    .video-container h2,
    .slideshow-container h2 {
        padding: 0 38px 20px;
        margin: 0 auto 30px;
        max-width: 860px;
    }

    .video-container {
        margin: 0 auto 100px;
        max-width: 1024px;
    }

    .videoPoster::before {
        top: calc(50% - 80px);
        left: calc(50% - 75px);
        width: 150px;
        height: 160px;
    }

}

@media screen and (min-width: 1120px) {

    .video-container {
        max-width: 994px;
    }

}

/* //////////////////////////// / video ///////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////// */
/* ////////////////////////// locations ///////////////////////////////// */

.location-panel {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.25s ease-in-out 0s, height 0s linear 0.25s;
}

    .location-panel.unhide {
        height: 100%;
        overflow: auto;
        opacity: 1;
        transition: opacity 0.25s ease-in-out 0.25s, height 0s linear 0s;
    }

.map-container {
    margin: 0 auto;
    max-width: 1200px;
}

.map-container-2 {
    position: relative;
}

#map {
    width: 100%;
    height: 600px;
}

.map-container .reset-map {
    width: 100%;
    display: block;
    padding: 36px 38px 25px;
}

.map-container .overlay {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.15);
    z-index: 1;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.25s ease-in-out 0s, height 0s linear 0.25s;
}

    .map-container .overlay.unhide {
        height: 100%;
        opacity: 1; 
        transition: opacity 0.25s ease-in-out 0.25s, height 0s linear 0s;  
    }

.map-container .overlay .overlay-panel {
    display: inline-flex;
    flex-direction: column;
    align-self: center;
    background: #fff;
    max-height: 600px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 36px 38px 25px;
    width: 100%;
    max-width: 338px;
    transform: translateX(-100%);
    transition: transform 0.25s ease-in-out 0s;
}

    .map-container .overlay.unhide .overlay-panel {
        transform: translateX(0);
        transition: transform 0.25s ease-in-out 0.25s;
    }

.map-container .overlay .overlay-panel address {
    font-size: 13px;
    line-height: 20px;
    font-style: normal;
    margin: 0 0 40px;
}

.map-container .overlay .overlay-panel h3 + address {
    margin-top: -10px;
}

.map-container .overlay .overlay-panel ul {
    margin: 0 0 10px;
    list-style: none;
}

.map-container .overlay .overlay-panel .button {
    margin: 0 0 21px;
    line-height: 1.2;
}

.map-container .overlay .overlay-panel ul.extra-links {
    margin: 0;
}

.map-container .overlay .overlay-panel ul.extra-links li {
    font-size: 13px;
    line-height: 1.2;
    margin: 0 0 25px;
}

.map-container .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: transparent;
}

.map-container .close::before,
.map-container .close::after {
    content: "";
    border-top: 1px solid #000;
    top: 10px;
    position: absolute;
    transform: rotate(-45deg);
    height: 2px;
    left: -4px;
    width: 28px;
}

.map-container .close::after {
    transform: rotate(45deg);
    left: -5px;
}

@media screen and (min-width: 1024px) {

    .map-container {
        padding-top: 12px;
    }

    .map-container .overlay .overlay-panel {
        max-width: 375px;
        padding: 36px 15px 25px 22px;
        overflow-y: auto;
    }

    .map-container .reset-map {
        padding-top: 50px;
        padding-bottom: 77px;
    }

}

@media screen and (min-width: 1280px) {

    .map-container .reset-map {
        padding-left: 0;
        padding-right: 0;
    }

}

/* //////////////////////// / locations ///////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////// */
/* /////////////////////////// sliders ////////////////////////////////// */

.slideshow-container {
    width: 100%;
    margin: 0 0 50px;
}

.featured-jobs-slider-container {
    width: 100%;
    /* temp change margin: 0 0 50px; */
    margin: 0;
    background: #f9f9f9;  
}

    .featured-jobs-slider-container h2 {
        padding: 40px 38px 21px;
    }

.employee-stories-slider-container {
    width: 100%;
    margin: 0 0 25px;
}

    .employee-stories-slider-container h2 {
        padding: 0 38px 20px;
        text-align: center;
    }

        .employee-stories-slider-container h2.mbm {
            margin: 0 0 30px;
        }

.nbm {
    margin-bottom: 0!important;
}

@media screen and (max-width: 1023px) {
    .nbm .employee-stories-slider-container {
        margin-bottom: 0!important;
    }
}

@media screen and (min-width: 1024px) {

    .employee-stories-slider-container h2.mbm {
        margin: 0 0 80px;
    }

    .featured-jobs-slider-container h2 {
        padding: 80px 38px 21px;
        margin: 0 auto 30px;
        max-width: 1070px;
    }

}

@media screen and (max-width: 1023px) {

    .featured-jobs-slider-container.nbm-m {
        margin-bottom: 0;
    }

}

/* Slick slider styles */

.slider {
  
}

.slider.slick-initialized {
  visibility: visible!important;
}

.slider {
  width: auto;
  margin: 0;
}

    .slider.slideshow,
    .slider.employee-stories,
    .slider.featured-jobs {
        clear: both;
    }    

/* slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    outline: none;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #fff url(../img/ajax-loader.gif) center center no-repeat;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    display: block;
    width: 40px;
    /*height: 22px;*/
    height: 73vw;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 1;
    transition: transform 0.25s ease-in-out;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

    .slick-prev:hover {
        transform: translate(-10px);
    }

    .slick-next:hover {
        transform: translate(10px);
    }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {

}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}


.slick-prev {
    left: 16px;
}

.slick-next {
    right: 16px;
}

.slick-prev:before,
.slick-next:before {
    content: "";
    display: block;
    width: 40px;
    height: 22px;
    background: url(../img/arrow-black.svg) 7px 0 no-repeat;
    background-size: 32px;
    transform: rotate(180deg);
}

    .slideshow .slick-prev:before,
    .slideshow .slick-next:before,
    .employee-stories .slick-prev:before,
    .employee-stories .slick-next:before {
        background-image: url(../img/arrow-white.svg);
    }

.slick-next:before {
    transform: rotate(0);
}

.slick-dots {
    position: absolute;
    left: calc(50% - 120px);
    top: calc(73vw - 42px);
    display: table;
    width: 240px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: table-cell;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100%;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button::before {
    position: absolute;
    top: 10px;
    left: 4px;
    right: 4px;
    width: calc(100% - 8px);
    height: 1px;
    content: '';
    background: rgba(0,0,0,0.75);
    transition: all 0.2s ease-out;
}

.slick-dots li.slick-active button:before {
    background: #000;
    height: 3px;
    top: 9px;
}

    .slideshow .slick-dots li button::before {
        background: rgba(255,255,255,0.75);
    }

    .slideshow .slick-dots li.slick-active button:before {
        background: #fff;
    }


.slideshow .text-container {
    padding: 30px 38px 0;
}

.slideshow .text-container p:last-of-type {
    margin-bottom: 0;
}

.featured-jobs .slick-slide {
    padding: 0 38px;
}

.featured-jobs .slick-slide h3 {
    margin: 0 0 9px;
}

    .featured-jobs .slick-slide h3 span {
        border-bottom: 1px solid transparent;
        transition: border 0.25s ease-in-out;
    }

.featured-jobs .slick-slide p {
    margin: 0 0 17px;
}

.featured-jobs .slick-slide .job,
.featured-jobs .slick-slide .no-job {
    display: block;
    margin: 0 0 30px;
}

    .featured-jobs .slick-slide .job:hover span.cta,
    .featured-jobs .slick-slide .job:hover h3 span {
        border-bottom: 1px solid #000;
    }

    .featured-jobs .slick-slide .no-job p a {
        border-bottom: 1px solid #000;
        transition: border 0.25s ease-in-out;
    }

        .featured-jobs .slick-slide .no-job p a:hover {
            border-color: transparent;
        }

.featured-jobs-slider-container .button-container {
    padding: 13px 38px 27px;
}

.employee-stories .text-container {
    padding: 22px 38px 0;
}

.employee-stories .text-container h3 {
    margin: 0 0 11px;
}

.employee-stories .text-container p {
    padding-bottom: 20px;
    margin: 0;
}

.employee-stories .text-container p.title {
    font-family: "martinregular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 28px;
    text-transform: uppercase;
    margin: 0 0 31px;
    padding: 0;
}

        .employee-stories.more-text .text-container h3 {
            margin: 0 0 24px;
        }

        .employee-stories.more-text .text-container p.title {
            font-size: 70px;
            line-height: 48px;
            margin: 13px 0 28px;
            padding: 0;
        }

        .employee-stories.non-slick.more-text .text-container p.title br {
            display: none;
        }

        .employee-stories.non-slick.more-text .text-container ul {
            list-style: none;
            font-size: 24px;
            line-height: 30px;
            letter-spacing: 0.03rem;
            margin: 0 0 48px;
        }

        .employee-stories.more-text .text-container .button {
            margin: 10px 0 25px;
        }

            .employee-stories.more-text .text-container p:last-of-type {
                padding-bottom: 0;
            }

            .wrapper.grey .employee-stories.more-text .text-container p .button {
                margin-bottom: 0;
            }

.load-more-container {
    padding: 5px 36px 28px;
}       

@media screen and (min-width: 1024px) {

    .featured-jobs {
        margin: 0 auto;
    }

    .featured-jobs .slick-prev,
    .featured-jobs .slick-next {
        height: 22px;
        top: calc(50% - 35px);
    }

    .featured-jobs .slick-prev {
        left: 16px;
    }

    .featured-jobs .slick-next {
        right: 16px;
    }

    .featured-jobs .slick-slide > div {
        margin: 0 auto;
        max-width: 1040px;
    }

    .featured-jobs .slick-slide .job {
        display: inline-block;
        width: 49%;
        vertical-align: top;
        padding: 0 50px;
        margin: 0 0 50px;
    }

        .featured-jobs .slick-slide .no-job {
            display: inline-block;
            width: 100%;
            vertical-align: top;
            padding: 0 50px;
            margin: 11px 0 50px;
        }

    .featured-jobs-slider-container {
        /* temp change margin-bottom: 100px;*/
        margin-bottom: 0;
    }

    .featured-jobs-slider-container .button-container {
        padding: 2px 38px 77px;
        margin: 0 auto;
        max-width: 1070px;
    }

        .featured-jobs-slider-container .button-container .button {
            margin-right: 12px;
        }



    .employee-stories-slider-container {
        margin: 0 0 65px;
    }

    .employee-stories .slick-prev::before,
    .employee-stories .slick-next::before {
        background-image: url(../img/arrow-black.svg);
    }

    .employee-stories .slick-slide > div {
        position: relative;
        margin: 10px auto;
        max-width: 1200px;
    }

    .employee-stories .image-container {
        position: absolute;
        bottom: 25px;
        top: 0;
        width: 100%;
    }


    .employee-stories .image-container img {
        float: right;
        height: 100%;
    }


    .employee-stories .slick-prev {
        height: 22px;
        left: 85px;
        top: 60px;
    }

    .employee-stories .slick-next {
        height: 22px;
        left: 127px;
        top: 61px;
    }

    .employee-stories .text-container {
        position: relative;
        z-index: 1;
        padding: 114px 38px 50px 85px;
        width: 700px;
    }

    .employee-stories .text-container h3 {
        margin: 0 0 22px;
    }

    .employee-stories .text-container p.title {
        font-size: 70px;
        line-height: 49px;
        min-height: 212px;
    }

        /* non-slick, stacked version */

        .employee-stories.non-slick {
            margin-top: 90px;
        }

        .employee-stories.non-slick.ntm {
            margin-top: 0;
        }

        .employee-stories.non-slick > div {
            display: flex;
            position: relative;
            margin: 0 auto 100px;
            max-width: 1200px;
        }

        .employee-stories.non-slick .image-container {
            position: relative;
            display: flex;
            margin: auto;
            width: inherit;
            max-width: 685px;
        }

        .employee-stories.non-slick .image-container img {
            float: none;
            width: 100%;
        }

        .employee-stories.non-slick .text-container {
            padding: 20px 38px 20px 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 520px;
        }

        .employee-stories.non-slick .text-container h3 {
            margin-top: 28px;
        }

        .employee-stories.non-slick .text-container p.title {
            min-height: inherit;
            margin: 0 0 40px;
        }

            .employee-stories .text-container p {
                margin: 0 70px 40px 0;
            }

        .employee-stories.non-slick .text-container h3,
        .employee-stories.non-slick .text-container p.title,
        .employee-stories.non-slick .text-container .button {
            margin-left: -190px;
            max-width: calc(100% + 190px);
        }

            .employee-stories.non-slick > div:nth-of-type(even),
            .employee-stories.non-slick.reverse > div {
                flex-direction: row-reverse;
            }

                .employee-stories.non-slick.reverse > div:nth-of-type(even) {
                    flex-direction: row;
                }

            .employee-stories.non-slick > div:nth-of-type(even) .text-container h3,
            .employee-stories.non-slick > div:nth-of-type(even) .text-container p.title,
            .employee-stories.non-slick > div:nth-of-type(even) .text-container .button,
            .employee-stories.non-slick.reverse > div .text-container h3,
            .employee-stories.non-slick.reverse > div .text-container p.title,
            .employee-stories.non-slick.reverse > div .text-container .button {
                margin-left: 80px;
                margin-right: -190px;
            }

            /* more text version */

            .employee-stories.non-slick.more-text .text-container {
                padding-top: 0;
                padding-bottom: 0;
                padding-left: 35px;
            }

            .employee-stories.non-slick.more-text .text-container p.title,
            .employee-stories.non-slick.more-text > div:nth-of-type(even) .text-container p.title {
                margin-bottom: 48px;
            }

            .employee-stories.non-slick.more-text .text-container h3,
            .employee-stories.non-slick.more-text .text-container p.title,
            .employee-stories.non-slick.more-text .text-container p,
            .employee-stories.non-slick.more-text .text-container .button {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
            }

            .employee-stories.non-slick.more-text .text-container p.title {
                margin-right: 35px;
            }

            .employee-stories.non-slick.more-text .text-container p.title br {
                display: block;
            }

            .employee-stories.non-slick.more-text .text-container p {
                max-width: 365px;
                margin: 0;
            }

            .employee-stories.non-slick.more-text .text-container ul {
                margin: 0;
            }

            .employee-stories.non-slick.more-text .text-container .button {
                margin-bottom: 50px;
            }

            .employee-stories.non-slick.more-text > div:nth-of-type(even) .text-container h3,
            .employee-stories.non-slick.more-text > div:nth-of-type(even) .text-container p.title,
            .employee-stories.non-slick.more-text > div:nth-of-type(even) .text-container p,
            .employee-stories.non-slick.more-text > div:nth-of-type(even) .text-container .button,
            .employee-stories.non-slick.more-text.reverse > div .text-container h3,
            .employee-stories.non-slick.more-text.reverse > div .text-container p.title,
            .employee-stories.non-slick.more-text.reverse > div .text-container p,
            .employee-stories.non-slick.more-text.reverse > div .text-container .button {
                margin-left: 0;
                
            }

            .employee-stories.non-slick.more-text > div:nth-of-type(even) .text-container p {
                margin-top: 0;
                margin-right: 0;
                margin-bottom: 0;
            }

            .employee-stories.non-slick.more-text > div:nth-of-type(even) .text-container p.title {
                margin-right: 30px;
            }

            .employee-stories.non-slick.more-text > div:nth-of-type(even) .text-container .button {
                margin-top: 10px;
                margin-right: 0;
                margin-bottom: 20px;
            }

            @media screen and (min-width: 1120px) {

                .employee-stories.non-slick.more-text div:nth-of-type(even) .text-container,
                .employee-stories.non-slick.more-text.reverse .text-container {
                    padding-left: 105px;
                }

            }

        /* / non-slick, stacked version */

        .load-more-container {
            padding: 5px 38px 75px;
            margin: 0 auto;
            max-width: 1076px;
        }

        .load-more-container.wide {
            max-width: 1274px;
        }
}

@media screen and (min-width: 1120px) {

    .slideshow-container {
        width: 100%;
        margin: 0 0 100px;
    }

    .slideshow .slick-slide > div {
        margin: 0 18px 0 19px;
    }

    .slideshow .slick-slide img {
        max-width: inherit;
        width: 100%;
    }

    .slideshow .text-container {
        padding: 30px 0 0;
    }

    .slideshow .slick-prev,
    .slideshow .slick-next {
        height: calc(75vw - 544px);
    }

        .slideshow .slick-prev {
            left: 100px;
        }

        .slideshow .slick-next {
            right: 100px;
        }

    .slideshow .text-container {
        opacity: 0;
        transition: opacity 0.25s ease-in-out;
    }

    .slideshow .slick-current .text-container {
        opacity: 1;
        transition: opacity 0.25s ease-in-out 0.75s;
    }

    .slideshow .slick-dots {
        top: calc(73vw - 565px);
    }

    .featured-jobs .slick-slide .job {
        padding: 0 15px 0 23px;
    }

    .featured-jobs .slick-slide .no-job {
        padding: 9px 15px 0 23px;
    }

    .featured-jobs .slick-slide .no-job p {
        max-width: 640px;
    }

}

@media screen and (min-width: 1200px) {

    .employee-stories .text-container {
        position: relative;
        z-index: 1;
        padding: 114px 38px 50px 105px;
        width: 700px;
    }

    .employee-stories .slick-prev {
        height: 22px;
        left: calc(50% - 498px);
        top: 60px;
    }

    .employee-stories .slick-next {
        height: 22px;
        left: calc(50% - 456px);
        top: 61px;
    }

}


@media screen and (min-width: 1360px) {

    .featured-jobs .slick-prev {
        left: 100px;
    }

    .featured-jobs .slick-next {
        right: 100px;
    }

}

@media screen and (min-width: 1800px) {

    .slideshow .slick-prev,
    .slideshow .slick-next {
        height: calc(74vw - 997px);
    }

    .slideshow .slick-dots {
        top: calc(73vw - 990px);
    }

}

/* slider dropdown */

.slider-dropdowns {
    display: table;
    width: 100%;
    padding: 0 32px;
    margin: -47px 0 6px;
}

.slider-dropdowns .select-selected {
    margin: 11px 7px;
    background: #f9f9f9;
}

.slider-dropdowns .select-selected::after {
    right: 10px;
}

.slider-dropdowns .select-items {
    margin: -11px 7px 0;
}

@media screen and (min-width: 1024px) {

    .slider-dropdown-container {
        position: relative;
        max-width: 1070px;
        margin: 0 auto;
    }

    .slider-dropdowns {
        margin-top: 0;
        max-width: 440px;
        position: absolute;
        top: 53px;
        right: 0;
    }

    .slider-dropdowns .select-selected {
        margin-left: 32px;
    }

    .slider-dropdowns .select-items {
        margin-left: 32px;
    }

}

/* //////////////////////////// / sliders /////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////// */
/* ///////////// signposts, key signposts and brand boxes /////////////// */

.wrapper {
    padding: 50px 0 0;
    margin: 0 0 50px;
}

.wrapper.grey {
    background-color: #f9f9f9;
}

@media screen and (min-width: 1024px) {

    .wrapper {
        padding: 100px 0 1px;
        margin: 0 0 100px;
    }

}

.signpost-container {
    width: 100%;
    /* temp change margin: 0 0 50px; */
    margin: 0;
    padding: 20px 20px 10px;
    /* temp change margin: background: #f9f9f9; */
    background: #fff;
}

    .signpost-container.grey {
        background-color: #f9f9f9;
    }

    .signpost-container.nbm {
        margin-bottom: 0;
    }

    .signpost-container h2 {
        padding: 22px 38px 21px;
        text-align: center;
    }

    .signpost {
        text-align: left;
    }

    .signpost img {
        width: 100%;
    }

    .signpost .text-container {
        padding: 36px 21px 40px;
    }

    .signpost h3 {
        margin: 0 0 9px;
    }

        .signpost h3 span {
            border-bottom: 1px solid transparent;
            transition: border 0.25s ease-in-out;
        }

        .signpost:hover h3 span {
            border-color: #000;
        }


    .signpost p {
        margin: 0 0 17px;
    }

@media screen and (min-width: 1024px) {

    .signpost-container {
        /* temp change margin: 0 0 100px; */
        margin: 0;
        padding: 60px 20px;
        text-align: center;
    }

    .signpost-container h2 {
        padding: 22px 38px 31px;
    }

    .signpost {
        display: inline-block;
        width: 33%;
        padding: 0 17px;
        max-width: 409px;
        vertical-align: top;
    }

    .signpost:nth-of-type(3n+1) {
        clear: both;
    }
}

.key-signpost-container {
    display: table;
    width: 100%;
    margin: 0 auto;
    padding: 0;  
}

.key-signpost {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 50px;
    padding: 0;
    overflow: hidden;
}

.key-signpost br {
    display: none;
}

.key-signpost .image-container {
    display: block;
    position: relative;
}

.key-signpost .image-container img {
    width: 100%;
}

.key-signpost .image-container img.large {
    display: none;
}

.key-signpost .text-container {
    position: absolute;
    display: block;
    background: #fff;
    bottom: 0;
    width: calc(100% - 37px);
    padding: 36px 25px 0 37px;
}

    .wrapper.grey .key-signpost .text-container {
        background: #f9f9f9;
    }

.key-signpost .text-container span.title {
    display: block;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.03rem;
    margin: 0 0 7px;
    padding: 0 5px 0 0;
}

.key-signpost .text-container span.title span {
    display: inline;
    border-bottom: 1px solid transparent;
    transition: border 0.25s ease-in-out;
}

    .key-signpost:hover .text-container span.title span {
        border-color: #000;
    }

.key-signpost .text-container span.excerpt {
    display: block;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    letter-spacing: 0.03rem;
    margin: 0 0 30px;
    -webkit-font-smoothing: subpixel-antialiased;
}

.key-signpost .button {
    margin: 0 0 2px;
}

.key-signpost:hover .button:after {
        transform: translateX(10px);
}

.wrapper .key-signpost-container .col.smaller {
    padding: 0 20px;
}

@media screen and (min-width: 1024px) {

    .key-signpost-container {
        max-width: 1232px;
        margin-bottom: 50px;
    }

    .key-signpost-container .col {
        float: left;
    }

    .key-signpost-container .col.smaller {
        width: 41.5%;
    }

        .wrapper .key-signpost-container .col.smaller {
            padding: 0;
        }

    .key-signpost-container .col.larger {
        width: 58.5%;
    }

    .key-signpost {
        padding: 0 18px;
    }

    .key-signpost br {
        display: block;
    }

    .key-signpost .image-container img.small {
        display: none;
    }

    .key-signpost .image-container img.large {
        display: block;
    }

    .key-signpost .text-container {
        width: calc(100% - 66px);
        min-height: 220px;
        padding: 37px 30px 0 18px;
    }

        .key-signpost .text-container.nmh {
            min-height: 1px;
        }

    .key-signpost .text-container span.title {
        margin-bottom: 9px;
    }

    .key-signpost .text-container span.excerpt {
        margin: 0 0 21px;
    }

}

@media screen and (min-width: 1120px) {
    
    .key-signpost .text-container {
        width: 375px;
    }

}


.brand-box-container {
    display: table;
    width: 100%;
    margin: 0 auto;
    padding: 0;  
}

.brand-box {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.brand-box br {
    display: none;
}

.brand-box .image-container {
    display: block;
    position: relative;
}

.brand-box .image-container img {
    width: 100%;
}

.brand-box .image-container img.large {
    display: none;
}

.brand-box .text-container {
    display: block;
    background: #fff;
    width: 100%;
    padding: 31px 37px 30px;
}

.brand-box .text-container span.title {
    display: block;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 0.03rem;
    margin: 0 0 20px;
    padding: 0 5px 0 0;
}

.brand-box .text-container span.title span {
    display: inline;
    border-bottom: 1px solid transparent;
    transition: border 0.25s ease-in-out;
}

    .brand-box:hover .text-container span.title span {
        border-color: #000;
    }

.brand-box .text-container span.excerpt {
    display: block;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    letter-spacing: 0.03rem;
    margin: 0 0 20px;
    -webkit-font-smoothing: subpixel-antialiased;
}

.brand-box .button {
    margin: 0 0 2px;
}

.brand-box:hover .button:after {
        transform: translateX(10px);
}

.logo-boxes {
    float: left;
    width: 100%;
    padding: 0 30px 35px;
}

.logo-boxes .logo-box {
    position: relative;
    float: left;
    width: calc(50% - 16px);
    margin: 0 8px 16px;
}

/*.logo-boxes .logo-box:after {
    content: "";
    display: block;
    background-color: rgba(60,60,59,0.4);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    transition: all 0.25s ease-in-out;
}

.logo-boxes .logo-box.brand-01:after {
    background-image: url(../img/logo-box-logo-01.png); 
}

.logo-boxes .logo-box.brand-02:after {
    background-image: url(../img/logo-box-logo-02.png); 
}

.logo-boxes .logo-box.brand-03:after {
    background-image: url(../img/logo-box-logo-03.png); 
}

.logo-boxes .logo-box.brand-04:after {
    background-image: url(../img/logo-box-logo-04.png); 
}

.logo-boxes .logo-box:hover:after {
    opacity: 0;
}*/

.mission-box img {
    width: 100%;
}

.mission-box img.large {
    display: none;
}

.mission-box .text-container {
    position: relative;
    display: block;
    background: #fff;
    width: calc(100% - 37px);
    margin: -50px 0 0;
    padding: 36px 25px 28px 37px;
}

.mission-box .text-container p {
    color: #3D4009;
    font-family: "martinregular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 40px;
    line-height: 28px;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 21px;
}

@media screen and (min-width: 1024px) {

    .brand-box-container {
        max-width: 1232px;
        margin-top: 100px;
    }

    .brand-box-container .col {
        float: left;
        width: 50%;
    }

    .brand-box {
        padding: 0 18px;
    }

    .brand-box br {
        display: block;
    }

    .brand-box .image-container img.small {
        display: none;
    }

    .brand-box .image-container img.large {
        display: block;
    }

    .brand-box .text-container {
        position: absolute;
        display: block;
        bottom: 0;
        width: calc(100% - 66px);
        min-height: 220px;
        padding: 37px 30px 0 18px;
    }

    .brand-box .text-container span.excerpt {
        margin: 0 0 21px;
    }

    .logo-boxes {
        padding: 0;
    }

    .logo-boxes .logo-box {
        width: calc(50% - 32px);
        margin: 0 16px 21px;
    }

    .mission-box {
        position: relative;
        margin: 0 auto 100px;
        max-width: 1280px;
    }

    .mission-box .image-container {
        padding: 0 40px 0 140px;
    }

    .mission-box img.small {
        display: none;
    }

    .mission-box img.large {
        display: block;
    }

    .mission-box .text-container {
        position: absolute;
        bottom: -30px;
        background: #fff;
        width: calc(100% - 100px);
        padding-right: 50px;
        margin: 0;
    }

    .mission-box .text-container p {
        font-size: 70px;
        line-height: 49px;
        margin-bottom: 0;
    }

}

@media screen and (min-width: 1120px) {
    
    .brand-box .text-container {
        width: 375px;
    }

    .mission-box .text-container {
        max-width: 620px;
    }

}


/* /////////// / signposts, key signposts and brand boxes /////////////// */
/* ////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////// logo boxes  //////////////////////////// */

.logo-box-type-2-container {
    font-size: 0;
    text-align: center;
    padding: 0 30px 25px;
}

.logo-box-type-2-container .row {
    margin-bottom: 42px;
}

.logo-box-type-2-container .row:last-of-type {
    margin-bottom: 15px;
}

.logo-box-type-2 {
    display: inline-block;
    width: 50%;
    padding: 7px;
}

.logo-box-type-2-container h2 {
    text-align: center;
    margin: 0 0 34px;
}

@media screen and (min-width: 1024px) {

    .logo-box-type-2-container {
        padding: 0 30px 25px;
        margin: 0 auto;
        max-width: 1294px;
    }

    .logo-box-type-2-container .row {
        margin-bottom: 80px;
    }

    .logo-box-type-2-container .row:last-of-type {
        margin-bottom: 55px;
    }

    .logo-box-type-2 {
        width: 25%;
        padding: 18px;
    }

}

/* ///////////////////////////// logo boxes  //////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////// */
/* /////////////////////////// story filters //////////////////////////// */

.story-filters {
    display: none;
}

@media screen and (min-width: 1024px) {

    .story-filters-container {
        font-size: 0;
        margin-bottom: 30px;
    }

        .story-filters-container.faqs {
            margin-bottom: 90px;
        }

            .main-content .story-filters-container.faqs {
                margin: 60px 0 30px;
            }

    .story-filters {
        display: block;
        margin: -10px auto 10px;
        /* temp? */ margin-bottom: 40px;
        max-width: 1360px;
        text-align: center;
    }

            .main-content .story-filters {
                margin: 0 -120px;
            }

    .story-filters a {
        position: relative;
        font-size: 13px;
        line-height: 1;
        letter-spacing: 0.03rem;
        text-transform: uppercase;
        font-weight: 500;
        background: #f0f0f0;
        border-radius: 25px;
        padding: 11px 19px;
        display: inline-block;
        margin: 0 4px 10px;
        transition: all 0.25s ease-in-out;
    }

    .story-filters a:hover {
        color: #fff;
        background: #000;
    }

    .story-filters a.active {
        color: #fff;
        background: #000;
        /*padding: 11px 26px 11px 12px;*/
    }

    .story-filters a span {
        /*width: 12px;
        height: 12px;
        display: block;
        position: absolute;
        right: 9px;
        top: 12px;
        opacity: 0;
        transform: rotate(45deg);
        transition: all 0.25s ease-in;*/
        display: none;
    }

    /*
    .story-filters a.active span {
        opacity: 1;
    }

    .story-filters a.active span:before,
    .story-filters a.active span:after {
        content: "";
        border-top: 1px solid #fff;
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 5.5px;
    }

    .story-filters a.active span:after {
        transform: rotate(90deg);
    }
    */

}

@media screen and (min-width: 1200px) {

    .main-content .story-filters {
        margin-left: -200px;
        margin-right: -200px;
    }

}

@media screen and (min-width: 1360px) {

    .main-content .story-filters {
        margin-left: -290px;
        margin-right: -290px;
    }

}

/* ///////////////////////// / story filters //////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */


/* ////////////////////////////////////////////////////////////////////// */
/* //////////////////////////// button grid ///////////////////////////// */


.button-grid-container {
    display: table;
    width: 100%;
    padding: 0 38px;
}

.button-grid {
    margin: 30px 0 40px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.button-grid .button.large {
    max-width: inherit;
    margin: 10px 0!important;
}

@media screen and (min-width: 1024px) {

    .button-grid-container {
        padding: 0 38px 50px;
    }

    .button-grid {
        max-width: 1240px;
        margin: 40px auto;
    }

    .button-grid .button.large {
        width: calc(33.333% - 38px);
        float: left;
        margin: 10px 19px !important;
    }

}

/* ////////////////////////// / button grid ///////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */


/* ////////////////////////////////////////////////////////////////////// */
/* /////////////////////////// community //////////////////////////////// */

.community-posts-container {
    display: table;
    width: 100%;
    margin: 0 auto;
    font-size: 0;
}

.community-posts-container h2 {
    padding: 0 38px 21px;
    text-align: center;
}

.post {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0 40px;
    padding: 0 38px;
    overflow: hidden;
    vertical-align: top;
}

.community-posts-container .post {
    padding: 0 18px;
}

.post.large-post {
    padding: 0;
}

.post .image-container {
    display: block;
    position: relative;
}

.post.video .image-container:after {
    content: "";
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 25px);
    width: 50px;
    height: 60px;
    background: transparent url(../img/triangle.svg) center no-repeat;
    background-size: contain;
}

.post img {
    width: 100%;
}

.post img.large {
    display: none;
}

.post .text-container {
    display: block;
    background: #fff;
    padding: 32px 0 0 0;
}

.post .text-container {
    padding: 37px 18px 0;
}

.post.large-post .text-container {
    position: absolute;
    bottom: 0;
    width: 75%;
    padding: 32px 25px 0 38px;
}

.post .text-container span {
    display: inline-block;
}

.post .text-container span.cta {
    margin: 17px 0 0;
}

.post .text-container span.channel {
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.03rem;
    margin: 0 0 13px;
    border-bottom: 1px solid transparent;
    transition: border 0.25s ease-in-out;
}

.post .text-container span.fake-tag,
.post .text-container span.fake-link {
    display: inline;
    border-bottom: 1px solid transparent;
    transition: border 0.25s ease-in-out;
}

.post .text-container span.fake-link {
    word-break: break-all;
}

.post .text-container span.title {
    display: block;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 9px;
}

    .post .text-container span.title span {
        display: inline;
        border-bottom: 1px solid transparent;
        transition: border 0.25s ease-in-out;
    }

.post .text-container span.excerpt {
    display: block;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    letter-spacing: 0.03rem;
    margin: 0;
    -webkit-font-smoothing: subpixel-antialiased;
}

/*

@media screen and (max-width: 640px) {

    .post.large-post .text-container span.excerpt {
        position: relative;
        max-height: 60px;
        overflow: hidden;
    }

    .post.large-post .text-container span.excerpt::after {
        content: "…";
        position: absolute;
        bottom: 0;
        right: 0;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 50%);
        padding: 0 0 0 15px;
    }

}

*/

.post:hover .text-container span.fake-tag,
.post:hover .text-container span.fake-link,
.post:hover .text-container span.channel,
.post:hover .text-container span.title span {
    border-color: #000;
}

.post.large-post:hover .text-container span.channel {
    border-color: transparent;
}

@media screen and (min-width: 768px) {

    .post img.small {
        display: none;
    }

    .post img.large {
        display: block;
    }

}

@media screen and (min-width: 1024px) {

    .community-posts-container {
        max-width: 1232px;
    }

    .community-posts-container h2 {
        padding: 0 38px 31px;
    }

    .community-posts-container .story-filters-container {
        margin-bottom: 40px;
    }

    .post {
        width: 25%;
        margin: 0 0 50px;
        padding: 0 18px;
    }

    .post.large-post {
        width: 50%;
        margin: 0 0 44px;
        padding: 0 18px; 
    }

    .community-posts-container .col,
    .community-posts-container .col .col {
        float: left;
        width: 50%;
    }

    .post.large-post .text-container {
        width: 60.666%;
        padding: 32px 18px 0;
    }

    .community-posts-container .col.larger,
    .community-posts-container .col.smaller + .col {
        float: left;
        width: 58.5%;
    }

    .community-posts-container .col.smaller,
    .community-posts-container .col.larger + .col {
        float: left;
        width: 41.5%;
    }

    .post.large-post .text-container {
        width: 375px;
        padding: 38px 35px 0 20px;
    }

    .post .text-container span.cta {
        margin: 23px 0 0;
    }

}

/* ///////////////////////// / community //////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////// */
/* ////////////////////////// job buttons /////////////////////////////// */

.job-search-filters {
    display: none;
}

.job-button-container {
    padding: 0 20px;
}

.job-button {
    display: block;
    position: relative;
    background: #f9f9f9;
    transition: all 0.25s ease-in-out;
    padding: 22px 65px 18px 18px;
    margin: 0 0 20px;
}

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

.job-button span {
    display: block;
}

.job-button span.title {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.03rem;
    margin: 0 0 6px;
}

.job-button span.reference,
.job-button span.details {
    font-size: 13px;
    line-height: 19px;
    font-weight: 300;
    letter-spacing: 0.03rem;
}

.job-button span.cta {
    margin-top: 22px;
}

.job-button:hover span.cta {
    border-color: transparent;
}

.job-button svg {
    fill: #000;
    position: absolute;
    height: 22px;
    top: calc(50% - 10px);
    right: 20px;
    transition: all 0.25s ease-in-out;
}

.job-button:hover svg {
    fill: #fff;
    transform: translateX(10px);
}

.job-button-container .load-more-container {
    padding: 25px 0;
}

@media screen and (min-width: 1024px) {

    .job-search-container {
        margin: -45px auto 0;
        max-width: 1000px;
    }

    .job-search-filters {
        position: relative;
        display: block;
        float: left;
        width: 310px;
        padding: 0 0 0 7px;
    }

        #jobSearchIndexFiltersDesktop {
            display: block;
            position: absolute;
            top: -120px;
        }

        .job-search-filters form {
            padding: 15px 35px 0 0;
        }

        .job-search-filters .custom-select,
        .job-search-filters .custom-select-no-dim {
            margin: 0 0 14px;
        }

        .job-search-filters .select-selected {
            margin: 0;
        }

        .job-search-filters .select-selected::after {
            top: 23px;
            right: 0;
        }

        .job-search-filters input[type="search"] {
            height: 52px;
            margin: 0 0 45px;
        }

        .job-search-filters .select-items {
            background-color: #f9f9f9;
        }

    .job-button-container {
        padding: 0;
        float: right;
        width: 684px;
    }

    .job-button {
        padding: 32px 35px;
    }

    .job-button span.content {
        width: 100%;
        max-width: 500px;
    }

    .job-button span.title {
        margin: 0 0 9px;
    }

    .job-button span.reference,
    .job-button span.details {
        line-height: 20px;
    }

    .job-button span.cta {
        margin-top: 23px;
    }

    .job-button svg {
        top: calc(50% - 11px);
        right: 40px;
    }

    .job-button-container .load-more-container {
        padding: 35px 0 75px;
    }

}

/* //////////////////////// / job buttons /////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////// footer /////////////////////////////// */

footer {
    color: #fff;
    background: #262323;
    text-align: center;
    padding: 30px 30px 1px;
}

footer ul {
    margin: 0 0 25px;
    list-style: none;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.02rem;
}

footer li {
    padding: 3px 0 4px;
}

footer a {
    position: relative;
    color: #fff;
    border-bottom: 1px solid transparent;
    transition: all 0.25s ease-in-out;
}

footer a:hover,
footer a:focus,
footer a:active {
    color: #fff;
    border-color: #fff;
}

footer ul.soc-med {
    text-transform: none;
    font-weight: normal;
}

footer ul.soc-med li {
    padding: 8px 0 9px 20px;
}

footer ul.soc-med a::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: -25px;
    top: 0;
}

footer ul.soc-med a.linkedin:before {
    background-image: url(../img/linkedin.svg);
}

footer ul.soc-med a.twitter:before {
    background-image: url(../img/twitter.svg);
    background-size: 16px;
}

footer ul.soc-med a.facebook:before {
    background-image: url(../img/facebook.svg);
}

footer ul.soc-med a.instagram:before {
    background-image: url(../img/instagram.svg);
}

footer ul.soc-med a.pinterest:before {
    background-image: url(../img/pinterest.svg);
}

footer ul.soc-med a.youtube:before {
    background-image: url(../img/youtube.svg);
    background-size: 18px;
    left: -27px;
}

@media screen and (min-width: 1024px) {

    footer {
        float: left;
        width: 100%;
        background: #000;
        padding: 30px 30px 0;
        margin: 0 0 60px;
    }

    footer li {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
    }

    footer ul.soc-med li {
        padding-right: 30px;
    }

}

@media screen and (min-width: 1120px) {

    footer {
        margin: 0 0 95px;
    }

    .footer-container {
        margin: 0 auto;
        max-width: 1360px;
    }

}

@media screen and (min-width: 1440px) {

    footer {
        padding: 38px 40px 8px;
    }

    footer ul {
        float: left;
    }

    footer ul.soc-med {
        float: right;
    }

    footer li {
        display: inline-block;
        padding-left: 0;
        padding-right: 15px;
    }

    footer ul.soc-med li {
        padding: 3px 0 9px 35px;
    }

}

/* ///////////////////////////// / footer /////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////// */
/* ////////// admin log-in and social ad creator log-in form //////////// */

.main-content.login label,
.sac-login legend,
.sac-login label {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.main-content.login h1 {
    margin: 0 0 10px;
}

.main-content.login legend {
    margin: 0 0 20px 0;
    font-family: "martinregular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 45px;
    line-height: 37px;
    color: #D37B2E;
}

.grecaptcha-badge {
    z-index: 100000;
}

.main-content.login .message,
.sac-login .message {
    color: #3D4009;
    line-height: 1.3;
    margin: 20px 0 18px;
}

.main-content.login .message.error,
.sac-login .message.error {
    color: #962A00;
}

.sac-login fieldset {
    margin: 0 0 12px;
}

.sac-login [type="text"],
.sac-login [type="password"],
.sac-login [type="email"] {
    height: 55px;
}

.sac-login .required-note {
    font-size: 13px;
    line-height: 1.2;
    margin: 0 0 30px;
}

@media screen and (min-width: 1024px) {

    .sac-login form {
        margin: 35px 0 0;
    }

    .sac-login .input {
        width: calc(50% - 17px);
    }

    .sac-login .input:nth-of-type(odd) {
        float: left;
    }

    .sac-login .input:nth-of-type(even) {
        float: right;
    }

    .sac-login .message {
        margin-bottom: -20px;
    }

}

/* ///////////////////////// / admin log-in ///////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////// */
/* ////////////////////// ‘short pages’, inc. 404 /////////////////////// */

.short .top-banner {
    margin-bottom: 0;
}

.short .main-content {
    padding-bottom: 0;
}

@media screen and (min-width: 1024px) {

    .short .main-content {
        min-height: calc(100vh - 900px);
    }

}

@media screen and (min-width: 1440px) {

    .short .main-content {
        min-height: calc(100vh - 867px);
    }

}

/* //////////////////// / ‘short pages’, inc. 404 /////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */


/* ie 11 */

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

    .desktop-header-country-menu-button span.select-symbol {
        height: 15px;
    }

    .desktop-search svg.svg-mag-glass {
        height: 20px;
    }

    .job-button svg,
    .button.large svg {
        width: 40px;
    }

    .select-selected:after {
        background-size: 10px!important;
    }

}

/* ////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////// */
/* //////////////////////// language-specific  ////////////////////////// */

/* german */

@media screen and (max-width: 1023px) {

    :lang(de) h1 {
        line-height: 70px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    :lang(de) .top-banner .text-container p.subtitle {
        line-height: 32px;
    }

    :lang(de) .employee-stories.more-text .text-container p.title {
        line-height: 56px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

}

:lang(de) h2 {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

:lang(de) .mission-box .text-container p {
    line-height: 31px;
}

@media screen and (min-width: 1024px) {

    :lang(de) .top-banner .text-container h1 {
        line-height: 116px;
    }

        :lang(de) h1.smallerBannerTitle {
            line-height: 90px!important;
        }

    :lang(de) body.home .top-banner .text-container h1 {
        font-size: 184px;
    }

    :lang(de) .employee-stories.more-text .text-container p.title {
        font-size: 64px;
        line-height: 56px;
        overflow-wrap: normal;
        word-wrap: normal;
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
    }

    :lang(de) .mission-box .text-container p {
        line-height: 54px;
    }

    :lang(de) .desktop-job-search-bar .title {
        padding-top: 24px;
    }

}

/* french */

@media screen and (max-width: 1023px) {

    :lang(fr) h1 {
        font-size: 65px;
        line-height: 56px;
    }

    :lang(fr) .top-banner .text-container p.subtitle {
        line-height: 32px;
    }

    :lang(fr) .employee-stories.more-text .text-container p.title {
        line-height: 56px;
    }

}

:lang(fr) .mission-box .text-container p {
    line-height: 31px;
}

@media screen and (min-width: 1024px) {

    :lang(fr) .top-banner .text-container h1 {
        line-height: 116px;
        max-width: 950px;
    }

        :lang(fr) h1.smallerBannerTitle {
            line-height: 90px!important;
        }

    :lang(fr) body.home .top-banner .text-container h1 {
        font-size: 184px;
        max-width: 680px;
    }

    :lang(fr) .employee-stories.more-text .text-container p.title {
        font-size: 64px;
        line-height: 50px;
    }

    :lang(fr) .mission-box .text-container p {
        line-height: 54px;
    }

    :lang(fr) footer ul {
        font-size: 11px;
    }

    :lang(fr) .desktop-job-search-bar .title {
        padding-top: 25px;
    }

}

/* italian */

@media screen and (max-width: 1023px) {

    :lang(it) h1 {
        line-height: 61px;
    }

}

@media screen and (min-width: 1024px) {

    :lang(it) .top-banner .text-container h1 {
        line-height: 115px;
    }

        :lang(it) h1.smallerBannerTitle {
            line-height: 90px!important;
        }

    :lang(it) .desktop-job-search-bar .title {
        padding-top: 25px;
    }

}

/* spanish */

@media screen and (max-width: 1023px) {

    :lang(es) h1 {
        line-height: 62px;
    }

}

@media screen and (min-width: 1024px) {

    :lang(es) .top-banner .text-container h1 {
        line-height: 115px;
    }

        :lang(es) h1.smallerBannerTitle {
            line-height: 90px!important;
        }

    :lang(es) .desktop-job-search-bar .title {
        padding: 25px 10px 36px 20px;
    }

}

:lang(es) .desktop-header-country-menu-button .menu-label {
    max-width: 150px;
}

@media screen and (min-width: 1120px) {

    :lang(es) .header .mega-dropdown .mega-dropdown-heading {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }

    :lang(es) .desktop-header-country-menu-button {
        margin-left: 25px;
    }

}

@media screen and (min-width: 1280px) {

    :lang(es) .header .mega-dropdown {
        padding-right: 60px;
    }

}

@media screen and (min-width: 1440px) {

    :lang(es) .header .mega-dropdown .mega-dropdown-heading {
        font-size: 13px;
        padding-left: 15px;
        padding-right: 15px;
    }

    :lang(es) .desktop-header-country-menu-button {
        margin-left: 40px;
    }

}



/* dutch */

:lang(nl) .mobile-header-country-menu-button a {
    width: 96px;
}

@media screen and (min-width: 1120px) {

    :lang(nl) .header .mega-dropdown .mega-dropdown-heading {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }

    :lang(nl) .desktop-header-country-menu-button {
        margin-left: 25px;
    }

}

@media screen and (min-width: 1280px) {

    :lang(nl) .header .mega-dropdown {
        padding-right: 60px;
    }

}

@media screen and (min-width: 1400px) {

    :lang(nl) .header .mega-dropdown .mega-dropdown-heading {
        font-size: 13px;
        padding-left: 15px;
        padding-right: 15px;
    }

    :lang(nl) .desktop-header-country-menu-button {
        margin-left: 40px;
    }

}