/* reusable styles */ .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-75 {margin-top: 75px; } .mt-80 {margin-top: 80px; } .mt-100 {margin-top: 100px; } .visually-hidden {position:absolute; left: -1000px; top: auto; width: 1px; height: 1px; overflow:hidden;} .dropdown-toggle span {display: inline-block;} .mobile {display: none; } iframe {border:none; } /* Header - Navigation */ #transparentheader #navbar.navbar {top: 0; background-color:rgba(0,9,62,0.16); backdrop-filter: blur(58px);} #transparentheader #navbar.navbar nav .container li a {color:#fff;} #transparentheader #navbar.navbar nav .container li ul.dropdown-menu li a {color:#000!important; } #transparentheader #navbar.navbar.scrolled {background-color: #00093E;} #transparentheader #block-block-23 .btn-primary {border:2px solid #C5E5FF!important; background: #C5E5FF!important; color: #000; font-size: 14px; text-transform: uppercase; padding: 4px 8px; font-weight: 700; border-radius: 0} #transparentheader #block-block-23 .cta-btn-ghost {border:2px solid #C5E5FF; background: transparent; color: #C5E5FF; font-size: 14px; text-transform: uppercase; padding: 4px 8px; font-weight: 700; border-radius: 0; } #navbar.navbar nav .container ul {position: relative; top: 1px; } .navbar-header {margin-top: 20px; } /*footer*/ #footer {padding-top: 2%; padding-bottom: 2%; background: #00093E; } #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; } /* Announcement Banner */ #atwbanner {height: 55px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-atwbanner-new2_1776356639048001DpAy.jpg) no-repeat top center / cover #ffffff; position: relative; top: 100px; z-index: 8; } #atwbanner .a-img {margin-left: 32%; margin-top: 3%; } #atwbanner .a-img img {width: 100%;} /* Tell Me More */ #more {padding-top: 2%; padding-bottom: 2%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-tellmemore-bg_1775663213788001mbcq.jpg) no-repeat top center / cover;} #more h2 {font-size: 56px; line-height: 64px; color: #fff;; font-weight: 600; text-transform: capitalize; font-family: 'oswald';} #more .title {text-align: right; position: relative; top: 20px; right: 30px; } #more .card {margin-top: -12%; margin-left: 8%; } #more .card p {font-size: 18px; font-weight: 400; line-height: 24px; color: #fff; text-align: left; font-family: 'proxima-nova';} #more .cta {margin-top: 40px; } #more .btn-cta {background-color: #C5E5FF!important; color: #00093E; padding: 8px 24px; font-weight: 700; text-transform: uppercase; font-size: 18px; font-family: 'proxima-nova'; border-radius: 0px; } #more .disclaimer {font-family: 'proxima-nova'; font-size: 10px; font-weight: 500; line-height: normal; color:#fff;width: 75%; position: relative; top: -42px; left: 25%; } #more .divider {position: relative; top: 45px; } /* Home */ #home-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-home-hero-bg-new_1775851610167001l7ws.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -65px;} /* #home-hero {position: relative; height: 750px; top: -65px;} */ #home-hero .hero-video {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;transform: translate(-50%, -50%);object-fit: cover;z-index: 1;} #home-hero .hero-overlay {position: absolute; inset: 0; z-index: 2; } #home-hero .hero-card {margin-top: 40%; } #home-hero .homehero h1 {font-size: 40px; line-height: 48px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #home-hero .homehero h4 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #home-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #home-hero .homehero .cta-btn {border:2px solid #C5E5FF; background: #C5E5FF; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #home-hero .homehero .cta-btn-ghost {border:2px solid #C5E5FF; background: transparent; color: #C5E5FF; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; margin-left: 15px;} #home-hero .homehero .cta {text-align: left; display: inline-block; margin-top: 60px;} #video-hero {position: relative; height: auto; margin-top: -80px; padding-bottom: 31%; background:#000547;} /* Base video styles */ #video-hero video {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover;transform: translate(-50%, -50%);} /* Background loop video */ #video-hero #loopvideo {z-index: 1;} /* Intro video on top */ #video-hero #introvideo {z-index: 2;transition: opacity 1s ease;} /* Fade out */ #video-hero #introvideo.fade-out {opacity: 0;pointer-events: none;} /* Content */ #video-hero .hero-content {position: relative;z-index: 3;color: #fff;opacity: 0;transition: opacity 1s ease;height: 100%;} /* Show content */ #video-hero.show-content .hero-content {opacity: 1;} #video-hero .hero-card {position: relative; top: 250px; left: 23%; } #video-hero .hero-card h1 {font-size: 40px; line-height: 1.2; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #video-hero .hero-card h4 {font-size: 24px; line-height: 1.3; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #video-hero .hero-card p {font-size: 20px; line-height: 1.4; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #video-hero .hero-card .cta-btn {border:2px solid #C5E5FF; background: #C5E5FF; color: #00093E; font-size: 16px; text-transform: uppercase; padding: 10px 24px; font-weight: 700;} #video-hero .hero-card .cta-btn-ghost {border:2px solid #C5E5FF; background: transparent; color: #C5E5FF; font-size: 16px; text-transform: uppercase; padding: 10px 24px; font-weight: 700; margin-left: 15px;} #video-hero .hero-card .cta {text-align: left; display: inline-block; margin-top: 60px;} #zoomstrat {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-home-zoom-bg_1775589218239001BORR.jpg) no-repeat top center / cover #ffffff;} #zoomstrat h2 {font-size: 40px; line-height: 48px; color:#000; font-family: 'oswald'; font-weight: 500; width: 60%; } #zoomstrat h4 {font-size: 24px; line-height: 32px; color:#0561F8; font-family: 'oswald'; font-weight: 500; width: 57%; } #zoomstrat p {font-size: 18px; line-height: 26px; font-weight: 400; font-family: 'proxima-nova'; color: #000; } #zoomstrat ul li {font-size: 18px; line-height: 26px; font-weight: 400; font-family: 'proxima-nova'; color: #000; } #zoomstrat .cta-btn-ghost {border:2px solid #002FA8; background: transparent; color: #002FA8; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #atw {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-home-atw-section-bg_1776098960624001ggO1.jpg) no-repeat top center / cover #ffffff;} #atw .title {text-align: center;} #atw .card {text-align: center;} #atw h2 {font-size: 40px; line-height: 48px; font-weight: 500; font-family: 'oswald'; color: #fff; text-transform: none;} #atw h4 {font-size: 24px; line-height: 32px; font-weight: 500; font-family: 'oswald'; color: #fff; text-transform: none;} #atw p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #atw .cta-btn-ghost {border:2px solid #C5E5FF; background: transparent; color: #C5E5FF; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #atw .acard {text-align: left;} #atw .a-img img {width: 100%;} #return {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-home-attend-bg_1775589217475001BLww.jpg) no-repeat top center / cover #ffffff;} #return .title {text-align: center; margin: auto; } #return h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #return .card p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #return .l-img {text-align: center; } #return .l-img img {width: 70%;} #return .cta {text-align: center; } #return .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0px; } #whyattend {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-home-dontmiss-bg_1775589217880001BVQk.jpg) no-repeat top center / cover #ffffff;} #whyattend .title {text-align: center;} #whyattend h2 {font-size: 40px; line-height: 48px; color: #000; font-weight: 500; text-transform: none; font-family: 'oswald';} #whyattend h3 {font-size: 32px; line-height: 40px; color: #000; font-weight: 500; text-transform: none; font-family: 'oswald';} #whyattend p {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #whyattend img {width: 95%;} #whyattend .card {width: 95%;} #contenttracks {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-home-contenttracks-bg_1775589217820001BuA1.jpg) no-repeat top center / cover #ffffff;} #contenttracks .card {padding: 32px 15px 32px 15px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint27-home-tracks-tracks%20card-bg_1775660525728001rjre.jpg) no-repeat top center / cover #ffffff; text-align: center;min-height: 400px; } #contenttracks .title {text-align: center;} #contenttracks h2 {font-size: 40px; line-height: 48px; color: #1B3C69; font-weight: 500; text-transform: none; font-family: 'oswald';} #contenttracks h3 {font-size: 32px; line-height: 40px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #contenttracks p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #contenttracks .cta {text-align: center;} #contenttracks .cta-btn {border: 2px solid #0462F8; background: #0462F8; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0px; } #contenttracks .move {position: relative; left: 50%; } #theplace {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-home-hotel-bg2_1777383691093001M103.jpg) no-repeat top center / cover #ffffff;} #theplace .card {padding: 80px; } #theplace .card h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #theplace .card h4 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} /* Hotel/Venue */ #hotel-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-hotel-hero-bg_1775667398645001FE6y.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -65px;} #hotel-hero .hero-card {margin-top: 70%} #hotel-hero .homehero h1 {font-size: 56px; line-height: 64px; color: #fff; font-weight: 600; text-transform: none; font-family: 'oswald';} #hotel-hero .homehero h4 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #hotel-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #hotel-hero .homehero .cta-btn {border:2px solid #C5E5FF; background: #C5E5FF; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #hotel-hero .homehero .cta {text-align: left; display: inline-block; margin-top: 60px;} #venueinfo {padding-top: 5%; padding-bottom: 5%; margin-top: -5%;} #venueinfo h2 {font-size: 40px; line-height: 48px; color:#000; font-family: 'oswald'; font-weight: 500;} #venueinfo p {font-size: 18px; line-height: 26px; font-weight: 400; font-family: 'proxima-nova'; color: #000; } #venueinfo .cta-btn-ghost {border: 2px solid #002FA8; background: transparent; color: #002FA8; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0px; } #venueinfo .v-img img {width: 100%;} #embark {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-hotel-nashville-bg_1775667398518001FOjw.jpg) no-repeat top center / cover #ffffff;} #embark h2 {font-size: 40px; line-height: 48px; color:#fff; font-family: 'oswald'; font-weight: 500;} #embark h4 {font-size: 24px; line-height: 32px; color:#fff; font-family: 'oswald'; font-weight: 500;} #embark p {font-size: 18px; line-height: 26px; font-weight: 700; font-family: 'proxima-nova'; color: #fff; } #embark .ltblue {color:#C5E5FF;} #travelinfo {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-hotel-travel-bg_1775667398419001Fhts.jpg) no-repeat top center / cover #ffffff;} #travelinfo .title {text-align: center;} #travelinfo h2 {font-size: 40px; line-height: 48px; color: #000; font-weight: 500; text-transform: none; font-family: 'oswald';} #travelinfo h3 {font-size: 32px; line-height: 40px; color: #3481FF; font-weight: 500; text-transform: none; font-family: 'oswald';} #travelinfo p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #travelinfo img {width: 95%;} #travelinfo .card {width: 95%;} #thingstodo {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-home-attend-bg_1775589217475001BLww.jpg) no-repeat top center / cover #ffffff;} #thingstodo .title {text-align: center;} #thingstodo h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #thingstodo p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #thingstodo .img {width: 100%;} #thingstodo .centered {text-align: center; width: 70%; margin: auto;} #thingstodo a {color:#fff;text-decoration: underline;} #thingstodo a:hover {color:#fff;} /* Event Policies */ #eventpolicies-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-event-policies-hero-bg_1775674231980001XMDp.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -65px;} #eventpolicies-hero .hero-card {margin-top: 70%; } #eventpolicies-hero .homehero h1 {font-size: 56px; line-height: 64px; color: #fff; font-weight: 600; text-transform: none; font-family: 'oswald';} #eventpolicies-hero .homehero h4 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #eventpolicies-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #eventpolicies-hero .homehero .cta-btn {border:2px solid #C5E5FF; background: #C5E5FF; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #eventpolicies-hero .homehero .cta {text-align: left; display: inline-block; margin-top: 60px;} #policy {padding-top: 5%; padding-bottom: 5%; margin-top: -5%; } #policy h2 {font-size: 40px; line-height: 48px; color: #000; font-weight: 500; text-transform: none; font-family: 'oswald';} #policy h3 {font-size: 32px; line-height: 40px; color: #000; font-weight: 500; text-transform: none; font-family: 'oswald';} #policy p {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #policy ul li {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #policy .disclaimer {font-size: 14px; line-height: 22px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} /* ATW Experience */ #sharedexp-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-atw-exp-hero-bg_1776964013001001ygOv.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -90px;} #sharedexp-hero .hero-card {margin-top: 60%; } #sharedexp-hero .homehero h1 {font-size: 56px; line-height: 64px; color: #fff; font-weight: 800; text-transform: none; font-family: 'oswald'; width: 80%;} #partofatw {padding-top: 10%; padding-bottom: 8%; margin-top: -8%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-shared-exp-atw-bg_1776776172974001qrd8.jpg) no-repeat top center / cover #ffffff;} #partofatw p {font-size: 18px; line-height: 26px; font-weight: 400; font-family: 'proxima-nova'; color: #fff; } #partofatw .a-img img {width: 90%;} #moreto {padding-top: 5%; padding-bottom: 5%; background: #ffffff;} #moreto h2 {font-size: 40px; line-height: 48px; color: #000; font-weight: 500; text-transform: none; font-family: 'oswald';} #moreto p {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #moreto img {width: 100%;} #stepinto {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-shared-exp-nashville-bg_1776776172574001qV8Y.jpg) no-repeat top center / cover #ffffff;} #stepinto .card {width: 80%;} #stepinto .card h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight: 800; text-transform: none; font-family: 'oswald'; letter-spacing: -0.8px;} #stepinto .card h4 {font-size: 22px; line-height: 30px; color: #C5E5FF; font-weight: 800; text-transform: none; font-family: 'oswald'; letter-spacing: -0.44px;} #stepinto .card p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} /* Rates */ #rates-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-rates-hero-bg_1777307321969001Na67.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -65px;} /* #home-hero {position: relative; overflow:hidden; height: 750px; top: -65px;} */ #rates-hero .hero-video {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;transform: translate(-50%, -50%);object-fit: cover;z-index: 1;} #rates-hero .hero-overlay {position: absolute; inset: 0; z-index: 2; } #rates-hero .hero-card {margin-top: 70%; } #rates-hero .homehero h1 {font-size: 56px; line-height: 64px; color: #fff; font-weight: 600; text-transform: none; font-family: 'oswald';} #rates-hero .homehero h3 {font-size: 32px; line-height: 40px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #rates-hero .homehero .cta-btn {border:2px solid #C5E5FF; background: #C5E5FF; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #rates-hero .homehero .cta-btn-ghost {border:2px solid #C5E5FF; background: transparent; color: #C5E5FF; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; margin-left: 15px;} #rates-hero .homehero .cta {text-align: left; display: inline-block; margin-top: 60px;} #rates {padding-top: 5%; padding-bottom: 5%; margin-top: -5%; background: #00093E;} #rates h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #rates h3 {font-size: 32px; line-height: 40px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald'; border-bottom: 4px solid #00B8B0;} #rates h4 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #rates .card {padding: 40px 32px 32px 32px; border-top: 8px solid #0075B8; background: linear-gradient(0deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.80) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.00) -0.08%, #FFF 64.29%), #FFF; height: 500px} #rates .card .kicker {font-size: 32px; line-height: 40px; color: #0075B8; font-weight: 400; text-transform: none; font-family: 'oswald'; letter-spacing: -0.64px;} #rates .card .price {font-size: 56px; line-height: 64px; color: #000; font-weight: 400; text-transform: none; font-family: 'oswald'; letter-spacing: -1.12px;} #rates .card .nonmember {font-size: 18px; line-height: 26px; color: #615353; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic; } #rates .card .increase {font-size: 20px; line-height: 28px; color: #1B3C69; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; text-align: center; min-height: 60px; } #rates .disclaimer {font-size: 12px; line-height: 20px; color: #fff; font-weight: 500; text-transform: none; font-family: 'proxima-nova'; font-style: italic;} #rates .cta-btn {border:2px solid #0075B8; background: #0075B8; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #rates .cta {margin-top: 20%; text-align: center;} #rates .link {color: #0075B8; text-align: center; font-weight: 800; margin-top: 5%; } #groupreg {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-rates-group-reg-bg_1777307321803001Nghz.jpg) no-repeat top center / cover #ffffff;} #groupreg .card {padding: 0 80px; } #groupreg .card h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight: 800; text-transform: none; font-family: 'oswald';} #groupreg .card p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #groupreg a {color:#fff; text-decoration: underline;} #groupreg .cta-btn-ghost {border:2px solid #fff; background: rgba(255, 255, 255, 0.01); backdrop-filter: blur(8px); color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #cancelpolicy {padding-top: 5%; padding-bottom: 5%; } #cancelpolicy h2 {font-size: 40px; line-height: 48px; color: #000; font-weight: 500; text-transform: none; font-family: 'oswald';} #cancelpolicy h3 {font-size: 32px; line-height: 40px; color: #000; font-weight: 500; text-transform: none; font-family: 'oswald';} #cancelpolicy p {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #cancelpolicy .disclaimer {font-size: 14px; line-height: 22px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic;} /* Program Overview */ #program-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-program-hero-bg_1777314796967001lAZN.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -65px;} #program-hero .hero-card {margin-top: 60%; } #program-hero .homehero h1 {font-size: 56px; line-height: 64px; color: #fff; font-weight: 600; text-transform: none; font-family: 'oswald';} #program-hero .homehero h3 {font-size: 32px; line-height: 40px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #program-hero .homehero .cta-btn {border:2px solid #C5E5FF; background: #C5E5FF; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #program-hero .homehero .cta-btn-ghost {border:2px solid #C5E5FF; background: transparent; color: #C5E5FF; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; margin-left: 15px;} #program-hero .homehero .cta {text-align: left; display: inline-block; margin-top: 60px;} #wherecompculture {padding-top: 5%; padding-bottom: 5%; margin-top: -5%;} #wherecompculture h2 {font-size: 40px; line-height: 48px; color:#000; font-family: 'oswald'; font-weight: 500;} #wherecompculture p {font-size: 18px; line-height: 26px; font-weight: 400; font-family: 'proxima-nova'; color: #000; } #wherecompculture .cta-btn-ghost {border: 2px solid #002FA8; background: transparent; color: #002FA8; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0px; } #wherecompculture .v-img img {width: 100%;} #wherecompculture .card {width: 90%;} #blocksection {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-program-blocks-bg_1777314796782001luu7.jpg) no-repeat top center / cover #ffffff;} #blocksection .card {display: flex; align-items: center; gap: 24px; width: 100%; background: linear-gradient(90deg, #000A3F 0%, #072FA8 100%);} #blocksection .icon {flex: 0 0 80px;} #blocksection .icon img {width: 160px; height: 160px; display: block; } #blocksection .content {flex: 1;} #blocksection .content h4 {margin: 0 0 6px; font-size: 32px; line-height: 40px; color:#fff; font-family: 'oswald'; font-weight: 500;} #blocksection .content h5 {margin: 0; font-size: 20px; line-height: 28px; font-weight: 400; font-family: 'proxima-nova'; color: #fff; } #convinboss {padding-top: 8%; padding-bottom: 8%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-program-boss-bg_1777314796403001lFV0.jpg) no-repeat top center / cover #ffffff;} #convinboss .card {padding: 0 80px; } #convinboss .card h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #convinboss .card h4 {font-size: 24px; line-height: 32px; color: #C5E5FF; font-weight: 500; text-transform: none; font-family: 'oswald';} #convinboss .a {color:#fff; text-decoration: underline;} #convinboss .cta-btn-ghost {border:2px solid #fff; background: rgba(255, 255, 255, 0.01); backdrop-filter: blur(8px); color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #regtodayprog {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-program-register-today-bg2_1777384108177001jBNd.jpg) no-repeat top center / cover #ffffff;} #regtodayprog .title {text-align: center;} #regtodayprog h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #regtodayprog h4 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #regtodayprog .card p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #regtodayprog .l-img {text-align: center; } #regtodayprog .l-img img {width: 70%;} #regtodayprog .cta {text-align: center; } #regtodayprog .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0px; } /* Preconference Offerings */ #precon-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-generic-hero-bg_1777382206148001EVNC.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -90px;} #precon-hero .hero-card {margin-top: 60%; } #precon-hero .homehero h1 {font-size: 56px; line-height: 64px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';} #precon-hero .homehero h2 {font-size: 32px; line-height: 40px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #precon-hero .homehero h4 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #maximizelearning {padding-top: 5%; padding-bottom: 5%; background: #ffffff; margin-top: -5%;} #maximizelearning h2 {font-size: 40px; line-height: 48px; color: #000; font-weight: 500; text-transform: none; font-family: 'oswald';} #maximizelearning p {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #maximizelearning ol li {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #maximizelearning img {width: 100%;} #maximizelearning .cta-btn-ghost {border:2px solid #002FA8; background: rgba(255, 255, 255, 0.01); backdrop-filter: blur(8px); color: #002FA8; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} /* Smartphones (portrait and landscape) ----------- */ @media only screen and (max-width : 767px) { .caret {display: none!important; } .desktop {display: none;} .mobile {display: block;} /* Navigation */ #navbar.navbar .container a.navbar-brand {width: 235px; margin: 15px auto;} #transparentheader .navbar-default .navbar-toggle .icon-bar {background-color: #fff; } #transparentheader #navbar.navbar .container .navbar-header {height: 84px; } #transparentheader #block-block-23 .cta-btn-ghost {border: 2px solid #000!important; color:#000!important; font-family: 'proxima-nova'; padding: 8px 0;} #transparentheader #block-block-23 .btn-primary {background: #C5E5FF!important; color:#000!important; font-family: 'proxima-nova'; padding: 8px 0; margin-bottom: 15px; } #navbar.navbar .container .collapse.in .block-block.login-logout a {width: 100%; } /* Announcement */ #atwbanner {top: 85px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-atwbanner-mobile-2_1776357027837001WlXg.jpg) no-repeat top center / cover #ffffff; height: 70px; } #atwbanner .a-img {margin-left: 17%; margin-top: 6%; } /* Footer */ #footer {padding-left: 15px; padding-right: 15px; } #footer .social {float:none; } #footer .links {float:none; } #footer p {text-align: left; } .spread-icons {text-align: left; } /* Tell Me More */ #more {padding-bottom: 10%;} #more .divider {display: none;} #more .title {text-align: center; top: 0; right: 0;} #more .card {margin-top: 0; margin-left: 25px; text-align: center; margin: auto;} #more .disclaimer {top: 0; left: 0; margin-top: 25px; width: 100%; } #more .card p {text-align: center; } /* Home */ #video-hero {height: 800px;} #video-hero .hero-card {top: 375px; left: 0; } #video-hero .hero-card h1 {font-size: 28px; line-height: 36px; } #video-hero .hero-card h4 {font-size: 18px; line-height: 26px; } #video-hero .hero-card .cta {text-align: center; display: grid; margin-top: 0;} #video-hero .hero-card .cta-btn-ghost {margin-top: 20px; margin-left: 0; padding: 4px 12px; } #video-hero .hero-card .cta-btn {padding: 4px 12px; } #video-hero .hero-card .mt-15 {margin-top: 0;} /* Show content */ #video-hero.show-content .hero-content {opacity: 1;} #zoomstrat {padding-bottom: 15%; } #zoomstrat h2 {font-size: 32px; line-height: 40px; width: 100%;} #zoomstrat h4 {font-size: 20px; line-height: 28px; width: 100%;} #atw {padding-bottom: 15%;} #atw .title {padding: 10px; } #atw .card {margin-bottom: 25px;} #atw .card img {width: 100%; } #atw .mt-80, #leadtrans .mt-80 {margin-top: 0px;} #atw .a-img {margin-top: 15%; } #atw h2 {font-size: 32px; line-height: 40px; width: 100%;} #atw h4 {font-size: 20px; line-height: 28px; width: 100%;} #return {padding-bottom: 15%; margin-top: -2px; } #return .title {width: 80%;} #return .icon img {width: 100%; margin-bottom: 20px} #return .card {margin-bottom: 25px; } #return h2 {font-size: 32px; line-height: 40px; width: 100%;} #whyattend .title {width: 90%; margin: auto; } #whyattend .card {width: 100%; margin-bottom: 30px; } #whyattend img {width: 100%; } #whyattend .mt-80 {margin-top: 40px;} #whyattend h2 {font-size: 32px; line-height: 40px; width: 100%;} #whyattend h3 {font-size: 24px; line-height: 32px; width: 100%;} #contenttracks {padding-bottom: 15%; } #contenttracks .card {margin-bottom: 25px; } #contenttracks .move {left: 0;} #contenttracks h2 {font-size: 32px; line-height: 40px; width: 100%;} #contenttracks h3 {font-size: 24px; line-height: 32px; width: 100%;} #theplace {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-home-venue-bg-mobile_1775677512068001puMT.jpg) no-repeat top center / cover #ffffff; padding-bottom: 15%; } #theplace .card {padding: 0; margin-top: 70%; text-align: center;} #theplace .card h2 {font-size: 32px; line-height: 40px; width: 100%;} #theplace .card h4 {font-size: 20px; line-height: 28px; width: 100%;} /* Hotel & Venue */ #hotel-hero {height: auto;} #hotel-hero .homehero {padding-top: 30%; padding-bottom: 10%;} #hotel-hero .homehero h1 {font-size: 48px; line-height: 56px; } #hotel-hero .hero-card {margin-top: 50%; } #venueinfo {margin-top: -15%; padding-bottom: 15%; } #venueinfo h2 {font-size: 32px; line-height: 40px; width: 100%;} #venueinfo .v-img {margin-top: 30px; } #embark h2 {font-size: 32px; line-height: 40px; width: 100%;} #embark h4 {font-size: 20px; line-height: 28px; width: 100%;} #travelinfo .mt-80 {margin-top: 0px;} #travelinfo .card {width: 100%; margin-bottom: 25px; } #travelinfo img {width: 100%; } #travelinfo h2 {font-size: 32px; line-height: 40px; width: 100%;} #travelinfo h3 {font-size: 24px; line-height: 32px; width: 100%;} #thingstodo .title {padding: 10px; } #thingstodo .card {margin-bottom: 25px; } #thingstodo .centered {width: 100%; } #thingstodo img {width: 100%; } #thingstodo h2 {font-size: 32px; line-height: 40px; width: 100%;} /* Event Policies */ #eventpolicies-hero {height: auto;} #eventpolicies-hero .homehero {padding-top: 30%; padding-bottom: 10%;} #eventpolicies-hero .homehero h1 {font-size: 48px; line-height: 56px; } #eventpolicies-hero .hero-card {margin-top: 50%; } #policy .content {padding: 15px; } #policy h2 {font-size: 32px; line-height: 40px; width: 100%;} #policy h3 {font-size: 24px; line-height: 32px; width: 100%;} /* ATW Experience */ #sharedexp-hero {height: auto;} #sharedexp-hero .homehero {padding-top: 30%; padding-bottom: 40%;} #sharedexp-hero .hero-card {margin-top: 25%; } #sharedexp-hero .homehero .cta {text-align: center; display: grid; } #sharedexp-hero .homehero .cta-btn-ghost {margin-top: 20px; margin-left: 0; } #sharedexp-hero .b-logo img {width: 80%; } #partofatw {margin-top: -23%; padding-bottom: 15%;} #partofatw .a-img img {width: 100%;} #moreto {padding-top: 0; padding-bottom: 15%; } #moreto h2 {font-size: 32px; line-height: 40px; width: 100%;} #moreto h3 {font-size: 24px; line-height: 32px; width: 100%;} #moreto .mt-80 {margin-top: 0;} #moreto .mt-100 {margin-top: 60px; } #moreto .card {margin-bottom: 25px; text-align: center;} #stepinto .card {width: 100%;} /* Rates */ #rates-hero {height: auto;} #rates-hero .homehero {padding-top: 30%; padding-bottom: 10%;} #rates-hero .hero-card {margin-top: 40%; } #rates-hero .homehero h1 {font-size: 54px; line-height: 62px; letter-spacing: normal;} #rates {margin-top: -18%; padding-left: 10px; padding-right: 10px; } #rates h2 {font-size: 32px; line-height: 40px; width: 100%;} #rates h4 {font-size: 20px; line-height: 28px; width: 100%;} #rates h3 {font-size: 24px; line-height: 32px; width: 100%;} #rates .card {height: auto; margin-bottom: 25px; } #rates .card .price {font-size: 48px; line-height: 56px; width: 100%;} #groupreg {background: linear-gradient(78deg, #0561F8 40.96%, #1B3C69 99.99%); padding-bottom: 15%;} #groupreg .card {padding: 0; } #groupreg h2 {font-size: 32px; line-height: 40px; width: 100%;} #groupreg h4 {font-size: 20px; line-height: 28px; width: 100%;} #cancelpolicy {padding: 10px; padding-bottom: 15%;} #cancelpolicy h2 {font-size: 32px; line-height: 40px; width: 100%;} #cancelpolicy h3 {font-size: 24px; line-height: 32px; width: 100%;} /* Program Overview */ #program-hero {height: auto;} #program-hero .homehero {padding-top: 30%; padding-bottom: 10%;} #program-hero .hero-card {margin-top: 40%; } #program-hero .homehero h1 {font-size: 54px; line-height: 62px; letter-spacing: normal;} #wherecompculture {margin-top: -8%; padding-bottom: 15%; } #wherecompculture h2 {font-size: 32px; line-height: 40px; width: 100%;} #wherecompculture .card {width: 100%; margin-bottom: 25px; } #blocksection h2 {font-size: 32px; line-height: 40px; width: 100%;} #blocksection .card h4 {font-size: 20px; line-height: 28px; width: 100%;} #blocksection .card h5 {font-size: 16px; line-height: 24px; width: 100%;} #blocksection .card {flex-direction: column;align-items: flex-start;border-radius: 0; padding: 20px; } #convinboss {background: linear-gradient(78deg, #0561F8 40.96%, #1B3C69 99.99%); padding-bottom: 15%;} #convinboss .card {padding: 0; } #convinboss h2 {font-size: 32px; line-height: 40px; width: 100%;} #convinboss h4 {font-size: 20px; line-height: 28px; width: 100%;} #regtodayprog {padding-bottom: 15%; } #regtodayprog h2 {font-size: 32px; line-height: 40px; width: 100%;} #regtodayprog h4 {font-size: 20px; line-height: 28px; width: 100%;} #regtodayprog .card {margin-bottom: 25px; } #regtodayprog .icon img {width: 100%;} /* Preconference */ #precon-hero {height: auto;} #precon-hero .homehero {padding-top: 30%; padding-bottom: 40%;} #precon-hero .hero-card {margin-top: 25%; } #maximizelearning {margin-top: -15%;} #maximizelearning h2 {font-size: 32px; line-height: 40px; width: 100%;} #maximizelearning .card {margin-bottom: 25px; } #maximizelearning .mt-80 {margin-top: 0;} } /* Tablet (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) and (max-width: 1024px) { } /*Small desktop */ @media only screen and (min-width: 1025px) and (max-width: 1476px) { #video-hero {padding-bottom: 33%;} #video-hero .hero-card {top: 238px; left: 22%; } } /* Very Large Screens */ @media only screen and (min-width: 1770px) and (max-width: 2800px) { #atwbanner .a-img {margin-left: 45%;} #video-hero {padding-bottom: 0; top: -10px; height: 1000px; } #video-hero .hero-card {top: 380px; left: 22%; } #zoomstrat {margin-top: -5px; } }