/* 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-100 {margin-top: 100px; } .mb-10 {margin-bottom: 10px; } .mb-20 {margin-bottom: 20px; } .mb-30 {margin-bottom: 30px; } .mb-40 {margin-bottom: 40px; } .mb-50 {margin-bottom: 50px; } .visually-hidden {position:absolute; left: -1000px; top: auto; width: 1px; height: 1px; overflow:hidden;} .mobile {display: none; } iframe {border:none; } .cta-btn {border: 2px solid #225A91; border-radius: 64px; background: #225A91; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } .cta-btn:hover {color:#fff; text-decoration: underline; } /* Announcement */ #announcement {background:#000; padding: 16px 20px; text-align: center; position: relative; top: 140px;} #announcement .message {color:#fff; font-size: 22px; line-height: 24px; font-weight: 600; font-family: 'proxima-nova'; text-transform: none; } /* Tell Me More */ #more {padding-top: 4%; padding-bottom: 4%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/Tell-me-more-%281%29_1752000968487001QtDo.png) no-repeat top center / cover;} #more h2 {font-size: 36px; line-height: 46px; color: #fff;; font-weight: 800; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.8px; text-align: right; width: 60%;} #more .n-title {width: 90%; margin-top: 15%; position: relative; right: 20%;} #more .n-form {padding: 25px; margin-top: 25px; } #more .n-form p {font-size: 18px; font-weight: 700; line-height: 24px; color: #000; text-align: left; font-family: 'proxima-nova';} #more .btn-cta {background-color: #225A91!important; color: #fff; padding: 16px 32px; font-weight: 700; text-transform: uppercase; font-size: 18px; font-family: 'proxima-nova'; border-radius: 64px; } /*footer*/ #footer {padding-top: 3%; padding-bottom: 2%; background: #1B3C69; } #footer p {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; } #footer .links {float:left; margin-top: 5%; margin-left: -15px; } #footer .social {float:right; } #footer .links {color:#fff;} #footer .links a {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; text-decoration: underline; } #footer .fineprint p {text-align: left; } /* Home */ #hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-home-hero-bg-no-people_1755794702061001alaO.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #hero .homehero {padding-top: 5%; padding-bottom: 5%; } #hero .homehero .hero-card {position: relative; top: 70px; } #hero .homehero h2 {color: #fff; font-size: 40px; line-height: 46px; font-weight: 800; text-transform: none; font-family: 'proxima-nova'; } #hero .homehero h1 {color: #91C7F2; font-size: 42px; line-height: 48px; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova';} #hero .homehero h3 {font-size: 32px; line-height: 38px; color: #fff; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.3px;} #hero .homehero h4 {font-size: 20px; line-height: 24px; color: #fff; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.0px;} .homehero {padding-top: 7%; padding-bottom: 10%; } .homehero h1 {color: #fff; font-size: 100px; line-height: 80px; font-weight: 800; text-transform: none; font-family: 'proxima-nova';} .homehero h2 {color: #91C7F2; font-size: 100px; line-height: 80px; font-weight: 400; text-transform: none; font-family: 'quentin'; } .homehero h3 {font-size: 26px; line-height: 42px; color: #fff; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.3px;} .homehero .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} .homehero .cta-btn-ghost {border: 2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-left: 15px; font-weight: 700; border-radius: 64px; } .homehero .cta {text-align: center; display: inline-block; margin-top: 35px;} #hero .speaker-c .jct-img {text-align: center;} #hero .speaker-c .jct-img img {width: 45%;} #hero .speaker-c .s-img {text-align: center;} #hero .speaker-c .s-img img {width: 100%;} #hero .speaker-c .name {font-size: 16px; line-height: 20px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #hero .speaker-c .title {font-size: 16px; line-height: 20px; color: #fff; font-weight: 500; text-transform: none; font-style:italic; font-family: 'proxima-nova';} #speakers {padding-top: 5%; padding-bottom: 5%; background: #E5E5E5;} #speakers .titles {text-align: center;} #speakers h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 800; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #speakers .card {padding: 20px; } #speakers .card img {width: 100%; height: 260px; } #speakers .card h3 {font-size: 28px; line-height: 32px; color: #000; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.4px;} #speakers .card .name {font-size: 20px; line-height: 26px; color: #000; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.1px; } #speakers .card .title{font-size: 16px; line-height: 22px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #speakers .card .session {font-size: 16px; line-height: 22px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #speakers.carousel-container {display: flex;flex-direction: column;align-items: center;position: relative;width: 80%;margin: auto;} #speakers .carousel {display: flex;width: 105%;position: relative; transition: transform 0.5s ease-in-out;} #speakers .carousel-item {flex: 0 0 25%; box-sizing: border-box;text-align:left;margin-right: 10px;} #speakers .dots-container {display: flex;justify-content: left;margin-top: 10px;} #speakers .dot {width: 15px;height: 15px;background-color: #fff;border: 1px solid #0474B9; border-radius: 50%;margin: 0 5px;cursor: pointer;transition: background-color 0.3s ease;} #speakers .dot.active {background: #0474B9; width: 50px; border-radius: 8px;} #introducing {padding-top: 5%; padding-bottom: 5%; background: #fff;} #introducing .card {width: 92%; } #introducing .card h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 800; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #introducing .card h4 {font-size: 22px; line-height: 28px; color: #225A91; font-weight: 600; text-transform: none; font-family: 'proxima-nova';} #introducing .card p {font-size: 18px; font-weight: 400; line-height: 24px; color: #000; text-align: left; font-family: 'proxima-nova';} #introducing .e-img img {width: 90%;} #pillars {padding-top: 5%; padding-bottom: 5%; background: #0474B9; } #pillars .title {text-align: center;} #pillars h2 {font-size: 34px; line-height: 44px; color: #fff; font-weight: 800; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #pillars .card h4 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.2px;} #pillars .card p {font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #pillars .l-img {text-align: center; } #pillars .l-img img {width: 70%;} #pillars .cta {text-align: center; } #pillars .cta-btn-ghost {border: 2px solid #fff; background: #ffffff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #whyattend {padding-top: 5%; padding-bottom: 5%; border-bottom: 1px solid #F2F7FB; } #whyattend .title {text-align: center;} #whyattend h2 {font-size: 36px; line-height: 46px; color: #000; font-weight: 800; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.8px;} #whyattend h3 {font-size: 24px; line-height: 32px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 75%; margin: auto; } #whyattend h4 {font-size: 24px; line-height: 32px; color: #225A91; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; text-align: center; } #whyattend .card {margin-top: 15%; } #whyattend .card h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 800; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #whyattend .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #video {padding-top: 5%; padding-bottom: 5%; background: #E5E5E5;} #video .title {text-align: center;} #video h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'proxima-nova';} #video .video-card {padding-top: 5%; padding-bottom: 5%; } iframe {border:none; } #resources {padding-top: 5%; padding-bottom: 5%; background: #0474B9;} #resources .card {margin-top: 10%; } #resources .card h2 {font-size: 34px; line-height: 44px; color: #fff; font-weight: 800; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #resources .card p {font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #resources .cta-btn-ghost {border: 2px solid #fff; background: #ffffff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } /* Rates */ #rates-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-rates-hero-bg_1750793729459001lHtV.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #rates-hero .homehero h1 {width: 100%;} #rate-grid {padding-top: 8%; padding-bottom: 5%; } #rate-grid h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 800; text-transform: uppercase; letter-spacing: 1.7px; font-family: 'proxima-nova';} #rate-grid h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'proxima-nova';} #rate-grid .row {margin-left: 0; margin-right: 0; } #rate-grid .disclaimer {color:#000; font-size: 14px; font-weight: 400; text-transform: none; font-style:italic; line-height: 18px;} #rate-grid .cta-btn-ghost {border: 2px solid #0075B8; background: #fff; color: #0075B8; font-size: 18px; text-transform: uppercase; padding: 16px 32px; margin-right: 30px; font-weight: 700;} /* Style tab links */ .tablink {color: #000; background: none; border: none;outline: none;cursor: pointer;font-weight: bold;text-align: center;margin: 0 16px;padding:8px 0;font-size: 24px; font-family: 'proxima-nova'; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; } .tablink.selected, .tablink:hover, .tablink:focus {color: #225A91;} .tablink.selected {padding-bottom:4px;border-bottom: 4px solid #225A91;} .unstripetable { width:100%; } .unstripetable th { font-family: 'proxima-nova'; font-size:24px; color: #fff; text-align: center; padding:8px 16px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; background: none; } .unstripetable tr:first-child th:first-child {background: #efefef; } .unstripetable td, .unstripetable th { font-size:18px; color: #000; border: 6px solid #EFEFEF; text-align: center; padding:8px 16px; font-weight: 400;} .unstripetable th strong { display: block; font-size:22px; } .unstripetable td:first-child { text-align: left; } #cancel {padding-top: 5%; padding-bottom: 5%; background: #F2F7FB;} #cancel h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; letter-spacing: 1.7px; font-family: 'proxima-nova';} #cancel p {font-size: 18px; line-height: 24px; color:#000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #cancel .disclaimer {font-size: 14px; line-height: 24px; color:#000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } /* Hotel Venue */ #hotel-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/Venue-Airport_1752000770954001QAGl.png) no-repeat top center / cover #ffffff; margin-top: 5%;} #venue {padding-top: 5%; padding-bottom: 5%;} #venue .title {text-align: center;} #venue .card h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #venue .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'proxima-nova';} #venue .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #venue .cta {display: inline-block; } #venue .e-img img {width: 90%; } #venue .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #travel {padding-top: 5%; padding-bottom: 5%; background: #F2F7FB;} #travel h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #travel h3 {font-size: 24px; line-height: 32px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #travel h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'proxima-nova';} #travel p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #travel .t-card {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/AirportBox_1752000771049001Q8GO.png) no-repeat top center / cover #ffffff; padding: 8% 20%; } #travel .t-card h2 {font-size: 34px; line-height: 44px; color: #77ABD7; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #travel .t-card p {font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 50%; } #travel .d-card {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; } #travel .column {flex: 1 1 calc(25% - 10px); box-sizing: border-box; text-align: center;} #travel .do-card {height: 275px; } #travel .content {position: relative; top: 62%; padding: 20px; } #travel .content h4 {font-size: 22px; line-height: 28px; color: #fff; font-weight: 500; text-transform: none; font-family: 'proxima-nova';} #travel .ali {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-ali-center_1750797246202001aauY.jpg) no-repeat top center / contain;} #travel .bourbon {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-burbon-exp_1750797246300001aFkK.jpg) no-repeat top center / contain;} #travel .slugger {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-louisville-slugger_1750797246564001awyN.jpg) no-repeat top center / contain;} #travel .arts {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-kentucky-ctr_1750797246455001anre.jpg) no-repeat top center / contain;} /* Program Overview */ #program-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-program-hero-bg_1750859496196001Ta5p.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #culture {padding-top: 5%; padding-bottom: 5%;} #culture .title {text-align: center;} #culture .card h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #culture .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'proxima-nova';} #culture .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #culture .cta {display: inline-block; } #culture .e-img img {width: 90%; } #culture .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #convince {padding-bottom: 3%; } #convince .card {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-convince-bg-latest_1755871449520001wS2E.jpg) no-repeat top center / cover #ffffff; padding: 8% 20%; } #convince .card h2 {font-size: 34px; line-height: 44px; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #convince .card p {font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; width: 50%; } #convince .cta-btn {border-radius: 64px; background: #fff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700;} #build {padding-top: 7%; padding-bottom: 5%; background: #0474B9; } #build .title {text-align: center;} #build h2 {font-size: 34px; line-height: 44px; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #build p {font-size: 18px; font-weight: 400; line-height: 24px; color: #fff; font-family: 'proxima-nova';} #build .card h4 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.2px;} /* Event Policies */ #ep-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-event-policies-hero_1750862088385001YAaL.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #policy {padding-top: 5%; padding-bottom: 5%; } #policy h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #policy h3 {font-size: 24px; line-height: 32px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.2px;} #ppolicy h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'proxima-nova';} #policy p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #policy .content ul li {color: #000; font-size: 18px; font-weight: 400; font-family: 'proxima-nova'; line-height: normal; } /* SAAG */ #saag-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-saag-hero-bg2_1754609805852001wkwg.jpg) no-repeat top center / cover #ffffff; margin-top: 6%;} #saag-hero .homehero {padding-top: 4%; padding-bottom: 16%; } #saag-hero .homehero h1 {width: 100%} #saag-hero .homehero h3 {font-size: 46px; line-height: 50px; color: #fff; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.8px;} #reflects {padding-top: 2%; padding-bottom: 5%;} #reflects .title {text-align: center;} #reflects h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; text-align: center;} #reflects h3 {font-size: 24px; line-height: 32px; color: #000; font-weight: 700; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.2px;} #reflects p {font-size: 18px; font-weight: 400; line-height: 24px; color: #000; text-align: left; font-family: 'proxima-nova';} #reflects .card img {width: 100%; } #schedule {padding-bottom: 5%; background: #e5e5e5; } #schedule .saag {text-align: center; } #schedule h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; text-align: center; width: 85%; margin: auto; } /* Sponsorship */ #sponsor-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm-blueprint-2025-sponsorship-hero-image-1600x900_1754930705457001qvnw.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #sponsor-hero .homehero h1 {width: 110%} #sponsor-hero .homehero h3 {font-size: 46px; line-height: 50px; color: #fff; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.8px;} #sponsorships {padding-top: 5%; padding-bottom: 5%;} #sponsorships .header {display: flex; align-items: center; width: 100%;} #sponsorships .header .text {font-size: 26px; font-style: italic; line-height: 32px; color: #0474B9; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova';letter-spacing: 9.1px; white-space: nowrap; margin-right: 10px; margin-left: 10px; } #sponsorships .header .line {flex-grow: 1; border-top: 4px solid #0474B9; height: 0;} #sponsorships .header .sline {width: 20px; border-top: 4px solid #0474B9; height: 0; margin-right: 10px; } #sponsorships .s-card .name {font-size: 24px; line-height: 32px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.2px;} #sponsorships .s-card .availability {font-size: 14px; line-height: 18px; color: #000; font-weight: 400; font-style: italic; font-family: 'proxima-nova';} #sponsorships .s-card .price {font-size: 22px; line-height: 28px; color: #225A91; font-weight: 600; font-style: normal; font-family: 'proxima-nova';} #sponsorships .s-card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #sponsorships .s-card ul li {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #sponsorships .width-hr-blue { background-color:#0474B9; width: 10%; height: 2px; margin-top: 30px; margin-bottom: 30px; position: relative; right: 47%; } /* I&D Blueprint */ #idblueprint-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-home-hero-bg-no-people_1755794702061001alaO.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #idblueprint-hero .homehero {padding-top: 7%; padding-bottom: 5%; } #idblueprint-hero .homehero h1 {color: #fff; font-size: 64px; line-height: 64px; font-weight: 700; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.4px; text-align: center; width: 100%; } #localnav {background:#EFEDED; padding: 16px 20px; text-align: center; overflow: hidden; z-index: 10} #localnav .nav {text-align: center;} #localnav .nav a {color:#000; font-size: 18px; line-height: 24px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; margin-right: 30px; } .sticky {position: fixed; top: 140px; width: 100%;} #essential {padding-top: 2%; padding-bottom: 5%; } #essential h2 {font-size: 34px; line-height: 44px; color: #265D93; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #essential h3 {font-size: 28px; line-height: 36px; color: #265D93; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.2px;} #essential h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'proxima-nova';} #essential p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #essential .content ul li {color: #000; font-size: 18px; font-weight: 400; font-family: 'proxima-nova'; line-height: normal; } #essential .bio {display: inline-block; } #essential .bio .name {font-size: 24px; line-height: 32px; color: #265D93; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; margin-top: 25%; } #essential .bio .title {font-size: 16px; line-height: 24px; color: #666; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #legally {padding-top: 15%; padding-bottom: 5%; background: #F2F7FB } #legally .card {width: 100%; } #legally .card h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 800; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #legally .card h3 {font-size: 28px; line-height: 36px; color: #000; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #legally h3 {font-size: 28px; line-height: 36px; color: #000; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #legally .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #legally .card p {font-size: 18px; font-weight: 400; line-height: 24px; color: #000; text-align: left; font-family: 'proxima-nova';} #legally p {font-size: 18px; font-weight: 400; line-height: 24px; color: #000; text-align: left; font-family: 'proxima-nova';} #legally .card ol li {color: #000; font-size: 18px; font-weight: 400; font-family: 'proxima-nova'; line-height: normal; } #legally .e-img img {width: 100%;} #legally .snapshot-container {background: #fff; padding: 30px; } #legally .number {font-size: 64px; font-family: 'proxima-nova'; line-height: 64px; font-weight: 800; color:#A7AB20; } #legally .desc {font-size: 24px; font-family: 'proxima-nova'; line-height: 32px; font-weight: 700; color:#265D93; } #legally .datawrap {padding: 25px; } #legally .carousel-container {display: flex;flex-direction: column;align-items: center;position: relative;width: 100%; overflow: hidden;} #legally .carousel {display: flex;width: 100%;position: relative; transition: transform 0.5s ease-in-out;} #legally .carousel-item {flex: 0 0 25%; box-sizing: border-box;text-align:left;margin-right: 30px;} #legally .dots-container {display: flex;justify-content: left;margin-top: 20px; margin-right: 80%; } #legally .dot {width: 15px;height: 15px;background-color: #fff;border: 1px solid #0474B9; border-radius: 50%;margin: 0 5px;cursor: pointer;transition: background-color 0.3s ease;} #legally .dot.active {background: #0474B9; width: 50px; border-radius: 8px;} #legally .carousel-item .card {padding: 30px; background: #fff; height: 320px; width: 340px; } #legally .carousel-item .card .title {font-size: 20px; font-weight: 500; line-height: 28px; color: #265D93; text-align: left; font-family: 'proxima-nova';} #legally .carousel-item .card .content {font-size: 16px; font-weight: 400; line-height: 24px; color: #000; text-align: left; font-family: 'proxima-nova';} #legally .quotebox {padding: 20px; } #legally .quote {font-size: 24px; line-height: 32px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic; } #legally .quotename {font-size: 16px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #legally .pitfall-container {padding: 30px; background: #fff; } #legally .pitfall-container h5 {font-size: 20px; line-height: 28px; color: #265D93; font-weight: 600; text-transform: none; font-family: 'proxima-nova';} #legally .pitfall-container p {font-size: 16px; font-weight: 400; line-height: 24px; color: #000; text-align: left; font-family: 'proxima-nova';} #legally .pitfall-container ul li {font-size: 16px; font-weight: 400; line-height: 24px; color: #000; text-align: left; font-family: 'proxima-nova';} #legally .checklist {list-style: none; } #legally .source {font-size: 14px; font-family: 'proxima-nova'; line-height: 18px; font-weight: 400; color:#666; font-style: italic; } #legally .checkbox {position: relative; color: #000; font-size: 18px; font-weight: 400; font-family: 'proxima-nova'; line-height: normal; display: block; margin-bottom: 20px!important; padding-left: 45px; cursor: pointer; } #legally .checkbox input {position: absolute; height: 0; width: 0; cursor: pointer;} #legally .check {position: absolute; height: 30px; width: 30px; border: 2px solid #3375B8; top: 7px; left: 0; transition: .2s ease-in-out;} #legally .checkbox:hover input ~ .check {border-color: #3375bb; background-color: transparent;} #legally .checkbox input:checked ~ .check {background-color:#3375bb; border-color: transparent; } #legally .check::after {content: ""; position: absolute; width: 8px; height: 17px; border: solid #F2F7FB; border-width: 0 3px 3px 0; left: 10px; top: 3px; transform: rotate(45deg); } #workplace {padding-top: 15%; padding-bottom: 5%;} #workplace .card {width: 100%; } #workplace .card h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 800; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #workplace .card h3 {font-size: 28px; line-height: 36px; color: #000; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #workplace .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #workplace .card p {font-size: 16px; font-weight: 400; line-height: 22px; color: #000; text-align: left; font-family: 'proxima-nova';} #workplace h3 {font-size: 28px; line-height: 36px; color: #000; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #workplace h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #workplace p {font-size: 18px; font-weight: 400; line-height: 24px; color: #000; text-align: left; font-family: 'proxima-nova';} #workplace .ncard p {font-size: 18px; font-weight: 400; line-height: 24px; color: #000; text-align: left; font-family: 'proxima-nova';} #workplace .card ol li {color: #000; font-size: 18px; font-weight: 400; font-family: 'proxima-nova'; line-height: normal; } #workplace .ncard ul li {color: #000; font-size: 18px; font-weight: 400; font-family: 'proxima-nova'; line-height: normal; } #workplace .e-img img {width: 100%;} #workplace .snapshot-container {display: inline-flex; gap: 40px; } #workplace .number {font-size: 64px; font-family: 'proxima-nova'; line-height: 64px; font-weight: 800; color:#A7AB20; } #workplace .desc {font-size: 24px; font-family: 'proxima-nova'; line-height: 32px; font-weight: 700; color:#265D93; } #workplace .datawrap {padding: 25px; } #workplace .source {font-size: 14px; font-family: 'proxima-nova'; line-height: 18px; font-weight: 400; color:#666; font-style: italic; } #workplace .policy-callout {background: #F2F7FB; padding: 30px; } #workplace .policy-callout .card {background: #fff; padding: 30px; height: 220px; } #workplace .quotebox {padding: 20px; } #workplace .quote {font-size: 24px; line-height: 32px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic; } #workplace .quotename {font-size: 16px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #workplace .accordion {background-color: #fff; color: #1976D2; cursor: pointer; padding: 16px; width: 100%;border: none;text-align: left;outline: none;font-size: 24px;transition: 0.4s; text-transform: none; font-family: 'proxima-nova'; font-weight: 700; border: 1px solid #1976D2; border-radius: 4px; } #workplace .active, #workplace .accordion:hover {background-color: #1976D2; color:#fff; } #workplace .accordion:after {content: '\002B';font-weight: bold;float: right;margin-left: 5px;} #workplace .active:after {content: "\2212"; color:#fff;} #workplace .panel {padding: 0 18px;background-color: white; max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out; border:1px solid #fff; box-shadow: none; } #workplace .panel ul li {font-size: 18px; font-weight: 400; line-height: normal; font-family: 'proxima-nova'; color:#000;} #workplace .blue {color: #265D93; font-weight: 700;} #business {padding-top: 15%; padding-bottom: 5%; background: #F2F7FB } #business .card {width: 100%; } #business .card h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 800; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #business .card h3 {font-size: 28px; line-height: 36px; color: #000; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #business .card h4 {font-size: 22px; line-height: 28px; color: #000;; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #business .card p {font-size: 16px; font-weight: 400; line-height: 24px; color: #000; text-align: left; font-family: 'proxima-nova';} #business .ncard h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 800; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #business .ncard ul li {font-size: 18px; font-weight: 400; line-height: 24px; color: #000; text-align: left; font-family: 'proxima-nova';} #business .ncard p {font-size: 18px; font-weight: 400; line-height: 24px; color: #000; text-align: left; font-family: 'proxima-nova';} #business h3 {font-size: 28px; line-height: 36px; color: #000; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #business h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} #business p {font-size: 18px; font-weight: 400; line-height: 24px; color: #000; text-align: left; font-family: 'proxima-nova';} #business .card ol li {color: #000; font-size: 18px; font-weight: 400; font-family: 'proxima-nova'; line-height: normal; } #business .e-img img {width: 100%;} #business .snap-c {background: #fff; padding: 30px; } #business .snapshot-container {display: inline-flex; gap: 40px; } #business .number {font-size: 64px; font-family: 'proxima-nova'; line-height: 64px; font-weight: 800; color:#A7AB20; } #business .desc {font-size: 24px; font-family: 'proxima-nova'; line-height: 32px; font-weight: 700; color:#265D93; } #business .datawrap {padding: 25px; } #business .source {font-size: 14px; font-family: 'proxima-nova'; line-height: 18px; font-weight: 400; color:#666; font-style: italic; } #business .support-callout {padding: 30px; } #business .support-callout .card {background: #fff; padding: 25px; height: 220px; } #business .willing-callout {padding: 30px; } #business .willing-callout .card {background: #fff; padding: 25px; height: 260px; } #business .quotebox {padding: 20px; } #business .quote {font-size: 24px; line-height: 32px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic; } #business .quotename {font-size: 16px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #business .inclusive-callout {padding: 30px; background: #fff; } #business .inclusive-callout .card {background: #F2F7FB; padding: 25px; height: 400px; } #business .mistake-callout {padding: 30px; } #business .mistake-callout .card {background: #fff; padding: 25px; height: 260px; } /* Exhibitor */ #exhibitor-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-home-hero-bg-no-people_1755794702061001alaO.jpg) no-repeat top center / cover #ffffff; margin-top: 5%;} #exhibitor-hero .homehero {padding-top: 5%; padding-bottom: 5%; } #exhibitor-hero .homehero h1 {color: #fff; font-size: 40px; line-height: 46px; font-weight: 800; text-transform: none; font-family: 'proxima-nova'; width: 80%;} #exhibitor-hero .homehero h2 {color: #91C7F2; font-size: 76px; line-height: 80px; font-weight: 400; text-transform: none; font-family: 'quentin';} #exhibitor-hero .homehero h3 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.3px;} #exhibitor-hero .homehero h4 {font-size: 20px; line-height: 24px; color: #fff; font-weight: 600; text-transform: none; font-family: 'proxima-nova'; letter-spacing: 1.0px;} #booth-grid {padding-top: 8%; padding-bottom: 5%; } #booth-grid h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 800; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #booth-grid h3 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova';letter-spacing: 1.2px;} #booth-grid h4 {font-size: 22px; line-height: 28px; color: #225A91; font-weight: 600; text-transform: none; font-family: 'proxima-nova';} #booth-grid ul li {font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #booth-grid p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #booth-grid .row {margin-left: 0; margin-right: 0; } #booth-grid .disclaimer {color:#000; font-size: 14px; font-weight: 400; text-transform: none; font-style:italic; line-height: 18px;} #booth-grid .cta-btn-ghost {border: 2px solid #225A91; background: #ffffff; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 32px; font-weight: 700; border-radius: 64px; } #booth-grid .included-container {padding: 40px; background: #1C3866; height: auto; } #booth-grid .list {padding: 0; margin: 0; list-style-type: none; margin-bottom: 30px; } #booth-grid .bullet {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/shrm26-filled-check_1750191853817001J9KE.png) no-repeat; padding-left: 40px; margin-bottom: 10px; min-height: 35px;} .unstripetable td, .unstripetable th {border: none; font-family: 'proxima-nova'; font-weight: 600;} #booth-grid .item img {width: 100%; } #booth-grid .line {margin-left: -20px; } #booth-grid .cta {text-align: center;} .unstripetable { width:100%; } .unstripetable th { font-family: 'proxima-nova'; font-size:24px; font-style: italic; color: #fff; text-align: center; padding:8px 16px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; background: none; } .unstripetable tr:first-child th:first-child {background: #efefef; } .unstripetable td, .unstripetable th { font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'proxima-nova';} .unstripetable td:first-child { text-align: left; } #resources {padding-top: 5%; padding-bottom: 5%; background: #F2F7FB; } #resources .title {text-align: center;} #resources h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #resources .card h4 {font-size: 22px; line-height: 28px; color: #000; font-weight: 600; text-transform: none; font-family: 'proxima-nova';} #resources .card p {font-size: 18px; line-height: 24px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #resources .cta-btn-ghost {border: 2px solid #225A91; background: transparent; color: #225A91; font-size: 18px; text-transform: uppercase; padding: 16px 18px; font-weight: 700; border-radius: 64px; } #resources .coming {padding: 4px 6px; border-radius: 32px; background: #D7E6F3;font-size: 12px; font-family: 'proxima-nova'; font-style: italic; font-weight: 600; color:#225A91; } #xschedule {padding-top: 5%; padding-bottom: 5%; } #xschedule h2 {font-size: 34px; line-height: 44px; color: #000; font-weight: 600; text-transform: uppercase; font-family: 'proxima-nova'; letter-spacing: 1.7px;} #xschedule p {font-size: 20px; color: #231F20; line-height: normal; font-family:'proxima-nova'; font-weight:400; text-align: left; } #xschedule .content {padding: 15px;} .unstripetable th { font-family: 'proxima-nova'; font-size:22px; color: #fff; text-align: center; padding:8px 16px; font-weight: 600; background: none; } .unstripetable td, .unstripetable th {border: 1px solid #77ABD7; font-family: 'proxima-nova'; font-weight: 600;} #xschedule .rowcolor {background: #D7E6F3; } #xschedule .disclaimer {font-size: 14px; font-style:italic; font-weight: 400; line-height: 18px; font-family: 'proxima-nova';} #xschedule .why-grid {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; padding: 20px;} #xschedule .grid-itemdrkblue {background: #1C3866;color:#fff; justify-content: center; align-items: center; padding: 10px;} #xschedule .grid-itemmedblue {background: #225A91;color:#fff; justify-content: center; align-items: center; padding: 10px;} #xschedule .grid-itemlghtblue {background: #0474B9;color:#fff; justify-content: center; align-items: center; padding: 10px;} #xschedule .why-grid .card {padding: 15px; } #xschedule .why-grid .card p {font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';margin-top: 50px; } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (max-width : 767px) { #navbar.navbar .container .navbar-header {height: 80px; } #navbar.navbar .container a.navbar-brand {width: 65%; } #announcement {top: 80px;} #announcement .message {font-size: 18px; } #footer {padding-left: 15px; padding-right: 15px; } #footer .spread-icons {text-align: left; } #footer .social {float:none; } #footer .links {float:none; } #footer p {text-align: left; } #footer .logo img {margin-bottom: 20px; } #hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-mobile-bg_1750864643703001hSwS.jpg) no-repeat top center / cover #ffffff;} .homehero {padding-top: 20%; padding-bottom: 0%; } #hero .homehero h1 {font-size: 38px; line-height: 46px; width: 100%; } .homehero h1 {font-size: 60px; line-height: 50px; width: 100%; } #hero .homehero h2 {font-size: 32px; line-height: 36px; width: 100%; } #hero .speaker-c {margin-top: 25%; margin-left: 0; } .homehero h2 {font-size: 100px; line-height: 60px;} .homehero .hero-card {width: auto; padding: 20px; } .homehero .cta {display:grid; } .homehero .cta-btn {margin-bottom: 20px; } .homehero .cta-btn-ghost {margin-left: 0; } .homehero img {width: 100%; } #faqs {padding-left: 15px; padding-right: 15px; } .mobile {display: block} #speakers .card {width: 340px; } #hero .speaker-c .jct-img img {width: 90%;} #hero .speaker-c .s-img img {width: 90%;} /* More */ #more h2 {text-align: left; color:#000} #more .border-left {border-left: none; } #more .n-form {padding: 0; margin-bottom: 25px; } #more .n-title {position: relative; right: 0;} #introducing {padding-bottom: 15%; } #introducing .e-img img {width: 100%; } #introducing .card h2 {width: 100%; font-size: 24px; line-height: 32px; letter-spacing: 1.2px;} #pillars h2 {width: 100%; font-size: 24px; line-height: 32px; letter-spacing: 1.2px;} #pillars .card {margin-bottom: 40px; } #pillars .icon img {width: 100%; } #pillars .l-img img {width: 90%;} #whyattend h2 {width: 100%; font-size: 24px; line-height: 32px; letter-spacing: 1.2px; ;} #whyattend h3 {width: 90%; } #whyattend .card h2 {width: 100%; font-size: 24px; line-height: 32px; letter-spacing: 1.2px; ;} #video {padding-bottom: 15%; } #video .title {padding: 10px; } #video .cta {margin-top: 25px; } /*Rates */ #rates-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-mobile-bg_1750864643703001hSwS.jpg) no-repeat top center / cover #ffffff;} #rates-hero .homehero .hero-card {padding: 0; } #rates-hero .homehero h1 {width: 100%; } #rates-hero .homehero h4 {width: 100%; } #rate-grid h2 {width: 100%; font-size: 24px; line-height: 32px; letter-spacing: 1.2px;} #rates-grid {padding-left: 15px; padding-right: 15px; } #cancel h2 {width: 100%; font-size: 24px; line-height: 32px; letter-spacing: 1.2px;} #cancel {padding-left: 15px; padding-right: 15px;} /* Hotel - Venue */ #hotel-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-mobile-bg_1750864643703001hSwS.jpg) no-repeat top center / cover #ffffff;} #venue .e-img img {width: 100%; } #venue .card h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #venue .card h3 {font-size: 24px; line-height: 32px; letter-spacing: 1.2px;} #travel {padding-left: 15px; padding-right: 15px; } #travel .column {margin-bottom: 20px; } #travel .t-card {padding: 2% 4%; } #travel .d-card {display: block; } #travel .card {text-align: center;} #travel h2 {text-align: center;} #travel h4 {text-align: center;} #travel .content h4 {width: 70%; margin:auto; } #travel h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } /* Event Policy */ #ep-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-mobile-bg_1750864643703001hSwS.jpg) no-repeat top center / cover #ffffff; margin-bottom: 10%; } #ep-hero .homehero img {position: relative; top: 45px;} #ep-hero .homehero {padding-top: 20%; } #policy .content {padding: 10px; } /* Program Overview */ #program-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-mobile-bg_1750864643703001hSwS.jpg) no-repeat top center / cover #ffffff;} #program-hero .homehero h2 {font-size: 55px; } #culture .e-img img {width: 100%; } #culture .card h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: 1.2px; } #build h2 {width: 100%; font-size: 28px; line-height: 34px; letter-spacing: normal; } #build p {width: 90%; margin: auto; } #build .icon img {width: 100%; } #build .card {margin-bottom: 20px; } #saag-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-mobile-bg_1750864643703001hSwS.jpg) no-repeat top center / cover #ffffff;} #sponsor-hero {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint-mobile-bg_1750864643703001hSwS.jpg) no-repeat top center / cover #ffffff;} #sponsor-hero .homehero h1 {font-size: 46px; } #sponsor-hero .homehero h2 {font-size: 50px; } #sponsor-hero .homehero h3 {font-size: 32px; line-height: 42px; } #sponsorships .content {padding: 20px; } /*I&D page */ #idblueprint-hero .homehero {padding-top: 15%; } #idblueprint-hero .homehero h1 {font-size: 36px; line-height: 44px; } .sticky {top: 80px; } #essential .content {padding: 20px; } #legally {padding-left: 20px; padding-right: 20px; } #legally .desc {line-height: 2px; } #legally .dots-container {margin-right: 30%; } #workplace, #business {padding-left: 20px; padding-right: 20px; } #workplace .snapshot-container {display: inline-block;} #workplace .policy-callout .card, #business .support-callout .card, #business .willing-callout .card, #business .inclusive-callout .card, #business .mistake-callout .card {margin-bottom: 25px; } #business .snapshot-container {display: inline-block; } #business {padding-left: 20px; padding-right: 20px; } } /* Tablet (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .homehero {padding-top: 10%; padding-bottom: 10%; } .homehero .cta-btn-ghost {position:relative; top: 20px; } .homehero h1 {font-size: 80px; line-height: 60px; } .homehero h2 {font-size: 80px; line-height: 60px; } #build .card .icon img {width: 100%; } #pillars .card .icon img {width: 100%; } #travel .content {top: 50%; padding: 10px; } #whyattend .e-img img {width: 95%; } }