/* ==========================================================================
Kill!
========================================================================== */

 #footerpowered,
 #cc-expire-alert,
 #not-found .o-line,
 .application-instructions-header,
 .custom-apply-text,
 #company-follow {
   display: none;
 }

 .no-hov:hover {
   color: var(--color-text-black) !important;
   cursor: default !important;
 }

 .sub-list {
   list-style: disc;
   margin-left: 2rem;

 }

 .education-benefits__main-image {
   text-align: center;
   margin-bottom: 3rem;
 }

 .ada-visually-hidden {
   position: absolute !important;
 }

 /* ==========================================================================
Hacks
========================================================================== */
 .c-footer {
   margin-top: 3rem;
 }

 .job-description-header {
   display: none;
 }

 .main-content {
   height: 100%;
   overflow: hidden;
   display: block;

 }

 @media(min-width: 1000px) {
   .mb-0 {
     margin-bottom: 0 !important;
   }
 }

 [data-component="banner-image"] .l-layout__content-listing.-deaux {
   gap: 4rem
 }

 [data-component="banner-image"] .sub-list a {
   word-wrap: break-word;
 }

 /* ==========================================================================
Job Page
========================================================================== */


 #job-detail .primary-background-color-lighter:hover,
 #job-detail .primary-background-color-lighter:focus {
   background-color: var(--color-red);
   color: var(--color-white);
 }

 #job-detail .secondary-color {
   color: var(--color-white);
 }

 #job-detail .primary-background-color {
   background-color: rgb(100 101 101);
 }

 #job-detail .ApplyButton:not(.CustomTop) {
   background-color: rgb(100 101 101)
 }

 #job-detail .ApplyButton:not(.CustomTop):hover {
   background-color: var(--color-red);

 }

 #job-detail .job-description .apply-with-jobing-component .jobing-icon {
   fill: var(--color-white);
 }

 #job-detail .job-addl-info .map-button:hover,
 #job-detail .job-addl-info .job-share-button:hover {
   color: var(--color-white);
   background-color: var(--color-red);
 }


 .job-description-content p {
   margin: 17px 0;
 }


 .job-description-content ul,
 .job-description-content ol {
   display: block;
   list-style: disc outside none;
   margin: 1em 0;
   padding: 0 0 0 40px;
 }

 .job-description-content ol {
   list-style-type: decimal;
   list-style-position: inside;
 }

 .job-description-content ul ul,
 .job-description-content ol ul {
   list-style-type: circle;
   list-style-position: inside;
   margin-left: 15px;
 }

 .job-description-content ol ol,
 .job-description-content ul ol {
   list-style-type: lower-latin;
   list-style-position: inside;
   margin-left: 15px;
 }


 /* ==========================================================================
Job Detail
========================================================================== */

 body:not(#company-profile-main) .o-loader {
   display: none
 }

 .job-title {
   font-size: 21px;
   margin-bottom: 1rem;
   font-weight: bold;
 }

 #job-detail .c-header-navigation,
 .expired-job .c-header-navigation {
   position: relative;
   background-color: var(--color-white);
 }


 body.page-jobs {
   background: var(--color-bg-grey)
 }




 /* ==========================================================================
Hero Search Box
========================================================================== */
 .c-main-hero-search__wrapper {
   width: 100%;
 }

 [data-react-component="search-box"] {
   position: relative;
   display: block;
   background-color: var(--color-yellow);
   border-radius: 5px;
   padding: 3rem 2rem;
   width: 100%;
 }

 [data-react-component="search-box"][data-react-prop-horizontal="false"]:after {
   width: 35%;
 }

 [data-react-component="search-box"]:after {
   content: '';
   display: block;
   position: absolute;
   bottom: -2.375rem;
   z-index: 1;
   width: 10%;
   right: 5%;
   height: 2.5rem;
   background-image: url(https://d21jvwj1c73d2e.cloudfront.net/oms/1157/image/2025/4/XA918_gooe/gooe.svg);
   background-repeat: no-repeat;
   background-size: contain;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }

 @media(max-width: 1000px) {
   [data-react-component="search-box"][data-react-prop-horizontal="true"]:after {
     width: 40%;
   }
 }


 .c-main-hero-search>div:not(.location-permission-modal) {
   display: flex;
   flex-direction: column;
   position: relative;
   padding-bottom: 1.5rem;
 }

 /* .c-main-hero-search >div:last-child:not(.location-permission-modal) {
   padding-bottom: 0;
} */

 .c-main-hero-search label {
   font-weight: bold;
   margin-bottom: 10px;
   display: block;
 }


 .c-main-hero-search .autocomplete {
   flex: 1 1 auto;
   width: 100%;
   min-width: 0;
 }

 .c-main-hero-search input {
   width: 100%;
   background-color: var(--color-light-yellow);
   border-radius: 5px;
   padding: 1rem;
   padding-left: 40px;
   color: var(--color-header-black);
   text-overflow: ellipsis;
   padding-right: 25px;
 }



 .c-main-hero-search .location-search--has-value input[aria-expanded="true"] {
   border-radius: 5px 5px 0 0;
 }

 .keyword-search__input-icon--search,
 .location-search__input-icon--pin {
   position: absolute;
   left: 15px;
   color: #8F92A1;
   z-index: 1;
 }

 .c-main-hero-search .c-main-hero-search__button-search {
   background-color: var(--color-red);
   padding: 1rem;
   font-weight: bold;
   border-radius: 5px;
   margin-top: 1rem;
   transition: 0.3s all ease-in-out;
   font-size: 1.14285714286rem;
   color: var(--color-white);
 }

 .c-main-hero-search .c-main-hero-search__button-search:hover {
   background-color: var(--color-red);
   color: var(--color-white);
   filter: brightness(0.92);
 }

 .c-main-hero-search .c-main-hero-search__button-search:active {
   transition: 0s all ease-in-out;
 }

 [data-react-prop-horizontal="false"] .c-main-hero-search .location-search--has-value div[aria-expanded="true"] .menu {
   top: initial;
 }

 .c-main-hero-search .location-search--has-value div[aria-expanded="true"] .menu {
   border-radius: 0 0 10px 10px;
   background: var(--color-light-yellow);
   padding: 20px;
   position: absolute;
   overflow: auto;
   max-height: 15rem;
   height: auto;
   z-index: 2;
   top: 100%;
   border-top: 1px solid rgb(41 41 41 / 15%);
   width: 100%;
 }

 input[aria-expanded="true"]+.menu {
   border-radius: 0 0 10px 10px;
   background: var(--color-light-yellow);
   padding: 20px;
   position: absolute;
   overflow: auto;
   max-height: 15rem;
   height: auto;
   z-index: 2;
   top: 100%;
   border-top: 1px solid rgb(41 41 41 / 15%);
   width: 100%;
 }

 @media(max-width: 768px) {
   .c-main-hero-search .location-search--has-value div[aria-expanded="true"] .menu {
     max-height: 12.5rem;
   }
 }

 .custom-search-box .location-search .location-item {
   padding: 6px;
   text-align: left;
 }

 .custom-search-box .location-search .location-item {
   margin: 5px;
   transition: 0.3s all ease-in-out;
 }

 .custom-search-box .location-search .location-item.location-item--hightlight {
   background-color: var(--color-white);
   border-radius: 5px;
 }

 .custom-search-box .location-search .location-item label {
   margin: 0 auto;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: space-between;


 }

 .custom-search-box .location-search .location-item__icon {
   position: relative;
   margin-left: 15px;
 }

 .custom-search-box .location-search .jl .location-item__icon::before {
   content: '';
   display: block;
   background-image: url('https://d21jvwj1c73d2e.cloudfront.net/oms/1157/image/2025/4/8IKBA_is-mcd/is-mcd.png');
   position: relative;
   width: 30px;
   height: 30px;
 }


 .location-item__text {
   display: flex;
   width: 100%;
   align-items: center;
   flex-flow: row-reverse;
   justify-content: flex-end;

 }

 .location-item__zip:after {
   content: '-';
   margin: 0 3px;
 }






 [data-react-component="location-permission-request"] {
   display: none;
 }




 @media(min-width: 1000px) {
   [data-react-component="location-permission-request"] {
     position: absolute;
     bottom: 0;
     z-index: 999;
     max-width: 100%;
     width: 50%;
     display: block;
   }
 }

 .location-permission-modal {
   padding: 1.8rem;
   background-color: var(--color-red);
   border-radius: 10px;
   margin: 0;
   width: 100%;
   position: relative;
   z-index: 999;
   display: flex;
   margin-top: 2rem;
   align-items: center;
   justify-content: space-between;
 }

 .location-permission__description {
   color: var(--color-white);
   width: 100%;
 }


 .location-permission__description h1 {
   font-size: 21px;
 }

 .location-permission__close-button {
   position: absolute;
   top: -10px;
   right: -10px;
   background-color: var(--color-white);
   border-radius: 50%;
   width: 30px;
   height: 30px;
 }

 .location-permission__localte-me-button {
   background-color: var(--color-white);
   border-radius: 5px;
   padding: 9px;
   font-weight: normal;
   font-size: 14px;
 }

 .location-permission__description>p:first-child {
   margin-bottom: 10px;
 }


 /* ==========================================================================
Jobs Search box
========================================================================== */

 [data-react-prop-horizontal="true"] {
   width: calc(100% - 3rem);
   margin: 0 auto;
   margin-top: -3rem;
   padding: 1rem;
   margin-bottom: 5rem;
 }

 @media(min-width: 1000px) {
   [data-react-prop-horizontal="true"] {
     width: calc(100% - 9rem);
     max-width: 1440px;
   }

   [data-react-prop-horizontal="true"] .location-permission__description {
     text-align: center;

   }
 }

 .c-main-hero-search__horizontal {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-flow: column
 }

 @media(min-width: 1000px) {
   .c-main-hero-search__horizontal {
     flex-flow: wrap
   }
 }

 .c-main-hero-search__horizontal .c-main-hero-search__location-label,
 .c-main-hero-search__horizontal .c-main-hero-search__keyword-label {
   display: none;
 }

 .c-main-hero-search__horizontal .c-main-hero-search__button-search {
   margin-top: 0;
 }



 .c-main-hero-search__horizontal>div:not(.location-permission-modal) {
   margin: 10px 10px 10px 10px;
   padding-bottom: 0;
   width: 100%;

 }

 @media(min-width: 1000px) {
   .c-main-hero-search__horizontal>div:not(.location-permission-modal) {
     width: auto;
     margin: 0 10px 0 5px;
   }



   .c-main-hero-search__horizontal>div:nth-child(1) {
     flex-grow: 2
   }

   .c-main-hero-search__horizontal>div:nth-child(2) {
     flex-grow: 2
   }

   .c-main-hero-search__horizontal>div:nth-child(3) {
     flex-grow: 1
   }


 }


 .c-job-main {
   width: calc(100% - 3rem);
   margin: 0 auto;
   display: flex;
   flex-flow: column
 }

 @media(min-width: 1000px) {
   .c-job-main {
     width: calc(100% - 9rem);
     flex-flow: row;
     max-width: 1440px;
   }
 }



 .c-job-main>div:nth-child(1) {
   width: 100%;
 }

 .c-job-main>div:nth-child(2) {
   width: 100%;
   display: flex;
   flex-flow: column;

 }


 @media(max-width: 1000px) {
   .c-job-main__right {
     margin-top: 3rem;
   }
 }

 @media(min-width: 1000px) {
   .c-job-main>div:nth-child(1) {
     width: 30%;
     margin-right: 60px;
   }

   .c-job-main>div:nth-child(2) {
     width: 70%;
     align-items: flex-start;

   }

 }






 .c-jobs-filter.advanced-search-container .filter-group h3 {
   display: none;
 }

 .c-job-main .advanced-search-container {
   max-width: 100%;
 }

 .c-jobs-filter {
   margin-top: 2rem;
 }

 @media(max-width: 1000px) {
   [data-react-component="jobs-filter"] .advanced-search-container.c-jobs-filter {
     width: 100%;
     max-width: 100%;
   }
 }

 .c-jobs-filter .filter-header {
   background: none !important;
 }


 .jobs-current-searches__title {
   font-size: 21px;
   display: block;
   margin-bottom: 1rem;
   color: #6D7278;
 }

 .jobs-current-searches__tag-list {
   padding: 0;
   margin: 0 auto;
   display: flex;
   flex-flow: wrap;
   position: relative;
 }

 .jobs-current-searches__tag-item {
   /*width: 100%;*/
   width: auto;
   display: flex;
   background-color: #D6D6D6;
   border-radius: 100px;
   align-items: center;
   /*padding: 5px 15px;*/
   margin: 0 5px 10px 0;

   border: solid 2px rgba(182, 184, 185, 0.29);
   height: auto;

 }

 .jobs-current-searches__tag-label {
   padding: 0 0 0 1rem;
   text-overflow: ellipsis;
   width: calc(100% - 1.575rem);
   display: block;
   overflow: hidden;
   /*white-space: nowrap;*/
 }

 .jobs-current-searches__tag-close {
   background-color: #6F6F6F;
   margin: 3px 3px 3px 1rem;
   border-radius: 50%;
   color: var(--color-white);
   width: 1.575rem;
   height: 1.575rem;
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 1 0 auto;
 }

 .jobs-current-searches__tag-close svg {
   fill: var(--color-white);
   /*width: 10px;*/
   height: 20px;
 }




 .c-job-main__sorting-right {
   display: flex;
   justify-content: space-between;
   flex-flow: column
 }

 @media(min-width: 600px) {
   .c-job-main__sorting-right {
     flex-flow: row;
     justify-content: start;
   }

   .c-job-main__sorting-right>div:nth-child(1) {
     margin-right: 1rem;
   }
 }

 @media(min-width: 1000px) {
   .c-job-main__sorting-right {
     justify-content: space-between;
   }

   .c-job-main__sorting-right>div:nth-child(1) {
     margin-right: 0;
   }
 }



 /*@media(max-width: 1000px) {*/
 /*    .c-job-main__sorting-right > div:nth-child(1) {*/
 /*    margin-right: 30px;*/
 /*}*/

 /*}*/

 @media(max-width: 1000px) {
   .c-job-main__sorting-right>div {
     margin-bottom: 1rem
   }
 }



 .c-jobs-sortby {
   margin-left: 1rem;
 }

 [data-react-prop-classname="c-jobs-sortby"]>div,
 .c-jobs-radius {
   display: flex;
   align-items: center;
   background-color: #F3F3F4;
   padding: 5px 20px;
   border-radius: 20px
 }

 @media(max-width: 1000px) {

   [data-react-prop-classname="c-jobs-sortby"]>div,
   .c-jobs-radius {
     margin: 0 auto;
     justify-content: space-between;
   }
 }

 [data-react-prop-classname="c-jobs-sortby"] .Select-clear-zone,
 .c-jobs-radius .Select-clear-zone {
   display: none;
 }

 [data-react-prop-classname="c-jobs-sortby"]>div .react-select,
 .c-jobs-radius .react-select {
   width: 145px;
   font-weight: bold;
 }

 [data-react-prop-classname="c-jobs-sortby"] .react-select_jobs-sort-by_item__control,
 .c-jobs-radius .react-select_jobs-radius_item__control {
   border: none;
   background: none;
 }

 .c-jobs-radius .Select.is-disabled>.react-select {
   background: none;
 }

 [data-react-prop-classname="c-jobs-sortby"] .react-select:hover,
 .c-jobs-radius .react-select:hover {
   box-shadow: none;
 }

 .c-job-main__sorting {
   display: flex;

   width: 100%;
   justify-content: space-between;
   flex-flow: column
 }

 .c-job-main__sorting-left {
   margin-bottom: 2rem;
 }

 @media(min-width: 1000px) {
   .c-job-main__sorting {
     flex-flow: row;
     align-items: center;
   }

   .c-job-main__sorting-left {
     margin-bottom: 0;
   }
 }





 .c-jobs-sortby .is-open>.react-select {
   background-color: transparent;
 }

 .c-jobs-sortby .Select-menu-outer {
   background-color: transparent;
 }

 [data-react-prop-classname="c-jobs-list-only"] {
   width: 100%;
 }

 .c-jobs-list-only {
   background-color: var(--color-white);
   border-radius: 10px;
   padding: 0.5rem;
   padding: 2rem;
   height: auto;
   margin-top: 2rem;
 }

 .c-jobs-list-only .results-list {
   padding: 0;
   margin: 0 auto;

 }

 .c-jobs-list-only .result-item {
   display: flex;
   margin-bottom: 1rem;
   border-bottom: rgb(143 146 161 / 25%) 1px solid;
   position: relative;
   justify-content: space-between;
   align-items: center;
   padding: 1rem;
 }

 .c-jobs-list-only .result-item:last-child {
   border-bottom: none;
 }

 .c-jobs-list-only .result-item>.item-title {
   display: flex;
   flex-flow: column;
   margin-bottom: 1rem;
   position: relative;
 }

 .c-jobs-list-only .result-item:after {
   content: 'Apply Now' '\00a0\00a0' '\f105';
   font: normal normal normal 14px/1 FontAwesome, "Speedee", sans-serif;
   border: 1px solid rgba(255, 255, 255, 0.2);
   display: inline-block;
   font-size: 16px;

   line-height: 1.2em;
   background-color: var(--color-yellow);
   padding: 1.025em 2.5em;
   position: relative;
   border-radius: 0.5rem;
   -webkit-transition: all .45s ease;
   transition: all .45s ease;
 }

 .c-jobs-list-only a.item-title {
   color: var(--color-header-black);
   font-weight: bold;
   width: 500px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }






 .results-list__item {
   display: block;
 }

 .results-list__item-header,
 .results-list__item-brand {

   margin-bottom: 15px;
 }



 @media(min-width: 600px) {
   .results-list__item-header {
     display: flex;
     justify-content: space-between;
     /* margin-bottom: 25px; */

   }

   .results-list__item-brand {
     margin-bottom: 0;
   }

 }

 .results-list__item-title--link {
   font-weight: bold;
   color: var(--color-header-black);
 }

 .results-list__item-distance {
   display: flex;
   align-items: center;
   margin-top: 10px;
 }

 @media(min-width: 600px) {
   .results-list__item-distance {
     margin-top: 0;
   }
 }

 .results-list__item-distance--icon {
   display: block;
   margin-right: 15px;
 }

 .results-list__item-street--icon,
 .results-list__item-brand--icon {
   display: block;
   margin-right: 10px;
 }

 .results-list__item-street,
 .results-list__item-brand {
   display: flex;
 }

 .results-list__item-street {
   margin-top: 15px;
 }

 @media(min-width: 1000px) {
   .results-list__item-street--label {
     /*width: 95%;*/
     /* text-overflow: ellipsis; */
     /*overflow: hidden;*/
     /* white-space: nowrap;*/
   }
 }

 .results-list__item-apply {
   border: 1px solid rgba(255, 255, 255, 0.2);
   display: flex;
   font-size: 16px;
   align-items: center;
   justify-content: center;

   line-height: 1.2em;
   background-color: var(--color-yellow);
   padding: 5px 15px;
   position: relative;
   border-radius: 0.5rem;
   -webkit-transition: all .45s ease;
   transition: all .45s ease;
   margin-top: 1rem;
 }

 @media(min-width: 600px) {
   .results-list__item-apply {
     margin-top: 0;
   }


 }

 .results-list__item-info {
   display: flex;
   flex-flow: column-reverse;
   margin-bottom: 1rem;
 }

 @media(min-width: 1000px) {

   .results-list__item-info {

     margin-bottom: 0;
   }
 }

 .results-list__item-content {
   display: flex;
   justify-content: space-between;

   flex-flow: column
 }

 @media(min-width: 600px) {
   .results-list__item-content {
     flex-flow: row;
     align-items: center;
   }
 }

 .results-list__item-apply--icon {
   margin: 3px 3px 3px 1rem;
   background-color: var(--color-red);
   border-radius: 50%;
   color: var(--color-white);
   width: 1.875rem;
   height: 1.875rem;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: center;
   justify-content: center;
   transition: background-color 0.3s cubic-bezier(0.4, 0, 0, 1), transform .4s cubic-bezier(.215, .61, .355, 1);
   ;
 }

 .results-list__item-apply:hover .results-list__item-apply--icon {
   transform: scale(1.08);
   background-color: var(--color-header-black);
 }



 .results-list__item {
   margin-bottom: 2rem;
   border-bottom: 1px rgb(0 0 0 / 6%) solid;
   padding-bottom: 2rem;
 }

 .results-list__item:last-child {
   margin-bottom: 0;
   border-bottom: 0;
   padding-bottom: 0;
 }


 .results-list__item-apply--label {
   color: var(--color-header-black);
   font-weight: bold;
 }

 .results-header {
   color: #6D7278;
   font-weight: bold;
   font-size: 16px;
 }

 .results-header__content-total {
   color: var(--color-red);
 }

 .results-header__content {
   color: var(--color-header-black);
 }

 .c-jobs-pagination .pagination.mobile {
   display: none;
 }

 .c-jobs-pagination .page-links {
   padding: 1rem 2rem;
   background: var(--color-white);
   border-radius: 2rem;
   display: flex;
   align-items: center;

 }

 @media(min-width: 1000px) {
   .c-jobs-pagination .page-links {
     margin-left: 30px;
   }
 }

 .c-jobs-pagination .page-link.page-link-next,
 .c-jobs-pagination .page-link.page-link-last,
 .c-jobs-pagination .page-link.page-link-first,
 .c-jobs-pagination .page-link.page-link-previous {
   height: 2rem;
   width: 2rem;
   background: #f3f3f4;
   color: var(--color-header-black);
   border-radius: 2rem;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 5px;
 }

 .c-jobs-pagination .page-link.page-link-first.not-selectable,
 .c-jobs-pagination .page-link.page-link-next.not-selectable,
 .c-jobs-pagination .page-link.page-link-previous.not-selectable,
 .c-jobs-pagination .page-link.page-link-last.not-selectable {
   opacity: 0.5;
   cursor: not-allowed;
   display: none;
 }

 .c-jobs-pagination .page-links>a {
   cursor: pointer;
   margin: 0 0.5rem;
   color: var(--color-black);
 }

 .c-jobs-pagination .page-link.current-page.not-selectable {
   color: var(--color-red);
 }

 .c-jobs-pagination .pagination {
   display: flex;
   flex-flow: row-reverse;
   justify-content: center;
 }

 @media(max-width: 1000px) {
   .c-jobs-pagination .pagination {
     justify-content: flex-start
   }
 }

 .c-main-hero-search__location-content {
   display: flex;
   align-items: center;
 }

 .c-main-hero-search__location-drop {
   width: 100%;
 }





 .c-jobs-current-location {
   margin-bottom: 2rem;
 }

 .results-container {
   position: relative;
 }


 .c-jobs-filter .filter-category-container .filter-options-list-container .filter-options-list input[type="checkbox"] {
   float: right;
   width: auto;
   appearance: auto;
 }


 .advanced-search-container.c-jobs-filter .filter-category-container .filter-options-list-container .filter-options-list {
   box-shadow: none;
   background-color: transparent;
   padding: 15px 0;
 }


 .c-jobs-filter .filter-category-container .filter-options-list-container .filter-options-list label {
   display: flex;
   flex-flow: row;
   width: 100%;
   align-items: center;
   justify-content: space-between;
   padding-bottom: 1em;
 }

 .advanced-search-container.c-jobs-filter .filter-category-container .filter-options-list-container .filter-options-list label>.option-value {
   width: 100%;
   display: flex;
   justify-content: space-between;
   margin-left: 10px;
   height: 100%;
   align-items: center;
 }

 [data-react-component="jobs-filter"] .advanced-search-container .filter-category-container .filter-options-list-container .filter-options-list .option-value {
   font-size: 14px !important;
   /* text-overflow: ellipsis;
    width: 90%;
    display: block;
    overflow: hidden;
    white-space: nowrap; */
 }


 .advanced-search-container.c-jobs-filter .filter-category-container .filter-options-list-container .filter-options-list .option-value.count {
   margin-left: 20px;
   background-color: #F3F3F4;
   padding: 3px;
   border-radius: 5px;
   width: 4rem;

   display: flex;
   justify-content: center;
   transition: background-color 0.3s cubic-bezier(0.4, 0, 0, 1), transform .4s cubic-bezier(.215, .61, .355, 1);
   ;

 }

 .advanced-search-container.c-jobs-filter .filter-category-container .filter-header {
   padding: 12px 0;
 }

 .advanced-search-container .filter-category-container .filter-header .filter-title {
   font-weight: bold;
   color: var(--color-header-black);
 }

 .c-jobs-filter .reset-filters {
   text-align: right;
 }

 .c-jobs-filter .reset-filters a {
   color: var(--color-header-black);
   font-weight: bold;
   transition: 0.3s all ease-in-out;

 }

 .c-jobs-filter .reset-filters a:hover {
   color: var(--color-red);
 }

 .c-jobs-pagination {
   margin: 30px 0;
   display: block;
   position: relative;
 }

 .c-jobs-pagination .page-size {
   display: none;

 }

 @media(min-width: 1000px) {
   .c-jobs-pagination .page-size {
     background-color: var(--color-white);
     border-radius: 200px;
     display: flex;
     align-items: center;
     width: auto;
     padding: 1rem;
     justify-content: center;
     text-align: center;
   }
 }



 /* ==========================================================================
Expired 
========================================================================== */

 .expired-job-message-container .expired-job-message {
   border-top: 0px;
   border-bottom: 4px solid var(--color-red);
   color: var(--color-header-black);
   background: var(--color-white);
   padding: 3.2em 1.2em;
   text-align: center;
 }


 .expired-job-message__button,
 .expired-job-joblist__button {
   border: 1px solid rgba(255, 255, 255, 0.2);
   margin-top: 30px;
   display: inline-block;
   font-size: 16px;
   align-items: center;
   justify-content: center;
   line-height: 1.2em;
   background-color: var(--color-red);
   padding: 15px 45px;
   position: relative;
   border-radius: 0.5rem;
   -webkit-transition: all .45s ease;
   transition: all .45s ease;
 }



 .expired-job-message__button--label,
 .expired-job-joblist__button--label {
   font-weight: bold;
   color: var(--color-white);
 }

 .expired-job-joblist__button {
   display: block;
   border-radius: 0;
   text-align: center;
   margin: 0 auto;
 }

 .expired-job-joblist__button:hover,
 .expired-job-message__button:hover {
   background-color: var(--color-header-black);
 }







 #location-list .c-header-navigation,
 #PFoot,
 #location-description #CompHTMLTop {
   display: none;

 }

 #location-description {
   background: url(https://d21jvwj1c73d2e.cloudfront.net/oms/1157/image/2025/4/62KJA_texture-slate/texture-slate.png) 0 0 repeat #262524;

 }




 /* ==========================================================================
Legacy
========================================================================== */


 #location-description #PContentContainer {
   max-width: none;
   padding: 5rem 2rem;
 }

 #location-description #PTitle h1,
 #location-description #PContent h4,
 #location-description #PContent p,
 #location-description #PContent span {
   color: var(--color-white);
   display: block !important;
 }

 #location-description #PTitle h1 {
   margin-bottom: 1.5rem;
 }

 #location-description .open-jobs li {
   padding: 1rem;
   padding-left: 0;
   margin: 0.5rem 0;
   border-bottom: solid 0.2rem var(--color-white);
 }

 #location-description .open-jobs li:hover {
   border-color: var(--color-yellow);
 }

 #location-description .open-jobs li a:hover {
   color: var(--color-white);
   text-decoration: none;
 }

 #location-description .title {
   font-size: 1.2rem;
   font-weight: 900;
   display: block;
 }

 #open-jobs h2 {
   color: var(--color-yellow);
 }

 .container-map a>path.available {
   fill: var(--color-red);
   stroke-width: 0.5px;
   transition: 0.3s all ease-in-out;
   stroke: var(--color-yellow);
 }

 .container-map a:hover>path.available {
   fill: var(--color-yellow)
 }

 .container-state {
   margin-bottom: 2rem;
 }

 .list-states .list-locations li a {
   color: #333;
   font-weight: bold;
 }

 .list-states .list-locations li {
   padding: 1rem 0;
 }

 .container-state span {
   font-size: 1.5rem;
   font-weight: bold;
 }

 #location-list .inner {
   padding: 2rem 0;
 }

 .container-locations-united-states h3 {
   font-size: 2rem;
   margin-bottom: 2rem;
   color: var(--color-black);
   background: var(--color-yellow);
   padding: 1rem;
   text-align: center;
 }

 .container-locations-canada {
   display: none;
 }

 /* builder fixes */

 .keyword-search__input .keyword-search__icon-container .keyword-search__icon {
   fill: var(--color-black);
   height: 24px;
   width: 24px;
 }

 .keyword-search__input .keyword-search__icon-container .keyword-search__icon > svg {
  height: 24px;
  width: 24px;
 }

 .custom-search-box .location-search .icon-container {
   top: inherit !important;
   background: none;
 }

 .keyword-search__icon-container {
   background: none !important;
 }

 .keyword-search__input:before {
   content: "\f002";
   position: absolute;
   width: 20px;
   height: 20px;
   font: normal normal normal 14px / 1 FontAwesome;
   padding: 0;
   z-index: 1;
   color: #8F92A1;
   margin-left: 10px;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .results-list__item-street--label__wrapper {
   display: flex;
 }

 @media(min-width: 600px) {
   .results-list__item-header {
     flex-direction: unset !important;
   }
 }


 .custom-search-box .location-search .icon-container .location-search__icon-right>svg[aria-labelledby="removeSelectionTitle"] {
   display: none;
 }

 .filter-options-list ul {
   position: relative;
 }

 .react-select_jobs-sort-by_item__indicator-separator,
 .react-select_jobs-radius_item__indicator-separator {
   display: none;
 }

 [data-react-component="jobs-sort-by"] .jobs-sort-by_select_display_icon,
 [data-react-component="jobs-radius"] .jobs-radius_select_display_icon {
   border: none !important;
 }

 [data-react-component="jobs-sort-by"] .jobs-sort-by_select_display,
 [data-react-component="jobs-radius"] .jobs-radius_select_display {
   width: 10rem;
   border: none !important;
 }

 [data-react-component="jobs-sort-by"] .jobs-sort-by_label,
 [data-react-component="jobs-radius"] .jobs-radius_label {
   font-weight: bold;
 }

 [data-react-component="jobs-sort-by"] .jobs-sort-by_container,
 [data-react-component="jobs-radius"] .jobs-radius_container {
   /* border-radius: 2rem !important; */
   border-color: transparent !important;
 }


 .results-list__custom-location--name--label:before {
   content: '';
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="19"><path fill="%23D6D6D6" fill-rule="nonzero" d="M4.572 5.492V4.008c0-.245.193-.446.428-.446H6.43c.235 0 .428.201.428.446v1.484a.438.438 0 0 1-.428.446H5a.438.438 0 0 1-.428-.446Zm5 .446h1.427c.237-.001.429-.2.429-.446V4.008A.438.438 0 0 0 11 3.562H9.572c-.237.001-.429.2-.429.446v1.484c0 .245.193.446.43.446H9.57ZM4.998 9.5h1.429a.438.438 0 0 0 .428-.445V7.57a.438.438 0 0 0-.427-.445H5a.438.438 0 0 0-.428.445v1.485c0 .244.193.445.428.445H5Zm4.572 0H11c.237 0 .429-.2.429-.445V7.57A.438.438 0 0 0 11 7.125H9.572c-.237 0-.429.2-.429.445v1.485c0 .244.193.445.43.445H9.57Zm-2.715 3.117v-1.484a.438.438 0 0 0-.427-.445H5a.438.438 0 0 0-.428.445v1.484c0 .245.193.445.428.445H6.43a.438.438 0 0 0 .428-.445h-.001Zm2.715.445H11c.237 0 .429-.2.429-.445v-1.484a.438.438 0 0 0-.43-.445H9.572c-.237 0-.43.2-.43.445v1.484c0 .245.194.445.43.445ZM16 17.665V19H0v-1.336c0-.245.193-.445.428-.445h.697V.89c0-.494.382-.891.857-.891h12.036c.475 0 .857.397.857.89V17.22h.697c.235 0 .428.2.428.445h-.001Zm-13.16-.482h4.017v-2.487c0-.244.193-.445.43-.445h1.428c.235 0 .428.2.428.445v2.487h4.018V1.817L2.858 1.78l-.019 15.4Z"></path></svg>');
   width: 16px;
   height: 19px;
   display: block;
   margin-right: 10px;
 }

 .results-list__custom-location--name--label {
   display: flex;
   align-items: center;
 }


 .jobs-sort-by[data-react-component="jobs-sort-by"] .jobs-sort-by_select_display,
 .jobs-radius[data-react-component="jobs-radius"] .jobs-radius_select_display {
   border: none;
   width: 10rem;
   background-color: #333;
   color: var(--color-white);
   font-weight: bold;
 }

 .jobs-radius_select_display_text,
 .jobs-sort-by_select_display_text {

   width: 100%;
 }

 .jobs-radius[data-react-component="jobs-radius"] .jobs-radius_select_display_icon,
 .jobs-sort-by[data-react-component="jobs-sort-by"] .jobs-sort-by_select_display_icon {
   display: none;
 }

 .jobs-radius[data-react-component="jobs-radius"] .c-jobs-radius,
 .jobs-sort-by[data-react-component="jobs-sort-by"] .c-jobs-sortby {
   justify-content: space-between;
 }

 .jobs-radius[data-react-component="jobs-radius"] .c-jobs-radius>div,
 .jobs-sort-by[data-react-component="jobs-sort-by"] .c-jobs-sortby>div {
   width: auto;
 }

 .jobs-sort-by_label {
   font-size: initial
 }

 .c-main-hero-search__keyword-label,
 .c-main-hero-search__location-label {
   font-weight: bold;
   margin-bottom: 10px;
   display: block;
 }

 .results-header__content__total {
   color: var(--color-red);
 }

 .pagination__list {
   display: flex;
   gap: 1.2rem;
   align-items: center;
   flex-flow: wrap;
 }

 .c-footer__copy-right {
   position: relative;
   color: var(--color-text-black);
   padding: 2rem 0;
   font-size: 14px
 }

 .c-footer__copy-right ul li {
   width: 100%;
   max-width: 250px;
   /* width: 150px; */
 }

 .c-footer__copy-right ul li:last-of-type {
  max-width: none;
 }

 @media (min-width: 1000px) {
   .c-footer__info-layout .o-layout__item {
     width: 80%;
   }
 }

 @media (min-width: 1000px) {
   footer .c-footer__copy-right--reserved {
     /* margin-top: 2rem !important; */
   }

   .c-footer__copy-right-layout.o-layout {
     display: flex;
     flex-direction: column !important;
   }
 }

 .c-footer-custom {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }

 .c-footer-custom-list-item li {
   margin-bottom: .3rem;
 }

 @media (min-width: 1000px) {
   .c-footer-custom {
     display: flex;
     flex-direction: row;
     align-items: center;
     width: 100%;
   }

 }

 /* ==========================================================================
Olivia / fill button hover — keep dark label + red icon so the gooey blend
melts yellow-on-yellow (red circle stays crisp) instead of turning the icon
white and breaking the arrow.
========================================================================== */
 .o-button.-fill:hover {
   color: var(--color-text-black);
 }

 .o-button.-fill:hover .o-button__icon {
   background-color: var(--color-red);
 }

 /* ==========================================================================
Homepage Benefits — align typography & layout to Figma (node 6301:1255).
Titles: Speedee Bold 24px / +1px tracking / Title Case.
Description: Speedee Bold 16px / 32px line-height / +1px tracking.
Right panel shows the selected benefit's icon + description only.
A red vertical rule separates the two columns on desktop.
========================================================================== */
 #benefits-scrollto .c-benefits-list-scroll__item-content h3 {
   font-family: var(--font-speedee, "Speedee", sans-serif);
   font-size: 24px;
   font-weight: 700;
   line-height: 1;
   letter-spacing: 1px;
   text-transform: capitalize;
   color: var(--color-header-black);
 }

 #benefits-scrollto .c-benefits-list-scroll__item-wall .l-layout__content-text,
 #benefits-scrollto .c-benefits-list-scroll__item-content p {
   font-size: 16px;
   font-weight: 700;
   line-height: 32px;
   letter-spacing: 1px;
 }

 #benefits-scrollto .c-benefits-list-scroll__item-img {
   margin-right: 24px;
   flex-shrink: 0;
 }

 /* Right panel: icon + description only (title lives in the left list) */
 #benefits-scrollto .c-benefits-list-scroll__item-wall .l-layout__content-title {
   display: none;
 }

 #benefits-scrollto .c-benefits-list-scroll__item-wall .l-layout__content {
   text-align: left;
 }

 .c-benefits__mobile-banner {
   display: none;
 }

 @media (max-width: 999px) {
   #mission-vision-scrollto {
     margin-bottom: 0;
   }


   [data-page="overview"] #ctu .c-image-info {
     margin-bottom: 0;
   }

   /* .c-benefits__mobile-banner {
     display: block;
     background-color: #ffb71b;
     padding: clamp(2.75rem, 8vw, 4rem) 1.5rem;
     position: relative;
     z-index: 2;
   } */

   .c-benefits__mobile-banner {
     display: block;
     background-color: #ffb71b;
     background-image: url(https://d21jvwj1c73d2e.cloudfront.net/oms/1149/image/2025/7/YFZD4_McDSesameSeeds-final/McDSesameSeeds-final.gif);
     background-position: left center;
     background-repeat: no-repeat;
     background-size: contain;
     padding: clamp(2.75rem, 8vw, 4rem) 1.5rem;
     position: relative;
     z-index: 2;
   }

   .c-benefits__mobile-banner .l-layout__content-title {
     font-size: clamp(2rem, 8vw, 3rem);
     line-height: 1.14;
     margin: 0;
     text-wrap: balance;
   }

   #benefits-scrollto .c-benefits__inner>.o-container:first-child {
     display: none;
   }

   .c-golden-arches__gallery::before {
     left: 0;
     width: 9rem;
     height: 4.5rem;
   }
 }

 @media (min-width: 1000px) {
   #benefits-scrollto .c-benefits-list-scroll__inner::before {
     content: "";
     position: absolute;
     left: 50%;
     top: 90px;
     width: 2px;
     height: 288px;
     /* background-color: var(--color-red); */
     transform: translateX(-50%);
   }

   /* Restore the fixed-height scrollable benefits list.
       vendor.css comments out `height: 500px` and uses `overflow-x` (horizontal),
       so the vertical list never overflows and never scrolls. */
   #benefits-scrollto .c-benefits-list-scroll__nav-wrapper {
     height: 500px;
     overflow-x: hidden;
     overflow-y: auto;
   }
 }

 /* ==========================================================================
Home — "Your Next Role Starts Here" accordion answers (Figma node 6301:1183).
The design renders each FAQ answer as a disc bulleted list. Tailwind preflight
resets list markers, so restore disc bullets + hanging indent here for every
expanded c-faq-min__item.
========================================================================== */
 .c-faq-min__bottom-ov .c-faq-min__list {
   list-style: disc outside;
   margin: 0;
   padding-left: 1.5rem;
 }

 .c-faq-min__bottom-ov .c-faq-min__list>li {
   display: list-item;
 }

 .c-faq-min__bottom-ov .c-faq-min__list>li:last-child {
   margin-bottom: 0;
 }

 /* ==========================================================================
Mission & Values — Mission section (Figma node 6301:1835).
vendor.css forces #mission-wrapper to a yellow background with white text;
the design uses a white background with dark text. Override colors only.
========================================================================== */
 [data-page="mission-values"] #mission-wrapper {
   background: var(--color-white);
   color: var(--color-text-black);
 }

 [data-page="mission-values"] #mission-wrapper .l-layout__content-title {
   color: var(--color-header-black);
 }

 [data-page="mission-values"] #mission-wrapper .l-layout__content-text {
   color: var(--color-text-black);
 }

 /* Food Quality section (Figma 6301:1935 / 3253 / 3738).
   Same overlay idea as the job-combo panel, but yellow: a full-width image with a
   CONTAINED yellow card that overlaps the image's lower edge. The default
   `.c-image-box-main__content` is full-bleed (left:-7vw / width:calc(100%+14vw)),
   so pull it back to the container width and lift it ~64px over the image. */
 #food-quality-scrollto .c-image-box-main__content {
   left: 0;
   width: 100%;
   top: auto;
   margin-top: -4rem;
 }

 /* The shared mission-values rule bleeds the image left-only (width:calc(100%+9rem))
   for the sustainability layout; here the image is full-width behind the card. */
 @media (min-width: 1000px) {
   #food-quality-scrollto .c-image-box-main__background {
     width: calc(100% + 18rem);
   }
 }

 /* The "Learn More Here" pill sits on the yellow card, so it reads white instead of
   the default yellow `.o-button.-fill`. Reuse the existing button; swap fill only. */
 #food-quality-scrollto .o-button.-fill {
   background-color: var(--color-white);
 }

 #food-quality-scrollto .o-button.-fill:hover {
   color: var(--color-text-black);
 }

 /* ==========================================================================
Mission & Values — Talent Development section (Figma 6301:2020 / 3274 / 3759).
Centered intro (title + subtitle + yellow CTA) above a 3-up card grid.
Reuses .o-container, .l-layout__content and .o-button.-yellow; only the card
grid/box treatment is section-specific. Cards stack below 1000px to match the
tablet and mobile designs (same breakpoint as the vendor `@medium` utilities).
========================================================================== */
 .c-development {
   background: var(--color-white);
   padding-top: 6rem;
   padding-bottom: 6rem;
 }

 .c-development__intro {
   margin-bottom: 4rem;
 }

 /* The .-yellow pill is `width: fit-content`; center it under the intro copy. */
 .c-development__intro .o-button.-yellow {
   margin-left: auto;
   margin-right: auto;
 }

 /* Keep the dark label + red arrow on hover (the generic .o-button hover would
   turn the label white and the icon yellow — invisible on the yellow pill). */
 .c-development__intro .o-button.-yellow:hover {
   color: var(--color-text-black);
 }

 .c-development__intro .o-button.-yellow:hover .o-button__icon {
   background-color: var(--color-red);
 }

 .c-development__grid {
   display: flex;
   flex-direction: column;
   gap: 2.4rem;
 }

 .c-development__card {
   flex: 1;
   background: var(--color-white);
   border-radius: 20px;
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.07), 0 10px 15px rgba(0, 0, 0, 0.1);
   padding: 3.2rem 2.4rem;
   text-align: center;
 }

 .c-development__card-icon {
   display: flex;
   justify-content: center;
   margin-bottom: 1.6rem;
 }

 .c-development__card-icon svg {
   fill: var(--color-text-black);
 }

 .c-development__card-title {
   font-family: var(--font-speedee, "Speedee", sans-serif);
   font-size: 1.5rem;
   font-weight: bold;
   line-height: normal;
   color: var(--color-header-black);
   margin-bottom: 1rem;
 }

 .c-development__card-text {
   font-size: 1rem;
   line-height: 1.6;
   color: var(--color-text-black);
 }

 @media (min-width: 1000px) {
   .c-development {
     padding-top: 8rem;
     padding-bottom: 8rem;
   }

   .c-development__grid {
     flex-direction: row;
     gap: 4rem;
     align-items: stretch;
   }
 }

 /* ==========================================================================
Corporate Careers — More Than Just a Job (Figma 6301:1600 / 4438 / 4564).
Centered title above a 4-up commitment-card grid on the brand-yellow band.
Reuses .o-container, .l-layout__content and .l-layout__content-text; the cards
mirror the .c-development card treatment (white box, 20px radius, soft shadow).
Cards sit 2-up from 1000px (matching the .c-development / vendor breakpoint) and
stack below that to match the tablet and mobile designs. The svg-fiz bubble
cluster bleeds up over the section above on desktop only.
========================================================================== */
 .c-commitments {
   position: relative;
   background: var(--color-yellow);
   padding-top: 6rem;
   padding-bottom: 6rem;
 }

 .c-commitments .o-container {
   position: relative;
   z-index: 1;
 }

 .c-commitments__intro {
   margin-bottom: 4rem;
 }

 .c-commitments__bubbles {
   display: none;
 }

 .c-commitments__grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 2.4rem;
 }

 .c-commitments__card {
   background: var(--color-white);
   border-radius: 20px;
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.07), 0 10px 15px rgba(0, 0, 0, 0.1);
   padding: 4rem 3.2rem;
 }

 .c-commitments__card-icon {
   display: flex;
   justify-content: center;
   margin-bottom: 1.6rem;
 }

 .c-commitments__card-icon svg {
   width: 6.4rem;
   height: 6.4rem;
   fill: var(--color-text-black);
 }

 .c-commitments__card-title {
   font-family: "Speedee", sans-serif;
   font-size: 2rem;
   font-weight: bold;
   line-height: normal;
   text-align: center;
   color: var(--color-header-black);
   /* margin-bottom: 1.6rem; */
 }

 .c-commitments__card-text {
   line-height: 1.6;
   color: var(--color-text-black);
   margin-bottom: 0;
 }

 @media (min-width: 1000px) {
   .c-commitments {
     padding-top: 8rem;
     padding-bottom: 8rem;
   }

   .c-commitments__bubbles {
     display: block;
     position: absolute;
     top: -7rem;
     right: 0;
     width: 40rem;
     height: 22rem;
     z-index: 0;
     pointer-events: none;
   }

   .c-commitments__bubbles svg {
     width: 100%;
     height: 100%;
   }

   .c-commitments__grid {
     grid-template-columns: repeat(2, 1fr);
     gap: 3.2rem;
   }
 }

 /* ==========================================================================
Mission & Values — Preservation of the Planet (Figma node 6301:1984).
Mirror of the shared mission-values image box: the default rule paints a YELLOW
card on the right; this section needs an off-white card on the LEFT overlapping
a photo on the RIGHT. Scoped to #mission-vision-scrollto so the sibling mission
and food-quality sections keep their styling. Below 1000px the layout stacks via
the shared vendor responsive rules (u-1/2@medium only splits at >=1000px).
========================================================================== */

 /* Gap between the preceding Food Quality section and this one (the `.-stripe`
   wrapper that used to provide it was removed). Target: 40px on mobile, 80px on
   tablet/desktop. The root font-size is responsive (14px below 1000px, 16px at
   the 1440 design width), so the rem values are tuned per breakpoint to land on
   the target px. */
 #mission-vision-scrollto {
   margin-top: 2.857rem;
   /* mobile: 40px @ 14px root */
 }

 @media (min-width: 700px) {
   #mission-vision-scrollto {
     margin-top: 5.714rem;
     /* tablet: 80px @ 14px root */
   }
 }

 #mission-vision-scrollto .c-image-box-main__content {
   background: var(--color-bg-grey);
   color: var(--color-text-black);
   /* The image's .o-background also uses z-index:1 and sits later in the DOM,
       so lift the card above it to keep the overlap (card on top of photo). */
   z-index: 2;
 }

 #mission-vision-scrollto .l-layout__content-title {
   color: var(--color-text-black);
 }

 /* The yellow CTA pill must keep its dark label + red arrow on hover — the
   generic .o-button hover turns the label white and the icon yellow, both of
   which disappear against the light card. */
 #mission-vision-scrollto .o-button.-yellow:hover {
   color: var(--color-text-black);
 }

 #mission-vision-scrollto .o-button.-yellow:hover .o-button__icon {
   background-color: var(--color-red);
 }

 @media (min-width: 1000px) {

   /* Desktop: 80px @ 16px root (the 1440 design width). */
   #mission-vision-scrollto {
     margin-top: 5rem;
   }

   /* Card sits left and overlaps the image from the left, so round its right
       edge (the shared rule rounds the left edge for the right-hand card). */
   #mission-vision-scrollto .c-image-box-main__content {
     border-radius: 0 5px 5px 0;
   }

   /* Image moves to the right column; bleed it off the right edge instead of
       the left and round its inner (top-left) corner. */
   #mission-vision-scrollto .c-image-box-main__background {
     left: 0;
     border-radius: 10px 0 0 0;
   }
 }

 /* ==========================================================================
Mission & Values — Caring for People / Inclusion (Figma node 6301:2002).
Reverse of the sibling "Preservation of the Planet" box: a photo on the LEFT
overlapped by an off-white card on the RIGHT. This is the shared mission-values
image-box DEFAULT geometry (image bleeds left + rounds its top-right corner; the
card rounds its left edge), so the DOM just leads with the image column and we
only recolor the card — the shared rule paints it yellow — and add the top
spacing the sibling gets from its `.-stripe` modifier. Stacks below 1000px via
the shared vendor responsive rules (u-1/2@medium only splits at >=1000px).
========================================================================== */
 #caring-for-people-scrollto .c-image-box-main__content {
   background: var(--color-bg-grey);
   color: var(--color-text-black);
   /* The image's .o-background also uses z-index:1 and sits earlier in the DOM,
       so lift the card above it to keep the overlap (card on top of photo). */
   z-index: 2;
 }

 #caring-for-people-scrollto .l-layout__content-title {
   color: var(--color-text-black);
 }

 /* The yellow CTA pill must keep its dark label + red arrow on hover — the
   generic .o-button hover turns the label white and the icon yellow, both of
   which disappear against the light card. */
 #caring-for-people-scrollto .o-button.-yellow:hover {
   color: var(--color-text-black);
 }

 #caring-for-people-scrollto .o-button.-yellow:hover .o-button__icon {
   background-color: var(--color-red);
 }

 @media (max-width: 999px) {
   #caring-for-people-scrollto .c-image-box-main__layout {
     display: flex;
     flex-direction: column;
   }

   #caring-for-people-scrollto .c-image-box-main__layout-item:first-child {
     order: 2;
   }

   #caring-for-people-scrollto .c-image-box-main__layout-item:last-child {
     order: 1;
   }
 }

 /* The sibling section gets its top spacing from `.c-image-box.-stripe`; this
   section omits the stripe (no yellow corner in the design), so add the same
   rhythm here. */
 @media (min-width: 700px) {
   #caring-for-people-scrollto .c-image-box {
     margin-top: 10rem;
   }
 }


 /* Update new header */
 html:not(.has-scrolled) .c-header-navigation.-dark {
   background-color: var(--color-white);
 }