.aem-GridColumn.aem-GridColumn–default–none.mw-600 {
max-width: 600px;
margin: 0 auto !important;
display: block;
float: none !important;
clear: both !important;
}
.mw-800 .cmp-text, .aem-Grid>.aem-GridColumn.aem-GridColumn–default–none.mw-800 {
max-width: 800px;
margin: 0 auto !important;
display: block;
float: none !important;
clear: both !important;
}
.mw-1000 .cmp-text, .aem-Grid>.aem-GridColumn.aem-GridColumn–default–none.mw-1000 {
max-width: 1000px;
margin: 0 auto !important;
display: block;
float: none !important;
clear: both !important;
}
.brand-item__img {
max-height: 30px;
}
.text .cmp-text blockquote,
.shrm-widearticle-Element-wideArticlePullQuote {
font-family: ‘ProximaNova’;
font-weight: 400 !important;
font-size: 1.6rem !important;
line-height: 1.3em !important;
padding: 65px 0 0 0 !important;
position: relative;
margin: 30px 0 15px 0 !important;
}
.shrm-widearticle-Element-wideArticlePullQuote>span {
font-size: unset !important;
font-weight: unset !important;
color: unset !important;
}
.text .cmp-text blockquote:before,
.shrm-widearticle-Element-wideArticlePullQuote:before {
content: ”;
height: 48px;
width: 60px;
position: absolute;
left: 0;
top: 0;
background-position: center;
background-image: url(“data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjAgNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMzU1QjhGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0LjEsMjUuMWMtMC41LDAtMC45LDAtMS40LDAuMWwwLTAuMWMwLjYtOS44LDEyLjgtMTguOSwxMi44LTE4LjlsLTcuNi02LjFjMCwwLTguNCw0LjYtMTMuOCwxNi45CgljLTUuNCwxMi4zLTMuNCwyNi4yLDYuMiwyOS4xYzAsMCwwLDAsMC4xLDBjMS4xLDAuNCwyLjQsMC43LDMuNywwLjdjNiwwLDEwLjgtNC45LDEwLjgtMTAuOFMyMC4xLDI1LjEsMTQuMSwyNS4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDcuNywyNS4xYy0wLjUsMC0wLjksMC0xLjQsMC4xbDAtMC4xQzQ3LDE1LjMsNTkuMiw2LjIsNTkuMiw2LjJsLTcuNi02LjFjMCwwLTguNCw0LjYtMTMuOCwxNi45CgljLTUuNCwxMi4zLTMuNCwyNi4yLDYuMiwyOS4xYzAsMCwwLDAsMC4xLDBjMS4xLDAuNCwyLjQsMC43LDMuNywwLjdjNiwwLDEwLjgtNC45LDEwLjgtMTAuOFM1My43LDI1LjEsNDcuNywyNS4xeiIvPgo8L3N2Zz4K”);
}
.text.text-white .cmp-text blockquote:before,
.text-white .shrm-widearticle-Element-wideArticlePullQuote:before {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjAgNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjUuMyw3QzI1LjMsNywyNS4zLDYuOSwyNS4zLDdjLTIuNC0yLTQuOS0zLjktNy4zLTUuOWMtMC4xLTAuMS0wLjItMC4xLTAuMywwYy0wLjQsMC4zLTAuOSwwLjYtMS4zLDAuOQoJCWMtMi43LDItNSw0LjQtNy4xLDcuMWMtMi44LDMuNy01LDcuOC02LjQsMTIuM2MtMC44LDIuNS0xLjMsNS4xLTEuNSw3LjdjLTAuMSwxLjUsMCwzLjEsMC4xLDQuNmMwLjEsMS43LDAuNSwzLjMsMS4xLDQuOQoJCUMzLjYsNDEsNC45LDQzLDYuOSw0NC41YzEuOSwxLjQsNC4xLDIuMSw2LjQsMi40YzIuMSwwLjIsNC0wLjIsNS45LTEuMmMxLjgtMSwzLjItMi40LDQuMi00LjJjMS4xLTIsMS42LTQuMSwxLjMtNi40CgkJYy0wLjMtMi4yLTEuMi00LjItMi43LTUuOWMtMi4zLTIuNi01LjItMy43LTguNy0zLjVjLTAuMiwwLTAuMywwLTAuNSwwYzAtMC4zLDAtMC41LDAtMC43YzAuMi0yLDAuOS0zLjksMS44LTUuNwoJCWMyLTMuOSw0LjktNy4xLDguMS0xMC4xQzIzLjUsOC41LDI0LjQsNy43LDI1LjMsN3ogTTQ1LjgsMjUuOGMwLjEtMC43LDAuMi0xLjMsMC4zLTEuOWMwLjUtMi41LDEuNy00LjgsMy4xLTYuOQoJCWMyLjUtMy43LDUuNi02LjgsOS4xLTkuN2MwLjEtMC4xLDAuMi0wLjIsMC4zLTAuM2MtMi41LTItNS00LTcuNC02Yy0wLjEsMC4xLTAuMSwwLjEtMC4yLDAuMWMtMC4xLDAuMS0wLjIsMC4xLTAuMywwLjIKCQljLTMuMSwyLTUuNyw0LjYtNy45LDcuNkMzOC44LDE0LDM2LjEsMTkuNywzNSwyNi4xYy0wLjQsMi41LTAuNSw1LjEtMC4yLDcuN2MwLjIsMi4xLDAuNyw0LjEsMS43LDZjMC44LDEuOCwyLDMuMywzLjUsNC42CgkJYzEuNCwxLjEsMy4xLDEuOCw0LjgsMi4yYzEuNiwwLjQsMy4yLDAuNSw0LjgsMC4xYzIuMy0wLjUsNC4yLTEuNiw1LjgtMy40YzIuMi0yLjYsMy4xLTUuNiwyLjQtOWMtMC40LTItMS4zLTMuNy0yLjctNS4yCgkJYy0xLjQtMS41LTMtMi41LTQuOS0zLjFDNDguOCwyNS43LDQ3LjQsMjUuNiw0NS44LDI1Ljh6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjUuMyw3Yy0wLjksMC44LTEuOCwxLjUtMi42LDIuM2MtMy4yLDMtNi4xLDYuMi04LjEsMTAuMUMxMy43LDIxLjEsMTMsMjMsMTIuOCwyNWMwLDAuMiwwLDAuNSwwLDAuNwoJCWMwLjIsMCwwLjQsMCwwLjUsMGMzLjUtMC4yLDYuNCwxLDguNywzLjVjMS41LDEuNywyLjQsMy43LDIuNyw1LjljMC4zLDIuMy0wLjIsNC40LTEuMyw2LjRjLTEsMS44LTIuNCwzLjItNC4yLDQuMgoJCWMtMS44LDEtMy44LDEuNC01LjksMS4yYy0yLjMtMC4zLTQuNS0xLTYuNC0yLjRjLTItMS41LTMuMy0zLjYtNC4yLTUuOWMtMC42LTEuNi0xLTMuMi0xLjEtNC45Yy0wLjEtMS41LTAuMi0zLjEtMC4xLTQuNgoJCWMwLjEtMi42LDAuNy01LjIsMS41LTcuN0M0LjQsMTYuOSw2LjUsMTIuOCw5LjQsOWMyLTIuNyw0LjMtNS4xLDcuMS03LjFjMC40LTAuMywwLjktMC42LDEuMy0wLjljMC4xLDAsMC4yLDAsMC4zLDAKCQlDMjAuNCwzLjEsMjIuOCw1LDI1LjMsN0MyNS4zLDYuOSwyNS4zLDcsMjUuMyw3eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ1LjgsMjUuOGMxLjUtMC4yLDMtMC4xLDQuNCwwLjNjMS45LDAuNiwzLjYsMS42LDQuOSwzLjFjMS40LDEuNSwyLjMsMy4yLDIuNyw1LjJjMC42LDMuNC0wLjIsNi40LTIuNCw5CgkJYy0xLjUsMS44LTMuNSwyLjktNS44LDMuNGMtMS42LDAuMy0zLjIsMC4zLTQuOC0wLjFjLTEuNy0wLjUtMy40LTEuMS00LjgtMi4yYy0xLjYtMS4yLTIuNy0yLjgtMy41LTQuNmMtMC45LTEuOS0xLjQtMy45LTEuNy02CgkJYy0wLjMtMi42LTAuMi01LjEsMC4yLTcuN2MxLjEtNi40LDMuOC0xMi4xLDcuNy0xNy4zYzIuMi0yLjksNC44LTUuNSw3LjktNy42YzAuMS0wLjEsMC4yLTAuMSwwLjMtMC4yYzAuMSwwLDAuMS0wLjEsMC4yLTAuMQoJCWMyLjUsMiw0LjksNCw3LjQsNmMtMC4xLDAuMS0wLjIsMC4yLTAuMywwLjNjLTMuNSwyLjgtNi42LDUuOS05LjEsOS43Yy0xLjQsMi4xLTIuNiw0LjQtMy4xLDYuOUM0NiwyNC40LDQ1LjksMjUuMSw0NS44LDI1Ljh6Ii8+CjwvZz4KPC9zdmc+Cg==)
}
.shrm-widearticle-Style-Caption {
font-size: 18px !important;
font-weight: 400;
}
.cmp-text img {
width: auto;
}
.hero__content ol {
list-style: decimal;
}
.hero__content ul {
list-style: disc;
}
.hero__content li {
margin-left: 20px;
margin-bottom: 8px;
}
.hero__content li:last-of-type {
margin-bottom: 0;
}
#one_column {
max-width: 1000px;
margin: 0 auto;
}
.content-details-pg .layout-container .layout-container__wrapper .breadcrumb-wrapper>.layout-container__inner,
.content-details-pg .main_content>.layout-container__inner .layout-container__inner:first-of-type {
max-width: 1000px;
margin: 0 auto;
}
.content-details-pg .contentintro .image {
max-width: 1000px;
height: auto;
margin: 0 auto;
}
.contentintro img {
padding-bottom: 0 !important;
}
.contentintro .image {
padding: 0 !important;
}
.social-icon__image img{
object-fit: unset;
width: 100%;
height: auto;
max-width: 32px;
}
.social-icon__list{
margin-right:8px;
}
#footer_fix .cmp-text ul {
list-style: none;
padding: 0;
margin: 0;
}
#footer_fix .cmp-text ul li {
padding: 0;
margin: 0 0 8px 0;
}
ul.fa-ul {
list-style: none;
}
.fa-ul li {
position: relative;
margin-bottom: 8px;
}
.fa-ul li:before {
content: ”;
height: 10px;
width: 10px;
display: block;
border: 1px solid black;
position: absolute;
left: -20px;
top: 6px;
}
.hero .hero__container .hero__content p>a,
.accordionBlocks .cmp-accordion__item p>a {
color: white;
text-decoration: underline;
}
.text-white .cmp-text {
color: white;
}
.text-white .cmp-text a:link,
.text-white .cmp-text a:visited {
color: white;
text-decoration: underline;
}
.storycard__title-text {
color: black;
}
.storycard__title-text a:link,
.storycard__title-text a:visited {
color: #3375b8;
}
.biography-card .shrmImage {
width: 100%;
}
.hero__container {
min-height: 600px;
}
.shrm-Table-stripedTable {
width: unset !important;
margin-bottom: 15px;
}
.shrm-TableOddRow-stripedTable {
background: white;
}
.shrm-TableEvenRow-stripedTable {
background: rgb(239, 237, 237) !important;
}
.shrm-Table-stripedTable tr td {
padding: 8px 15px;
}
.shrm-TableEvenCol-stripedTable span,
.shrm-TableOddCol-stripedTable span {
background-color: unset !important;
line-height: unset;
display: inline-block;
}
.newsletter {
background: #1b3c69;
}
/* —– member non member spacing fix —– */
.layout-container:not(.container-full,.teaserWave) > .layout-container__hide-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .layout-container:not(.container-full,.teaserWave) > .layout-container__hide-non-member >.layout-container__wrapper>.cmp-container>.layout-container__inner{
margin:0 auto;
max-width: 1224px;
padding: 80px 12px;
}
.large-padding .layout-container__hide-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .large-padding .layout-container__hide-non-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .large-padding.layout-container:not(.container-full,.teaserWave) > .layout-container__wrapper > .cmp-container > .layout-container__inner{
padding-top:80px !important;
padding-bottom:80px !important;
}
.medium-padding .layout-container__hide-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .medium-padding .layout-container__hide-non-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .medium-padding.layout-container:not(.container-full,.teaserWave) > .layout-container__wrapper > .cmp-container > .layout-container__inner{
padding-top:40px !important;
padding-bottom:40px !important;
}
.small-padding .layout-container__hide-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .small-padding .layout-container__hide-non-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .small-padding.layout-container:not(.container-full,.teaserWave) > .layout-container__wrapper > .cmp-container > .layout-container__inner{
padding-top:20px !important;
padding-bottom:20px !important;
}
.no-top-bottom-padding .layout-container__hide-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .no-top-bottom-padding .layout-container__hide-non-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .no-top-bottom-padding.layout-container:not(.container-full,.teaserWave) > .layout-container__wrapper > .cmp-container > .layout-container__inner{
padding-top:0 !important;
padding-bottom:0 !important;
}
.no-padding .layout-container__hide-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .no-padding .layout-container__hide-non-member > .layout-container__wrapper > .cmp-container > .layout-container__inner, .no-padding.layout-container:not(.container-full,.teaserWave) > .layout-container__wrapper > .cmp-container > .layout-container__inner{
padding:0 !important;
}
.video-modal.modal{
background:rgba(0, 0, 0, .75);
}
.modal-body iframe{
border:none;
}
/* —– Fix extra space between image and article text on 2 col template —–*/
.article-2-cols .main_content .col-lg-8.columncontrol__column > .aem-Grid > .container:nth-of-type(2) > .layout-container__wrapper > .cmp-container > .layout-container__inner{
padding:0 15px 40px 15px;
}
/* —– Fix breadcrumb not aligning with content on 2 col template —– */
.article-2-cols .bread-crumb{
margin-left:8px;
}
/* Replaces member-only lock icon with text-based flag */
.storycard.storycard-3 .storycard__content .storycard__type .storycard__type-icon {
position: unset;
top: 16px;
}
.storycard__type-icon {
background: #fbb533;
border-radius: 5px;
padding: 5px 8px;
}
.storycard__type-icon::before {
content: ”;
width:16px;
height:16px;
margin-right:5px;
background:url(https://www.shrm.org/content/dam/en/shrm/icons/icon-member-only-lock.svg) no-repeat 0 0;
background-size:cover;
}
.storycard__type-icon::after {
content: ‘Member Only’;
font-size: .875rem;
line-height:1;
}
.storycard__type-icon a[data-lock-show=true] {display: none !important;}
@media only screen and (max-width:1200px){
.article-2-cols .bread-crumb{
margin-left:0;
}
}
/* —– Fix extra space between image and article text on 1 col template —–*/
.content-details-pg .main_content > .layout-container__inner > .aem-Grid > .container:nth-of-type(2) > .layout-container__wrapper > .cmp-container > .layout-container__inner{
padding:0 15px 40px 15px
}
.layout-container__lighterblue .cmp-text-item{
background:#fff;
border:none;
}
.article-sidebar{
max-width:300px;
float:right;
padding:30px;
background:#f5f8fb;
margin:0 0 30px 30px;
border-radius:10px;
border: 1px solid rgba(0, 0, 0, .08);
}
.article-sidebar ul, .article-sidebar ol{
margin:0 0 15px 0;
padding:0 0 0 20px;
}
.article-sidebar ul li, .article-sidebar ol li{
margin-bottom:8px;
}
/* —– Spacer Styling —– */
.separator.sm-space .separator_hr, .separator.md-space .separator_hr, .separator.lg-space .separator_hr {
border: none !important;
margin:0;
}
.separator.sm-space {
padding: 8px 0;
}
.separator.md-space {
padding: 15px 0;
}
.separator.lg-space {
padding: 30px 0;
}
/* —– Temporary Nav Updates —— */
.nav-cmp .nav-cmp__logo-bar {
padding: 10px 0;
}
.nav-cmp .nav-cmp__logo-bar>.logo,
.nav-cmp .nav-cmp__logo-bar__logo {
position: relative;
top: unset;
right: unset;
bottom: unset;
left: unset;
display: block;
margin: 0;
height: auto;
}
.nav-cmp__menu-bar {
width: 100%;
justify-content: left;
}
.local-navigation{
z-index:3;
}
.advertisement-desktop {
display: inline-block;
position:relative;
padding-bottom:25px;
}
.advertisement-desktop:after {
content: ‘Advertisement’;
display: block;
text-align: right;
position: absolute;
font-size:12px;
color:#999;
right: 4px;
bottom: 0;
}
.advertisement {
text-align: center;
}
/* —– start media queries —–*/
@media only screen and (max-width:568px){
.logo-bar-wrapper img{
max-width:125px;
}
}
@media only screen and (max-width:768px) {
.columncontrol__column {
margin-bottom: 20px;
}
/* —– Adjust mobile article styling for 2 column template —– */
.article-2-cols #main_content .contentintro .content__intro h1.content__title{
font-size: 32px;
line-height: 1.2em;
margin:0 0 8px 0;
}
.article-2-cols #main_content h2{
font-size: 28px;
line-height: 1.2em;
}
.article-2-cols #main_content h3{
font-size: 24px;
line-height: 1.2em;
}
.article-2-cols #main_content h4{
font-size: 20px;
line-height: 1.2em;
}
.article-2-cols #main_content h5{
font-size: 18px;
line-height: 1.2em;
}
.article-2-cols #main_content h6{
font-size: 16px;
line-height: 1.2em;
font-weight:bold;
}
.article-2-cols .contentintro .content__intro .pretitle{
margin:0 0 6px 0;
}
.article-2-cols .contentintro .shrmImage{
margin-bottom:15px;
}
.article-2-cols .contentintro .content__author–info{
margin:0 0 8px 0;
}
.article-2-cols .contentintro .content__author–info, .article-2-cols .contentintro .content__author–info .content__date, .article-2-cols .contentintro .content__author–info .content__author{
font-size:14px;
}
.article-sidebar{
max-width:unset !important;
float:none !important;
margin:15px 0 !important;
}
}
.contentintro.hide-feature-img .content__image, .contentintro.hide-date .content__date{
display: none;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.mega-menu-container-mobile .mega-menu-wrapper-mobile .mega-menu__image {
height: auto;
}
}
@media screen and (max-width: 1279px) {
.infonotificationbar .infobar{
bottom:0;
}
}
/* —– start print styles —– */
@media print{
@page :left {
margin: 1.5cm;
}
@page :right {
margin: 1.5cm;
}
header, footer, .breadcrumb, .content__contact, .tag, .newslettersignup, .print_hide, .related_articles, .article-2-cols .col-md-4, ._hj_feedback_container {
display:none;
}
.layout-container__wrapper, .layout-container__inner{
padding:0 !important;
}
h1 {
font-size: 24px !important;
line-height:1.3em !important;
}
h2 {
font-size: 18px !important;
line-height:1.3em !important;
}
h3, h4, h5, h6 {
font-size: 14px !important;
line-height:1.3em !important;
}
.cmp-image__image{
margin-bottom:30px;
box-shadow:none !important;
}
.cmp-text img{
float:none;
display:block !important;
margin:30px auto !important;
max-height: 925px;
page-break-inside:avoid;
page-break-after:avoid;
}
.text .cmp-text blockquote{
padding-top:0 !important;
}
.text .cmp-text blockquote:before{display:none;}
.cmp-text a:link, .cmp-text a:visited {
font-weight: bold;
text-decoration: underline;
}
.cmp-text a[href^=http]:after {
content:” – ( ” attr(href) ” ) “;
}
}
.verticalTabs .cmp-tabs__tablist{
display:unset;
}
@media only screen and (max-width:768px){
.verticalTabs .cmp-tabs__tablist{
display:none;;
}
}
.nav-cmp__menu-bar__list {
max-width: 100%
}
.cmp-experiencefragment–footer .aem-GridColumn {
float: left !important;
margin: unset;
max-width: unset;
align-items: unset;
}
#footer .list.footer__legal-links .list-component__item__listitem a:link {
text-decoration: underline !important;
}
.newsletter__form {
align-items: flex-start;
}
@media only screen and (max-width: 600px) {
#footer .make-6-cols #brand_bar .layout-container {
width: 50%;
}
}
/* temp fix for z-index*/
#footer .video-background .cmp-video-background > .aem-Grid {
z-index: auto !important;
}
]]]]>]]>