.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; } #hrxheader #block-block-23 {display: flex;} #hrxheader #block-block-23 .btn-primary {border:2px solid #007DFF!important; background: #007DFF!important; color: #fff; font-size: 14px; text-transform: none; padding: 4px 8px; font-weight: 700; border-radius: 0 16px 0 0;} #hrxheader #block-block-23 .cta-btn-ghost {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 14px; text-transform: none; 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 {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;} #home-hero .homehero .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;} #home-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #bamboo {background:#001933; padding: 5px 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: 20px; } #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; } #speakers {display: none; position: relative; padding-top: 5%; padding-bottom: 0; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/hrx-live-home-speakers-bg_1788374283952001mAnY.jpg) no-repeat top center / cover #020303; z-index: 2; } #speakers .title {text-align: center;} #speakers .title h2 {font-size: 47px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #speakers .speaker-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;} #speakers .s-card {background: #001933; border-radius: 4px; padding: 32px 32px; box-sizing: border-box; min-height: 400px; } #speakers .s-img {width: 100%; aspect-ratio: 1 / 1; overflow: hidden;} #speakers .s-img img {width: 100%; height: 100%; display: block; object-fit: cover;} #speakers .s-content {padding-top: 15px; } #speakers .s-content h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #speakers .s-content p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px;} #speakers .cta {text-align: center;} #speakers .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; } #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: 50%; } #hr-change .top-content {margin-top: 20%;} #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';} #hr-change .cta {margin-top: 80px;} #hr-change .cta .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; text-align: center; } #hr-change .bottom-content {margin-top: 80px;} #hr-change .bottom-content p {margin: 0; } #hr-change .img-overlay {position: absolute; top: 0px; right: 0; width: 70%; height: 100%; pointer-events: none;} #hr-change .img-overlay img {position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover; object-position: right center; 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: 60%; } #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: 700; 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;} #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: 76%;} #seats .cta {margin-top: 35px; } #seats .p-card .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size: 20px; text-transform: uppercase; padding: 8px 32px 8px 24px; font-weight: 700; border-radius: 0 16px 0 0; } #seats .p-card .cta-btn-ghost {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 20px; text-transform: uppercase; padding: 8px 32px 8px 24px; 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: 20px; text-transform: uppercase; padding: 8px 32px 8px 24px; font-weight: 700; border-radius: 0 16px 0 0; } /* 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: 25%; 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: 400; text-transform: none; font-family: 'proxima-nova';} #rates-hero .homehero .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;} #rates-hero .homehero .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;} #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: #fff; font-size: 20px; text-transform: uppercase; padding: 8px 32px 8px 24px; 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-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; } #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: 480px; position: relative; } #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: 80%; } #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: 20px; line-height: 28px; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; letter-spacing: -0.2px;} #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: 20px;} #pass .ratebox .cta-btn {font-size: 20px; text-transform: uppercase; padding: 8px 24px; 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 .nonmember {color:#fff; } #pass .ratebox.active .save {color:#fff; } #pass .ratebox.active .cta-btn {border:2px solid #007DFF; background: #007DFF; color: #fff; } #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.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: 20px; text-transform: uppercase; padding: 8px 32px 8px 24px; 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: 20px; text-transform: uppercase; padding: 8px 32px 8px 24px; 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: 20px; text-transform: uppercase; padding: 8px 32px 8px 24px; 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: 30%;} #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:20px; text-transform: uppercase; padding: 8px 24px; 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: 20px; text-transform: uppercase; padding: 8px 24px; 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: -110px; left: -270px; 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-tracks-bg_1788528810047001ntSP.jpg) no-repeat bottom 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: 370px; padding: 32px 32px; 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 {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; } #dimension .d-card .card-top .title-area {position: relative; padding-left: 16px; } #dimension .d-card .card-top .title-area::before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background: #0076BE; } #dimension .d-card .card-top .eyebrow {font-size: 18px; line-height: 26px; color:#020303; 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'; width: 90%; } #dimension .d-card .icon {object-fit: contain; flex-shrink: 0; margin-top: -150px; margin-left: 70%; } #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 .levels {display: flex; gap: 8px; margin-top: auto; } #dimension .d-card .levels span {display: inline-flex; align-items: center; padding: 7px 12px; border-radius: 999px; font-size: 14px; font-weight: 700; font-family: 'proxima-nova'; color:#fff; } #dimension .d-card .check {margin-right: 5px; } #dimension .d-card.functional {border-left: 4px solid #5058A0} #dimension .d-card.functional .card-top .title-area::before {background: #5058A0} #dimension .d-card.functional h2 {color:#5058A0; } #dimension .d-card.functional .levels span {background: #5058A0; } #dimension .d-card.talent {border-left: 4px solid #1FA7A1} #dimension .d-card.talent .card-top .title-area::before {background: #1FA7A1} #dimension .d-card.talent h2 {color:#1FA7A1; } #dimension .d-card.talent .levels span {background: #1FA7A1; } #dimension .d-card.organizational {border-left: 4px solid #0076BE} #dimension .d-card.organizational .card-top .title-area::before {background: #0076BE} #dimension .d-card.organizational h2 {color:#0076BE; } #dimension .d-card.organizational .levels span {background: #0076BE; } #dimension .d-card.market {border-left: 4px solid #1B3C69} #dimension .d-card.market .card-top .title-area::before {background: #1B3C69} #dimension .d-card.market h2 {color:#1B3C69; } #dimension .d-card.market .levels span {background: #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-img img {width: 100%; } #format .f-card {display: flex; flex-direction: column; min-height: 420px; } #format .f-card h2 {font-size: 48px; line-height: 56px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#fff; } #format .f-card .eyebrow {font-size: 18px; line-height: 26px; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; color:#C8FF00; letter-spacing: -0.36px;} #format .f-card h3 {font-size: 34px; line-height: 42px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; color:#fff; } #format .f-card 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 {border:2px solid #007DFF; background: #007DFF; color: #fff; font-size: 20px; text-transform: uppercase; padding: 8px 32px 8px 24px; 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:20px; text-transform: uppercase; padding: 8px 24px; 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: 20px; text-transform: uppercase; padding: 8px 24px; 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 .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 .card {position: relative; background: #001933; padding: 32px; margin-top: 30px; border-radius: 4px;} #opportunities .name {font-size: 48px; line-height: 56px; color: #C8FF00; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; max-width: 80%; } #opportunities .price {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; margin-top: 15px; } #opportunities ul li {font-size: 18px; font-family: 'proxima-nova'; line-height: 26px; font-weight: 400; color: #fff;} #opportunities h5 {font-size: 18px; font-family: 'proxima-nova'; line-height: 26px; font-weight: 700; color: #fff;} #opportunities .description {width: 80%; margin-top: 15px; } #opportunities .included {margin-top: 40px; } #opportunities .disclaimer {font-size: 14px; font-family: 'proxima-nova'; line-height: 22px; font-weight: 400; color: #000; font-style: italic;} #opportunities .accordion {background-color: #fff; color: #020303; cursor: pointer; padding: 16px; width: 100%;border: none;text-align: left;outline: none;font-size: 28px;transition: 0.4s; text-transform: none; font-family: 'proxima-nova'; font-weight: 600; border: 1px solid #001933;} #opportunities .active, #opportunities .accordion:hover {background-color: #C8FF00; color:#020303; } #opportunities .accordion:after {content: '\002B';color: #020303;font-weight: bold;float: right;margin-left: 5px;} #opportunities .active:after {content: "\2212"; color:#020303;} #opportunities .panel {padding: 0 18px;background-color: transparent; max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out;} #opportunities .panel p {font-size: 20px; font-family: 'proxima-nova'; line-height: 28px; font-weight: 700; color: #fff;} #opportunities .cta {margin-top: 40px; } #opportunities .cta-btn {border:2px solid #C8FF00; background: #C8FF00; color: #020303; font-size: 16px; text-transform: none; padding: 8px 24px; font-weight: 700; border-radius: 0 16px 0 0;} /* 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:20px; text-transform: uppercase; padding: 8px 24px; 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: 20px; text-transform: uppercase; padding: 8px 24px; 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: 1000; 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:20px; text-transform: uppercase; padding: 8px 24px; 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: 20px; text-transform: uppercase; padding: 8px 24px; 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: 40%;} #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:20px; text-transform: uppercase; padding: 8px 24px; 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: 20px; text-transform: uppercase; padding: 8px 24px; 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 .blue {color:#004B99; } #hrxarticle .drkblue {color:#1B3C69; } #hrxarticle .teal {color:#1FA7A1; } #hrxarticle .purple {color:#5058A0; } #hrxarticle a {color: #004B99; text-decoration: underline; } #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:20px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0 16px 0 0;} #hrxloc .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;} #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 {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;} #hotel-hero .homehero .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;} #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:20px; text-transform: uppercase; padding: 8px 24px; 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:20px; text-transform: uppercase; padding: 8px 24px; 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: 20px; text-transform: uppercase; padding: 8px 24px; 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;} /* 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%; } #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 #C8FF00; background: #C8FF00; color: #020303; font-family: 'proxima-nova'; padding: 8px 0;} #hrxheader #block-block-23 .btn-primary {border:2px solid #007DFF!important; background: #007DFF!important; color: #fff; font-family: 'proxima-nova'; padding: 8px 0; margin-bottom: 15px; } .caret {display: none!important; } .mobile {display: block} .desktop {display: none; } #announcement {top: 80px; } #announcement .message {font-size: 18px; } /* Home */ #home-hero {height: 520px; } #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; } #bamboo {padding-top: 5%; padding-bottom: 5%; } #bamboo .message img {width: 65%; right: 0; } #speakers .title {padding: 10px; } #speakers .title h2 {font-size: 40px; line-height: 48px; } #speakers .speaker-grid {grid-template-columns: 1fr; gap: 25px; } #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; } #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; } #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: 460px; } #rates-hero .homehero {padding-top: 10%; } #rates-hero .homehero h1 {font-size: 50px; line-height: 58px; letter-spacing: normal;} #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;} #pass {padding-bottom: 15%; } #pass .rb-grid {padding: 30px; grid-template-columns: 1fr;} #pass .ratebox .price {font-size: 54px; line-height: 62px; } #pass .ratebox {min-height: auto; } #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;} #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: 40%; margin-left: 67%; } #dimension .d-card .card-top .title-area {padding-left: 0; } #dimension .d-card .card-top .title-area::before {width: auto; } #formattitle .f-card {padding: 10px; } #formattitle .f-card h2 {font-size: 54px; line-height: 62px; } #format .f-card h2 {font-size: 40px; line-height: 48px; } #format .f-card h3 {font-size: 28px; line-height: 36px;} #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 .availability {position: static; display: inline-block; margin-bottom: 20px;} #opportunities .description {width: 100%; } #opportunities .name {font-size: 40px; line-height: 48px; max-width: 100%; } #opportunities .price {font-size: 24px; line-height: 32px; } #opportunities .title-line {flex:none; top: -15px;} /*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;} #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%;} #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; } }