.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;} #studentpass label {display: flex; } #pass label {display: flex; } .dropdown-toggle span {display: inline-block;} .s-pass-option input[type="radio"] {display: none; } .radio-mark {height: 18px;width: 18px;border-radius: 50%;border: 2px solid #fff; margin-right: 8px;position: relative;box-sizing: border-box;transition: border-color 0.2s;} /* Selected (checked) state */ .s-pass-option input[type="radio"]:checked + .radio-mark {border-color: #79ADD8; /* Change border color */} .s-pass-option input[type="radio"]:checked + .radio-mark::after {content: '';display: block;position: absolute;top: 2px;left: 2px; width: 10px;height: 10px;border-radius: 50%;background: #79ADD8; /* Change fill color */} .pass-option input[type="radio"] {display: none; } .radio-mark {height: 18px;width: 18px;border-radius: 50%;border: 2px solid #fff; margin-right: 8px;position: relative;box-sizing: border-box;transition: border-color 0.2s;} /* Selected (checked) state */ .pass-option input[type="radio"]:checked + .radio-mark {border-color: #79ADD8; /* Change border color */} .pass-option input[type="radio"]:checked + .radio-mark::after {content: '';display: block;position: absolute;top: 2px;left: 2px; width: 10px;height: 10px;border-radius: 50%;background: #79ADD8; /* Change fill color */} .c-pass-option input[type="radio"] {display: none; } .radio-mark {height: 18px;width: 18px;border-radius: 50%;border: 2px solid #fff; margin-right: 8px;position: relative;box-sizing: border-box;transition: border-color 0.2s;} /* Selected (checked) state */ .c-pass-option input[type="radio"]:checked + .radio-mark {border-color: #79ADD8; /* Change border color */} .c-pass-option input[type="radio"]:checked + .radio-mark::after {content: '';display: block;position: absolute;top: 2px;left: 2px; width: 10px;height: 10px;border-radius: 50%;background: #79ADD8; /* Change fill color */} #announcement {background:#F26A42; padding: 16px 20px; text-align: center; position: fixed; top: 0; width: 100%; z-index: 10} #announcement .message {color:#000; font-size: 22px; line-height: 24px; font-weight: 600; font-family: 'bai-jamjuree'; text-transform: none; } #homeheader #navbar.navbar {top: 0; background-color:transparent; border-bottom: 1px solid rgba(255,255,255,.2); } #homeheader #navbar.navbar nav .container li a {color:#fff;} #homeheader #navbar.navbar nav .cta-btn {border-radius: 64px; background: #fff!important; color: #225A91!important; font-size: 16px!important; text-transform: uppercase; padding: 8px 12px!important;; font-weight: 600; top: -8px; font-family: 'proxima-nova'; border: 2px solid #fff!important; } #homeheader #navbar.navbar nav .btn-ghost {border-radius: 64px; background: transparent!important; color: #fff!important; font-size: 16px!important; text-transform: uppercase; padding: 8px 12px!important;; font-weight: 600; top: -8px; font-family: 'proxima-nova'; border: 2px solid #fff!important; } #homeheader #navbar.navbar.scrolled { background-color: #0076be; } #navbar.navbar {top: 55px; } #navbar.navbar nav .container ul {position: relative; top: 1px; } .navbar-header {margin-top: 0; } #navbar.navbar nav .cta-btn {border-radius: 64px; background: #225A91!important; color: #fff!important; font-size: 16px!important; text-transform: uppercase; padding: 8px 12px!important;; font-weight: 600; top: -8px; font-family: 'proxima-nova-extra-condensed'; border: 2px solid #225A91!important; } #navbar.navbar nav .btn-ghost {border-radius: 64px; background: transparent!important; color: #225A91!important; font-size: 16px!important; text-transform: uppercase; padding: 8px 12px!important;; font-weight: 600; top: -8px; font-family: 'proxima-nova-extra-condensed'; border: 2px solid #225A91!important; } #homeheader #navbar.navbar nav .container li ul.dropdown-menu li a {color:#000!important; } /* Tell Me More */ #more {padding-top: 7%; padding-bottom: 7%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-tellmemore-bg_1768578289186001JXOG.jpg) no-repeat top center / cover; text-align: center;} #more h2 {font-size: 36px; line-height: 46px; color: #fff;; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #more p {font-size: 18px; font-weight: 700; line-height: 24px; color: #fff; text-align: center; font-family: 'proxima-nova'; width: 55%; margin: auto; } #more .btn-cta {background-color: #fff!important; color: #225A91; padding: 16px 32px; font-weight: 700; text-transform: uppercase; font-size: 18px; font-family: 'proxima-nova'; border-radius: 64px; } /* Home */ #ohero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/Blue_Hero_BG%403x_1768580218011001JHi8.jpg) no-repeat top center / cover #ffffff; position: relative;} #ohero .homehero {padding-top: 9%; padding-bottom: 8%; } #ohero .homehero .kicker {color: #fff; font-size: 36px; line-height: 46px; font-weight: 400; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #ohero .homehero h1 {color: #fff; font-size: 48px; line-height: 54px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 3.2px; font-style: italic; } #ohero .homehero h2 {color: #fff; font-size: 32px; line-height: 40px; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; width: 80%; } #ohero .homehero h4 {font-size: 24px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; font-style: normal; } #ohero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #ohero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #ohero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #ohero .homehero .cta {text-align: center; display: inline-block; margin-top: 55px;} #ohero .img-overlay {position: absolute; right: -15%; bottom: 0;} #ohero .img-overlay img {width: 76%; } #ohero .img-overlay2 {position: absolute; right: 14%; bottom: 0;} #ohero .img-overlay2 img {width: 75%; } #ohero .hero-card {position: relative; top: 0px;} #ohero .datetimeloc {align-items: center; text-align: left;} #ohero .location {border-radius: 88px; background: rgba(255,255,255,0.10); font-size: 12px; font-style: italic; font-family: 'bai-jamjuree'; line-height: 16px; font-weight: 600; padding: 8px 16px; color:#fff; margin-right: 20px; } #ohero .date {border-radius: 88px; background: rgba(255,255,255,0.10); font-size: 12px; font-style: italic; font-family: 'bai-jamjuree'; line-height: 16px; font-weight: 600; color:#fff; padding: 8px 16px; } #shero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/Blue_Hero_BG%403x_1768580218011001JHi8.jpg) no-repeat top center / cover #ffffff; position: relative;} #shero .homehero {padding-top: 6%; padding-bottom: 11%; } #shero .homehero h1 {color: #fff; font-size: 44px; line-height: 52px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic;} #shero .homehero h2 {color: #fff; font-size: 36px; line-height: 44px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #shero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #shero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #shero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #shero .homehero .cta {text-align: center; display: inline-block; margin-top: 8%;} #shero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(188px);} #shero .img-overlay img {width: 74%; } #shero .hero-card {position: relative; top: 60px;} #shero .datetimeloc {align-items: center; text-align: left;} #shero .location {border-radius: 88px; background: rgba(255,255,255,0.10); font-size: 12px; font-style: italic; font-family: 'bai-jamjuree'; line-height: 16px; font-weight: 600; padding: 8px 16px; color:#fff; margin-right: 40px; } #shero .date {border-radius: 88px; background: rgba(255,255,255,0.10); font-size: 12px; font-style: italic; font-family: 'bai-jamjuree'; line-height: 16px; font-weight: 600; color:#fff; padding: 8px 16px; } .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} .homehero {padding-top: 8%; padding-bottom: 8%; } .homehero h1 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova';} .homehero h2 {color: #fff; font-size: 32px; line-height: 40px; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova';} .homehero h3 {font-size: 24px; line-height: 38px; color: #fff; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; font-style: italic; letter-spacing: 1.2px;} .homehero h4 {font-size: 20px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree'; font-style: italic; letter-spacing: 1.0px;} #sizzlevideo .content {position: relative; z-index: 2; text-align: center;} #sizzlevideo .bamboomessage {color:#fff; font-size: 24px; line-height: 24px; font-weight: 400; font-family: 'proxima-nova'; position: relative; background: rgba(0,0,0,.5); padding: 10px; text-transform: uppercase;} #sizzlevideo .bamboomessage img {width: 15%; position: relative; top: -6px; right: 20px; } #sizzlevideo.video-section {position: relative;width: 100%;height: 90vh;overflow: hidden;} #sizzlevideo.video-section video {position: absolute;inset: 0; width: 100%;height: 100%; object-fit: cover; z-index:0} #sizzlevideo .video-section::before {content: "";position: absolute;inset: 0;background: rgba(0,0,0,0.35);z-index: 1;} #counter {padding-top: 5%; padding-bottom: 8%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-counter-bg_1768578288226001JB3D.jpg) no-repeat top center / cover #ffffff;} #counter .c-card {display: flex; flex-wrap: wrap; justify-content: space-between;} #counter .column {flex: 1 1 calc(20% - 5px); box-sizing: border-box; padding: 10px;} #counter .column .number {font-family: 'bai-jamjuree'; font-size: 80px; font-style:italic; font-weight: 400; line-height: 90px; letter-spacing: 4px; color:#fff;} #counter .column .desc {font-family: 'bai-jamjuree'; font-size: 22px; font-style:italic; font-weight: 600; line-height: 28px; color:#fff; text-transform: none;} #counter h2 {color: #fff; font-size: 36px; line-height: 44px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #counter h4 {color: #fff; font-size: 22px; line-height: 28px; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree'; font-style: italic; } #counter p {color: #fff; font-size: 18px; line-height: 26px; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #bamboo {background:#000; padding: 16px 20px; text-align: center; position: relative; z-index:2} #bamboo .message {color:#fff; font-size: 24px; line-height: 24px; font-weight: 400; font-family: 'proxima-nova'; text-transform: uppercase; } #bamboo .message img {width: 15%; position: relative; top: -4px; right: 11px; } #speakers {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-home-speaker-bg_1770327067470001pyiz.jpg) no-repeat top center / cover #ffffff; } #speakers .title {text-align: center; } #speakers h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #speakers .nametitle {margin-top: 25px; text-align: center; } #speakers .card .name {font-size: 20px; line-height: 26px; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1px; font-style: italic;} #speakers .card .title {font-size: 18px; line-height: normal; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; margin: auto; width: 75%;} #speakers .cta {text-align: center; margin-top: 55px; } #speakers .cta-btn {border:2px solid #fff; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 600; border-radius: 64px; } #speakers .card .s-img img {width: 100%; } #save {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-pricing-bg-people_1768578288901001JUDN.jpg) no-repeat top center / cover #ffffff;} #save .top {text-align: center;} #save h2 {font-size: 34px; line-height: 44px; color: #fff; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #save h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree'; margin: auto; width: 74%; } #save .title {font-size: 20px; line-height: 24px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree'; font-style: italic; text-align: left; margin-bottom: 10px; } #save p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #save .price {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 700; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #save .i-card {padding: 32px 40px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-save-seats-inperson-bg2_1768778057722001zvJ1.jpg) no-repeat top center / cover #ffffff; height: 285px; } #save .g-card {padding: 32px 40px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-save-seats-group-bg2_1768778057621001zeCL.jpg) no-repeat top center / cover #ffffff; height: 285px;} #save .card {padding: 32px 58px; height: 500px; border-left: 48px solid #1C3866; background: #fff;} #save .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 16px; text-transform: uppercase; padding: 8px 10px; font-weight: 700; border-radius: 64px; } #save .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #save .disclaimer {font-size: 14px; font-family: 'proxima-nova'; font-style: italic; font-weight: 400; line-height: 18px; text-align: center; color:#fff;} #key {padding-top: 5%; padding-bottom: 5%;} #key .title {text-align: center;} #key h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; width: 50%; margin:auto;} #key .card {padding: 0 40px; min-width: 550px; } #key .card h3 {font-size: 32px; line-height: 40px; color: #225A91; font-weight: 500; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.6px;} #key .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #key .cta {text-align: center} #key .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #key .cta-btn {border: 2px solid #225A91; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #key .gray {background-color: #F2F7FB; } #key .r-img {position: relative; left: -15px; } #key .r-img img {width: 100%; } #key .g-img {position: relative; right: 42px; } #key .g-img img {width: 110%; } #key .f-img {position: relative; left: -15px; } #key .f-img img {width: 100%; } #key .c-img {position: relative; right: 42px; } #key .c-img img {width: 110%; } #key .i-img {position: relative; left: -15px; } #key .i-img img {width: 100%; } #video-sizzle {padding-top: 8%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-v-testimonial-bg_1768593244067001uaTX.jpg) no-repeat top center / cover #ffffff;} #video-sizzle .title {text-align: center;} #video-sizzle h2 {font-size: 36px; line-height: 46x; color: #fff; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #video-sizzle h4 {font-size: 24px; line-height: 28px; color: #fff; font-weight: 600; font-family: 'bai-jamjuree'; text-transform: uppercase; font-style: italic; letter-spacing: 1.2px; } #video-sizzle .video-card {padding-top: 5%; padding-bottom: 5%; } #video-sizzle .cta {text-align: center;} #video-sizzle .cta-btn {border: 2px solid #225A91; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } iframe {border:none; } #presenting {padding-top: 5%; padding-bottom: 5%; background: #fff; position: relative; z-index: 5;} #presenting .card h2 {font-size: 34px; line-height: 46px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #presenting .card h4 {font-size: 22px; line-height: 28px; color: #225A91; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #presenting .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #presenting .e-img {margin-top: 20%; } #presenting .e-img img {width: 100%; } #presenting .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } /* Rates */ #rates-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-nowm_1771601052053001OYCh.jpg) no-repeat top center / cover #ffffff; position: relative;} #rates-hero .homehero {padding-top: 8%; padding-bottom: 8%; } #rates-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic;} #rates-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #rates-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #rates-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #rates-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #rates-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #rates-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(185px);} #rates-hero .img-overlay img {width: 56%; } #rates-attend {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-rates-attend-bg_1770049784298001S4n9.jpg) no-repeat top center / cover #ffffff; position: relative;} #rates-attend h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #rates-attend h4 {color: #fff; font-size: 22px; line-height: 28px; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree'; font-style: italic; width: 90%} #rates-attend .link a {color: #fff; font-size: 22px; line-height: 28px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic; } #rates-attend .link a:hover {text-decoration: underline; font-weight: 600; } #rates-attend .link img {position: relative; top: -10px; left: 5px; } #rates-attend .attend-card {margin-top: 10%; } #rates-attend .link-card {position: relative; left: 20%; } /*#pass {padding-top: 3%; padding-bottom: 5%; } #pass .row {margin-left: 0; margin-right: 0; } #pass .disclaimer {color:#000; font-size: 14px; font-weight: 400; text-transform: none; font-style:italic; line-height: 18px;} #pass .card {padding: 20px; height: 468px; text-align: center; margin-top: 10%; } #pass .card h4 {font-size: 22px; line-height: 28px; color: #FBB533; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #pass .card .price {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic;} #pass .card .nonmember {font-size: 18px; line-height: 24px; color:#F5F8FB; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #pass .card .save {font-size: 16px; line-height: 24px; color:#F5F8FB; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: none;} #pass .card .countdown {font-size: 14px; line-height: 18px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #pass .card .time-box {display: inline-block; margin: 0 5px; } #pass .card .time-box span {font-size: 14px; line-height: 18px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #pass .active {background-color:#1976D2} #pass .soon {background-color:#265D93} #pass .soldout {background-color:#666} #pass .price-option-label {font-size: 16px; line-height: 24px; color:#fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; cursor: pointer; } #pass .cta-btn-ghost {background: #fff; color: #265D93; font-size: 18px; text-transform: uppercase; padding: 8px 16px; font-weight: 700; border-radius: 64px; } #pass .r-btns {text-align: left;margin-left: 10px; display: inline-block;} #pass label:has(input[type=radio]:checked) .price-option-label {color:#FBB533;} #pass .white {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';margin-top: 10px; margin-bottom: 10px;} */ #pass {padding-top: 3%; padding-bottom: 5%; } #pass .row {margin-left: 0; margin-right: 0; } #pass .disclaimer {color:#000; font-size: 14px; font-weight: 400; text-transform: none; font-style:italic; line-height: 18px;} #pass .ratebox {width: 292.5px; height: 460px; border-right: 1px solid rgba(255,255,255,0.2)} #pass .tabcontent {display: flex; } #pass .card {text-align: center; position: relative;} #pass .card .badge {position:absolute; top: 0; left: 0; background:#77ABD7; padding: 16px 8px 16px 16px; color: #1C3866; font-size: 16px; line-height: 20px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;border-radius: 0;min-width: 166px; } #pass .triangle {position: relative; left: 50px; } #pass .card .price {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic;} #pass .card .nonmember {font-size: 16px; line-height: 20px; color:#fff; font-weight: 400; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;} #pass .card .save {font-size: 16px; line-height: 20px; color:#fff; font-weight: 400; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;} #pass .card .countdown {font-size: 18px; line-height: 20px; color:#fff; font-weight: 300; font-family: 'bai-jamjuree'; font-style: italic; letter-spacing: .8px; } #pass .card .time-box {display: inline-block; margin: 0 5px; } #pass .active {background-color:#1976D2} #pass .soon {background-color:#265D93} #pass .soldout {background-color:#5B5B5B} #pass .r-btns {text-align: left;margin-left: 10px; display: inline-block;} #pass .price-option-label {font-size: 16px; line-height: 20px; color:#fff; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;cursor: pointer; } #pass .cta-btn-ghost {border: 2px solid #265D93; background: #fff; color: #265D93; font-size: 18px; text-transform: uppercase; padding: 8px 16px; font-weight: 700; border-radius: 64px; } #pass .white {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';margin-top: 10px; margin-bottom: 10px; } /* Style tab links */ #pass .tablink {color: #000; 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: 'bai-jamjuree'; font-weight: 600; font-style:italic; letter-spacing: 1.2px; text-transform: uppercase; } #pass .tablink.selected, #pass .tablink:hover, #pass .tablink:focus {color: #225A91;} #pass .tablink.selected {padding-bottom:4px;border-bottom: 4px solid #225A91;} #pass .boss-link {text-align: right; float:right; margin-top: 20px; } #pass .boss-link a {font-size: 18px; line-height: 24px; color:#0474B9; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #pass .learnmore a {font-size: 16px; line-height: 24px; color:#fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; text-decoration: underline;} #pass .pass-option input[type=radio]:checked {background: #000;} #exec {padding-top: 8%; padding-bottom: 7%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-exec-member-bg-_1749154576567001WTTB.jpg) no-repeat top center / cover #ffffff;} #exec .content {padding: 10%; position: relative; top: 10%; left: 15%; } #exec h2 {font-size: 34px; line-height: 44px; color: #77ABD7; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.7px; font-family: 'bai-jamjuree';} #exec h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #exec p {font-size: 18px; line-height: 24px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #exec .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #cancel {padding-top: 5%; padding-bottom: 5%; background: #F2F7FB;} #cancel h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.7px; font-family: 'bai-jamjuree';} #cancel p {font-size: 18px; line-height: 24px; color:#000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #cancel .disclaimer {font-size: 14px; line-height: 24px; color:#000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } /* Hotel Venue */ #hotel-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-nowm_1771601052053001OYCh.jpg) no-repeat top center / cover #ffffff; position: relative;} #hotel-hero .homehero {padding-top: 10%; padding-bottom: 9%; } #hotel-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic;} #hotel-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #hotel-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #hotel-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #hotel-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #hotel-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #hotel-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(203px);} #hotel-hero .img-overlay img {width: 85%; } #book {padding-top: 11%; padding-bottom: 14%; background: linear-gradient(253deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%), url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hotel-book-stay-bg_1770056062995001bUh4.jpg) no-repeat top center / cover #ffffff;} #book .card h2 {font-size: 36px; line-height: 46px; color: #fff; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #book .card h3 {font-size: 34px; line-height: 44px; color: #fff; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #book .card h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #book .card p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; font-family: 'proxima-nova'; width: 90%; } #book .card .disclaimer {font-size: 14px; line-height: 20px; color: #fff; font-weight: 400; font-family: 'proxima-nova'; font-style: italic;} #book .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #book .cta {margin-top: 50px; } #occc {padding-top: 8%; padding-bottom: 8%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hotel-location-bg_1770056063070001bKku.jpg) no-repeat top center / cover #ffffff;} #occc .card {text-align: center;} #occc .card h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #occc .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree'; font-style: italic;} #venueinfo {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hotel-airplane-bg_1770058817210001RpyU.jpg) no-repeat top center / cover #ffffff;} #venueinfo .card h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #venueinfo .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree'; font-style: italic;} #venueinfo .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 85%;} #travel {padding-top: 5%; padding-bottom: 8%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hotel-travel-info-bg_1770059482650001KgK4.jpg) no-repeat top center / cover #ffffff;} #travel .title {text-align: center;} #travel h2 {font-size: 34px; line-height: 44px; color: #fff; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #travel h3 {font-size: 24px; line-height: 32px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #travel h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #travel p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #travel .card {padding: 32px 40px; min-width: 370px; height: 300px; } #travel .card h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 700; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #travel .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #travel .shuttle {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hotel-shuttlebus-bg_1770059482551001KN59.jpg) no-repeat;} #travel .taxi {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hotel-taxi-bg_1770059482597001K8RI.jpg) no-repeat;} #travel .ride-share {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hotel-rideshare-bg_1770059482448001KsBY.jpg) no-repeat;} #travel .airport {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hotel-airport-bg_1770059482769001K0XV.jpg) no-repeat; } #todo {padding-top: 5%; padding-bottom: 5%;} #todo .title {text-align: center;} #todo h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #todo .card {padding: 0 80px; min-width: 320px; } #todo .card h3 {font-size: 34px; line-height: 42px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #todo .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #todo .cta {display: inline-block; } #todo .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #todo .cta-btn {border: 2px solid #225A91; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #todo .gray {background-color: #F2F7FB; } #todo .w-img {position: relative; left: -15px; } #todo .w-img img {width: 100%; } #todo .u-img {position: relative; right: 42px; } #todo .u-img img {width: 110%; } #todo .g-img {position: relative; left: -15px; } #todo .g-img img {width: 100%; } #todo .a-img {position: relative; right: 42px; } #todo .a-img img {width: 110%; } /* Convince Boss */ #boss-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-nowm_1771601052053001OYCh.jpg) no-repeat top center / cover #ffffff; position: relative;} #boss-hero .homehero {padding-top: 10%; padding-bottom: 10%; } #boss-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic;} #boss-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #boss-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #boss-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #boss-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #boss-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #boss-hero .img-overlay {position: absolute; right: 14%; bottom: 0;} #boss-hero .img-overlay img {width: 90%; } #five {padding-top: 5%; padding-bottom: 5%;} #five h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #five h3 {font-size: 24px; line-height: 31px; color: #000; font-weight: 600; font-style: italic; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.2px;} #five .header {display: flex; align-items: center; width: 100%;} #five .header .text {font-size: 26px; font-style: italic; line-height: 22px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree';letter-spacing: 9.1px; white-space: nowrap; margin-right: 10px; margin-left: 10px; } #five .header .circle {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: #0474B9; color: #fff; border-radius: 40px; font-family: 'bai-jamjuree'; font-size: 22px; font-weight: 600; margin-right: 10px; } #five .header .line {flex-grow: 1; border-top: 4px solid #000; height: 0;} #five .header .sline {width: 20px; border-top: 4px solid #000; height: 0; margin-right: 10px; } #five p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #five .cta {display: inline-block; } /* Event Policies */ #ep-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-nowm_1771601052053001OYCh.jpg) no-repeat top center / cover #ffffff; position: relative;} #ep-hero .homehero {padding-top: 12%; padding-bottom: 13%; } #ep-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic;} #ep-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #ep-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #ep-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #ep-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #ep-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #ep-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(213px);} #ep-hero .img-overlay img {width: 43%; } #policy {padding-top: 5%; padding-bottom: 5%; } #policy h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #policy h3 {font-size: 24px; line-height: 31px; color: #000; font-weight: 600; font-style: italic; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.2px;} #policy h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #policy p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #policy .content ul li {color: #000; font-size: 18px; font-weight: 400; font-family: 'proxima-nova'; line-height: normal; } /* Recertification */ #recert-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-nowm_1771601052053001OYCh.jpg) no-repeat top center / cover #ffffff; position: relative;} #recert-hero .homehero {padding-top: 15%; padding-bottom: 13%; } #recert-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic;} #recert-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #recert-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #recert-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #recert-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #recert-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #recert-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(203px);} #recert-hero .img-overlay img {width: 86%; } #recert {padding-top: 5%; padding-bottom: 5%;} #recert .title {text-align: center;} #recert h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #recert .card {padding: 10px 50px;} #recert .card h3 {font-size: 34px; line-height: 42px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.2px;} #recert .card h4 {font-size: 18px; line-height: 26px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic; letter-spacing: 0.9px;} #recert .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #recert .gray {background-color: #F2F7FB; } #recert .e-img {position: relative; left: -15px; } #recert .e-img img {width: 100%; } #recert .cta {text-align: center;} #recert .cta-btn {border: 2px solid #225A91; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #recert .card .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #recert .disclaimer {font-size: 14px; line-height: 18px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic; } /* What People Are Saying */ #what-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-nowm_1771601052053001OYCh.jpg) no-repeat top center / cover #ffffff; position: relative;} #what-hero .homehero {padding-top: 13%; padding-bottom: 13%; } #what-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic;} #what-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #what-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #what-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #what-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #what-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #what-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(123px);} #what-hero .img-overlay img {width: 50%; } #whatpeoplesaying {padding-top: 4%; padding-bottom: 5%; } #whatpeoplesaying h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #whatpeoplesaying .title {font-size: 16px; line-height: 24px; color: #000; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; } #whatpeoplesaying .description {font-size: 14px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } /* Networking */ #network-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-nowm_1771601052053001OYCh.jpg) no-repeat top center / cover #ffffff; position: relative;} #network-hero .homehero {padding-top: 11%; padding-bottom: 12%; } #network-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic;} #network-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #network-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 50%; } #network-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #network-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #network-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #network-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(78px);} #network-hero .img-overlay img {width: 82%; } #networking {padding-top: 5%; padding-bottom: 5%;} #networking .title {text-align: center;} #networking h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #networking .card {padding: 10px 50px;} #networking .card h3 {font-size: 34px; line-height: 42px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.2px;} #networking .card h4 {font-size: 18px; line-height: 26px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic; letter-spacing: 0.9px;} #networking .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #networking .gray {background-color: #F2F7FB; } #networking .e-img {position: relative; left: -15px; } #networking .e-img img {width: 100%; } #types {padding-top: 5%; padding-bottom: 5%;} #types .t-card {display: flex;} #types .column {flex: 1 1 calc(20% - 10px); box-sizing: border-box; text-align: center;} #types .card {text-align: center;} #types .card h6 {font-family: 'bai-jamjuree'; font-size: 14px; font-style:italic; font-weight: 600; line-height: 18px; color:#000; text-align: center;} /* In-Person */ #in-person-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-nowm_1771601052053001OYCh.jpg) no-repeat top center / cover #ffffff; position: relative;} #in-person-hero .homehero {padding-top: 15%; padding-bottom: 15%; position: relative;} #in-person-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic;} #in-person-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #in-person-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #in-person-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #in-person-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #in-person-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #in-person-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(175px);} #in-person-hero .img-overlay img {width: 90%; } #in-person-hero .hero-card {position: relative; top: 60px;} #passincludes {padding-top: 8%; padding-bottom: 5%; background: #F5F8FB;} #passincludes .title {text-align: left; margin-bottom: 30px;} #passincludes h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #passincludes .list {width: 95%; position: relative; right: 6%; } #passincludes .listtext {font-size: 18px; line-height: 20px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; margin-top: -5px; } #passincludes .circle {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: #0474B9; color: #fff; border-radius: 40px; font-family: 'bai-jamjuree'; font-size: 22px; font-weight: 600; } #passincludes .format {position: relative; top: -39px; left: 50px; } #passincludes .p-card {padding: 20px; height: 400px; text-align: center; position: relative; top: 30px; } #passincludes .p-card .badge {position:absolute; top: 0; left: 0; background:#77ABD7; padding: 16px 8px 16px 16px; color: #1C3866; font-size: 16px; line-height: 20px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;border-radius: 0;min-width: 166px; } #passincludes .triangle {position: relative; left: 12px; top: -20px; } #passincludes .price {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic;} #passincludes .nonmember {font-size: 16px; line-height: 20px; color:#fff; font-weight: 400; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;} #passincludes .save {font-size: 16px; line-height: 20px; color:#fff; font-weight: 400; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;} #passincludes .countdown {font-size: 18px; line-height: 20px; color:#fff; font-weight: 300; font-family: 'bai-jamjuree'; font-style: italic; letter-spacing: .8px; } #passincludes .time-box {display: inline-block; margin: 0 5px; } #passincludes .active {background-color:#1976D2} #passincludes .cta-btn-ghost {background: #fff; color: #265D93; font-size: 18px; text-transform: uppercase; padding: 8px 16px; font-weight: 700; border-radius: 64px; } #inperson {padding-top: 5%; padding-bottom: 5%;} #inperson .title {text-align: center;} #inperson h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #inperson .card {padding: 0 80px; min-width: 320px; } #inperson .card h3 {font-size: 34px; line-height: 42px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #inperson .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #inperson .cta {text-align: center; margin-top: 40px;} #inperson .cta-btn {border: 2px solid #225A91; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #inperson .gray {background-color: #F2F7FB; } #inperson .l-img {position: relative; left: -15px; } #inperson .l-img img {width: 100%; } #inperson .f-img {position: relative; right: 42px; } #inperson .f-img img {width: 110%; } #inperson .g-img {position: relative; left: -15px; } #inperson .g-img img {width: 100%; } #inperson .p-img {position: relative; right: 42px; } #inperson .p-img img {width: 110%; } #inperson .i-img {position: relative; left: -15px; } #inperson .i-img img {width: 100%; } #faqs {padding-top: 5%; padding-bottom: 5%; background: #F2F7FB;} #faqs h2 {font-size: 34px; line-height: 46x; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} .accordion {background-color: #fff; color: #225A91; cursor: pointer; padding: 16px; width: 100%;border: none;text-align: left;outline: none;font-size: 22px;transition: 0.4s; text-transform: none; font-family: 'bai-jamjuree'; font-weight: 500; font-style: italic;} .active, .accordion:hover {background-color: #77ABD7; color:#1C3866; } .accordion:after {content: '\002B';font-weight: bold;float: right;margin-left: 5px;} .active:after {content: "\2212"; color:#1C3866;} .panel {padding: 0 18px;background-color: #D6E6F3!important; max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out; margin-bottom: 0!important; margin-top: 0;border-radius: 0!important;} .panel .content {padding: 20px;} .panel .content p {font-size: 18px; font-weight: 400; line-height: normal; font-family: 'proxima-nova'; color:#000; } .panel .content ul li {font-size: 18px; font-weight: 400; line-height: normal; font-family: 'proxima-nova'; color:#000; } /* Virtual */ #virtual-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-nowm_1771601052053001OYCh.jpg) no-repeat top center / cover #ffffff; position: relative;} #virtual-hero .homehero {padding-top: 9%; padding-bottom: 11%; } #virtual-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic;} #virtual-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #virtual-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #virtual {padding-top: 5%; padding-bottom: 5%;} #virtual .title {text-align: center;} #virtual h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #virtual .card {padding: 0 80px; min-width: 320px; } #virtual .card h3 {font-size: 34px; line-height: 42px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #virtual .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #virtual .cta {text-align: center; margin-top: 40px;} #virtual .cta-btn {border: 2px solid #225A91; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #virtual .gray {background-color: #F2F7FB; } #virtual .c-img {position: relative; left: -15px; } #virtual .c-img img {width: 100%; } #virtual .w-img {position: relative; right: 42px; } #virtual .w-img img {width: 110%; } #virtual .lj-img {position: relative; left: -15px; } #virtual .lj-img img {width: 100%; } #virtual .s-img {position: relative; right: 42px; } #virtual .s-img img {width: 110%; } #virtual .n-img {position: relative; left: -15px; } #virtual .n-img img {width: 100%; } #virtual .f-img {position: relative; right: 42px; } #virtual .f-img img {width: 110%; } #makeit {padding-top: 5%; padding-bottom: 10%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/Can%27t_Make_It_1751045208717001xPRV.png) no-repeat top center / cover #ffffff;} #makeit h2 {font-size: 34px; line-height: 44px; color: #77ABD7; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.7px; font-family: 'bai-jamjuree'; width: 49%; } #makeit h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree'; width: 57%; } #makeit p {font-size: 18px; line-height: 24px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 58%;} #makeit .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} /* Team */ #team-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-light_1772652843688001TtSB.jpg) no-repeat top center / cover #ffffff; position: relative;} #team-hero .homehero {padding-top: 10%; padding-bottom: 9%; } #team-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic; width: 65%; } #team-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #team-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #team-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #team-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #team-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #team-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(-96px);} #team-hero .img-overlay img {width: 112%; } #teampassincludes {padding-top: 8%; padding-bottom: 5%; background: #F5F8FB;} #teampassincludes .title {text-align: left; margin-bottom: 30px;} #teampassincludes h2 {font-size: 34px; line-height: 44px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #teampassincludes .list {width: 90%; position: relative; right: 6%; } #teampassincludes .listtext {font-size: 18px; line-height: 20px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; margin-top: -5px; } #teampassincludes .circle {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: #0474B9; color: #fff; border-radius: 40px; font-family: 'bai-jamjuree'; font-size: 22px; font-weight: 600; } #teampassincludes .format {position: relative; top: -39px; left: 50px; } #teampassincludes .p-card {padding: 20px; height: 450px; text-align: center; position: relative; top: 30px; } #teampassincludes .p-card .badge {position:absolute; top: 0; left: 0; background:#77ABD7; padding: 16px 8px 16px 16px; color: #1C3866; font-size: 16px; line-height: 20px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;border-radius: 0;min-width: 166px; } #teampassincludes .triangle {position: relative; left: 12px; top: -20px; } #teampassincludes h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #teampassincludes .price {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic;} #teampassincludes .nonmember {font-size: 16px; line-height: 20px; color:#fff; font-weight: 400; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;} #teampassincludes .save {font-size: 16px; line-height: 20px; color:#fff; font-weight: 400; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;} #teampassincludes .active {background-color:#1976D2} #teampassincludes .cta-btn-ghost {background: #fff; color: #265D93; font-size: 18px; text-transform: uppercase; padding: 8px 16px; font-weight: 700; border-radius: 64px; } #teampassincludes .disclaimer {font-size: 14px; font-family: 'proxima-nova';font-style: italic;font-weight: 400;line-height: 18px;text-align: center;color: #fff;} #asateam {padding-top: 5%; padding-bottom: 5%;} #asateam .title {text-align: center;} #asateam h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; width: 42%; margin: auto; } #asateam .card {padding: 0 60px; min-width: 320px; } #asateam .card h3 {font-size: 34px; line-height: 42px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #asateam .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #asateam .gray {background-color: #F2F7FB; } #asateam .l-img {position: relative; left: -15px; } #asateam .l-img img {width: 100%; } #attendempowers {padding-bottom: 2%;} #attendempowers .title {text-align: center;} #attendempowers h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #attendempowers .why-grid {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; padding: 20px;} #attendempowers .grid-itemdrkblue {background: #1C3866;color:#fff; justify-content: center; align-items: center;} #attendempowers .grid-itemmedblue {background: #225A91;color:#fff; justify-content: center; align-items: center;} #attendempowers .why-grid .card {padding: 35px; } #attendempowers .why-grid .card h3 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.2px; font-style: italic;} #attendempowers .why-grid .card p {font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #attendempowers .icon {margin-bottom: 100px; } #attendempowers .mt--5 {margin-top: -5px; } #attendteam {padding-bottom: 5%;} #attendteam .title {text-align: center;} #attendteam h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #attendteam .card {padding: 0 40px; min-width: 320px; } #attendteam .card h3 {font-size: 34px; line-height: 42px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #attendteam .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #attendteam .card .cta {text-align: left; } #attendteam .cta {text-align: center; margin-top: 60px;} #attendteam .cta-btn {border: 2px solid #225A91; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #attendteam .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #attendteam .gray {background-color: #F2F7FB; } #attendteam .f-img {position: relative; left: -15px; } #attendteam .f-img img {width: 100%; } #attendteam .c-img {position: relative; right: 42px; } #attendteam .c-img img {width: 110%; } #attendteam .g-img {position: relative; left: -15px; } #attendteam .g-img img {width: 100%; } #growtogether {padding-top: 3%; padding-bottom: 5%;} #growtogether .title {text-align: center;} #growtogether h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #growtogether .card {padding: 0 40px; min-width: 320px; } #growtogether .card h3 {font-size: 34px; line-height: 42px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #growtogether .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #growtogether .card ul li {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #growtogether .card .cta {text-align: left; } #growtogether .cta {text-align: center; margin-top: 60px;} #growtogether .cta-btn {border: 2px solid #225A91; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #growtogether .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #growtogether .gray {background-color: #F2F7FB; } #growtogether .w-img {position: relative; right: 42px; } #growtogether .w-img img {width: 110%; } #growtogether .b-img {position: relative; left: -15px; } #growtogether .b-img img {width: 100%; } #impact {padding-top: 4%; padding-bottom: 14%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/Across_Team_1751045208617001xkUR.png) no-repeat top center / cover #ffffff;} #impact h2 {font-size: 34px; line-height: 44px; color: #77ABD7; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.7px; font-family: 'bai-jamjuree';} #impact h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #impact ul li {font-size: 18px; line-height: 24px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; margin-bottom: 10px; } #bring {padding-top: 5%; padding-bottom: 5%; } #bring h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.7px; font-family: 'bai-jamjuree';} #bring h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #bring .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #saveg {padding-top: 7%; padding-bottom: 5%; background: #F2F7FB; } #saveg .title {text-align: center;} #saveg h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #saveg p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #saveg .price {font-size: 36px; line-height: 46px; color: #225A91;; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #saveg .card {padding: 32px 58px; height: 500px; border-left: 48px solid #225A91; background: #fff;} #saveg .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #saveg .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #saveg .disclaimer {font-size: 14px; font-family: 'proxima-nova'; font-style: italic; font-weight: 400; line-height: 18px; text-align: center; color:#000;} #ceo {padding-top: 5%; padding-bottom: 5%; } #ceo h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.7px; font-family: 'bai-jamjuree';} #ceo h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #ceo .blue {color:#225A91; } #ceo .card {padding: 10px; } #ceo .s-img {margin-top: 25%; } #ceo .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #ceo .border-left {border-left: 1px solid #0474B9} /* Executive */ #executive-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-nowm_1771601052053001OYCh.jpg) no-repeat top center / cover #ffffff; position: relative;} #executive-hero .homehero {padding-top: 10%; padding-bottom: 12%; } #executive-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic; width: 50%;} #executive-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #executive-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #executive-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #executive-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #executive-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #executive-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(185px);} #executive-hero .img-overlay img {width: 90%; } #enxexperience {padding-top: 5%; padding-bottom: 5%;} #enxexperience .title {text-align: center;} #enxexperience h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #enxexperience .card {padding: 10px 50px;} #enxexperience .card h3 {font-size: 34px; line-height: 42px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #enxexperience .card h4 {font-size: 18px; line-height: 26px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic; letter-spacing: 0.9px;} #enxexperience .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #enxexperience .gray {background-color: #F2F7FB; } #enxexperience .e-img {position: relative; left: -15px; } #enxexperience .e-img img {width: 100%; } #enxexperience .cta {text-align: center;} #enxexperience .cta-btn {border: 2px solid #225A91; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #enxbenefits {padding-top: 5%; padding-bottom: 5%;} #enxbenefits .title {text-align: center;} #enxbenefits h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #enxbenefits .why-grid {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; padding: 20px;} #enxbenefits .grid-itemdrkblue {background: #1C3866;color:#fff; justify-content: center; align-items: center;} #enxbenefits .grid-itemmedblue {background: #225A91;color:#fff; justify-content: center; align-items: center;} #enxbenefits .why-grid .card {padding: 35px; } #enxbenefits .why-grid .card h3 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.2px; font-style: italic;} #enxbenefits .why-grid .card p {font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #enxbenefits .icon {margin-bottom: 100px; } #enxbenefits .mt--10 {margin-top: -10px; } #enxbenefits .disclaimer {font-size: 14px; line-height: 18px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #reg {padding-top: 5%; padding-bottom: 10%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/EN_1751045208957001xAVJ.png) no-repeat top center / cover #ffffff;} #reg h2 {font-size: 34px; line-height: 44px; color: #77ABD7; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.7px; font-family: 'bai-jamjuree';} #reg h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree'; width: 57%; } #reg p {font-size: 18px; line-height: 24px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 58%;} #reg .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #reg .disclaimer {color:#fff; font-size: 14px; font-weight: 400; text-transform: none; font-style:italic; line-height: 18px; width: 50%; } /* Students */ #students-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-light_1772652843688001TtSB.jpg) no-repeat top center / cover #ffffff; position: relative;} #students-hero .homehero {padding-top: 10%; padding-bottom: 15%; } #students-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic; } #students-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #students-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #students-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #students-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #students-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #students-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(85px);} #students-hero .img-overlay img {width: 73%; } #studentpass {padding-top: 8%; padding-bottom: 5%; background: #F5F8FB;} #studentpass .title {text-align: left; margin-bottom: 30px;} #studentpass h2 {font-size: 34px; line-height: 44px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #studentpass h3 {font-size: 28px; line-height: 32px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.4px; text-align: center;} #studentpass .list {width: 90%; position: relative; right: 6%; } #studentpass .listtext {font-size: 18px; line-height: 20px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; margin-top: -5px; } #studentpass .circle {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: #0474B9; color: #fff; border-radius: 40px; font-family: 'bai-jamjuree'; font-size: 22px; font-weight: 600; } #studentpass .format {position: relative; top: -39px; left: 50px; } #studentpass .p-card {padding: 20px; height: 400px; text-align: center; position: relative; top: 30px; } #studentpass .p-card .badge {position:absolute; top: 0; left: 0; background:#77ABD7; padding: 16px 8px 16px 16px; color: #1C3866; font-size: 16px; line-height: 20px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;border-radius: 0;min-width: 166px; } #studentpass .triangle {position: relative; left: 12px; top: -20px; } #studentpass h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #studentpass .price {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic;} #studentpass .nonmember {font-size: 16px; line-height: 20px; color:#fff; font-weight: 400; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;} #studentpass .save {font-size: 16px; line-height: 20px; color:#fff; font-weight: 400; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;} #studentpass .active {background-color:#1976D2} #studentpass .cta-btn-ghost {background: #fff; color: #265D93; font-size: 18px; text-transform: uppercase; padding: 8px 16px; font-weight: 700; border-radius: 64px; } #studentpass .price-option-label {font-size: 16px; line-height: 24px; color:#fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; cursor: pointer; } #studentpass .cta-btn-ghost {background: #fff; color: #265D93; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #studentpass .r-btns {margin-left: 10px; display: inline-block; } #studentpass label:has(input[type=radio]:checked) .price-option-label {color:#fff;} #connectwith {padding-top: 5%; padding-bottom: 5%;} #connectwith .title {text-align: center;} #connectwith h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #connectwith .card {padding: 10px 50px;} #connectwith .card h3 {font-size: 34px; line-height: 42px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #connectwith .card h4 {font-size: 18px; line-height: 26px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic; letter-spacing: 0.9px;} #connectwith .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #connectwith .gray {background-color: #F2F7FB; } #connectwith .e-img {position: relative; left: -15px; } #connectwith .e-img img {width: 100%; } #connectwith .cta {text-align: center;} #connectwith .cta-btn {border: 2px solid #225A91; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #video {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-video-bg2_1748975823433001jPq6.jpg) no-repeat top center / cover #ffffff;} #video .title {text-align: center;} #video h2 {font-size: 34px; line-height: 44px; color: #fff; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #video h4 {font-size: 22px; line-height: 28px; color: #77ABD7; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #video .video-card {padding-top: 5%; padding-bottom: 5%; } #video .cta {text-align: center;} #video .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } iframe {border:none; } #orlando {background:#0474B9; text-align: center; padding-top: 5%; padding-bottom: 5%; } #orlando .message {text-align: center;} #orlando h2 {font-size: 80px; line-height: 80px; color: #fff; font-weight: 400; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 4px; margin: auto; margin-bottom: 20px; } #orlando h4 {font-size: 34px; line-height: 34px; color: #fff; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7; margin: auto; } #studentbenefits {padding-top: 5%; padding-bottom: 5%;} #studentbenefits .title {text-align: center;} #studentbenefits h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #studentbenefits .top-grid {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; padding: 20px;} #studentbenefits .grid-itemdrkblue {background: #1C3866;color:#fff; justify-content: center; align-items: center;} #studentbenefits .grid-itemmedblue {background: #225A91;color:#fff; justify-content: center; align-items: center;} #studentbenefits .top-grid .card {padding: 35px; } #studentbenefits .top-grid .card h3 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.2px; font-style: italic;} #studentbenefits .top-grid .card p {font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #studentbenefits .bottom-grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; padding: 20px; position: relative; top: -40px;} #studentbenefits .bottom-grid .card {padding: 35px; } #studentbenefits .bottom-grid .card h3 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.2px; font-style: italic;} #studentbenefits .bottom-grid .card p {font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #studentbenefits .icon {margin-bottom: 100px; } #studentbenefits .mt--10 {margin-top: -10px; } #studentbenefits .disclaimer {font-size: 14px; line-height: 18px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #stuattend {padding-top: 5%; padding-bottom: 5%; } #stuattend h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.7px; font-family: 'bai-jamjuree';} #stuattend .list {padding: 0; margin: 0; list-style-type: none;} #stuattend .list li {color: #3F3F3F; font-size: 18px; font-weight: 400; text-align: left; line-height: 24px; margin-bottom: 20px; font-family: 'proxima-nova'; } #stuattend .check {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-checkmark_1749577555459001eAhQ.png) no-repeat; padding-left: 30px; } #stuattend span {position:relative; top: -5px;} #stuattend .disclaimer {color:#3F3F3F; font-size: 14px; font-weight: 400; text-transform: none; font-style:italic; line-height: 18px;} #owning {padding-top: 4%; padding-bottom: 14%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/Student_1751045209563001xdD9.png) no-repeat top center / cover #ffffff;} #owning h2 {font-size: 34px; line-height: 44px; color: #77ABD7; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.7px; font-family: 'bai-jamjuree';} #owning h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #owning p {font-size: 18px; line-height: 24px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 68%;} #owning .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} /* Global */ #global-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-nowm_1771601052053001OYCh.jpg) no-repeat top center / cover #ffffff; position: relative;} #global-hero .homehero {padding-top: 8%; padding-bottom: 10%; } #global-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic; width: 90%;} #global-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; width: 60%; } #global-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #global-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #global-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #global-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #global-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(185px);} #global-hero .img-overlay img {width: 58%; } #globalpassincludes {padding-top: 5%; padding-bottom: 5%; background: #F5F8FB;} #globalpassincludes .title {text-align: left; margin-bottom: 30px;} #globalpassincludes h2 {font-size: 34px; line-height: 44px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #globalpassincludes h3 {font-size: 28px; line-height: 32px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.4px; text-align: center;} #globalpassincludes .list {width: 90%; position: relative; right: 6%; } #globalpassincludes .listtext {font-size: 18px; line-height: 20px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; margin-top: -5px; } #globalpassincludes .circle {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: #0474B9; color: #fff; border-radius: 40px; font-family: 'bai-jamjuree'; font-size: 22px; font-weight: 600; } #globalpassincludes .format {position: relative; top: -39px; left: 50px; } #globalpassincludes .p-card {padding: 20px; height: 450px; text-align: center; position: relative; top: 30px; } #globalpassincludes .p-card .badge {position:absolute; top: 0; left: 0; background:#77ABD7; padding: 16px 8px 16px 16px; color: #1C3866; font-size: 16px; line-height: 20px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;border-radius: 0;min-width: 166px; } #globalpassincludes .triangle {position: relative; left: 12px; top: -20px; } #globalpassincludes h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #globalpassincludes .price {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic;} #globalpassincludes .nonmember {font-size: 16px; line-height: 20px; color:#fff; font-weight: 400; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;} #globalpassincludes .save {font-size: 16px; line-height: 20px; color:#fff; font-weight: 400; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic;} #globalpassincludes .active {background-color:#1976D2} #globalpassincludes .cta-btn-ghost {background: #fff; color: #265D93; font-size: 18px; text-transform: uppercase; padding: 8px 16px; font-weight: 700; border-radius: 64px; } #globalpassincludes .disclaimer {font-size: 14px; font-family: 'proxima-nova';font-style: italic;font-weight: 400;line-height: 18px;text-align: center;color: #fff;} #globalexperience {padding-top: 5%; padding-bottom: 5%;} #globalexperience .title {text-align: center;} #globalexperience h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #globalexperience .card {padding: 10px 50px;} #globalexperience .card h3 {font-size: 34px; line-height: 42px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #globalexperience .card h4 {font-size: 18px; line-height: 26px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic; letter-spacing: 0.9px;} #globalexperience .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #globalexperience .card ul li {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #globalexperience .gray {background-color: #F2F7FB; } #globalexperience .e-img {position: relative; left: -15px; } #globalexperience .e-img img {width: 100%; } #globalexperience .cta {text-align: center;} #globalexperience .cta-btn {border: 2px solid #225A91; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #gvirtualpass {padding-top: 5%; padding-bottom: 5%; background: #77ABD7;} #gvirtualpass .card h2 {font-size: 34px; line-height: 42px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #gvirtualpass .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #gvirtualpass .card .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #globalattendinperson {padding-top: 5%; padding-bottom: 5%;} #globalattendinperson .title {text-align: center;} #globalattendinperson h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #globalattendinperson h4 {font-size: 24px; line-height: 32px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.2px;} #globalattendinperson .why-grid {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; padding: 20px;} #globalattendinperson .grid-itemdrkblue {background: #1C3866;color:#fff; justify-content: center; align-items: center;} #globalattendinperson .grid-itemmedblue {background: #225A91;color:#fff; justify-content: center; align-items: center;} #globalattendinperson .why-grid .card {padding: 35px; } #globalattendinperson .why-grid .card h3 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.2px; font-style: italic;} #globalattendinperson .why-grid .card p {font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #globalattendinperson .icon {margin-bottom: 100px; } #globalattendinperson .mt--10 {margin-top: -10px; } #globalattendinperson .card .disclaimer {font-size: 12px; line-height: 18px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic;} #globalattendinperson .disclaimer {font-size: 13px; line-height: 18px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic;} #ready {padding-top: 5%; padding-bottom: 10%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/International_1751045209227001x0iH.png) no-repeat top center / cover #ffffff;} #ready h2 {font-size: 34px; line-height: 44px; color: #77ABD7; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.7px; font-family: 'bai-jamjuree';} #ready h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree'; width: 57%; } #ready p {font-size: 18px; line-height: 24px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 58%;} #ready .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #ready .disclaimer {color:#fff; font-size: 14px; font-weight: 400; text-transform: none; font-style:italic; line-height: 18px;} /* Program Overview */ #program-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-nowm_1771601052053001OYCh.jpg) no-repeat top center / cover #ffffff; position: relative;} #program-hero .homehero {padding-top: 12%; padding-bottom: 12%; } #program-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic;} #program-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; width: 40%} #program-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 50%; } #program-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #program-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #program-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #program-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(185px);} #program-hero .img-overlay img {width: 83%; } #onehr {padding-top: 5%; padding-bottom: 5%;} #onehr .title {text-align: center;} #onehr h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #onehr .card {padding: 0 80px; min-width: 320px; } #onehr .card h3 {font-size: 34px; line-height: 42px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #onehr .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #onehr .gray {background-color: #F2F7FB; } #onehr .l-img {position: relative; left: -15px; } #onehr .l-img img {width: 100%; } #future {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-program-starthere-bg_1772739435602001OpDl.jpg) no-repeat top center / cover #ffffff; text-align: center; padding-top: 5%; padding-bottom: 5%; } #future .message {text-align: center;} #future h2 {font-size: 40px; line-height: 48px; color: #1C3866; font-weight: 400; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 2px;} #programwhy {padding-top: 3%; padding-bottom: 5%;} #programwhy .title {text-align: center;} #programwhy h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #programwhy .card {padding: 0 40px; min-width: 320px; } #programwhy .card h3 {font-size: 34px; line-height: 42px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #programwhy .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #programwhy .card .cta {text-align: left; } #programwhy .cta {text-align: center; margin-top: 60px;} #programwhy .cta-btn {border: 2px solid #225A91; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #programwhy .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #programwhy .gray {background-color: #F2F7FB; } #programwhy .m-img {position: relative; left: -15px; } #programwhy .m-img img {width: 100%; } #programwhy .c-img {position: relative; right: 42px; } #programwhy .c-img img {width: 110%; } #programwhy .i-img {position: relative; left: -15px; } #programwhy .i-img img {width: 100%; } #agrid {padding-top: 5%; padding-bottom: 5%;background:#D7E6F3;} #agrid h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #agrid .why-grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap:0px; padding: 20px;} #agrid .grid-itemdrkblue {background: #1C3866;color:#fff; display: flex; justify-content: center; align-items: center; padding: 10px;} #agrid .grid-itemmedblue {background: #225A91;color:#fff; display: flex; justify-content: center; align-items: center; padding: 10px;} #agrid .grid-itemlghtblue {background: #0474B9;color:#fff; display: flex; justify-content: center; align-items: center; padding: 10px;} #agrid .why-grid .card h3 {font-size: 24px; line-height: 28px; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree';letter-spacing: 1.2px; font-style: italic;} #agrid .why-grid .card p {font-size: 16px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #agrid .card {padding: 20px; } #agrid .icon img {width: 15%; } #agrid .title {text-align: center;} #session {padding-top: 7%; padding-bottom: 5%;} #session .title {text-align: center;} #session h2 {font-size: 34px; line-height: 42px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #session h4 {font-size: 22px; line-height: 28px; color: #225A91; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree'; font-style: italic;} #session p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #session .card h4 {font-size: 24px; line-height: 32px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.2px; font-style: italic;} #session .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #session .disclaimer {font-size: 14px; font-family: 'proxima-nova'; font-style: italic; font-weight: 400; line-height: 18px; text-align: center;} /* Expo Overview */ #expo-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-light_1772652843688001TtSB.jpg) no-repeat top center / cover #ffffff; position: relative;} #expo-hero .homehero {padding-top: 12%; padding-bottom: 17%; } #expo-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic; width: 90%;} #expo-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; width: 60%; } #expo-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #expo-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #expo-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #expo-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #expo-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(185px);} #expo-hero .img-overlay img {width: 48%; } #expo {padding-top: 5%; padding-bottom: 5%;} #expo .title {text-align: center;} #expo h2 {font-size: 36px; line-height: 46px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #expo .card {padding: 0 40px; min-width: 320px; } #expo .card h3 {font-size: 24px; line-height: 32px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #expo .card p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #expo .gray {background-color: #F2F7FB; } #expo .e-img {position: relative; left: -15px; } #expo .e-img img {width: 100%; } #expo .cta {text-align: center; margin-top: 5%;} #expo .cta-btn {border: 2px solid #225A91; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #ecounter {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-program-starthere-bg_1772739435602001OpDl.jpg) no-repeat top center / cover #ffffff; padding-top: 5%; padding-bottom: 5%; } #ecounter .c-card {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px;} #ecounter .column {flex: 1 1 calc(33.33% - 10px); box-sizing: border-box; padding: 10px; } #ecounter .column .number {font-family: 'bai-jamjuree'; font-size: 80px; font-style:italic; font-weight: 300; line-height: 80px; letter-spacing: 4px; color:#1C3866;} #ecounter .column .desc {font-family: 'bai-jamjuree'; font-size: 22px; font-style:italic; font-weight: 600; line-height: 26px; color:#1C3866; text-transform: none;} #brand {padding-top: 5%; padding-bottom: 10%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-expo-amplify-updated_1751401897121001oswN.jpg) no-repeat top center / cover #ffffff;} #brand h2 {font-size: 34px; line-height: 44px; color: #fff; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.7px; font-family: 'bai-jamjuree'; width: 58%; } #brand .cta-btn {color: #FBB533; font-size: 24px; text-transform: uppercase; font-family: 'bai-jamjuree'; font-weight: 600; font-style: italic; line-height: 32px; letter-spacing: 1.2px; } #contactus {padding-top: 5%; padding-bottom: 5%; } #contactus h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.7px; font-family: 'bai-jamjuree';} #contactus h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #contactus p {font-size: 18px; line-height: 24px; color:#000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 58%;} #contactus .card {padding: 10px; } #contactus .s-img {margin-top: 25%; } #contactus .border-left {border-left: 1px solid #0474B9} /*Exhibitor */ #exhibitor-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-light_1772652843688001TtSB.jpg) no-repeat top center / cover #ffffff; position: relative;} #exhibitor-hero .homehero {padding-top: 12%; padding-bottom: 12%; } #exhibitor-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic; width: 90%;} #exhibitor-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; width: 60%; } #exhibitor-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #exhibitor-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #exhibitor-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #exhibitor-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #exhibitor-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(185px);} #exhibitor-hero .img-overlay img {width: 58%; } #sticky {padding-top: 1%; padding-bottom: 1%; background: #225A91; position:relative; z-index: 1} #sticky .sticky-nav {padding-top: 1%; padding-bottom: 1%; background: #225A91;} #sticky .sticky-nav .nav-links {display: flex; justify-content: space-around; list-style: none;} #sticky .sticky-nav .nav-links li {margin: 0; } #sticky .sticky-nav .nav-links a {font-family: 'bai-jamjuree'; font-size: 22px; font-style:normal; font-weight: 600; line-height: 28px; color:#fff; text-align: center; text-transform: none;} .sticky {position: fixed; top: 92px; left: 0; width: 100%; z-index: 1000; padding-left: 15%; padding-right: 15%; } #booth-grid {padding-top: 8%; padding-bottom: 5%; } #booth-grid h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.7px; font-family: 'bai-jamjuree';} #booth-grid h3 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree';letter-spacing: 1.2px; font-style: italic;} #booth-grid h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree'; text-align: center; font-style: italic; } #booth-grid ul li {font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #booth-grid .row {margin-left: 0; margin-right: 0; } #booth-grid .disclaimer {color:#000; font-size: 14px; font-weight: 400; text-transform: none; font-style:italic; line-height: 18px;} #booth-grid .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #booth-grid .included-container {padding: 40px; background: #1C3866; height: 750px; } #booth-grid .list {padding: 0; margin: 0; list-style-type: none; margin-bottom: 30px; } #booth-grid .bullet {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-filled-check_1750191853817001J9KE.png) no-repeat; padding-left: 40px; margin-bottom: 10px; min-height: 35px;} #booth-grid .unstripetable td, .unstripetable th {border: none; font-family: 'bai-jamjuree'; font-weight: 600;} #booth-grid .item img {width: 100%; } #booth-grid .line {margin-left: -20px; } #booth-grid .cta {text-align: center;} #booth-grid .size {font-family: 'proxima-nova'; font-size:22px; font-style: none; color: #000; line-height: 30px; font-weight: 500;} #booth-grid .cost {font-family: 'bai-jamjuree'; font-size:32px; font-style: italic; color: #1C3866; line-height: 40px; font-weight: 300;} #booth-grid .unstripetable { width:100%; } #booth-grid .unstripetable th { font-family: 'bai-jamjuree'; font-size:24px; font-style: italic; color: #fff; text-align: center; padding:8px 16px; font-weight: 600; font-style:italic; letter-spacing: 1.2px; text-transform: uppercase; background: none; } #booth-grid .unstripetable tr:first-child th:first-child {background: #efefef; } #booth-grid .unstripetable td, .unstripetable th { font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree'; padding; 8px; } #booth-grid .unstripetable td:first-child { text-align: left; } #selling {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-program-starthere-bg_1772739435602001OpDl.jpg) no-repeat top center / cover #ffffff; text-align: center;} #selling h2 {font-size: 36px; line-height: 44px; color: #1C3866; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 2px; font-family: 'bai-jamjuree';} #selling .cta-btn {border: 2px solid #FBB533; background: #FBB533; color: #1C3866; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #resources {padding-top: 5%; padding-bottom: 5%;} #resources .title {text-align: center;} #resources h2 {font-size: 36px; line-height: 46px; color: #fff; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #resources h4 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.2px;} #resources .why-grid {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; padding: 20px;} #resources .grid-itemdrkblue {background: #1C3866;color:#fff; justify-content: center; align-items: center;} #resources .grid-itemmedblue {background: #225A91;color:#fff; justify-content: center; align-items: center;} #resources .why-grid .card {padding: 35px; } #resources .why-grid .card h3 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.2px; font-style: italic;} #resources .why-grid .card p {font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #resources .icon {margin-bottom: 100px; } #resources .mt--10 {margin-top: -10px; } #resources .card .disclaimer {font-size: 12px; line-height: 18px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic;} #resources .disclaimer {font-size: 13px; line-height: 18px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic;} #resources .coming {padding: 4px 6px; border-radius: 32px; background: #D7E6F3;font-size: 12px; font-family: 'proxima-nova'; font-style: italic; font-weight: 600; color:#225A91; } #schedule {padding-top: 5%; padding-bottom: 5%; } #schedule h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #schedule p {font-size: 20px; color: #231F20; line-height: normal; font-family:'proxima-nova'; font-weight:400; text-align: left; } #schedule .content {padding: 15px;} #schedule .unstripetable th { font-family: 'bai-jamjuree'; font-size:22px; color: #fff; text-align: center; padding:8px 16px; font-weight: 600; background: none; font-style:italic; } #schedule .unstripetable td, .unstripetable th {border: 1px solid #77ABD7; font-family: 'bai-jamjuree'; font-weight: 600;} #schedule .rowcolor {background: #D7E6F3; } #schedule .disclaimer {font-size: 14px; font-style:italic; font-weight: 400; line-height: 18px; font-family: 'proxima-nova';} #schedule .why-grid {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; padding: 20px;} #schedule .grid-itemdrkblue {background: #1C3866;color:#fff; justify-content: center; align-items: center; padding: 10px;} #schedule .grid-itemmedblue {background: #225A91;color:#fff; justify-content: center; align-items: center; padding: 10px;} #schedule .grid-itemlghtblue {background: #0474B9;color:#fff; justify-content: center; align-items: center; padding: 10px;} #schedule .why-grid .card {padding: 15px; } #schedule .why-grid .card p {font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';margin-top: 50px; } #schedule .unstripetable { width:100%; } #schedule .unstripetable td, .unstripetable th { font-size:18px; color: #000; border: 1px solid #77ABD7; text-align: center; padding:8px 16px; font-family: 'proxima-nova'; background-color:#D7E6F3; font-style: italic;} #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; } #schedule .unstripetable tr:nth-child(2n) td { background-color: #F2F7FB; } #enhance {padding-top: 5%; padding-bottom: 10%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-exhibitor-enhance_1751401896897001oQCI.jpg) no-repeat top center / cover #ffffff;} #enhance h2 {font-size: 34px; line-height: 44px; color: #77ABD7; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.7px; font-family: 'bai-jamjuree';} #enhance p {font-size: 18px; line-height: 24px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #enhance .cta-btn {color: #FBB533; font-size: 24px; text-transform: uppercase; font-family: 'bai-jamjuree'; font-weight: 600; font-style: italic; line-height: 32px; letter-spacing: 1.2px; } /* Sponsorships */ #sponsorship-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-light_1772652843688001TtSB.jpg) no-repeat top center / cover #ffffff; position: relative;} #sponsorship-hero .homehero {padding-top: 12%; padding-bottom: 17%; } #sponsorship-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic; width: 90%;} #sponsorship-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; width: 60%; } #sponsorship-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #sponsorship-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #sponsorship-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #sponsorship-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #sponsorship-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(185px);} #sponsorship-hero .img-overlay img {width: 58%; } #spopp {padding-top: 8%; padding-bottom: 5%; } #spopp .card {width: 92%; } #spopp .card h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #spopp .card h4 {font-size: 22px; line-height: 28px; color: #225A91; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #spopp .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #spopp .card .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #sponsorship {padding-top: 5%; padding-bottom: 5%; } #sponsorship .card {margin-top: 20px; margin-bottom: 10px; } #sponsorship h2 {font-size: 34px; line-height: 40px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova-condensed'; } #sponsorship h4 {font-size: 24px; line-height: 32px; color: #000; font-weight: 600; font-style: italic; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.2px;} #sponsorship .avail {font-size: 14px; line-height: 18px; color: #000; font-weight: 400; font-style: italic; font-family: 'proxima-nova';} #sponsorship .price {font-size: 22px; line-height: 28px; color: #225A91; font-weight: 600; font-style: normal; font-family: 'bai-jamjuree'; margin-top: 10px; margin-bottom: 10px; } #sponsorship p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; margin-bottom: 15px; } #sponsorship ul li {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; margin-bottom: 5px; } #sponsorship .accordion {background-color: #fff; color: #1B3C69; cursor: pointer; padding: 16px; width: 100%;border: none;text-align: left;outline: none;font-size: 28px;transition: 0.4s; text-transform: uppercase; font-family: 'bai-jamjuree'; font-weight: 600; border: 1px solid #0075B8; border-radius: 4px; letter-spacing: 1.2px; font-style:italic;} #sponsorship .active, #sponsorship .accordion:hover {background-color: #1B3C69; color:#fff; } #sponsorship .accordion:after {content: '\002B';color: #1B3C69;font-weight: bold;float: right;margin-left: 5px;} #sponsorship .active:after {content: "\2212"; color:#fff;} #sponsorship .panel {padding: 0 18px;background-color: white; max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out; border-left: 1px solid #225A91; border-right: 1px solid #225A91; border-bottom: 1px solid #225A91;} #sponsorship .panel p {font-size: 18px; font-weight: 400; line-height: normal; font-family: 'proxima-nova'; color:#000;} #sponsorship .cta-btn {border: 2px solid #225A91; background: #225A91; color: #fff; font-size: 14px; text-transform: uppercase; padding: 8px 10px; font-weight: 700; border-radius: 64px; } #sponsorship .cta {margin-bottom: 40px; margin-top: 40px; } #brand2 {padding-top: 10%; padding-bottom: 10%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-sponsor-bg_1751402199659001hMkH.png) no-repeat top center / cover #ffffff;} #brand2 h2 {font-size: 24px; line-height: 32px; color: #FBB533; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.2px; font-family: 'bai-jamjuree';} /* SAAG */ #saag-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-hero-bg-light_1772652843688001TtSB.jpg) no-repeat top center / cover #ffffff; position: relative;} #saag-hero .homehero {padding-top: 13%; padding-bottom: 13%; } #saag-hero .homehero h1 {color: #fff; font-size: 56px; line-height: 66px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 2.8px; font-style: italic;} #saag-hero .homehero h2 {color: #fff; font-size: 36px; line-height: 46px; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; font-style: italic; } #saag-hero .homehero p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #saag-hero .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #saag-hero .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #saag-hero .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #saag-hero .img-overlay {position: absolute; left: 50%; bottom: 0; transform: translateX(123px);} #saag-hero .img-overlay img {width: 50%; } #schedule {padding-top: 5%; padding-bottom: 5%; } #skey {padding-top: 5%; padding-bottom: 5%; background: #fff; } #skey .schedule-container {height: 150px; background: #F2F7FB; display:grid; padding: 10px 20px; row-gap: 12px; column-gap: 20px; grid-template-rows: repeat(3, minmax(0, 1fr));} #skey h4 {color: #1B3C69;font-family: "Bai Jamjuree";font-size: 16px;font-style: italic;font-weight: 600;line-height: 20px; letter-spacing: 0.8px;text-transform: uppercase;} #skey .keyname {font-size: 14px; line-height: 18px; font-weight: 400; font-family: 'proxima-nova'; font-style: normal; margin-right: 80px; } #skey .key1 {display: inline-flex; align-items: center; gap: 8px; grid-row: 2 / span 1; grid-column: 1 / span 1;} #skey .key2 {display: inline-flex; align-items: center; gap: 8px; grid-row: 2 / span 1; grid-column: 2 / span 1;} #skey .key3 {display: inline-flex; align-items: center; gap: 8px; grid-row: 2 / span 1; grid-column: 3 / span 1;} #skey .key4 {display: inline-flex; align-items: center; gap: 8px; grid-row: 2 / span 1; grid-column: 4 / span 1;} #skey .key5 {display: inline-flex; align-items: center; gap: 8px; grid-row: 3 / span 1; grid-column: 1 / span 1;} #skey .key6 {display: inline-flex; align-items: center; gap: 8px; position: relative; left: 69px; } #skey .key7 {display: inline-flex; align-items: center; gap: 8px; position: relative; left: 141px; } #skey .key8 {display: inline-flex; align-items: center; gap: 8px; position: relative; left: 217px; } #agenda {padding-top: 2%; padding-bottom: 5%; } #agenda h3 {font-size: 24px; line-height: 32px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic; letter-spacing: 1.2px;} #agenda .precon-june15 {grid-column-start: 1; grid-column-end: 4;grid-row-start:14;grid-row-end:22;} #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(60px * 17); /* 15 hours: 7:00am–10:00pm */} #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: #666;width: 60px;pointer-events: none;} #agenda .time-labels span { display: block;height: 60px;line-height: 60px;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%;} #agenda .breakout { background-color: #79ADD8; } #agenda .general { background-color: #F26A42; color: black; } #agenda .lunch { background-color: #BEBEBE; color: black; } #agenda .expo { background-color: #FBB533; } #agenda .precon {background-color: #1b3c69;} #agenda .conf-or {background-color: #0076be;} #agenda .expo-opening {background-color: #77ABD7; color: black; } #agenda .entertain {background-color: #f26a42;} #agenda .event-wrapper {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(34, 30px);column-gap: 10px;} #agenda .cta {text-align: center; } #agenda .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } /* Style tab links */ .tablink {color: #000; 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: 'bai-jamjuree'; font-weight: 600; font-style:italic; letter-spacing: 1.2px; text-transform: uppercase; } .tablink.selected, .tablink:hover, .tablink:focus {color: #225A91;} .tablink.selected {padding-bottom:4px;border-bottom: 4px solid #225A91;} #hours {padding-top: 5%; padding-bottom: 5%; } #hours .unstripetable { width:100%; } #hours .unstripetable td{ font-size:14px; color: #000; text-align: left; padding:8px 16px; border: none; font-family: 'proxima-nova'; } #hours .unstripetable th { font-size: 16px; font-family: 'bai-jamjuree'; font-style:italic; line-height: 20px; letter-spacing: 0.8px; text-transform: uppercase; color:#fff; text-align: left; padding: 8px 16px; } #hours .unstripetable tr:first-child th:first-child {background: #1C3866; color:#fff;} #hours .rowcolor {background: #D7E6F3; } /* Paycom/Disney */ #pd-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-paycom-hero-new-bg2_1772589092933001kG7q.jpg) no-repeat top center / cover #ffffff;} #pd-hero .hero-card {position: relative; text-align: center;} #pd-hero .homehero {padding-top: 9%; padding-bottom: 6%; position: relative;} #pd-hero .homehero .presents {font-size: 32px; font-family: 'proxima-nova'; line-height: 32px; text-transform: none; font-style:normal; font-weight: 400; color:#fff;} #pd-hero .homehero .hours {font-size: 40px; font-family: 'bai-jamjuree'; line-height: 40px; text-transform: uppercase; font-style:italic; font-weight: 700; color:#FBB533; } #pd-hero .hero-card {text-align: center;} #pd-hero h4 {font-size: 24px; font-family: 'proxima-nova'; line-height: 32px; text-transform: none; font-style:normal; font-weight: 400; color:#fff; margin: auto; width: 53%; margin-top: 5%; } #pd-hero .disholly {margin-top: 2%; } #whenends {padding-top: 4%; padding-bottom: 5%; } #whenends .card {text-align: center; background: #F2F7FB; padding: 40px 80px; width: 101.7%; } #whenends .title {text-align: center;} #whenends h2 {font-size: 40px; line-height: 48px; color: #0474B9; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree';} #whenends h3 {font-size: 32px; line-height: 40px; color: #000; font-weight: 500; text-transform: none; font-family: 'proxima-nova';} #whenends h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 500; text-transform: none; font-family: 'proxima-nova'; width: 86%; margin: auto; } #whenends .card p {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #whenends .gray {background: #F2F7FB; } #whenends .indent {width: 70%; margin: auto; } #whenends .moretext {margin-top: 5%; text-align: center; margin-bottom: 2%;} #whenends .cta {margin-top: 5%; text-align: center; } #whenends .cta-btn {background: #1C3866; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; font-family: 'proxima-nova';} #whenends .paycom-img {position: relative; top: -5px; } #poweredby {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-disney-options-bg_1771949663648001Kvux.jpg) no-repeat top center / cover #ffffff;} #poweredby .title {text-align: center;} #poweredby h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 2px;} #poweredby h4 {font-size: 22px; line-height: 30px; color: #fff; font-weight: 500; text-transform: none; font-family: 'proxima-nova';} #poweredby .gray {background: #fff; border-radius: 8px; padding: 40px; } #poweredby .card-grid {display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 16px;} #poweredby .p-grid .top {padding: 20px; text-align: center; ;} #poweredby .p-grid .p-logo {margin-bottom: 20px; } #poweredby .p-grid h3 {font-size: 26px; line-height: 34px; color: #1C3866; font-weight: 500; text-transform: none; font-style: italic; font-family: 'bai-jamjuree'; margin:auto; width: 60%; } #poweredby .p-grid .card {flex: 0 1 calc(33.33% - 20px); border-radius: 8px; background: #F2F7FB; padding: 16px; transition: transform 0.3s ease, box-shadow 0.3s ease; text-align: center;} #poweredby .p-grid .card h4 {font-size: 22px; line-height: 30px; color: #1C3866; font-weight: 500; text-transform: none; font-style: italic; font-family: 'bai-jamjuree';} #poweredby .embed {position: relative; top: 40px; background: #dedede; height: 657px; border-radius: 8px;} #poweredby .formtitle {font-size: 26px; line-height: 34px; color: #1C3866; font-weight: 500; text-transform: none; font-style: italic; font-family: 'bai-jamjuree'; margin-top: 10%;} #poweredby .cta {text-align: center; margin-top: 5%;} #poweredby .cta-btn {background: #FBB533; color: #1C3866; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px;} /*Marketo Paycom Form */ .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {background: #1C3866!important; color: #fff; font-size: 18px; text-transform: uppercase; border: none!important; font-weight: 700; border-radius: 64px; font-family: 'proxima-nova'!important;} .mktoForm * {font-size: 16px; line-height: 30px; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; border: none;} .mktoForm .term-cond {text-align: center!important; font-size: 14px!important; width: 60%} .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField {padding: 10px 5px!important;} .mktoFormRow:first-of-type {padding-top: 20px!important; } #whatexpect {padding-top: 5%; padding-bottom: 5%; } #whatexpect .card {width: 95%; } #whatexpect .title {text-align: center;} #whatexpect h2 {font-size: 40px; line-height: 48px; color: #0474B9; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree';} #whatexpect h4 {font-size: 24px; line-height: 32px; color: #000; font-weight: 500; text-transform: none; font-family: 'proxima-nova';} #whatexpect .e-contain {display: flex; align-items: center; gap: 16px;} #whatexpect .e-img img {width: 100%;} #whatexpect .card {background: #1C3866; } #whatexpect .card .e-title {padding: 24px; } #whatexpect .card .name {font-size: 21px; line-height: 28px; color: #FBB533; font-weight: 500; text-transform: uppercase; font-style: italic; font-family: 'proxima-nova';min-height: 60px; } #whatexpect .card .desc {font-size: 21px; line-height: 28px; color: #fff; font-weight: 500; text-transform: none; font-family: 'proxima-nova';margin-top: 10px; } #knowbefore {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-disney-knowbefore-bg_1771964203662001mKEi.jpg) no-repeat top center / cover #ffffff;} #knowbefore .title {text-align: center;} #knowbefore h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 2px;} #knowbefore h4 {font-size: 22px; line-height: 30px; color: #fff; font-weight: 500; text-transform: none; font-family: 'proxima-nova';} #knowbefore p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #knowbefore .shorter {width: 55%; margin: auto; } #knowbefore .card {text-align: center; width: 400px; } #knowbefore .card .header {margin-bottom: 20px; } #knowbefore .card .header .text {font-size: 22px; font-style: italic; line-height: 30px; color: #fff; font-weight: 500; text-transform: uppercase; font-family: 'bai-jamjuree'; margin-right: 15px; margin-left: 15px; } #knowbefore .card .header .line {height: 4px; background: #FBB533; width: calc(70% + 60px); margin-left: 20px; margin-top: 12px; } #knowbefore .b-card {text-align: center; width: 100%; } #knowbefore .b-card .header {margin-bottom: 20px; } #knowbefore .b-card .header .text {font-size: 22px; font-style: italic; line-height: 30px; color: #fff; font-weight: 500; text-transform: uppercase; font-family: 'bai-jamjuree'; margin-right: 15px; margin-left: 15px; } #knowbefore .b-card .header .line {height: 4px; background: #FBB533; width: calc(100% + 60px); margin-left: 20px; margin-top: 12px; } #shrmexp {padding-top: 8%; padding-bottom: 8%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-shrm26exp-bg_1772027492198001kXlo.jpg) no-repeat top center / cover #ffffff;} #shrmexp .card {text-align: center;} #shrmexp h2 {font-size: 40px; line-height: 48px; color: #1C3866; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 2px; width: 60%; margin: auto; } #shrmexp h4 {font-size: 22px; line-height: 30px; color: #1C3866; font-weight: 500; text-transform: none; font-family: 'proxima-nova';} #shrmexp .cta-btn {background: #FBB533; color: #1C3866; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px;} #paycomtech {padding-top: 5%; padding-bottom: 5%;} #paycomtech .card h2 {font-size: 34px; line-height: 46px; color: #1C3866; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #paycomtech .card h4 {font-size: 22px; line-height: 28px; color: #1C3866; font-weight: 500; text-transform: none; font-family: 'proxima-nova';} #paycomtech .e-img img {width: 100%; } #paycomtech .cta-btn-ghost {border: 2px solid #1C3866; background: transparent; color: #1C3866; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } /*footer*/ #footer {padding-top: 3%; padding-bottom: 2%; background: #1B3C69; position: relative; z-index: 2} #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; } #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; } /* 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: 65%; } #homeheader .navbar-default .navbar-toggle .icon-bar {background-color: #fff; } #homeheader #navbar.navbar nav .btn-ghost {border: 2px solid #0474B9!important; color:#0474B9!important; } #homeheader #navbar.navbar nav .cta-btn {background: #0474B9!important; color:#fff!important;} .caret {display: none!important; } #announcement {top: 80px;} #announcement .message {font-size: 18px; } #bamboo {padding-top: 15%; padding-bottom: 5%; } #bamboo .message img {width: 85%; } #footer {padding-left: 15px; padding-right: 15px; } #footer .spread-icons {text-align: left; } #footer .social {float:none; } #footer .links {float:none; } #footer p {text-align: left; } #footer .logo img {margin-bottom: 20px; } #hero .hero-card {margin-top: 50%; } .homehero {padding-top: 20%; padding-bottom: 0%; } .homehero .hero-card {width: auto; margin-top: 25%; } .homehero .cta {display:grid; } .homehero .cta-btn {margin-bottom: 20px; } .homehero .cta-btn-ghost {margin-left: 0; } .homehero img {width: 100%; } #faqs {padding-left: 15px; padding-right: 15px; } .mobile {display: block} .desktop {display: none; } #announcement {top: 0; } #ohero .homehero {padding-bottom: 95%; } #ohero .hero-card {top: 0; } #ohero .kicker {font-size: 25px; line-height: 32px; letter-spacing: 1.25px;} #ohero .homehero h1 {font-size: 40px; line-height: 40px; width: 100%; letter-spacing: 2px; } #ohero .homehero h2 {width: 100%; } #ohero .homehero p {width: 100%; } #ohero .homehero .cta {display: grid; } #ohero .img-overlay {max-width: 100%; right: -85px; } #ohero .img-overlay img {width: 100%; } #ohero .img-overlay2 {max-width: 64%; left: -30px} #ohero .img-overlay2 img {width: 100%; } #ohero .homehero .cta-btn-ghost {margin-left: 0; } #rhero .homehero {padding-bottom: 90%; } #rhero .hero-card {top: 10px; } #rhero .homehero h1 {font-size: 64px; line-height: 55px; } #rhero .homehero h2 {font-size: 36px; line-height: 20px; } #rhero .datetimeloc {margin-top: 40px; } #rhero .homehero .cta {display: grid; } #rhero .homehero .cta-btn-ghost {margin-left: 0; } #rhero .img-overlay {right: 10%; } #shero .homehero {padding-top: 30%; padding-bottom: 110%; } #shero .hero-card {top: 0; margin-top: 11%; } #shero .homehero h1 {font-size: 32px; line-height: 40px; width: 100%; letter-spacing: 2px; } #shero .homehero h2 {font-size: 22px; line-height: 30px; letter-spacing: 1.25px;} #shero .homehero p {width: 100%; } #shero .homehero .cta {display: grid; } #shero .img-overlay {left: 0; transform: translateX(0px);} #shero .img-overlay img {width: 100%; } #shero .homehero .cta-btn-ghost {margin-left: 0; } #counter {background: #1b3c69; padding-bottom: 15%; } #counter .c-card {text-align: center; display: block;} #counter .column .number {font-size: 40px; line-height: 45px; letter-spacing: 2px; ;} #counter .mt-40, #counter .mt-100 {margin-top: 0; } #counter h2 {font-size: 24px; line-height: 32px; letter-spacing: 1.2px; text-align: center;} #counter .cl-img {text-align: center;} #counter .cl-img img {width: 80%; } #save .i-card {padding: 32px 40px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-save-inperson-m-bg2_1768778306743001ANE6.jpg) no-repeat top center / cover #ffffff; height: auto; margin-top: 25px; } #save .g-card {padding: 32px 40px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-save-group-m-bg2_1768778306638001AsqE.jpg) no-repeat top center / cover #ffffff; height: auto; margin-top: 25px; } #save .mt-60 {margin-top: 20px; } #save .i-img {margin-top: 20px; } #save h4 {width: 90%; } #key {padding-bottom: 15%; } #key h2 {width: 100%; font-size: 24px; line-height: 32px; letter-spacing: 1.2px;} #key .title {padding-left: 5px; padding-right: 5px; } #key .card h3 {font-size: 20px; line-height: 26px; letter-spacing: 1px; } #key .card {padding: 0 20px; min-width: auto; } #key .r-img, #key .f-img, #key .i-img {left: 0; margin-top: 25px; } #key .g-img img, #key .c-img img {width: 100%;} #key .c-img, #key .g-img {right: 0; } #key .g-img, #key .c-img {top: 20px; margin-top: 30px; } #key .f-img {top: 10px; } #key .mt-60 {margin-top: 40px; } #key .mt-100 {margin-top: 40px; } #key .mt-15 {margin-top: 40px; } #video-sizzle {padding-bottom: 15%; } #video-sizzle .cta {margin-top: 20px; } #more {padding-bottom: 10%; } #more h2 {text-align: center; } #more p {width: 100%; } #sizzlevideo {text-align: center; } #sizzlevideo .bamboomessage {font-size: 24px; } #sizzlevideo .bamboomessage img {width: 85%; right: 0; } #presenting {padding-bottom: 13%; } #video {padding-bottom: 15%; } #video .title {padding: 10px; } #video .cta {margin-top: 25px; } /*Rates */ #rates-hero .homehero {padding-top: 10%; padding-bottom: 110%; } #rates-hero .hero-card {top: 0; } #rates-hero .homehero h1 {font-size: 40px; line-height: 50px; width: 100%; letter-spacing: 2px; } #rates-hero .homehero h2 {font-size: 26px; line-height: 32px; letter-spacing: 1.25px;} #rates-hero .homehero p {width: 100%; } #rates-hero .homehero .cta {display: grid; } #rates-hero .img-overlay {left: 0; transform: translateX(45px)} #rates-hero .img-overlay img {width: 80%; } #rates-attend {padding-top: 10%; padding-bottom: 10%; background: #1b3c69;} #rates-attend .link-card {left: 0; margin-top: 50px; } #rates-attend .mt-50 {margin-top: 25px;} #pass .card {margin-bottom: 20px; margin-top: 10%; height: auto; } #pass .tablink {font-size: 16px; } #pass .r-btns {text-align: center; } #pass label {display: flex;} #pass .ratebox {width: auto; height: auto; border-right: none; padding-bottom: 20px; } #pass .card .badge {min-width: 204px; } #pass .card .price {margin-top: 20px; } #exec {background: #1b3c69; padding-bottom: 12%} #exec .content {left: 0; top: 0; padding: 5px; } #exec h2 {font-size: 32px; } #cancel h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #cancel {padding-left: 15px; padding-right: 15px;} /* Hotel - Venue */ #hotel-hero .homehero {padding-top: 10%; padding-bottom: 110%; } #hotel-hero .hero-card {top: 0; } #hotel-hero .homehero h1 {font-size: 40px; line-height: 50px; width: 100%; letter-spacing: 2px; } #hotel-hero .homehero h2 {font-size: 26px; line-height: 32px; letter-spacing: 1.25px;} #hotel-hero .homehero p {width: 100%; } #hotel-hero .homehero .cta {display: grid; } #hotel-hero .img-overlay {left: 0; transform: translateX(74px);} #hotel-hero .img-overlay img {width: 65%; } #venueinfo {background: #fff; } #travel .card {padding: 16px 20px; height: auto; min-width: auto; margin-bottom: 15px; } #travel .mt-40 {margin-top: 0; } #travel h2 {font-size: 28px; line-height: 34px; } #travel .card h2 {font-size: 28px; line-height: 34px;} #todo {padding-bottom: 15%; } #todo h2 {width: 100%; font-size: 24px; line-height: 32px; letter-spacing: 1.2px;} #todo .title {padding-left: 5px; padding-right: 5px; } #todo .card h3 {font-size: 20px; line-height: 26px; letter-spacing: 1px; } #todo .card {padding: 0 20px; min-width: auto; height: 130px; } #todo .w-img, #todo .g-img {left: 0; margin-top: 25px; } #todo .u-img img, #todo .c-img img {width: 100%;} #todo .a-img, #todo .u-img {right: 0; } #todo .u-img, #todo .a-img {top: 20px; margin-top: 30px; } #todo .g-img {top: 10px; } #todo .mt-60 {margin-top: 40px; } #todo .mt-100 {margin-top: 40px; } #todo .mt-15 {margin-top: 40px; } /* Convince Boss */ #boss-hero .homehero {padding-top: 10%; padding-bottom: 110%; } #boss-hero .hero-card {top: 0; } #boss-hero .homehero h1 {font-size: 40px; line-height: 50px; width: 100%; letter-spacing: 2px; } #boss-hero .homehero h2 {font-size: 26px; line-height: 32px; letter-spacing: 1.25px;} #boss-hero .homehero p {width: 100%; } #boss-hero .homehero .cta {display: grid; } #boss-hero .img-overlay {right: 0; } #boss-hero .img-overlay img {width: 70%; } #five h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #five {padding-left: 15px; padding-right: 15px;} #five .header .text {font-size: 22px; letter-spacing: normal;} /*Recertification */ #recert-hero .homehero {padding-top: 10%; padding-bottom: 110%; } #recert-hero .hero-card {top: 0; } #recert-hero .homehero h1 {font-size: 40px; line-height: 50px; width: 100%; letter-spacing: 2px; } #recert-hero .homehero h2 {font-size: 26px; line-height: 32px; letter-spacing: 1.25px;} #recert-hero .homehero p {width: 100%; } #recert-hero .homehero .cta {display: grid; } #recert-hero .img-overlay {left: 0; transform: translateX(75px);} #recert-hero .img-overlay img {width: 60%; } #recert {padding-bottom: 15%; } #recert h2 {font-size: 28px; line-height: 34px; width: 90%; margin: auto;} #recert .e-img {left: 0;} #recert .card h3 {font-size: 26px; line-height: 34px; } #recert .card {padding: 0 20px 20px;} /* What People Saying */ #what-hero .homehero {padding-top: 10%; padding-bottom: 110%; } #what-hero .hero-card {top: 0; } #what-hero .homehero h1 {font-size: 40px; line-height: 50px; width: 100%; letter-spacing: 2px; } #what-hero .homehero h2 {font-size: 26px; line-height: 32px; letter-spacing: 1.25px;} #what-hero .homehero p {width: 100%; } #what-hero .homehero .cta {display: grid; } #what-hero .img-overlay {left: 0; transform: translateX(5px);} #what-hero .img-overlay img {width: 80%; } #whatpeoplesaying {padding-left: 15px; padding-right: 15px; } #whatpeoplesaying h2 {font-size: 28px; line-height: 34px; } /* Networking */ #network-hero .homehero {padding-top: 10%; padding-bottom: 110%; } #network-hero .hero-card {top: 0; } #network-hero .homehero h2 {font-size: 26px; line-height: 26px; letter-spacing: 1.25px;} #network-hero p {width: 100%; } #network-hero .homehero h1 {font-size: 40px; line-height: 40px; width: 100%; letter-spacing: 2px; } #network-hero .homehero p {width: 100%; } #network-hero .img-overlay {left: 0; transform: translateX(0px)} #network-hero .img-overlay img {width: 100%; } #networking {padding-bottom: 15%; } #networking h2 {font-size: 28px; line-height: 34px; width: 90%; margin: auto;} #networking .e-img {left: 0;} #networking .card h3 {font-size: 26px; line-height: 34px; } #networking .card {padding: 0 20px 20px;} #types .t-card {display: block;} /* Event Policy */ #ep-hero .homehero {padding-top: 10%; padding-bottom: 110%; } #ep-hero .hero-card {top: 0; } #ep-hero .homehero h1 {font-size: 40px; line-height: 50px; width: 100%; letter-spacing: 2px; } #ep-hero .homehero h2 {font-size: 26px; line-height: 32px; letter-spacing: 1.25px;} #ep-hero .homehero p {width: 100%; } #ep-hero .homehero .cta {display: grid; } #ep-hero .img-overlay {left: 0; transform: translateX(46px);} #ep-hero .img-overlay img {width: 72%; } #policy .content {padding: 20px;} /* In Person */ #in-person-hero .homehero {padding-top: 30%; padding-bottom: 110%; } #in-person-hero .homehero .hero-card {top: 0; margin-top: 0; } #in-person-hero h2 {font-size: 26px; line-height: 32px; letter-spacing: 1.25px;} #in-person-hero .homehero h1 {font-size: 40px; line-height: 50px; width: 100%; letter-spacing: 2px; } #in-person-hero .homehero p {width: 100%; } #in-person-hero .homehero .cta {display: grid; } #in-person-hero .img-overlay {left: 0; transform: translateX(4px)} #in-person-hero .img-overlay img {width: 70%; } #passincludes h2 {font-size: 28px; line-height: 34px; } #inperson h2 {font-size: 28px; line-height: 34px; } #inperson {padding-bottom: 15%; } #inperson .u-img img, #inperson .c-img img {width: 100%;} #inperson .l-img, #inperson .g-img, #inperson .i-img {left: 0; } #inperson .f-img, #inperson .p-img {right: 0; } #inperson .p-img, #inperson .f-img, #inperson .g-img, #inperson .i-img {top: 30px; } #inperson .card {padding: 0 20px; } #inperson .mt-100 {margin-top: 50px; } /* Virtual */ #virtual-hero .homehero h1 {width: 100%; } #virtual-hero .homehero .hero-card {margin-top: 20%;} #virtual-hero .homehero img {position: relative; top: 60px;} #virtual h2 {font-size: 28px; line-height: 34px; } #virtual {padding-bottom: 15%; } #virtual .u-img img, #virtual .c-img img {width: 100%;} #virtual .c-img, #virtual .lj-img, #virtual .n-img {left: 0; } #virtual .w-img, #virtual .s-img, #virtual .f-img {right: 0; } #virtual .s-img, #virtual .w-img, #virtual .lj-img, #virtual .n-img, #virtual .f-img {top: 30px; } #virtual .card {padding: 0 20px; } #virtual .mt-100 {margin-top: 50px; } #makeit {background: #1C3866; } #makeit h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #makeit p {width: 100%; } #makeit .content {padding: 20px; } /* Team */ #team-hero .homehero {padding-top: 30%; padding-bottom: 100%; } #team-hero .homehero .hero-card {top: 0; margin-top: 0; } #team-hero h2 {font-size: 26px; line-height: 32px; letter-spacing: 1.25px;} #team-hero .homehero h1 {font-size: 40px; line-height: 50px; width: 100%; letter-spacing: 2px; } #team-hero .homehero p {width: 100%; } #team-hero .homehero .cta {display: grid; } #team-hero .img-overlay {left:0; transform: translateX(4px);} #team-hero .img-overlay img {width: 100%; } #teampassincludes {padding-bottom: 20%; } #teampassincludes h2 {font-size: 28px; line-height: 34px; } #asateam .card {padding: 0 20px 20px; } #asateam h2 {width: 90%; font-size: 28px; line-height: 36px; } #asateam .card h3 {font-size: 26px; line-height: 34px; } #asateam .l-img {position: relative; left: 0; } #asateam .l-img img {width: 100%; } #attendteam h2 {font-size: 28px; line-height: 34px; } #attendteam {padding-bottom: 15%; } #attendteam .c-img img {width: 100%;} #attendteam .f-img, #attendteam .g-img {left: 0; } #attendteam .c-img {right: 0; } #attendteam .c-img, #attendteam .g-img {top: 30px; } #attendteam .card {padding: 0 20px; } #attendteam .card h3 {font-size: 26px; line-height: 34px; } #attendteam .mt-100 {margin-top: 50px; } #attendempowers .title {margin:auto; width: 90%;} #attendempowers h2 {font-size: 28px; line-height: 34px;} #attendempowers .why-grid {display: block;} #growtogether h2 {font-size: 28px; line-height: 34px; } #growtogether {padding-bottom: 15%; } #growtogether .w-img img {width: 100%;} #growtogether .b-img {left: 0; } #growtogether .w-img {right: 0; } #growtogether .w-img, #growtogether .b-img {top: 30px; } #growtogether .card {padding: 0 20px; } #growtogether .card h3 {font-size: 26px; line-height: 34px;} #growtogether .mt-100 {margin-top: 50px; } #impact {background: #1C3866; } #impact h2 {color:#fff;} #bring {padding-bottom: 15%; } /* Executive */ #executive-hero .homehero {padding-top: 30%; padding-bottom: 100%; } #executive-hero .homehero .hero-card {top: 0; margin-top: 0; } #executive-hero h2 {font-size: 26px; line-height: 32px; letter-spacing: 1.25px;} #executive-hero .homehero h1 {font-size: 40px; line-height: 50px; width: 100%; letter-spacing: 2px; } #executive-hero .homehero h2 {font-size: 28px; line-height: 36px; width: 100%; letter-spacing: 1px; } #executive-hero .homehero p {width: 100%; } #executive-hero .homehero .cta {display: grid; } #executive-hero .img-overlay {left: 0; transform: translateX(45px)} #executive-hero .img-overlay img {width: 70%; } #globalpassincludes h2 {font-size: 28px; line-height: 34px; } #enxexperience {padding-bottom: 15%; } #enxexperience h2 {font-size: 28px; line-height: 34px; width: 90%; margin: auto;} #enxexperience .e-img {left: 0;} #enxexperience .card h3 {font-size: 26px; line-height: 34px; } #enxexperience .card {padding: 0 20px 20px;} #enxbenefits .title {margin:auto; width: 90%;} #enxbenefits h2 {font-size: 28px; line-height: 34px;} #enxbenefits .why-grid {display: block;} #reg {background: #1C3866; } #reg h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #reg p {width: 100%; } #reg .content {padding: 20px; } #reg .disclaimer {width: 100%; } /* Student */ #students-hero .homehero {padding-top: 30%; padding-bottom: 100%; } #students-hero .homehero .hero-card {top: 0; margin-top: 0; } #students-hero h2 {font-size: 26px; line-height: 32px; letter-spacing: 1.25px;} #students-hero .homehero h1 {font-size: 40px; line-height: 50px; width: 100%; letter-spacing: 2px; } #students-hero .homehero p {width: 100%; } #students-hero .homehero .cta {display: grid; } #students-hero .img-overlay {left: 0; transform: translateX(4px)} #students-hero .img-overlay img {width: 100%; } #studentpass {padding-bottom: 20%; } #studentpass h2 {font-size: 28px; line-height: 34px; } #connectwith {padding-top: 10%; padding-bottom: 15%; } #connectwith h2 {font-size: 28px; line-height: 34px; width: 90%; margin: auto;} #connectwith .e-img {left: 0;} #connectwith .card h3 {font-size: 26px; line-height: 34px; } #connectwith .card {padding: 0 20px 20px;} #studentbenefits .title {margin:auto; width: 90%;} #studentbenefits h2 {font-size: 28px; line-height: 34px;} #studentbenefits .top-grid, #studentbenefits .bottom-grid {display: block;} #owning {background: #1C3866; } #owning .content {text-align: center;} #owning h2 {font-size: 28px; line-height: 34px; color: #fff;} #owning p {width: 100%;} #orlando h2 {font-size: 40px; line-height: 48px;} #orlando h4 {font-size: 24px; line-height: 32px;} #orlando .message {padding: 20px; } #orlando {padding-top: 5%; padding-bottom: 10%; } /* Global */ #global-hero .homehero {padding-top: 30%; padding-bottom: 100%; } #global-hero .homehero .hero-card {top: 0; margin-top: 0; } #global-hero h2 {font-size: 26px; line-height: 32px; letter-spacing: 1.25px;} #global-hero .homehero h1 {font-size: 40px; line-height: 50px; width: 100%; letter-spacing: 2px; } #global-hero .homehero h2 {font-size: 28px; line-height: 36px; width: 100%; letter-spacing: 1px; } #global-hero .homehero p {width: 100%; } #global-hero .homehero .cta {display: grid; } #global-hero .img-overlay {left: 0; transform: translateX(45px)} #global-hero .img-overlay img {width: 70%; } #globalpassincludes h2 {font-size: 28px; line-height: 34px; } #globalexperience {padding-top: 10%; padding-bottom: 15%; } #globalexperience h2 {font-size: 28px; line-height: 34px; width: 90%; margin: auto;} #globalexperience .e-img {left: 0;} #globalexperience .card h3 {font-size: 26px; line-height: 34px; } #globalexperience .card {padding: 0 20px 20px;} #globalattendinperson .title {margin:auto; width: 90%;} #globalattendinperson h2 {font-size: 28px; line-height: 34px;} #globalattendinperson .why-grid {display: block;} #gvirtualpass {padding-bottom: 10%;} #gvirtualpass .card h2 {font-size: 28px; line-height: 34px;} #gvirtualpass .v-img {margin-top: 25px;} #ready {background: #1C3866; } #ready .content {padding: 20px; } #ready h2 {font-size: 28px; line-height: 34px; letter-spacing: 1.2px;} #ready h4 {width: 100%; } #ready p {width: 100%; } /* Program Overview */ #program-hero .homehero {padding-top: 10%; padding-bottom: 110%; } #program-hero .hero-card {top: 0; } #program-hero .homehero h2 {font-size: 26px; line-height: 26px; letter-spacing: 1.25px;} #program-hero p {width: 100%; } #program-hero .homehero h1 {font-size: 40px; line-height: 40px; width: 100%; letter-spacing: 2px; } #program-hero .homehero p {width: 100%; } #program-hero .img-overlay {left: 0; transform: translateX(0px)} #program-hero .img-overlay img {width: 100%; } #meancon .e-img img {width: 100%; } #onehr .card {padding: 0 20px 20px; } #onehr h2 {width: 90%; font-size: 28px; line-height: 36px; } #onehr .card h3 {font-size: 26px; line-height: 34px; } #onehr .l-img {position: relative; left: 0; } #onehr .l-img img {width: 100%; } #future h2 {width: 100%; font-size: 22px; line-height: 34px; letter-spacing: normal; } #programwhy h2 {font-size: 28px; line-height: 34px; } #programwhy {padding-bottom: 15%; } #programwhy .c-img img {width: 100%;} #programwhy .m-img, #programwhy .i-img {left: 0; } #programwhy .c-img {right: 0; } #programwhy .c-img, #programwhy .i-img {top: 30px; } #programwhy .card {padding: 0 20px; } #programwhy .card h3 {font-size: 26px; line-height: 34px; } #programwhy .mt-100 {margin-top: 50px; } #agrid h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #agrid .why-grid {display: block; } #session h2 {font-size: 28px; line-height: 34px; } #session h4 {font-size: 20px; } #session .card {text-align: center; } #session .card h4 {width: 100%; margin-bottom: 25px;} /* Exop Overview */ #expo-hero .homehero {padding-top: 40%; padding-bottom: 100%; } #expo-hero .homehero .hero-card {top: 0; margin-top: 0; } #expo-hero h2 {font-size: 26px; line-height: 32px; letter-spacing: 1.25px;} #expo-hero .homehero h1 {font-size: 40px; line-height: 50px; width: 100%; letter-spacing: 2px; } #expo-hero .homehero h2 {font-size: 28px; line-height: 36px; width: 100%; letter-spacing: 1px; } #expo-hero .homehero p {width: 100%; } #expo-hero .homehero .cta {display: grid; } #expo-hero .img-overlay {left: 0; transform: translateX(45px)} #expo-hero .img-overlay img {width: 65%; } #expo-hero .homehero .cta-btn-ghost {margin-left: 0;} #expo .card {padding: 0 20px 20px; } #expo h2 {width: 90%; font-size: 28px; line-height: 36px; } #expo .card h3 {font-size: 26px; line-height: 34px; } #expo .e-img {position: relative; left: 0; } #expo .e-img img {width: 100%; } #brand .content {padding: 20px; } #brand h2 {width: 100%; font-size: 26px; line-height: 34px; letter-spacing: 1.2px; } #brand {background: #1C3866;} #brand .cta-btn {font-size: 18px; } #ecounter .c-card {gap: 2px;} /* Exhibitor */ #exhibitor-hero .homehero {padding-top: 40%; padding-bottom: 100%; } #exhibitor-hero .homehero .hero-card {top: 0; margin-top: 0; } #exhibitor-hero h2 {font-size: 26px; line-height: 32px; letter-spacing: 1.25px;} #exhibitor-hero .homehero h1 {font-size: 40px; line-height: 50px; width: 100%; letter-spacing: 2px; } #exhibitor-hero .homehero h2 {font-size: 28px; line-height: 36px; width: 100%; letter-spacing: 1px; } #exhibitor-hero .homehero p {width: 100%; } #exhibitor-hero .homehero .cta {display: grid; } #exhibitor-hero .img-overlay {left: 0; transform: translateX(45px)} #exhibitor-hero .img-overlay img {width: 65%; } #exhibitor-hero .homehero .cta-btn-ghost {margin-left:0; } #booth-grid {padding-bottom: 15%; } #booth-grid .included-container {height: auto; } #booth-grid .item img {width: 80%; } #booth-grid .item {text-align: center; } #selling {padding-bottom: 10%;} #selling h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #resources .title {margin:auto; width: 90%;} #resources h2 {font-size: 28px; line-height: 34px;} #resources .why-grid {display: block;} #schedule .why-grid {display: block; } #schedule {padding-left: 15px; padding-right: 15px; } #enhance {background: #1C3866;} #enhance h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } /*Sponsorship */ #sponsorship-hero .homehero {padding-top: 40%; padding-bottom: 100%; } #sponsorship-hero .homehero .hero-card {top: 0; margin-top: 0; } #sponsorship-hero h2 {font-size: 26px; line-height: 32px; letter-spacing: 1.25px;} #sponsorship-hero .homehero h1 {font-size: 40px; line-height: 50px; width: 100%; letter-spacing: 2px; } #sponsorship-hero .homehero h2 {font-size: 28px; line-height: 36px; width: 100%; letter-spacing: 1px; } #sponsorship-hero .homehero p {width: 100%; } #sponsorship-hero .homehero .cta {display: grid; } #sponsorship-hero .img-overlay {left: 0; transform: translateX(45px)} #sponsorship-hero .img-overlay img {width: 70%; } #sponsorships .content {padding: 20px; } #sponsorships .header .text {font-size: 22px; letter-spacing: normal; white-space: normal;} #brand2 .content {padding: 20px; } #brand2 h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #brand2 {background: #1C3866;} #sponsorship .accordion {font-size: 18px; } /* saag */ #saag-hero .homehero {padding-top: 30%; padding-bottom: 100%; } #saag-hero .homehero .hero-card {top: 0; margin-top: 0; } #saag-hero h2 {font-size: 26px; line-height: 32px; letter-spacing: 1.25px;} #saag-hero .homehero h1 {font-size: 40px; line-height: 50px; width: 100%; letter-spacing: 2px; } #saag-hero .homehero h2 {font-size: 28px; line-height: 36px; width: 100%; letter-spacing: 1px; } #saag-hero .homehero p {width: 100%; } #saag-hero .homehero .cta {display: grid; } #saag-hero .img-overlay {left: 0; transform: translateX(45px)} #saag-hero .img-overlay img {width: 70%; } #skey {padding-top: 5%; } #skey .schedule-container {height: auto; grid-template-rows: none; } #skey .key6, #skey .key7, #skey .key8 {display: block; left: 0; } #skey .mt-20 {margin-top: 0;} #agenda .div-toggle {width: 100%;font-size: 24px;text-align: center;font-family: 'proxima-nova';background: #fff;padding: 5px;border: 1px solid #233A65; text-transform: none;color: #233A65; 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: 100px; margin-top: 30px; margin-bottom: 30px; } #agenda .event-title {text-align: center;} #hours .unstripetable {margin-bottom: 25px; } /*Disney */ #pd-hero .homehero {padding-bottom: 30%; } #pd-hero .homehero img {width: auto; } #pd-hero h4 {width: 100%; } #whenends .title {width: 90%; margin: auto; } #whenends .card {padding: 25px; height: 500px; } #whenends .indent {width: 100%; } #whenends .cta {margin-top: 10%;} #poweredby .p-grid {padding: 0; } #poweredby .p-grid h3 {width: 100%; } #poweredby .card-grid {display:grid} #poweredby .gray {padding: 20px; padding-bottom: 20%; } .mktoFieldWrap {width: 300px!important; } #whatexpect .e-contain {display: grid; } #whatexpect .e-img img {width: 100%;} #whatexpect .card {width: 90%; margin: auto; } #knowbefore .title {width: 90%; margin: auto;} #knowbefore .card {margin-top: 25px; width: 100%;} #knowbefore .card .header .aline {width: 17%; } #knowbefore .mt-40 {margin-top: 0; } #knowbefore .b-card {margin-top: 40px; } #knowbefore .shorter {width: 100%; } #knowbefore .b-card .header .line {width: 90%; } #whenends, #shrmexp, #knowbefore, #whatexpect, #poweredby {padding-bottom: 15%; } #shrmexp h2 {width: 90%; } #shrmexp h4 {width: 90%; margin: auto;} #paycomtech {padding-bottom: 25%; } #paycomtech .card {width: 100%; } } /* Tablet (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .homehero {padding-top: 10%; padding-bottom: 10%; } .homehero .cta-btn-ghost {position:relative; top: 20px; } #ohero .img-overlay {right: -45%; } #ohero .img-overlay img {width: 66%; } #ohero .img-overlay2 {right: 0; } #ohero .img-overlay2 img {width: 64%; } #ohero .homehero .cta-btn {padding: 8px 16px; } #ohero .homehero .cta-btn-ghost {padding: 8px 16px; } #rates-hero .img-overlay {right: -5%; } #rates-hero .img-overlay img {width: 75%; } #hotel-hero .img-overlay {right: 5%; } #hotel-hero .img-overlay img {width: 75%;} #boss-hero .img-overlay {right: -5%; } #boss-hero .img-overlay img {width: 71%; } #network-hero .img-overlay {right: -22%; } #network-hero .img-overlay img {width: 65%; } #ep-hero .img-overlay {right: -52%; } #ep-hero .img-overlay img {width: 26%; } #ohero .homehero h1 {font-size: 44px; line-height: 50px; } #ohero .r-img {left: -58px; } #ohero .l-img {right: 109px; } #ohero .homehero .cta-btn {position: relative; top: 19px; } #recert-hero .img-overlay {right: 2%; } #recert-hero .img-overlay img {width: 68%; } #what-hero .img-overlay {right: -52%; } #what-hero .img-overlay img {width: 26%; } } @media only screen and (min-width: 1025px) and (max-width: 1476px) { #ohero .img-overlay {right: -23%; } #ohero .img-overlay img {width: 65%; } #ohero .img-overlay2 {right: 13%; } #ohero .img-overlay2 img {width: 63%; } #rates-hero .img-overlay {right: -5%; } #rates-hero .img-overlay img {width: 75%; } #hotel-hero .img-overlay {right: 5%; } #hotel-hero .img-overlay img {width: 75%;} #boss-hero .img-overlay {right: -5%; } #boss-hero .img-overlay img {width: 71%; } #network-hero .img-overlay {right: -22%; } #network-hero .img-overlay img {width: 65%; } #ep-hero .img-overlay {right: -52%; } #ep-hero .img-overlay img {width: 26%; } #recert-hero .img-overlay {right: 2%; } #recert-hero .img-overlay img {width: 68%; } #what-hero .img-overlay {right: -52%; } #what-hero .img-overlay img {width: 26%; } #team-hero .img-overlay {right: -22%; } #team-hero .img-overlay img {width: 75%; } #in-person-hero .img-overlay {right: 6%; } #in-person-hero .img-overlay img {width: 77%; } } @media only screen and (min-width: 2600px) { #rhero .img-overlay {right: 30%; } #ohero .img-overlay {right: 18%;} #ohero .img-overlay img{width: 110%;} #ohero .img-overlay2 {right: 35%;} #ohero .img-overlay2 img{width: 107%;} #rates-hero .img-overlay {right: 35%; } #rates-hero .img-overlay img {width: 130%; } #hotel-hero .img-overlay {right: 37%; } #hotel-hero .img-overlay img {width: 140%;} #boss-hero .img-overlay {right: 35%; } #boss-hero .img-overlay img {width: 140%; } #network-hero .img-overlay {right: 34%; } #network-hero .img-overlay img {width: 145%; } #ep-hero .img-overlay {right: 22%; } #ep-hero .img-overlay img {width: 71%; } #recert-hero .img-overlay {right: 36%; } #recert-hero .img-overlay img {width: 150%; } #what-hero .img-overlay {right: 22%; } #what-hero .img-overlay img {width: 71%; } #team-hero .img-overlay {right: 7%; } #team-hero .img-overlay img {width: 127%; } #in-person-hero .img-overlay {right: 27%; } #in-person-hero .img-overlay img {width: 125%; } }