/* .sectionBanner-titleHolder {
     background-image:url(/__template/t1/images/navy-on-navy-tiles.jpg);
}
 */
 main ul li ol li::before {
     content: counter(li);
     line-height: 1.4;
     font-size: .9em;
}
 @media (max-width: 767.98px) {
     main ul, main ul li {
         padding-left: .5rem;
         padding-right: .5rem;
    }
}
 .bg-slanted-slate {
     background-image: linear-gradient(182deg, #f3f5f8 90%, #fff calc(90% + 2px));
}
 .bg-slanted-bottom-down {
     background-image: linear-gradient(-178deg, #f3f5f8 90%, #fff calc(90% + 2px));
}
 .bg-slanted-top-up {
     background-image: linear-gradient(-182deg, #fff 10%, #f3f5f8 calc(10% + 2px));
}
 #diversityHome .stepList-item {
     border-top:none;
}
 #diversityHome .stepList-item:last-child {
     border-bottom:none;
}
 #diversityHome .stepList-item-content {
     padding-left: 2.75rem;
}
 #diversityHome .stepList > ol, #diversityHome .stepList > ol > li ol {
     margin-bottom:0;
}
 #diversityHome .stepList > ol > li ol {
     margin-left:2rem;
     padding-left: 1.5rem;
}
 #diversityIntro {
     position:relative;
     z-index:10;
}
 #listOne {
     position:relative;
}
 #listTwo, #listFour {
     padding-right: 15px;
     padding-left: 15px;
}
 #listTwo ol:not(.u-lowerAlpha), #listFour ol:not(.u-lowerAlpha) {
     margin-top:0;
}
 #listThree {
     position:relative;
     padding-bottom:0;
}
 #listThree::after {
     content:"";
     display:block;
     background-image: linear-gradient(-177deg, #f3f5f8 60%, #fff calc(60% + 2px));
     width:100%;
     height:7rem;
}
 @media (min-width:1200px) {
     .w-lg-85 {
         width:85%;
    }
     #listTwo, #listFour {
         padding-right: 180px;
    }
}
 @media (min-width:1600px) {
     #listOne::after {
         content:url(/diversity/_assets-index/images/circle_47a5440.jpg);
         clip-path: circle(50% at 21% 50%);
         height:400px;
         width:400px;
         position:absolute;
         bottom:-4rem;
         left:0;
    }
}
 @media (min-width:1920px) {
     #listOne::after {
         clip-path: circle(50%);
    }
}
 @media (max-width: 767.98px) {
     #diversityHome img.u-circlePhotoSimple {
         max-width: 250px;
    }
     #diversityHome .stepList > ol > li ol {
         margin-left:0;
    }
     #listOne.bg-slanted-bottom-down {
         background-image: linear-gradient(186deg, #f3f5f8 95%, #fff calc(95% + 2px));
         padding-bottom: 2rem;
    }
     #listTwo .stepList-item {
         padding-bottom:0;
    }
     #listThree.bg-slanted-top-up {
         background-image: linear-gradient(176deg, #fff 4%, #f3f5f8 calc(4% + 2px));
         padding-top: 2rem;
    }
     #listThree::after {
         height:3rem;
    }
     #listFour .stepList-item {
         padding-bottom:0;
    }
     #listFive.bg-slanted-top-up {
         background-image: linear-gradient(174deg, #fff 7%, #f3f5f8 calc(7% + 2px));
         padding-top: 4rem;
    }
}
 @media (max-width:575.98px) {
     #diversityHome .stepList-item-content {
         padding-left: .5rem;
    }
     #diversityHome ol, #diversityHome ol li ol {
         padding-left:0;
    }
     #diversityHome ol li, #diversityHome ol li ol li {
         padding-right:0;
    }
     #diversityHome ol.u-lowerAlpha>li::before {
         left: -.25em;
    }
}
/*JOBS BUTTONS */
 @media(min-width:500px) {
     .jobButtons {
         display: grid;
         grid-template-columns: 1fr;
         gap:1em;
    }
}
 .jobsButtons-link.jobsButtons-link--popout {
     background-color: var(--gfColors-red);
}
 .jobsButtons-link.jobsButtons-link--popout {
     margin-bottom: 1rem;
}
 .jobsButtons-link>a, a.jobsButtons-link-popoutMenu-link {
     color: white;
     box-shadow: none;
     text-decoration: none;
     text-transform: uppercase;
     letter-spacing: .1em;
     font-size: .9rem;
     font-weight: bold;
     display: block;
     line-height: 1.3;
     text-align: center;
     padding: 0.5rem 2rem;
}
 .jobsButtons-link--popout>a:hover, .jobsButtons-link--popout>a.collapsed:hover, .jobsButtons-link-popoutMenu-link:hover {
     box-shadow: none;
}
 .jobsButtons-link--popout {
     position: relative;
}
 .jobsButtons-link:first-child {
     position: relative;
}
 .jobsButtons-link-popoutMenu-link:hover {
     border: 1.5px solid var(--gfColors-red);
     box-sizing: border-box;
     background: var(--gfColors-red);
}
 .jobsButtons-link-popoutMenu-link+.jobsButtons-link-popoutMenu-link {
     border-top: 1px solid #ffffff;
}
 .jobsButtons-link-popoutMenu-link:nth-child(1) {
     background: var(--gfColors-red);
}
 .jobsButtons-link--popout>a span::after {
     content: "+";
     display: inline-block;
     margin-left: 0.5rem;
     font-family: serif;
     color: #fff;
     font-size: 1.25rem;
     line-height: 0.75;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     transition: all .3s;
     color: var(--gfColors-white);
     top: 0.035rem;
     position: relative;
}
 .jobsButtons-link--popout>a.collapsed span::after {
     font-size: 0rem;
}
 .jobsButtons-link-popoutMenu {
     position: absolute;
     left: 0;
     text-align: center;
     width: 100%;
     z-index: 10;
}
 .jobsButtons-link-popoutMenu-link {
     background-color: var(--gfColors-red);
     color: var(--gfColors-white);
     font-weight: normal;
     padding: 0.5rem;
     transition: all ease .3s;
}
 .jobsButtons-link-popoutMenu>div {
     background-repeat: no-repeat;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 401.8 152.1'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolygon class='cls-1' points='149.34 0 0 113.22 298.68 113.22 149.34 0' fill='%23C4161B'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
     background-position: top 10px center;
     position: relative;
     padding-top: 1rem;
     z-index: 10;
     background-size: 9%;
}
 .jobsButtons-link-popoutMenu>div {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
}
 @media(max-width:768px) {
     .jobsButtons-link-popoutMenu {
         position: relative;
    }
     .jobsButtons-link-popoutMenu>div {
         /*padding-top: 0rem;*/
    }
     .jobsButtons-link-popoutMenu-link+.jobsButtons-link-popoutMenu-link {
         background: var(--gfColors-red);
    }
     .jobsButtons-link .collapsed {
         padding: 0.5rem 0;
    }
 }
 a.button.button--bold.collapsed {
    height: 100%;
}