.mt-10 {margin-top: 10px; } .mt-15 {margin-top: 15px; } .mt-20 {margin-top: 20px; } .mt-25 {margin-top: 25px; } .mt-30 {margin-top: 30px; } .mt-40 {margin-top: 40px; } .mt-50 {margin-top: 50px; } .mt-60 {margin-top: 60px; } .mt-100 {margin-top: 100px; } .mobile {display: none; } .desktop {display: block;} .visually-hidden {position:absolute; left: -1000px; top: auto; width: 1px; height: 1px; overflow:hidden;} .center {text-align: center; } .dropdown-toggle span {display: inline-block;} /* Header - Navigation */ #hrxheader #navbar.navbar {top: 0; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-header-bg_1788357729955001SMg6.jpg) no-repeat bottom center / cover #ffffff; } #hrxheader #navbar.navbar nav .container li a {color:#fff; font-size: 16px; text-transform: none; } #hrxheader #navbar.navbar nav .container li ul.dropdown-menu li a {color:#000!important; } #navbar.navbar nav .container li a .menu-title {font-size: 16px; text-transform: none; } #navbar.navbar nav .container li.leaf:last-child .menu-title, #navbar.navbar nav .container li.dropdown:last-child .menu-title {font-size: 16px; text-transform: none; } #hrxheader #block-block-23 {display: flex;} #hrxheader #block-block-23 .cta-btn-ghost {border:2px solid #007DFF!important; background: #007DFF!important; color: #fff; font-size: 14px; text-transform: uppercase; padding: 4px 8px; font-weight: 700; border-radius: 0 16px 0 0;} #hrxheader #block-block-23 .btn-primary {border:2px solid #C8FF00!important; background: #C8FF00!important; color: #020303!important; font-size: 14px; text-transform: uppercase; padding: 4px 8px; font-weight: 700; border-radius: 0 16px 0 0;} #navbar.navbar nav .container ul {position: relative; top: 1px; } .navbar-header {margin-top: 20px; } .navbar {border-radius: 0!important;} #navbar.navbar {top: 50px; } #navbar.navbar nav .container ul {position: relative; top: 1px; } .navbar-header {margin-top: 0px; } /* Announcement */ #announcement {background:#007DFF; padding: 10px 20px; text-align: center; position: fixed; top: 100px; width: 100%; z-index: 10; display: none; } #announcement .message {color:#fff; font-size: 20px; line-height: 24px; font-weight: 600; font-family: 'proxima-nova'; text-transform: none; } /* Home */ #home-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-home-hero-new-bg_1788441210094001FKKJ.jpg) no-repeat top center / cover #020303; height: 600px; margin-top: 4%; } #home-hero .homehero .hero-card {margin-top: 20%;} #home-hero .homehero h1 {font-size: 72px; line-height: 80px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: -0.72px;} #home-hero .homehero h2 {font-size: 38px; line-height: 46px; color: #C5E5FF; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #home-hero .homehero .eyebrow {font-size: 18px; line-height: 26px; color: #C8FF00; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 0.36px; margin-left: 10px; } #home-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #home-hero .homehero .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:20px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #home-hero .homehero .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 20px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #home-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} /* Video Hero */ #video-hero {position: relative; height: 750px; background:#020303;} /* Base video styles */ #video-hero video {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover;transform: translate(-50%, -50%);} #video-hero .hero-content {position: relative;z-index: 3;color: #fff;opacity: 0;transition: opacity 1s ease;height: 100%;} /* Background loop video */ #video-hero #loopvideo {z-index: 1;} /* Intro video on top */ #video-hero #introvideo {z-index: 2;transition: opacity 1s ease;} /* Fade out */ #video-hero #introvideo.fade-out {opacity: 0;pointer-events: none;} /* Show content */ #video-hero.show-content .hero-content {opacity: 1;} /* Content */ #video-hero .hero-card {position: relative; top: 150px; display: flex; width: 56%; flex-direction: column; } #video-hero .hero-card h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: -0.62px;} #video-hero .hero-card h2 {font-size: 38px; line-height: 46px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #video-hero .hero-card p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px; width: 90%; } #video-hero .hero-card .eyebrow {font-size: 18px; line-height: 26px; color: #C8FF00; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 0.36px;} #video-hero .hero-card .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #video-hero .hero-card .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #video-hero .hero-card .cta {display: flex; gap: 10px; margin-top: 40px;} #bamboo {background:#001933; padding: 15px 10px; text-align: center;} #bamboo .message {color:#fff; font-size: 26px; line-height: 34px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none;} #bamboo .message img {width: 20%; position: relative; top: -5px; right: 10px; } #sizzle {display: none; padding-top: 5%; padding-bottom: 5%; background: #030302;} #sizzle2 {display: none; padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-home-video2-bg_1788393159053001tXLm.jpg) no-repeat top center / cover #020303; } #deans {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-home-speakers-bg_1788374283952001mAnY.jpg) no-repeat top center / cover #ffffff; } #deans .title {text-align: center;} #deans .title h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #deans .title p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 500; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px; margin-left: auto; margin-right: auto; width: 90%; } #deans .d-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;} #deans .d-card {border-radius: 4px; padding: 15px; box-sizing: border-box; min-height: 400px; box-shadow: 0 0 0px rgba(255, 255, 255, 0.20), 0 0 2px rgba(200, 255, 0, 0.7);} #deans .d-card.talent {background: #1FA7A1; } #deans .d-card.impact {background: #0076BE; } #deans .d-card.functional {background: #5058A0; } #deans .d-card.market {background: #1B3C69; } #deans .d-card.enx {background: #001933; } #deans .d-card .eyebrow {border-radius: 999px; padding: 4px 12px; display: inline-block; background: rgba(0,0,0,.35); font-size: 14px; line-height: 22px; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; color:#C8FF00; letter-spacing: -0.36px; margin-bottom: 10px;} #deans .d-img {width: 100%; aspect-ratio: 1 / 1; overflow: hidden;} #deans .d-img img {width: 100%; height: 100%; display: block; object-fit: cover;} #deans .d-content {padding-top: 15px; } #deans .d-content .name {font-size: 24px; line-height: 32px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #deans .d-content .desc {font-size: 18px; line-height: 20px; color: #fff; font-weight: 500; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px; margin-bottom: 10px; min-height: 80px; } #deans .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0; text-decoration: none;} #deans .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0; text-decoration: none;} #deans .cta {display: flex; gap: 10px; margin-top: 40px; justify-content: center;} #deans a {color:#fff; text-decoration: underline; font-size: 16px; font-family: 'proxima-nova'; font-weight: 700; } .modal-dialog {width: 600px;} .modal-body {height: 400px;} .modal-body h3 {font-size: 34px; line-height: 42px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} .modal-body p {font-size: 20px; line-height: 28px; color: #020303; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px;} #hr-change {position: relative; padding-top: 0; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-home-changed-bg-new_1788539917243001GVzV.jpg) no-repeat top center / cover #020303;} #hr-change .content-column {position: relative; width: 64%; } #hr-change .top-content {margin-top: 10%;} #hr-change .content-block h2 {margin: 0 0 12px; font-size: 72px; line-height: 80px; color: #C8FF00; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: -0.72px;} #hr-change .content-block h3 {margin: 0 0 16px; font-size: 34px; line-height: 42px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #hr-change p {margin: 0 0 12px; font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #hr-change ul li {margin: 0 0 12px; font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #hr-change .eyebrow {border-radius: 999px; padding: 4px 12px; display: inline-block; background: rgba(0,0,0,.35); font-size: 14px; line-height: 22px; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; color:#C8FF00; letter-spacing: -0.36px; margin-bottom: 10px;} #hr-change .cta {margin-top: 80px;} #hr-change .cta .cta-btn{border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0; text-align: center; } #hr-change .cta .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0; text-align: center; } #hr-change .bottom-content .cta {display: flex; gap: 15px; } #hr-change .bottom-content {margin-top: 80px;} #hr-change .img-overlay {position: absolute; top: 13%; right: 0; width: 60%; height: 100%; pointer-events: none;} #hr-change .img-overlay img {position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: contain; object-position: top right; display: block; } #earnit {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-home-earnit-bg_1788380102076001uqSW.jpg) no-repeat top center / cover #020303; } #earnit .title {width: 100%; } #earnit .title h2 {font-size: 72px; line-height: 80px; color: #007DFF; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: -0.72px;} #earnit .title h3 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #earnit .title h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #earnit .cred-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;} #earnit .c-card {display: flex; flex-direction: column; align-items: center; gap: 24px; border-radius: 4px 80px 4px 4px; padding: 32px 32px; } #earnit .teal {background: #1FA7A1; } #earnit .light-blue {background: #0076BE; } #earnit .purple {background: #5058A0; } #earnit .navy {background: #1B3C69; } #earnit .c-content .c-name {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #earnit .c-content p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px; margin-top: 15px; } #earnit .c-img {width: 100%; aspect-ratio: 1 / 1; overflow: hidden;} #earnit .c-img img {width: 100%; height: 100%; display: block; object-fit: cover;} #earnit .cta {display: flex; gap: 15px; justify-content: center; } #earnit .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #earnit .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #seats {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-home-seats-bg_1788391976473001u1Pf.jpg) no-repeat top center / cover #020303; } #seats h2 {font-size: 48px; line-height: 56px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #seats .content {border-left: 8px solid #007DFF; padding: 0 50px; } #seats .content h4 {font-size: 28px; line-height: 36px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #seats .content p {font-size: 20px; line-height: 28px; color: #020303; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #seats .p-card {display: flex; padding: 32px 32px; flex-direction: column; align-items: flex-start; border-radius: 4px; margin-top: 15%; gap: 20px; } #seats .p-card.white {background: #fff; border-bottom: 8px solid #007DFF; box-shadow: 0 24px 40px 0 rgba(0, 25, 51, 0.16); } #seats .p-card.blue {background: #001933; border-top: 8px solid #C8FF00; box-shadow: 0 24px 40px 0 rgba(0, 25, 51, 0.16); } #seats .p-card .eyebrow {font-size: 28px; line-height: 36px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none;} #seats .p-card .price {font-size: 64px; line-height: 72px; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #seats .p-card .total {font-size: 20px; line-height: 28px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px; margin-top: -20px; } #seats .p-card .desc {font-size: 22px; line-height: 30px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; width: 90%;} #seats .cta {margin-top: 35px; } #seats .p-card .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0; } #seats .p-card .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0; } #seats .disclaimer {font-size: 20px; line-height: 28px; color:#020303; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px;} #seats .p-card.white .eyebrow {color:#007DFF;} #seats .p-card.white .price {color:#020303;} #seats .p-card.white .total {color:#020303;} #seats .p-card.white .desc {color:#020303;} #seats .p-card.blue .eyebrow {color:#C8FF00;} #seats .p-card.blue .price {color:#fff;} #seats .p-card.blue .total {color:#fff;} #seats .p-card.blue .desc {color:#fff;} #joinbamboo {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-home-bamboo-bg_1788442539630001G1JG.jpg) no-repeat top center / cover #ffffff; } #joinbamboo .b-card {display: flex; padding: 0px 15px; flex-direction: column; align-items:center; justify-content: center; background: #fff; border-radius: 4px; border-top: 8px solid #C8FF00; box-shadow: 0 24px 40px 0 rgba(0, 25, 51, 0.16); gap: 20px; min-height: 320px; } #joinbamboo .c-card {display: flex; padding: 0px 15px; flex-direction: column; align-items: flex-start;} #joinbamboo h4 {font-size: 28px; line-height: 36px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none;} #joinbamboo p {font-size: 20px; line-height: 28px; color: #020303; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #joinbamboo .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0; } #joinbamboo .b-logo {text-align: center; } #joinbamboo .b-logo img {width: 90%; } /* Rates */ #rates-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-rates-hero-bg_1788452967043001q1oY.jpg) no-repeat top center / cover #020303; height: 600px; margin-top: 4%; } #rates-hero .homehero .hero-card {margin-top: 15%; width: 88%; } #rates-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.72px;} #rates-hero .homehero h2 {font-size: 38px; line-height: 46px; color: #C5E5FF; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #rates-hero .homehero .eyebrow {font-size: 18px; line-height: 26px; color: #C8FF00; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 0.36px;} #rates-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px; width: 90%; } #rates-hero .homehero .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #rates-hero .homehero .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #rates-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #regforhrx {padding-top: 5%; padding-bottom: 5%; background: #030302; } #regforhrx .c-card {display: flex; flex-direction: column; align-items: flex-start; gap: 20px} #regforhrx h2 {font-size: 47px; line-height: 56px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; color:#fff;} #regforhrx p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #regforhrx .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0; } #regforhrx .r-img {margin-top: 5%; } #regforhrx .r-img img {width: 90%; } #regincludes {padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-rates-icon-bg_1788452918921001g9TG.jpg) no-repeat top center / cover #030302; } #regincludes .ri-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;} #regincludes .ri-card {padding: 20px; box-sizing: border-box; min-height: 400px; } #regincludes .ri-card .icon-box {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-icon-box2_1788978971904001Tjtg.png) no-repeat top center / cover #030302; height: 228px; align-self: stretch; border-radius: 4px;} #regincludes .ri-icon {text-align: center; position: relative; top: 60px; } #regincludes .ri-content {padding-top: 15px; } #regincludes .ri-content h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #regincludes .ri-content p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px;} #regincludes .cta {display: flex; gap: 15px; justify-content: center; } #regincludes .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0; } #regincludes .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #pass {padding-top: 3%; padding-bottom: 5%; background: #F2F0E4; } #pass .disclaimer {color:#000; font-size: 16px; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; line-height: 24px;} #pass .rb-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;} #pass .ratebox {display: flex; padding: 32px; flex-direction: column; align-items: flex-start; gap: 24px; border-radius: 4px; min-height: 400px; position: relative; min-width: 320px; } #pass .ratebox .eyebrow {font-size: 22px; line-height: 30px; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #pass .ratebox .price {font-size: 64px; line-height: 72px; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; width: 85%;} #pass .ratebox .group-price {font-size: 48px; line-height: 56px; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova';} #pass .ratebox .nonmember {font-size: 20px; line-height: 28px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px;} #pass .ratebox .save {font-size: 18px; line-height: 26px; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 100%; margin-top: -20px;} #pass .ratebox .countdown {display: flex; gap: 0px; align-items: center;} #pass .ratebox .countdown .time-unit {display: flex; flex-direction: column; align-items: center; } #pass .ratebox .countdown .time-unit > span:first-child {font-size: 22px; line-height: 30px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#fff;} #pass .ratebox .countdown .time-unit .label {font-size: 14px; line-height: 22px; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; color:#fff;} #pass .ratebox .cta {position: absolute; bottom: 30px;} #pass .ratebox .cta-btn {font-size: 20px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0; } #pass .ratebox.active {border-top: 8px solid #007DFF; background: #001933; } #pass .ratebox.active .eyebrow {color:#007DFF; } #pass .ratebox.active .price {color:#fff; } #pass .ratebox.active .group-price {color:#fff; } #pass .ratebox.active .nonmember {color:#fff; } #pass .ratebox.active .save {color:#fff; } #pass .ratebox.active .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; } #pass .ratebox.soon {border-top: 8px solid #CFCCC9; background: #fff; } #pass .ratebox.soon .eyebrow {color:#020303; } #pass .ratebox.soon .price {color:#020303; } #pass .ratebox.soon .nonmember {color:#020303; } #pass .ratebox.soon .save {color:#020303; } #pass .ratebox.soon .cta-btn {border:2px solid #CFCCC9; background: #CFCCC9; color: #020303; } #pass .ratebox.soon .countdown .time-unit .label {color:#020303; } #pass .ratebox.soon .countdown .time-unit > span:first-child {color:#020303; } #pass .ratebox.unavailable {opacity: 0.5; border-top: 8px solid #CFCCC9; background: #fff;} #pass .ratebox.unavailable .eyebrow {color:#020303; } #pass .ratebox.unavailable .price {color:#020303; } #pass .ratebox.unavailable .nonmember {color:#020303; } #pass .ratebox.unavailable .save {color:#020303; } #pass .ratebox.unavailable .cta-btn {border:2px solid #CFCCC9; background: #CFCCC9; color: #020303; } /* Style tab links */ #pass .tablink {color: #020303; background: none; border: none;outline: none;cursor: pointer;font-weight: bold;text-align: center;margin: 0 16px;padding:8px 0;font-size: 24px; font-family: 'proxima-nova'; font-weight: 600; text-transform: none; } #pass .tablink.selected, #pass .tablink:hover, #pass .tablink:focus {color: #007DFF;} #pass .tablink.selected {padding-bottom:4px;border-bottom: 4px solid #007DFF;} #bringteam {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-rates-team-bg_1788452918836001gx6L.png) no-repeat top center / cover #ffffff; } #bringteam .p-card {display: flex; padding: 30px; flex-direction: column; align-items: flex-start; border-radius: 4px; position: relative; gap: 30px; min-height: 410px; } #bringteam .c-card {display: flex; padding: 50px 15px; flex-direction: column; align-items: flex-start;} #bringteam .p-card.white {background: #fff; border-bottom: 8px solid #007DFF; box-shadow: 0 24px 40px 0 rgba(0, 25, 51, 0.16);} #bringteam .p-card .eyebrow {font-size: 28px; line-height: 36px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none;} #bringteam .p-card .price {font-size: 64px; line-height: 72px; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #bringteam .p-card .total {font-size: 20px; line-height: 28px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px; margin-top: -20px; } #bringteam .p-card .desc {font-size: 22px; line-height: 30px; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #bringteam .p-card .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px12px; font-weight: 700; border-radius: 0 16px 0 0; } #bringteam .p-card.white .eyebrow {color:#007DFF;} #bringteam .p-card.white .price {color:#020303;} #bringteam .p-card.white .total {color:#020303;} #bringteam .p-card.white .desc {color:#020303;} #bringteam h2 {font-size: 64px; line-height: 72px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; color:#fff; } #bringteam h4 {font-size: 28px; line-height: 36px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; color:#fff; } #bringteam p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #bringteam .p-card .cta {position: absolute; bottom: 20px; } #bringteam .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0; } #shrmenx {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-rates-network-mem-bg_1788452918701001gROD.jpg) no-repeat top center / cover #020303;} #shrmenx .enx-card {display: flex; padding: 32px 32px; flex-direction: column; align-items: flex-start; gap: 15px; width: 50%; } #shrmenx h2 {font-size: 48px; line-height: 56px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; color:#fff;} #shrmenx p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #shrmenx .cta {margin-top: 50px; } #shrmenx .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0; } #cancelpolicy {padding-top: 5%; padding-bottom: 5%; background: #fff;} #cancelpolicy .c-card {display: flex; flex-direction: column; align-items: flex-start; border-left: 2px solid #007DFF; padding-left: 24px; } #cancelpolicy h3 {font-size: 34px; line-height: 40px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #cancelpolicy p {font-size: 20px; line-height: 28px; color: #020303; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px;} /* Program Overview */ #program-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-program-hero-bg_1788528810308001nPCM.jpg) no-repeat top center / cover #020303; height: 600px; margin-top: 4%;} #program-hero .homehero .hero-card {margin-top: 20%;} #program-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #program-hero .homehero h2 {font-size: 38px; line-height: 46px; color: #C5E5FF; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #program-hero .homehero .eyebrow {font-size: 18px; line-height: 26px; color: #C8FF00; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 0.36px;} #program-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #program-hero .homehero .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #program-hero .homehero .cta-btn-ghost {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #program-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #journey {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-program-X-bg_1788528810157001naQF.jpg) no-repeat top center / cover #020303;} #journey .j-inner {width: 100%; margin: 0 auto; position: relative; } #journey .j-img {position: absolute; top: -60px; left: -300px; width: 52%; height: 100%; z-index: 1;} /*#journey .j-img img {width: 100%; height: 100%; display: block; object-fit: contain; object-position: left center;} */ #journey .j-content {position: relative; z-index: 2; width: 55%; margin-lefT: auto; box-sizing: border-box;} #journey .j-block {max-width: 620px;} #journey .j-block h4 {font-size: 28px; line-height: 36px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#fff;} #journey .j-block p {font-size: 20px; line-height: 28px; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; color:#fff; letter-spacing: -0.2px;} #journey .top-block {margin-bottom: 20%; } #journey .bottom-block {margin-bottom: 20px; } #dimension {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-program-dim-bg-new_1791552223172001l2si.jpg) no-repeat center / cover #fff;} #dimension .title {text-align: center; margin-bottom: 40px; } #dimension .title h2 {font-size: 48px; line-height: 56px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimension .d-grid {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 48px; row-gap: 62px;} #dimension .d-card {position: relative; min-height: 460px; padding: 20px; background: #fff; box-sizing: border-box; box-shadow: 0 24px 40px 0 rgba(0, 25, 51, 0.16); border-radius: 0 80px 0 0;} #dimension .d-card .card-top {margin-bottom: 30px; } #dimension .d-card .card-top .title-area {position: relative;} #dimension .d-card .card-top .eyebrow {font-size: 18px; line-height: 26px; font-weight: 600; font-family: 'proxima-nova'; letter-spacing: -0.36px;} #dimension .d-card h2 {font-size: 48px; line-height: 56px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.36px;} #dimension .d-card .icon {position: absolute; right: 20px; top: 24%; width: 25%; } #dimension .d-card .icon img {width: 25%; } #dimension .d-card .content {max-width: 95%; margin: 12px 0 22px; } #dimension .d-card .content p {font-size: 20px; line-height: 28px; color: #020303; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #dimension .d-card .explore {width: 100%; position: absolute; left: 0; bottom: 0; } #dimension .d-card .explore .explore-further {display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; width: 100%; min-height: 32px; padding: 30px; font-family: 'proxima-nova'; font-size: 20px; line-height: 28px; font-weight: 700; text-transform: uppercase; transition: background-color 0.2s ease;} #dimension .d-card .explore .explore-arrow {display: flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; } #dimension .d-card .explore .explore-arrow svg {display: block; width: 14px; height: 14px; fill: none; stroke: #1fa7a1; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } #dimension .d-card.functional {border-left: 4px solid #5058A0; background: radial-gradient(ellipse at 5% 0%,rgba(80, 88, 160, 0.24) 0%, rgba(255, 255, 255, 0.24) 45%,transparent 75%),#ffffff;} #dimension .d-card.functional .card-top .eyebrow {color:#5058A0; } #dimension .d-card.functional h2 {color:#5058A0; } #dimension .d-card.functional .explore .explore-further {background: rgba(80, 88, 160, 0.10); color:#5058A0} #dimension .d-card.functional .explore .explore-arrow {border: 1px solid #5058A0;} #dimension .d-card.functional .explore .explore-arrow svg {stroke: #5058A0;} #dimension .d-card.talent {border-left: 4px solid #1FA7A1; background: radial-gradient(ellipse at 5% 0%,rgba(31, 167, 161, 0.24) 0%, rgba(255, 255, 255, 0.24) 45%,transparent 75%),#ffffff;} #dimension .d-card.talent .card-top .eyebrow {color:#1FA7A1; } #dimension .d-card.talent h2 {color:#1FA7A1; } #dimension .d-card.talent .levels span {background: #1FA7A1; } #dimension .d-card.talent .explore .explore-further {background: rgba(31, 167, 161, 0.10); color:#1FA7A1} #dimension .d-card.talent .explore .explore-arrow {border: 1px solid #1FA7A1;} #dimension .d-card.talent .explore .explore-arrow svg {stroke: #1FA7A1;} #dimension .d-card.organizational {border-left: 4px solid #0076BE; background: radial-gradient(ellipse at 5% 0%,rgba(0, 118, 190, 0.24) 0%, rgba(255, 255, 255, 0.24) 45%,transparent 75%),#ffffff;} #dimension .d-card.organizational .card-top .eyebrow {color:#0076BE; } #dimension .d-card.organizational h2 {color:#0076BE; } #dimension .d-card.organizational .levels span {background: #0076BE; } #dimension .d-card.organizational .explore .explore-further {background: rgba(4, 118, 189, 0.10); color:#0076BE} #dimension .d-card.organizational .explore .explore-arrow {border: 1px solid #0076BE;} #dimension .d-card.organizational .explore .explore-arrow svg {stroke: #0076BE;} #dimension .d-card.market {border-left: 4px solid #1B3C69; background: radial-gradient(ellipse at 5% 0%,rgba(27, 60, 105, 0.24) 0%, rgba(255, 255, 255, 0.24) 45%,transparent 75%),#ffffff;} #dimension .d-card.market .card-top .eyebrow {color:#1B3C69; } #dimension .d-card.market h2 {color:#1B3C69; } #dimension .d-card.market .levels span {background: #1B3C69; } #dimension .d-card.market .explore .explore-further {background: rgba(27, 60, 105, 0.10); color:#1B3C69} #dimension .d-card.market .explore .explore-arrow {border: 1px solid #1B3C69;} #dimension .d-card.market .explore .explore-arrow svg {stroke: #1B3C69;} #formattitle {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-program-formats-bg-_1788528809719001nf4B.jpg) no-repeat top center / cover #020303;} #formattitle .f-card {display: flex; flex-direction: column; gap: 15px; } #formattitle .f-card h2 {font-size: 64px; line-height: 72px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#fff; } #formattitle .yellow {color:#C8FF00; } #format {padding-bottom: 5%; background:#030302;} #format .f-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } #format .f-img img {width: 100%; } #format .f-card {display: flex; flex-direction: column; gap: 10px} #format .f-content h3 {font-size: 34px; line-height: 42px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#fff; } #format .f-content .eyebrow {font-size: 18px; line-height: 26px; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; color:#C8FF00; letter-spacing: -0.36px; margin-top: 15px; } #format .f-content h4 {font-size: 24px; line-height: 32px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#fff; } #format .f-content p {font-size: 20px; line-height: 28px; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; color:#fff; letter-spacing: -0.2px;} #leavewith {padding-top: 2%; padding-bottom: 2%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-program-knowledge-bg_1788528809609001nvOq.jpg) no-repeat top center / cover #020303;} #leavewith .l-card {display: flex; padding: 32px 32px; flex-direction: column; align-items: flex-start; gap: 15px; width: 50%; } #leavewith h2 {font-size: 48px; line-height: 56px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; color:#020303;} #leavewith p {font-size: 20px; line-height: 28px; color: #020303; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #leavewith .cta {margin-top: 50px; } #leavewith .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} /* Sponsorship */ #sponsor-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-sponsorship-hero-bg_1788870346433001BgC5.jpg) no-repeat top center / cover #020303; height: 600px; margin-top: 4%;} #sponsor-hero .homehero .hero-card {margin-top: 16%;} #sponsor-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.72px;} #sponsor-hero .homehero h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #sponsor-hero .homehero .eyebrow {font-size: 18px; line-height: 26px; color: #C8FF00; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 0.36px;} #sponsor-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #sponsor-hero .homehero .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #sponsor-hero .homehero .cta-btn-ghost {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #sponsor-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #opportunities {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-sponsorship-section-bg_1788870346310001BPmE.jpg) no-repeat top center / cover #020303;} #opportunities .s-groups {display: flex; flex-direction: column; gap: 25px; margin: 0 auto; } #opportunities .s-outer {border: 1px solid #020303;} #opportunities .s-outer-header {background: #C8FF00; color:#020303; display: flex; align-items: center; justify-content: space-between; padding: 16px; cursor: pointer; user-select: none;} #opportunities .s-outer-header span.title {font-size: 28px; line-height: 36px; font-weight: 600; font-family: 'proxima-nova'; } #opportunities .icon-toggle {width: 40px; height: 40px; border-radius: 50%; background: #030302; color:#fff; display: flex; align-items: center; justify-content: center; flex: none; position: relative;} #opportunities .icon-toggle::before {content: ''; width: 10px; height: 1.6px; background: currentColor; display: block} #opportunities .icon-toggle::after {content: ''; width: 1.6px; height: 10px; background: currentColor; display: none; position: absolute;} /* closed state shows a plus (both bars) */ #opportunities .s-outer.collapsed .s-outer-header .icon-toggle::after {display: block;} /* inner accordion list */ #opportunities .s-inner {max-height: 60000px; overflow: hidden; transition: max-height 0.3s ease;} #opportunities .s-outer.collapsed .s-inner {max-height: 0;} #opportunities .s-item {border: 1px solid #020303; margin-top: 25px; } #opportunities .s-answer {background: #001933; color:#fff; padding: 16px; max-height: 1200px; overflow: hidden; transition: max-height 0.25s ease, padding 0.25s ease;} #opportunities .s-item.closed .s-answer {max-height: 0; padding-top: 0; padding-bottom: 0; } #opportunities .s-answer .card {position: relative; background: #001933; padding: 32px; margin-top: 30px; border-radius: 4px;} #opportunities .s-answer .card .availability {position: absolute; top: 50px; right: 20px; border-radius: 999px; padding: 4px 8px; background: #004B99; font-family: 'proxima-nova'; font-size: 14px; font-weight: 700; color:#fff; } #opportunities .s-answer .card .name {font-size: 48px; line-height: 56px; color: #C8FF00; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; width: 80%;} #opportunities .s-answer .card .price {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; margin-top: 15px; } #opportunities .s-answer .card ul li {font-size: 20px; font-family: 'proxima-nova'; line-height: 28px; font-weight: 400; color: #fff;} #opportunities .s-answer .card h5 {font-size: 20px; font-family: 'proxima-nova'; line-height: 28px; font-weight: 700; color: #fff;} #opportunities .s-answer .card .description {width: 80%; margin-top: 15px; font-size: 20px; font-family: 'proxima-nova'; line-height: 28px; font-weight: 700; color: #fff;} #opportunities .s-answer .card .included {margin-top: 40px; } #opportunities .s-answer .card .cta {margin-top: 40px; } #opportunities .s-answer .card .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #partnerModal .modal-dialog {width: 600px;} #partnerModal .modal-body {height: 800px;} /* Exhibits */ #exhibits-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-exhibits-hero-bg_1788884722493001lZnx.jpg) no-repeat top center / cover #020303; height: 600px; margin-top: 4%;} #exhibits-hero .homehero .hero-card {margin-top: 20%;} #exhibits-hero .homehero h1 {font-size: 54px; line-height: 62px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #exhibits-hero .homehero h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #exhibits-hero .homehero .eyebrow {font-size: 18px; line-height: 26px; color: #C8FF00; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 0.36px;} #exhibits-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #exhibits-hero .homehero .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #exhibits-hero .homehero .cta-btn-ghost {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #exhibits-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #stats {padding-top: 2%; padding-bottom: 2%; background: linear-gradient(180deg, #001933 0.2%, #001429 20.39%, #020303 100.2%);} #stats .s-grid {display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 12px; align-items: stretch;} #stats .s-featured {position: relative; min-height: 125px; display: flex; align-items: center; padding: 32px 32px; box-sizing: border-box; background: #001933; border-top: 8px solid #C8FF00; border-radius: 4px;} #stats .f-icon {width: 90px; height: 90px; margin-right: 24px; flex-shrink: 0;} #stats .f-icon img {width: 100%; height: 100%; display: block; object-fit: contain; } #stats .f-content {display: flex; flex-direction: column; justify-content: center; } #stats .s-card {display: flex; flex-direction: column; justify-content: center; min-height: 125px; padding: 32px 32px; box-sizing: border-box; background: #fff; border-left: 8px solid #007DFF; border-radius: 4px;} #stats .s-icon {width: 50px; height: 50px; margin-bottom: 15px; object-fit: contain;} #stats .s-featured .s-number {font-size: 64px; line-height: 64px; font-weight: 700; font-family: 'proxima-nova'; color: #C8FF00} #stats .s-featured .s-label {font-size: 22px; line-height: 34px; font-weight: 700; font-family: 'proxima-nova'; color: #fff; text-transform: none;} #stats .s-card .s-number {font-size: 34px; line-height: 34px; font-weight: 700; font-family: 'proxima-nova'; color: #007DFF} #stats .s-card .s-label {font-size: 18px; line-height: 18px; font-weight: 500; font-family: 'proxima-nova'; color: #020303; text-transform: none;} #sticky {background: #030302;} #sticky .sticky-nav {padding-top: 1%; padding-bottom: 1%; background: #030302;} #sticky .sticky-nav .nav-links {display: flex; justify-content: space-around; list-style: none;} #sticky .sticky-nav .nav-links li {margin: 0; color:#fff; } #sticky .sticky-nav .nav-links a {font-family: 'proxima-nova'; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; color:#fff; text-align: center; text-transform: none; letter-spacing: -0.2px;} .sticky {position: fixed; top: 96px; left: 0; width: 100%; z-index: 10; padding-left: 15%; padding-right: 15%; } #booth-grid {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-exhibits-expo-info-bg_1788884721856001l9nO.jpg) no-repeat bottom center / cover #ffffff;} #booth-grid h3 {font-size: 34px; line-height: 42px; color: #fff; font-weight: 600; text-transform: none; font-family: 'proxima-nova';} #booth-grid h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; text-align: center;} #booth-grid ul li {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #booth-grid .row {margin-left: 0; margin-right: 0; } #booth-grid .included-container {padding: 40px; background: #001933; height: 900px; padding-left: 20px; padding-right: 20px; padding-top: 10px; } #booth-grid .list {padding: 0; list-style-type: none; margin-bottom: 50px; } #booth-grid .bullet {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-exhibits-checkmark_1788884722218001lkJm.png) no-repeat; padding-left: 40px; margin-bottom: 20px; min-height: 35px;} #booth-grid .unstripetable td, .unstripetable th {border: none; font-family: 'proxima-nova'; font-weight: 600;} #booth-grid .item img {width: 100%; } #booth-grid .line {border-top: 4px solid #C8FF00; height: 40px; } #booth-grid .table-responsive-sm {border-left: 8px solid #001933; } #booth-grid .unstripetable { width:100%; } #booth-grid .unstripetable th { font-family: 'proxima-nova'; font-size:24px; color: #fff; text-align: center; padding:20px 8px; font-weight: 600; background: none; } #booth-grid .unstripetable tr:first-child th:first-child {background: #F3F2F2; } #booth-grid .unstripetable td, .unstripetable th { font-size: 22px; line-height: 28px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #booth-grid .unstripetable td:first-child { text-align: left; padding: 11px; } #selling {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-exhibits-booths-bg_1788884721773001lGRg.jpg) no-repeat top center / cover #C8FF00;} #selling .b-card {display: flex; flex-direction: column; align-items: center; } #selling .b-card h3 {font-size: 34px; line-height: 42px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #selling .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #resources {display: none; padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-exhibits-resources-bg_1788884721705001lc1m.jpg) no-repeat top center / cover #030302; } #resources .title {text-align: center; margin-bottom: 40px; } #resources h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #resources .r-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;} #resources .r-card {padding: 20px; box-sizing: border-box; min-height: 400px; } #resources .r-card .icon-box {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-exhibits-resource-card-bg_1788884722981001lgOM.png) no-repeat top center / cover #030302; height: 228px; align-self: stretch; border-radius: 4px;} #resources .r-content {padding-top: 15px; } #resources .r-content h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #resources .r-content p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px;} #resources .r-icon {position: relative; top: 60px; left: 35%; } #schedule {padding-top: 5%; padding-bottom: 5%; background: #F2F0E4; } #schedule .title {text-align: center; margin-bottom: 40px; } #schedule h2 {font-size: 48px; line-height: 56px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #schedule .content {padding: 15px;} #schedule .unstripetable th { font-family: 'proxima-nova'; font-size:22px; color: #fff; text-align: center; padding:8px 16px; font-weight: 600; background: none;} #schedule .unstripetable td, .unstripetable th {border: 1px solid #020303; font-family: 'proxima-nova'; font-weight: 600;} #schedule .rowcolor {background: #E7E5E4; } #schedule .unstripetable { width:100%; } #schedule .unstripetable td, .unstripetable th { font-size:18px; color: #020303; border: 1px solid #020303; text-align: center; padding:8px 16px; font-family: 'proxima-nova'; font-weight: 400; } #schedule .unstripetable th { font-weight: normal; background: none; } #schedule .unstripetable th strong { display: block; font-size:18px;font-family: 'proxima-nova'; font-weight:700; } #schedule .unstripetable tr:first-child th:first-child { border: none; } #schedule .unstripetable td:first-child { text-align: left; } #enhance {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-exhibits-enhance-bg_1788884721534001l07q.jpg) no-repeat top center / cover #020303;} #enhance .e-card {display: flex; padding: 32px 32px; flex-direction: column; align-items: flex-start; gap: 15px; width: 50%; } #enhance h2 {font-size: 48px; line-height: 56px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; color:#fff;} #enhance p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #enhance .cta {margin-top: 50px; } #enhance .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} /* HR-X Live Article */ #transform-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-hrxlive-hero-bg_1788957644417001fmPC.jpg) no-repeat top center / cover #020303; height: 600px; margin-top: 4%;} #transform-hero .homehero .hero-card {margin-top: 20%;} #transform-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #transform-hero .homehero h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #transform-hero .homehero .eyebrow {font-size: 18px; line-height: 26px; color: #C8FF00; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 0.36px;} #transform-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #transform-hero .homehero .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #transform-hero .homehero .cta-btn-ghost {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #transform-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #hrxarticle {padding-top: 5%; padding-bottom: 5%; background: #F2F0E4;} #hrxarticle .a-card {display: flex; flex-direction: column; gap: 25px; align-self: stretch; padding: 0px 60px; } #hrxarticle h2 {font-size: 48px; line-height: 56px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #hrxarticle h3 {font-size: 34px; line-height: 40px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #hrxarticle p {font-size: 20px; line-height: 28px; color: #020303; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px;} #hrxarticle ul li {font-size: 20px; line-height: 28px; color: #020303; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px;} #hrxarticle .img-row {display: flex; flex-direction: row; gap: 80px; } #hrxarticle .v-container {display: flex; align-items: center; gap: 50px; box-sizing: border-box; padding: 0 40px; } #hrxarticle .v-copy {width: 52%;} #hrxarticle .v-copy p {margin: 0 0 14px; } #hrxarticle .v-copy ul {margin: 15px 0 18px; } #hrxarticle .v-copy li {margin-bottom: 8px; } #hrxarticle .v-copy li span {display: block; margin-left: 0; } #hrxarticle .d-video {width: 48%; } #hrxarticle .v-placeholder {position: relative; width: 100%; aspect-ratio: 16 / 9;} #hrxarticle .cred-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;} #hrxarticle .c-card {display: flex; flex-direction: column; align-items: center; gap: 24px; border-radius: 4px 80px 4px 4px; padding: 32px 32px; } #hrxarticle .teal {background: #1FA7A1; } #hrxarticle .light-blue {background: #0076BE; } #hrxarticle .blue {color:#0076BE;} #hrxarticle .purple {background: #5058A0; } #hrxarticle .navy {background: #1B3C69; } #hrxarticle .c-content .c-name {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #hrxarticle .c-content p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px; margin-top: 15px; } #hrxarticle .c-img {width: 100%; aspect-ratio: 1 / 1; overflow: hidden;} #hrxarticle .c-img img {width: 100%; height: 100%; display: block; object-fit: cover;} #hrxarticle .cta {text-align: center; margin-top: 20px; } #hrxarticle .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #hrxloc {padding-top: 4%; padding-bottom: 4%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-hrxlive-location-bg_1788957643331001fmEz.jpg) no-repeat top center / cover #ffffff;} #hrxloc .c-card {display: flex; flex-direction: column; width: 50%; padding: 12px; } #hrxloc h2 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #hrxloc h3 {font-size: 34px; line-height: 42px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #hrxloc p {font-size: 20px; line-height: 28px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #hrxloc .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #hrxloc .cta-btn-ghost {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #hrxloc .cta {display: flex; gap: 10px; margin-top: 40px; flex-direction: column; text-align: center; width: 80%; } /* Hotel & Venue */ #hotel-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-hotel-hero-bg_1788967271910001St56.jpg) no-repeat top center / cover #020303; height: 600px; margin-top: 4%;} #hotel-hero .homehero .hero-card {margin-top: 25%; width: 80%; } #hotel-hero .homehero h1 {font-size: 72px; line-height: 80px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: -0.72px;} #hotel-hero .homehero h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #hotel-hero .homehero .eyebrow {font-size: 18px; line-height: 26px; color: #C8FF00; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 0.36px;} #hotel-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #hotel-hero .homehero .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #hotel-hero .homehero .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #hotel-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #travel {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-location-bg_1788967271733001SN3W.jpg) no-repeat top center / cover #ffffff;} #travel .content-column {position: relative; z-index: 2; width: 48%; } #travel .content-block h2 {margin: 0 0 12px; font-size: 48px; line-height: 56px; color: #C8FF00; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #travel .content-block h3 {margin: 0 0 16px; font-size: 34px; line-height: 42px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #travel p {margin: 0 0 12px; font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #travel .bottom-content {margin-top: 30%; max-width: 510px; } #travel .bottom-content p {margin: 0; } #travel .title {text-align: center; margin-top: 30%; margin-bottom: 4%; } #travel .title h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #travel .t-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;} #travel .t-card {padding: 20px; box-sizing: border-box; min-height: 400px; background: #030302; border-radius: 4px;} #travel .t-card .icon-box {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-hotel-travel-bg_1788967272337001S6wJ.png) no-repeat top center / cover #030302; height: 228px; align-self: stretch; border-radius: 4px; align-items: center;} #travel .t-content {padding-top: 15px; } #travel .t-content h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #travel .t-content p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px;} #travel .t-icon {position: relative; top: 60px; left: 35%; } #todo {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-hotel-todo-bg_1788969842186001wPSg.jpg) no-repeat top center / cover #ffffff;} #todo .title {margin-bottom: 50px; } #todo .title h2 {font-size: 64px; line-height: 72px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #todo .blue {color: #007DFF; } #todo .td-container {display: flex; flex-direction: column; gap: 50px; } #todo .td-card {background: #fff; border-radius: 4px; box-shadow: 0 24px 40px 0 rgba(0, 25, 51, 0.16); display: flex; flex-direction: row; padding: 20px;} #todo .td-img {aspect-ratio: 16 / 9; overflow: hidden;} #todo .td-img img {width: 100%; height: 100%; display: block; object-fit: contain;} #todo .td-content {width: 55%; display: flex; flex-direction: column; gap: 20px; padding: 25px; } #todo .td-content h2 {font-size: 48px; line-height: 56px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #todo .td-content p {font-size: 20px; line-height: 28px; color: #020303; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #todo .cta {margin-top: 80px; } #todo .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} /* Event Policies */ #evpolicy-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-event-policies-hero-bg_1788973761362001w2kq.jpg) no-repeat top center / cover #020303; height: 600px; margin-top: 4%; } #evpolicy-hero .homehero .hero-card {margin-top: 30%;} #evpolicy-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.72px;} #evpolicy-hero .homehero h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #evpolicy-hero .homehero .eyebrow {font-size: 18px; line-height: 26px; color: #C8FF00; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 0.36px;} #evpolicy-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #evpolicy-hero .homehero .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #evpolicy-hero .homehero .cta-btn-ghost {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #evpolicy-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #epolicy {padding-top: 5%; padding-bottom: 5%; background: #fff; } #epolicy .content {display: flex; flex-direction: column; gap: 20px;} #epolicy .c-card {display: flex; flex-direction: column; align-items: flex-start; border-left: 2px solid #007DFF; padding-left: 24px; } #epolicy h3 {font-size: 34px; line-height: 40px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #epolicy h4 {font-size: 28px; line-height: 36px; color: #020303; font-weight: 600; text-transform: none; font-family: 'proxima-nova';} #epolicy p {font-size: 20px; line-height: 28px; color: #020303; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px;} #epolicy .content ul li {font-size: 20px; line-height: 28px; color: #020303; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px;} /* In-Person */ #inperson-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-inperson-hero-bg_1789740422620001JPB7.jpg) no-repeat top center / cover #020303; height: 600px; margin-top: 4%;} #inperson-hero .homehero .hero-card {display: flex; flex-direction: column; width: 60%; margin-top: 15%; } #inperson-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #inperson-hero .homehero h2 {font-size: 38px; line-height: 46px; color: #C5E5FF; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #inperson-hero .homehero .eyebrow {font-size: 18px; line-height: 26px; color: #C8FF00; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 0.36px;} #inperson-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #inperson-hero .homehero .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #inperson-hero .homehero .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #inperson-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #hrxtogivemore {position: relative; padding-top: 0; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-inperson-givemore-top-bg_1789740422329001Je5n.jpg) no-repeat top center / cover #020303;} #hrxtogivemore .content-column {position: relative; width: 60%; } #hrxtogivemore .top-content {margin-top: 20%;} #hrxtogivemore .copy {width: 90%; } #hrxtogivemore .content-block h2 {margin: 0 0 12px; font-size: 48px; line-height: 56px; color: #C8FF00; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova';} #hrxtogivemore .content-block h3 {margin: 0 0 16px; font-size: 34px; line-height: 42px; color: #C8FF00; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #hrxtogivemore p {margin: 0 0 12px; font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #hrxtogivemore .cta {margin-top: 80px;} #hrxtogivemore .cta .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #hrxtogivemore .bottom-content {margin-top: 20%;} #hrxtogivemore .bottom-content h3 {margin: 0 0 16px; font-size: 34px; line-height: 42px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #hrxtogivemore .bottom-content ul li {margin: 0 0 12px; font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #hrxtogivemore .bottom-content p {margin: 0; } #hrxtogivemore .img-overlay {position: absolute; top: 50px; right: 0; width: 70%; height: 100%; pointer-events: none;} #hrxtogivemore .img-overlay img {position: absolute; top: 50px; right: 0; width: 55%; height: 100%; object-fit: contain; object-position: right top; display: block; } #hrxtogivemore .bottom {margin-top: 10%;} #hrxtogivemore .bottom h3 {margin: 0 0 16px; font-size: 34px; line-height: 42px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; width: 40%; } #hrxtogivemore .bottom ul li {margin: 0 0 12px; font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #learnit {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-inperson-dimensions-bg_1789740422130001JFHi.jpg) no-repeat top center / cover #020303; } #learnit .title h2 {font-size: 72px; line-height: 80px; color: #007DFF; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: -0.72px;} #learnit .title h3 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #learnit .title h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #learnit .copy {margin-top: 20px; } #learnit .copy p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #learnit .cred-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;} #learnit .c-card {display: flex; flex-direction: column; align-items: center; gap: 24px; border-radius: 4px 80px 4px 4px; padding: 32px 32px; } #learnit .teal {background: #1FA7A1; } #learnit .light-blue {background: #0076BE; } #learnit .blue {color:#0076BE;} #learnit .purple {background: #5058A0; } #learnit .navy {background: #1B3C69; } #learnit .c-content .c-name {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #learnit .c-content p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px; margin-top: 15px; } #learnit .c-img {width: 100%; aspect-ratio: 1 / 1; overflow: hidden;} #learnit .c-img img {width: 100%; height: 100%; display: block; object-fit: cover;} #learnit .bottom-copy {margin-top: 20px; text-align: center; width: 60%; margin-left: auto; margin-right: auto; } #learnit .bottom-copy h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #learnit .cta {margin-top: 50px; } #learnit .bottom-copy .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} /* Team */ #team-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-team-hero-bg_1789999719584001lVfV.jpg) no-repeat top center / cover #020303; height: 600px; margin-top: 4%; z-index: 10} #team-hero .homehero .hero-card {display: flex; flex-direction: column; width: 59%; margin-top: 10%; } #team-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #team-hero .homehero h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #team-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #team-hero .homehero .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #team-hero .homehero .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #team-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #oneteam {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-team-one-team-bg_1789999719348001ldq3.jpg) no-repeat top center / cover #020303;} #oneteam .j-inner {width: 100%; margin: 0 auto; } #oneteam .j-img {position: absolute; top: -28%; left: 0; width: 49%; height: 100%; z-index: 1;} #oneteam .j-img img {width: 70%; height: 100%; display: block; object-fit: contain; object-position: left center;} #oneteam .j-content {position: relative; z-index: 2; width: 55%; margin-lefT: auto; box-sizing: border-box;} #oneteam .j-block {max-width: 620px;} #oneteam .j-block h2 {font-size: 48px; line-height: 56px; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; color:#C8FF00;} #oneteam .j-block h3 {font-size: 34px; line-height: 42px; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #oneteam .j-block.top-block h3 {color:#C8FF00; width: 80%; } #oneteam .j-block.bottom-block h3 {color:#fff;} #oneteam .j-block p {font-size: 20px; line-height: 28px; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; color:#fff; letter-spacing: -0.2px;} #oneteam .j-block ul li {margin: 0 0 12px; font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #oneteam .top-block {margin-bottom: 65px; } #oneteam .bottom-block {margin-bottom: 20px; } #oneteam .cta {margin-top: 85px; } #oneteam .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #oneteam .bottom {margin-top: 10%;} #oneteam .bottom h3 {margin: 0 0 16px; font-size: 34px; line-height: 42px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #oneteam .bottom ul li {margin: 0 0 12px; font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #bringteamt {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-rates-team-bg_1788452918836001gx6L.png) no-repeat top center / cover #ffffff; position: relative; z-index: 10; } #bringteamt .p-card {display: flex; padding: 30px; flex-direction: column; align-items: flex-start; border-radius: 4px; position: relative; gap: 30px; min-height: 410px; } #bringteamt .c-card {display: flex; padding: 50px 15px; flex-direction: column; align-items: flex-start;} #bringteamt .p-card.white {background: #fff; border-bottom: 8px solid #007DFF; box-shadow: 0 24px 40px 0 rgba(0, 25, 51, 0.16);} #bringteamt .p-card .eyebrow {font-size: 28px; line-height: 36px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none;} #bringteamt .p-card .price {font-size: 64px; line-height: 72px; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #bringteamt .p-card .total {font-size: 20px; line-height: 28px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px; margin-top: -20px; } #bringteamt .p-card .desc {font-size: 22px; line-height: 30px; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #bringteamt .p-card .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0; } #bringteamt .p-card.white .eyebrow {color:#007DFF;} #bringteamt .p-card.white .price {color:#020303;} #bringteamt .p-card.white .total {color:#020303;} #bringteamt .p-card.white .desc {color:#020303;} #bringteamt h2 {font-size: 64px; line-height: 72px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; color:#fff; } #bringteamt h4 {font-size: 28px; line-height: 36px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; color:#fff; } #bringteamt p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #bringteamt .p-card .cta {position: absolute; bottom: 20px; } #bringteamt .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0; } #measurable {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-team-dimensions-bg_1789999719284001lzcj.jpg) no-repeat top center / cover #fff; position: relative; z-index: 10; } #measurable .title {display: flex; flex-direction: column; gap: 15px; } #measurable .title h2 {font-size: 72px; line-height: 80px; color: #007DFF; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: -0.72px;} #measurable .title h3 {font-size: 48px; line-height: 56px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #measurable .title h4 {font-size: 28px; line-height: 36px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #measurable .copy p {font-size: 20px; line-height: 28px; color: #020303; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #measurable .cred-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;} #measurable .c-card {display: flex; flex-direction: column; align-items: center; gap: 24px; border-radius: 4px 80px 4px 4px; padding: 32px 32px; } #measurable .teal {background: #1FA7A1; } #measurable .light-blue {background: #0076BE; } #measurable .blue {color:#0076BE;} #measurable .purple {background: #5058A0; } #measurable .navy {background: #1B3C69; } #measurable .c-content .c-name {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #measurable .c-content p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px; margin-top: 15px; } #measurable .c-img {width: 100%; aspect-ratio: 1 / 1; overflow: hidden;} #measurable .c-img img {width: 100%; height: 100%; display: block; object-fit: cover;} #measurable .bottom-copy p {font-size: 20px; line-height: 28px; color: #020303; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #measurable .bottom-copy .cta {margin-top: 40px; } #measurable .bottom-copy .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #onepro {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-team-team-transform-bg_1789999719173001lGYu.jpg) no-repeat top center / cover #020303; position: relative; z-index: 10; } #onepro .card {display: flex; padding: 20px; flex-direction: column; align-items: flex-start; width: 45%; } #onepro .eyebrow {font-size: 28px; line-height: 36px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #onepro h2 {font-size: 48px; line-height: 56px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; color:#020303;} #onepro h4 {font-size: 28px; line-height: 36px; color: #020303; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #onepro p {font-size: 20px; line-height: 28px; color: #020303; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #onepro .cta {margin-top: 50px; } #onepro .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0; } /* Convince Boss */ #boss-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-convince-boss-hero-bg_1790006940818001xVkS.jpg) no-repeat top center / cover #020303; height: 600px; margin-top: 4%;} #boss-hero .homehero .hero-card {display: flex; flex-direction: column; width: 60%; margin-top: 10%; } #boss-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; width: 70%;} #boss-hero .homehero h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #boss-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px; width: 90%; } #boss-hero .homehero .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #boss-hero .homehero .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #boss-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #whattogain {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-convince-dimension-bg_1790006940709001xVMt.jpg) no-repeat top center / cover #020303;} #whattogain .g-card {display: flex; flex-direction: column; width: 50%; } #whattogain .g-card h3 {font-size: 34px; line-height: 42px; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; color:#C8FF00} #whattogain h4 {font-size: 28px; line-height: 36px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#fff;} #whattogain p {font-size: 20px; line-height: 28px; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; color:#fff; letter-spacing: -0.2px;} #whattogain .title {text-align: center; margin-top: 15%; } #whattogain .cred-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-top: 40px; } #whattogain .c-card {display: flex; flex-direction: column; align-items: center; gap: 24px; border-radius: 4px 80px 4px 4px; padding: 32px 32px; } #whattogain .teal {background: #1FA7A1; } #whattogain .light-blue {background: #0076BE; } #whattogain .blue {color:#0076BE;} #whattogain .purple {background: #5058A0; } #whattogain .navy {background: #1B3C69; } #whattogain .c-content .c-name {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #whattogain .c-content p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px; margin-top: 15px; } #whattogain .c-img {width: 100%; aspect-ratio: 1 / 1; overflow: hidden;} #whattogain .c-img img {width: 100%; height: 100%; display: block; object-fit: cover;} #whattogain .bottom {text-align: center; margin-top: 40px; } #planinvestment {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-convince-boss-planinvestment-bg_1791220014695001C1b9.jpg) no-repeat top center / cover #020303;} #planinvestment .title {margin-bottom: 40px; } #planinvestment .title h2 {font-size: 48px; line-height: 56px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#fff;} #planinvestment .content {display: grid; grid-template-columns: 1fr 1.3fr; gap: 10px; margin-bottom: 25px; } #planinvestment .reg-card {background: #fff; border-radius: 4px; padding: 32px 32px; border-bottom: 8px solid #007DFF; display: flex; flex-direction: column; gap: 24px; align-items: flex-start;} #planinvestment .reg-card .card-header {font-size: 28px; line-height: 36px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#007DFF;} #planinvestment .reg-card .price-display {font-size: 72px; line-height: 80px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#020303; letter-spacing: -0.72px;} #planinvestment .reg-card .price-display-non {font-size: 20px; line-height: 28px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#020303; letter-spacing: -0.72px;} #planinvestment .reg-card .limited {font-size: 20px; line-height: 28px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#020303; letter-spacing: -0.2px; width: 80%;} #planinvestment .reg-card .helper-text {display: flex; align-items: flex-start; gap: 8px; padding: 4px 8px; background: #F3F2F2; border-radius: 999px; font-size: 14px; font-family: 'proxima-nova'; color:#004B99; margin-top: -25px; } #planinvestment .trip-details {background: linear-gradient(301deg, rgba(255, 255, 255, 0.00) -0.03%, rgba(255, 255, 255, 0.08) 99.97%), #001933; border-radius: 4px; border-left: 8px solid #C8FF00; padding: 32px 32px; } #planinvestment .trip-details .trip-header-container {display: flex; align-items: baseline; justify-content: space-between; padding-bottom: 1.5rem; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 1.5rem; margin-top: 1.5rem;} #planinvestment .trip-details .trip-header-container .trip-header {font-size: 20px; line-height: 28px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#C8FF00;} #planinvestment .trip-details .trip-header-container .trip-title {font-size: 28px; line-height: 36px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#fff; text-align: right;} #planinvestment .trip-details .trip-item {display: flex; align-items: flex-start; gap: 8px; margin-bottom: 1.5rem; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 1.5rem;} #planinvestment .trip-details .trip-item .trip-icon {width: 40px; height: 40px; } #planinvestment .trip-details .trip-item .trip-info {flex: 1; margin-left: 40px; } #planinvestment .trip-details .trip-item .trip-info .trip-header-line {display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; } #planinvestment .trip-details .trip-item .trip-info .trip-label {font-size: 14px; line-height: 22px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#C8FF00;} #planinvestment .trip-details .trip-item .trip-info .trip-value {font-size: 20px; line-height: 28px; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; color:#fff;} #planinvestment .trip-details .trip-item .trip-info .trip-price {font-size: 22px; line-height: 30px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#fff; text-align: right;} #planinvestment .trip-details .total-header-container {display: flex; align-items: baseline; justify-content: space-between; padding-bottom: 1.5rem; margin-bottom: 1.5rem; margin-top: 1.5rem;} #planinvestment .trip-details .total-header-container .total-label {font-size: 20px; line-height: 28px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#C8FF00;} #planinvestment .trip-details .total-header-container .total-amount {font-size: 28px; line-height: 36px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#fff; text-align: right;} #planinvestment .trip-details .refund-note {font-size: 14px; line-height: 22px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#fff;} #planinvestment .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:20px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0 16px 0 0;} #planinvestment .cta-btn-ghost {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 20px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0 16px 0 0;} #planinvestment .cta {display: flex; gap: 10px; margin-top: 40px;} #bringback {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-convince-bring-back-bg_1790006940606001xQEj.jpg) no-repeat top center / cover #020303;} #bringback .title {text-align: center; margin-bottom: 40px; } #bringback h2 {font-size: 48px; line-height: 56px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#020303;} #bringback .b-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} #bringback .b-grid.two-row-layout {display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-top: 30px; } #bringback .b-grid.two-row-layout .b-card.top {flex: 1 1 490px; } #bringback .b-grid.two-row-layout .b-card.bottom {flex: 1 1 640px;} #bringback .b-card {background: #fff; border-top: 4px solid #007DFF; border-radius: 4px; padding: 20px; display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: 0 24px 40px 0 rgba(0, 25, 51, 0.16);} #bringback .b-card h4 {font-size: 28px; line-height: 36px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#020303;} #bringback .b-card p {font-size: 20px; line-height: 28px; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; color:#020303;} #readyask {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-convince-back-bg_1790006940459001xmjm.jpg) no-repeat top center / cover #020303;} #readyask .card {display: flex; flex-direction: column; align-items: flex-start; gap: 25px; width: 50%; } #readyask h2 {font-size: 48px; line-height: 56px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; color:#fff;} #readyask p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #readyask .cta {display: flex; flex-direction: column; gap: 10px; text-align: center; } #readyask .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #readyask .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} /* FAQs */ #faqs-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-faqs-hero-bg_1790085581434001KrtD.jpg) no-repeat top center / cover #020303; height: 600px; margin-top: 4%;} #faqs-hero .homehero .hero-card {display: flex; flex-direction: column; width: 60%; margin-top: 20%; } #faqs-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #faqs-hero .homehero h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #faqs-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #faqs-hero .homehero .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #faqs-hero .homehero .cta-btn-ghost {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #faqs-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #faqs {padding-top: 5%; padding-bottom: 5%; background: #030302;} #faqs .faq-groups {display: flex; flex-direction: column; gap: 25px; margin: 0 auto; } #faqs .faq-outer {border: 1px solid #020303;} #faqs .faq-outer-header {background: #C8FF00; color:#020303; display: flex; align-items: center; justify-content: space-between; padding: 16px; cursor: pointer; user-select: none;} #faqs .faq-outer-header span.title {font-size: 22px; line-height: 30px; font-weight: 700; font-family: 'proxima-nova'; } #faqs .icon-toggle {width: 40px; height: 40px; border-radius: 50%; background: #030302; color:#fff; display: flex; align-items: center; justify-content: center; flex: none; position: relative;} #faqs .icon-toggle::before {content: ''; width: 10px; height: 1.6px; background: currentColor; display: block} #faqs .icon-toggle::after {content: ''; width: 1.6px; height: 10px; background: currentColor; display: none; position: absolute;} /* closed state shows a plus (both bars) */ #faqs .faq-item.closed .faq-question .icon-toggle::after, #faqs .faq-outer.collapsed .faq-outer-header .icon-toggle::after {display: block;} /* inner accordion list */ #faqs .faq-inner {max-height: 6000px; overflow: hidden; transition: max-height 0.3s ease;} #faqs .faq-outer.collapsed .faq-inner {max-height: 0;} #faqs .faq-item {border: 1px solid #020303;} #faqs .faq-question {background: #000D1A; color:#fff; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; cursor: pointer; user-select: none;} #faqs .faq-question p {font-size: 22px; font-family: 'proxima-nova'; line-height: 30px; font-weight: 700; color: #fff;} #faqs .faq-question .icon-toggle {background: #001933; color:#fff; } #faqs .faq-answer {background: #001933; color:#fff; padding: 30px; max-height: 1200px; overflow: hidden; transition: max-height 0.25s ease, padding 0.25s ease;} #faqs .faq-answer p {font-size: 20px; font-family: 'proxima-nova'; line-height: 28px; font-weight: 400; color: #fff;} #faqs .faq-answer p:last-child {margin-bottom: 0; } #faqs .faq-answer ul {margin: 0 0 10px;} #faqs .faq-answer li {margin-bottom: 8px; } #faqs .faq-answer li:last-child {margin-bottom: 0; } #faqs .faq-answer td:last-child {margin-bottom: 0; } #faqs .faq-answer ul li {font-size: 20px; font-family: 'proxima-nova'; line-height: 28px; font-weight: 400; color: #fff;} #faqs .faq-answer table {font-size: 20px; font-family: 'proxima-nova'; line-height: 28px; font-weight: 400; color: #fff; width: 100%; } #faqs .faq-item.closed .faq-answer {max-height: 0; padding-top: 0; padding-bottom: 0; } /* SAAG */ #saag-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-saag-hero-bg_1790961609800001f6fE.jpg) no-repeat top center / cover #020303; height: 600px; margin-top: 4%;} #saag-hero .homehero .hero-card {display: flex; flex-direction: column; align-items: center; width: 60%; margin-top: 20%; } #saag-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #saag-hero .homehero h2 {font-size: 38px; line-height: 46px; color: #C5E5FF; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #saag-hero .homehero .eyebrow {font-size: 18px; line-height: 26px; color: #C8FF00; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 0.36px;} #saag-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #saag-hero .homehero .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #saag-hero .homehero .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #saag-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #skey {padding-top: 5%; padding-bottom: 5%; background: #fff;} #skey .schedule-container {background: #bebebe; display: grid; padding: 20px; row-gap: 16px; column-gap: 30px; grid-template-columns: repeat(4, 1fr); border-radius: 8px; align-items: center;} #skey h4 {grid-column: 1 / -1; font-size: 24px; line-height: 32px; color: #000; font-weight: 500; text-transform: none; font-family: 'proxima-nova'; margin-bottom: 10px; } #skey .keyname {font-size: 16px; line-height: 26px; font-weight: 400; font-family: 'proxima-nova'; font-style: normal; color:#000; white-space: nowrap;} #skey .keys {display: content;} #skey .key {display: flex; align-items: center; gap: 8px; } #agenda {padding-top: 0; padding-bottom: 5%; background: #fff;} #agenda h3 {font-size: 32px; line-height: 40px; font-weight: 700; font-family: 'proxima-nova'; color: #000; text-transform: none;} #agenda .schedule {max-width: 1000px;margin: 0 auto;border-left: 60px solid #fff;} #agenda .events-column {position: relative;background: repeating-linear-gradient(to bottom, white,white 29px, #ccc 30px);padding-left: 20px;height: calc(30px * 64); /* 15 hours × 4 intervals per hour × 30px */} #agenda .events-column::before {content: '';position: absolute; top: 0;left: -60px;width: 60px;height: 100%;background: repeating-linear-gradient(to bottom, white, white 29px, #ccc 30px);} #agenda .time-labels {position: absolute;left: -58px; top: -15px;font-size: 12px;color: #000;width: 60px;pointer-events: none; font-weight: 600;} #agenda .time-labels span { display: block;height: 120px;line-height: 120px;text-align: right;padding-right: 8px; box-sizing: border-box;} #agenda .time-block {position: absolute;left: 20px;right: 0;display: flex; gap: 10px;} #agenda .event {display:flex;flex-direction:column;justify-content: center;align-items: center;color: white;font-size: 14px;font-weight: bold;box-sizing: border-box;height:100%; text-align: center;} #agenda .seminars { background-color: #020303; color:#fff;} #agenda .workshops { background-color: #0076be; color: #fff; } #agenda .general { background-color: #1b3c69; color: #fff; } #agenda .meals { background-color: #f2f0e4; color:#020303} #agenda .creds {background-color: #5058a0; color:#fff;} #agenda .electives {background-color: #1fa7a1; color:#fff;} #agenda .sunrise {background-color: #d3f414; color:#020303;} #agenda .networking {background-color: #869434; color:#fff} #agenda .expo {background-color: #c5e5ff; color:#020303} #agenda .event-wrapper {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(64, 30px);column-gap: 10px;} #agenda .cta {text-align: center; margin-top: 40px;} #agenda .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} /* Style tab links */ #agenda .tablink {color: #000; background: none; border: none;outline: none;cursor: pointer; text-align: center;margin: 0 16px;padding:8px 0;font-size: 24px; font-family: 'proxima-nova'; font-weight: 600; font-style:none; text-transform: uppercase; } #agenda .tablink.selected, #agenda .tablink:hover, #agenda .tablink:focus {color: #00093e;} #agenda .tablink.selected {padding-bottom:4px;border-bottom: 4px solid #002FA8;} #hours {padding-top: 5%; background: #fff;} #hours .unstripetable { width:100%; } #hours .unstripetable td{ font-size:16px; color: #020303; text-align: left; padding:8px 16px; border: none; font-family: 'proxima-nova'; font-weight: 400} #hours .unstripetable th { font-size: 24px; font-family: 'proxima-nova'; line-height: 28px; color:#fff; text-align: left; padding:8px 16px; text-align: center;} #hours .unstripetable tr:first-child th:first-child {background: #001933; color:#fff;} #hours .rowcolor {background: #efefef; } #hours .disclaimer {font-size: 14px; font-family: 'proxima-nova'; color:#020303;} #hours p {font-size:16px; color: #020303; font-family: 'proxima-nova'; line-height: 24px; font-weight: 400; text-align: center;} /* Dean Talent Optimization */ #dimtalent-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-talent-dim-hero-bg_1791899715138001F4A1.jpg) no-repeat top center / cover #020303; height: 400px; margin-top: 4%;} #dimtalent-hero .homehero .hero-card {display: flex; flex-direction: column; width: 50%; margin-top: 8%; } #dimtalent-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimtalent-hero .homehero h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimtalent-hero .homehero h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimtalent-hero .homehero .eyebrow {font-size: 18px; line-height: 26px; color: #50CDC7; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimtalent-hero .homehero .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:20px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0 16px 0 0;} #dimtalent-hero .homehero .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 20px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0 16px 0 0;} #dimtalent-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #whatis {padding-top: 5%; padding-bottom: 5%; position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-dim-whatis-bg_1792070893405001uK2i.jpg) no-repeat top center / cover #020303;} #whatis .top-section {display: grid; grid-template-columns: 1fr 1fr; gap: 25px;} #whatis .top-section .left-content .dimbadge {width: 300px; height: 300px; margin-bottom: 40px; display: flex; align-items: center; justify-content: center;} #whatis .top-section .left-content .dimbadge img {width: 100%; height: 100%; object-fit: contain;} #whatis .top-section .left-content h2 {font-size: 64px; line-height: 72px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; } #whatis .top-section .left-content p {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 400; text-transform: none; letter-spacing: -0.2px; width: 90%; } #whatis .top-section .left-content .dive-into {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #1FA7A1; font-weight: 700; text-transform: none; letter-spacing: -0.2px; } #whatis .top-section .profile-card {position: relative; background: #fff; border-radius: 0 80px 0 0; box-shadow: 0 24px 40px 0 rgba(0, 25, 51, 0.16);} #whatis .top-section .profile-card .profile-img {display: flex; align-items: center; justify-content: center; width: 100%; } #whatis .top-section .profile-card .profile-img img {width: 100%; height: 100%; object-fit: cover; border-radius: 0 80px 0 0;} #whatis .top-section .profile-card .profile {display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; padding: 40px; gap: 10px;} #whatis .top-section .profile-card .profile-label {font-size: 18px; line-height: 26px; font-family: 'proxima-nova'; color: #1FA7A1; font-weight: 600; text-transform: none; letter-spacing: -0.36px; } #whatis .top-section .profile-card .profile-title {font-size: 22px; line-height: 30px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 700; text-transform: none; } #whatis .top-section .profile-card .profile-name {font-size: 48px; line-height: 56px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; } #whatis .top-section .profile-card .profile-creds {font-size: 14px; line-height: 22px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 700; text-transform: none; } #whatis .top-section .profile-card .profile-creds span {display: block;} #whatis .profile-cta {width: 100%; position: absolute; left: 0; bottom: 0; border-left: 4px solid #1FA7A1;} #whatis .profile-cta .profile-further {display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; width: 100%; min-height: 32px; padding: 30px; font-family: 'proxima-nova'; font-size: 20px; line-height: 28px; font-weight: 700; text-transform: uppercase; transition: background-color 0.2s ease; background: rgba(31, 167, 161, 0.10); color:#1FA7A1} #whatis .profile-cta .profile-arrow {display: flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #1FA7A1;} #whatis .profile-cta .profile-arrow svg {display: block; width: 14px; height: 14px; fill: none; stroke: #1fa7a1; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; stroke: #1FA7A1;} #whatis .bottom-section {margin-top: 7%; display: grid; grid-template-columns: auto 4px 1fr; gap: 1.5rem; align-items: center; border-top: 1px solid rgba(0,0,0,0.16); padding-top: 50px;} #whatis .bottom-section h3 {font-size: 34px; line-height: 42px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; text-align: left; grid-column: 1; grid-row: 1; max-width: 300px; } #whatis .bottom-section .info-border {width: 4px; background: #1FA7A1; grid-column: 2; grid-row: 1; min-height: 100%; position: relative; right: 50px; } #whatis .bottom-section p {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 300; text-transform: none; letter-spacing: -0.2px; grid-column: 3; grid-row: 1;} #fourdays {padding-top: 5%; padding-bottom: 5%; position: relative; background: #f2f0e4;} #fourdays .title .eyebrow {font-size: 18px; line-height: 26px; font-family: 'proxima-nova'; color: #1FA7A1; font-weight: 600; text-transform: none; letter-spacing: -0.36px; } #fourdays .title h3 {font-size: 34px; line-height: 42px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; width: 80%; } #fourdays .cards-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 5%; } #fourdays .cards-grid .card {display: flex; padding: 40px; gap: 32px; border-top: 4px solid #1FA7A1; } #fourdays .cards-grid .card .card:nth-child(odd) {border-top: 4px solid #1FA7A1; } #fourdays .cards-grid .card .card-icon {width: 60px; height: 60px; display: flex; justify-content: center; flex-shrink: 0;} #fourdays .cards-grid .card .card-icon img {width: 60px; height: 60px; object-fit: contain;} #fourdays .cards-grid .card .card-content {flex: 1;} #fourdays .cards-grid .card .card-content .card-title {font-size: 28px; line-height: 36px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none;} #fourdays .cards-grid .card .card-content .card-desc {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #020303; font-weight: 300; text-transform: none; letter-spacing: -0.2px;} #focuson {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-talent-four-days-bg-new_1791991397573001hlw4.png) no-repeat top center / cover #f2f0e4;} #focuson .focus-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center;} #focuson .focus-grid .focus-on h2 {font-size: 48px; line-height: 56px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none;} #focuson .focus-grid .focus-on .focus-list {list-style: none; margin-left: -60px; margin-top: 30px; } #focuson .focus-grid .focus-on .focus-list .focus-item {display: grid; grid-template-columns: auto 1fr; gap: 1rem; margin-bottom: 1.75rem; align-items: center; grid-template-areas: "icon text" "divider divider";} #focuson .focus-grid .focus-on .focus-list .focus-item .focus-icon {grid-area: icon;} #focuson .focus-grid .focus-on .focus-list .focus-item .focus-text {grid-area: text;} #focuson .focus-grid .focus-on .focus-list .focus-item .focus-divider {grid-area: divider; width: 100%; margin-top: 0.5rem;} #focuson .focus-grid .focus-on .focus-list .focus-item .focus-icon {width: 80px; height: 80px; display: flex; align-items: center; justify-content: center;} #focuson .focus-grid .focus-on .focus-list .focus-item .focus-icon img {width: 100%; height: 100%; object-fit: contain;} #focuson .focus-grid .focus-on .focus-list .focus-item .focus-text {font-size: 22px; line-height: 30px; font-family: 'proxima-nova'; font-weight: 600; color:#fff;} #focuson .focus-grid .cta-card {background: hsl(183.75deg 70.5882% 13.3333%); border-radius: 0 80px 0 0; padding: 40px; display: flex; flex-direction: column; gap: 24px;} #focuson .focus-grid .cta-card h3 {font-size: 34px; line-height: 42px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none;} #focuson .focus-grid .cta-card .button-group {display: flex; flex-direction: column; gap: 10px; } #focuson .focus-grid .cta-card .button-group .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #focuson .focus-grid .cta-card .button-group .cta-btn-ghost {border:2px solid #C8FF00; background: transparent; color: #C8FF00; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #focuson .focus-grid .cta-card .cta-link {font-size: 20px; line-height: 28px; color:#fff; font-weight: 700; font-family: 'proxima-nova'; letter-spacing: -0.2px; } #focuson .focus-grid .cta-card .btn-arrow {position: relative; left: 58%; } #focuson .focus-grid .cta-card .group-icon {position: relative; left: 52%; } #focuson .focus-grid .cta-card .cta-link span {position: relative; left: 24%; } #deanheader {padding-top: 5%;background: #105653; border-radius: 0 80px 0 0; padding: 24px 80px; } #deanheader .dean-header {padding: 0 45px 0;} #deanheader .dean-header h4 {font-size: 28px; line-height: 36px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none; } #meetdeantalent {padding-bottom: 5%; background: linear-gradient(180deg, rgba(16, 86, 83, 0.75) 0%, rgba(0, 13, 26, 0.75) 100%), #000D1A;} #meetdeantalent .dean-card .dean-body {padding: 60px 45px 40px; } #meetdeantalent .dean-card .dean-body .dean-profile {display: flex; gap: 18px; align-items: center;} #meetdeantalent .dean-card .dean-body .dean-profile .dean-photo {width: 240px; height: 240px; flex-shrink: 0;} #meetdeantalent .dean-card .dean-body .dean-profile .dean-photo img {width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; } #meetdeantalent .dean-card .dean-body .dean-profile .dean-info h2 {font-size: 64px; line-height: 72px; font-family: 'proxima-nova'; color: #fff; font-weight: 600; text-transform: none;} #meetdeantalent .dean-card .dean-body .dean-profile .dean-info .title {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none; letter-spacing: -0.2px;} #meetdeantalent .dean-card .dean-body .divider {width: 100%; height: 4px; background: #1FA7A1; margin: 22px 0; } #meetdeantalent .dean-card .dean-body .dean-bio {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; } #meetdeantalent .dean-card .dean-body .dean-bio .dean-bio-col p {font-size: 20px; line-height: 28px; color:#fff; font-weight: 400; font-family: 'proxima-nova';} /*Functional Acceleration */ #dimfunctional-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-functional-hero-bg_1791986810077001Kuol.jpg) no-repeat top center / cover #020303; height: 400px; margin-top: 4%;} #dimfunctional-hero .homehero .hero-card {display: flex; flex-direction: column; width: 80%; margin-top: 8%; } #dimfunctional-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimfunctional-hero .homehero h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimfunctional-hero .homehero h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimfunctional-hero .homehero .eyebrow {font-size: 18px; line-height: 26px; color: #A7AEF1; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimfunctional-hero .homehero .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:20px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0 16px 0 0;} #dimfunctional-hero .homehero .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 20px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0 16px 0 0;} #dimfunctional-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #whatisfunctional {padding-top: 5%; padding-bottom: 5%; position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-dim-whatis-bg_1792070893405001uK2i.jpg) no-repeat top center / cover #020303;} #whatisfunctional .top-section {display: grid; grid-template-columns: 1fr 1fr; gap: 25px;} #whatisfunctional .top-section .left-content .dimbadge {width: 300px; height: 300px; margin-bottom: 40px; display: flex; align-items: center; justify-content: center;} #whatisfunctional .top-section .left-content .dimbadge img {width: 100%; height: 100%; object-fit: contain;} #whatisfunctional .top-section .left-content h2 {font-size: 64px; line-height: 72px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; } #whatisfunctional .top-section .left-content p {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 400; text-transform: none; letter-spacing: -0.2px; width: 90%; } #whatisfunctional .top-section .left-content .dive-into {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #5058A0; font-weight: 700; text-transform: none; letter-spacing: -0.2px; } #whatisfunctional .top-section .profile-card {position: relative; background: #fff; border-radius: 0 80px 0 0; box-shadow: 0 24px 40px 0 rgba(0, 25, 51, 0.16);} #whatisfunctional .top-section .profile-card .profile-img {display: flex; align-items: center; justify-content: center; width: 100%; } #whatisfunctional .top-section .profile-card .profile-img img {width: 100%; height: 100%; object-fit: cover; border-radius: 0 80px 0 0;} #whatisfunctional .top-section .profile-card .profile {display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; padding: 40px; gap: 10px;} #whatisfunctional .top-section .profile-card .profile-label {font-size: 18px; line-height: 26px; font-family: 'proxima-nova'; color: #5058A0; font-weight: 600; text-transform: none; letter-spacing: -0.36px; } #whatisfunctional .top-section .profile-card .profile-title {font-size: 22px; line-height: 30px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 700; text-transform: none; } #whatisfunctional .top-section .profile-card .profile-name {font-size: 48px; line-height: 56px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; } #whatisfunctional .top-section .profile-card .profile-creds {font-size: 14px; line-height: 22px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 700; text-transform: none; width: 65%; } #whatisfunctional .top-section .profile-card .profile-creds span {display: block;} #whatisfunctional .profile-cta {width: 100%; position: absolute; left: 0; bottom: 0; border-left: 4px solid #5058A0;} #whatisfunctional .profile-cta .profile-further {display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; width: 100%; min-height: 32px; padding: 30px; font-family: 'proxima-nova'; font-size: 20px; line-height: 28px; font-weight: 700; text-transform: uppercase; transition: background-color 0.2s ease; background: rgba(80, 88, 160, 0.08); color:#5058A0} #whatisfunctional .profile-cta .profile-arrow {display: flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #5058A0;} #whatisfunctional .profile-cta .profile-arrow svg {display: block; width: 14px; height: 14px; fill: none; stroke: #5058A0; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; stroke: #5058A0;} #whatisfunctional .bottom-section {margin-top: 7%; display: grid; grid-template-columns: auto 4px 1fr; gap: 1.5rem; align-items: center; border-top: 1px solid rgba(0,0,0,0.16); padding-top: 50px;} #whatisfunctional .bottom-section h3 {font-size: 34px; line-height: 42px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; text-align: left; grid-column: 1; grid-row: 1; max-width: 300px; } #whatisfunctional .bottom-section .info-border {width: 4px; background: #5058A0; grid-column: 2; grid-row: 1; min-height: 100%; position: relative; right: 50px; } #whatisfunctional .bottom-section p {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 300; text-transform: none; letter-spacing: -0.2px; grid-column: 3; grid-row: 1;} #fourdaysfunctional {padding-top: 5%; padding-bottom: 5%; position: relative; background: #f2f0e4; } #fourdaysfunctional .title .eyebrow {font-size: 18px; line-height: 26px; font-family: 'proxima-nova'; color: #5058A0; font-weight: 600; text-transform: none; letter-spacing: -0.36px; } #fourdaysfunctional .title h3 {font-size: 34px; line-height: 42px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; width: 80%; } #fourdaysfunctional .cards-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 5%; } #fourdaysfunctional .cards-grid .card {display: flex; padding: 40px; gap: 32px; border-top: 4px solid #5058A0; } #fourdaysfunctional .cards-grid .card .card:nth-child(odd) {border-top: 4px solid #5058A0; } #fourdaysfunctional .cards-grid .card .card-icon {width: 60px; height: 60px; display: flex; justify-content: center; flex-shrink: 0;} #fourdaysfunctional .cards-grid .card .card-icon img {width: 60px; height: 60px; object-fit: contain;} #fourdaysfunctional .cards-grid .card .card-content {flex: 1;} #fourdaysfunctional .cards-grid .card .card-content .card-title {font-size: 28px; line-height: 36px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none;} #fourdaysfunctional .cards-grid .card .card-content .card-desc {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #020303; font-weight: 300; text-transform: none; letter-spacing: -0.2px;} #focusonfunctional {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-functional-focus-on-bg-new_1792172676802001colD.png) no-repeat top center / cover #f2f0e4;} #focusonfunctional .focus-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center;} #focusonfunctional .focus-grid .focus-on h2 {font-size: 48px; line-height: 56px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none;} #focusonfunctional .focus-grid .focus-on .focus-list {list-style: none; margin-left: -60px; margin-top: 30px; } #focusonfunctional .focus-grid .focus-on .focus-list .focus-item {display: grid; grid-template-columns: auto 1fr; gap: 1rem; margin-bottom: 1.75rem; align-items: center; grid-template-areas: "icon text" "divider divider";} #focusonfunctional .focus-grid .focus-on .focus-list .focus-item .focus-icon {grid-area: icon;} #focusonfunctional .focus-grid .focus-on .focus-list .focus-item .focus-text {grid-area: text;} #focusonfunctional .focus-grid .focus-on .focus-list .focus-item .focus-divider {grid-area: divider; width: 100%; margin-top: 0.5rem;} #focusonfunctional .focus-grid .focus-on .focus-list .focus-item .focus-icon {width: 80px; height: 80px; display: flex; align-items: center; justify-content: center;} #focusonfunctional .focus-grid .focus-on .focus-list .focus-item .focus-icon img {width: 100%; height: 100%; object-fit: contain;} #focusonfunctional .focus-grid .focus-on .focus-list .focus-item .focus-text {font-size: 22px; line-height: 30px; font-family: 'proxima-nova'; font-weight: 600; color:#fff;} #focusonfunctional .focus-grid .cta-card {background: #292D52; border-radius: 0 80px 0 0; padding: 40px; display: flex; flex-direction: column; gap: 24px;} #focusonfunctional .focus-grid .cta-card h3 {font-size: 34px; line-height: 42px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none;} #focusonfunctional .focus-grid .cta-card .button-group {display: flex; flex-direction: column; gap: 10px; } #focusonfunctional .focus-grid .cta-card .button-group .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #focusonfunctional .focus-grid .cta-card .button-group .cta-btn-ghost {border:2px solid #C8FF00; background: transparent; color: #C8FF00; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #focusonfunctional .focus-grid .cta-card .cta-link {font-size: 20px; line-height: 28px; color:#fff; font-weight: 700; font-family: 'proxima-nova'; letter-spacing: -0.2px; } #focusonfunctional .focus-grid .cta-card .btn-arrow {position: relative; left: 58%; } #focusonfunctional .focus-grid .cta-card .group-icon {position: relative; left: 52%; } #focusonfunctional .focus-grid .cta-card .cta-link span {position: relative; left: 24%; } #deanheaderpaula {padding-top: 5%;background: #292D52; border-radius: 0 80px 0 0; padding: 24px 80px; } #deanheaderpaula .dean-header {padding: 0 45px 0;} #deanheaderpaula .dean-header h4 {font-size: 28px; line-height: 36px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none; } #meetdeanpaula {padding-bottom: 5%; background: linear-gradient(180deg, rgba(80, 88, 160, 0.75) 0%, rgba(00, 13, 26, 0.75) 100%), #000D1A;} #meetdeanpaula .dean-card .dean-body {padding: 60px 45px 40px; } #meetdeanpaula .dean-card .dean-body .dean-profile {display: flex; gap: 18px; align-items: center;} #meetdeanpaula .dean-card .dean-body .dean-profile .dean-photo {width: 240px; height: 240px; flex-shrink: 0;} #meetdeanpaula .dean-card .dean-body .dean-profile .dean-photo img {width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; } #meetdeanpaula .dean-card .dean-body .dean-profile .dean-info h2 {font-size: 64px; line-height: 72px; font-family: 'proxima-nova'; color: #fff; font-weight: 600; text-transform: none;} #meetdeanpaula .dean-card .dean-body .dean-profile .dean-info .title {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none; letter-spacing: -0.2px; width: 65%; } #meetdeanpaula .dean-card .dean-body .divider {width: 100%; height: 4px; background: #5058A0; margin: 22px 0; } #meetdeanpaula .dean-card .dean-body .dean-bio {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; } #meetdeanpaula .dean-card .dean-body .dean-bio .dean-bio-col p {font-size: 20px; line-height: 28px; color:#fff; font-weight: 400; font-family: 'proxima-nova';} /* Organizational Impact */ #dimorganizational-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-organizational-hero-bg_1791993055031001Evli.jpg) no-repeat top center / cover #020303; height: 400px; margin-top: 4%;} #dimorganizational-hero .homehero .hero-card {display: flex; flex-direction: column; width: 70%; margin-top: 8%; } #dimorganizational-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimorganizational-hero .homehero h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimorganizational-hero .homehero h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimorganizational-hero .homehero .eyebrow {font-size: 18px; line-height: 26px; color: hsl(197.027deg 72.549% 80%);; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimorganizational-hero .homehero .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:20px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0 16px 0 0;} #dimorganizational-hero .homehero .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 20px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0 16px 0 0;} #dimorganizational-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #whatisorganizational {padding-top: 5%; padding-bottom: 5%; position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-dim-whatis-bg_1792070893405001uK2i.jpg) no-repeat top center / cover #020303;} #whatisorganizational .top-section {display: grid; grid-template-columns: 1fr 1fr; gap: 25px;} #whatisorganizational .top-section .left-content .dimbadge {width: 300px; height: 300px; margin-bottom: 40px; display: flex; align-items: center; justify-content: center;} #whatisorganizational .top-section .left-content .dimbadge img {width: 100%; height: 100%; object-fit: contain;} #whatisorganizational .top-section .left-content h2 {font-size: 64px; line-height: 72px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; } #whatisorganizational .top-section .left-content p {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 400; text-transform: none; letter-spacing: -0.2px; width: 90%; } #whatisorganizational .top-section .left-content .dive-into {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #0076BE; font-weight: 700; text-transform: none; letter-spacing: -0.2px; } #whatisorganizational .top-section .profile-card {position: relative; background: #fff; border-radius: 0 80px 0 0; box-shadow: 0 24px 40px 0 rgba(0, 25, 51, 0.16);} #whatisorganizational .top-section .profile-card .profile-img {display: flex; align-items: center; justify-content: center; width: 100%; } #whatisorganizational .top-section .profile-card .profile-img img {width: 100%; height: 100%; object-fit: cover; border-radius: 0 80px 0 0;} #whatisorganizational .top-section .profile-card .profile {display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; padding: 40px; gap: 10px;} #whatisorganizational .top-section .profile-card .profile-label {font-size: 18px; line-height: 26px; font-family: 'proxima-nova'; color: #0076BE; font-weight: 600; text-transform: none; letter-spacing: -0.36px; } #whatisorganizational .top-section .profile-card .profile-title {font-size: 22px; line-height: 30px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 700; text-transform: none; } #whatisorganizational .top-section .profile-card .profile-name {font-size: 48px; line-height: 56px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; } #whatisorganizational .top-section .profile-card .profile-creds {font-size: 14px; line-height: 22px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 700; text-transform: none; } #whatisorganizational .top-section .profile-card .profile-creds span {display: block;} #whatisorganizational .profile-cta {width: 100%; position: absolute; left: 0; bottom: 0; border-left: 4px solid #0076BE;} #whatisorganizational .profile-cta .profile-further {display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; width: 100%; min-height: 32px; padding: 30px; font-family: 'proxima-nova'; font-size: 20px; line-height: 28px; font-weight: 700; text-transform: uppercase; transition: background-color 0.2s ease; background: rgba(0, 118, 190, 0.08); color:#0076BE} #whatisorganizational .profile-cta .profile-arrow {display: flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #0076BE;} #whatisorganizational .profile-cta .profile-arrow svg {display: block; width: 14px; height: 14px; fill: none; stroke: #0076BE; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; stroke: #0076BE;} #whatisorganizational .bottom-section {margin-top: 7%; display: grid; grid-template-columns: auto 4px 1fr; gap: 1.5rem; align-items: center; border-top: 1px solid rgba(0,0,0,0.16); padding-top: 50px;} #whatisorganizational .bottom-section h3 {font-size: 34px; line-height: 42px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; text-align: left; grid-column: 1; grid-row: 1; max-width: 300px; } #whatisorganizational .bottom-section .info-border {width: 4px; background: #5058A0; grid-column: 2; grid-row: 1; min-height: 100%; position: relative; right: 50px; } #whatisorganizational .bottom-section p {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 300; text-transform: none; letter-spacing: -0.2px; grid-column: 3; grid-row: 1;} #fourdaysorganizational {padding-top: 5%; padding-bottom: 5%; position: relative; background: #f2f0e4;} #fourdaysorganizational .title .eyebrow {font-size: 18px; line-height: 26px; font-family: 'proxima-nova'; color: #0076BE; font-weight: 600; text-transform: none; letter-spacing: -0.36px; } #fourdaysorganizational .title h3 {font-size: 34px; line-height: 42px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; width: 80%; } #fourdaysorganizational .cards-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 5%; } #fourdaysorganizational .cards-grid .card {display: flex; padding: 40px; gap: 32px; border-top: 4px solid #0076BE; } #fourdaysorganizational .cards-grid .card .card:nth-child(odd) {border-top: 4px solid #0076BE; } #fourdaysorganizational .cards-grid .card .card-icon {width: 60px; height: 60px; display: flex; justify-content: center; flex-shrink: 0;} #fourdaysorganizational .cards-grid .card .card-icon img {width: 60px; height: 60px; object-fit: contain;} #fourdaysorganizational .cards-grid .card .card-content {flex: 1;} #fourdaysorganizational .cards-grid .card .card-content .card-title {font-size: 28px; line-height: 36px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none;} #fourdaysorganizational .cards-grid .card .card-content .card-desc {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #020303; font-weight: 300; text-transform: none; letter-spacing: -0.2px;} #focusonorganizational {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-organizational-focus-on-bg_1792173533900001OztL.png) no-repeat top center / cover #f2f0e4;} #focusonorganizational .focus-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center;} #focusonorganizational .focus-grid .focus-on h2 {font-size: 48px; line-height: 56px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none;} #focusonorganizational .focus-grid .focus-on .focus-list {list-style: none; margin-left: -60px; margin-top: 30px; } #focusonorganizational .focus-grid .focus-on .focus-list .focus-item {display: grid; grid-template-columns: auto 1fr; gap: 1rem; margin-bottom: 1.75rem; align-items: center; grid-template-areas: "icon text" "divider divider";} #focusonorganizational .focus-grid .focus-on .focus-list .focus-item .focus-icon {grid-area: icon;} #focusonorganizational .focus-grid .focus-on .focus-list .focus-item .focus-text {grid-area: text;} #focusonorganizational .focus-grid .focus-on .focus-list .focus-item .focus-divider {grid-area: divider; width: 100%; margin-top: 0.5rem; stroke: #CFCCC9;} #focusonorganizational .focus-grid .focus-on .focus-list .focus-item .focus-icon {width: 80px; height: 80px; display: flex; align-items: center; justify-content: center;} #focusonorganizational .focus-grid .focus-on .focus-list .focus-item .focus-icon img {width: 100%; height: 100%; object-fit: contain;} #focusonorganizational .focus-grid .focus-on .focus-list .focus-item .focus-text {font-size: 22px; line-height: 30px; font-family: 'proxima-nova'; font-weight: 600; color:#fff;} #focusonorganizational .focus-grid .cta-card {background: #003B5E; border-radius: 0 80px 0 0; padding: 40px; display: flex; flex-direction: column; gap: 24px;} #focusonorganizational .focus-grid .cta-card h3 {font-size: 34px; line-height: 42px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none;} #focusonorganizational .focus-grid .cta-card .button-group {display: flex; flex-direction: column; gap: 10px; } #focusonorganizational .focus-grid .cta-card .button-group .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #focusonorganizational .focus-grid .cta-card .button-group .cta-btn-ghost {border:2px solid #C8FF00; background: transparent; color: #C8FF00; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #focusonorganizational .focus-grid .cta-card .cta-link {font-size: 20px; line-height: 28px; color:#fff; font-weight: 700; font-family: 'proxima-nova'; letter-spacing: -0.2px; } #focusonorganizational .focus-grid .cta-card .btn-arrow {position: relative; left: 58%; } #focusonorganizational .focus-grid .cta-card .group-icon {position: relative; left: 52%; } #focusonorganizational .focus-grid .cta-card .cta-link span {position: relative; left: 24%; } #deanheaderginnie {padding-top: 5%;background: #003B5E; border-radius: 0 80px 0 0; padding: 24px 80px; } #deanheaderginnie .dean-header {padding: 0 45px 0;} #deanheaderginnie .dean-header h4 {font-size: 28px; line-height: 36px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none; } #meetdeanginnie {padding-bottom: 5%; background: linear-gradient(180deg, rgba(0, 59, 94, 0.75) 0%, rgba(0, 13, 26, 0.75) 100%), #000D1A;} #meetdeanginnie .dean-card .dean-body {padding: 60px 45px 40px; } #meetdeanginnie .dean-card .dean-body .dean-profile {display: flex; gap: 18px; align-items: center;} #meetdeanginnie .dean-card .dean-body .dean-profile .dean-photo {width: 240px; height: 240px; flex-shrink: 0;} #meetdeanginnie .dean-card .dean-body .dean-profile .dean-photo img {width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; } #meetdeanginnie .dean-card .dean-body .dean-profile .dean-info h2 {font-size: 64px; line-height: 72px; font-family: 'proxima-nova'; color: #fff; font-weight: 600; text-transform: none;} #meetdeanginnie .dean-card .dean-body .dean-profile .dean-info .title {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none; letter-spacing: -0.2px;} #meetdeanginnie .dean-card .dean-body .divider {width: 100%; height: 4px; background: #0076BE; margin: 22px 0; } #meetdeanginnie .dean-card .dean-body .dean-bio {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; } #meetdeanginnie .dean-card .dean-body .dean-bio .dean-bio-col p {font-size: 20px; line-height: 28px; color:#fff; font-weight: 400; font-family: 'proxima-nova';} /* Market Discernment */ #dimmarket-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-market-hero-bg_1791998682593001CglI.jpg) no-repeat top center / cover #020303; height: 400px; margin-top: 4%;} #dimmarket-hero .homehero .hero-card {display: flex; flex-direction: column; width: 70%; margin-top: 8%; } #dimmarket-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimmarket-hero .homehero h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimmarket-hero .homehero h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimmarket-hero .homehero .eyebrow {font-size: 18px; line-height: 26px; color: hsl(197.027deg 72.549% 80%);; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #dimmarket-hero .homehero .cta-btn-ghost {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size:20px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0 16px 0 0;} #dimmarket-hero .homehero .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 20px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0 16px 0 0;} #dimmarket-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #whatismarket {padding-top: 5%; padding-bottom: 5%; position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-dim-whatis-bg_1792070893405001uK2i.jpg) no-repeat top center / cover #020303;} #whatismarket .top-section {display: grid; grid-template-columns: 1fr 1fr; gap: 25px;} #whatismarket .top-section .left-content .dimbadge {width: 300px; height: 300px; margin-bottom: 40px; display: flex; align-items: center; justify-content: center;} #whatismarket .top-section .left-content .dimbadge img {width: 100%; height: 100%; object-fit: contain;} #whatismarket .top-section .left-content h2 {font-size: 64px; line-height: 72px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; } #whatismarket .top-section .left-content p {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 400; text-transform: none; letter-spacing: -0.2px; width: 90%; } #whatismarket .top-section .left-content .dive-into {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #1B3C69; font-weight: 700; text-transform: none; letter-spacing: -0.2px; } #whatismarket .top-section .profile-card {position: relative; background: #fff; border-radius: 0 80px 0 0; box-shadow: 0 24px 40px 0 rgba(0, 25, 51, 0.16);} #whatismarket .top-section .profile-card .profile-img {display: flex; align-items: center; justify-content: center; width: 100%; } #whatismarket .top-section .profile-card .profile-img img {width: 100%; height: 100%; object-fit: cover; border-radius: 0 80px 0 0;} #whatismarket .top-section .profile-card .profile {display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; padding: 40px; gap: 10px;} #whatismarket .top-section .profile-card .profile-label {font-size: 18px; line-height: 26px; font-family: 'proxima-nova'; color: #1B3C69; font-weight: 600; text-transform: none; letter-spacing: -0.36px; } #whatismarket .top-section .profile-card .profile-title {font-size: 22px; line-height: 30px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 700; text-transform: none; } #whatismarket .top-section .profile-card .profile-name {font-size: 48px; line-height: 56px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; } #whatismarket .top-section .profile-card .profile-creds {font-size: 14px; line-height: 22px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 700; text-transform: none; } #whatismarket .top-section .profile-card .profile-creds span {display: block;} #whatismarket .profile-cta {width: 100%; position: absolute; left: 0; bottom: 0; border-left: 4px solid #1B3C69;} #whatismarket .profile-cta .profile-further {display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; width: 100%; min-height: 32px; padding: 30px; font-family: 'proxima-nova'; font-size: 20px; line-height: 28px; font-weight: 700; text-transform: uppercase; transition: background-color 0.2s ease; background: rgba(27, 60, 105, 0.08); color:#1B3C69} #whatismarket .profile-cta .profile-arrow {display: flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; border: 1px solid #1B3C69;} #whatismarket .profile-cta .profile-arrow svg {display: block; width: 14px; height: 14px; fill: none; stroke: #1B3C69; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; stroke: #1B3C69;} #whatismarket .bottom-section {margin-top: 7%; display: grid; grid-template-columns: auto 4px 1fr; gap: 1.5rem; align-items: center; border-top: 1px solid rgba(0,0,0,0.16); padding-top: 50px;} #whatismarket .bottom-section h3 {font-size: 34px; line-height: 42px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; text-align: left; grid-column: 1; grid-row: 1; max-width: 300px; } #whatismarket .bottom-section .info-border {width: 4px; background: #1B3C69; grid-column: 2; grid-row: 1; min-height: 100%; position: relative; right: 50px; } #whatismarket .bottom-section p {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #2E3338; font-weight: 300; text-transform: none; letter-spacing: -0.2px; grid-column: 3; grid-row: 1;} #fourdaysmarket {padding-top: 5%; padding-bottom: 5%; position: relative; background: #f2f0e4;} #fourdaysmarket .title .eyebrow {font-size: 18px; line-height: 26px; font-family: 'proxima-nova'; color: #1B3C69; font-weight: 600; text-transform: none; letter-spacing: -0.36px; } #fourdaysmarket .title h3 {font-size: 34px; line-height: 42px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none; width: 80%; } #fourdaysmarket .cards-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 5%; } #fourdaysmarket .cards-grid .card {display: flex; padding: 40px; gap: 32px; border-top: 4px solid #1B3C69; } #fourdaysmarket .cards-grid .card .card:nth-child(odd) {border-top: 4px solid #1B3C69; } #fourdaysmarket .cards-grid .card .card-icon {width: 60px; height: 60px; display: flex; justify-content: center; flex-shrink: 0;} #fourdaysmarket .cards-grid .card .card-icon img {width: 60px; height: 60px; object-fit: contain;} #fourdaysmarket .cards-grid .card .card-content {flex: 1;} #fourdaysmarket .cards-grid .card .card-content .card-title {font-size: 28px; line-height: 36px; font-family: 'proxima-nova'; color: #020303; font-weight: 700; text-transform: none;} #fourdaysmarket .cards-grid .card .card-content .card-desc {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #020303; font-weight: 300; text-transform: none; letter-spacing: -0.2px;} #focusonmarket {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-market-focus-on-bg_1792174552611001eODl.png) no-repeat top center / cover #f2f0e4;} #focusonmarket .focus-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center;} #focusonmarket .focus-grid .focus-on h2 {font-size: 48px; line-height: 56px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none;} #focusonmarket .focus-grid .focus-on .focus-list {list-style: none; margin-left: -60px; margin-top: 30px; } #focusonmarket .focus-grid .focus-on .focus-list .focus-item {display: grid; grid-template-columns: auto 1fr; gap: 1rem; margin-bottom: 1.75rem; align-items: center; grid-template-areas: "icon text" "divider divider";} #focusonmarket .focus-grid .focus-on .focus-list .focus-item .focus-icon {grid-area: icon;} #focusonmarket .focus-grid .focus-on .focus-list .focus-item .focus-text {grid-area: text;} #focusonmarket .focus-grid .focus-on .focus-list .focus-item .focus-divider {grid-area: divider; width: 100%; margin-top: 0.5rem;} #focusonmarket .focus-grid .focus-on .focus-list .focus-item .focus-icon {width: 80px; height: 80px; display: flex; align-items: center; justify-content: center;} #focusonmarket .focus-grid .focus-on .focus-list .focus-item .focus-icon img {width: 100%; height: 100%; object-fit: contain;} #focusonmarket .focus-grid .focus-on .focus-list .focus-item .focus-text {font-size: 22px; line-height: 30px; font-family: 'proxima-nova'; font-weight: 600; color:#fff;} #focusonmarket .focus-grid .cta-card {background: #0E1E35; border-radius: 0 80px 0 0; padding: 40px; display: flex; flex-direction: column; gap: 24px;} #focusonmarket .focus-grid .cta-card h3 {font-size: 34px; line-height: 42px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none;} #focusonmarket .focus-grid .cta-card .button-group {display: flex; flex-direction: column; gap: 10px; } #focusonmarket .focus-grid .cta-card .button-group .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #focusonmarket .focus-grid .cta-card .button-group .cta-btn-ghost {border:2px solid #C8FF00; background: transparent; color: #C8FF00; font-size: 18px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 0 16px 0 0;} #focusonmarket .focus-grid .cta-card .cta-link {font-size: 20px; line-height: 28px; color:#fff; font-weight: 700; font-family: 'proxima-nova'; letter-spacing: -0.2px; } #focusonmarket .focus-grid .cta-card .btn-arrow {position: relative; left: 58%; } #focusonmarket .focus-grid .cta-card .group-icon {position: relative; left: 52%; } #focusonmarket .focus-grid .cta-card .cta-link span {position: relative; left: 24%; } #deanheadermarlon {padding-top: 5%;background: #0E1E35; border-radius: 0 80px 0 0; padding: 24px 80px; } #deanheadermarlon .dean-header {padding: 0 45px 0;} #deanheadermarlon .dean-header h4 {font-size: 28px; line-height: 36px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none; } #meetdeanmarlon {padding-bottom: 5%; background: linear-gradient(180deg, rgba(0, 59, 94, 0.75) 0%, rgba(0, 13, 26, 0.75) 100%), #000D1A;} #meetdeanmarlon .dean-card .dean-body {padding: 60px 45px 40px; } #meetdeanmarlon .dean-card .dean-body .dean-profile {display: flex; gap: 18px; align-items: center;} #meetdeanmarlon .dean-card .dean-body .dean-profile .dean-photo {width: 240px; height: 240px; flex-shrink: 0;} #meetdeanmarlon .dean-card .dean-body .dean-profile .dean-photo img {width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; } #meetdeanmarlon .dean-card .dean-body .dean-profile .dean-info h2 {font-size: 64px; line-height: 72px; font-family: 'proxima-nova'; color: #fff; font-weight: 600; text-transform: none;} #meetdeanmarlon .dean-card .dean-body .dean-profile .dean-info .title {font-size: 20px; line-height: 28px; font-family: 'proxima-nova'; color: #fff; font-weight: 700; text-transform: none; letter-spacing: -0.2px;} #meetdeanmarlon .dean-card .dean-body .divider {width: 100%; height: 4px; background: #0076BE; margin: 22px 0; } #meetdeanmarlon .dean-card .dean-body .dean-bio {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; } #meetdeanmarlon .dean-card .dean-body .dean-bio .dean-bio-col p {font-size: 20px; line-height: 28px; color:#fff; font-weight: 400; font-family: 'proxima-nova';} /* Tell Me More */ #more {padding-top: 5%; padding-bottom: 5%; background: linear-gradient(103deg, #004B99 25.53%, #001933 85.21%); background-blend-mode: darken, color;} #more .tell-more-main {display: flex; justify-content: center; align-items: center;} #more .tell-more-title {display: flex; justify-content: center; align-items: center; text-align: right; padding-right: 50px; } #more .tell-more-title h2 {font-weight: 700;font-size: 64px; text-transform: uppercase; line-height: 64px; font-family: 'proxima-nova'; } #more .tell-more-title .tell {display: block; color:#C8FF00; font-size: 64px;} #more .tell-more-title .more {display: block; color:transparent; font-size: 64px; -webkit-text-stroke: 2px #C8FF00; } #more .tell-more-divider {width: 4px;height: 140px;flex-shrink: 0;background: #C8FF00;margin-right: 40px;} #more .tell-more-content {max-width: 520px; } #more .tell-more-content p {font-weight: 400;font-size: 20px; color: #fff; line-height: 26px; font-family: 'proxima-nova'; text-align: left; } #more .tell-more-content .btn-cta {background: #007DFF; color: #fff; padding: 8px 24px; border: 1px solid #007DFF; font-weight: 700; text-transform: none; font-size: 18px; font-family: 'proxima-nova'; border-radius: 0 16px 0 0;} /* Footer */ #footer {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-footer-bg_1788357729768001SrJ3.jpg) no-repeat bottom center / cover #ffffff;} #footer p {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; } #footer .links {float:left; margin-top: 5%; margin-left: -15px; display: flex; gap: 10px; } #footer .social {float:right; } #footer .links {color:#fff;} #footer .links a {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; text-decoration: underline; } #footer .fineprint p {text-align: left; width: 35%; } #footer .logo {display: flex; gap: 30px; } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (max-width : 767px) { #navbar.navbar {top: 75px; } #navbar.navbar .container .navbar-header {height: 80px; } #navbar.navbar .container a.navbar-brand {width: 55%; } #hrxheader #block-block-23 {display: flex; gap: 10px; } #navbar.navbar .container button.navbar-toggle {top: 25px; } #hrxheader #navbar.navbar {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-header-bg-mobile_1788446839318001Yf56.jpg) no-repeat bottom center / cover #ffffff; } #hrxheader .navbar-default .navbar-toggle .icon-bar {background-color: #fff; } #hrxheader #block-block-23 .cta-btn-ghost {border:2px solid #007DFF!important; background: #007DFF!important; color: #fff!important; font-size: 14px!important; text-transform: none; padding: 4px 8px; font-weight: 700; border-radius: 0 16px 0 0; font-family: 'proxima-nova';} #hrxheader #block-block-23 .btn-primary {border:2px solid #C8FF00!important; background: #C8FF00!important; color: #020303!important; font-size: 14px; text-transform: none; padding: 4px 8px; font-weight: 700; border-radius: 0 16px 0 0; font-family: 'proxima-nova';} .caret {display: none!important; } .mobile {display: block} .desktop {display: none; } #announcement {top: 80px; } #announcement .message {font-size: 18px; } /* Home */ #home-hero {height: 590px; } #home-hero .homehero {padding-top: 10%; } #home-hero .homehero .hero-card {margin-top: 25%; } #home-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #home-hero .homehero .cta {text-align: center; display: grid;} #home-hero .homehero .cta-btn-ghost {margin-left: 0; } #video-hero {height: 910px; } #video-hero .hero-card {width: 100%; padding: 20px; } #video-hero .hero-card .cta {text-align: center; display: grid;} #video-hero .hero-card h1{font-size: 50px; line-height: 58px; letter-spacing: normal;} #video-hero .hero-card p {width: 100%; } #bamboo {padding-top: 5%; padding-bottom: 5%; } #bamboo .message img {width: 65%; right: 0; } #deans {padding-bottom: 15%; padding-left: 20px; padding-right: 20px; } #deans .title h2 {font-size: 40px; line-height: 48px; } #deans .d-grid {grid-template-columns: 1fr; gap: 25px; } #deans .cta {flex-direction: column; text-align: center; } .modal-body {height: auto; } #hr-change .content-column {width: 100%; } #hr-change .top-content, #hr-change .bottom-content {padding: 20px; } #hr-change .img-overlay {position: relative; width: calc(100% + 50px); margin: 40px -25px 0; height: auto;} #hr-change .img-overlay img {position: relative; width: 100%; height: auto; object-fit: contain; } #hr-change .content-block h2 {font-size: 48px; line-height: 56px; } #hr-change .cta {text-align: center; margin-top: 0; } #hr-change .bottom-content .cta {flex-direction: column; text-align: center; } #hr-change .bottom-content {margin-top: 0; } #earnit {padding-bottom: 15%; } #earnit .title {width: 100%; padding: 20px; } #earnit .cred-grid {grid-template-columns: 1fr; gap: 25px; padding: 20px; } #earnit .title h3 {font-size: 40px; line-height: 48px; } #earnit .title h2 {font-size: 48px; line-height: 56px; } #earnit .mt-100 {margin-top: 20px; } #earnit .c-img {width: auto; } #earnit .cta {flex-direction: column; padding: 20px; } #seats {padding-bottom: 15%; } #seats .title {text-align: center;} #seats .content {text-align: center; border-left: none; padding: 0; } #seats h2 {font-size: 40px; line-height: 48px;} #seats .content h4 {font-size: 24px; line-height: 32px;} #seats .p-card .eyebrow {font-size: 24px; line-height: 32px;} #seats .p-card .price {font-size: 54px; line-height: 62px; } #seats .p-card .desc {width: 100%; } #seats .disclaimer {padding: 10px; text-align: center;} #joinbamboo {padding-bottom: 15%; } #joinbamboo .c-card {margin-bottom: 25px; } #joinbamboo h4 {font-size: 24px; line-height: 32px;} /*Footer */ #footer {padding-top: 15%; padding-bottom: 15%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-footer-bg-mobile_1788446839400001YkDk.jpg) no-repeat bottom center / cover #ffffff;} #footer p {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; } #footer .links {margin-top: 5%; margin-left: -15px; } #footer .social {float:left; margin-top: 10px; } #footer .links {color:#fff;} #footer .links a {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; text-decoration: underline; } #footer .fineprint p {text-align: left; width: 100%; } #footer .logo {display: grid; padding: 10px; margin-top: -60px; gap: 30px;} /* Tell Me More */ #more .tell-more-main {padding: 30px;} #more .tell-more-title {flex: 0 0 40%; text-align: center; } #more .tell-more-title h2 {font-size: 32px;} #more .tell-more-divider {height: auto; margin-right: auto; width: auto; border-top: 4px solid #C8FF00; margin-bottom: 20px; margin-top: 20px; } #more .tell-more-footer {padding: 20px; height: 160px; } #more .tell-more-main {display: block; } /* Rates */ #rates-hero {height: 790px; } #rates-hero .homehero {padding-top: 10%; } #rates-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #rates-hero .homehero .cta {flex-direction: column; text-align: center; } #rates-hero .homehero .hero-card, #rates-hero .homehero p {width: 100%; } #regforhrx {padding-bottom: 15%; } #regforhrx .r-img img {width: 100%; } #regforhrx h2 {font-size: 40px; line-height: 48px; } #regincludes {padding-bottom: 15%; } #regincludes .ri-grid {grid-template-columns: 1fr; } #regincludes .ri-content h4 {font-size: 24px; line-height: 32px;} #regincludes .cta {flex-direction: column; padding: 10px; } #pass {padding-bottom: 15%; } #pass .rb-grid {padding: 30px; grid-template-columns: 1fr; width: 100%; } #pass .ratebox .price {font-size: 54px; line-height: 62px; } #pass .ratebox {min-height: 360px; } #pass .disclaimer {padding: 20px; } #bringteam {padding-bottom: 15%; background: #020303; } #bringteam h2 {font-size: 54px; line-height: 62px; } #bringteam h4 {font-size: 24px; line-height: 32px;} #bringteam .p-card .eyebrow {font-size: 24px; line-height: 32px;} #bringteam .p-card .price {font-size: 54px; line-height: 62px; } #shrmenx {padding-bottom: 15%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-enx-bg-mobile_1789398487120001gEf1.jpg) no-repeat bottom center / cover #020303;} #shrmenx .enx-card {width: 100%; padding: 20px; } #shrmenx h2 {font-size: 54px; line-height: 62px; } #cancelpolicy {padding: 0 15px 15% 15px; } #cancelpolicy h3 {font-size: 26px; line-height: 34px;} /* Program Overview */ #program-hero {height: 560px; } #program-hero .homehero {padding-top: 10%; } #program-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #program-hero .homehero .cta {flex-direction: column; text-align: center; } #journey .j-inner {min-height: auto; display: flex; flex-direction: column; } #journey .j-img {position: relative; width: 100%; height: auto; top: 0; left: 0; } #journey .j-img img {width: 100%; height: auto; object-fit: contain; } #journey .j-content {width: 100%; margin: 0; padding: 30px 25px 50px; } #journey .j-block h4 {font-size: 24px; line-height: 32px; } #dimension {padding-bottom: 15%; } #dimension .d-grid {grid-template-columns: 1fr; padding: 20px; } #dimension .d-card {padding: 25px; } #dimension .d-card h2 {font-size: 32px; line-height: 40px; } #dimension .d-card .icon {width: 30%; margin-left: 0; right: 0; top: 32%; } #dimension .d-card .card-top .title-area {padding-left: 0; } #dimension .d-card .card-top .title-area::before {width: auto; } #dimension .d-card .content p {font-size: 18px; line-height: 26px; } #formattitle .f-card {padding: 10px; } #formattitle .f-card h2 {font-size: 54px; line-height: 62px; } #format .f-grid {grid-template-columns: 1fr; padding: 20px; } #format .f-card h3 {font-size: 28px; line-height: 36px; } #format .f-card h4 {font-size: 22px; line-height: 30px;} #format .f-card {margin-top: 20px; margin-bottom: 20px; } #leavewith {padding-bottom: 15%; background: #f2f0e4; } #leavewith .l-card {width: 100%; padding: 20px; } #leavewith h2 {font-size: 40px; line-height: 48px;} /* Sponsorships */ #sponsor-hero {height: auto; padding-bottom: 15%; } #sponsor-hero .homehero {padding-top: 10%; } #sponsor-hero .homehero h1 {font-size: 40px; line-height: 48px; letter-spacing: normal;} #sponsor-hero .homehero h4 {font-size: 24px; line-height: 32px; } #sponsor-hero .homehero .cta {text-align: center; display: grid;} #sponsor-hero .homehero .cta-btn-ghost {margin-left: 0; } #opportunities {padding-top: 10%; padding-bottom: 15%;} #opportunities .sectiontitle {flex-direction: column; align-items: flex-start;} #opportunities .title-line {width: 100%;} #opportunities .s-groups {gap: 0; } #opportunities .s-outer {padding: 15px; } #opportunities .s-outer-header span.title {font-size: 22px; line-height: 30px; } #opportunities .s-answer .card {padding: 0; } #opportunities .s-answer .card .availability {position: static; display: inline-block; margin-bottom: 20px;} #opportunities .s-answer .card .description {width: 100%; } #opportunities .s-answer .card .name {font-size: 40px; line-height: 48px; max-width: 100%; } #opportunities .s-answer .card .price {font-size: 24px; line-height: 32px; } #opportunities .s-answer .card .title-line {flex:none; top: -15px;} #opportunities .s-answer {padding: 20px; } #partnerModal .modal-dialog {width: auto;} #partnerModal .modal-body {height: auto;} /*Exhibits */ #exhibits-hero {height: auto; padding-bottom: 15%; } #exhibits-hero .homehero {padding-top: 10%; } #exhibits-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #exhibits-hero .homehero h4 {font-size: 24px; line-height: 32px; } #exhibits-hero .homehero .cta {text-align: center; display: grid;} #exhibits-hero .homehero .cta-btn-ghost {margin-left: 0; } #stats {padding-bottom: 10%;} #stats .s-grid {grid-template-columns: 1fr; gap: 15px; padding: 20px; } #stats .s-featured .s-number {font-size: 54px; line-height: 62px} #sticky {display: none; } #booth-grid {padding-bottom: 15%;} #booth-grid .included-container {margin-top: 25px; height: auto; padding-left:0; padding-right: 0; padding: 25px; } #booth-grid h3 {font-size: 26px; line-height: 34px;} #booth-grid .unstripetable td, .unstripetable th {font-size: 18px; } #booth-grid .unstripetable th {font-size: 20px; } #booth-grid .item img {width: 65%; } #booth-grid .notincluded {text-align: center; } #selling {padding-bottom: 10%;} #selling .b-card {text-align: center; } #resources {padding-bottom: 15%;} #resources h2 {font-size: 40px; line-height: 48px; } #resources .r-grid {grid-template-columns: 1fr; gap: 20px; } #resources .r-content h4 {font-size: 24px; line-height: 32px; } #schedule {padding-bottom: 15%;} #schedule h2 {font-size: 40px; line-height: 48px; } #enhance .e-card {width: 100%; padding: 25px; } #enhance .cta-btn {font-size: 16px; } /* HR-X Live Article */ #transform-hero {height: 460px; } #transform-hero .homehero {padding-top: 10%; } #transform-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #transform-hero .homehero .cta {flex-direction: column; text-align: center; } #hrxarticle {padding-bottom: 15%; } #hrxarticle .a-card {padding: 0 20px; gap: 10px; } #hrxarticle h2 {font-size: 40px; line-height: 48px; } #hrxarticle h3 {font-size: 26px; line-height: 34px;} #hrxarticle .img-row {flex-direction: column; gap: 20px; } #hrxarticle .v-container {flex-direction: column; gap: 30px; padding: 0 10px; } #hrxarticle .v-copy, #hrxarticle .d-video {width: 100%;} #hrxarticle .cred-grid {grid-template-columns: 1fr; } #hrxloc .c-card {width: 100%; } #hrxloc h2 {font-size: 54px; line-height: 62px; } #hrxloc h3 {font-size: 26px; line-height: 34px;} #hrxloc .cta {width: 100%;} /* Hotel */ #hotel-hero {height: 570px; } #hotel-hero .homehero {padding-top: 10%; } #hotel-hero .homehero .hero-card {margin-top: 10%; width: 100%; } #hotel-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #hotel-hero .homehero h4 {font-size: 24px; line-height: 32px; } #travel {padding-bottom: 15%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-llive-travel-section-bg_1789398121978001BuIw.jpg) no-repeat top center / cover #020303;} #travel .content-column {width: 100%; padding: 20px; } #travel .content-block h2, #travel .title h2 {margin: 0; font-size: 40px; line-height: 48px;} #travel .content-block h3 {margin: 0; font-size: 26px; line-height: 34px;} #travel .t-grid {grid-template-columns: 1fr; padding: 20px; } #travel .t-content h4 {font-size: 22px; line-height: 30px;} #todo {padding-bottom: 15%; } #todo .title {padding: 20px; } #todo .title h2 {font-size: 54px; line-height: 62px; } #todo .td-card {flex-direction: column; } #todo .td-img {aspect-ratio: 0; margin-top: 25px; } #todo .td-content {width: 100%; gap: 0; padding: 5px; } #todo .td-content h2 {font-size: 40px; line-height: 48px;} #todo .cta {margin-top: 25px; } /* Event Policies */ #evpolicy-hero {height: 460px; } #evpolicy-hero .homehero {padding-top: 10%; } #evpolicy-hero .homehero .hero-card {margin-top: 50%; } #evpolicy-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #epolicy .content {padding: 20px; } #epolicy h4 {font-size: 24px; line-height: 32px; } /* In-Person */ #inperson-hero {height: 520px; } #inperson-hero .homehero {padding-top: 10%; } #inperson-hero .homehero .hero-card {margin-top: 10%; width: 100%; padding: 20px; } #inperson-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #inperson-hero .homehero h4 {font-size: 24px; line-height: 32px; } #hrxtogivemore .content-column {width: 100%; } #hrxtogivemore .top-content, #hr-change .bottom-content {padding: 20px; } #hrxtogivemore .img-overlay {position: relative; width: calc(100% + 50px); margin: 0px 115px 0; height: auto; top: -18px; } #hrxtogivemore .img-overlay img {position: relative; width: 100%; height: auto; object-fit: contain; } #hrxtogivemore .content-block h2 {font-size: 48px; line-height: 56px; } #hrxtogivemore .cta {text-align: center; margin-top: 40px; } #hrxtogivemore .bottom-content {padding: 15px; margin-top: 0; } #hrxtogivemore .content-block h3 {margin: 0; font-size: 26px; line-height: 34px;} #hrxtogivemore .bottom-content h3, #hrxtogivemore .bottom h3 {margin: 0; font-size: 26px; line-height: 34px; width: 100%; } #hrxtogivemore .copy {width: 100%;} #hrxtogivemore .bottom {padding: 15px; } #learnit {padding-bottom: 15%; } #learnit .title {width: 100%; padding: 20px; } #learnit .cred-grid {grid-template-columns: 1fr; gap: 25px; padding: 20px; } #learnit .copy {padding: 20px; } #learnit .title h3 {font-size: 40px; line-height: 48px; } #learnit .title h2 {font-size: 48px; line-height: 56px; } #learnit .mt-100 {margin-top: 20px; } #learnit .c-img {width: auto; } #learnit .bottom-copy {width: 100%; } #learnit .bottom-copy h4 {font-size: 24px; line-height: 32px; } /* Team */ #team-hero {height: 550px; } #team-hero .homehero {padding-top: 10%; } #team-hero .homehero .hero-card {margin-top: 10%; width: 100%; padding: 20px; } #team-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #team-hero .homehero h2 {font-size: 32px; line-height: 40px; letter-spacing: normal;} #team-hero .homehero h4 {font-size: 24px; line-height: 32px; } #oneteam .j-inner {min-height: auto; display: flex; flex-direction: column; } #oneteam .j-img {position: relative; width: 100%; height: auto; top: 0; left: 0; } #oneteam .j-img img {width: 100%; height: auto; object-fit: contain; } #oneteam .j-content {width: 100%; margin: 0; padding: 30px 25px 50px; } #oneteam .j-block h4 {font-size: 24px; line-height: 32px; } #oneteam .j-block h2 {margin: 0; font-size: 40px; line-height: 48px;} #oneteam .j-block h3 {font-size: 26px; line-height: 34px;} #oneteam .bottom {padding: 15px; } #oneteam .bottom h3 {font-size: 26px; line-height: 34px;} #oneteam .j-block.top-block h3 {width: 100%;} #bringteamt {padding-bottom: 15%; background: #020303; } #bringteamt h2 {font-size: 54px; line-height: 62px; } #bringteamt h4 {font-size: 24px; line-height: 32px;} #bringteamt .p-card .eyebrow {font-size: 24px; line-height: 32px;} #bringteamt .p-card .price {font-size: 54px; line-height: 62px; } #measurable {padding-bottom: 15%; } #measurable .title {width: 100%; padding: 20px; } #measurable .cred-grid {grid-template-columns: 1fr; gap: 25px; padding: 20px; } #measurable .title h3 {font-size: 40px; line-height: 48px;} #measurable .title h2 {font-size: 48px; line-height: 56px; } #measurable .mt-100 {margin-top: 20px; } #measurable .c-img {width: auto; } #measurable .copy {padding: 15px; } #measurable .bottom-copy {width: 100%; padding: 20px; text-align: center; } #onepro {background: #fff; } #onepro .card {width: 100%; } #onepro h2 {margin: 0; font-size: 40px; line-height: 48px;} #onepro h4 {font-size: 24px; line-height: 32px;} #onepro .eyebrow {font-size: 24px; line-height: 32px;} /* Convince Boss */ #boss-hero {height: 635px; } #boss-hero .homehero {padding-top: 10%; } #boss-hero .homehero .hero-card {margin-top: 10%; width: 100%; padding: 20px; } #boss-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #boss-hero .homehero h2 {font-size: 32px; line-height: 40px; letter-spacing: normal;} #boss-hero .homehero h4 {font-size: 24px; line-height: 32px; } #boss-hero .homehero .cta {flex-direction: column; text-align: center; } #whattogain {padding-bottom: 15%; background: linear-gradient(180deg, rgba(2, 3, 3, 0.90)) 0.04%, rgba(0, 25, 51, 0.90) 100.04%, #030302;} #whattogain .g-card {width: 100%; padding: 15px; } #whattogain .g-card h3 {font-size: 28px; line-height: 36px;} #whattogain h4 {font-size: 24px; line-height: 32px;} #whattogain .cred-grid {grid-template-columns: 1fr; gap: 25px; padding: 20px; } #whattogain .copy, #whattogain .bottom {padding: 20px; } #whattogain .c-img {width: auto; } #whattogain .title {padding: 15px; margin-top: 0; } #bringback {padding-bottom: 15%; } #bringback .b-grid, #bringback .b-grid.two-row-layout {grid-template-columns: 1fr;} #bringback .b-grid {padding: 15px; } #bringback .b-grid.two-row-layout .card.top, #bringback .b-grid.two-row-layout .card.bottom {flex: 1 1 100%;max-width: 100%;} #bringback h2 {margin: 0; font-size: 40px; line-height: 48px;} #bringback .b-card h4 {font-size: 24px; line-height: 32px;} #bringback .title {padding: 15px; } #planinvestment {padding-left: 15px; padding-right: 15px; padding-bottom: 15%; } #planinvestment .title h2 { font-size: 40px; line-height: 48px;} #planinvestment .content {grid-template-columns: 1fr; gap: 25px; } #planinvestment .reg-card .price-display {font-size: 54px; line-height: 62px; } #planinvestment .trip-details .trip-item .trip-info .trip-price {font-size: 18px; line-height: 26px; } #planinvestment .trip-details .trip-header-container .trip-header, #planinvestment .trip-details .total-header-container .total-label {font-size: 18px; line-height: 26px; } #planinvestment .trip-details {padding: 15px; } #planinvestment .trip-details .total-header-container .total-amount, #planinvestment .trip-details .trip-header-container .trip-title {font-size: 24px; line-height: 32px; } #planinvestment .cta {flex-direction: column; text-align: center; } #readyask {background: #030302; } #readyask .card {width: 100%; padding: 20px; } #readyask h2 {margin: 0; font-size: 40px; line-height: 48px;} #readyask h4 {font-size: 24px; line-height: 32px;} #readyask .eyebrow {font-size: 24px; line-height: 32px;} #readyask .cta-btn {font-size: 14px; } #readyask .cta {margin-top: 0; } /* FAQs */ #faqs-hero {height: 400px; } #faqs-hero .homehero {padding-top: 10%; } #faqs-hero .homehero .hero-card {margin-top: 10%; width: 100%; padding: 20px; } #faqs-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #faqs-hero .homehero h2 {font-size: 32px; line-height: 40px; letter-spacing: normal;} #faqs-hero .homehero h4 {font-size: 24px; line-height: 32px; } #faqs .faq-groups {padding: 10px; } #saag-hero {height: 400px; } #saag-hero .homehero {padding-top: 10%; } #saag-hero .homehero .hero-card {margin-top: 10%; width: 100%; padding: 20px; } #saag-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #saag-hero .homehero h2 {font-size: 32px; line-height: 40px; letter-spacing: normal;} #saag-hero .homehero h4 {font-size: 24px; line-height: 32px; } #skey .schedule-container {grid-template-columns: 1fr} #agenda .div-toggle {width: 100%;font-size: 24px;text-align: center;font-family: 'proxima-nova';background: #fff;padding: 5px;border: 1px solid #00093e; text-transform: none;color: #00093e; border-radius: 5px;} #agenda {padding-left: 20px; padding-right: 20px; } #agenda .schedule {border-left: 0;} #agenda .events-column {background: none; padding-left: 0; height: auto; } #agenda .event-wrapper {display: block; } #agenda .event {height: 10%; margin-top: 20px; margin-bottom: 20px; padding: 25px; } /* Talent Optimization */ #dimtalent-hero {height: 450px; } #dimtalent-hero .homehero {padding-top: 10%; } #dimtalent-hero .homehero .hero-card {margin-top: 10%; width: 100%; padding: 20px; } #dimtalent-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #dimtalent-hero .homehero h2 {font-size: 32px; line-height: 40px; letter-spacing: normal;} #dimtalent-hero .homehero h4 {font-size: 24px; line-height: 32px; } #whatis .top-section .left-content .dimbadge {width: auto; height: auto; } #whatis .top-section .left-content .dimbadge img {width: 70%; height: auto; } #whatis .top-section {grid-template-columns: 1fr; gap: 2rem; padding: 2.5rem 1.5rem;} #whatis .top-section .left-content h2 {font-size: 50px; line-height: 58px; } #whatis .top-section .profile-card {height: 620px; } #whatis .top-section .profile-card .profile-name {font-size: 40px; line-height: 48px; } #whatis .bottom-section {display: flex; flex-direction: column; padding: 20px;} #whatis .bottom-section h3 {max-width: auto; font-size: 28px; line-height: 36px;} #fourdays {border-radius: 0 80px 0 0; } #fourdays .title {padding: 20px; } #fourdays .title h3 {font-size: 28px; line-height: 36px; width: 100%; } #fourdays .cards-grid {padding: 20px; grid-template-columns: 1fr;} #fourdays .cards-grid .card {flex-direction: column; padding: 20px; } #fourdays .cards-grid .card .card-content .card-title {font-size: 24px; line-height: 32px; } #focuson {padding-bottom: 15%; padding-left: 10px; padding-right: 10px; } #focuson .focus-grid {grid-template-columns: 1fr; gap: 50px; } #focuson .focus-grid .focus-on h2 {font-size: 32px; line-height: 40px; } #focuson .focus-grid .focus-on .focus-list {margin-left: -30px; } #focuson .focus-grid .focus-on .focus-list .focus-item {display: contents; } #focuson .focus-on {padding-left: 10px; } #focuson .focus-grid .cta-card {padding: 20px; } #focuson .focus-grid .cta-card .btn-arrow {left: 48%; } #focuson .focus-grid .cta-card .group-icon {left: 40%; } #focuson .focus-grid .cta-card .cta-link span {left: 7%; } #deanheader {padding: 0; } #meetdeantalent .dean-card .dean-body {padding: 30px 25px 40px; } #meetdeantalent .dean-card .dean-body .dean-profile {flex-direction: column; align-items: flex-start; gap: 20px; } #meetdeantalent .dean-card .dean-body .dean-profile .dean-info h2 {font-size: 50px; line-height: 58px; } #meetdeantalent .dean-card .dean-body .dean-bio {grid-template-columns: 1fr; gap: 20px; } #meetdeantalent .dean-card .dean-body .dean-profile .dean-photo {width: 100%; height: 100%; } /* Funcational Acceleration */ #dimfunctional-hero {height: 450px; } #dimfunctional-hero .homehero {padding-top: 10%; } #dimfunctional-hero .homehero .hero-card {margin-top: 10%; width: 100%; padding: 20px; } #dimfunctional-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #dimfunctional-hero .homehero h2 {font-size: 32px; line-height: 40px; letter-spacing: normal;} #dimfunctional-hero .homehero h4 {font-size: 24px; line-height: 32px; } #whatisfunctional .top-section .left-content .dimbadge {width: auto; height: auto; } #whatisfunctional .top-section .left-content .dimbadge img {width: 70%; height: auto; } #whatisfunctional .top-section {grid-template-columns: 1fr; gap: 2rem; padding: 2.5rem 1.5rem;} #whatisfunctional .top-section .left-content h2 {font-size: 50px; line-height: 58px; } #whatisfunctional .top-section .profile-card {height: 620px; } #whatisfunctional .top-section .profile-card .profile-name {font-size: 40px; line-height: 48px; } #whatisfunctional .bottom-section {display: flex; flex-direction: column; padding: 20px;} #whatisfunctional .bottom-section h3 {max-width: auto; font-size: 28px; line-height: 36px;} #fourdaysfunctional {border-radius: 0 80px 0 0; } #fourdaysfunctional .title {padding: 20px; } #fourdaysfunctional .title h3 {font-size: 28px; line-height: 36px; width: 100%; } #fourdaysfunctional .cards-grid {padding: 20px; grid-template-columns: 1fr;} #fourdaysfunctional .cards-grid .card {flex-direction: column; padding: 20px; } #fourdaysfunctional .cards-grid .card .card-content .card-title {font-size: 24px; line-height: 32px; } #focusonfunctional {padding-bottom: 15%; padding-left: 10px; padding-right: 10px; } #focusonfunctional .focus-grid {grid-template-columns: 1fr; gap: 50px; } #focusonfunctional .focus-grid .focus-on h2 {font-size: 32px; line-height: 40px; } #focusonfunctional .focus-grid .focus-on .focus-list {margin-left: -30px; } #focusonfunctional .focus-grid .focus-on .focus-list .focus-item {display: contents; } #focusonfunctional .focus-on {padding-left: 10px; } #focusonfunctional .focus-grid .cta-card {padding: 20px; } #focusonfunctional .focus-grid .cta-card .btn-arrow {left: 48%; } #focusonfunctional .focus-grid .cta-card .group-icon {left: 40%; } #focusonfunctional .focus-grid .cta-card .cta-link span {left: 7%; } #deanheaderpaula {padding: 0; } #meetdeanpaula .dean-card .dean-body {padding: 30px 25px 40px; } #meetdeanpaula .dean-card .dean-body .dean-profile {flex-direction: column; align-items: flex-start; gap: 20px; } #meetdeanpaula .dean-card .dean-body .dean-profile .dean-info h2 {font-size: 50px; line-height: 58px; } #meetdeanpaula .dean-card .dean-body .dean-bio {grid-template-columns: 1fr; gap: 20px; } #meetdeanpaula .dean-card .dean-body .dean-profile .dean-photo {width: 100%; height: 100%; } /* Organizational Impact */ #dimorganizational-hero {height: 450px; } #dimorganizational-hero .homehero {padding-top: 10%; } #dimorganizational-hero .homehero .hero-card {margin-top: 10%; width: 100%; padding: 20px; } #dimorganizational-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #dimorganizational-hero .homehero h2 {font-size: 32px; line-height: 40px; letter-spacing: normal;} #dimorganizational-hero .homehero h4 {font-size: 24px; line-height: 32px; } #whatisorganizational .top-section .left-content .dimbadge {width: auto; height: auto; } #whatisorganizational .top-section .left-content .dimbadge img {width: 70%; height: auto; } #whatisorganizational .top-section {grid-template-columns: 1fr; gap: 2rem; padding: 2.5rem 1.5rem;} #whatisorganizational .top-section .left-content h2 {font-size: 50px; line-height: 58px; } #whatisorganizational .top-section .profile-card {height: 620px; } #whatisorganizational .top-section .profile-card .profile-name {font-size: 40px; line-height: 48px; } #whatisorganizational .bottom-section {display: flex; flex-direction: column; padding: 20px;} #whatisorganizational .bottom-section h3 {max-width: auto; font-size: 28px; line-height: 36px;} #fourdaysorganizational {border-radius: 0 80px 0 0; } #fourdaysorganizational .title {padding: 20px; } #fourdaysorganizational .title h3 {font-size: 28px; line-height: 36px; width: 100%; } #fourdaysorganizational .cards-grid {padding: 20px; grid-template-columns: 1fr;} #fourdaysorganizational .cards-grid .card {flex-direction: column; padding: 20px; } #fourdaysorganizational .cards-grid .card .card-content .card-title {font-size: 24px; line-height: 32px; } #focusonorganizational {padding-bottom: 15%; padding-left: 10px; padding-right: 10px; } #focusonorganizational .focus-grid {grid-template-columns: 1fr; gap: 50px; } #focusonorganizational .focus-grid .focus-on h2 {font-size: 32px; line-height: 40px; } #focusonorganizational .focus-grid .focus-on .focus-list {margin-left: -30px; } #focusonorganizational .focus-grid .focus-on .focus-list .focus-item {display: contents; } #focusonorganizational .focus-on {padding-left: 10px; } #focusonorganizational .focus-grid .cta-card {padding: 20px; } #focusonorganizational .focus-grid .cta-card .btn-arrow {left: 48%; } #focusonorganizational .focus-grid .cta-card .group-icon {left: 40%; } #focusonorganizational .focus-grid .cta-card .cta-link span {left: 7%; } #deanheaderginnie {padding: 0; } #meetdeanginnie .dean-card .dean-body {padding: 30px 25px 40px; } #meetdeanginnie .dean-card .dean-body .dean-profile {flex-direction: column; align-items: flex-start; gap: 20px; } #meetdeanginnie .dean-card .dean-body .dean-profile .dean-info h2 {font-size: 50px; line-height: 58px; } #meetdeanginnie .dean-card .dean-body .dean-bio {grid-template-columns: 1fr; gap: 20px; } #meetdeanginnie .dean-card .dean-body .dean-profile .dean-photo {width: 100%; height: 100%; } /* Market Discernment */ #dimmarket-hero {height: 450px; } #dimmarket-hero .homehero {padding-top: 10%; } #dimmarket-hero .homehero .hero-card {margin-top: 10%; width: 100%; padding: 20px; } #dimmarket-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #dimmarket-hero .homehero h2 {font-size: 32px; line-height: 40px; letter-spacing: normal;} #dimmarket-hero .homehero h4 {font-size: 24px; line-height: 32px; } #whatismarket .top-section .left-content .dimbadge {width: auto; height: auto; } #whatismarket .top-section .left-content .dimbadge img {width: 70%; height: auto; } #whatismarket .top-section {grid-template-columns: 1fr; gap: 2rem; padding: 2.5rem 1.5rem;} #whatismarket .top-section .left-content h2 {font-size: 50px; line-height: 58px; } #whatismarket .top-section .profile-card {height: 620px; } #whatismarket .top-section .profile-card .profile-name {font-size: 40px; line-height: 48px; } #whatismarket .bottom-section {display: flex; flex-direction: column; padding: 20px;} #whatismarket .bottom-section h3 {max-width: auto; font-size: 28px; line-height: 36px;} #fourdaysmarket {border-radius: 0 80px 0 0; } #fourdaysmarket .title {padding: 20px; } #fourdaysmarket .title h3 {font-size: 28px; line-height: 36px; width: 100%; } #fourdaysmarket .cards-grid {padding: 20px; grid-template-columns: 1fr;} #fourdaysmarket .cards-grid .card {flex-direction: column; padding: 20px; } #fourdaysmarket .cards-grid .card .card-content .card-title {font-size: 24px; line-height: 32px; } #focusonmarket {padding-bottom: 15%; padding-left: 10px; padding-right: 10px; } #focusonmarket .focus-grid {grid-template-columns: 1fr; gap: 50px; } #focusonmarket .focus-grid .focus-on h2 {font-size: 32px; line-height: 40px; } #focusonmarket .focus-grid .focus-on .focus-list {margin-left: -30px; } #focusonmarket .focus-grid .focus-on .focus-list .focus-item {display: contents; } #focusonmarket .focus-on {padding-left: 10px; } #focusonmarket .focus-grid .cta-card {padding: 20px; } #focusonmarket .focus-grid .cta-card .btn-arrow {left: 48%; } #focusonmarket .focus-grid .cta-card .group-icon {left: 40%; } #focusonmarket .focus-grid .cta-card .cta-link span {left: 7%; } #deanheadermarlon {padding: 0; } #meetdeanmarlon .dean-card .dean-body {padding: 30px 25px 40px; } #meetdeanmarlon .dean-card .dean-body .dean-profile {flex-direction: column; align-items: flex-start; gap: 20px; } #meetdeanmarlon .dean-card .dean-body .dean-profile .dean-info h2 {font-size: 50px; line-height: 58px; } #meetdeanmarlon .dean-card .dean-body .dean-bio {grid-template-columns: 1fr; gap: 20px; } #meetdeanmarlon .dean-card .dean-body .dean-profile .dean-photo {width: 100%; height: 100%; } }