/* reusable styles */ .mt-10 {margin-top: 10px; } .mt-15 {margin-top: 15px; } .mt-20 {margin-top: 20px; } .mt-25 {margin-top: 25px; } .mt-30 {margin-top: 30px; } .mt-40 {margin-top: 40px; } .mt-50 {margin-top: 50px; } .mt-60 {margin-top: 60px; } .mt-75 {margin-top: 75px; } .mt-80 {margin-top: 80px; } .mt-100 {margin-top: 100px; } .visually-hidden {position:absolute; left: -1000px; top: auto; width: 1px; height: 1px; overflow:hidden;} .dropdown-toggle span {display: inline-block;} .mobile {display: none; } iframe {border:none; } /* Header - Navigation */ #transparentheader #navbar.navbar {top: 0; background-color:rgba(27,60,105,0.16); backdrop-filter: blur(20px);} #transparentheader #navbar.navbar nav .container li a {color:#fff;} #transparentheader #navbar.navbar nav .container li ul.dropdown-menu li a {color:#000!important; } #transparentheader #navbar.navbar.scrolled {background-color: #00093E;} #transparentheader #block-block-23 .btn-primary {border:2px solid #C5E5FF!important; background: #C5E5FF!important; color: #000; font-size: 14px; text-transform: uppercase; padding: 4px 8px; font-weight: 700; border-radius: 0} #transparentheader #block-block-23 .cta-btn-ghost {border:2px solid #C5E5FF; background: transparent; color: #C5E5FF; font-size: 14px; text-transform: uppercase; padding: 4px 8px; font-weight: 700; border-radius: 0; } #navbar.navbar nav .container ul {position: relative; top: 1px; } .navbar-header {margin-top: 20px; } /*footer*/ #footer {padding-top: 2%; padding-bottom: 2%; background: #265d93; } #footer p {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; } #footer .links {float:left; margin-top: 5%; margin-left: -15px; } #footer .social {float:right; } #footer .links {color:#fff;} #footer .links a {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; text-decoration: underline; } #footer .fineprint p {text-align: left; } /* Announcement Banner */ #atwbanner {z-index: 2; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-atwbanner-bg_1776349095755001Lbbe.jpg) no-repeat top center / cover #ffffff; position: relative; top: 100px; z-index: 6; height: 55px; } #atwbanner .a-img {margin-left: 30%; margin-top: 3%; } #atwbanner .a-img img {width: 100%;} /* Tell Me More */ #more {padding-top: 2%; padding-bottom: 2%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-tellmemore2-bg_1776280926335001xCOC.jpg) no-repeat top center / cover; margin-top: -3px; } #more h2 {font-size: 56px; line-height: 64px; color: #fff;; font-weight: 600; text-transform: capitalize; font-family: 'proxima-nova-condensed';} #more .title {text-align: right; position: relative; top: 20px; right: 30px; } #more .card {margin-top: 7%; margin-left: 8%; } #more .card p {font-size: 18px; font-weight: 400; line-height: 24px; color: #fff; text-align: left; font-family: 'proxima-nova';} #more .cta {margin-top: 40px; } #more .btn-cta {background-color: #8F5ACE!important; color: #fff; padding: 8px 24px; font-weight: 700; text-transform: uppercase; font-size: 18px; font-family: 'proxima-nova'; border-radius: 0px; } #more .disclaimer {font-family: 'proxima-nova'; font-size: 10px; font-weight: 500; line-height: normal; color:#fff;width: 75%; position: relative; top: -42px; left: 25%; } /* Home */ #home-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills-accel26-home-hero-bg_1776096638543001pj7c.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -80px;} #home-hero .hero-card {margin-top: 40%; } #home-hero .homehero h1 {font-size: 32px; line-height: 40px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.64px;} #home-hero .homehero h4 {font-size: 22px; line-height: 30px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.44px;} #home-hero .homehero .cta-btn-ghost {border:2px solid #430F83; background: #430F83; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; margin-left: 15px;} #home-hero .homehero .cta-btn {border:2px solid #C19CEE; background: #C19CEE; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #home-hero .homehero .cta {text-align: left; display: inline-block; margin-top: 60px;} #video-hero {position: relative; height: auto; margin-top: -120px; padding-bottom: 31%; background:#000547;} /* Base video styles */ #video-hero video {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover;transform: translate(-50%, -50%);} /* Background loop video */ #video-hero #loopvideo {z-index: 1;} /* Intro video on top */ #video-hero #introvideo {z-index: 2;transition: opacity 1s ease;} /* Fade out */ #video-hero #introvideo.fade-out {opacity: 0;pointer-events: none;} /* Content */ #video-hero .hero-content {position: relative;z-index: 3;color: #fff;opacity: 0;transition: opacity 1s ease;height: 100%;} /* Show content */ #video-hero.show-content .hero-content {opacity: 1;} #video-hero .hero-card {position: relative; top: 165px; left: 35%; width: 60%;} #video-hero .hero-card h1 {font-size: 40px; line-height: 48px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.64px;} #video-hero .hero-card h4 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.44px;} #video-hero .hero-card .cta-btn {border:2px solid #C19CEE; background: #C19CEE; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #video-hero .hero-card .cta-btn-ghost {border:2px solid #430F83; background: #430F83; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; margin-left: 15px;} #video-hero .hero-card .cta {text-align: left; display: inline-block; margin-top: 60px;} #hrskillset {padding-top: 5%; padding-bottom: 5%; margin-top: 0; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills-home-strenthen-skills-bg_1776271287394001if8w.jpg) no-repeat top center / cover #ffffff;} #hrskillset h2 {font-size: 40px; line-height: 48px; color:#000; font-family: 'proxima-nova-condensed'; font-weight: 800; letter-spacing: -1.8px; } #hrskillset h3 {font-size: 32px; line-height: 40px; color:#000; font-family: 'proxima-nova-condensed'; font-weight: 800; letter-spacing: -0.64px} #hrskillset p {font-size: 18px; line-height: 26px; font-weight: 400; font-family: 'proxima-nova'; color: #000; } #hrskillset ul li {font-size: 18px; line-height: 26px; font-weight: 400; font-family: 'proxima-nova'; color: #000; } #skillsaccelerator-focus {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-skills-acceleratror-bg_1776273490803001KEjz.jpg) no-repeat top center / cover #ffffff;} #skillsaccelerator-focus .title {text-align: center;} #skillsaccelerator-focus h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.8px} #skillsaccelerator-focus h3 {font-size: 32px; line-height: 40px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.64px} #skillsaccelerator-focus h4 {font-size: 22px; line-height: 30px; color: #C5E5FF; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.44px;} #skillsaccelerator-focus p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #skillsaccelerator-focus .cta-btn-ghost {border: 2px solid #C19CEE; background: transparent; color: #C19CEE; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0px; } #skillsaccelerator-focus .center {text-align: center;} #skillsaccelerator-focus .name {min-height: 80px; } #skillsaccelerator-focus .card {width: 90%; } #skillsaccelerator-focus .precon {font-size: 14px; font-weight: 700; color:#fff; font-family: 'proxima-nova'; line-height: 22px; position: relative; top: -215px; left: 10px; } #atw {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/blueprint26-home-atw-section-bg_1776098960624001ggO1.jpg) no-repeat top center / cover #ffffff;} #atw .title {text-align: center;} #atw .card {text-align: center;} #atw h2 {font-size: 40px; line-height: 48px; font-weight: 500; font-family: 'oswald'; color: #fff; text-transform: none;} #atw h4 {font-size: 24px; line-height: 32px; font-weight: 500; font-family: 'oswald'; color: #fff; text-transform: none;} #atw p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; } #atw .cta-btn-ghost {border:2px solid #C5E5FF; background: transparent; color: #C5E5FF; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; margin-left: 15px; } #atw .acard {text-align: left;} #atw .title p {width: 80%; margin-left: auto; margin-right: auto; } #theplace {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-home-venue-bg_1776278611867001iBpO.jpg) no-repeat top center / cover #ffffff;} #theplace .card {} #theplace .card h2 {font-size: 56px; line-height: 64px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -1.12px;} #theplace .card h4 {font-size: 22px; line-height: 30px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.44px;} /* Hotel/Venue */ #hotel-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-hotel-hero-bg_1776281558279001KRDr.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -65px;} #hotel-hero .hero-card {margin-top: 70%; } #hotel-hero .homehero h1 {font-size: 56px; line-height: 64px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.64px;} #hotel-hero .homehero h4 {font-size: 22px; line-height: 30px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.44px;} #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 #C19CEE; background: #C19CEE; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #hotel-hero .homehero .cta {text-align: left; display: inline-block; margin-top: 60px;} #venueinfo {padding-top: 5%; padding-bottom: 5%; margin-top: -5%;} #venueinfo h2 {font-size: 40px; line-height: 48px; color:#000; font-family: 'proxima-nova-condensed'; font-weight: 800; letter-spacing: -0.8px} #venueinfo p {font-size: 18px; line-height: 26px; font-weight: 400; font-family: 'proxima-nova'; color: #000; } #venueinfo .cta-btn-ghost {border: 2px solid #430F83; background: transparent; color: #430F83; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0px; } #venueinfo .v-img img {width: 100%;} #embark {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-hotel-nashville-bg_1776281558066001KcCK.jpg) no-repeat top center / cover #ffffff;} #embark h2 {font-size: 40px; line-height: 48px; color:#fff; font-family: 'proxima-nova-condensed'; font-weight: 800; letter-spacing: -0.8px} #embark h4 {font-size: 24px; line-height: 32px; color:#fff; font-family: 'proxima-nova-condensed'; font-weight: 800;} #embark p {font-size: 18px; line-height: 26px; font-weight: 700; font-family: 'proxima-nova'; color: #fff; } #embark .ltblue {color:#C5E5FF;} #travelinfo {padding-top: 5%; padding-bottom: 5%; background: #ffffff;} #travelinfo .title {text-align: center;} #travelinfo h3 {font-size: 40px; line-height: 48px; color:#000; font-family: 'proxima-nova-condensed'; font-weight: 800; letter-spacing: -0.8px} #travelinfo h2 {font-size: 56px; line-height: 64px; color: #000; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -1.12px;} #travelinfo h4 {font-size: 32px; line-height: 40px; color:#8F5ACE; font-family: 'proxima-nova-condensed'; font-weight: 800; letter-spacing: -0.64px} #travelinfo p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #travelinfo .purple {color:#8F5ACE;} #travelinfo .link {color:#fff; text-decoration: underline;} #thingstodo {padding-top: 5%; padding-bottom: 5%; background: #00093E;} #thingstodo .title {text-align: center;} #thingstodo h2 {font-size: 40px; line-height: 48px; color:#fff; font-family: 'proxima-nova-condensed'; font-weight: 800; letter-spacing: -0.8px} #thingstodo p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #thingstodo .img {width: 100%;} #thingstodo .center {text-align: center;} #thingstodo a{color:#fff; text-decoration: underline;} /* Event Policies */ #eventpolices-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills-accel26-home-hero-bg_1776096638543001pj7c.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -90px;} #eventpolices-hero .hero-card {margin-top: 60%; } #eventpolices-hero .homehero h1 {font-size: 56px; line-height: 64px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -1.12px;} #eventpolices-hero .homehero h4 {font-size: 22px; line-height: 30px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.44px;} #eventpolices-hero .homehero .cta-btn-ghost {border:2px solid #430F83; background: #430F83; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; margin-left: 15px;} #eventpolices-hero .homehero .cta-btn {border:2px solid #C19CEE; background: #C19CEE; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #eventpolices-hero .homehero .cta {text-align: left; display: inline-block; margin-top: 60px;} #policy {padding-top: 5%; padding-bottom: 5%; margin-top: -5%;} #policy h2 {font-size: 40px; line-height: 48px; color: #000; font-weight: 700; text-transform: none; font-family: 'proxima-nova-condensed';} #policy h3 {font-size: 32px; line-height: 40px; color: #000; font-weight: 700; text-transform: none; font-family: 'proxima-nova-condensed';} #policy p {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #policy ul li {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #policy .disclaimer {font-size: 14px; line-height: 22px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} /* Rates */ #rates-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skill26-rates-hero-bg_1776693590521001Pz3w.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -90px;} #rates-hero .hero-card {margin-top: 45%; } #rates-hero .homehero h1 {font-size: 56px; line-height: 64px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -1.12px; width: 80%;} #rates-hero .homehero h4 {font-size: 22px; line-height: 30px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.44px;} #rates-hero .homehero .cta-btn-ghost {border:2px solid #430F83; background: #430F83; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; margin-left: 15px;} #rates-hero .homehero .cta-btn {border:2px solid #C19CEE; background: #C19CEE; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #rates-hero .homehero .cta {text-align: left; display: inline-block; margin-top: 60px;} #rates {padding-top: 8%; padding-bottom: 5%; background: #00093E; margin-top: -8%;} #rates h2 {font-size: 40px; line-height: 48px; font-family: "proxima-nova-condensed";font-weight: 800; letter-spacing: -0.8px; color:#fff; } #rates h3 {font-size: 32px; line-height: 40px; font-family: "proxima-nova-condensed";font-weight: 800; letter-spacing: -0.64px; color:#C5E5FF; } #rates .rates-table {background: #fff; padding: 8px;} #rates .rates-table table {width: 100%;border-collapse: separate;border-spacing: 0;font-family: 'proxima-nova';} #rates .rates-table thead th {background: #00093E;color: #fff;padding: 8px 16px;font-size: 14px;text-align: center; border-right: 2px solid #1B3C69; font-weight: 700; line-height: 26px;} #rates .rates-table thead th.program {text-align: left!important; font-size: 18px!important;} /* Section headers */ #rates .section-header td {position: relative; color: #fff;font-weight: bold;padding: 8px 16px;font-size: 18px;} #rates .section-header.blue td {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-rates-table-header-blue-bg_1776696320051001UoqC.jpg) no-repeat top center / cover #ffffff;} #rates .section-header.purple td {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-rates-table-header-purple-bg_1776696319934001UHdr.jpg) no-repeat top center / cover #ffffff;} /* Table rows */ #rates .rates-table tbody tr:not(.section-header) td {background: #fff;padding: 8px 16px;font-size: 18px;border-right: 4px solid #e6e6e6;border-bottom: 4px solid #e6e6e6;text-align: center;} /* First column */ #rates .rates-table td.program {text-align: left!important;font-weight: bold;font-size: 16px!important;} /* Remove right border on last column */ #rates .rates-table td:last-child, #rates .rates-table th:last-child {border-right: none;} #rates .rates-table .blue td.program {border-left: 4px solid #1B3C69;} #rates .rates-table .purple td.program {border-left: 4px solid #8F5ACE;} #rates .disclaimer {font-size: 12px; line-height: 20px; font-family: "proxima-nova";font-weight: 400; color:#fff; } #rates .disclaimer a {color:#fff; text-decoration: underline;} #groupreg {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-rates-group-bg_1776693590373001PBLt.jpg) no-repeat top center / cover #ffffff;} #groupreg .card {padding: 60px; } #groupreg .card h2 {font-size: 40px; line-height: 48px; color: #000; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.8px} #groupreg .card p {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #groupreg a {color:#8F5ACE;} #groupreg .cta-btn-ghost {border:2px solid #000; background: transparent; color: #000; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #cancelpolicy {padding-top: 5%; padding-bottom: 5%; } #cancelpolicy h2 {font-size: 40px; line-height: 48px; color: #000; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.8px;} #cancelpolicy h3 {font-size: 32px; line-height: 40px; color: #000; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.64px;} #cancelpolicy p {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #cancelpolicy .disclaimer {font-size: 14px; line-height: 22px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; font-style: italic;} /* Program Overview */ #program-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-program-hero-bg_1776707196757001m1wp.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -70px;} #program-hero .hero-card {margin-top: 60%; } #program-hero .homehero h1 {font-size: 56px; line-height: 64px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -1.12px;} #program-hero .homehero h4 {font-size: 22px; line-height: 30px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.44px;} #program-hero .homehero .cta-btn-ghost {border:2px solid #430F83; background: #430F83; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; margin-left: 15px;} #program-hero .homehero .cta-btn {border:2px solid #C19CEE; background: #C19CEE; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #program-hero .homehero .cta {text-align: left; display: inline-block; margin-top: 60px;} #riskreduction {padding-top: 5%; padding-bottom: 8%; margin-top: -5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-program-risk-reduction-bg_1776707196634001mcRy.jpg) no-repeat top center / cover #ffffff;} #riskreduction .card {margin-left: 50px; margin-top: 50px;} #riskreduction h2 {font-size: 40px; line-height: 48px; color: #000; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.8px;} #riskreduction p {font-size: 18px; line-height: 26px; font-weight: 400; font-family: 'proxima-nova'; color: #000; } #riskreduction .cta {margin-top: 40px; } #riskreduction .cta-btn {border:2px solid #C5E5FF; background: #C5E5FF; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #progboss {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-program-convince-boss-bg_1776707196490001mYQg.jpg) no-repeat top center / cover #ffffff;} #progboss .card {padding: 60px; } #progboss .card h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.8px;} #progboss .card h4 {font-size: 22px; line-height: 30px; color: #D0FFFD; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.44px;} #progboss .cta-btn-ghost {border:2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #regtoday {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-program-register-today-bg_1776707196382001ma4I.jpg) no-repeat top center / cover #ffffff;} #regtoday .card {padding: 60px; } #regtoday .card h2 {font-size: 56px; line-height: 64px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.8px;} #regtoday .card h3 {font-size: 32px; line-height: 40px; color: #C5E5FF; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.44px;} #regtoday .card p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #regtoday .cta-btn-ghost {border:2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} /* Shared Exp at ATW */ #sharedexp-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-shared-exp-hero-bg_1776776173043001qiCK.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -90px;} #sharedexp-hero .hero-card {margin-top: 50%; } #sharedexp-hero .homehero h1 {font-size: 56px; line-height: 64px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -1.12px; width: 80%;} #sharedexp-hero .homehero h4 {font-size: 22px; line-height: 30px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.44px;} #sharedexp-hero .homehero .cta-btn-ghost {border:2px solid #430F83; background: #430F83; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; margin-left: 15px;} #sharedexp-hero .homehero .cta-btn {border:2px solid #C19CEE; background: #C19CEE; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;} #sharedexp-hero .homehero .cta {text-align: left; display: inline-block; margin-top: 60px;} #partofatw {padding-top: 10%; padding-bottom: 8%; margin-top: -8%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-shared-exp-atw-bg_1776776172974001qrd8.jpg) no-repeat top center / cover #ffffff;} #partofatw p {font-size: 18px; line-height: 26px; font-weight: 400; font-family: 'proxima-nova'; color: #fff; } #partofatw .a-img img {width: 90%;} #partofatw .logo img {width: 100%;} #moreto {padding-top: 5%; padding-bottom: 5%; background: #ffffff;} #moreto h2 {font-size: 40px; line-height: 48px; color: #000; font-weight: 500; text-transform: none; font-family: 'oswald';} #moreto p {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';} #moreto img {width: 100%;} #stepinto {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-shared-exp-nashville-bg_1776776172574001qV8Y.jpg) no-repeat top center / cover #ffffff;} #stepinto .card {width: 80%;} #stepinto .card h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.8px;} #stepinto .card h4 {font-size: 22px; line-height: 30px; color: #C5E5FF; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.44px;} #stepinto .card p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';} /* Smartphones (portrait and landscape) ----------- */ @media only screen and (max-width : 767px) { .caret {display: none!important; } /* Navigation */ #navbar.navbar .container a.navbar-brand {width: 70%;} #transparentheader .navbar-default .navbar-toggle .icon-bar {background-color: #fff; } #transparentheader #navbar.navbar .container .navbar-header {height: 84px; } #transparentheader #block-block-23 .cta-btn-ghost {border: 2px solid #000!important; color:#000!important; font-family: 'proxima-nova'; padding: 8px 0;} #transparentheader #block-block-23 .btn-primary {background: #C5E5FF!important; color:#000!important; font-family: 'proxima-nova'; padding: 8px 0; margin-bottom: 15px; } #navbar.navbar .container .collapse.in .block-block.login-logout a {width: 100%; } /* Announcement */ #atwbanner {top: 83px; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-atwbanner-mobile_1776349525748001t5kT.jpg) no-repeat top center / cover #ffffff; height: 40px; } #atwbanner .a-img {margin-left: 24%; margin-top: 2%; } /* Footer */ #footer {padding-left: 15px; padding-right: 15px; } #footer .social {float:none; } #footer .links {float:none; } #footer p {text-align: left; } .spread-icons {text-align: left; } /* Tell Me More */ #more {padding-bottom: 10%; } #more .divider {display: none;} #more .title {text-align: center; top: 0; right: 0;} #more .card {margin-top: 0; margin-left: 25px; text-align: center; margin: auto;} #more .disclaimer {top: 0; left: 0; margin-top: 25px; width: 100%;} #more .card p {text-align: center;} /* Home */ #home-hero {height: auto;} #home-hero .homehero {padding-top: 30%; padding-bottom: 10%;} #home-hero .hero-card {margin-top: 25%; } #home-hero .homehero .cta {text-align: center; display: grid; } #home-hero .homehero .cta-btn-ghost {margin-top: 20px; margin-left: 0; } #home-hero .b-logo img {width: 80%; } #video-hero {height: 800px;margin-top: -110px; } #video-hero .hero-card {top: 426px; left: 0; width: 100%; } #video-hero .hero-card h1 {font-size: 24px; line-height: 32px; } #video-hero .hero-card h4 {font-size: 18px; line-height: 26px; } #video-hero .hero-card .cta {text-align: center; display: grid; margin-top: 0;} #video-hero .hero-card .cta-btn {padding: 4px 12px; font-size: 14px; } #video-hero .hero-card .mt-15 {margin-top: 0;} /* Show content */ #video-hero.show-content .hero-content {opacity: 1;} #hrskillset {margin-top: 0; padding-bottom: 15%; } #hrskillset h2 {font-size: 32px; line-height: 40px; width: 100%;} #hrskillset h3 {font-size: 24px; line-height: 32px; width: 100%;} #atw {padding-bottom: 15%;} #atw .title {padding: 10px; } #atw .title p {width: 100%; } #atw .card {margin-bottom: 25px;} #atw .card img {width: 100%; } #atw .mt-80, #leadtrans .mt-80 {margin-top: 0px;} #atw .a-img {margin-top: 15%; } #atw h2 {font-size: 32px; line-height: 40px; width: 100%;} #atw h4 {font-size: 20px; line-height: 28px; width: 100%;} #skillsaccelerator-focus {padding-bottom: 15%;} #skillsaccelerator-focus .title {padding: 10px; } #skillsaccelerator-focus h2 {font-size: 32px; line-height: 40px; width: 100%;} #skillsaccelerator-focus h3 {font-size: 24px; line-height: 32px; width: 100%;} #skillsaccelerator-focus .card {width: 100%; margin-bottom: 45px; } #skillsaccelerator-focus .credbox img {width: 100%; } #skillsaccelerator-focus .name {min-height: 40px; } #skillsaccelerator-focus .center {padding: 10px; margin-top: 0px; } #theplace {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/skills26-home-venue-bg-mobile_1776346238958001aqf0.jpg) no-repeat top center / cover #ffffff; padding-bottom: 5%; margin-top: -2px; } #theplace .card {padding: 0; margin-top: 70%; text-align: center;} #theplace .card h2 {font-size: 32px; line-height: 40px; width: 100%;} #theplace .card h4 {font-size: 20px; line-height: 28px; width: 100%;} /* Hotel & Venue */ #hotel-hero {height: auto;} #hotel-hero .homehero {padding-top: 30%; padding-bottom: 10%;} #hotel-hero .homehero h1 {font-size: 48px; line-height: 56px; } #hotel-hero .hero-card {margin-top: 50%; } #venueinfo {margin-top: -15%; padding-bottom: 15%; } #venueinfo h2 {font-size: 32px; line-height: 40px; width: 100%;} #venueinfo .v-img {margin-top: 30px; } #embark h2 {font-size: 32px; line-height: 40px; width: 100%;} #embark h4 {font-size: 20px; line-height: 28px; width: 100%;} #travelinfo .mt-80 {margin-top: 0px;} #travelinfo .card {width: 100%; margin-bottom: 25px; } #travelinfo img {width: 100%; } #travelinfo h2 {font-size: 32px; line-height: 40px; width: 100%;} #travelinfo h3 {font-size: 24px; line-height: 32px; width: 100%;} #thingstodo .title {padding: 10px; } #thingstodo .card {margin-bottom: 25px; } #thingstodo .centered {width: 100%; } #thingstodo img {width: 100%; } #thingstodo h2 {font-size: 32px; line-height: 40px; width: 100%;} /* Event Policies */ #eventpolices-hero {height: auto;} #eventpolices-hero .homehero {padding-top: 30%; padding-bottom: 10%;} #eventpolices-hero .homehero h1 {font-size: 48px; line-height: 56px; } #eventpolices-hero .hero-card {margin-top: 50%; } #policy .content {padding: 15px; margin-top: -15%;} #policy h2 {font-size: 32px; line-height: 40px; width: 100%;} #policy h3 {font-size: 24px; line-height: 32px; width: 100%;} /* Rates */ #rates-hero {height: auto;} #rates-hero .homehero {padding-top: 30%; padding-bottom: 10%;} #rates-hero .hero-card {margin-top: 25%; } #rates-hero .homehero .cta {text-align: center; display: grid; } #rates-hero .homehero .cta-btn-ghost {margin-top: 20px; margin-left: 0; } #rates-hero .b-logo img {width: 80%; } #rates {margin-top: -95px; } #rates h2 {font-size: 32px; line-height: 40px; width: 100%;} #rates h3 {font-size: 24px; line-height: 32px; width: 100%;} #rates .title {padding: 10px;} #rates .rates-table table, #rates .rates-table thead, #rates .rates-table tbody, #rates .rates-table th, #rates .rates-table td, #rates .rates-table tr {display: block;width: 100%;} /* Hide table headers */ #rates .rates-table thead {display: none;} /* Section headers stay visible */ #rates .section-header td {display: block;width: 100%;font-size: 16px;} /* Each row becomes a card */ #rates .rates-table tbody tr:not(.section-header) {margin-bottom: 20px;background: #fff;border: 1px solid #e6e6e6;} /* Cells stack */ #rates .rates-table td {display: flex;justify-content: space-between;align-items: center;text-align: right;padding: 10px 12px;border: none;border-bottom: 1px solid #e6e6e6;} /* Labels (left side) */ #rates .rates-table td::before {content: attr(data-label);font-weight: 700;text-align: left;color: #00093E;} /* Program name styling */ #rates .rates-table td.program {flex-direction: column;align-items: flex-start;text-align: left;font-size: 16px;} #rates .rates-table td.program::before {margin-bottom: 5px;} /* Remove last border */ #rates .rates-table td:last-child { border-bottom: none;} /* Keep colored left border */ #rates .rates-table tr.blue {border-left: 5px solid #1B3C69;} #rates .rates-table tr.purple {border-left: 5px solid #8F5ACE;} #groupreg {background: #C5E5FF; padding-bottom: 15%; } #groupreg .card {padding: 0; } #groupreg h2 {font-size: 32px; line-height: 40px; width: 100%;} #groupreg h4 {font-size: 20px; line-height: 28px; width: 100%;} #cancelpolicy {padding: 20px; } #cancelpolicy h2 {font-size: 32px; line-height: 40px; width: 100%;} #cancelpolicy h3 {font-size: 24px; line-height: 32px; width: 100%;} /* Program Overview */ #program-hero {height: auto; top: -40px; } #program-hero .homehero {padding-top: 30%; padding-bottom: 10%;} #program-hero .hero-card {margin-top: 25%; } #program-hero .homehero .cta {text-align: center; display: grid; } #program-hero .homehero .cta-btn-ghost {margin-top: 20px; margin-left: 0; } #program-hero .b-logo img {width: 80%; } #riskreduction {margin-top: -10%; padding-bottom: 15%; background: #fff; } #riskreduction h2 {font-size: 32px; line-height: 40px; width: 100%;} #riskreduction h3 {font-size: 24px; line-height: 32px; width: 100%;} #riskreduction .card {margin-left: 0; margin-top: 0; } #progboss, #regtoday {padding-bottom: 15%; background: linear-gradient(102deg, #0B2B68 0.01%, #8D59CD 59.04%);} #progboss .card, #regtoday .card {padding: 0; } #progboss .card h2 {font-size: 32px; line-height: 40px; width: 100%;} #progboss .card h3 {font-size: 24px; line-height: 32px; width: 100%;} #regtoday .card h2 {font-size: 32px; line-height: 40px; width: 100%;} #regtoday .card h3 {font-size: 24px; line-height: 32px; width: 100%;} /* Shared Experience at ATW */ #sharedexp-hero {height: auto;} #sharedexp-hero .homehero {padding-top: 30%; padding-bottom: 40%;} #sharedexp-hero .hero-card {margin-top: 25%; } #sharedexp-hero .homehero .cta {text-align: center; display: grid; } #sharedexp-hero .homehero .cta-btn-ghost {margin-top: 20px; margin-left: 0; } #sharedexp-hero .b-logo img {width: 80%; } #partofatw {margin-top: -23%; padding-bottom: 15%;} #partofatw .a-img img {width: 100%;} #moreto {padding-top: 0;} #moreto h2 {font-size: 32px; line-height: 40px; width: 100%;} #moreto h3 {font-size: 24px; line-height: 32px; width: 100%;} #moreto .mt-80 {margin-top: 0;} #moreto .card {margin-bottom: 25px;} #stepinto .card {width: 100%;} } /* 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: 1440px) { #video-hero {height: 710px; margin-top: -90px; padding-bottom: 0; } #video-hero .hero-card {top: 130px; } } /* Very Large Screens */ @media only screen and (min-width: 1770px) and (max-width: 2800px) { #atwbanner .a-img {margin-left: 45%;} #video-hero {padding-bottom: 0; top: -10px; height: 1000px; } #video-hero .hero-card {top: 240px; left: 22%; } #hrskillset {margin-top: -10px; } }