/* 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; } .center {text-align: center;} /* Header - Navigation */ #leapheader #navbar.navbar {top: 0; background: #00093E; backdrop-filter: blur(20px);} #leapheader #navbar.navbar nav .container li a {color:#fff;} #leapheader #navbar.navbar nav .container li ul.dropdown-menu li a {color:#000!important; } #leapheader #navbar.navbar.scrolled {background-color: #00093E;} #leapheader #block-block-23 .btn-primary {border:2px solid #FBB533!important; background: #FBB533!important; color: #111218; font-size: 14px; text-transform: none; padding: 4px 8px; font-weight: 700; border-radius: 0} #leapheader #block-block-23 .cta-btn-ghost {border:2px solid #C5E5FF; background: #C5E5FF; color: #111218; font-size: 14px; text-transform: none; padding: 4px 8px; font-weight: 700; border-radius: 0; } #navbar.navbar nav .container ul {position: relative; top: 1px; } .navbar-header {margin-top: 20px; } .navbar {border-radius: 0!important;} /* Announcement Banner */ #announcement {background:#C5E5FF; padding: 8px 40px; text-align: center; position: relative; top: 108px; z-index: 10;} #announcement .message {color:#111218; font-size: 18px; line-height: 28px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; } #announcement a {color:#225A91; text-decoration: underline; } /*footer*/ #footer {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/Leap27-footer-bg_1787920505128001z661.jpg) no-repeat top center / cover #ffffff;} #footer p {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; } #footer .links {float:left; margin-top: 5%; margin-left: -15px; display: flex; gap: 10px; } #footer .social {float:right; } #footer .links {color:#fff;} #footer .links a {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; text-decoration: underline; } #footer .fineprint p {text-align: left; } #footer .logo {display: flex; gap: 20px; } #footer .tell-more {width: 100%;margin: 40px auto;box-sizing: border-box;font-family: 'proxima-nova';} #footer .tell-more-main {display: flex; justify-content: center; align-items: center; min-height: 250px; background: #1B3C69;box-sizing: border-box; border-radius: 8px;} #footer .tell-more-title {flex: 0 0 43%;} #footer .tell-more-title h2 {font-weight: 700;font-size: 64px; color: #FBB533; text-transform: uppercase; line-height: 64px; font-family: 'proxima-nova';} #footer .tell-more-divider {width: 4px;height: 140px;flex-shrink: 0;background: #FBB533;margin-right: 40px;} #footer .tell-more-content {max-width: 520px; } #footer .tell-more-content p {font-weight: 400;font-size: 18px; color: #fff; line-height: 26px; font-family: 'proxima-nova'; text-align: left; } #footer .tell-more-content .btn-cta {background: #FBB533; color: #000; padding: 8px 24px; border: 1px solid #FBB533; font-weight: 700; text-transform: none; font-size: 18px; font-family: 'proxima-nova';} #footer .tell-more-footer {background: rgba(0, 0, 0, 0.30); padding: 24px 80px; display: flex; height: 110px; } #footer .tell-more-footer a {color:#FBB533;} /* Home */ #home-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-home-hero-bg_1787584516530001XDrb.jpg) no-repeat top center / cover #ffffff; height: 650px;} #home-hero .homehero .hero-card {position: relative; margin-top: 23%; } #home-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; width: 80%; } #home-hero .homehero h2 {font-size: 38px; line-height: 46px; color: #C5E5FF; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #home-hero .homehero h4 {font-size: 22px; line-height: 30px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova';} #home-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 50%; } #home-hero .homehero .cta-btn {border:2px solid #FBB533; background: #FBB533; color: #000; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #home-hero .homehero .cta-btn-ghost {border:2px solid #C5E5FF; background: #C5E5FF; color: #000; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; backdrop-filter: blur(8px);} #home-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #pace {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-home-section2-bg_1787593620573001ueUJ.jpg) no-repeat top center / cover #ffffff;} #pace .title {border-bottom: 4px solid #FBB533; width: 55%; } #pace .eyebrow {font-size: 16px; line-height: 24px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #pace h2 {font-size: 48px; line-height: 56px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #pace p {font-size: 18px; line-height: 26px; color: #232738; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #pace .prepared {width: 100%; max-width: 420px;padding: 20px 25px 30px;box-sizing: border-box; position: relative; top: 80px; } #pace .prepared h4 {font-size: 24px; line-height: 32px; color: #225A91; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #pace .prepared-item {display: grid;grid-template-columns: 70px 1fr;column-gap: 30px;margin-bottom: 50px;} #pace .prepared-number {color: #225A91;font-size: 64px;line-height: 64px; font-weight: 700; font-family: 'proxima-nova';} #pace .prepared-content {min-width: 0;} #pace .prepared-content p {margin: 0;color: #111218;font-size: 20px;line-height: 30px; font-weight: 700; font-family: 'proxima-nova';} #pace .prepared-line {width: 100%;height: 4px;background: #79ADD8;margin-top: 12px;} #pace .cta-btn {border:2px solid #FBB533; background: #FBB533; color: #000; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #pace .t-img img {width: 100%;} #leapis {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-home-leapis-bg_1787595873752001Ddei.jpg) no-repeat top center / cover #ffffff;} #leapis .leap-container {display: grid;grid-template-columns: 320px 3px minmax(0, 1fr);column-gap: 42px;padding: 65px 0;} #leapis .leap-intro {padding-top: 0; } #leapis .leap-intro h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #leapis .leap-intro-line {width: 178px;height: 4px;background: #FBB533;margin: 23px 0 43px;} #leapis .leap-intro p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #leapis .leap-divider {width: 4px;height: 100%;min-height: 430px;background: #FBB533;} #leapis .leap-content {min-width: 0;} #leapis .leap-content h3 {font-size: 38px; line-height: 46px; color: #FBB533; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #leapis .leap-item {display: grid;grid-template-columns: 55px minmax(0, 1fr);column-gap: 0px;align-items: start;margin-bottom: 30px; margin-top: 40px; } #leapis .leap-number {width: 25px; height: 25px; background: #FBB533; border-radius: 50%;} #leapis .leap-item-content {min-width: 0;} #leapis .leap-item-content p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #leapis .leap-item-line {width: 100%;height: 1px;background: #79ADD8; margin: 13px 0 17px;} #leapis .leap-description {font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #leapis .cta {margin-top: 40px; } #leapis .cta-btn {border:2px solid #FBB533; background: #FBB533; color: #000; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #leap-speakers {padding-top: 5%; padding-bottom: 5%; background: #C5E5FF; display:none;} #leap-speakers .speakers-container {width: 90%; margin: 0 auto;} #leap-speakers .s-heading {margin-bottom: 20px; width: 55%;} #leap-speakers .s-heading .eyebrow {font-size: 16px; line-height: 24px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #leap-speakers .s-heading h2 {font-size: 48px; line-height: 56px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #leap-speakers .s-grid {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 18px 22px;} #leap-speakers .s-card {position: relative; overflow: hidden; box-sizing: border-box;} #leap-speakers .s-featured {grid-row: 1 / 3; background: #00093E; } #leap-speakers .s-featured .s-img {width: 100%; height: 375px; } #leap-speakers .s-featured .s-img img {width: 100%; height: 100%; object-fit: cover; display: block;} #leap-speakers .s-featured .s-info {padding: 10px 14px 13px; } #leap-speakers .s-featured h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #leap-speakers .s-featured p {font-size: 20px; line-height: 28px; color: rgba(255, 255, 255, 0.75); font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #leap-speakers .s-type {font-size: 16px; line-height: 24px; color: #FBB533; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #leap-speakers .s-line {width: 100%; height: 4px; background: #FBB533; margin: 6px 0 9px; } #leap-speakers .s-horizontal {display: grid; grid-template-columns: 1fr 1fr; background: #fff;} #leap-speakers .s-horizontal .s-info {padding: 14px 13px; display: flex; flex-direction: column; justify-content: center;} #leap-speakers .s-horizontal .s-img {width: 100%; height: 100%; min-height: 120px; } #leap-speakers .s-horizontal .s-img img{width: 100%; height: 100%; object-fit: cover; display: block; } #leap-speakers .s-horizontal h3 {font-size: 38px; line-height: 46px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #leap-speakers .s-horizontal p {font-size: 20px; line-height: 28px; color: rgba(255, 255, 255, 0.75); font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #leap-speakers .s-james .s-info {background: #fff; } #leap-speakers .s-james .s-line {width: 100%; background: #FBB533; } #leap-speakers .s-sam {background:#1B3C69;} #leap-speakers .s-sam .s-info {color:#fff; } #leap-speakers .s-sam h3 {color:#fff;} #leap-speakers .s-sam p {color:#fff;} #leap-speakers .s-james p {color:#232738;} #leap-speakers .s-james .s-info .s-type {color:#225A91;} #leap-speakers .s-card.s-sam {border-top: 4px solid #FBB533; } #audience {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-home-audience-bg_1787687605375001TVhe.jpg) no-repeat top center / cover #ffffff;} #audience .title {width: 80%;} #audience .title h2 {font-size: 48px; line-height: 56px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #audience .title h4 {font-size: 28px; line-height: 36px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #audience .a-grid {width: 100%; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } #audience .a-card {position: relative; height: 215px; display: flex; align-items: flex-end; padding: 24px; box-sizing: border-box; overflow: hidden;} #audience .a-card h3 {font-size: 38px; line-height: 46px; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #audience .card-navy {background: #00093E; color:#fff;} #audience .card-powderblue {background: #79ADD8; color:#111218; } #audience .card-drkblue {background: #1B3C69; color:#fff; } #audience .card-iceblue {background: #C5E5FF; color:#111218;} #audience .c-accent {position: absolute; top: 0; left: 0; width: 80px; height: 24px; } #audience .accent-yellow {background: #FBB533;} #audience .accent-light {background: #79ADD8;} #audience .accent-blue {background: #0076BE;} #pricing {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-home-pricing-bg_1787690356748001gQno.jpg) no-repeat top center / cover #ffffff;} #pricing .card {padding: 15px; } #pricing .title {width: 50%; } #pricing h2 {font-size: 48px; line-height: 56px; color: #232738; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; } #pricing p {font-size: 18px; line-height: 26px; color: #232738; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #pricing h4 {font-size: 28px; line-height: 36px; color: #225A91; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #pricing .price {font-size: 64px; line-height: 64px; color: #111218; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; border-bottom: 4px solid #79ADD8; padding-bottom: 20px; min-height: 135px; } #pricing .noprice {font-size: 48px; line-height: 56px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; border-bottom: 4px solid #79ADD8; padding-bottom: 20px; } #pricing .cta {margin-top: 50px; } #pricing .card p {min-height: 90px; } #pricing .cta-btn {border:2px solid #FBB533; background: #FBB533; color: #000; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #pricing .disclaimer {font-size: 14px; line-height: 22px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #pricing .blue {color:#225A91; position: relative; top: 60px; } #quote {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-home-quote-bg_1787690593878001SpVV.jpg) no-repeat top center / cover #ffffff;} #quote .card {padding: 40px 20px; display: flex; flex-direction: column; gap: 30px; align-self: stretch;} #quote .bottom {padding: 30px 20px;} #quote .eyebrow {font-size: 16px; line-height: 24px; color: #FBB533; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #quote .quote {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; border-bottom: 4px solid #FBB533; padding-bottom: 30px; } #quote p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #quote h4 {font-size: 28px; line-height: 36px; color: #225A91; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #quote .carousel-content { position: relative; min-height: 250px; /* Adjust based on your content */ } #quote .slide { position: absolute; inset: 0; width: 100%; opacity: 0; transition: opacity 0.6s ease; pointer-events: none; } #quote .slide.active { opacity: 1; pointer-events: auto; } /* Hotel Venue */ #hotel-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-hotel-hero-bg_1787670694451001qMLr.jpg) no-repeat top center / cover #ffffff; height: 650px; } #hotel-hero .homehero .hero-card {position: relative; margin-top: 23%;} #hotel-hero .homehero .eyebrow {font-size: 16px; line-height: 24px; color: #FBB533; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px; } #hotel-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova';} #hotel-hero .homehero h2 {font-size: 38px; line-height: 46px; color: rgba(255, 255, 255, 0.75); font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #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 #FBB533; background: #FBB533; color: #000; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #hotel-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #valuable {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-hotel-valuable-bg_1787670693670001qrGf.jpg) no-repeat top center / cover #ffffff;} #valuable .title {border-bottom: 4px solid #FBB533; padding-bottom: 40px; width: 90%; } #valuable .eyebrow {font-size: 16px; line-height: 24px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #valuable h2 {font-size: 48px; line-height: 56px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #valuable h4 {font-size: 28px; line-height: 36px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #valuable p {font-size: 18px; line-height: 26px; color: #232738; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #valuable .v-img img {width: 100%;} #hotelstay {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-hotel-venue-bg_1787670694248001qZrV.jpg) no-repeat top center / cover #ffffff; height: 500px;} #housingblock {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-home-leapis-bg_1787595873752001Ddei.jpg) no-repeat top center / cover #ffffff;} #housingblock .housing-container {display: grid;grid-template-columns: 310px 7px minmax(0, 1fr);column-gap: 42px;padding: 25px 0;} #housingblock .housing-intro {padding-top: 0; } #housingblock .housing-intro h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #housingblock .housing-intro h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #housingblock .housing-divider {width: 4px;height: 100%;min-height: 430px;background: #FBB533;} #housingblock .housing-content {min-width: 0;} #housingblock .housing-content h2 {font-size: 48px; line-height: 56px; color: #FBB533; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #housingblock .housing-content h3 {font-size: 38px; line-height: 46px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #housingblock .housing-content h4 {font-size: 28px; line-height: 36px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #housingblock .pricing {display: flex; gap: 10px; margin-top: 40px; } #housingblock .pricing-item {background: #fff; padding: 25px; display: flex; flex-direction: column; flex: 1 0 0; align-items: center; } #housingblock .pricing-item h3 {font-size: 38px; line-height: 46px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #housingblock .pricing-item .days {font-size: 18px; line-height: 26px; color: #232738; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #housingblock .cta {margin-top: 50px; } #housingblock .cta-btn {border:2px solid #FBB533; background: #FBB533; color: #000; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #ariaresort {height: 420px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-hotel-aria-bg_1787670694119001qe2T.jpg) no-repeat top center / cover #ffffff;} #ariaresort .card {padding: 30px; margin-top: 7%; } #ariaresort .eyebrow {font-size: 16px; line-height: 24px; color: #FBB533; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #ariaresort h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #ariaresort h3 {font-size: 38px; line-height: 46px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #ariaresort p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #ariaresort a {color:#FBB533;} #todoheader {height: 250px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap-todo-bg_1787772379742001Jek9.jpg) no-repeat top center / cover #ffffff;} #todoheader .title {border-bottom: 4px solid #FBB533; padding-bottom: 40px; width: 90%; position: relative; top: 50px; } #todoheader .eyebrow {font-size: 16px; line-height: 24px; color: #FBB533; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #todoheader h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #todoheader .t-img {position: relative; top: 60px; } #todoheader .t-img img {width: 100%;} #papillon {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-hotel-grand-canyon-bg_1787675981836001ZrWw.jpg) no-repeat top center / cover #ffffff;} #papillon .card {border-left: 8px solid #FBB533; background: rgba(255, 255, 255, 0.64); box-shadow: 0 8px 40px 0 rgba(2, 9, 59, 0.16); padding: 30px; display: flex; min-width: 335px; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; margin-top: 20%;} #papillon .eyebrow {font-size: 16px; line-height: 24px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #papillon h2 {font-size: 48px; line-height: 56px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #papillon p {font-size: 18px; line-height: 26px; color: #111218; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #papillon .cta {margin-top: 50px; } #papillon .cta-btn {border:2px solid #FBB533; background: #FBB533; color: #000; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #papillon .p-img img {width: 95%;} #welcome {height: 500px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-hotel-vegas-bg_1787670693913001qYnH.jpg) no-repeat top center / cover #ffffff;} #welcome .card {display: flex; min-width: 335px; padding: 30px; flex-direction: column; justify-content: center; gap: 5px; flex: 1 0 0; margin-top: 20px; } #welcome .eyebrow {font-size: 16px; line-height: 24px; color: #FBB533; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #welcome h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #welcome p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #welcome .cta {margin-top: 50px; } #welcome .cta-btn {border:2px solid #FBB533; background: #FBB533; color: #000; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #adventure {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-hotel-tour-bg_1787670693832001qQDh.jpg) no-repeat top center / cover #ffffff;} #adventure .card {border-left: 8px solid #FBB533; background: rgba(255, 255, 255, 0.64); box-shadow: 0 8px 40px 0 rgba(2, 9, 59, 0.16); padding: 30px; display: flex; min-width: 335px; flex-direction: column; align-items: flex-start; gap: 0px; align-self: stretch;} #adventure .eyebrow {font-size: 16px; line-height: 24px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #adventure h2 {font-size: 48px; line-height: 56px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #adventure p {font-size: 18px; line-height: 26px; color: #111218; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #adventure .cta {margin-top: 50px; } #adventure .cta-btn {border:2px solid #FBB533; background: #FBB533; color: #000; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #afterhours {padding-top: 2%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-hotel-vanderpump-bg_1787670693774001qARI.jpg) no-repeat top center / cover #ffffff;} #afterhours .card {display: flex; min-width: 335px; padding: 30px; flex-direction: column; justify-content: center; gap: 5px; flex: 1 0 0;} #afterhours .eyebrow {font-size: 16px; line-height: 24px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #afterhours h2 {font-size: 48px; line-height: 56px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #afterhours p {font-size: 18px; line-height: 26px; color: #111218; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #afterhours .cta {margin-top: 50px; } #afterhours .cta-btn {border:2px solid #FBB533; background: #FBB533; color: #000; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #afterhours .v-img {margin-top: 20%; } /* Program */ #program-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-program-hero-bg_1787775022619001C5SG.jpg) no-repeat top center / cover #ffffff; height: 650px; } #program-hero .homehero .hero-card {position: relative; margin-top: 23%; width: 80%} #program-hero .homehero .eyebrow {font-size: 16px; line-height: 24px; color: #FBB533; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px; } #program-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova';} #program-hero .homehero h2 {font-size: 38px; line-height: 46px; color: rgba(255, 255, 255, 0.75); font-weight: 700; text-transform: none; font-family: 'proxima-nova'; width: 60%} #program-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #program-hero .homehero .cta-btn {border:2px solid #FBB533; background: #FBB533; color: #000; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #program-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #regulations {display: none; height: 250px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap-todo-bg_1787772379742001Jek9.jpg) no-repeat top center / cover #ffffff;} #regulations .title {position: relative; top: 65px; } #regulations .eyebrow {font-size: 16px; line-height: 24px; color: #FBB533; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #regulations h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #regulations .yellow {color: #FBB533; } #regulations .t-img {position: relative; top: 60px; } #regulations .t-img img {width: 100%;} #evolves {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-progeam-employment-law-bg_1787775022555001Cxse.jpg) no-repeat top center / cover #ffffff;} #evolves .title {border-bottom: 4px solid #FBB533; padding-bottom: 40px; width: 80%; } #evolves h2 {font-size: 48px; line-height: 56px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #evolves h4 {font-size: 28px; line-height: 36px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; width: 80%; } #evolves p {font-size: 18px; line-height: 26px; color: #232738; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #sessiontypes {height: 250px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-program-session-type-bg_1787775022497001Cm1u.jpg) no-repeat top center / cover #ffffff;} #sessiontypes .title {margin-top: 15%; } #sessiontypes .eyebrow {font-size: 16px; line-height: 24px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #sessiontypes h2 {font-size: 48px; line-height: 56px; color: #000; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #generalsession {padding-top: 5%; padding-bottom: 10%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-program-general-session-bg_1787838836257001QI9u.jpg) no-repeat top center / cover #ffffff;} #generalsession .card {border-bottom: 4px solid #FBB533; position: relative; left: 20%; padding-bottom: 30px; width: 70%; margin-top: 20%; } #generalsession .eyebrow {font-size: 16px; line-height: 24px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #generalsession h2 {font-size: 48px; line-height: 56px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #generalsession p {font-size: 18px; line-height: 26px; color: #111218; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; position: relative; left: 20%; } #moreprograms {padding-top: 5%; padding-bottom: 5%; background: #79ADD8;} #moreprograms .p-container {width: 100%; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } #moreprograms .p-card {display: flex; flex-direction: column;} #moreprograms .p-img {width: 100%; height: 280px; } #moreprograms .p-img img {width: 100%; height: 100%; display: block; object-fit: cover;} #moreprograms .p-content {flex: 1; padding: 25px 30px 30px;} #moreprograms .eyebrow {font-size: 16px; line-height: 24px; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #moreprograms .p-content h2 {font-size: 48px; line-height: 56px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #moreprograms .p-line {width: 100%; height: 4px; margin: 18px 0 18px; } #moreprograms .p-description p {font-size: 18px; line-height: 26px; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #moreprograms .p-description p:last-child {margin-bottom: 0;} #moreprograms .lunch-card .p-content {background: #C5E5FF; } #moreprograms .lunch-card .eyebrow {color:#225A91;} #moreprograms .lunch-card .p-line {background: #0076BE; } #moreprograms .lunch-card .p-description {color: #111218; } #moreprograms .breakout-card .p-content {background: #00093E; } #moreprograms .breakout-card .eyebrow {color:#FBB533;} #moreprograms .breakout-card .p-line {background: #FBB533; } #moreprograms .breakout-card h2 {color: #fff; } #moreprograms .breakout-card .p-description {color:rgba(255, 255, 255, 0.75);} #buildprogram {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-program-build-program-bg_1787775022008001CUin.jpg) no-repeat top center / cover #ffffff;} #buildprogram .b-container {width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 60px;} #buildprogram .b-content {max-width: 600px; } #buildprogram .b-content h2 {font-size: 48px; line-height: 56px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #buildprogram .item {display: grid; grid-template-columns: 45px minmax(0, 1fr); column-gap: 60px; margin-bottom: 20px; } #buildprogram .number {font-size: 50px; line-height: 58px; color: #225A91; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova';} #buildprogram .item-content {min-width: 0; } #buildprogram .item-content h5 {font-size: 22px; line-height: 30px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #buildprogram p {font-size: 18px; line-height: 26px; color: #111218; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #buildprogram .line {width: 100%; height: 4px; margin-top: 15px; background: #79ADD8; } #buildprogram .cta {margin-top: 40px;} #buildprogram .cta-btn {border:2px solid #FBB533; background: #FBB533; color: #000; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #buildprogram .b-img {position: relative;} #buildprogram .b-img img {width: 100%; max-width: 520px; height: auto; display: block; object-fit: cover; margin-left: auto; } /* Rates */ #rates-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-rates-hero-bg_1787848502753001IFRL.jpg) no-repeat top center / cover #ffffff; height: 650px; } #rates-hero .homehero .hero-card {position: relative; margin-top: 23%;} #rates-hero .homehero .eyebrow {font-size: 16px; line-height: 24px; color: #FBB533; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px; } #rates-hero .homehero h1 {font-size: 64px; line-height: 72px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova';} #rates-hero .homehero h2 {font-size: 38px; line-height: 46px; color: rgba(255, 255, 255, 0.75); font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #rates-hero .homehero p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #rates-hero .homehero .cta-btn {border:2px solid #FBB533; background: #FBB533; color: #111218; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #rates-hero .homehero .cta-btn-ghost {border:2px solid #C5E5FF; background: #C5E5FF; color: #111218; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #rates-hero .homehero .cta {display: flex; gap: 10px; margin-top: 40px;} #betteremp {padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-rates-better-emp-bg_1787848502602001IjFJ.jpg) no-repeat top center / cover #ffffff;} #betteremp .card {border-bottom: 4px solid #FBB533; position: relative; left: 20%; padding-bottom: 30px; margin-top: 20%; } #betteremp .eyebrow {font-size: 16px; line-height: 24px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #betteremp h2 {font-size: 48px; line-height: 56px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #betteremp h4 {font-size: 28px; line-height: 36px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #betteremp p {font-size: 18px; line-height: 26px; color: #111218; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; position: relative; left: 20%; } #regincludes {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-rates-reg-includes-bg_1787848502376001IsHm.jpg) no-repeat top center / cover #ffffff;} #regincludes .reg-container {width: 100%; margin: 0 auto; } #regincludes .reg-title {width: 50%; margin-bottom: 40px; } #regincludes .reg-title h2 {font-size: 48px; line-height: 56px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #regincludes .reg-line {width: 100%; max-width: 370px; height: 4px; background: #FBB533; margin-top: 25px; } #regincludes .reg-items {display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 80px; column-gap: 50px; } #regincludes .item {display: grid; grid-template-columns: 60px minmax(0, 1fr); column-gap: 30px; align-items: start;} #regincludes .reg-number {font-size: 62px; line-height: 62px; color: #0076BE; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova';} #regincludes .reg-content {min-width: 0;} #regincludes .reg-content h4 {font-size: 28px; line-height: 36px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #regincludes .reg-content p {font-size: 18px; line-height: 26px; color: #111218; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #regincludes .reg-content .item-line {width: 100%; height: 4px; background: #79ADD8; margin-top: 20px; } #pricinggrid {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-rates-pricing-bg_1787848502302001ItYI.jpg) no-repeat top center / cover #ffffff;} #pricinggrid .p-container {width: 90%; margin: 0 auto;} #pricinggrid .p-heading {margin-bottom: 20px; } #pricinggrid .p-heading .eyebrow {font-size: 16px; line-height: 24px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #pricinggrid .p-heading h2 {font-size: 48px; line-height: 56px; color: #111218; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #pricinggrid .p-grid {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 58px 32px;} #pricinggrid .p-card {position: relative; overflow: hidden; box-sizing: border-box; box-shadow: 0 8px 40px 0 rgba(2, 9, 59, 0.16);} #pricinggrid .p-earlybird {grid-row: 1 / 3; background: #00093E; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-rates-price-block-bg_1787848502048001IXxv.jpg) no-repeat top center / cover #ffffff;} #pricinggrid .p-earlybird .p-header {width: 100%; height: 80px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-rates-price-block-header-bg_1787848501952001INkF.png) no-repeat top center / cover #ffffff;} #pricinggrid .p-header .eyebrow {font-size: 16px; line-height: 24px; color: #FBB533; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px; padding: 15px; position: relative; top: 15px; } #pricinggrid .p-earlybird .p-info {padding: 30px 14px 14px;} #pricinggrid .p-earlybird h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #pricinggrid .p-earlybird .p-price {font-size: 64px; line-height: 64px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; margin-bottom: 50px; } #pricinggrid .p-earlybird p {font-size: 20px; line-height: 28px; color: rgba(255, 255, 255, 0.75); font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #pricinggrid .p-earlybird .cta {position: absolute; bottom: 20px; text-align: center;} #pricinggrid .p-earlybird .cta-btn {border:2px solid #FBB533; background: #FBB533; color: #111218; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #pricinggrid .p-line {width: 100%; height: 4px; background: #C5E5FF; margin: 6px 0 30px; } #pricinggrid .p-horizontal {display: grid; grid-template-columns: 1fr 1fr; background: #fff;} #pricinggrid .p-standard {border-left: 4px solid #FBB533; } #pricinggrid .p-onsite {border-left: 4px solid #0076BE; } #pricinggrid .p-horizontal .p-info {padding: 14px 13px; display: flex; flex-direction: column; justify-content: center;} #pricinggrid .p-horizontal .s-price {font-size: 50px; line-height: 58px; color: #111218; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova';} #pricinggrid .p-horizontal p {font-size: 20px; line-height: 28px; color: #232738; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; min-height: 50px; } #pricinggrid .p-horizontal .eyebrow {font-size: 16px; line-height: 24px; color: #225A91; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px; position: relative; top: -10px; } #pricinggrid .p-horizontal .cta {margin-top: 40px;} #pricinggrid .p-horizontal .cta-btn-ghost {border:2px solid #C5E5FF; background: #C5E5FF; color: #111218; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #pricinggrid .disclaimer {font-size: 14px; line-height: 22px; color: #000; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; } #groups {padding-top: 3%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-rates-group-bg_1787848502206001IBAo.jpg) no-repeat top center / cover #ffffff;} #groups .card {padding: 30px; margin-top: 7%; } #groups .eyebrow {font-size: 16px; line-height: 24px; color: #FBB533; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.6px;} #groups h2 {font-size: 48px; line-height: 56px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #groups h3 {font-size: 38px; line-height: 46px; color: #FBB533; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #groups p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #groups .cta {margin-top: 30px; } #groups .cta-btn {border:2px solid #FBB533; background: #FBB533; color: #111218; font-size: 18px; text-transform: none; padding: 8px 24px; font-weight: 700; } #groups a {color:#FBB533;} #groups .disclaimer {font-size: 14px; line-height: 22px; color: #fff; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; font-style: italic;} #policy {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-rates-cancel-bg_1787848502114001Igh1.jpg) no-repeat top center / cover #ffffff;} #policy h2 {font-size: 48px; line-height: 56px; color: #232738; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #policy .card {position: relative; padding: 24px; margin-top: 30px; } #policy p {font-size: 18px; font-family: 'proxima-nova'; line-height: 26px; font-weight: 400; color: #232738;} #policy .disclaimer {font-size: 14px; font-family: 'proxima-nova'; line-height: 22px; font-weight: 700; color: #232738; font-style: italic;} #policy .accordion {background-color: #fff; color: #00093E; cursor: pointer; padding: 16px; width: 100%;border: none;text-align: left;outline: none;font-size: 28px;transition: 0.4s; text-transform: none; font-family: 'proxima-nova'; font-weight: 600; border: 1px solid #00093E; } #policy .active, #opportunities .accordion:hover {background-color: #00093E; color:#FBB533; } #policy .accordion:after {content: '\002B';color: #1B3C69;font-weight: bold;float: right;margin-left: 5px;} #policy .active:after {content: "\2212"; color:#FBB533;} #policy .accordion:hover:after {color:#FBB533;} #policy .panel {padding: 0 18px; max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out; margin-top: 0; background-color:transparent;} /* 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;} .navbar-header .logo img {width: auto!important;} #leapheader .navbar-default .navbar-toggle .icon-bar {background-color: #fff; } #leapheader #navbar.navbar .container .navbar-header {height: 84px; } #leapheader #block-block-23 .btn-primary {border:2px solid #FBB533!important; background: #FBB533!important; color: #111218; font-size: 14px; text-transform: none; padding: 4px 8px; font-weight: 700; border-radius: 0; font-family: 'proxima-nova';} #leapheader #block-block-23 .cta-btn-ghost {border:2px solid #C5E5FF; background: #C5E5FF; color: #111218; font-size: 14px; text-transform: none; padding: 4px 8px; font-weight: 700; border-radius: 0; font-family: 'proxima-nova'; margin-top: 10px; } #navbar.navbar .container .collapse.in .block-block.login-logout a {width: 100%; } /*Footer*/ #footer {padding-top: 2%; padding-bottom: 2%; } #footer p {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; } #footer .links {margin-top: 5%; margin-left: -15px; } #footer .social {float:left; margin-top: 10px; } #footer .links {color:#fff;} #footer .links a {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; text-decoration: underline; } #footer .fineprint p {text-align: left; } #footer .logo {display: grid; padding: 10px; margin-top: -60px; } #footer .tell-more-main {padding: 30px;} #footer .tell-more-title {flex: 0 0 40%;} #footer .tell-more-title h2 {font-size: 32px;} #footer .tell-more-divider {height: auto; margin-right: auto; width: auto; border-top: 4px solid #FBB533; margin-bottom: 20px; } #footer .tell-more-footer {padding: 20px; height: 160px; } #footer .tell-more-main {display: block; } /* Announcement */ #announcement {top: 80px; } /* Home */ #home-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-home-mobile-hero-bg_1787587039187001HZ6n.jpg) no-repeat top center / cover #ffffff; height: 560px; top: 77px;} #home-hero .homehero h1 {font-size: 48px; text-transform: none; line-height: 56px; width: 100%;} #home-hero .homehero h2 {font-size: 32px; line-height: 40px; width: 100%;} #home-hero .homehero h4 {font-size: 18px; line-height: 26px; width: 100%;} #home-hero .homehero p {width: 100%;} #home-hero .homehero .cta {display: grid; text-align: center; } #pace {position: relative; top: 50px; } #pace .title {width: 100%; } #pace h2 {font-size: 40px; line-height: 48px; } #pace .prepared {top: 10px; } #leapis {padding-left: 15px; padding-right: 15px; } #leapis .leap-container {display: block; width: 90%; padding: 45px 0; } #leapis .leap-intro h2 {font-size: 40px; line-height: 48px; } #leapis .leap-intro-line {width: 250px; margin: 29px 0 25px; } #leapis .leap-intro p {margin-bottom: 20px; } #leapis .leap-divider {width: 100%; height: 4px; min-height: 0; margin: 0 0 35px; } #leapis .leap-content h3 {font-size: 32px; line-height: 40px; } #leapis .leap-item {grid-template-columns: 80px minmax(0, 1fr); column-gap: 10px;} #leap-speakers { padding: 35px 0 45px;} #leap-speakers .s-grid {display: block; } #leap-speakers .speakers-container {width: 88%;} #leap-speakers .s-heading {width: 100%; } #leap-speakers .s-heading h2 {font-size: 40px; line-height: 48px; } #leap-speakers .speaker-grid {grid-template-columns: 1fr;grid-template-rows: auto; gap: 15px; } #leap-speakers .speaker-featured {grid-row: auto;} #leap-speakers .speaker-featured .speaker-image { height: 220px;} #leap-speakers .speaker-horizontal { min-height: 150px;} #leap-speakers .s-horizontal {display: inline-table;} #leap-speakers .speaker-horizontal .speaker-image {min-height: 150px; } #leap-speakers .s-horizontal h3 {font-size: 32px; line-height: 40px; } #leap-speakers .s-featured h2 {font-size: 40px; line-height: 48px; } #leap-speakers .s-card {width: 100%; margin-bottom: 25px; } #audience {padding: 15px; } #audience .a-grid {display: block; } #audience .title {width: 100%;} #audience .title h2 {font-size: 40px; line-height: 48px; } #audience .audience-grid {grid-template-columns: repeat(2, 1fr);gap: 7px;} #audience .audience-card {height: 110px;} #audience .a-card h3 {font-size: 32px; line-height: 40px; } #audience .a-card {height: 200px; margin-bottom: 25px; } #pricing {background: #79ADD8;} #pricing .title {width: 100%; padding: 30px; } #pricing h2 {font-size: 40px; line-height: 48px; } #pricing h4 {font-size: 20px; line-height: 28px;} #pricing .price {font-size: 48px; text-transform: none; line-height: 56px; min-height: auto; } #pricing p {min-height: auto; } #pricing .card p {min-height: auto; } #quote .quote {font-size: 40px; line-height: 48px; } #quote .card {padding: 70px 20px; } #quote .bottom {margin-top: 40%; } /* Hotel */ #hotel-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-home-mobile-hero-bg_1787587039187001HZ6n.jpg) no-repeat top center / cover #ffffff; height: 460px; top: 77px;} #hotel-hero .homehero h1 {font-size: 48px; text-transform: none; line-height: 56px; width: 100%;} #hotel-hero .homehero h2 {font-size: 32px; line-height: 40px; width: 100%;} #hotel-hero .homehero h4 {font-size: 18px; line-height: 26px; width: 100%;} #hotel-hero .homehero p {width: 100%;} #hotel-hero .homehero .cta {display: grid; text-align: center; } #valuable {padding-top: 25%; padding-bottom: 15%; } #valuable h2 {font-size: 40px; line-height: 48px; } #valuable .v-img {margin-top: 25px; } #hotelstay {height: 200px; } #housingblock {padding-left: 15px; padding-right: 15px; } #housingblock .housing-container {display: block; } #housingblock .housing-intro h2 {font-size: 40px; line-height: 48px; } #housingblock .housing-intro h4 {font-size: 20px; line-height: 28px; margin-bottom: 45px; } #housingblock .housing-divider {width: 100%; height: 4px; min-height: 0; margin: 0 0 35px; } #housingblock .housing-content h2 {font-size: 40px; line-height: 48px; } #housingblock .housing-content h3 {font-size: 32px; line-height: 40px; } #housingblock .pricing {display: grid; } #ariaresort {background:#00093E; height: auto; } #ariaresort h2 {font-size: 40px; line-height: 48px; } #ariaresort h3 {font-size: 32px; line-height: 40px; } #todoheader {height: 300px; } #todoheader .title {top: 20px; } #todoheader h2 {font-size: 40px; line-height: 48px; } #papillon {padding-bottom: 15%; } #papillon .p-img img {width: 100%; } #papillon h2 {font-size: 40px; line-height: 48px; } #welcome {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-home-mobile-hero-bg_1787587039187001HZ6n.jpg) no-repeat top center / cover #ffffff; height: auto; } #welcome h2 {font-size: 40px; line-height: 48px; } #adventure {padding-bottom: 15%; } #adventure h2 {font-size: 40px; line-height: 48px; } #afterhours h2 {font-size: 40px; line-height: 48px; } /* Program */ #program-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-home-mobile-hero-bg_1787587039187001HZ6n.jpg) no-repeat top center / cover #ffffff; height: 470px; top: 77px;} #program-hero .homehero h1 {font-size: 48px; text-transform: none; line-height: 56px; width: 100%;} #program-hero .homehero h2 {font-size: 32px; line-height: 40px; width: 100%;} #program-hero .homehero h4 {font-size: 18px; line-height: 26px; width: 100%;} #program-hero .homehero p {width: 100%;} #program-hero .homehero .cta {display: grid; text-align: center; } #regulations {height: 300px; margin-top: 17%; } #regulations .title {top: 20px; } #regulations h2 {font-size: 40px; line-height: 48px; } #evolves {padding-bottom: 15%; } #evolves h2 {font-size: 40px; line-height: 48px; } #evolves .title {width: 90%; } #evolves .card {margin-top: 40px; } #sessiontypes {height: 200px; } #sessiontypes h2 {font-size: 40px; line-height: 48px; } #generalsession {background: #fff; } #generalsession .card {left: 0; width: 100%; padding-bottom: 20px; margin-top: 10%; } #generalsession h2 {font-size: 40px; line-height: 48px; } #generalsession p {left: 0; } #moreprograms {padding-bottom: 15%; } #moreprograms .p-container {grid-template-columns: 1fr;} #moreprograms .p-content h2 {font-size: 40px; line-height: 48px; } #moreprograms .p-card {width: 95%; margin: auto; } #moreprograms .p-img {height: 240px; } #buildprogram {padding-bottom: 15%; } #buildprogram .b-container {grid-template-columns: 1fr; gap: 40px; } #buildprogram .b-content h2 {font-size: 40px; line-height: 48px; } #buildprogram .b-content {max-width: 90%; padding: 10px; } #buildprogram .b-img img {max-width: 100%; } /* Rates */ #rates-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-home-mobile-hero-bg_1787587039187001HZ6n.jpg) no-repeat top center / cover #ffffff; height: 420px; top: 77px;} #rates-hero .homehero h1 {font-size: 48px; text-transform: none; line-height: 56px; width: 100%;} #rates-hero .homehero h2 {font-size: 32px; line-height: 40px; width: 100%;} #rates-hero .homehero h4 {font-size: 18px; line-height: 26px; width: 100%;} #rates-hero .homehero p {width: 100%;} #rates-hero .homehero .cta {display: grid; text-align: center; } #betteremp {background: #fff; margin-top: 30%; } #betteremp .card {left: 0; width: 100%; padding-bottom: 20px; margin-top: 10%; } #betteremp h2 {font-size: 40px; line-height: 48px; } #betteremp p {left: 0; } #regincludes {padding-bottom: 15%; } #regincludes .reg-container {padding: 10px; } #regincludes .reg-title h2 {font-size: 40px; line-height: 48px; } #regincludes .reg-title {width: 100%; } #regincludes .reg-items {grid-template-columns: 1fr; row-gap: 40px; column-gap: 0;} #regincludes .item {grid-template-column: 55px minmax(0, 1fr);} #regincludes .reg-content h4 {font-size: 22px; line-height: 30px;} #regincludes .reg-number {font-size: 50px; line-height: 50px; } #pricinggrid { padding: 35px 0 45px;} #pricinggrid .p-grid {display: block; } #pricinggrid .speakers-container {width: 88%;} #pricinggrid .p-heading {width: 100%; } #pricinggrid .p-heading h2 {font-size: 40px; line-height: 48px; } #pricinggrid .p-grid {grid-template-columns: 1fr;grid-template-rows: auto; gap: 15px; } #pricinggrid .s-horizontal {display: inline-table;} #pricinggrid .speaker-horizontal .speaker-image {min-height: 150px; } #pricinggrid .p-horizontal h3 {font-size: 32px; line-height: 40px; } #pricinggrid .p-card {height: 500px; margin-bottom: 25px; } #pricinggrid .p-horizontal {display: block; height: 270px; } #pricinggrid .p-earlybird .p-price {font-size: 50px; line-height: 50px; } #pricinggrid .p-horizontal .s-price {font-size: 42px; line-height: 42px; } #groups {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/leap27-home-mobile-hero-bg_1787587039187001HZ6n.jpg) no-repeat top center / cover #ffffff; padding-bottom: 15%; } #groups .card {padding: 10px; } #groups h2 {font-size: 40px; line-height: 48px; } #groups h3 {font-size: 32px; line-height: 40px; } #policy {padding: 20px; } #policy h2 {font-size: 40px; line-height: 48px; } } /* 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) { } /* Very Large Screens */ @media only screen and (min-width: 1770px) and (max-width: 2800px) { }