.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; } .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: #FBB533; /* 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: #FBB531; /* 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: #FBB533; /* 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: #FBB531; /* 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: #FBB533; /* 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: #FBB531; /* Change fill color */} #announcement {background:#f26a42; padding: 16px 20px; text-align: center; position: fixed; top: 0; width: 100%; z-index: 1} #announcement .message {color:#fff; font-size: 22px; line-height: 24px; font-weight: 600; font-family: 'bai-jamjuree'; text-transform: none; } #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: 14px; text-transform: uppercase; padding: 8px 24px!important;; font-weight: 600; top: -8px; font-family: 'proxima-nova-extra-condensed'; } #bamboo {background:#000; padding: 16px 20px; text-align: center;} #bamboo .message {color:#fff; font-size: 34px; line-height: 34px; font-weight: 600; font-family: 'bai-jamjuree'; letter-spacing: 1.7px; text-transform: uppercase; font-style: italic;} #bamboo .message img {width: 25%; position: relative; top: -6px;} /* Tell Me More */ #more {padding-top: 4%; padding-bottom: 4%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-tell-me-more-bg_1748974762397001jiRa.jpg) no-repeat top center / cover;} #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; text-align: right; width: 60%;} #more .n-title {width: 90%; margin-top: 15%; position: relative; right: 30%; } #more .n-form {padding: 25px; margin-top: 25px; } #more .n-form p {font-size: 18px; font-weight: 700; line-height: 24px; color: #000; text-align: left; font-family: 'proxima-nova';} #more .btn-cta {background-color: #225A91!important; color: #fff; padding: 16px 32px; font-weight: 700; text-transform: uppercase; font-size: 18px; font-family: 'proxima-nova'; border-radius: 64px; } /* Home */ #hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-home-hero-bg-latest_1750945471469001Zpwr.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #hero .homehero h1 {width: 80%; } .homehero {padding-top: 10%; padding-bottom: 15%; } .homehero h1 {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;} .homehero h3 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree'; font-style: italic; letter-spacing: 1.2px;} .homehero h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} .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;} #counter {padding-top: 1%; padding-bottom: 1%; background: #1C3866;} #counter .c-card {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px;} #counter .column {flex: 1 1 calc(20% - 10px); box-sizing: border-box; padding: 10px; text-align: center;} #counter .column .number {font-family: 'bai-jamjuree'; font-size: 36px; font-style:italic; font-weight: 600; line-height: 42px; letter-spacing: 1.8px; color:#fff; text-align: center;} #counter .column .desc {font-family: 'bai-jamjuree'; font-size: 22px; font-style:normal; font-weight: 400; line-height: 26px; color:#FBB533; text-align: center; text-transform: none;} #faster {padding-top: 8%; padding-bottom: 5%; } #faster .card {width: 92%; } #faster .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;} #faster .card h4 {font-size: 22px; line-height: 28px; color: #225A91; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #faster .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #faster .card .cta-btn {border-radius: 64px; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #faster .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; } #faster .e-img img {width: 90%;} #video {padding-top: 8%; 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: 44x; color: #fff; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #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; } #key {padding-top: 5%; padding-bottom: 5%; background: #EFEFEF;} #key .title {text-align: center;} #key h2 {font-size: 36px; line-height: 46px; color: #000; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px; width: 50%; margin:auto;} #key .card h3 {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;} #key .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #key .cta {display: inline-block; } #key .e-img img {width: 90%; } #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; } #quote {padding-top: 10%; padding-bottom: 10%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/Quote_1751045209509001xkBP.png) no-repeat top center / cover #ffffff;} #quote h4 {font-size: 22px; line-height: 28px; color: #BEBEBE; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree'; width: 60%; } #quote .name {font-size: 18px; line-height: 24px; color:#fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #quote .company {font-size: 14px; font-style:italic; line-height: 18px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #quote .blue {color:#77ABD7;} #save {padding-top: 7%; padding-bottom: 5%; background: #EFEFEF; } #save .title {text-align: center;} #save 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;} #save h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #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: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.8px;} #save .card {padding: 32px 58px; height: 500px; border-left: 48px solid #1C3866; background: #fff;} #save .cta-btn {border-radius: 64px; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #save .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; } #save .disclaimer {font-size: 14px; font-family: 'proxima-nova'; font-style: italic; font-weight: 400; line-height: 18px; text-align: center;} #presenting {padding-top: 5%; padding-bottom: 5%; background: #fff;} #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: #000; 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: 45px; } #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-rates-hero-updated_1750945471753001ZIRU.jpg) no-repeat top center / cover #ffffff; margin-top: 8%;} #rates-hero .homehero {padding-top: 5%; padding-bottom: 5%; } #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: italic;} #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;} /* 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;} #group {padding-bottom: 5%; } #group .card {height: 510px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-group-5-bg_1749154576670001WwMq.jpg) no-repeat top center / cover #ffffff;} #group .content {margin-top: 20%;} #group .card 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';} #group .card h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #group .card p {font-size: 18px; line-height: 24px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 68%;} #group .card .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #exec {padding-bottom: 5%; } #exec .card {height: 500px; 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%; } #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'; width: 45%; } #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-venue-hero-updated_1750945472086001Za2N.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #hotel-hero .homehero h3 {width: 81%;} #hotel-hero .homehero h4 {width: 81%; } #book {padding-top: 5%; padding-bottom: 5%;} #book .title {text-align: center;} #book .card h2 {font-size: 36px; line-height: 46px; color: #000; 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: #000; 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: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #book .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #book .cta {display: inline-block; } #book .e-img img {width: 90%; } #book .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; } #travel {padding-top: 5%; padding-bottom: 5%; background: #efefef;} #travel 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;} #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 .t-card {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-travel-info-bg_1749475088293001dEAw.jpg) no-repeat top center / cover #ffffff; padding: 8% 20%; } #travel .t-card h2 {font-size: 34px; line-height: 44px; color: #77ABD7; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #travel .t-card p {font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 50%; } #travel .d-card {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; } #travel .column {flex: 1 1 calc(25% - 10px); box-sizing: border-box; text-align: center;} #travel .do-card {height: 275px; } #travel .content {position: relative; top: 80%;} #travel .content h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 500; text-transform: none; font-family: 'bai-jamjuree'; letter-spacing: 1.104px; font-style: italic; } #travel .disney {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-disney_1749475087647001dAxW.jpg) no-repeat top center / contain;} #travel .universal {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-icon-universal_1749475088235001dJPN.jpg) no-repeat top center / contain;} #travel .gatorland {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-icon-gatorland_1749475087922001ddX8.jpg) no-repeat top center / contain;} #travel .airboat {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-icon-airboat_1749475087843001dZjS.jpg) no-repeat top center / contain;} /* Convince Boss */ #boss-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-convince-boss-hero-latest_1750945471089001ZHtf.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #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;} #five .header .circle {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background-color: #F26A42; 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-eventpolicies-hero-updated_1750945471200001ZMnW.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #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;} #ppolicy 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-recert-hero-updated_1750945472226001ZXN7.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #recert {padding-top: 8%; padding-bottom: 5%; } #recert .card {width: 92%;} #recert .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;} #recert .card h4 {font-size: 22px; line-height: 28px; color: #225A91; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #recert .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #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 .e-img img {width: 90%;} #recert .disclaimer {font-size: 14px; line-height: 18px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } /* What People Are Saying */ #what-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-whatpeoplearesaying-hero_1750945471909001ZbUu.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #what-hero .homehero h1 {width: 90%; } #whatpeoplesaying {padding-top: 8%; 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;} /* Networking */ #network-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-networking-hero-updated_1750945471601001ZPQU.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #network-hero .homehero h4 {width: 80%; } #networking {padding-top: 8%; padding-bottom: 5%; } #networking .card {width: 92%;} #networking .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;} #networking .card h4 {font-size: 22px; line-height: 28px; color: #225A91; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #networking .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #networking .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; } #networking .e-img img {width: 90%;} #networking .disclaimer {font-size: 14px; line-height: 18px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #types {padding-top: 5%; padding-bottom: 5%;} #types .t-card {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px;} #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-inperson-hero-updated_1750945471541001ZNU5.jpg) no-repeat top center / cover #ffffff; margin-top: 7%;} #in-person-hero .homehero {padding-top: 10%; padding-bottom: 6%; } #in-person-hero .homehero h1 {width: 80%;} #inperson {padding-top: 5%; padding-bottom: 5%; background: #F5F8FB; } #inperson .card {width: 95%; } #inperson .title {text-align: center;} #inperson 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;} #inperson .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #inperson .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #inperson .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; } #inperson .e-img img {width: 90%;} #passincludes {padding-top: 8%; padding-bottom: 5%; background: #fff;} #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 {padding: 0; margin: 0; list-style-type: none;} #passincludes .list li {font-size: 18px; line-height: 20px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #passincludes .check {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-inperson-check_1754507951698001bjUi.png) no-repeat; padding-left: 50px; height: 70px; } #passincludes .p-card {padding: 20px; height: 400px; text-align: center; margin-top: 30px; } #passincludes .p-card h4 {font-size: 22px; line-height: 28px; color: #FBB533; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #passincludes .p-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;} #passincludes .p-card .nonmember {font-size: 18px; line-height: 24px; color:#F5F8FB; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #passincludes .p-card .save {font-size: 24px; line-height: 32px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: none;} #passincludes .p-card .countdown {font-size: 14px; line-height: 18px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #passincludes .p-card .time-box {display: inline-block; margin: 0 5px; } #passincludes .p-card .time-box span {font-size: 14px; line-height: 18px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #passincludes .active {background-color:#1976D2} #passincludes .cta-btn-ghost {background: #fff; color: #265D93; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #faqs {padding-top: 5%; padding-bottom: 5%; background: #F2F7FB;} #faqs h2 {font-size: 34px; line-height: 44x; 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: 600; border: 1px solid #225A91; border-radius: 4px; } #faqs .active, .accordion:hover {background-color: #1C3866; color:#fff; } .accordion:after {content: '\002B';font-weight: bold;float: right;margin-left: 5px;} #faqs .active:after {content: "\2212"; color:#fff;} .panel {padding: 0 18px;background-color: white; max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out; border:1px solid #0075B8; } .panel p {font-size: 18px; font-weight: 400; line-height: normal; font-family: 'proxima-nova'; color:#000;} .panel 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-virtual-hero-updated_1750945472149001ZEUu.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #virtual-hero .homehero h1 {width: 70%; } #virtual-hero .homehero {padding-top: 10%; padding-bottom: 15%; } #virtual {padding-top: 8%; padding-bottom: 5%; } #virtual .card {width: 95%; } #virtual .title {text-align: center;} #virtual 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;} #virtual .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #virtual .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #virtual .e-img img {width: 90%;} #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-team-hero-updated_1750945471830001ZYNT.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #team-hero .homehero {padding-top: 15%; } #team-hero .homehero h1 {width: 60%; } #ateam {padding-top: 8%; padding-bottom: 5%; } #ateam .card {width: 95%; } #ateam .title {text-align: center;} #ateam 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; width: 90%; } #ateam .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.2px; width: 80%; } #ateam .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #ateam .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #ateam .card ul li {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; margin-bottom: 10px; } #ateam .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; } #ateam .e-img img {width: 90%; } #together {padding-top: 8%; padding-bottom: 5%; } #together .card {width: 95%; } #together 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;} #together .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #together .card ul li {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; margin-bottom: 10px; } #together .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; } #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';} #saveg {padding-top: 7%; padding-bottom: 5%; background: #1C3866; } #saveg .title {text-align: center;} #saveg h4 {font-size: 22px; line-height: 28px; color: #fff; 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:#fff;} #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 */ #exec-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-executive-hero-updated_1750945471314001Z0CN.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #exec-hero .homehero {padding-top: 10%; padding-bottom: 15%; } #exec-hero .homehero h3 {width: 60%; } #enx {padding-top: 8%; padding-bottom: 5%; } #enx .card {width: 95%; } #enx .title {text-align: center;} #enx 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;} #enx .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.2px;} #enx .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #enx .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #enx .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; } #enx .e-img img {width: 90%; } #glance {padding-top: 8%; padding-bottom: 5%; } #glance 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';} #glance .list {padding: 0; margin: 0; list-style-type: none;} #glance .list li {color: #3F3F3F; font-size: 18px; font-weight: 400; text-align: left; line-height: 24px; margin-bottom: 20px; font-family: 'proxima-nova'; } #glance .check {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-checkmark_1749577555459001eAhQ.png) no-repeat; padding-left: 30px; } #glance span {position:relative; top: -5px;} #glance .disclaimer {color:#3F3F3F; font-size: 14px; font-weight: 400; text-transform: none; font-style:italic; line-height: 18px;} #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 */ #student-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-student-hero-updated_1750945472001001ZpuH.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #student-hero .homehero h4 {font-weight: 400; width: 80%; } #student-hero .homehero {padding-top: 10%; padding-bottom: 6%; } #studentpass {padding-top: 5%; padding-bottom: 5%; } #studentpass .title {text-align: left; margin-bottom: 30px;} #studentpass 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;} #studentpass .list {padding: 0; margin: 0; list-style-type: none;} #studentpass .list li {font-size: 18px; line-height: 20px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #studentpass .check {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-inperson-check_1754507951698001bjUi.png) no-repeat; padding-left: 50px; height: 70px; } #studentpass .p-card {padding: 20px; height: 400px; text-align: center; } #studentpass .p-card h4 {font-size: 22px; line-height: 28px; color: #FBB533; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #studentpass .p-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;} #studentpass .p-card .nonmember {font-size: 18px; line-height: 24px; color:#F5F8FB; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #studentpass .p-card .save {font-size: 24px; line-height: 32px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: none;} #studentpass .p-card .countdown {font-size: 14px; line-height: 18px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #studentpass .p-card .time-box {display: inline-block; margin: 0 5px; } #studentpass .p-card .time-box span {font-size: 14px; line-height: 18px; color:#fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #studentpass .active {background-color:#1976D2} #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:#FBB533;} #spassincludes {padding-top: 5%; padding-bottom: 5%; background: #F5F8FB;} #spassincludes .card {width: 95%; } #spassincludes .title {text-align: center;} #spassincludes 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;} #spassincludes .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.2px;} #spassincludes .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #spassincludes .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #spassincludes .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; } #globalstage {padding-top: 5%; padding-bottom: 5%; } #globalstage .card {width: 95%; } #globalstage .title {text-align: center;} #globalstage 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;} #globalstage .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.2px;} #globalstage .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #globalstage .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #globalstage .card ul li {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #globalstage .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; } #connect {padding-top: 5%; padding-bottom: 5%; } #connect .card {width: 95%; } #connect .title {text-align: center;} #connect 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;} #connect .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.2px;} #connect .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #connect .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #connect .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; } #connect .e-img img {width: 90%; } #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: 34px; line-height: 46x; color: #fff; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px; margin: auto; width: 66%; } #orlando .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; } #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-global-hero-updated_1750945471382001Zu1B.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #global-hero .homehero h1 { width: 64%;} #partof {padding-top: 8%; padding-bottom: 5%; } #partof .card {width: 95%; } #partof .title {text-align: center;} #partof 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;} #partof .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.2px;} #partof .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #partof .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #partof .card ul li {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; margin-bottom: 10px; } #partof .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; } #partof .e-img img {width: 90%; } #vpass {background:#77ABD7; padding-top: 5%; padding-bottom: 5%; } #vpass 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; } #vpass p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #vpass .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; } #stuattend {padding-top: 8%; 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 h3 {font-size: 24px; line-height: 32px; color: #225A91; font-weight: 600; text-transform: uppercase; font-style: italic; letter-spacing: 1.2px; 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;} #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-program-hero-updated_1750945471668001Zzz4.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #program-hero .homehero h1 {width: 75%; } #onehr {padding-top: 8%; padding-bottom: 5%; } #onehr .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;} #onehr .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.2px;} #onehr .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #future {background:#F2F7FB; text-align: center; padding-top: 2%; padding-bottom: 2%; } #future .message {text-align: center;} #future h2 {font-size: 34px; line-height: 44px; color: #F26A42; font-weight: 600; text-transform: uppercase; font-style: italic; font-family: 'bai-jamjuree'; letter-spacing: 1.7px;} #meancon {padding-top: 5%; padding-bottom: 5%;} #meancon .title {text-align: center;} #meancon .card {margin-top: 20%; } #meancon .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;} #meancon .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #meancon .cta {display: inline-block; } #meancon .e-img img {width: 90%; } #meancon .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 18px; margin-left: 15px; font-weight: 700; border-radius: 64px; } #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; text-align: center; } #agrid .why-grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; padding: 20px;} #agrid .grid-itemdrkblue {background: #1C3866;color:#fff; display: flex; justify-content: center; align-items: center; padding: 40px;} #agrid .grid-itemmedblue {background: #225A91;color:#fff; display: flex; justify-content: center; align-items: center; padding: 40px;} #agrid .grid-itemlghtblue {background: #0474B9;color:#fff; display: flex; justify-content: center; align-items: center; padding: 40px;} #agrid .grid-item .card h3 {font-size: 24px; line-height: 28px; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree';letter-spacing: 1.2px;} #agrid .grid-item .card p {font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #session {padding-top: 7%; padding-bottom: 5%; background: #D7E6F3;} #session .title {text-align: center;} #session 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;} #session h4 {font-size: 22px; line-height: 28px; color: #225A91; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #session p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #session .card {padding: 10px; } #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; width: 70%; } #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-expo-hero-bg-latest_1751380668848001Vhkx.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #expo {padding-top: 8%; padding-bottom: 5%; } #expo .card {width: 92%; } #expo .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;} #expo .card h4 {font-size: 22px; line-height: 28px; color: #225A91; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #expo .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #expo .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; } #expo .e-img img {width: 90%;} #ecounter {padding-top: 1%; padding-bottom: 1%; background: #1C3866;} #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; text-align: center;} #ecounter .column .number {font-family: 'bai-jamjuree'; font-size: 36px; font-style:italic; font-weight: 600; line-height: 42px; letter-spacing: 1.8px; color:#fff; text-align: center;} #ecounter .column .desc {font-family: 'bai-jamjuree'; font-size: 22px; font-style:normal; font-weight: 400; line-height: 26px; color:#FBB533; text-align: center; 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-exhibitor-hero-bg-updated_1751380668564001Vkn6.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #exhibitor-hero .homehero {padding-bottom: 10%;} #exhibitor-hero .homehero .hero-card {width: 90%;} #sticky {padding-top: 1%; padding-bottom: 1%; background: #77ABD7;} #sticky .sticky-nav {padding-top: 1%; padding-bottom: 1%; background: #77ABD7;} #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:#000; text-align: center; text-transform: none;} .sticky {position: fixed; top: 112px; 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;} #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: 800px; } #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;} #selling {padding-top: 5%; padding-bottom: 5%; background: #D7E6F3; text-align: center;} #selling 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';} #selling .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; } #resources {padding-top: 5%; padding-bottom: 5%; background: #F2F7FB; } #resources .title {text-align: center;} #resources 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;} #resources .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'bai-jamjuree';} #resources .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #resources .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; } #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; } #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; } #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-sponsorship-hero-bg-updsated_1751380669046001V9Re.png) no-repeat top center / cover #ffffff; margin-top: 5%;} #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; } #sponsorships {padding-top: 5%; padding-bottom: 5%;} #sponsorships .header {display: flex; align-items: center; width: 100%;} #sponsorships .header .text {font-size: 26px; font-style: italic; line-height: 32px; color: #F26A42; font-weight: 600; text-transform: uppercase; font-family: 'bai-jamjuree';letter-spacing: 9.1px; white-space: nowrap; margin-right: 10px; margin-left: 10px; } #sponsorships .header .line {flex-grow: 1; border-top: 4px solid #F26A42; height: 0;} #sponsorships .header .sline {width: 20px; border-top: 4px solid #F26A42; height: 0; margin-right: 10px; } #sponsorships .s-card .name {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;} #sponsorships .s-card .availability {font-size: 14px; line-height: 18px; color: #000; font-weight: 400; font-style: italic; font-family: 'proxima-nova';} #sponsorships .s-card .price {font-size: 22px; line-height: 28px; color: #225A91; font-weight: 600; font-style: normal; font-family: 'bai-jamjuree';} #sponsorships .s-card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #sponsorships .s-card ul li {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #sponsorships .width-hr-orange { background-color:#F26A42; width: 10%; height: 2px; margin-top: 30px; margin-bottom: 30px; position: relative; right: 47%; } #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-saag-hero-bg_1753977082001001NN1t.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #saag-hero .homehero {padding-top: 10%; padding-bottom: 10%; } #skey {padding-top: 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 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-june28 {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: #0077c8; } #agenda .general { background-color: #f4a800; color: black; } #agenda .lunch { background-color: #c0c0c0; color: black; } #agenda .expo { background-color: #f26422; } #agenda .precon {background-color: #1C3866;} #agenda .conf-or {background-color: #225A91;} #agenda .expo-opening {background-color: #77ABD7; color: black; } #agenda .entertain {background-color: #A7AB20;} #agenda .event-wrapper {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(34, 30px);column-gap: 10px;} #agenda .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; } #agenda .tablink.selected, #pass .tablink:hover, #pass .tablink:focus {color: #225A91;} #agenda .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; } /*footer*/ #footer {padding-top: 3%; padding-bottom: 2%; background: #1B3C69; } #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%; } #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 {background: #0474B9; } .homehero {padding-top: 20%; padding-bottom: 0%; } .homehero .hero-card {width: auto;} .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; } #counter .column .desc {font-size: 15px; } #counter .c-card {display: block;} #faster {padding-bottom: 15%; } #faster .e-img img {width: 100%; } #faster .card h2 {font-size: 24px; line-height: 32px; letter-spacing: 1.2px; ;} #video {padding-bottom: 15%; } #video .title {padding: 10px; } #video .cta {margin-top: 25px; } #key h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #key .card h3 {font-size: 24px; line-height: 32px; letter-spacing: 1.2px;} #key .cta {display: grid; } #key .cta-btn-ghost {margin-left: 0; } #key .e-img img {width: 100%;} #quote {background: #1C3866; } #quote .content {padding: 10px; } #quote h4 {width: 100%; font-size: 18px; line-height: 24px; font-weight: 500;} #save .card {margin-bottom: 25px; padding: 36px 20px; border-left: 28px solid #1C3866;} #save h4 {font-weight: 500; width: 90%; margin: auto; } /* Recertification */ #recert-hero {background: #0474B9; } #recert .homehero img {position: relative; top: 60px;} #recert-hero .homehero h1 {font-size: 32px; line-height: 38px; } #recert .e-img img {width: 100%; } /*Rates */ #rates-hero .homehero {padding-top: 35%; } #rates-hero .homehero .hero-card {padding: 0; } #rates-hero {background: #0474B9; } #rates-hero .homehero .hero-card {padding: 0; } #rates-hero .homehero img {position: relative; top: 30px; } #rates-hero .homehero h1 {width: 100%; } #rates-hero .homehero h4 {width: 100%; } #pass .card {margin-bottom: 20px; margin-top: 20%; height: auto; } #pass .tablink {font-size: 16px; } #pass .r-btns {text-align: center; } #pass label {display: block;} #group .card {background: #1C3866;} #group p {width: 100%; } #exec .card {background: #1C3866;} #exec h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #exec .content {padding: 10px; } #exec h4 {width: 100%; } #cancel h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #cancel {padding-left: 15px; padding-right: 15px;} #more h2 {text-align: left; } #more .border-left {border-left: none; } #more .n-form {padding: 0; margin-bottom: 25px; } #more .n-title {right: 0; } /* Hotel - Venue */ #hotel-hero {background: #0474B9; } #book .e-img img {width: 100%; } #book .card h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #book .card h3 {font-size: 24px; line-height: 32px; letter-spacing: 1.2px;} #travel {padding-left: 15px; padding-right: 15px; } #travel .t-card {padding: 2% 4%; } #travel .d-card {display: block; } #travel .card {text-align: center;} #travel h2 {text-align: center;} #travel h4 {text-align: center;} #hotel-hero .homehero h3 {width: 100%; } #hotel-hero .homehero h4 {width: 100%; } /* Convince Boss */ #boss-hero {background: #0474B9; } #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;} /* What People Saying */ #what-hero {background: #0474B9; } #what-hero .homehero h1 {letter-spacing: 1.2px; width: 100%; } #whatpeoplesaying {padding-left: 15px; padding-right: 15px; } #whatpeoplesaying h2 {font-size: 28px; line-height: 34px; } /* Networking */ #network-hero {background: #0474B9;} #networking .e-img img {width: 100%; } #network-hero .homehero h4 {width: 100%; } #types .t-card {display: block; } #networking .card {width: 100%; text-align: center; } /* Event Policy */ #ep-hero {background: #0474B9;} #ep-hero .homehero img {position: relative; top: 45px;} #ep-hero .homehero {padding-top: 20%; } #policy .content {padding: 10px; } /* In Person */ #inperson-hero .homehero h1 {width: 100%; } #inperson .mt-100 {margin-top: 0; } #inperson h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #pros {background: #1C3866}; #includes {padding-left: 15px; padding-right: 15px; } #includes h2 {font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #inperson .e-img img {width: 100%; } /* Virtual */ #virtual-hero {background: #0474B9;} #virtual-hero .homehero h1 {width: 100%; } #virtual-hero .homehero .hero-card {margin-top: 20%;} #virtual-hero .homehero img {position: relative; top: 60px;} #virtual h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #virtual .e-img img {width: 100%; } #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 {background: #0474B9;} #team-hero .homehero h1 {width: 100%;} #ateam, #together {padding-bottom: 15%; } #ateam h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #ateam .e-img img {width: 100%; } #together h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #impact {background: #1C3866; } #impact h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #bring h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #saveg {padding-left: 15px; padding-right: 15px; } #saveg .card {margin-bottom: 25px; padding: 36px 20px; border-left: 28px solid #225A91;} #saveg h4 {font-weight: 500; width: 90%; margin: auto; } #ceo h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } /* Executive */ #exec-hero {background: #0474B9;} #exec-hero .homehero img {position: relative; top: 60px;} #exec-hero .homehero h3 {width: 100%; } #exec-hero .homehero h1 {width: 100%;} #exec-hero .homehero .hero-card {margin-top: 20%; } #enx {padding-bottom: 15%; } #enx h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #enx .e-img img {width: 100%; } #glance {padding-left: 15px; padding-right: 15px; } #glance h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #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 */ #student-hero {background: #0474B9;} #student-hero .homehero img {position: relative; top: 45px; } #student-hero .homehero h1 {width: 100%;} #student-hero .hero-card {margin-top: 30%; } #connect {padding-bottom: 15%; } #connect h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #connect .e-img img {width: 100%; } #stuattend {padding-left: 15px; padding-right: 15px; } #stuattend h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px;} #owning {background: #1C3866; } #owning h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #orlando h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #studentpass .list li {min-height: 110px; } #orlando .message {padding: 20px; } #orlando {padding-top: 5%; padding-bottom: 10%; } /* Global */ #global-hero {background: #0474B9;} #global-hero .homehero h1 {width: 100%; } #partof h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #partof .e-img img {width: 100%; } #vpass {padding-bottom: 15%; ;} #vpass h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #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 {background: #0474B9;} #program-hero .homehero h1 {width: 100%; } #program-hero .homehero img {position: relative; top: 45px;} #meancon .e-img img {width: 100%; } #onehr .card h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #future h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: normal; } #meancon .card {margin-top: 0; } #meancon .card h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #agrid h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #agrid .why-grid {display: block; } #session .card {text-align: center; } #session .card h4 {width: 100%; } /* Exop Overview */ #expo-hero {background: #0474B9;} #expo-hero .homehero {padding-bottom: 10%; } #expo-hero .homehero img {position: relative; top: 45px;} #expo .e-img img {width: 100%; } #brand .content {padding: 20px; } #brand h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #brand {background: #1C3866;} #brand .cta-btn {font-size: 22px; } /* Exhibitor */ #exhibitor-hero {background: #0474B9;} #exhibitor-hero .homehero img {position: relative; top: 45px;} #exhibitor-hero .homehero {padding-bottom: 10%; } #exhibitor-hero .homehero .hero-card {width: 100%;} #sticky {display: none; } #ecounter .column .number {font-size: 32px; } #ecounter .column .desc {font-size: 18px; line-height: 22px; } #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 {padding-left: 15px; padding-right: 15px; } #resources h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #resources .card {text-align: center;} #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 {background: #0474B9;} #sponsorship-hero .homehero img {position: relative; top: 45px;} #sponsorship-hero .homehero {padding-bottom: 10%; } #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;} /* saag */ #saag-hero {background: #0474B9; margin-top: 35%; } #saag-hero .homehero img {position: relative; top: 45px;} #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; } #hours .unstripetable {margin-bottom: 25px; } } /* 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; } }